/* Template: Zigo Software Landing Page Template
   Author: InovatikThemes
   Version: 1.2
   Created: March 2017
   Description: Master CSS file
*/

/**********************************
	TABLE OF CONTENTS

01. General Styles 
02. Navigation
03. Header
04. Testimonials Section
05. Features Section
06. Description 1 Section
07. Description 2 Section
08. Video Section
09. About Us Section
10. Newsletter Section
11. Our Team Section
12. Social Media Section
13. Contact Section
14. Footer Section
15. Back To Top Button
16. Header Privacy
17. Privacy Content
18. Header Terms
19. Terms Content
20. Media Queries
**********************************/


/***** 01. General Styles *****/
html,
body {
	width: 100%;
	height: 100%; 
}

body {
	font: 300 16px/26px "Poppins", sans-serif;
	color: #3a3a3a; 
}

h1 {
	font: 300 36px/46px "Poppins", sans-serif; 
}

h2 {
	font: 500 25px/34px "Poppins", sans-serif; 
}

h3 {
	font: 500 21px/30px "Poppins", sans-serif; 
}

p {
	font: 300 16px/26px "Poppins", sans-serif; 
}

a {
	color: #3a3a3a;
	text-decoration: underline; 
}

a:hover {
	color: #000; 
}

/* Buttons */
.button-large-transparent,
.button-large-transparent:focus {
	font: 300 18px/32px "Poppins", sans-serif;
	background: transparent;
	color: #1abc9c;
	border: 2px solid #1abc9c;
	border-radius: 25px;
	padding: 9px 40px 9px 40px;
	text-decoration: none; 
}

.button-large-transparent:hover {
	background-color: #1ed8b3;
	color: #3a3a3a;
	border: 2px solid #1ed8b3;
	text-decoration: none;
	cursor: pointer; 
}

.button-large-solid,
.button-large-solid:focus {
	font: 300 18px/32px "Poppins", sans-serif;
	background-color: #1abc9c;
	color: #fff;
	border: none;
	border-radius: 25px;
	padding: 11px 40px 11px 40px;
	text-decoration: none; 
}

.button-large-solid:hover {
	background-color: #1ed8b3;
	color: #fff;
	text-decoration: none; 
}

.button-small-solid,
.button-small-solid:focus {
	font: 300 16px/26px "Poppins", sans-serif;
	background-color: #1abc9c;
	color: #fff;
	border-radius: 25px;
	padding: 10px 40px 10px 40px;
	text-decoration: none; 
}

.button-small-solid:hover {
	background-color: #1ed8b3;
	color: #fff;
	text-decoration: none;
	cursor: pointer; 
}

.button-small-transparent,
.button-small-transparent:focus {
	font: 300 16px/26px "Poppins", sans-serif;
	background: transparent;
	color: #1abc9c;
	border: 2px solid #1abc9c;
	border-radius: 25px;
	padding: 8px 40px 8px 40px;
	text-decoration: none; 
}

.button-small-transparent:hover {
	background-color: #1ed8b3;
	color: #3a3a3a;
	border: 2px solid #1ed8b3;
	text-decoration: none;
	cursor: pointer; 
}

/* Carousel */
.carousel-control .glyphicon-menu-right,
.carousel-control .glyphicon-menu-left {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
	font-size: 30px; 
}

.carousel-control .glyphicon-menu-left {
	left: 50%;
	margin-left: -10px; 
}

.carousel-control .glyphicon-menu-right {
	right: 50%;
	margin-right: -10px; 
}

a.left.carousel-control, a.right.carousel-control {
	opacity: 1; 
}

.right.carousel-control {
	background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 100%); 
}

.left.carousel-control {
	background-image: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.5) 100%); 
}

/* Heading Text Underline */
.underline {
	display: inline-block; 
}

.underline:after {
	display: block;
	content: "";
	width: 80%;
	margin: 7px  auto 0 auto;
	border-bottom: solid 2px #1abc9c; 
}

/* Forms success and error alerts formatting */
#nmsgSubmit.h3.text-center.tada.animated.text-success {
	margin-top: 10px;
	font: 300 20px/32px "Poppins", sans-serif;
	color: #3a3a3a; 
}

#nmsgSubmit.h3.text-center.text-danger {
	font: 300 20px/32px "Poppins", sans-serif;
	color: #3a3a3a; 
}

#cmsgSubmit.h3.text-center.tada.animated.text-success {
	font: 300 20px/32px "Poppins", sans-serif;
	color: #3a3a3a; 
}

#cmsgSubmit.h3.text-center.text-danger {
	font: 300 20px/32px "Poppins", sans-serif;
	color: #3a3a3a; 
}

/* Preloader */
.main-wrapper {
	overflow: hidden; /* used to keep the scroll bar on the pre-loader screen */
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #071a24; /* change if the mask should have another color then white */
	z-index: 9999; /* makes sure it stays on top */ 
}

#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	background-image: url(../images/preloader-gears.svg); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px; /* is width and height divided by two */ 
}  

/* Style Switcher */
#toggle-switcher {
	display: block;
	width: 40px;
	height: 41px;
	background: #fff;
	position: absolute;
	left: -40px;
	top: 30px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #ddd;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-right: none; 
}

#toggle-switcher img.style-gear {
	width: 47x;
	height: 47px;
	margin-top: -4px;
	margin-left: -4px;
}

#style-switcher {
	position: fixed;
	z-index: 1000;
	top: 70px;
	right: -290px;
	width: 290px;
	background: #fff;
	padding: 10px 10px 12px 10px;
	border: 1px solid #ddd; 
	border-radius: 2px;
}

#style-switcher .style-switcher-cell {
	display: inline-block;
	max-width: 78px;
	margin-left: 3px;
	margin-right: 3px;
}

#style-switcher .style-switcher-cell img {
	margin-top: 10px;
	width: 78px;
	height: 48px;
	display: inline-block;
}

#style-switcher h1 {
	font: 600 20px/1.3em "Raleway", sans-serif;
	text-align: center;
	color: #3a5c68;
	margin-top: 0px;
	margin-left: -11px;
	margin-bottom: 0px;
}

#style-switcher a {
	font: 400 12px/1.2em "Source Sans Pro", sans-serif;
	color: #4b555d;
	margin-top: 5px;
	text-align: right;
	text-decoration: none; 	
	display: block;
	text-align: center;
}

#style-switcher a:hover {
	color: #298aff;
}

#style-switcher .style-switcher-buttons {
	margin-top: 4px;
	margin-left: 5px;
	margin-bottom: 3px;
	text-align: center;
}

#style-switcher a.style-switcher-back-button {
	padding: 8px 20px 6px 20px;
	border: 1px solid #298aff;
	color: #298aff;
	border-radius: 25px;
	font: 600 10px/1em "Raleway", sans-serif;
	display: inline-block;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	text-align: center;
}

#style-switcher a.style-switcher-back-button:hover {
	color: #fff;
	background-color: #298aff;
}

#style-switcher a.style-switcher-buy-button {
	margin-left: 3px;
	margin-right: 3px;
	border: 1px solid #298aff;
	color: #fff;
	background-color: #298aff;
	border-radius: 25px;
	padding: 8px 20px 6px 20px;
	font: 600 10px/1em "Raleway", sans-serif;
	display: inline-block;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	text-align: center;
}

#style-switcher a.style-switcher-buy-button:hover {
	color: #fff;
	background-color: #003459;
	border: 1px solid #003459;
}


/***** 02. Navigation *****/

/* Image logo */
a.navbar-brand.img-logo.scrolling {
	padding: 0px;
	margin-left: 0px; 
}

/* Image logo in mobile mode */
.navbar-brand.img-logo.scrolling img {
	margin-left: 15px;
	margin-top: 12px;
	width: 101px;
	height: 35px; 
}

/* Text logo in mobile mode */
a.navbar-brand.scrolling {
	text-decoration: none;
	font: 300 34px/0.9em "Poppins", sans-serif;
	color: #fff;
	margin-left: 5px; 
}

/* Navbar */
.navbar-custom {
	background-color: #c62138;
	border-color: transparent;
	font: 300 14px/22px "Poppins", sans-serif; 
}

.navbar-custom .navbar-brand {
	color: #fff; 
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
	color: #fff;
	opacity: 1; 
}

.navbar-custom .navbar-collapse {
	border-color: rgba(255, 255, 255, 0.02); 
}

/* Mobile Menu Toggle Button Pressed */
.navbar-default .navbar-toggle {
	background-color: #fff;
	border: none;
	color: #071a24;
}

/* Mobile Menu Toggle Button Hover On Pressed */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fff;
	color: #071a24;
}

/* Mobile Menu Toggle Button Regular - Not Pressed */
/* Mandatory placed after Button Hover On Pressed properties so that when testing on actual mobile browser, it goes back to Button Regular state */
.navbar-default .navbar-toggle.collapsed {
	background-color: #1abc9c;
	color: #071a24;
}

.navbar-custom .nav li a.scrolling {
	color: #fff;
	opacity: 0.7;
	text-decoration: none; 
}

.navbar-custom .nav li a:hover {
	color: #fff;
	outline: none;
	opacity: 1; 
}

.navbar-custom .navbar-nav > .active > a.scrolling {
	border-radius: 0;
	color: #fff;
	background-color: transparent;
	opacity: 1; 
}

.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: transparent; 
}


/***** 03. Header *****/
header {
	position: relative;
	min-height: auto;
	width: 100%;
	background-color: #3a3a3a;
	background: url("../images/header-background.jpg") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%; 
}

/* IE fix for vertical alignment in flex box */
header .flex-container-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%; 
}

header .header-content {
	position: relative;
	width: 100%;
	padding: 100px 15px;
	z-index: 2;
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh; 
}

header .header-content img {
	margin-top: 15px;
	text-align: center; 
}

header .header-content .call-to-action {
	margin-top: 10px; 
}

header .header-content .call-to-action h1 {
	font: 300 42px/52px "Poppins", sans-serif;
	color: #fff;
	margin-bottom: 40px;
	margin-top: 40px; 
}

header .header-content .call-to-action p {
	font: 300 18px/32px "Poppins", sans-serif;
	color: #fff;
	margin-left: 0%;
	margin-right: 0%; 
}

header .header-content .call-to-action .app-price {
	font: 300 26px/32px "Poppins", sans-serif; 
}

header .header-content .call-to-action .header-buttons {
	margin-top: 30px;
	text-align: center; 
}

header .header-content .call-to-action .header-buttons a {
	display: inline-block; 
}

header .header-content .call-to-action .header-buttons :nth-child(2) {
	margin-top: 20px; 
}

header .header-content .call-to-action .header-buttons .google-icon {
	background: url("../images/google-icon.svg") no-repeat center;
	background-size: 20px 21px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	height: 21px;
	margin-bottom: -5px;
	margin-right: 9px;
	color: #1abc9c; 
}

header .header-content .call-to-action .header-buttons .apple-icon {
	background: url("../images/apple-icon.svg") no-repeat center;
	background-size: 20px 24px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	height: 24px;
	margin-bottom: -5px;
	margin-right: 9px;
	color: #1abc9c; 
}


/***** 04. Testimonials *****/
#testimonials-section {
	padding-top: 0px;
	padding-bottom: 70px;
	background-color: #e5e5e5; 
}

#testimonials-section #carousel-example-generic {
	text-align: center;
	margin-top: 60px;
	margin-left: 5%;
	margin-right: 5%; 
}

#testimonials-section #carousel-example-generic img {
	width: 105px;
	height: 105px;
	margin-bottom: 20px; 
}

#testimonials-section #carousel-example-generic p {
	padding-top: 15px;
	width: 100%; 
}

#testimonials-section #carousel-example-generic h2 {
	font: 300 21px/30px "Poppins", sans-serif; 
}

#testimonials-section #carousel-example-generic a.left.carousel-control, 
#testimonials-section #carousel-example-generic a.right.carousel-control {
	background: none; 
}

#testimonials-section #carousel-example-generic .carousel-indicators {
	position: static;
	margin-top: 10px; 
}

#testimonials-section #carousel-example-generic .carousel-indicators .active {
	background-color: #3a3a3a;
	border: 2px solid #3a3a3a;
	width: 12px;
	height: 12px;
	margin-right: 4px; 
}

#testimonials-section #carousel-example-generic .carousel-indicators li {
	border: 1px solid #3a3a3a;
	width: 12px;
	height: 12px;
	margin: 0px;
	margin-right: 4px; 
}

#testimonials-section #carousel-example-generic .carousel-indicators li:hover {
	background-color: #3a3a3a;
	border: 2px solid #3a3a3a;
	width: 12px;
	height: 12px;
	margin-right: 4px; 
}

#testimonials-section #carousel-example-generic .carousel-content {
	color: #3a3a3a;
	display: flex;
	align-items: center; 
}


/***** 05. Features Section *****/
#features-section {
	padding-top: 70px;
	padding-bottom: 80px; 
}

#features-section h1 {
	margin-bottom: 50px; 
}

#features-section .sub-heading {
	margin-bottom: 20px; 
}

#features-section .feature-box {
	margin-top: 40px;
	margin-left: -15px;
	margin-right: -15px; 
}

#features-section .features-icons {
	font-size: 40px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 4px;
	float: left; 
}

#features-section .features-text {
	margin-left: 60px;
	margin-top: 0px; 
}

#features-section .features-text h3 {
	margin-top: 0px;
	margin-bottom: 3px; 
}

#features-section .features-text p {
	margin-bottom: initial;
	margin-left: initial;
	margin-right: initial; 
}

#features-section #myCarousel {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 30px;
	height: 80%;
}

#features-section #myCarousel .carousel-control.left {
	background: none;
	margin-top: -40px;
	opacity: 0.7;
	margin-left: 20px; 
}

#features-section #myCarousel .carousel-control.right {
	right: 0;
	left: auto;
	background: none;
	margin-top: -40px;
	padding-left: 20px;
	opacity: 0.7;
	margin-right: 20px;
}

#features-section #myCarousel .carousel-control:hover,
#features-section #myCarousel .carousel-control:focus {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: 1; 
}

#features-section #myCarousel .carousel-caption {
	position: relative;
	right: 0%;
	margin-bottom: 20px;
	left: 0%;
	z-index: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #3a3a3a;
	text-align: center;
	text-shadow: none; 
}

#features-section #myCarousel .carousel-caption p {
	margin-top: 23px;
	margin-bottom: 2px; 
}

#features-section #myCarousel .carousel-indicators {
	margin-bottom: -40px; 
}

#features-section #myCarousel .carousel-indicators li {
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid #3a3a3a;
	border-radius: 10px; 
}

#features-section #myCarousel .carousel-indicators .active {
	width: 10px;
	height: 10px;
	margin: 0;
	background-color: #3a3a3a; 
}


/***** 06. Description Section 1 *****/
#description-section-1 {
	padding-top: 60px;
	padding-bottom: 80px;
	background-color: #e5e5e5; 
}

#description-section-1 img {
	margin-left: auto;
	margin-right: auto; 
}

#description-section-1 h1 {
	margin-bottom: 50px; 
}

#description-section-1 h2 {
	margin-top: 40px;
	margin-bottom: 20px; 
}

#description-section-1 .button-small-solid {
	display: inline-block;
	margin-top: 15px; 
}


/***** 07. Description Section 2 *****/
#description-section-2 {
	padding-top: 80px;
	padding-bottom: 80px; 
}

#description-section-2 .nav-pills {
	margin-top: 40px;
	margin-bottom: 30px; 
}

#description-section-2 .nav-pills li {
	text-align: center;
	width: 100%; 
}

#description-section-2 .nav-pills li a {
	font: 300 18px/26px "Poppins", sans-serif;
	background-color: none;
	color: #6a6a6a;
	border: 1px solid #aaa;
	border-radius: 25px;
	margin-right: 4px;
	margin-top: 10px;
	padding: 10px 30px 10px 30px;
	text-decoration: none; 
}

#description-section-2 .nav-pills li a:hover {
	background-color: #3a3a3a;
	color: #fff;
	border: 1px solid #3a3a3a; 
}

#description-section-2 .nav-pills li.active a {
	background-color: #3a3a3a;
	color: #fff;
	border: 1px solid #3a3a3a; 
}

#description-section-2 #tab_a ul {
	list-style: none; 
}

#description-section-2 #tab_a .button-small-solid {
	display: inline-block;
	margin-top: 15px;
}
 
#description-section-2 #tab_b {
	margin-top: 20px; 
}

#description-section-2 #tab_b .progress {
	height: 30px;
	border-radius: 4px;
	margin-top: 20px; 
}

#description-section-2 #tab_b .progress-bar {
	text-align: left;
	font: 300 14px/22px "Poppins", sans-serif;
	background-color: #1abc9c;
	color: white;
	padding-left: 20px;
	padding-top: 5px; 
}

#description-section-2 #tab_c .button-small-solid {
	display: inline-block;
	margin-top: 15px; 
}

#description-section-2 .tab-content ul {
	padding-left: 20px; 
}

#description-section-2 .tab-content ul .checkmark {
	margin-right: 10px; 
}

#description-section-2 img {
	margin-left: auto;
	margin-right: auto; 
}

/* Magnific PopUp FAQ PopUp */
#small-dialog {
	background: #fff;
	padding: 20px 20px 30px 20px;
	text-align: left;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
}

#small-dialog h1 {
	text-align: center;
	margin-bottom: 35px;
	margin-top: 20px;
}

#small-dialog p.faq-question {
	font: 500 18px/1.4em "Poppins", sans-serif;
}

#small-dialog .faq-row {
	margin-top: 20px;
}

#small-dialog .bullet-number {
	width: 39px;
	height: 39px;
	background-color: #298aff;
	color: #fff;
	text-align: center;
	font: 600 20px/2.1em "Poppins", sans-serif;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 6px;
}

#small-dialog .faq-text {
	display: inline-block;
	max-width: 80%;
	vertical-align: top;
}

/* Magnific PopUp Fade-move animation for second dialog */
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Magnific PopUp Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}


/***** 08. Video Section *****/
#video-section {
	padding-top: 100px;
	padding-bottom: 80px;
	background: linear-gradient(rgba(246, 34, 63, 0.5), rgba(220, 92, 28, 0.5)), url(../images/video-section-background.jpg);
	background-size: cover;
	background-attachment: fixed; 
}

#video-section p {
	color: #fff;
	margin-top: 30px; 
}


/***** 09. About Us Section *****/
#about-us-section {
	padding-top: 70px;
	padding-bottom: 90px; 
}

#about-us-section h1 {
	margin-bottom: 50px; 
}

#about-us-section p {
	margin-bottom: 60px; 
}

#about-us-section h2 {
	font-weight: 300;
	margin-top: 60px;
	margin-bottom: 40px; 
}

#about-us-section .about-image {
	width: 100%; 
}

#about-us-section .development-process {
	text-align: left; 
}

#about-us-section .development-process img {
	margin-top: 60px;
	margin-bottom: 10px; 
}

#about-us-section .development-process .text-div {
	margin-top: 13px; 
}

#about-us-section .development-process .text-div .box-title {
	font: 400 20px/30px "Poppins", sans-serif;
	margin-top: 20px; 
}

#about-us-section .development-process .text-div p {
	margin-bottom: 5px;
	margin-left: 0%;
	margin-right: 0%; 
}

#about-us-section .development-process .button-small-solid {
	display: inline-block;
	margin-top: 12px; 
}


/***** 10. Newsletter Section *****/
#newsletter-section {
	padding-top: 70px;
	padding-bottom: 80px;
	background-color: #e5e5e5; 
}

#newsletter-section p {
	margin-bottom: 60px;
	margin-left: 5%;
	margin-right: 5%; 
}

#newsletter-section form {
	margin-top: 15px;
}

#newsletter-section form ::-webkit-input-placeholder {
	color: #3a3a3a;
	opacity: 0.8; 
}

#newsletter-section form ::-moz-placeholder {
	color: #3a3a3a;
	opacity: 0.8; 
}

#newsletter-section form :-ms-input-placeholder {
	color: #3a3a3a;
	opacity: 0.8; 
}

#newsletter-section form input:-moz-placeholder {
	color: #3a3a3a;
	opacity: 0.8; 
}

#newsletter-section form input {
	height: 42px;
	width: 280px;
	margin-right: 0px;
	background: transparent;
	font: 300 16px/26px "Poppins", sans-serif;
	color: #3a3a3a;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	border-bottom: 1px solid black;
	text-align: center; 
}

#newsletter-section form input:focus, #newsletter-section form textarea:focus {
	box-shadow: 0 5px 2px -2px #bebebe; 
}

#newsletter-section form .form-group {
	display: inline-block; 
}

#newsletter-section form button {
	display: inline-block;
	border: none;
	margin-top: 10px; 
}


/***** 11. Our Team Section *****/
#our-team-section {
	padding-top: 70px;
	padding-bottom: 90px;
	background: linear-gradient(rgba(212, 96, 39, 0.5), rgba(246, 34, 63, 0.5)), url(../images/team-section-background.jpg);
	background-size: cover;
	background-attachment: fixed; 
}

#our-team-section h1 {
	margin-bottom: 30px;
	color: #fff; 
}

#our-team-section .team-members {
	display: inline-block; 
}

#our-team-section .team-members img {
	width: 81%;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 40px; 
}

#our-team-section .team-members p {
	margin-top: 15px;
	color: #fff; 
}

#our-team-section .team-members p .job-title {
	font-weight: 500; 
}


/***** 12. Social Media Section *****/
#social-media-section {
	padding-top: 19px;
	padding-bottom: 18px;
	background-color: #1abc9c; 
}

#social-media-section span {
	font-size: 40px;
	color: #fff;
	margin: 7px 5px 7px 5px; 
}

#social-media-section a {
	opacity: 0.7; 
}

#social-media-section a:hover {
	opacity: 1; 
}


/***** 13. Contact Section *****/
#contact-section {
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: #fff; 
}

#contact-section h1 {
	margin-bottom: 50px; 
}

#contact-section p {
	margin-left: 5%;
	margin-right: 5%; 
}

#contact-section form {
	margin-top: 40px; 
}

/* Chrome/Opera/Safari */
#contact-section form ::-webkit-input-placeholder {
	color: #3a3a3a;
	opacity: 0.8; 
}

/* Firefox 19+ */
#contact-section form ::-moz-placeholder {
	color: #3a3a3a;
	opacity: 0.8; 
}

/* IE 10+ */
#contact-section form :-ms-input-placeholder {
	color: #3a3a3a;
	opacity: 0.8;
}

/* Firefox 18- */
#contact-section form :-moz-placeholder {
	color: #3a3a3a;
	opacity: 0.8; 
}

#contact-section form input {
	height: 42px;
	background: transparent;
	font: 300 16px/26px "Poppins", sans-serif;
	color: #3a3a3a;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	border-bottom: 1px solid black;
	text-align: center;
	margin-top: 20px; 
}

#contact-section form input:focus, #contact-section form textarea:focus {
	box-shadow: 0 5px 2px -2px #bebebe; 
}

#contact-section form textarea {
	background-color: transparent;
	color: #3a3a3a;
	font: 300 16px/26px "Poppins", sans-serif;
	border: 1px solid rgba(0, 0, 0, 0.8);
	border-radius: 10px;
	margin-top: 50px; 
}

#contact-section form textarea[placeholder] {
	text-align: left; 
}

#contact-section form button {
	margin-top: 20px;
	border: none; 
}

#contact-section .map-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	border: 4px solid #e5e5e5;
	border-radius: 4px;
	margin-top: 0px; 
}

#contact-section .map-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	border: none; 
}

#contact-section .location-information {
	margin-top: 60px; 
}

#contact-section .location-information ul {
	margin-top: 30px;
	list-style-type: none;
	padding-left: 0px; 
}

#contact-section .location-information .location-item {
	margin-right: 14px; 
}

#contact-section .location-information .location-icons {
	font-size: 15px;
	margin-right: 5px;
	width: 20px; 
}

#contact-section .location-information .icon-phone {
	margin-right: 1px; 
}

#contact-section .location-information .icon-envelope {
	margin-right: 7px; 
}


/***** 14. Footer *****/
footer {
	padding-top: 25px;
	padding-bottom: 21px;
	background-color: #e5e5e5; 
}

footer p {
	font: 300 14px/22px "Poppins", sans-serif;
	color: #555;
	text-align: center;
	opacity: 0.8;
	width: 90%;
	margin: 0 auto; 
}

footer p a {
	display: inline-block;
	margin-bottom: 5px;
	color: #000;
	text-decoration: none;
}

footer p a:hover {
	color: #000;
	text-decoration: underline;
}


/***** 15. Back To Top Button *****/
a.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 10px;
	bottom: 10px;
	background: #3a3a3a url("../images/up-arrow.png") no-repeat center 47%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-size: 18px 18px; 
}

a:hover.back-to-top {
	background-color: #193e52; 
}


/***** 16. Header Privacy *****/
#header-privacy {
	position: relative;
	min-height: auto;
	width: 100%;
	background-color: #c62138;
}

#header-privacy .flex-container-wrapper {
	/* IE fix for vertical alignment in flex box */
	display: flex;
	flex-direction: column;
	height: 100%; 
}

#header-privacy .header-privacy-content {
	position: relative;
	width: 100%;
	padding: 120px 0px 80px 0px;
	z-index: 2;
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#header-privacy .header-privacy-content h1 {
	margin-top: 0px;
	font: 500 40px/1.1em "Poppins", sans-serif;
	color: #fff;
	text-align: center;
}


/***** 17. Privacy Content *****/
#privacy-content {
	padding-top: 30px;
	padding-bottom: 100px;
}

#privacy-content h4 {
	margin-top: 50px;
	margin-bottom: 10px;
}

#privacy-content ul {
	padding-left: 15px;
}

#privacy-content ul li {
	margin-top: 3px;
}

#privacy-content .gray-background {
	background-color: #ebebeb;
	padding: 35px 35px 30px 15px;
	margin-top: 20px;
}

#privacy-content .gray-background ol {
	counter-reset: awesome-counter;
	padding-left: 15px;
}

#privacy-content .gray-background li {
	list-style: none;
	margin-top: 3px;
}

#privacy-content .gray-background ol li:before {
	content: counter(awesome-counter);
    counter-increment: awesome-counter;
	margin-right: 8px;
	content: counter(awesome-counter) '.';
}

#privacy-content a:hover {
	color: #ff2121;
}


/***** 18. Header Terms *****/
#header-terms {
	position: relative;
	min-height: auto;
	width: 100%;
	background-color: #c62138;
}

#header-terms .flex-container-wrapper {
	/* IE fix for vertical alignment in flex box */
	display: flex;
	flex-direction: column;
	height: 100%; 
}

#header-terms .header-terms-content {
	position: relative;
	width: 100%;
	padding: 120px 0px 80px 0px;
	z-index: 2;
	margin-top: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#header-terms .header-terms-content h1 {
	margin-top: 0px;
	font: 500 40px/1.1em "Poppins", sans-serif;
	color: #fff;
	text-align: center;
}


/***** 19. Terms Content *****/
#terms-content {
	padding-top: 30px;
	padding-bottom: 100px;
}

#terms-content h4 {
	margin-top: 50px;
	margin-bottom: 10px;
}

#terms-content ul {
	padding-left: 30px;
}

#terms-content ul li {
	margin-top: 3px;
}

#terms-content a:hover {
	color: #ff2121;
}


/***** 20. Media Queries *****/

/* Min-width width 768 */
@media (min-width: 768px) {
	
	/* Style Switcher */
	#style-switcher {
		top: 150px;
	}
	
	/* Logo image not affixed */
	.navbar-brand.img-logo.scrolling img {
		width: 129px;
		height: 45px;
		margin-top: 3px;
		margin-left: 0px;
	}

	/* Logo image affixed while scrolling */
	.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix .navbar-brand.img-logo.scrolling img {
		width: 113px;
		height: 39px;
		margin-top: 7px;
		margin-left: 0px;
	}

	/* Logo text not affixed */
	a.navbar-brand.scrolling {
		margin-top: 2px;
		font: 300 38px/0.5em "Poppins", sans-serif;
	}

	/* Logo text affixed while scrolling */
	.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix a.navbar-brand.scrolling {
		font: 300 38px/0.55em "Poppins", sans-serif;
		margin-top: 0px;
	}

	.navbar-custom {
		background-color: transparent;
		padding: 25px 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
		border: none; 
	}

	.navbar-custom .navbar-brand {
		font-size: 2em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s; 
	}

	.navbar-custom .navbar-nav > .active > a {
		border-radius: 3px; 
	}

	.navbar-custom.affix {
		background-color: #c62138;
		padding: 5px 0; 
	}

	.navbar-custom .nav li a.scrolling {
		padding-left: 12px;
		padding-right: 12px;
		margin-top: 2px;
	}

	header {
		min-height: 100%; 
	}

	header .header-content {
		margin-top: 0px; 
	}

	header .header-content img {
		margin-top: 60px; 
	}

	header .header-content .call-to-action {
		margin-top: 60px;
		margin-left: 5px; 
	}

	header .header-content .call-to-action h1 {
		font: 300 48px/60px "Poppins", sans-serif;
		margin-top: 20px;
		text-align: center; 
	}

	header .header-content .call-to-action p {
		text-align: center; 
	}

	header .header-content .call-to-action .header-buttons {
		margin-top: 0px;
		text-align: center; 
	}

	header .header-content .call-to-action .header-buttons a:nth-child(2) {
		margin-left: 5px; 
	}

	#testimonials-section {
		padding-top: 50px;
		padding-bottom: 110px; 
	}

	#features-section {
		padding-top: 110px;
		padding-bottom: 130px; 
	}

	#features-section h1 {
		margin-bottom: 80px; 
	}

	#features-section .sub-heading {
		margin-left: 5%;
		margin-right: 5%; 
	}

	#features-section #myCarousel .carousel-indicators {
		margin-bottom: -60px; 
	}

	#description-section-1 {
		padding-top: 110px;
		padding-bottom: 120px; 
	}

	#description-section-1 h1 {
		margin-bottom: 90px; 
	}

	#description-section-1 .col-md-5 .text-center {
		text-align: left; 
	}

	#description-section-2 {
		padding-top: 130px;
		padding-bottom: 120px; 
	}

	#description-section-2 .nav-pills li {
		width: auto;
		text-align: initial; 
	}

	#description-section-2 .tab-content .text-center {
		text-align: left; 
	}
	
	/* Magnific PopUp FAQ PopUp */
	#small-dialog {
		padding: 30px 40px 40px 40px;
	}

	#small-dialog .bullet-number {
		margin-right: 12px;
	}

	#small-dialog .faq-text {
		max-width: 89%;
	}

	#video-section {
		padding-top: 130px;
		padding-bottom: 120px; 
	}

	#about-us-section {
		padding-top: 110px;
		padding-bottom: 120px; 
	}

	#about-us-section h1 {
		margin-bottom: 80px; 
	}

	#about-us-section .sub-heading {
		margin-left: 5%;
		margin-right: 5%; 
	}

	#newsletter-section {
		padding-top: 110px;
		padding-bottom: 120px; 
	}

	#newsletter-section p {
		margin-bottom: 20px;
		margin-left: 5%;
		margin-right: 5%; 
	}

	#newsletter-section form input {
		margin-right: 20px; 
	}

	#our-team-section {
		padding-top: 110px;
		padding-bottom: 120px; 
	}

	#our-team-section h1 {
		margin-bottom: 60px;
	}

	#contact-section {
		padding-top: 110px;
		padding-bottom: 120px; 
	}

	#contact-section h1 {
		margin-bottom: 90px;
	}

	#contact-section form button {
		margin-top: 15px; 
	}

	#contact-section .location-information ul {
		margin-top: 5px; 
	}

	#contact-section .location-information ul li {
		display: inline; 
	} 
	
	#header-privacy .header-privacy-content h1 {
		font: 500 44px/1.1em "Poppins", sans-serif;
	}
	
	#privacy-content ul {
		padding-left: 25px;
	}

	#privacy-content .gray-background ol {
		padding-left: 25px;
	}

	#header-terms .header-terms-content h1 {
		font: 500 44px/1.1em "Poppins", sans-serif;
	}
	
	#terms-content ul {
		padding-left: 45px;
	}
}

/* Min-width 992 */
@media (min-width: 992px) {
	header .header-content img {
		margin-top: 70px;
		max-height: 460px; 
	}

	header .header-content .call-to-action {
		margin-top: 90px;
		margin-left: 0px; 
	}

	header .header-content .call-to-action h1 {
		font: 300 52px/64px "Poppins", sans-serif;
		text-align: left; 
	}

	header .header-content .call-to-action p {
		text-align: left; 
	}

	header .header-content .call-to-action .header-buttons {
		margin-top: 0px;
		text-align: left; 
	}

	header .header-content .call-to-action .header-buttons a:nth-child(2) {
		margin-left: 5px; 
	}

	#features-section .feature-box.top {
		margin-top: 115px; 
	}

	#features-section .feature-box {
		margin-top: 20px; 
	}

	#features-section #myCarousel {
		display: inline-block;
		margin-top: 50px;
		margin-bottom: 30px;
		height: 100%; 
	}

	#description-section-1 img {
		margin-top: 10px; 
	}

	#description-section-1 h2 {
		margin-top: 0px; 
	}

	#description-section-1 .col-lg-5 .text-center {
		text-align: left; 
	}

	#description-section-2 .nav-pills {
		margin-top: -20px; 
	}

	#video-section iframe {
		width: 97%;
		height: 97%; 
	}

	#video-section p {
		margin-top: 60px; 
	}

	#about-us-section .about-image {
		width: 85%; 
	}

	#about-us-section .development-process img {
		margin-top: 0px; 
	}

	#contact-section .map-responsive {
		width: 97%; 
	}

	#contact-section form {
		margin-top: 0px;
		width: 97%;
		float: right; 
	}

	#contact-section form textarea {
		margin-top: 15px; 
	}

	#contact-section form input {
		margin-top: 0px; 
	}

	#contact-section form button {
		margin-top: 5px; 
	}
}

/* Min-width 1200 */
@media (min-width: 1200px) {
	header .header-content img {
		max-height: 500px; 
	}

	header .header-content .call-to-action {
		margin-top: 130px; 
	}

	header .header-content .call-to-action h1 {
		font: 300 56px/66px "Poppins", sans-serif; 
	}

	#features-section .feature-box.top {
		margin-top: 115px; 
	}

	#features-section .feature-box {
		margin-top: 70px; 
	}

	#description-section-1 img {
		width: 97%;
		margin-left: 0px;
		margin-top: 0px; 
	}

	#description-section-1 h2 {
		margin-top: 35px; 
	}

	#description-section-2 .nav-pills {
		margin-top: 40px; 
	}

	#description-section-2 img {
		width: 95%;
		float: right;
		margin-left: 0px;
		margin-right: 0px; 
	}

	#video-section p {
		margin-top: 110px;
	}

	#contact-section form {
		margin-top: 15px; 
	}

	#contact-section form textarea {
		margin-top: 20px; 
	}

	#contact-section form button {
		margin-top: 15px; 
	}

	#contact-section .location-information p {
		margin-bottom: 0px; 
	} 
}