/* Template: Lyra SaaS App Landing Page Template
   Author: Inovatik
   Version: 1.0.0
   Created: February 2017
   Description: Master CSS file
*/


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

01. Preloader 
02. General Styles
03. Navigation
04. Header
05. Customers
06. Features
07. Description
08. Pricing
09. Video
10. Testimonials
11. Contact
12. Footer
13. Header Privacy
14. Privacy Content
15. Header Terms
16. Terms Content
17. Media Queries
**********************************/


/***** 01. 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: #298aff; /* 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 */ 
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v17-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
 
/***** 02. General Styles *****/
html,
body {
  width: 100%;
  height: 100%;
  }
body {
	/*font: 300 16px/1.6em "Source Sans Pro", sans-serif;
	font-family: 'Open Sans', sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	color: #43474f;
}

h2 {
	/*font: 400 40px/1.2em "Raleway", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	text-align: center;
}

h3 {
	/*font: 400 34px/1.2em "Raleway", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
}

h4 {
	/*font: 600 20px/1.3em "Raleway", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
}

p, a {
	/*font: 300 16px/1.6em "Source Sans Pro", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
}

a {
	/*font: 400 16px/1.6em "Source Sans Pro", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #298aff;
}

a:hover {
	color: #003459;
	text-decoration: none;
}

p.sub-heading {
	/*font: 300 20px/1.5em "Source Sans Pro", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	text-align: center;
}

.ti-thumb-up {
	margin-right: 11px;
	color: #298aff;
	font-size: 14px;
	font-weight: normal;
}

.button {
	border: 2px solid #298aff;
	color: #298aff;
	border-radius: 25px;
	padding: 14px 45px 13px 45px;
	/*font: 600 14px/1em "Raleway", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	display: inline-block;
	margin-top: 15px;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.button:hover {
	text-decoration: none;
	background-color: #298aff;
	color: #fff;
}

.read-more {
	color: #298aff;
	text-decoration: none;
	/*font: 400 18px/1.5em "Source Sans Pro", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	margin-top: 20px;
}

.read-more:hover {
	text-decoration: none;
	color: #003459;
}

/* Forms success and error message formatting */
#rmsgSubmit.h3.text-center.tada.animated.text-success {
	/*font: 400 22px/1.5em "Source Sans Pro", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #fff;
}

#rmsgSubmit.h3.text-center.text-danger {
	font: 400 18px/1.5em "Source Sans Pro", sans-serif;
	color: #ff3030;
}

#cmsgSubmit.h3.text-center.tada.animated.text-success {
	font: 400 22px/1.5em "Source Sans Pro", sans-serif;
	color: #43474f;
}

#cmsgSubmit.h3.text-center.text-danger {
	font: 400 22px/1.5em "Source Sans Pro", sans-serif;
	color: #ff3030;
}


/***** 03. 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-top: 10px;*/
	/*width: 103px;
	height: 36px; */
	
	/*width: 129px;
	height: 50px; 
	margin-left: 15px;*/
}

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

/* Navbar */
.navbar-custom {
  background-color: #003459;
  border-color: transparent;
}

.navbar-custom a {
	/*font: 600 13px/1em "Raleway", sans-serif;*/ /* menu links font properties */
	/*font-family: 'Open Sans', sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
}

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

.navbar-collapse .navbar-nav {
	margin-left: 5px; /* margin left indent for menu links in mobile menu */
}

.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); 
}

/* Navbar Call Now Area */
/*.navbar-custom .nav li.navbar-call-us {
	display: none;
}*/

/* Mobile Menu Button */
button.navbar-toggle span.ti-menu {
	font-size: 24px;
}

button.navbar-toggle {
	padding: 6px 10px 4px 10px;
}

/* Hover color of the menu toggle button */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #038de4;
	color: #fff;
	border-color: #038de4; 
}

/* Color of the menu toggle button */
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle.collapsed {
	background-color: #298aff;
	border-color: #298aff;
	color: #fff;
	/*font: 400 15px/1.2em "Source Sans Pro", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
}

.navbar-custom .nav li a.scrolling {
	color: #fff;
	/*opacity: 0.9;*/
	text-decoration: none;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
	padding-top: 7px;
	padding-bottom: 7px;
}

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


/***** 04. Header *****/
.swiper-container-header .flex-container-wrapper {
	/* IE fix for vertical alignment in flex box */
	display: flex;
	flex-direction: column;
	height: 100%; 
}
  
.swiper-container-header .swiper-wrapper .swiper-slide.first,
.swiper-container-header .swiper-wrapper .swiper-slide.second,
.swiper-container-header .swiper-wrapper .swiper-slide.third {
	background: linear-gradient(rgba(10, 53,111, 1), rgba(10, 53,111, 1));
		/*background::#003459;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.swiper-container-header .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #365469;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; 
}
      
.swiper-container-header .header-content {
	position: relative;
	width: 100%;
	padding: 60px 15px;
	z-index: 2;
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
}

.swiper-container-header .swiper-slide.first .header-content img,
.swiper-container-header .swiper-slide.second .header-content img,
.swiper-container-header .swiper-slide.third .header-content img {
	/*display: none;*/
    margin: 17px 0 0 0!important;
}

.swiper-container-header .header-content h1 {
	/*font: 600 40px/1.3em "Raleway", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #fff;
}

/* This -snippet is for giving a big enough width to the rotating text in order to avoid jumping layout */
.swiper-container-header .header-content h1 #js-rotating {
	min-width: 200px;
	display: inline-block;
}

.swiper-container-header .header-content h1 #js-rotating .animated {
	background-color: #298aff;
	text-align: left;
}

.swiper-container-header .header-content p {
	font: 300 18px/1.5em "Source Sans Pro", sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #fff;
	margin-top: 30px;
	margin-bottom: 15px;
}

.swiper-container-header .header-content .header-buttons {
	margin-top: 0px;
	text-align: center;
}

.swiper-container-header .header-content .button.solid {
	background-color: #298aff;
	color: #fff;
	border: 2px solid #298aff;
	margin-left: 3px;
	margin-right: 3px;
}

.swiper-container-header .header-content .button.solid:hover {
	background-color: #fff;
	color: #298aff;
	border: 2px solid #fff;
}

.swiper-container-header .header-content .button.transparent {
	color: #fff;
	border: 2px solid #fff;
	margin-left: 3px;
	margin-right: 3px;
}

.swiper-container-header .header-content .button.transparent:hover {
	background-color: #fff;
	color: #298aff;
	border: 2px solid #fff;
}

.swiper-container-header .swiper-pagination {
	position: relative;
	margin-top: -40px;
}


/***** 05. Customers *****/
#customers {
	background-color: #f2f3f5;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}

#customers img {
	margin: 20px 17px 20px 17px;
}

/* Declared half the size of the actual logo dimensions for sharpness on retina */
.logo-customers-1 {
	width: 177px;
	height: 30px;
}

.logo-customers-2 {
	width: 166px;
	height: 30px;
}

.logo-customers-3 {
	width: 128px;
	height: 28px;
}

.logo-customers-4 {
	width: 147px;
	height: 29px;
}

.logo-customers-5 {
	width: 143px;
	height: 32px;
}

.logo-customers-6 {
	width: 151px;
	height: 27px;
}


/***** 06. Features *****/
#features {
	padding-top: 70px;
	padding-bottom: 90px;
}

#features p.sub-heading {
	margin-top: 20px;
}

#features .nav-pills {
	margin-top: 40px;
}

#features .nav-pills li a {
	border: 1px solid #acabab;
	border-radius: 1px;
	color: #acabab;
	padding: 13px 40px 12px 40px;
	font: 600 16px/1.1em "Raleway", sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	margin-top: 10px;
	margin-left: 2px;
	margin-right: 2px;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#features .nav-pills li.active a,
#features .nav-pills li a:hover {
	border: 1px solid #298aff;
	color: #fff;
	background-color: #298aff;
}

#features .tab-content {
	margin-top: 20px;
}

/* Tab_a */
#features .tab-content .features-icons {
    font-size: 38px;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 50px;
	display: inline-block;
	background-color: #298aff;
	padding: 30px;
	border-radius: 100px;
	border: 2px solid #298aff;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#features .tab-content .features-icons:hover {
    color: #298aff;
	border: 2px solid #298aff;
	background-color: #fff;
}

/* Tab_b */
#features .tab-content #tab_b img {
    margin-top: 60px;
}

#features .tab-content #tab_b h3 {
	margin-top: 80px;
	margin-bottom: 20px;
}

#features .tab-content #tab_b p {
	font: 300 18px/1.5em "Source Sans Pro", sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
}

/* Tab_c */
#features .tab-content #tab_c img {
    margin-top: 60px;
}

#features .tab-content #tab_c h3 {
	margin-top: 60px;
	margin-bottom: 20px;
}

#features .tab-content #tab_c p {
	font: 300 18px/1.5em "Source Sans Pro", sans-serif;
}


/***** 07. Description *****/
#description {
	background-color: #f2f3f5;
	overflow-x: hidden; /* hides the horizontal scroll-bar generated by the large images */
}

/* First Pane */
#description .img-wrapper-right {
	background:url("../images/work.jpg") center no-repeat;
	height: 300px;
	background-size: cover;
}

#description .description-first-pane {
	margin-top: 60px;
}

#description .description-first-pane h3 {
	margin-bottom: 20px;
}

#description .description-first-pane ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 20px;
}

#description .description-first-pane ul li {
	margin-top: 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 h3 {
	text-align: center;
	margin-bottom: 35px;
	margin-top: 20px;
}

#small-dialog p.faq-question {
	/*font: 400 18px/1.4em "Source Sans Pro", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', 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/1.9em "Source Sans Pro", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', 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;
}

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

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

/* Second Pane */
#description .img-wrapper-left {
	background: url("../images/resume.jpg") center no-repeat;
	background-size: cover;
	margin-top: 100px;
	height: 300px;
}

#description .description-second-pane {
	margin-top: 60px;
	margin-bottom: 100px;
}

#description .description-second-pane h3 {
	margin-bottom: 20px;
}

#description .description-second-pane ul {
	list-style: none;
	padding-left: 0px;
	margin-top: 20px;
}

#description .description-second-pane ul li {
	margin-top: 10px;
}

#description .description-second-pane .progress {
	height: 33px;
	border-radius: 1px;
	margin-top: 20px; 
}

#description .description-second-pane .progress-bar {
	text-align: left;
	font: 400 14px/22px "Source Sans Pro", sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	background-color: #298aff;
	color: #fff;
	padding-left: 20px;
	padding-top: 5px;
}


/***** 08. Pricing *****/
#pricing {
	padding-top: 70px;
	padding-bottom: 100px;
	text-align: center;
	    background-color: #f8f8f8;
}

#pricing p.sub-heading {
	margin-top: 20px;
}

#pricing .pricing-pane {
	border: 2px solid #298aff;
	background-color: #f8f8f8;
	padding-top: 20px;
	padding-bottom: 40px;
	margin: 50px auto 0px auto;
	border-radius: 1px;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#pricing .pricing-pane p {
	/*font: 300 18px/1.5em "Source Sans Pro", sans-serif;	*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	margin-top: 12px;
}

#pricing .pricing-pane .price{
	/*font: 300 66px/1.1em "Source Sans Pro", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #298aff;
}

#pricing .pricing-pane hr {
	border: 1px solid #298aff;
	width: 70%;
	margin-top: 15px;
	margin-bottom: 25px;
}

#pricing .pricing-pane h4 {
	margin-top: 30px;
}

/* Best Value Label */
 .pricing-pane .label {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.pricing-pane .label .best-value {
    position: relative;
    left: -8px;
    top: 14px;
    width: 158px;
    padding: 10px 28px 10px 0px;
    color: #fff;
	background-color: #298aff;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
}

/* Pricing Pane Hover */
#pricing .pricing-pane:hover {
	border: 2px solid #298aff;
	background-color: #298aff;
}

#pricing .pricing-pane:hover p {
	color: #fff;
}

#pricing .pricing-pane:hover .price{
	color: #fff;
}

#pricing .pricing-pane:hover hr {
	border: 1px solid #fff;
}

#pricing .pricing-pane:hover h4 {
	color: #fff;
}

#pricing .pricing-pane:hover .ti-thumb-up {
	color: #fff;
}

#pricing .pricing-pane:hover .button {
	border: 2px solid #fff;
	color: #fff;
}

#pricing .pricing-pane:hover .button:hover {
	border: 2px solid #298aff;
	color: #298aff;
	background-color: #fff;
}

.pricing-pane:hover .label .best-value {
    background-color: #fff;
	color: #298aff;
}


/***** 09. Video *****/
#video {
	/* use the linear gradient to apply a dark overlay on top of your header background image */
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("http://placehold.it/1920x1154/3a3a3a/fff/") center no-repeat;
	background-size: cover;	
	padding-top: 70px;
	padding-bottom: 100px;
	text-align: center;
}

#video h2, #video p.sub-heading {
	color: #fff;
}

#video p.sub-heading {
	margin-top: 20px;
	margin-bottom: 60px;
}


/***** 10. Testimonials *****/
#testimonials {
	padding-top: 70px;
	padding-bottom: 100px;
	background-color: #f2f3f5;
}

#testimonials p.sub-heading {
	margin-top: 20px;
	margin-bottom: 60px;
}

#testimonials .swiper-container .swiper-wrapper .swiper-slide p {
	max-width: 70%;
	margin: 0 auto;
	font: 300 16px/1.6em "Source Sans Pro", sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
}

#testimonials .swiper-container .swiper-wrapper .swiper-slide h4 {
	margin: 20px auto 0 auto;
	max-width: 70%;
}

#testimonials .swiper-container .swiper-wrapper .swiper-slide img.customer-head {
	margin-bottom: 20px;
}

#testimonials .swiper-container .swiper-wrapper .swiper-slide img.testimonials-logo {
	margin-top: 25px;
}

#testimonials .swiper-container .swiper-button-prev {
	left: 0px;
}

#testimonials .swiper-container .swiper-button-next {
	right: 0px;
}


/***** 11. Contact *****/
#contact {
	/* padding-top: 70px; */
	padding-bottom: 100px;
	background-color:#f8f8f8;
}

#contact p.sub-heading {
	margin-top: 20px;
	margin-bottom: 60px;
}

#contact .img-responsive {
	margin-bottom: 50px;
}

#contact #ContactForm {
	margin: 20px auto 0px auto;
}

/* No margin for the third contact form input: email */
#contact #ContactForm div:nth-of-type(3) {
	margin-right: 0px;
}

#contact #ContactForm input,
#contact #ContactForm textarea {
	/*font: 300 16px/1.5em "Source Sans Pro", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	height: 44px;
	border-radius: 1px;
	margin-top: 20px;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

#contact #ContactForm textarea {
	height: 150px;
	-webkit-appearance: none; /* removes inner shadow on form inputs on ios safari */
}

#contact #ContactForm button {
	background-color: #298aff;
	color: #fff;
	/*font: 600 14px/1.5em "Raleway", sans-serif;*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	border: 2px solid #298aff;
	border-radius: 1px;
	padding: 12px 30px 10px 30px;
	display: block;
	margin: 22px auto 0px auto;
	width: 100%;
}

#contact #ContactForm button:hover {
	border: 2px solid #298aff;
	background-color: #fff;
	color: #298aff;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}


/***** 12. Footer *****/
#footer {
	padding-top: 30px;
	padding-bottom: 20px;
	background-color: #1c1c1c;
}

#footer h4, #footer p {
	color: #fff;
	opacity: 0.85;
}

/*#footer h4 {
	margin-top: 35px;
}*/

#footer .social-icons {
	color: #fff;
	font-size: 20px;
	display: inline-block;
	background-color: #215a82;
	padding: 10px;
	margin-right: 5px;
	margin-top: 5px;
}

#footer .social-icons:hover {
	color: #fff;
	background-color: #298aff;
	-o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

#footer a {
	color: #cbc0c0;
}

#footer a:hover {
	color: #fff;
}

#footer .copyright {
	margin-top: 40px;
	text-align: center;
	/*font: 300 14px/1.6em "Source Sans Pro", sans-serif;	*/
	    font-family: 'Montserrat', sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	color: rgba(255, 255, 255, 0.7)
}

#footer .copyright a {
	/*font: 300 14px/1.5em "Source Sans Pro", sans-serif;	*/
	/*font-family: 'Open Sans', sans-serif;*/
	 font-family: 'Montserrat', sans-serif;
}

#footer .copyright a.back-to-top {
	color: #fff;
}

#footer .copyright .ti-arrow-circle-up {
	font-size: 16px;
	vertical-align: middle;
	margin-bottom: 0.5px;
	display: inline-block;
	margin-left: 2px;
	font-weight: 400;
	color: #fff;
}


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

#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: 400 40px/1.1em "Raleway", sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #fff;
	text-align: center;
}

#header-privacy .ti-lock {
	margin-right: 15px;
}


/***** 14. 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) '.';
}


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

#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: 400 40px/1.1em "Raleway", sans-serif;
	/*font-family: 'Open Sans', sans-serif;*/
	color: #fff;
	text-align: center;
}

#header-terms .ti-agenda {
	margin-right: 15px;
}


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


/***** 17. Media Queries *****/
/* Min-width width 768px */
@media (min-width: 768px) {
	h2 {
		font: 400 44px/1.1em "Raleway", sans-serif;
		/*font-family: 'Open Sans', sans-serif;*/
		text-align: center;
	}
	
	h3 {
		line-height: 1.1em;
	}
	
	/* Logo image not affixed */
	.navbar-brand.img-logo.scrolling img {
		/*margin-top: 10px;*/
		/*margin-left: 0px;
		margin: -4px 0 0 0;*/
		    margin-left: 15px;
	}

    /* Logo image affixed while scrolling */
	.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix .navbar-brand.img-logo.scrolling img {
		/*margin-top: 8px;*/
		margin-left: 0px;
		margin: 2px 0 0 0;
	}

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

	/* Logo text affixed while scrolling */
	.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix a.navbar-brand.scrolling {
		font: 300 34px/0.55em "Source Sans Pro", sans-serif;
		/*font-family: 'Open Sans', sans-serif;*/
		margin-top: -3px;
		margin-left: 0px; 
	}

	.navbar-collapse .navbar-nav {
		margin-left: 0px; /* margin left reset for menu links */ 
	 margin:0 20px 0 0; 
	}

	.navbar-custom.affix .navbar-brand {
		font: 300 25px/20px "Roboto", sans-serif;
		/*font-family: 'Open Sans', sans-serif;*/
	}

	.navbar-custom {
		background-color: #0a356f;
		padding: 26px 0 14px 0;
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
		border: none;
		opacity: 0.96;
	}

	.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: #0a356f;
		    padding: 15px 0 17px 0; /* navbar height while scrolling */
	}

	/*.navbar-custom .nav li a.scrolling {
		padding: 13px 12px 10px 12px;
	}*/
	
	.swiper-container-header .header-content p {
		margin-top: 20px;
	}
	
	#features p.sub-heading {
		margin-top: 10px;
	}

	#features .nav-pills li {
		display: inline-block;
		width: auto;
	}
	
	#features .features-tabs {
		margin: 0 auto;
		text-align: center;
	}
	
	#description .img-wrapper-right {
		height: 600px;
	}
	
	#description .img-wrapper-left {
		height: 600px;
	}
	
	/* 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%;
	}
	
	/* Best Value Label */
	 .pricing-pane .label {
		top: 50px;
	}
	
	#pricing p.sub-heading {
		margin-top: 10px;
	}
	
	#video p.sub-heading {
		margin-top: 10px;
	}
	
	#testimonials p.sub-heading {
		margin-top: 10px;
	}
	
	#testimonials .swiper-container .swiper-wrapper .swiper-slide p {
		max-width: 80%;
		font: 300 20px/1.6em "Source Sans Pro", sans-serif;
		/*font-family: 'Open Sans', sans-serif;*/
	}
	
	#testimonials .swiper-container .swiper-wrapper .swiper-slide h4 {
		max-width: 80%;
	}
	
	#testimonials .swiper-container .swiper-button-prev {
		left: 10px;
	}

	#testimonials .swiper-container .swiper-button-next {
		right: 10px;
	}
	
	#contact p.sub-heading {
		margin-top: 10px;
	}
	
	#footer .copyright {
		margin-top: 30px;
	}
	
	#header-privacy .header-privacy-content h1 {
		/*font: 400 44px/1.1em "Raleway", sans-serif;*/
		    font-family: 'Montserrat', sans-serif;
		/*font-family: 'Open Sans', sans-serif;*/
	}
	
	#privacy-content ul {
		padding-left: 25px;
	}

	#privacy-content .gray-background ol {
		padding-left: 25px;
	}
	
	#header-terms .header-terms-content h1 {
		font: 400 44px/1.1em "Raleway", sans-serif;
		/*font-family: 'Open Sans', sans-serif;*/
	}
	
	#terms-content ul {
		padding-left: 45px;
	}
}


/* Min-width width 992px */
@media (min-width: 992px) {
	.swiper-container-header .swiper-slide.first .header-content {
		padding: 90px 0px 0px 0px;
	}
	
	.swiper-container-header .swiper-slide.second .header-content {
		padding: 80px 0px 0px 0px;
	}
	
	.swiper-container-header .swiper-slide.third .header-content {
		padding: 80px 0px 0px 0px;
	}
	
	.swiper-container-header .swiper-slide.first .header-content img {
		display: block;
		max-width: 410px;
	}
	
	.swiper-container-header .swiper-slide.second .header-content img {
		display: block;
		max-width: 370px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.swiper-container-header .swiper-slide.third .header-content img {
		display: block;
		max-width: 410px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.swiper-container-header .swiper-slide.first .header-content h1	{
		margin-top: 80px;
		text-align: left;
	}
	
	.swiper-container-header .swiper-slide.second .header-content h1 {
			margin-top: 80px;
			text-align: left;
	}
	
	.swiper-container-header .swiper-slide.third .header-content h1 {
			margin-top: 70px;
			text-align: left;
	}
	
	.swiper-container-header .header-content h1 br {
		display: none;
	}
	
	.swiper-container-header .header-content p {
		text-align: left;
	}
	
	.swiper-container-header .header-content .header-buttons {
		margin-top: 0px;
		text-align: left;
	}
	
	/* Tab_b */
	#features .tab-content #tab_b h3 {
		margin-top: 140px;
	}
	
	#features .tab-content .tab-b-right-pane {
		margin-left: 20px;	
	}
	
	/* Tab_c */
	#features .tab-content .tab-c-left-pane {
		margin-right: 40px;	
	}
	
	/* First Pane */
	#description .img-right {
		max-width: none;
		max-height: 600px;
	}
	
	#description .description-first-pane {
		max-width: 410px;
		margin-right: 50px;
		margin-top: 90px;
		float: right;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	/* Second Pane */
	#description .img-wrapper-left {
		margin-top: 0px;
	}
	
	#description .description-second-pane {
		max-width: 410px;
		margin-left: 40px;
		margin-top: 80px;
		margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#contact .img-responsive {
		margin-bottom: 0px;
	}
	
	#contact .form-same-line {
		display: inline-block;
		margin-right: 10px;
		width: 31.4%;
	}
	
	#contact #ContactForm, #contact #ContactForm input {
		margin-top: 0px;
	}
	
	#contact #ContactForm textarea {
		margin-top: 4px;
		height: 174px;
	}
	
	#contact #ContactForm button {
		margin-top: 18px;
		width: auto;
	}
}


/* Min-width width 1200px */
@media (min-width: 1200px) {
	
	/* Navbar Call Now Area */
	.navbar-custom .nav li.navbar-call-us {
		display: block;
		/*font: 600 12px/1em "Raleway", sans-serif;*/
		font-family: 'Open Sans', sans-serif;
		color: #fff;	 
		/*padding: 9px 12px 10px 12px;*/
		border: 1px solid #fff;
		border-radius: 1px;
		margin-left: 15px;
		margin-right: 15px;
		/*margin-top: 6px;*/
	}
	
	.navbar-custom .nav li.navbar-call-us span {
		margin-right: 5px;
	}
	
	.swiper-container-header .swiper-slide.first .header-content img {
		max-width: 480px;
	}
	
	.swiper-container-header .swiper-slide.second .header-content img {
		max-width: 420px;
	}
	
	.swiper-container-header .swiper-slide.third .header-content img {
		max-width: 460px;
	}
	
	.swiper-container-header .header-content h1 {
		font: 600 58px/1.3em "Raleway", sans-serif;
		/*font-family: 'Open Sans', sans-serif;*/
	}
	
	.swiper-container-header .header-content p {
		font: 300 20px/1.5em "Source Sans Pro", sans-serif;
		/*font-family: 'Open Sans', sans-serif;*/
		text-align: left;
	}
	
	#features .tab-content #tab_b h3 {
		margin-top: 190px;
	}

	#features .tab-content #tab_c h3 {
		margin-top: 160px;
	}
	
	#description .description-first-pane {
		max-width: 510px;
		margin-top: 100px;
	}
	
	#description .description-second-pane {
		max-width: 510px;
		margin-top: 90px;
	}
	
	#contact .form-same-line {
		margin-right: 12px;
	}
	
	#contact #ContactForm textarea {
		margin-top: 8px;
		/* height: 231px; */
		height: 115px;
	}
	
	#contact #ContactForm button {
		margin-top: 24px;
	}
}




 .history-main { width: 100%; }
 .liner { background: #fff; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 50%; width: 96%; z-index: 1; position: relative; } 
 .liner i { position: absolute; right: -2px; top: -9px; color: #fff; }
 .history-content { list-style: outside none none; padding: 125px 0; width: auto; }
 .history-1 { position: relative; left: 45px; }
 .history-2 { position: relative; margin-left: 30%; }
 .history-3 { position: relative; margin-left:58%; }
 .history-4{ position: relative; margin-left: 95%; }
 .history-line { background: #fff; height: 60px; left: 3px; position: absolute; top: -75px; width: 2px; z-index: 9; }
 .history-time-lin { position: relative; top: 10px; z-index: 2; }
 .history-time-lin:before { bottom: 0; }
 .history-time-lin:before { background: #fff; border-radius: 50%; content: ""; height: 20px; left: -5px; position: absolute; width: 20px; z-index: 1; }
 .history-time-lin:after { border:2px solid #fff; background: #000; border-radius: 50%; content: ""; height: 30px; left: -5px; position: absolute; width: 30px; }
 .history-time-lin:after { left: -10px; top: -25px; }
 .history-item { left: -20px; position: absolute;  top: -125px; }
 .history-item a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align:  center; display:block; } 
 .history-5 { position: relative; margin-left: 15%; }
 .history-6 { position: relative; margin-left: 53%; }
 .history-7 { position: relative; margin-left:78%; }
 .history-line-2 { background: #fff none repeat scroll 0 0; height: 60px; left: 3px; position: absolute; top: 15px; width: 2px; z-index: 9; }
 .history-item-2 { left: -20px; position: absolute; top: 75px; }
 .history-item-2 a { border-radius: 50%; border:2px solid #fff; background:rgba(255, 255, 255, 0.2); line-height: 45px; font-size: 14px; color: #fff; width: 50px; height: 50px; text-align: center; display:block; }
 /*Our History */
.our-history .timeline { list-style: none; padding: 20px 0 20px; position: relative; }
.our-history .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; /*background-color: #0a3c5f;*/ left: 50%; margin-left: -0.5px;     border: 1px dashed #0a3c5f; }
.our-history .timeline > li { margin-bottom: 20px; position: relative; }
.our-history .timeline > li:before,
.our-history .timeline > li:after { content: " "; display: table; }
.our-history .timeline > li:after { clear: both; }
.our-history .timeline > li:before,
.our-history .timeline > li:after { content: " "; display: table; }
.our-history .timeline > li:after { clear: both;}
.our-history .timeline > li > .timeline-panel { width: 46%; float: left;     padding: 8px 0 136px 15px; position: relative; }
.our-history .timeline > li > .timeline-panel:before { position: absolute; top: 18px; right: -25px; display: inline-block; width: 25px; height: 2px; /*background: #0a3c5f;*/ content: " "; border: 1px dashed #0a3c5f;}
.our-history .timeline > li > .timeline-badge { 
    color: #43474f;
    width: 5px;
    height: 5px;
    /* line-height: 10px; */
    font-size: 0.7em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    border: 3px solid #0a3c5f;
    margin-left: -3px;
    background-color: #ffffff;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    box-shadow: 0 0 0 5px #fffffff5;}
    
    
    
.our-history .timeline > li.timeline-inverted > .timeline-panel {  float: right;}
.our-history .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; /*border-right-width: 15px;*/ left: -25px; right: auto; }
.our-history .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
 .our-history .timeline-body > p,
.our-history .timeline-body > ul { margin-bottom: 0; }
.our-history .timeline-body > p + p  margin-top: 5px; 
.our-history .timeline > li { text-align: right;}
.our-history .timeline > li.timeline-inverted { text-align: left;}
.our-history .timeline .timeline-arrow { position: absolute; width: 100%; left: 0.5px; right: 0; text-align: center; color: #e6e6e6; bottom: -29px; }
.our-history .timeline > li > .timeline-badge p{width: 200px; margin-top: -9px; margin-left: 25px;font-size: 17px; font-weight: bold; text-align: left;}
.our-history .timeline > li.timeline-inverted .timeline-badge p{text-align: right; float: right; margin-right: 25px;}




/***** themify-icon *****/
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}


@font-face {
	font-family: 'themify';
	src:url('../fonts/themify.eot?-fvbane');
	src:url('../fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('../fonts/themify.woff?-fvbane') format('woff'),
		url('../fonts/themify.ttf?-fvbane') format('truetype'),
		url('../fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ti-"], [class*=" ti-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ti-facebook:before {
	content: "\e741";
}

.ti-twitter:before {
	content: "\e72a";
}
.ti-twitter-alt:before {
	content: "\e74b";
}


.ti-google:before {
	content: "\e73e";
}

.ti-linkedin:before {
	content: "\e735";
}

.ti-instagram:before {
	content: "\e73d";
}

.ti-package:before {
	content: "\e687";
}

.ti-download:before {
	content: "\e6a7";
}
.ti-layers-alt:before {
	content: "\e630";
}
.ti-server:before {
	content: "\e67d";
}
.ti-wallet:before {
	content: "\e6cd";
}
.ti-harddrives:before {
	content: "\e69e";
}
.ti-arrow-circle-up:before {
	content: "\e65c";
}
.ti-menu:before {
	content: "\e68e";
}

/***** end of themify-icon *****/
#header{
	background: url(../img/signup.jpg) center no-repeat!important;
    padding-top: 155px;
    padding-bottom: 50px;	
	}

 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #00ffc6d9 !important;
  }


.navbar-header.scrolling {
	color: #fff;
	font-size: 20px;
	font-weight:bold;	
}

.static_header_align{
	float: left;
    position: relative !important;
    top: 7px;
    left: 7px;
    color: #fff;
    width: 400px !important;;
    height: 50px !important;;
    font-size: 20px;
}

.navbar-brand.img-logo.scrolling img {
		float: left;
}
nav#mainNav {
    height: 64px !important;
    padding: 13px 0;
}