/* 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. Description Section
06. Video Section
07. Features Section
08. Quote Request Section
09. Customers Section
10. About Us Section
11. Big Numbers Section
12. Our Team Section
13. Social Media Section
14. Contact Section
15. Footer
16. Back To Top Button
17. Header Privacy
18. Privacy Content
19. Header Terms
20. Terms Content
21. Media Queries
**********************************/


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

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

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: #071a24;
	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: #ddb24a;
	border: 2px solid #ddb24a;
	border-radius: 25px;
	padding: 8px 40px 8px 40px;
	text-decoration: none; 
}

.button-large-transparent:hover {
	background-color: #edc25b;
	color: #071a24;
	border: 2px solid #edc25b;
	text-decoration: none;
	cursor: pointer; 
}

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

.button-large-solid:hover {
	background-color: #edc25b;
	color: #071a24;
	text-decoration: none; 
}

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

.button-small-solid:hover {
	background-color: #edc25b;
	color: #071a24;
	text-decoration: none;
	cursor: pointer; 
}

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

.button-small-transparent:hover {
	background-color: #edc25b;
	color: #071a24;
	border: 2px solid #edc25b;
	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 #ddb24a; 
}

/* Forms success and error alerts formatting */
#dmsgSubmit.h3.text-center.tada.animated.text-success,
#qmsgSubmit.h3.text-center.tada.animated.text-success {
	font: 300 20px/32px "Poppins", sans-serif;
	color: #fff; 
}

#dmsgSubmit.h3.text-center.text-danger,
#qmsgSubmit.h3.text-center.text-danger {
	font: 300 20px/32px "Poppins", sans-serif;
	color: #fff; 
}

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

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

/* 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: #071a24;
	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: #ddb24a;
	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: #071a24;
	/* Image displayed on mobile devices instead of video, to reduce data consumption and waiting time.
	It's also the image shown if the video doesn't load for some reason.
	Change this image with the first frame of your video, you can make and use a screenshot of it */
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/video-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 {
	background: linear-gradient(rgba(2, 13, 19, 0.7), rgba(2, 13, 19, 0.7));
	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 {
	max-height: 500px;
	text-align: center; 
}

header .header-content h1 {
	font: 300 42px/52px "Poppins", sans-serif;
	color: #fff;
	margin-bottom: 30px;
	margin-top: 40px;
	text-align: left; 
}

header .header-content p {
	font: 300 16px/26px "Poppins", sans-serif;
	color: #fff;
	margin-left: 0%;
	margin-right: 0%; 
}

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

header .header-content form {
	margin-top: 40px; 
}

header .header-content form input {
	height: 42px;
	background: transparent;
	font: 300 16px/26px "Poppins", sans-serif;
	color: #fff;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	text-align: center;
	margin-top: 20px; 
}

header .header-content form input:focus {
	box-shadow: 0 4px 2px -2px #51cbee; 
}

/* Chrome/Opera/Safari */
header .header-content form ::-webkit-input-placeholder {
	color: #fff;
	opacity: 0.8; 
}

/* Firefox 19+ */
header .header-content form ::-moz-placeholder {
	color: #fff;
	opacity: 0.8; 
}

/* IE 10+ */
header .header-content form :-ms-input-placeholder {
	color: #fff;
	opacity: 0.8; 
}

/* Firefox 18- */
header .header-content form :-moz-placeholder {
	color: #fff;
	opacity: 0.8; }
	header .header-content form button {
	margin-top: 20px; 
}

#video-background {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 1; 
}

#video-background.collapsing {
	display: none; 
}

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

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

#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;
	margin-top: 25px; 
}

#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: #071a24;
	border: 2px solid #071a24;
	width: 12px;
	height: 12px;
	margin-right: 4px; 
}

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

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

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

	  
/***** 05. Description Section *****/
#description-section {
	padding-top: 70px;
	padding-bottom: 90px; 
}

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

#description-section .first-row img {
	width: 100%;
	margin-bottom: 40px; 
}

#description-section .first-row h2 {
	margin-bottom: 20px; 
}

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

#description-section .second-row {
	margin-top: 100px; 
}

#description-section .second-row img {
	width: 100%;
	margin-bottom: 40px; 
}

#description-section .second-row .nav-pills {
	margin-top: 0px;
	margin-bottom: 30px; 
}

#description-section .second-row .nav-pills li {
	text-align: center;
	width: 100%;
	text-decoration: none; 
}

#description-section .second-row .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 .second-row .nav-pills li a:hover {
	background-color: #071a24;
	color: #fff;
	border: 1px solid #071a24; 
}

#description-section .second-row .nav-pills li.active a {
	background-color: #071a24;
	color: #fff;
	border: 1px solid #071a24; 
}

#description-section .second-row #tab_a ul {
	list-style: none; 
}

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

#description-section .second-row #tab_b {
	margin-top: 20px; 
}

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

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

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

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

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

/* 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;
}

		
/***** 06. Video Section *****/
#video-section {
	padding-top: 100px;
	padding-bottom: 80px;
	background: linear-gradient(rgba(17, 53, 71, 0.8), rgba(17, 53, 71, 0.8)), url(../images/video-section-background.jpg);
	background-size: cover;
	background-attachment: fixed; 
}

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

	
/***** 07. Features Section *****/
#features-section {
	padding-top: 70px;
	padding-bottom: 10px;
	background-color: #e5e5e5; 
}

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

#features-section h2 {
	margin-bottom: 15px; 
}

#features-section .features-icons {
	font-size: 60px;
	margin-bottom: 10px; 
}

#features-section h3 {
	font: 500 25px/30px "Poppins", sans-serif; 
}

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

	
/***** 08. Quoate Request Section *****/
#quote-request-section {
	padding-top: 70px;
	padding-bottom: 90px;
	background: linear-gradient(rgba(17, 53, 71, 0.7), rgba(17, 53, 71, 0.7)), url(../images/trial-form-section-background.jpg);
	background-size: cover;
	background-attachment: fixed; 
}

#quote-request-section h1 {
	margin-bottom: 50px;
	color: #fff; 
}

#quote-request-section p {
	margin-bottom: 60px;
	color: #fff; 
}

/* Chrome/Opera/Safari */
#quote-request-section form ::-webkit-input-placeholder {
	color: #fff;
	opacity: 0.8; 
}

/* Firefox 19+ */
#quote-request-section form ::-moz-placeholder {
	color: #fff;
	opacity: 0.8; 
}

/* IE 10+ */
#quote-request-section form :-ms-input-placeholder {
	color: #fff;
	opacity: 0.8; 
}

/* Firefox 18- */
#quote-request-section form :-moz-placeholder {
	color: #fff;
	opacity: 0.8; 
}

#quote-request-section form input {
	height: 42px;
	background: transparent;
	font: 300 16px/26px "Poppins", sans-serif;
	color: #fff;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.8);
	text-align: center;
	margin-top: 20px; 
}

#quote-request-section form input:focus, #quote-request-section form textarea:focus {
	box-shadow: 0 4px 2px -2px #51cbee; 
}

#quote-request-section form textarea {
	background-color: transparent;
	color: #fff;
	font: 300 16px/26px "Poppins", sans-serif;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	margin-top: 40px; 
}

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

#quote-request-section form button {
	margin-top: 30px; 
}

	
/***** 09. Customers Section *****/
#customers-section {
	padding-top: 70px;
	padding-bottom: 90px;
	background-color: #e5e5e5; 
}

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

#customers-section #myCarousel h2 {
	margin-top: 30px;
	font: 300 21px/30px "Poppins", sans-serif; 
}

#customers-section #myCarousel .nav a small {
	display: block; 
}

#customers-section #myCarousel .nav {
	background-color: transparent;
	margin: 40px auto 0 auto; 
}

#customers-section #myCarousel .nav li {
	display: inline-block; 
}

#customers-section #myCarousel .nav a {
	border-radius: 0px;
	background-color: #e5e5e5;
	color: #071a24;
	text-decoration: none;
	opacity: 0.3; 
}

#customers-section #myCarousel .nav a:hover, #customers-section #myCarousel .nav li.active a {
	background-color: transparent;
	border-radius: 0px;
	opacity: 1; 
}

#customers-section #myCarousel .customer-carousel-logo {
	height: 70px;
	display: inline-block;
	margin: 0px; 
}


/***** 10. 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 img {
	width: 90%;
	border-radius: 10px;
}

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

#about-us-section .development-process .process-container {
	margin-top: 40px; 
}

#about-us-section .development-process p {
	margin-left: 0%;
	margin-right: 0%; 
}

#about-us-section .development-process .about-us-icons {
	font-size: 38px;
	color: #ddb24a;
	float: left;
	margin-top: 3px; 
}

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

#about-us-section .development-process .text-div h3 {
	display: inline; 
}

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

	
/***** 11. Big Numbers Section *****/
#big-numbers-section {
	padding-top: 70px;
	padding-bottom: 90px;
	background-color: #e5e5e5; 
}

#big-numbers-section .number-container {
	display: inline-block;
	min-width: 210px; 
}

#big-numbers-section p {
	font: 300 86px/86px "Poppins", sans-serif;
	margin-bottom: 0px;
	margin-top: 50px;
	color: #071a24; 
}

#big-numbers-section .big-numbers-heading {
	font: 300 20px/32px "Poppins", sans-serif;
	margin-top: 10px;
	color: #071a24; 
}

	
/***** 12. Our Team Section *****/
#our-team-section {
	padding-top: 70px;
	padding-bottom: 90px;
	background: linear-gradient(rgba(17, 53, 71, 0.7), rgba(17, 53, 71, 0.7)), 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; 
}

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

#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; 
}


/***** 14. 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: #071a24;
	opacity: 0.8; 
}

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

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

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

#contact-section form input {
	height: 42px;
	background: transparent;
	font: 300 16px/26px "Poppins", sans-serif;
	color: #071a24;
	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: #071a24;
	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; 
}

  
/***** 15. Footer *****/
footer {
	padding-top: 25px;
	padding-bottom: 21px;
	background-color: #071a24; 
}

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

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

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


/***** 16. 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: #071a24 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; 
}


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

#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;
}


/***** 18. 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;
}


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

#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;
}


/***** 20. 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;
}
 
 
/***** 21. 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;*/
		padding: 6px 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: #071a24;
		padding: 6px 0; 
	}

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

	header {
		min-height: 100%; 
	}
	
	header .header-content {
		position: relative;
		width: 100%;
		padding: 100px 15px;
		z-index: 2;
		margin-top: 0px; 
	}
	  
	header .header-content img {
		margin-top: 70px; 
	}
	
	header .header-content h1 {
		font: 300 50px/58px "Poppins", sans-serif;
		text-align: initial;
		margin-top: 70px;
		margin-bottom: 25px; 
	}
	
	header .header-content form {
		margin-top: 20px; 
	}
	
	header .header-content form input {
		margin-top: 10px; 
	}

	#testimonials-section {
		padding-top: 50px;
		padding-bottom: 110px; 
	}
	
	#testimonials-section #carousel-example-generic {
		margin-left: 5%;
		margin-right: 5%; 
	}

	#description-section {
		padding-top: 110px;
		padding-bottom: 120px; 
	}
	
	#description-section h1 {
		margin-bottom: 80px; 
	}
	
	#description-section .first-row .text-center {
		text-align: left; 
	}
	
	#description-section .second-row .nav-pills li {
		width: auto;
		text-align: initial; 
	}
	
	#description-section .second-row .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; 
	}

	#features-section {
		padding-top: 110px;
		padding-bottom: 50px; 
	}
	
	#features-section h1 {
		margin-bottom: 80px; 
	}
	
	#features-section .sub-heading {
		margin-left: 5%;
		margin-right: 5%; 
	}

	#quote-request-section {
		padding-top: 110px;
		padding-bottom: 120px; 
	}
	
	#quote-request-section h1 {
		margin-bottom: 80px; 
	}
	
	#quote-request-section p {
		margin-left: 5%;
		margin-right: 5%; 
	}

	#customers-section {
		padding-top: 80px;
		padding-bottom: 130px; 
	}
	
	#customers-section h1 {
		margin-bottom: 80px; 
	}
	
	#customers-section #myCarousel p {
		margin-left: 5%;
		margin-right: 5%; 
	}
	
	#customers-section #myCarousel .nav {
		max-width: 100%; 
	}
	
	#customers-section #myCarousel .nav li {
		display: initial; 
	}
	
	#customers-section #myCarousel .nav li a {
		display: inline; 
	}

	#about-us-section {
		padding-top: 110px;
		padding-bottom: 120px;
	}
	
	#about-us-section h1 {
		margin-bottom: 80px; 
	}
	
	#about-us-section p {
		margin-left: 5%;
		margin-right: 5%; 
	}

	#big-numbers-section {
		padding-top: 70px;
		padding-bottom: 100px; 
	}

	#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: 60px; 
	}
	
	header .header-content h1 {
		margin-top: 60px; 
	}

	#description-section .first-row img {
		width: 95%; 
	}
	
	#description-section .first-row h2 {
		margin-top: 0px; 
	}
	
	#description-section .second-row .nav-pills li a {
		margin-top: 0px; 
	}
	
	#description-section .second-row img {
		width: 95%;
		float: right; 
	}

	#video-section iframe {
		width: 97%;
		height: 97%; 
	}
	
	#video-section p {
		margin-top: 60px; 
	}

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

	#customers-section #myCarousel .customer-carousel-logo {
		height: 90px; 
	}

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

	#big-numbers-section .number-container {
		margin-left: 10px;
		margin-right: 10px; 
	}
	
	#big-numbers-section p {
		font: 300 96px/96px "Poppins", sans-serif; 
	}
	
	#big-numbers-section .big-numbers-heading {
		font: 300 23px/32px "Poppins", sans-serif; 
	}

	#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 {
		margin-top: 70px; 
	}
	
	header .header-content h1 {
		margin-top: 90px; 
	}

	#description-section .first-row h2 {
		margin-top: 45px; 
	}
	
	#description-section .second-row .nav-pills li a {
		margin-top: 25px; 
	}

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

	#big-numbers-section .number-container {
		margin-left: 30px;
		margin-right: 30px; 
	}

	#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; 
	} 
}