/* 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. Features Section
05. Description Section
06. Video Section
07. Customers Section
08. Pricing Section
09. Free Trial Section
10. About Us Section
11. Newsletter 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: 9px 40px 9px 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 succes and error alerts formatting */
#dmsgSubmit.h3.text-center.tada.animated.text-success {
	font: 300 20px/32px "Poppins", sans-serif;
	color: #fff; 
}

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

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

#nmsgSubmit.h3.text-center.text-danger,
#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 */ 
}


/***** 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: 86px;
	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;
	text-align: center;
	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("http://placehold.it/1920x1080/3a3a3a/fff/") no-repeat center*/;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%; 
}

header .flex-container-wrapper {
	/* IE fix for vertical alignment in flex box */
	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 h1 {
	font: 300 56px/66px "Poppins", sans-serif;
	color: #fff;
	margin-top: 40px; 
}

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

header .header-content a {
	margin-top: 30px; 
}

header .header-content a:hover {
	text-decoration: none; 
}

header .header-content .glyphicon-menu-down {
	display: inline-block;
	margin-top: 60px;
	font-size: 30px;
	color: #ddb24a;
	opacity: 0.7;
	transition: all 200ms; 
}

header .header-content .glyphicon-menu-down:hover {
	transform: translate(0px, 5px);
	-webkit-transform: translate(0px, 5px);
	-moz-transform: translate(0px, 5px);
	-o-transform: translate(0px, 5px);
	-ms-transform: translate(0px, 5px);
	transition: all 200ms; 
}

#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. Features Section *****/
#features-section {
	padding-top: 70px;
	padding-bottom: 20px;
	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; 
}


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

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

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

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

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

#description-section .second-row #myCarousel {
	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: 110px;
	padding-bottom: 120px;
	background: linear-gradient(rgba(17, 53, 71, 0.8), rgba(17, 53, 71, 0.8))/*, url("http://placehold.it/1920x1080/3a3a3a/fff/")*/;
	background-size: cover;
	background-attachment: fixed; 
}


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

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

#customers-section .logo-container {
	width: 195px;
	height: 130px;
	display: inline-block;
	margin: 30px 14px 30px 14px; 
}

#customers-section .logo-container img {
	width: 100%;
	height: 100%;
	opacity: 0.7; 
}

#customers-section .logo-container img:hover {
	opacity: 1; 
}

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

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

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

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

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

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

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

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

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

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


/***** 08. Pricing Section *****/
#pricing-section {
	padding-top: 70px;
	padding-bottom: 90px; 
}

#pricing-section h1 {
	margin-bottom: 40px; 
}

#pricing-section h2 {
	text-align: center;
	padding-top: 10px;
	color: #071a24;
	margin-bottom: 20px;
	font-weight: 300; 
}

#pricing-section .pricing-column {
	border: 2px solid #e5e5e5;
	border-radius: 4px;
	margin-top: 50px;
	text-align: center;
	max-width: 280px; 
}

#pricing-section .pricing-column h3 {
	font: 500 26px/30px "Poppins", sans-serif;
	text-align: center;
	margin: 18px 15px 0px 15px; 
}

#pricing-section .pricing-column .separator-pricing {
	margin-top: 14px; 
}

#pricing-section .pricing-column .price {
	font: 300 72px/100px "Poppins", sans-serif;
	margin-top: 4px; 
}

#pricing-section .pricing-column .pricing-first-p {
	margin: 25px 15px 0px 15px;
	color: #071a24; 
}

#pricing-section .pricing-column p {
	color: #071a24;
	text-align: center;
	margin-top: 15px;
	margin-bottom: -6px; 
}

#pricing-section .pricing-column .checkmark {
	margin-right: 8px;
	color: #ddb24a;
	font-size: 18px;
	font-weight: bold; 
}

#pricing-section .pricing-column .button {
	display: inline-block;
	padding-top: 13px;
	padding-bottom: 8px;
	margin-top: 30px;
	width: 100%;
	max-width: 100%;
	background-color: #e5e5e5;
	border-style: none;
	border-radius: 2px;
	color: #071a24;
	font-size: 20px;
	line-height: 32px;
	text-decoration: none; 
}

#pricing-section .pricing-column:hover {
	border: 2px solid #ddb24a; 
}

#pricing-section .pricing-column:hover .separator-pricing {
	border-color: #ddb24a; 
}

#pricing-section .pricing-column:hover .button {
	background-color: #ddb24a;
	border-style: none;
	color: #071a24; 
}


/***** 09. Free Trial Section *****/
#free-trial-section {
	padding-top: 70px;
	padding-bottom: 90px;
	background: linear-gradient(rgba(17, 53, 71, 0.7), rgba(17, 53, 71, 0.7))/*, url("http://placehold.it/1920x1085/3a3a3a/fff/")*/;
	background-size: cover;
	background-attachment: fixed; 
}

#free-trial-section h1 {
	margin-bottom: 50px;
	color: #fff; 
}

#free-trial-section p {
	margin-bottom: 60px;
	color: #fff;
}
 
#free-trial-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; 
}

#free-trial-section form input:focus {
	box-shadow: 0 4px 2px -2px #51cbee; 
}

#free-trial-section form ::-webkit-input-placeholder {
	color: #fff;
	opacity: 0.8; 
}

#free-trial-section form ::-moz-placeholder {
	color: #fff;
	opacity: 0.8; 
}

#free-trial-section form :-ms-input-placeholder {
	color: #fff;
	opacity: 0.8; 
}

#free-trial-section form input:-moz-placeholder {
	color: #fff;
	opacity: 0.8; 
}

#free-trial-section form button {
	margin-top: 20px; 
}


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

#newsletter-section form ::-moz-placeholder {
	color: #071a24;
	opacity: 0.8; 
}

#newsletter-section form :-ms-input-placeholder {
	color: #071a24;
	opacity: 0.8; 
}

#newsletter-section form input:-moz-placeholder {
	color: #071a24;
	opacity: 0.8; 
}

#newsletter-section form input {
	height: 42px;
	width: 280px;
	margin-right: 0px;
	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; 
}

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


/***** 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("http://placehold.it/1920x854/3a3a3a/fff/")*/;
	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) {
		
	/* Logo image not affixed */
	.navbar-brand.img-logo.scrolling img {
		width: 90px;
		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: 90px;
		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: #071a24;
		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 {
		position: relative;
		width: 100%;
		padding: 100px 15px;
		z-index: 2;
		margin-top: 0px; 
	}

	header .header-content h1 {
		font: 300 62px/76px "Poppins", sans-serif;
		margin-top: 150px; 
	}

	header .header-content p {
		font: 300 20px/32px "Poppins", sans-serif;
		margin-left: 5%;
		margin-right: 5%; 
	}

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

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

	#features-section .sub-heading {
		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 {
		margin-top: 120px; 
	}

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

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

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

	#customers-section #carousel-example-generic {
		margin-top: 90px;
		margin-left: 5%;
		margin-right: 5%; 
	}

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

	#pricing-section h1 {
		margin-bottom: 70px; 
	}

	#pricing-section h2 {
		margin-bottom: -10px; 
	}

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

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

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

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

	#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 h1 {
		margin-top: 150px; 
	}

	#description-section .first-row img {
		width: 95%; 
	}

	#description-section .first-row h2 {
		margin-top: 0px; 
	}

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

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

	#description-section .second-row .carousel {
		width: 95%;
		float: right; 
	}

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

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

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

	#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) {
	#description-section .first-row h2 {
		margin-top: 65px; 
	}

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

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