/*
Name: 			theme.css
Written by: 	Tourmaline Labs
Version: 		3.5.0
*/
/* 
/*header banner */
.banner-image-fullwidth {width:100%;min-height:700px; background-position:center center; position: relative; padding-bottom: 70px;}
.inner-page .banner-image-fullwidth { min-height: auto; }
.new-home-page .banner-image-fullwidth { overflow: hidden; }

.banner-image-fullwidth.sdk, .banner-image-fullwidth.driver-analytics{background: url("/img/telematics-sdk-hero.jpg");background-position:center center; background-size:cover;}
.banner-image-fullwidth.drima{background: url("/img/slides/automatic-drive-detection-banner.jpg");background-position:center center; background-size:cover;} 
.banner-image-fullwidth.loma{background: url("/img/slides/context-kit-location-matters-use-case.jpg");background-position:center center; background-size:cover;} 
.banner-image-fullwidth.geofence{background: url("/img/slides/trafficlink-context-kit-geofence.jpg");background-position:center center; background-size:cover;} 
.banner-image-fullwidth.api{background: url(/img/telematics-sdk-hero.jpg);background-position:center center; background-size:cover;} 
.container.header-banner {padding-top:20px; text-align:center;}
.container.header-banner.home {padding-top:175px; position: relative; }
.container.header-banner.products {padding-top:145px;}
.container.header-banner.special, .container.header-banner.api {padding-top:245px;}
@media (max-width: 991px) {
    .container.header-banner.special, .container.header-banner.api {
        padding-top: 150px;
        padding-bottom: 50px;
    }
}

.main-title {color: #414042; font-size: 42px; line-height: 52px; font-weight: 700; margin-bottom:20px; overflow: hidden;}

.science-main-title {

    font-size: 60px;
    overflow: visible;
}

.science-main-title .red-line-through-title {

    color: red;
    text-decoration: line-through;
}

.subtitle {color:#FFF; font-size:30px; font-weight:300;margin-top:20px;margin-bottom:55px;}
.col-md-6.api {float:none; margin-top:50px; margin-left:auto; margin-right:auto;}
@media (min-width: 992px) and (max-width: 1199px) {
    .col-md-6.api {
        width: 70%;
    }
}

.col-md-4.button {margin-bottom:10px;}

@media (max-width: 991px) {
    
    .banner-image-fullwidth {min-height:250px;background-size:cover;} 
    .container.header-banner{padding-top:10px;} 
    .container.header-banner.home {padding-top:130px !important;} 
    .index-page .container.header-banner.home {padding-top:70px !important;} 
    .container.header-banner.products{padding-top:80px;} 
    
}

/*context-kit intro */
ul.portfolio-details {font-size:1em!important;}
ul.list-skills {padding-left: 10px!important;margin-top: 10px!important;}
/*media section */
.header-logos-section {padding-top: 10px; padding-bottom: 10px; background:#d9d9d9; position: relative;}
.header-logos-section .col-md-2 { text-align: center; }

/*Company Page */

.fleet-solution-section .full-width-col-2.office-col {background:url('/img/tourmaline-labs-office-building-san-diego.jpg') no-repeat;background-size:cover;}
.fleet-solution-section .full-width-col-2.no-background-col {background: none;}
.first-company-section .fleet-solution-inner-cont-1 {
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
    height: auto;
}
.full-width-col .fleet-map-outer-cont {
    height: auto;
    padding-top: 175px;

}


@media (min-width: 768px) and (max-width: 1199px) {

    .full-width-col .fleet-map-outer-cont {

        width: 100%;
        padding-right: 0px;
    }

}


@media (max-width: 767px) {

    .full-width-col .fleet-map-outer-cont {

        height: auto;
        padding-top: 30px;

    }

}


@media (max-width: 767px) {

    .office-col .fleet-solution-inner-cont-2 {

        min-height: 200px;

    }

}


.second-company-section-col-1 .fleet-solution-title-small {

    margin-top: 99px;

}

.second-company-section-col-1 .fleet-solution-title-small:nth-child(2) {

    margin-top: 0px;

}

.fleet-solution-map-cont {

    text-align: center;
    margin-top: 1px; 

}

.map-contacts-form-row {

    width: 80%;
    margin-top: 50px;

}

@media (max-width: 767px) {

    .map-contacts-form-row {

        width: 100%;

    }

}

.map-contacts-form-row .button_sliding_bg {


    width: 150px;

}

.fleet-solution-map-cont .google-map.small {

    height: auto;
    width: 80%;

}

@media (max-width: 767px) {

    .fleet-solution-map-cont .google-map.small {
        height: auto;
        width: 100%;
    }

}

.fleet-solution-column-title {

    font-size: 24px;
    font-weight: 400;
    margin-bottom: 50px;

}


.fleet-solution-title-small {
    font-size: 18px;
    font-weight: 400;
}

a.company-download-button {
    display: block;
    clear: left;
    margin-left: 0px;
    width: 120px;
}

.text-vertical-padding {


    margin-top: 25px;
    margin-bottom: 25px;

}
@media (min-width: 992px) {

    .header-logos-section .col-md-2 {
        text-align: left;
        display: inline;
        width: auto;
        padding-left: 107px;
        padding-right: 0px;
    }
    .header-logos-section .col-md-2:first-child {

        padding-left: 0px; 
    }
}
@media (min-width: 1200px) {

    .header-logos-section .col-md-2 {

        padding-left: 147px;

    }

}



.header-logo {width: auto;}

/*TL Behavior Page */
.safety-section.custom-height {min-height:100%; height:auto; padding: 15px 15px 12px 15px;}
.tl-behavior-page .driving-behavior-title {padding-top:0px;}
.tl-behavior-page .driving-behavior-section {min-height:100%; height:auto; padding-top: 50px; padding-bottom: 35px;background:#fff;}
.tl-behavior-page .services-over-cont-part-2 {background-color: #FFF ;min-height:auto; padding-top: 30px; padding-bottom: 5px;}
.tl-behavior-page .section-industry-leading-row-2 {margin-top:30px;}
.tl-behavior-page .services-over-cont.section-industry-leading {background:#f8f6f7; padding-top:50px;padding-bottom:30px;}
.tl-behavior-page .section-powering-location {margin-bottom:0px;}
.tl-behavior-page .inner-title-orange {margin-bottom: 20px;}
.tl-behavior-page .inner-title-orange-lower {margin-top: 70px;}
.tl-behavior-page .turnkey-title {margin-top: 70px;}

@media (max-width: 1199px) {
    .tl-behavior-page .turnkey-title {margin-top: 20px;}  
}

.services-over-cont .main-benefits-list {padding-left: 25px;}
.services-over-cont .section-powering-location-row .main-benefits-list {padding-left: 10px;}
.white-label-management-page .services-over-cont .main-benefits-list {
    padding-left: 30px;
}
.fleet-solution-section .full-width-col-2.safety-background {
	background: url(/img/safe-driving.jpg);
	background-size: cover;
    background-repeat: no-repeat;
}
.tl-behavior-benefits {
	text-align: center;
    font-weight: 400;
	font-size:20px;
}
.tl-behavior-benefits a {padding-right:3%;}
.tl-behavior-benefits a:last-child {padding-right:0px;}

.tl-behavior-benefits a {
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
	color:#414042;
}
.tl-behavior-benefits a:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.tl-behavior-benefits a:hover:after {
	width: 100%;
	background: #FF671B;
}
.tl-behavior-benefits a:hover {
	color:#414042;
	text-decoration:none;
}
a:focus {color:#414042!important; text-decoration:none;}


.driving-behavior-section .contextual-detailed-text {padding-top:10%;}
.infographic-container {background:#f8f6f7; padding-top:50px; padding-bottom:50px;}
.centered-title-cont {text-align:center; padding-top:50px; padding-bottom:30px;}
.centered-title-cont .driving-behavior-title {margin-bottom:20px;}
.driving-behavior-title.section-title {text-align:center;margin-bottom:20px;}
.driving-behavior-text {text-align:center;}

.tl-behavior-page .section-header.dark-grey {margin-bottom:20px;}

@media (min-width: 768px) and (max-width: 991px) {
	.tl-behavior-benefits {font-size:16px;}
}
@media only screen and (max-width: 767px) {
	.tl-behavior-benefits {font-size:12px;}
}
@media only screen and (min-width: 992px) {
#features  ul.main-benefits-list li {min-height:50px;}
}
@media only screen and (max-width: 991px) {
	.tl-behavior-page .driving-behavior-section  {min-height:100%; height:auto;}
    .tl-behavior-page .driving-behavior-title {padding-top:0px;font-size: 25px;line-height: 34px;}
	.tl-behavior-page .section-header.dark-grey {font-size:25px; line-height:34px;}
}

.tl-behavior-page .fleet-solution-inner-cont-2 { height:255px !important; }


@media (min-width: 1100px) and (max-width: 1399px) {

    .tl-behavior-page .fleet-solution-inner-cont-2 {

        height: 225px !important;

    }

}
@media (min-width: 900px) and (max-width: 1099px) {
    .tl-behavior-page .fleet-solution-inner-cont-2 {
         height: 185px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #header nav ul.nav-main li a {
         padding-right:8px !important;
		 padding-left:8px !important;
    }
    
    .index-page #header nav ul.nav-main li a {

		 font-size: 12px !important;
    }
}
@media (min-width: 768px) and (max-width: 899px) {
    .tl-behavior-page .fleet-solution-inner-cont-2 {
         height: 165px !important;
    }
}

@media (max-width: 340px) {
    .tl-behavior-page .fleet-solution-inner-cont-2 {
         height: 225px !important;
    }

}


/*sticky section */
.side-sticky {margin-bottom:10px;}
html .scroll-to-top {bottom:35px!important;border-radius: 7px 7px!important;}

/* Products Page */
.orangebg.new {background-color:#d9d9d9;}

/*blog post long */
.post-block h3 {color:#414042;}
.blog-subtitle {color:#414042;font-size: 1.4em;line-height: 28px; text-transform: none;font-weight:400;}
@media only screen and (min-width: 415px) {
.bio-image {float:left; margin-right:30px;}
}
@media only screen and (max-width: 414px) {
.bio-image-p {text-align:center;}
}
.bio-intro {font-size:13px;margin-top:25px;}

/*driving score */
.featured-box.betterways {margin-top:0px!important;}
.featured-box.betterways.custom {margin-bottom:10px;}
.col-md-4.center {text-align:center;}
.featured-box-primary .box-content, .featured-box-tertiary .box-content {border-top-color:#ff671b!important;}
.featured-box-tertiary h4 {color:#414042!important;}
.img-responsive.graph {margin-bottom:0px;}
.img-responsive.scoring {margin-bottom:20px;}
.img-responsive.analytics {margin-bottom:30px;margin-top:30px;}
.img-responsive.loma {margin-left:auto;margin-right:auto;margin-bottom:30px;}
.col-md-6.no-padding, .no-padding {padding-left:0px!important;}
.col-md-12.score-features {margin-bottom:20px;}
.col-md-12.use-cases {margin-bottom:40px;}
.btn.btn-warning.center {margin-left:auto;margin-right:auto;margin-bottom:40px;}
.featured-box.betterways ul li:before, .drive-score-intro li:before {    
    content: "\f105";
    font-family: FontAwesome;
    color: #414042;
    margin-right: 8px;
	}
.featured-box.betterways ul li, .drive-score-intro li{list-style-type: none;}


.feature-box-column-img-cont {

    text-align: center;
}

.feature-box-column-img-cont span {
    margin-top: 20px;
    display: block;
}


@media (min-width: 768px) {
    
    .feature-box-column-3 .feature-box-column-img-cont.pos-abs {
        position: absolute;
        top: 0px;
        bottom: 0px;
        margin: auto !important;
    }
}


/* drive score analytics */
.small-h3 {
	color: #414042;
    font-size: 1.4em;
    font-weight: 400;
}

/* top features */
.services-container-part-4 .col-md-12 {padding-left:0px;padding-right:0px;}
.services-container-part-4 p {color:#414042;}
.services-container-part-4 {padding-top:0px!important; padding-right:0px!important; margin-bottom: 10px;}
.shorter.small {font-size:18px; font-weight:300;color:#414042;}
.fa.small {font-size:10px;}
.feature-box-icon.small {height:35px!important;width:35px!important;line-height:18px!important;top:3px!important;}
.tall.short {margin-bottom:15px;font-size:16px;color:#414042;}
.portfolio-details.apis{margin-top:20px;margin-left:0px;margin-bottom:0px;}
.portfolio-details.apis li{ margin-bottom: 0px; }
.feature-box .feature-box-icon .fa {font-size:18px; margin-top:8px;}
@media (min-width: 992px) {
	.img-responsive.betterways {margin-top:140px;}
	.img-responsive.geofence {margin-top:200px;}
	.img-responsive.contextkit {margin-top: 0px;}
	.img-responsive.loma {margin-top:75px;}
	.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.eq-height-box {
		flex:1;
	}
}
/*orange-line */
.orange-line {

    border-bottom: 5px solid #ffcb31;
    color: #FFF;
    display: block;
    font-weight: 200;
    margin: 0px 0px -5px;
    min-height: 6px;
    font-size: 2.6em;
    position: relative;
    width: 252px;
}
.section-header {color:#fff;font-size:30px;font-weight:400;margin:0px; margin-top:20px;}
.section-header.features, .section-header.white-label {margin-bottom:40px;}
.grey-header {font-size: 22px; color: #414042; padding: 20px 0px 20px 0px;background: #9e9c9c;}
.grey-header.dark {background:#6b7582;}

body {
	background-color: white;
	color: #414042;
	font-family: Verdana;
	font-size: 16px;
	font-weight:300;
	line-height: 22px;
	margin: 0;
}

/* Responsive */
@media (max-width: 479px) {
	body {
		font-size: 13px;
	}
	
	.below-home-map-text {
	    font-size: 20px;
        font-weight: 400;
	}
}

@media (max-width: 991px) {
	body.sticky-menu-active {
		padding-top: 0px !important;
	}
}

/* Header */
#header {
	background: transparent;
	clear: both;
	border-top: 5px solid #414042;
	min-height: 100px;
	padding: 8px 0;
    min-height: 110px !important;
    width: 100%;
    position: absolute;
	z-index:100;
}


#header > .container {
	height: 100px;
	margin-bottom: -35px;
	position: relative;
	display: table;
	max-width: 1170px;
}


#header > .navbar-collapse > .container {
	position: relative;
}

@media (min-width: 768px) {

    #header > .navbar-collapse.collapse {

        margin-top: 20px;
    }


    .sticky-menu-active #header > .navbar-collapse.collapse {

        margin-top: 20px;
    }

}

#header .header-top {
	min-height: 50px;
}

#header .header-top form {
	margin: 0;
}

#header .header-top p {
	float: left;
	font-size: 0.9em;
	line-height: 50px;
	margin: 0;
}

#header .header-top i {
	margin-right: 6px;
	margin-left: 6px;
	position: relative;
	top: 1px;
}

#header .header-top nav {
	float: left;
	width: auto;
}

#header .header-top ul.nav-top {
	margin: 7px 0 0 -15px;
	min-height: 5px;
}

#header .header-top ul.nav-top li.phone {
	margin-right: 10px;
}

#header .header-top ul.nav-top li a {
	padding-left: 4px;
}

#header .social-icons {
	clear: right;
	float: right;
	margin-top: -3px;
	margin-left: 5px;
	position: relative;
}

#header .search {
	float: right;
	margin: 10px 0 0 15px;
	position: relative;
}

#header .search + .social-icons {
	clear: none;
	margin-left: 10px;
	margin-right: 0;
	margin-top: 13px;
}

#header .search input.search:first-child {
	-webkit-transition: width 0.2s ease-in 0.2s;
	-moz-transition: width 0.2s ease-in 0.2s;
	transition: width 0.2s ease-in 0.2s;
	border-radius: 20px;
	width: 170px;
	font-size: 0.9em;
	padding: 6px 12px;
	height: 34px;
	margin: 0;
}

#header .search input.search:focus {
	width: 220px;
	border-color: #CCC;
}

#header .search button.btn-default {
	border: 0;
	background: transparent;
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
	z-index: 3;
}

#header .nav-main.nav-main-mobile {
    display: none;
}

@media (max-width: 991px) {
    
    #header .nav-main.nav-main-desktop {
        display: none;
    }
    
    #header .nav-main.nav-main-mobile {
        display: block;
    }
}

#header .nav-main ul li.mobile-upper-menu-last-item {
    border-bottom: 1px dashed rgba(255, 103, 27, 1);
}

#header nav {
	float: right;
}

#header nav ul.nav-main {
	margin: -7px 10px 8px 0;
}

#header nav ul.nav-main > li + li {
	margin-left: -4px;
}

#header nav ul.nav-main li a {
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	margin-left: 3px;
	margin-right: 3px;
	text-transform: uppercase;
	font-weight: 400;
	padding: 10px 13px;
}

#header nav ul.nav-main li a:hover {
	background-color: #F4F4F4;
}

#header nav ul.nav-main li ul a {
	text-transform: none;
	font-weight: normal;
	font-size: 0.9em;
}

#header nav ul.nav-main li.dropdown.open a.dropdown-toggle {
	border-radius: 5px 5px 0px 0px;
	background-color: #CCC;
}

#header nav ul.nav-main li.dropdown:hover > a {
	padding-bottom: 11px;
	margin-bottom: -1px;
}

#header nav ul.nav-main li.dropdown:hover > ul {
	display: block;
}

#header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
	border-radius: 5px 5px 0px 0px;
}

#header nav ul.nav-main li.active a {
	background-color: #CCC;
}

body #header.flat-menu nav.nav-main ul.nav-main li > a, #header.flat-menu nav.nav-main ul.nav-main li.active > a {
    color: #414042;
}

body #header.flat-menu nav ul.nav-main li > a:hover, body #header.flat-menu nav ul.nav-main li.dropdown:hover a {
    color: #414042;
    background-color: transparent !important;
}

#header.flat-menu nav.nav-main ul.nav-main li > a {
display: inline-block;
}

#header.flat-menu nav.nav-main ul.nav-main li > a:after {
content: '';
display: block;
height: 3px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}

#header.flat-menu nav.nav-main ul.nav-main li > a:hover:after {
    width: 100%;
    background: #ff671b;
}

#header.flat-menu nav.nav-main ul.dropdown-menu li > a:hover:after {
    width: 100%;
    background: none !important;
}

body #header nav ul.nav-main ul.dropdown-menu {

    background: #414042 !important;
}

#header.flat-menu nav.nav-main ul.dropdown-menu li > a {
    display: block;
}

body #header.flat-menu nav.nav-main ul.dropdown-menu li > a, #header.flat-menu nav.nav-main ul.dropdown-menu li.active > a {
    color: #FFF !important;
}

.sticky-menu-active #header.flat-menu nav.nav-main ul.nav-main li > a, .sticky-menu-active #header.flat-menu nav.nav-main ul.nav-main li.active > a {
    color: #FFF !important;
}

#header.flat-menu .nav-main-collapse.in nav.nav-main ul.nav-main li > a, #header.flat-menu .nav-main-collapse.in nav.nav-main ul.nav-main li.active > a {
    color: #FFF;
}

#header nav ul.nav-main li a.dropdown-toggle.extra {
	display: none;
}

#header nav ul.nav-main ul.dropdown-menu {
	background-color: #CCC;
	border: 0;
	border-radius: 0 6px 6px 6px;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
	margin: 1px 0 0 3px;
	padding: 5px;
	top: auto;
}

#header nav.nav-upper ul.nav-main ul.dropdown-menu {
	background-color: #414042 !important;
	box-shadow: 0px 2px 3px #414042;
}

#header nav ul.nav-main ul.dropdown-menu li:hover > a {
	filter: none;
	background: #a7a9ac;
}

#header nav ul.nav-main ul.dropdown-menu li:last-child > a {
	border-bottom: 0;
}

#header nav ul.nav-main ul.dropdown-menu > li > a {
	color: #FFF;
	font-weight: 400;
	padding-bottom: 4px;
	padding-top: 4px;
	text-transform: none;
	position: relative;
	padding: 8px 10px 8px 5px;
	font-size: 1em;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
	border-radius: 6px;
	margin-left: 0;
	margin-top: -5px;
}

#header nav ul.nav-main .dropdown-submenu {
	position: relative;
}

#header nav ul.nav-main .dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	border-radius: 0 6px 6px 6px;
}

#header nav ul.nav-main .dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

#header nav ul.nav-main .dropdown-submenu.pull-left {
	float: none;
}

#header nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	border-radius: 6px 0 6px 6px;
}

#header nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

#header nav ul.nav-main .dropdown-submenu:hover > a:after {
	border-left-color: #FFF;
}

#header nav ul.nav-top {
	margin: 10px 0 -10px;
	min-height: 62px;
}

#header nav ul.nav-top li span {
	display: block;
	line-height: 14px;
	margin-bottom: 2px;
	margin-right: 0;
	margin-top: 5px;
	padding: 8px 2px 8px 12px;
}

#header nav ul.nav-top li a, #header nav ul.nav-top li span {
	color: #999;
	font-size: 0.9em;
	padding: 6px 10px;
}

#header nav ul.nav-top li i {
	margin-right: 6px;
	position: relative;
	top: 1px;
}

#header .nav-main-collapse {
	overflow-y: visible;
}

#header .nav-main-collapse.in {
	overflow-y: visible;
}

#header .tip {
	display: inline-block;
	padding: 0 5px;
	background: #FFF;
	color: #111;
	text-shadow: none;
	border-radius: 3px;
	margin-left: 8px;
	position: relative;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}

#header .tip:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 5px;
	margin-top: -5px;
}

/* Logo */
#header .logo {
	-webkit-transition: all 0.2s ease-in 0.2s;
	-moz-transition: all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
	margin: 0;
	padding: 5px 0;
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	color: transparent;
}

#header .logo a {
	position: relative;
	z-index: 1;
}

#header .logo img {
	position: relative;
	color: transparent;
        top: 50px !important;
}

#header .logo.logo-sticky-active img {

        top: 32px !important;
}

@media (max-width: 991px) {

    #header .logo img.logo-normal {

        top: 25px !important;
        display: none !important;
    }

}

.logo-sticky {

    display: none !important;
}

.sticky-menu-active .logo-sticky {

    display: block !important;
}

.sticky-menu-active .logo-normal {

    display: none !important;
}

@media (max-width: 991px) {
    
    .sticky-menu-deactive #header .logo-sticky {

        display: block !important;
        top: 26px !important;
    }

}


/* Header Container */
.header-container {
	min-height: 76px;
	position: relative;
}

/* Responsive Nav Button */
.btn-responsive-nav {
	display: none;
}

/* Sticky Menu */
#header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
}

body.sticky-menu-active #header {
	border-bottom: 1px solid #414042;
	background: #414042;
	position: fixed;
	top: -57px;
	width: 100%;
	z-index: 1001;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	filter: none;
}

@media (max-width: 991px) {
    
    body.sticky-menu-deactive #header {
    	border-bottom: 1px solid #414042;
    	background: #414042;
    	position: fixed;
    	top: -57px;
    	width: 100%;
    	z-index: 1001;
    	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    	filter: none;
    }
}

body.sticky-menu-active #header .social-icons {
	margin-top: -1px;
}

body.sticky-menu-active #header nav ul.nav-main {
	margin-bottom: 7px;
	margin-top: -1px;
}

body.sticky-menu-active.always-sticky #header {
	top: 0;
}

body.sticky-menu-active.always-sticky #header nav ul.nav-main {
	margin: -7px 10px 8px 0;
}

body.sticky-menu-active.always-sticky #header .social-icons {
	margin-top: -3px;
}

body.scrolling .nav-main-collapse.collapsing {
	-webkit-transition: none;
	transition: none;
}

/* Header Mega Menu */

@media (min-width: 992px) {
	#header nav.mega-menu .nav, #header nav.mega-menu .dropup, #header nav.mega-menu .dropdown, #header nav.mega-menu .collapse {
		position: static;
	}

	#header nav.mega-menu ul.nav-main .mega-menu-content {
		text-shadow: none;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
		color: #333333;
		display: block;
		font-size: 1em;
		font-weight: 600;
		padding-bottom: 5px;
		text-transform: uppercase;
		margin-top: 20px;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title:first-child {
		margin-top: 0;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title .not-included {
		color: #a7a9ac;
		display: block;
		font-size: 0.8em;
		font-style: normal;
		margin: -8px 0 -4px;
		padding: 0;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
		background: #FFF !important;
		border-top: 6px solid #CCC;
		color: #777777;
		box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08);
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a {
		color: #777777;
		text-shadow: none;
		margin: 0 0 0 -8px;
		padding: 3px 8px;
		text-transform: none;
		font-size: 0.9em;
		display: block;
		font-weight: normal;
		border-radius: 4px;
		border: 0;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
		background: #F4F4F4 !important;
		text-decoration: none;
	}

	#header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
		border-radius: 6px;
	}

	#header nav.mega-menu .navbar-inner, #header nav.mega-menu .container {
		position: relative;
	}

	#header nav.mega-menu .dropdown-menu {
		left: auto;
	}

	#header nav.mega-menu .dropdown-menu > li {
		display: block;
	}

	#header nav.mega-menu .mega-menu-content {
		padding: 20px 30px;
	}

	#header nav.mega-menu .mega-menu-content:before {
		display: table;
		content: "";
		line-height: 0;
	}

	#header nav.mega-menu .mega-menu-content:after {
		display: table;
		content: "";
		line-height: 0;
		clear: both;
	}

	#header nav.mega-menu.navbar .nav > li > .dropdown-menu:after, #header nav.mega-menu.navbar .nav > li > .dropdown-menu:before {
		display: none;
	}

	#header nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
		width: 100%;
		left: 0;
		right: 0;
	}

	#header nav.mega-menu nav.pull-right .dropdown-menu {
		right: 0;
	}

	#header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu {
		border-radius: 0;
	}
}
/* Header Flat Menu */

.language-menu .fa-check {
    color: #ff671b;
}
    
.selected-item {
    cursor: default;
}


    
    
@media (min-width: 992px) {
    
    .home-link:before {
        content: "\f015";
        font-family: FontAwesome;
        font-size: 18px;
        margin-top: -2px;
        left: -12px;
        position: absolute;
    }

	#header.flat-menu > .container {
		height: 91px;
		margin-bottom: -82px;
	}

	#header.flat-menu .header-top {
		margin-top: -8px;
	}

	#header.flat-menu .social-icons {
		margin: 11px 10px 9px 10px;
		margin: 10px 10px 0;
	}

	#header.flat-menu .search {
		margin-top: 8px;
	}

	#header.flat-menu .search form {
		margin: 0;
	}

	#header.flat-menu .search input.search-query {
		padding-bottom: 5px;
		padding-top: 5px;
	}

	#header.flat-menu nav ul.nav-main {
		float: right;
		margin: -9px 0 -8px;
	}

	#header.flat-menu nav ul.nav-main > li > a {
		background: transparent;
		margin-bottom: 0;
		border-top: 5px solid transparent;
	}

	#header.flat-menu nav ul.nav-main li a {
		border-radius: 0;
		margin-left: 1px;
		margin-right: 3px;
		padding-bottom: 20px;
		padding-top: 46px;
	}

	#header.flat-menu nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
		border-radius: 0;
	}

	#header.flat-menu nav ul.nav-main li.dropdown:hover > a {
		padding-bottom: 21px;
	}

	#header.flat-menu nav ul.nav-main ul.dropdown-menu {
		margin: 0 0 0 1px;
		border-radius: 0;
	}

	#header.flat-menu nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
		border-radius: 0;
	}

    #header.flat-menu nav.nav-upper ul.nav-main li.dropdown:hover a {
        color: #FFF;
        background-color: #414042 !important;
    }
    
    #header.flat-menu nav.nav-upper ul.nav-main li > a:hover, 
    #header.flat-menu nav.nav-upper ul.nav-main li > a:focus {
        color: #FFF !important;
        background-color: transparent !important;
    }
    

	/* Header Flat Menu - Sticky Menu / Boxed */
	body.sticky-menu-active #header.flat-menu ul.nav-main {
		margin-bottom: -10px;
		margin-top: 34px;
	}

	body.sticky-menu-active #header.flat-menu ul.nav-main > li > a, body.sticky-menu-active #header.flat-menu ul.nav-main > li:hover > a {
		border-top-color: transparent;
		padding-bottom: 26px;
		padding-top: 26px;
	}

	body.sticky-menu-active #header.flat-menu .logo {
		padding-top: 15px;
	}

	body.sticky-menu-active #header.flat-menu .header-top {
		display: none;
	}

	html.boxed #header.flat-menu {
		padding: 15px 0 7px;
	}

	html.boxed #header.flat-menu.clean-top {
		padding-bottom: 8px;
	}

	html.boxed #header.flat-menu.colored {
		padding: 0 0 7px;
	}

	html.boxed #header.flat-menu.single-menu nav ul.nav-main ul.dropdown-menu {
		margin-top: -1px;
	}

	html.boxed #header.flat-menu .header-top {
		border-radius: 5px 5px 0 0;
	}

	html.boxed body.sticky-menu-active #header.flat-menu.clean-top, html.boxed body.sticky-menu-active #header.flat-menu.colored {
		padding: 15px 0 7px;
	}
}
/* Header Single Menu */

#header.filled-menu {

    border-bottom: 1px solid #a7a9ac;
    background: #414042;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 1001;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    filter: none;
}

@media (min-width: 992px) {
	#header.single-menu {
		min-height: 86px;
	}

	#header.single-menu > .container {
		height: 91px;
		margin-bottom: -77px;
	}

	#header.single-menu .social-icons {
		margin-top: 20px;
		padding-bottom: 20px;
	}

	#header.single-menu .search {
		display: none;
	}

	#header.single-menu .search + nav {
		display: none;
	}

	#header.single-menu nav ul.nav-main {
		margin: 0px 0 1px;
		float: right;
	}

	#header.single-menu nav ul.nav-main li a, #header.single-menu nav ul.nav-main li.dropdown:hover > a {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	#header.single-menu nav.mega-menu .mega-menu-signin {
		margin-right: 0;
	}

	#header.single-menu.valign .social-icons {
		margin-top: 15px;
	}

	#header.single-menu.valign nav ul.nav-main > li > a, #header.single-menu.valign nav ul.nav-main > li.dropdown:hover > a {
		padding-bottom: 42px;
		padding-top: 47px;
	}

	/* Header Single Menu - Sticky Menu / Boxed */
	body.sticky-menu-active #header.single-menu .logo, body.sticky-menu-active #header.single-menu.valign .logo {
		padding-top: 20px;
                position: absolute;
                top: 16px;
                left: 0px;
                z-index: 5555555;
	}

	body.sticky-menu-active #header.single-menu .social-icons, body.sticky-menu-active #header.single-menu.valign .social-icons {
		margin-top: 54px;
		padding-bottom: 0px;
	}

	body.sticky-menu-active #header.single-menu nav ul.nav-main, body.sticky-menu-active #header.single-menu.valign nav ul.nav-main {
		margin-top: 20px;
		margin-bottom: -9px;
	}

	body.sticky-menu-active #header.single-menu nav ul.nav-main > li > a, body.sticky-menu-active #header.single-menu nav ul.nav-main > li:hover > a, body.sticky-menu-active #header.single-menu.valign nav ul.nav-main > li > a, body.sticky-menu-active #header.single-menu.valign nav ul.nav-main > li:hover > a {
		border-top-color: transparent;
		padding-bottom: 21px;
		padding-top: 36px;
	}
	
	body.sticky-menu-active #header.single-menu nav.nav-upper ul.nav-main > li > a {
	    border-top-color: transparent;
		padding-bottom: 11px;
		padding-top: 36px;
	}

	html.boxed #header.single-menu {
		padding: 4px 0 7px;
	}

	html.boxed body.sticky-menu-active #header.single-menu {
		padding: 15px 0 7px;
	}
}
/* Header Clean Top */
@media (min-width: 992px) {
	#header.clean-top .header-top {
		border-bottom: 1px solid #EDEDED;
		background-color: #F4F4F4;
		margin-top: -8px;
	}

	#header.clean-top .social-icons {
		margin: 11px 10px 9px 10px;
	}

	/* Header Clean Top - Sticky Menu / Boxed */
	body.sticky-menu-active #header.clean-top ul.nav-main > li > a, body.sticky-menu-active #header.clean-top ul.nav-main > li:hover > a {
		padding-bottom: 20px;
		padding-top: 33px;
	}
}
/* Header Colored */
@media (min-width: 992px) {
	#header.colored {
		border-top: 0;
	}

	#header.colored > .container {
		height: 107px;
		margin-bottom: -92px;
	}

	#header.colored .header-top p, #header.colored .header-top a, #header.colored .header-top span {
		color: #FFF;
	}

	#header.colored .search input.search-query {
		border: 0;
		padding-bottom: 5px;
		padding-top: 5px;
		box-shadow: none;
	}

	#header.colored nav ul.nav-main {
		margin: -15px 0 -8px;
	}

	#header.colored nav ul.nav-main li a {
		padding-bottom: 24px;
		padding-top: 50px;
	}

	#header.colored nav ul.nav-main li.dropdown:hover > a {
		padding-bottom: 24px;
	}

	/* Header Colored - Sticky Menu / Boxed */
	body.sticky-menu-active #header.colored .logo {
		padding-top: 6px;
	}

	body.sticky-menu-active #header.colored ul.nav-main > li > a, body.sticky-menu-active #header.colored ul.nav-main > li:hover > a {
		padding-bottom: 24px;
		padding-top: 24px;
	}
}
/* Header Darken Top Border */
@media (min-width: 992px) {
	#header.darken-top-border > .container {
		height: 103px;
	}

	#header.darken-top-border ul.nav-main {
		margin: -11px 0 -8px;
	}

	/* Header Darken Top Border - Sticky Menu / Boxed */
	body.sticky-menu-active #header.darken-top-border nav ul.nav-main {
		margin-top: 33px;
	}

	body.sticky-menu-active #header.darken-top-border nav ul.nav-main > li > a, body.sticky-menu-active #header.darken-top-border nav ul.nav-main > li:hover > a {
		padding-bottom: 22px;
		padding-top: 30px;
	}

	html.boxed #header.darken-top-border {
		border-top: 0;
	}
}
/* Header Center */
@media (min-width: 992px) {
	#header.center .logo {
		text-align: center;
		position: static;
		margin-top: 5px;
	}

	#header.center nav {
		float: left;
		text-align: center;
		width: 100%;
	}

	#header.center nav ul.nav-main {
		margin: 35px 0 10px;
	}

	#header.center nav ul.nav-main > li {
		display: inline-block;
		float: none;
		text-align: left;
	}
}

@media (max-width: 991px) {
	#header.center {
		text-align: left;
	}

	#header.center nav {
		float: none;
	}
}
/* Header Center - Sticky Menu */
@media (min-width: 992px) {
	body.sticky-menu-active #header.center > .container {
		margin-top: -60px;
	}

	body.sticky-menu-active #header.center .logo {
		text-align: left;
	}

	body.sticky-menu-active #header.center .logo img {
		margin-top: 42px;
	}

	body.sticky-menu-active #header.center nav {
		float: right;
		margin-top: 18px;
		width: auto;
	}

	body.sticky-menu-active #header.center nav ul.nav-main > li > a, body.sticky-menu-active #header.center nav ul.nav-main > li:hover > a {
		padding-bottom: 10px;
		padding-top: 10px;
	}
}
/* Header Narrow */
@media (min-width: 992px) {
	#header.narrow {
		height: auto;
		min-height: 85px;
		padding: 0;
		border-bottom: 1px solid #E9E9E9;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
	}

	#header.narrow > .container {
		margin-bottom: -48px;
		height: 75px;
	}

	body.sticky-menu-active #header.narrow {
		top: 0;
	}

	body.sticky-menu-active #header.narrow .logo img {
		top: 0 !important;
	}

	body.sticky-menu-active #header.narrow .social-icons {
		margin-top: -3px;
	}

	body.sticky-menu-active #header.narrow nav ul.nav-main {
		margin: -7px 10px 8px 0;
	}

	#header.narrow.full-width .container,
	#header.narrow.full-width > .container,
	#header.narrow.full-width > .navbar-collapse > .container {
		max-width: 100%;
		width: 100%;
	}

	#header.narrow.full-width.flat-menu .social-icons {
		margin-top: -3px;
	}

	#header.narrow.full-width.flat-menu nav ul.nav-main {
		margin-top: -48px;
	}

	#header.narrow.full-width.flat-menu nav ul.nav-main > li > a {
		padding-bottom: 30px;
	}

	#header.narrow.full-width.flat-menu nav ul.nav-main li.dropdown:hover > a {
		padding-bottom: 31px;
	}

	body.sticky-menu-active #header.narrow.full-width.flat-menu .logo {
		padding-top: 5px;
	}

	body.sticky-menu-active #header.narrow.full-width.flat-menu nav ul.nav-main {
		margin: -28px 0 -1px 0;
	}
}

@media (max-width: 991px) {
	body.sticky-menu-active #header.narrow .logo img {
		margin-top: 50px;
	}
}
/* Header Transparent */
#header.transparent {
	width: 100%;
	position: absolute;
	top: 0;
	border-top: 0;
	background: transparent;
	z-index: 1000;
}

#header.transparent.semi-transparent {
	background: rgba(0, 0, 0, 0.3);
}

#header.transparent.semi-transparent.light {
	background: rgba(255, 255, 255, 0.3);
}

body.sticky-menu-active #header.transparent {
	background: #fff;
}

body.sticky-menu-active #header.transparent.semi-transparent {
	background: rgba(0, 0, 0, 0.8);
	border-bottom: 0;
}

body.sticky-menu-active #header.transparent.semi-transparent.light {
	background: rgba(255, 255, 255, 0.8);
}

body.sticky-menu-active #header.transparent.semi-transparent.font-color-light nav.nav-main ul.nav-main > li.active > a,
body.sticky-menu-active #header.transparent.semi-transparent.font-color-light nav.nav-main ul.nav-main > li > a {
	color: #FFF;
}

/* Header Full-Width */
@media (min-width: 992px) {
	#header.full-width .container,
	#header.full-width > .container,
	#header.full-width > .navbar-collapse > .container {
		max-width: 100%;
		width: 100%;
	}
}
/* Mega Menu (Signin/SignUp) */
#header nav.mega-menu ul.nav-main .mega-menu-signin {
	margin-right: -20px;
	padding-left: 0;
	margin-left: 0;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin a {
	color: #444;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin .dropdown-menu {
	width: 40%;
	right: 8px;
	border-radius: 6px 0 6px 6px;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin .fa-user {
	margin-right: 5px;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin .mega-menu-sub-title {
	margin-bottom: 10px;
	display: block;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin .sign-up-info, #header nav.mega-menu ul.nav-main .mega-menu-signin .log-in-info {
	text-align: center;
	display: block;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.open a.dropdown-toggle {
	margin-bottom: -1px;
	padding-bottom: 11px;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.signin .signin-form {
	display: block;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.signin .signup-form, #header nav.mega-menu ul.nav-main .mega-menu-signin.signin .recover-form {
	display: none;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.signup .signin-form {
	display: none;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.signup .signup-form {
	display: block;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.signup .recover-form {
	display: none;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.recover .signin-form, #header nav.mega-menu ul.nav-main .mega-menu-signin.recover .signup-form {
	display: none;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.recover .recover-form {
	display: block;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar .img-thumbnail {
	float: left;
	margin-right: 15px;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar .img-thumbnail img {
	max-width: 55px;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong {
	color: #111;
	display: block;
	padding-top: 7px;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar span {
	color: #666;
	display: block;
	font-size: 12px;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar p {
	color: #999;
	margin: 0 0 0 25px;
	text-align: left;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options {
	list-style: square;
	margin-top: 6px;
}

#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover {
	text-decoration: none;
}

body #header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a, body #header nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a {
	background-color: transparent !important;
	color: #333;
	padding: 0;
	margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
	#header nav.mega-menu ul.nav-main .mega-menu-signin {
		margin-right: 0;
	}

	#header nav.mega-menu ul.nav-main .mega-menu-signin a {
		color: #FFF;
	}

	#header nav.mega-menu ul.nav-main .mega-menu-signin a .fa-angle-down {
		display: none !important;
	}

	#header nav.mega-menu ul.nav-main .mega-menu-signin ul.dropdown-menu {
		display: block !important;
		margin: 25px 0 0 0 !important;
		padding: 0 0 0 8px;
		width: 100%;
		right: 0;
	}

	#header nav.mega-menu ul.nav-main .mega-menu-signin ul.dropdown-menu li a {
		color: #FFF;
		padding: 6px 0 !important;
	}

	#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong, #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar span {
		color: #FFF !important;
	}

	#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options {
		margin: 25px 0 0 0 !important;
	}

	#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a {
		color: #FFF !important;
	}

	#header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover {
		color: #FFF !important;
	}
}

@media (min-width: 992px) {
	#header.font-color-light nav.nav-main ul.nav-main > li.active > a,
	#header.font-color-light nav.nav-main ul.nav-main > li > a {
		color: #FFF;
	}

	body.sticky-menu-active #header.font-color-light nav.nav-main ul.nav-main > li.active > a,
	body.sticky-menu-active #header.font-color-light nav.nav-main ul.nav-main > li > a {
		color: #777;
	}

	#header.font-color-dark nav.nav-main ul.nav-main > li.active > a,
	#header.font-color-dark nav.nav-main ul.nav-main > li > a {
		color: #444;
	}
}
/* Responsive */
@media (max-width: 991px) {
	/* Header */
	#header {
		clear: both;
	}

	#header > .container {
		margin-bottom: 0;
	}

	#header .header-top, #header .social-icons, #header .search {
		display: none;
	}

	#header .nav-collapse {
		background: #171717;
		width: 100%;
		clear: both;
		width: 100%;
	}

	#header .nav-collapse .container .nav-main {
		float: left;
		width: 100%;
	}

	#header .nav-main-collapse {
		top: 8px;
		position: relative;
		background: #171717;
		max-height: none;
		width: 100%;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
	}

	#header .nav-main-collapse.collapse {
		display: none !important;
	}

	#header .nav-main-collapse.in {
		width: 100%;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
		display: block !important;
	}

	#header .nav-main {
		padding: 10px 0;
		clear: both;
		display: block;
		float: none;
		width: 100%;
	}

	#header .nav-main ul {
		padding: 0;
		margin: 0;
	}

	#header .nav-main ul li {
		padding: 0;
		margin: 0;
		clear: both;
		float: none;
		display: block;
		border-bottom: 1px solid #2A2A2A;
	}

	#header .nav-main ul li:last-child {
		border-bottom: none;
	}

	#header .nav-main ul ul {
		margin-left: 20px !important;
	}

	#header .nav-main ul.nav-main {
		float: none;
		position: static;
		margin: 8px 0;
		margin-right: -10px;
	}

	#header .nav-main ul.dropdown-menu {
		position: static;
		clear: both;
		float: none;
		display: none !important;
	}

	#header .nav-main li.resp-active > ul.dropdown-menu {
		display: block !important;
	}

	#header .nav-main li.dropdown a.dropdown-toggle.extra {
		float: right;
		position: relative;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		margin: 3px 0 -38px 0;
		z-index: 10;
		display: block;
	}

	#header .nav-main li a.dropdown-toggle.disabled .fa {
		display: none;
	}

	#header nav ul.nav-main > li + li {
		margin-left: 0;
	}

	#header nav ul.nav-main li a {
		color: #FFF;
		clear: both;
		float: none;
		display: block;
		padding: 9px 8px !important;
		border: 0;
		border-top: 0;
		margin: 0;
	}

	#header nav ul.nav-main li a i.fa-angle-down {
		position: absolute;
		right: -10px;
		top: 10px;
	}

	#header nav ul.nav-main li.dropdown:hover > a {
		margin: 0;
		padding: 9px 8px !important;
	}

	#header nav ul.nav-main ul.dropdown-menu {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#header nav ul.nav-main ul.dropdown-menu li > a {
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
		border-bottom: none;
	}

	#header nav ul.nav-main ul.sub-menu {
		padding: 0;
		margin: 0 0 10px 0;
	}

	#header nav ul.nav-main .dropdown-submenu > a:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #FFF;
	}

	#header nav ul.nav-main .dropdown-submenu:hover > a:after {
		border-left-color: transparent;
	}

	body #header nav ul.nav-main ul.dropdown-menu {
		background: none !important;
		background-color: transparent !important;
	}

	body #header nav ul.nav-main li.dropdown.open .dropdown-toggle, body #header nav ul.nav-main li a, body #header nav ul.nav-main li > a:hover, body #header nav ul.nav-main li.active a, body #header nav ul.nav-main li.dropdown:hover a {
		background: none !important;
		background-color: transparent !important;
	}

	body #header nav ul.nav-main ul.dropdown-menu li:hover > a, body #header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
		background: none !important;
		background-color: transparent !important;
	}


body #header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
    background: #a7a9ac !important; 
}




	body.sticky-menu-active #header .nav-main-collapse,
	#header.fixed .nav-main-collapse {
		max-height: 500px;
	}

	body.sticky-menu-active #header .nav-main-collapse.in,
	#header.fixed .nav-main-collapse.in {
		overflow: hidden !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	body.sticky-menu-active #header .logo img,
	#header.fixed .logo img {
		margin-top: -12px;
	}

	/* Responsive Button Nav */
	.btn-responsive-nav {
		background: #171717;
		top: 60px;
		display: block;
		position: absolute;
		right: 20px;
		color: #FFF;
		z-index: 1;
	}

	.btn-responsive-nav:hover, .btn-responsive-nav:active, .btn-responsive-nav:focus {
		color: #CCC;
		outline: none;
	}

	/* Logo */
	#header .logo img {
		max-width: 180px;
		max-height: none !important;
		height: auto !important;
	}

	/* Nav Top */
	#header .header-top ul.nav-top {
		float: left;
		margin: 7px 0 0 -15px;
		min-height: 5px;
	}
}

@media (max-width: 767px) {
	/* Header */
	#header {
		display: block;
	}

	#header > .container {
		width: 100%;
	}

	#header .social-icons {
		display: none;
	}

	#header nav ul.nav-top {
		float: right;
		margin-right: 0;
	}

	#header.center nav {
		width: auto;
	}

	/* Responsive Button Nav */
	.btn-responsive-nav {
		top: 60px;
	}

	body.sticky-menu-active .btn-responsive-nav {
		top: 60px;
	}
}

@media (max-width: 479px) {
	#header nav ul.nav-top, #header .header-top {
		display: none;
	}
}

@media (max-width: 600px) {
	/* Header */
	#header nav ul.nav-top li {
		display: none;
	}

	#header nav ul.nav-top li .phone {
		display: block;
	}
}
/* Page Top */
.page-top {
	background-color: #a7a9ac;
	border-bottom: 5px solid #a7a9ac;
	border-top: 5px solid #cccccc;
	margin-bottom: 35px;
	min-height: 50px;
	padding: 0;
	padding: 20px 0;
	position: relative;
	text-align: left;
}

.page-top ul.breadcrumb {
	background: none;
	margin: -3px 0 0;
	padding: 0;
}

.page-top ul.breadcrumb > li {
	text-shadow: none;
}

.page-top h1 {
	border-bottom: 5px solid #CCC;
	color: #FFF;
	display: inline-block;
	font-weight: 200;
	margin: 0 0 -25px;
	min-height: 37px;
	font-size: 2.6em;
	line-height: 46px;
	padding: 0 0 17px;
	position: relative;
}

/* Page Top Custom - Create your Own */
.page-top.custom-product {
	background-image: url(../img/custom-header-bg.jpg);
	background-repeat: repeat;
	background-color: #999;
	border-top: 5px solid #888;
	overflow: hidden;
}

.page-top.custom-product .row {
	position: relative;
}

.page-top.custom-product p.lead {
	color: #E8E8E8;
}

.page-top.custom-product img {
	bottom: -47px;
	position: relative;
}

.page-top.custom-product h1 {
	color: #FFF;
	margin-bottom: 10px;
	margin-top: 30px;
	border: 0;
}

/* Responsive */
@media (max-width: 479px) {
	.page-top {
		padding: 16px 0;
	}

	.page-top h1 {
		line-height: 37px;
	}
}
/* Parallax */
.parallax {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	margin: 70px 0;
	padding: 50px 0;
	position: relative;
	clear: both;
}

.parallax.parallax-ready {
	background-attachment: fixed;
}

.parallax.parallax-disabled {
	background-attachment: scroll !important;
	background-position: 50% 50% !important;
}

.parallax blockquote {
	border: 0;
	padding: 0 10%;
}

.parallax blockquote i.fa-quote-left {
	font-size: 34px;
	position: relative;
	left: -5px;
}

.parallax blockquote p {
	font-size: 24px;
	line-height: 30px;
}

.parallax blockquote span {
	font-size: 16px;
	line-height: 20px;
	color: #999;
	position: relative;
	left: -5px;
}

/* Responsive */
@media (max-width: 991px) {
	.parallax {
		background-attachment: scroll !important;
		background-position: 50% 50% !important;
	}
}
/* Section Featured */
section.featured {
	background: #F0F0ED;
	border-top: 5px solid #ECECE8;
	margin: 35px 0;
	padding: 50px 0;
}

section.featured.footer {
	margin: 30px 0 -70px;
}

section.featured.map {
	background-image: url(../img/map-bottom.png);
	background-position: center 0;
	background-repeat: no-repeat;
	margin-top: 0;
	border-top: 0;
}

/* Section Highlight */
section.highlight {
	background: #CCC;
	boder-left: 0;
	boder-right: 0;
	border: 3px solid #CCC;
	margin: 35px 0 45px;
	padding: 40px 0;
	color: #FFF;
}

section.highlight > p, section.highlight > a {
	color: #FFF;
}

section.highlight h1, section.highlight h2, section.highlight h3, section.highlight h4, section.highlight h5 {
	color: #FFF;
}

section.highlight .img-thumbnail {
	background-color: #FFF !important;
	border-color: #FFF !important;
}

section.highlight.footer {
	margin: 45px 0 -70px;
}

section.highlight.top {
	margin-top: 0;
}


/* Header Additional Menus */

.nav-upper {

    margin-top: -30px;
    width: 100%;
    background-color: #414042;
}

.sticky-menu-active .nav-upper {

    position: absolute;
    margin-top: -15px;
}


.search-item a {
    display: inline-block !important;
}

.search-item form {
    float: left;
    display: none;

}

.search-item input {
    width: 10px;
    margin-top: 20px;
    font-size: 12px;
}

.sticky-menu-active .search-item input {
    
    margin-top: 36px;
  
}

@media (max-width: 991px) {

    .nav-upper {

        display: none;
    }

}

.nav-upper li {

    z-index: 9999;
}

#header nav.nav-upper ul.nav-main li a {
    font-size: 12px;
}

#header nav.nav-upper ul.nav-main li a .fa-search {
    font-size: 16px;
    margin-top: 2px;
}

#header nav.nav-upper ul.nav-main li a .fa-home {
    font-size: 18px;
    margin-top: 2px;
}

.contact-menu-image {

    margin-left: 5px;
    margin-top: -2px;
}


/* Call To Action */
section.call-to-action {
	position: relative;
	clear: both;
}

section.call-to-action:before {
	content: "";
	display: block;
	position: absolute;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #FFF;
	height: 15px;
	width: 15px;
	top: -5px;
	left: 50%;
	margin-left: -7px;
}

section.call-to-action h3 {
	text-transform: none;
	color: #121212;
}

section.call-to-action h3 .btn {
	margin-left: 10px;
}

section.call-to-action.no-arrow:before {
	display: none;
}

/* Sidebar */
aside ul.nav-list > li > a {
	color: #666;
	font-size: 0.9em;
}

/* Home Slider - Revolution Slider */
.slider-container {
	background: #171717;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1;
}

.slider-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.slider-container .tp-bannershadow {
	filter: alpha(opacity=20);
	opacity: 0.20;
}

.slider-container .top-label {
	color: #FFF;
	font-size: 24px;
	font-weight: 300;
}

.slider-container .main-label {
	color: #FFF;
	font-size: 46px;
	line-height: 62px;
	font-weight: 800;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
}

.slider-container .featured-label {
	color: #FFF;
	font-size: 52px;
	line-height: 52px;
	font-weight: 800;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

.slider-container .bottom-label {
	color: #FFF;
	font-size: 20px;
	font-weight: 300;
}

.slider-container .blackboard-text {
	color: #BAB9BE;
	font-size: 46px;
	line-height: 46px;
	font-family: Verdana, cursive;
	text-transform: uppercase;
}

.slider-container .tp-caption {
	opacity: 0;
}

.slider-container .tp-caption a {
	color: #FFF;
}

.slider-container .tp-caption a:hover {
	color: #FFF;
}

.slider-container .tp-caption.fullscreenvideo {
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0 !important;
}

.slider-container .tp-caption.fullscreenvideo video {
	height: 100%;
	width: 100%;
	padding: 0;
	position: relative;
}

.slider-container.light {
	background-color: #EAEAEA;
}

.slider-container.light .tp-bannershadow {
	filter: alpha(opacity=5);
	opacity: 0.05;
	top: 0;
	bottom: auto;
	z-index: 1000;
}

.slider-container.light .top-label, .slider-container.light .main-label, .slider-container.light .bottom-label {
	color: #333;
}

.slider-container.light .tp-caption a {
	color: #333;
}

.slider-container.light .tp-caption a:hover {
	color: #333;
}

/* Responsive */
@media (max-width: 991px) {
	.slider-container {
		min-height: 0;
	}
}

.slider {
	height: 495px;
	max-height: 495px;
	position: relative;
}

.slider > ul > li > img {
	visibility: hidden;
}

.slider > ul > li > .center-caption {
	left: 0 !important;
	margin-left: 0 !important;
	text-align: center;
	width: 100%;
}

.slider .tp-bannertimer {
	display: none;
}

.slider .main-button {
	font-size: 22px;
	font-weight: 600;
	line-height: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 25px;
	padding-right: 25px;
}

.slider-container-fullscreen {
	height: 2000px;
	max-height: none;
}

.slider-container-fullscreen .slider {
	max-height: none;
}

/* Home Slider - Nivo Slider */
.nivo-slider {
	position: relative;
}

.nivo-slider .theme-default .nivoSlider {
	border-radius: 10px 10px 0px 0px;
	box-shadow: none;
	margin-top: 10px;
}

.nivo-slider .theme-default .nivoSlider img {
	border-radius: 10px 10px 0px 0px;
}

.nivo-slider .theme-default .nivo-controlNav {
	margin-top: -72px;
	position: absolute;
	z-index: 100;
	right: 5px;
	bottom: -17px;
}

.nivo-slider .theme-default .nivo-caption {
	padding-left: 20px;
}

/* Map */
.map-section {
	background: transparent url(../img/map-top.png) center 0 no-repeat;
	padding-top: 220px;
	margin-top: 40px;
}

/* Home Intro */
.home-intro {
	background-color: #171717;
	margin-bottom: 60px;
	overflow: hidden;
	padding: 20px 0 10px 0;
	position: relative;
	text-align: left;
}

.home-intro p {
	color: #FFF;
	display: inline-block;
	font-size: 1.4em;
	font-weight: 300;
	max-width: 800px;
	padding-top: 5px;
}

.home-intro p span {
	color: #999;
	display: block;
	font-size: 0.8em;
	padding-top: 5px;
}

.home-intro p em {
	font-family: Verdana, cursive;
	font-size: 1.6em;
}

.home-intro .get-started {
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	text-align: right;
}

.home-intro .get-started .btn {
	position: relative;
	z-index: 1;
}

.home-intro .get-started .btn i {
	font-size: 1.1em;
	font-weight: normal;
	margin-left: 5px;
}

.home-intro .get-started a {
	color: #FFF;
}

.home-intro .get-started a:not(.btn) {
	color: #777777;
}

.home-intro .learn-more {
	margin-left: 15px;
}

.home-intro.light {
	background-color: #E2E2E2;
}

.home-intro.light.secundary {
	background-color: #E0E1E4;
}

.home-intro.light p {
	color: #777777;
}

/* Home Intro Compact */
.home-intro-compact {
	border-radius: 0 0 10px 10px;
	margin-top: -10px;
}

.home-intro-compact p {
	padding-left: 20px;
}

.home-intro-compact .get-started {
	padding-right: 20px;
}

/* Responsive */
@media (max-width: 767px) {
	/* Home Intro */
	.home-intro-compact {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
}
/* Home Concept */
.home-concept {
	background: transparent url(../img/home-concept.png) no-repeat center 0;
	width: 100%;
	overflow: hidden;
}

.home-concept strong {
	display: block;
	font-family: Verdana, cursive;
	font-size: 2.1em;
	font-weight: normal;
	position: relative;
	margin-top: 30px;
}

.home-concept .row {
	position: relative;
}

.home-concept .process-image {
	background: transparent url(../img/home-concept-item.png) no-repeat 0 0;
	width: 160px;
	height: 175px;
	margin: 135px auto 0 auto;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
}

.home-concept .process-image img {
	border-radius: 150px;
	margin: 7px 8px;
}

.home-concept .our-work {
	margin-top: 52px;
	font-size: 2.6em;
}

.home-concept .project-image {
	background: transparent url(../img/home-concept-item.png) no-repeat 100% 0;
	width: 350px;
	height: 420px;
	margin: 15px 0 0 -30px;
	padding-bottom: 45px;
	position: relative;
	z-index: 1;
}

.home-concept .sun {
	background: transparent url(../img/home-concept-icons.png) no-repeat 0 0;
	width: 60px;
	height: 56px;
	display: block;
	position: absolute;
	left: 10%;
	top: 35px;
}

.home-concept .cloud {
	background: transparent url(../img/home-concept-icons.png) no-repeat 100% 0;
	width: 116px;
	height: 56px;
	display: block;
	position: absolute;
	left: 57%;
	top: 35px;
}

/* Responsive */
@media (max-width: 991px) {
	.home-concept {
		background: none;
	}

	.home-concept .project-image {
		margin: 60px auto 0 auto;
	}

	.home-concept .process-image {
		margin-top: 60px;
	}
}

@media (max-width: 479px) {
	.home-concept .project-image {
		background-position: 0 0;
		margin-left: auto;
		max-width: 160px;
		max-height: 220px;
	}

	.home-concept .fc-slideshow {
		max-height: 145px;
		max-width: 145px;
	}

	.home-concept .fc-slideshow img {
		max-height: 145px;
		max-width: 145px;
	}
}
/* Page 404 */
.page-not-found {
	margin: 50px 0;
}

.page-not-found h2 {
	font-size: 140px;
	font-weight: 600;
	letter-spacing: -10px;
	line-height: 140px;
}

.page-not-found h4 {
	color: #777777;
}

.page-not-found p {
	font-size: 1.4em;
	line-height: 36px;
}

/* Responsive */
@media (max-width: 479px) {
	.page-not-found {
		margin: 0;
	}

	.page-not-found h2 {
		font-size: 100px;
		letter-spacing: 0;
		line-height: 100px;
	}
}
/* #Footer */

#footer {
	background: #f8f6f7;
	font-size: 0.9em;
	margin-top: 0px;
	padding: 0px 0 0;
	position: relative;
	clear: both;
	margin-bottom: 0px;
        z-index: 2;
}

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

#footer form {
	filter: alpha(opacity=85);
	opacity: 0.85;
}
h2.short {color:#414042!important;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer a {
	color: #FFF;
}

#footer h4 {
	font-size: 1.8em;
	font-weight: 200;
}

#footer h5 {
	color: #CCC !important;
}

#footer ul.nav-list.primary > li a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	line-height: 20px;
	padding-bottom: 11px;
}

#footer ul.nav-list.primary > li:last-child a {
	border-bottom: 0;
}

#footer ul.nav-list.primary > li a:hover {
	background-color: rgba(255, 255, 255, 0.05);
}

#footer ul.list.icons li {
	margin-bottom: 5px;
}

#footer .container .row > div {
	margin-bottom: 25px;
}

#footer .container input:focus {
	box-shadow: none;
}

#footer .footer-ribbon {
	background: #999;
	position: absolute;
	margin: -90px 0 0 14px;
	padding: 10px 20px 6px 20px;
}

#footer .footer-ribbon:before {
	border-right: 10px solid #646464;
	border-top: 16px solid transparent;
	content: "";
	display: block;
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 7px;
}

#footer .footer-ribbon span {
	color: #FFF;
	font-size: 1.6em;
}

#footer .newsletter form {
	width: 100%;
	max-width: 262px;
}

#footer .newsletter form input.form-control {
	height: 34px;
	padding: 6px 12px;
}

#footer .alert a {
	color: #222 !important;
}

#footer .alert a:hover {
	color: #666 !important;
}

#footer .twitter .fa {
	clear: both;
	font-size: 1.5em;
	position: relative;
	top: 3px;
}

#footer .twitter .time {
	color: #999;
	display: block;
	font-size: 0.9em;
	padding-top: 3px;
	margin-bottom: 20px;
}

#footer .twitter .time:last-child {
	margin-bottom: 0;
}

#footer .twitter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .twitter-account {
	color: #FFF;
	display: block;
	font-size: 0.9em;
	margin: -15px 0 5px;
	filter: alpha(opacity=55);
	opacity: 0.55;
}

#footer .twitter-account:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

#footer .contact {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .contact i {
	display: block;
	float: left;
	font-size: 1.2em;
	margin: 7px 8px 10px 0;
	position: relative;
	text-align: center;
	top: -2px;
	width: 16px;
}

#footer .contact i.fa-envelope {
	font-size: 1em;
	top: 0;
}

#footer .contact p {
	margin-bottom: 10px;
}

#footer .logo {
	display: block;
}

#footer .logo.push-bottom {
	margin-bottom: 12px;
}

#footer .footer-copyright {
	background: #414042;
	margin-top: 0px;
	padding: 30px 0 10px;
}

#footer .footer-copyright nav {
	float: right;
}

#footer .footer-copyright nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .footer-copyright nav ul li {
	border-left: 1px solid #505050;
	display: inline-block;
	line-height: 12px;
	margin: 0;
	padding: 0 8px;
}

#footer .footer-copyright nav ul li:first-child {
	border: medium none;
	padding-left: 0;
}

#footer .footer-copyright p {
	color: #FFF;
	margin: 0;
	padding: 0;
	font-size:0.8em;
    margin-top: 40px;
}

#footer .social-icons {
	clear: right;
	float: right;
	margin-bottom: 10px;
	position: relative;
}

@media (max-width: 767px) {
    
    #footer .container .row > .col-md-4 {
        margin-bottom: 10px;
        width: 260px;
        overflow: visible;
        margin-left: auto;
        margin-right: auto;
    }

    #footer .footer-copyright p {
    
        text-align: center;
    }

    #footer .social-icons {
        float: none;
        text-align: center;
    }

    #footer .footer-copyright nav ul {

     text-align: center !important;
    }

}

@media (max-width: 479px) {
    
    #footer .container .row > .col-md-4 {
        width: 230px;
    }
}


#footer .phone {
	color: #FFF;
	font-size: 26px;
	font-weight: bold;
	display: block;
	padding-bottom: 15px;
	margin-top: -5px;
}

#footer .narrow-phone {
	text-align: right;
	margin: -2px 0 0 0;
}

#footer .narrow-phone .phone {
	font-size: 16px;
	padding-bottom: 0;
	margin-top: -13px;
}

#footer .recent-work li {
	float: left;
	width: 30%;
	margin: 10px 3% 0 0;
}

#footer .recent-work li .thumb-info {
	float: left;
	display: inline-block;
}

#footer .recent-work li:hover img {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

#footer .recent-work img {
	width: 100%;
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

#footer .view-more-recent-work {
	padding: 12px;
}

#footer.short {
	padding-top: 50px;
}

#footer.short .footer-copyright {
	background: transparent;
	border: 0;
	padding-top: 0;
	margin-top: 0;
}

#footer.light {
	padding-top: 60px;
	background: #FFF;
	border-top: 1px solid #DDD;
}

#footer.light .footer-ribbon {
	margin-top: -76px;
	margin-left: 14px;
}

#footer.light .footer-copyright {
	margin-top: 15px;
	background: #FFF;
	border-top: 1px solid #DDD;
}

#footer.light .footer-copyright p {
	color: #777;
}

#footer.light .phone,
#footer.light .twitter-account {
	color: #777 !important;
}

#footer.light ul.nav-pills > li.active > a {
	color: #FFF !important;
}

#footer.narrow {
	padding-top: 30px;
}

#footer.narrow .footer-copyright {
	margin-top: 0;
}

#footer.narrow .nav > li > a {
	padding: 5px 12px;
}

#footer.color {
	color: #FFF;
}

#footer.color p {
	color: #FFF;
}

#footer.color .footer-copyright nav ul li {
	border-left-color: #FFF;
}

ul.contact li {margin-bottom:12px!important;}

/* Responsive */
@media (max-width: 991px) {
	#footer .phone {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	/* Footer */
	#footer .phone {
		font-size: 20px;
	}
}
/* Dark Version */
html.dark body {
	background-color: #1d2127;
}

html.dark.boxed .body {
	background-color: #1d2127;
}

html.dark #header {
	background: #1d2127;
	border-top-color: #191c21;
	border-radius: 6px 6px 0 0;
}

html.dark #header nav ul.nav-top li a:hover {
	background-color: #282d36;
}

html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item .mega-menu-sub-title {
	color: #FFF;
}

html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
	background-color: #282d36 !important;
}

html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover {
	background-color: #0c0d10 !important;
}

html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item .form-control {
	background-color: #2e353e !important;
	border-color: #2e353e !important;
	color: #FFF !important;
}

html.dark #header nav.mega-menu ul.nav-main .mega-menu-signin a,
html.dark #header nav.mega-menu ul.nav-main .mega-menu-signin a:hover,
html.dark #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong {
	color: #FFF;
}

html.dark #header nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a {
	color: #d9d9d9;
}

html.dark #header .search input.search:focus {
	border-color: #282d36;
}

html.dark #header.clean-top .header-top {
	background: #21262d;
	border-bottom-color: #282d36;
}

html.dark #header.narrow {
	border-bottom-color: #21262d;
}

html.dark #header nav.mega-menu .mega-menu-shop .actions-continue {
	border-top-color: #21262d;
}

html.dark #header nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a {
	color: #FFF;
}

html.dark #header nav.mega-menu .mega-menu-shop a {
	color: #FFF;
}

html.dark body.sticky-menu-active #header {
	border-bottom-color: #282d36;
}

html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 {
	color: #FFF;
}

html.dark .alert h1, html.dark .alert h2, html.dark .alert h3, html.dark .alert h4, html.dark .alert h5, html.dark .alert h6 {
	color: #111;
}

html.dark blockquote {
	border-color: #282d36;
}

html.dark section.featured {
	background-color: #191c21;
	border-top-color: #2e353e;
}

html.dark section.featured.map {
	background-image: url(../img/map-bottom-dark.png);
}

html.dark section.call-to-action:before {
	border-top-color: #2e353e;
}

html.dark section.timeline:after {
	background: #505050;
	background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
	background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;
}

html.dark section.timeline .timeline-date {
	background-color: #282d36;
	border-color: #282d36;
	text-shadow: none;
}

html.dark section.timeline .timeline-title {
	background: #282d36;
}

html.dark section.timeline .timeline-box {
	border-color: #282d36;
	background: #282d36;
}

html.dark section.timeline .timeline-box.left:before {
	box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36;
}

html.dark section.timeline .timeline-box.left:after {
	background: #282d36;
	border-right-color: #282d36;
	border-top-color: #282d36;
}

html.dark section.timeline .timeline-box.right:before {
	box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36;
}

html.dark section.timeline .timeline-box.right:after {
	background: #282d36;
	border-left-color: #282d36;
	border-bottom-color: #282d36;
}

html.dark .form-control {
	background-color: #282d36;
	border-color: #282d36;
}

html.dark .btn-default {
	background-color: #282d36;
	border-color: #282d36;
	color: #FFF;
}

html.dark .btn.disabled,
html.dark .btn[disabled] {
	border-color: #282d36 !important;
}

html.dark .pagination > li > a,
html.dark .pagination > li > span {
	background-color: #282d36;
	border-color: #242830;
}

html.dark .theme-default .nivoSlider {
	background-color: #1d2127;
}

html.dark .map-section {
	background-image: url(../img/map-top-dark.png);
}

html.dark .home-concept {
	background-image: url(../img/home-concept-dark.png);
}

html.dark .home-concept .process-image {
	background-image: url(../img/home-concept-item-dark.png);
}

html.dark .home-concept .project-image {
	background-image: url(../img/home-concept-item-dark.png);
}

html.dark .home-concept .sun {
	background-image: url(../img/home-concept-icons-dark.png);
}

html.dark .home-concept .cloud {
	background-image: url(../img/home-concept-icons-dark.png);
}

html.dark .page-top {
	border-bottom-color: #191c21;
}

html.dark .panel-group .panel {
	background-color: #282d36;
}

html.dark .panel-group .panel-default {
	border-color: #282d36;
}

html.dark .panel-group .panel-heading {
	background-color: #2e353e;
}

html.dark .panel-group .form-control {
	background-color: #21262d;
	border-color: #21262d;
}

html.dark .toggle > label {
	background-color: #2e353e;
}

html.dark .featured-box {
	background: #2e353e;
	border-left-color: #2e353e;
	border-right-color: #2e353e;
	border-bottom-color: #2e353e;
}

html.dark .featured-box.secundary h4 {
	color: #FFF;
}

html.dark .feature-box.secundary h4 {
	color: #FFF;
}

html.dark .progress {
	background: #2e353e;
}

html.dark .arrow {
	background-image: url(../img/arrows-dark.png);
}

html.dark .thumbnail,
html.dark .img-thumbnail {
	background-color: #282d36;
	border-color: #282d36;
}

html.dark .thumb-info-social-icons {
	border-top-color: #373f4a;
}

html.dark ul.nav-list.primary > li a {
	border-bottom-color: #282d36;
}

html.dark ul.nav-list.primary > li a:hover {
	background-color: #282d36;
}

html.dark .tabs .nav-tabs li a,
html.dark .tabs .nav-tabs li a:hover {
	border-top-color: #282d36;
	border-left-color: #282d36;
	border-right-color: #282d36;
	background: #282d36;
}

html.dark .tabs .nav-tabs.nav-justified li a,
html.dark .tabs .nav-tabs.nav-justified li a:hover {
	border-bottom-color: #282d36;
}

html.dark .tabs.tabs-left .nav-tabs > li a, html.dark .tabs.tabs-right .nav-tabs > li a {
	background: #282d36;
	border-left-color: #282d36;
	border-right-color: #282d36;
}

html.dark .tabs.tabs-left .nav-tabs > li:last-child a, html.dark .tabs.tabs-right .nav-tabs > li:last-child a {
	border-bottom-color: #282d36;
}

html.dark .tabs .nav-tabs {
	border-color: #282d36;
}

html.dark .tabs .nav-tabs li.active a,
html.dark .tabs .nav-tabs li.active a:hover,
html.dark .tabs .nav-tabs li.active a:focus {
	background: #2e353e;
	border-left-color: #2e353e;
	border-right-color: #2e353e;
}

html.dark .tabs .nav-tabs.nav-justified li.active a {
	border-bottom-color: #2e353e;
}

html.dark .tabs.tabs-vertical {
	border-top-color: #2e353e;
}

html.dark .tabs.tabs-bottom .nav-tabs li a, html.dark .tabs.tabs-bottom .nav-tabs li a:hover {
	border-bottom-color: #282d36;
}

html.dark .tabs .tab-content {
	background: #2e353e;
	border-color: #2e353e;
}

html.dark .testimonial-author strong {
	color: #FFF;
}

html.dark .page-header {
	border-bottom-color: #282d36;
}

html.dark .table > thead > tr > th,
html.dark .table > tbody > tr > th,
html.dark .table > tfoot > tr > th,
html.dark .table > thead > tr > td,
html.dark .table > tbody > tr > td,
html.dark .table > tfoot > tr > td,
html.dark .table-bordered {
	border-color: #282d36;
}

html.dark .table-striped > tbody > tr:nth-child(2n+1) > td,
html.dark .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #2e353e;
}

html.dark pre {
	background-color: #282d36;
	border-color: #282d36;
	color: #777777;
}

html.dark .show-grid [class*="col-md-"] .show-grid-block {
	background-color: #282d36;
	border-color: #282d36;
}

html.dark hr {
	background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
	background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
}

html.dark hr.light {
	background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
	background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
}

html.dark ul.history li .thumb {
	background-image: url(../img/history-thumb-dark.png);
}

html.dark .blog-posts article {
	border-color: #282d36;
}

html.dark section.featured .recent-posts .date .day,
html.dark article.post .post-date .day {
	background-color: #282d36;
}

html.dark article .post-video,
html.dark article .post-video iframe,
html.dark article .post-audio,
html.dark article .post-audio iframe {
	background-color: #282d36;
	border-color: #282d36;
}

html.dark ul.simple-post-list li {
	border-bottom-color: #21262d;
}

html.dark .post-block {
	border-top-color: #191c21;
}

html.dark ul.comments .comment-block {
	background-color: #282d36;
}

html.dark ul.comments .comment-arrow {
	border-right-color: #282d36;
}

html.dark .pricing-table li {
	border-top-color: #21262d;
}

html.dark .pricing-table h3 {
	background-color: #21262d;
	text-shadow: none;
}

html.dark .pricing-table h3 span {
	background: #282d36;
	border-color: #242830;
	box-shadow: 0 5px 20px #242830 inset, 0 3px 0 #282d36 inset;
	color: #777777;
}

html.dark .pricing-table .most-popular {
	border-color: #282d36;
}

html.dark .pricing-table .most-popular h3 {
	background-color: #282d36;
	color: #FFF;
	text-shadow: none;
}

html.dark .pricing-table .plan-ribbon {
	background-color: #282d36;
}

html.dark .pricing-table .plan {
	background: #282d36;
	border: 1px solid #282d36;
	color: #777777;
	text-shadow: none;
}

html.dark .product-thumb-info {
	background-color: #282d36;
	border-color: transparent;
}

html.dark .shop .quantity .qty {
	background-color: #282d36;
	border-color: transparent;
}

html.dark .shop .quantity .minus,
html.dark .shop .quantity .plus {
	background-color: #21262d;
	border-color: transparent;
}

html.dark .shop table.cart td,
html.dark .shop .cart-totals th,
html.dark .shop .cart-totals td {
	border-color: #282d36;
}

html.dark .modal-content {
	background-color: #1d2127;
}

html.dark .modal-header {
	border-bottom-color: #282d36;
}

html.dark .modal-header h1, html.dark .modal-header h2, html.dark .modal-header h3, html.dark .modal-header h4, html.dark .modal-header h5, html.dark .modal-header h6 {
	color: #777777;
}

html.dark .modal-header .close {
	text-shadow: none;
	color: #FFF;
}

html.dark .modal-footer {
	border-top-color: #282d36;
}

html.dark #footer .newsletter form .btn-default {
	background-color: #21262d;
	border-color: #21262d;
	color: #777777;
}

/* Responsive */
@media (max-width: 991px) {
	html.dark #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu {
		background: transparent !important;
	}
}
/* Boxed Layout */
html.boxed body {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat;
}

html.boxed .body {
	background-color: #FFF;
	border-bottom: 5px solid #414042;
	border-radius: 5px;
	border-top: 5px solid #CCC;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	margin: 25px auto;
	max-width: 1200px;
	height: auto;
}

html.boxed #header {
	padding: 15px 0;
}

html.boxed body.sticky-menu-active #header {
	left: 0;
	top: -65px;
}

/* Responsive */
@media (max-width: 991px) {
	html.boxed .body {
		margin: 0 auto;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}

@media (max-width: 767px) {
	/* Boxed */
	html.boxed {
		background: none !important;
	}
}

/* Circles */
.crew-4 {
    padding-top: 0px;
	padding-bottom:40px;
}

.crew-4  .container {
    position: relative;
    z-index: 2;
    width: auto;
}

.crew-4 h3 {
    margin: 0px 0px 60px;
    font-size: 30px;
    text-align: center;
    font-weight: 300;
}

.crew-4 .members {
    display: table;
    width: 100%;
    text-align: center;
}


.crew-4 .members .member-wrapper {
    display: table-cell;
    vertical-align: top;
}

.crew-4 .members .member {
    width: auto;
    display: inline-block;
}


.rj-team:after {
    content: " ";
    display: table;
    clear: both;
    height: 0px;
}

.rj-team {
    padding-top: 1em;
    padding-bottom: 1em;
}

.rj-team .rj-team-member {
    display: block;
    cursor: pointer;
    position: relative;
    float: left;
    width: auto;
}



@media (max-width: 899px) {

    .rj-team .rj-team-member.inactive {
        display: none !important;
    }

}


.rj-team .rj-team-member .rj-team-member-photo-rollover {
    display: block;
    width: 100%;
    margin: 0px;
}

.rj-team .rj-team-member .rj-team-member-photo {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
}

img.rj-team-member-photo {
    pointer-events: none;
    cursor: default;
}

.rj-team .rj-team-member .rj-team-member-title {

    position: absolute;
    top: 180px;

}

.member .rj-team-member-title strong {font-weight:700;}

.member .rj-team-member-title {
    clear: both;
    width: 159px;
    padding-top: 10px;
    position: relative;
    color: #414042;
	font-size:14px;
}



.rj-team .rj-team-member .rj-team-member-info {
    display: none;
    position: absolute;
    top: 0px;
    width: 100%;
}


.rj-team .rj-team-member .rj-team-member-info .rj-team-member-info-text:after {
    content: "";
    position: absolute;
    border-width: 8px;
    border-style: solid;
    border-right: 8px solid transparent;
    border-color: #d6d4d3 transparent transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    bottom: 0px;
    margin-bottom: -16px;
    left: 50%;
    margin-left: -8px;
}


.rj-team .rj-team-member .rj-team-member-info .rj-team-member-info-text {
    position: absolute;
    bottom: 0px;
    width: 420px;
    padding: 17px 25px;
    background: none repeat scroll 0% 0% #d6d4d3;
    left: 50%;
    margin-left: -210px;
    font-size: 12px;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: left;
    line-height: 20px;
}



.rj-team .rj-team-member:hover .rj-team-member-photo {
    opacity: 0;
}




.rj-team .rj-team-member .rj-team-member-info-down {
    position: absolute;
    top: 430px;
    width: 100%;
    display: none;
    z-index: 100;
}



.rj-team .rj-team-member .rj-team-member-info-down .rj-team-member-info-text-down:after {
    content: "";
    position: absolute;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #d6d4d3 transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    top: 0px;
    margin-top: -16px;
    left: 50%;
    margin-left: -8px;
}


.rj-team .rj-team-member .rj-team-member-info-down .rj-team-member-info-text-down {
    position: absolute;
    bottom: 0px;
    width: 420px;
    padding: 17px 25px;
    background: none repeat scroll 0% 0% #d6d4d3;
    left: 50%;
    margin-left: -210px;
    font-size: 12px;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: left;
    line-height: 20px;
}

@media (max-width: 915px) {

    .members .modal-dialog {
        margin: 70px auto;
    }

}

@media (max-width: 1100px) and (min-width: 900px) {
	
     .member-wrapper:nth-of-type(1) .rj-team .rj-team-member .rj-team-member-info .rj-team-member-info-text:after {

        left: 5% !important;
     }


    .member-wrapper:nth-of-type(1) .rj-team .rj-team-member .rj-team-member-info .rj-team-member-info-text {

        left: 170% !important;

     }


    .member-wrapper:nth-of-type(4) .rj-team .rj-team-member .rj-team-member-info .rj-team-member-info-text:after {

        left: 95% !important;
     }


    .member-wrapper:nth-of-type(4) .rj-team .rj-team-member .rj-team-member-info .rj-team-member-info-text {

        left: -70% !important;

     }

}





@media (max-width: 899px) {
	

.modal {
    position: absolute;
    top: 300px;
    height: 2000px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1050;
    display: none;
    overflow-x: auto;
    overflow-y: hidden;
    outline: 0px none;
}


.modal.in .modal-dialog {
 
}


.modal.fade .modal-dialog {
 
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0px;
}


.modal-content {
    position: relative;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: medium none;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
}


.modal-header {
    min-height: 16.4286px;
    padding: 15px;
    border-bottom: 1px solid #E5E5E5;
}

.modal-body {
    position: relative;
    padding: 20px;
}

.modal-body a { 

    color: #406e8e !important;

}

.modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: right;
    border-top: 1px solid #E5E5E5;
}

.modal-footer .btn {
    border-radius: 6px;
    line-height: 22px;
    transition: color 0.25s ease 0s, #3A6EA5 0.25s ease 0s;
} 


.crew-4 .members .member-wrapper {
    display: block;
}

}


.inactive {

    opacity: 0;
    cursor: default !important;;

}

/* OTHERS */


@media (max-width: 991px) {

    body article.post-large {
        margin-left: 60px !important;
        margin-right: auto;
    }

}

.social-col-3 {

    text-align: center;

}

@media (max-width: 991px) {

    .social-col-3 {

       margin-top: 20px;

    }

}


@media (max-width: 611px) {

    .social-bottom-img-1 {

        margin-top: 50px;
        margin-bottom: 20px;

    }

    .social-col-1 {
        padding-top: 35px;
    }

}

@media (min-width: 992px) {

    .social-bottom-img-1 {

        margin-top: 50px;
        margin-bottom: 20px;

    }

    .social-col-1 {
        padding-top: 35px;
    }

}


/* Testimonials Slider */

.white-bg.results {
    background: #f8f6f7;
}
.white-bg {
    min-height: 488px;
}

.results-title {
    text-align: left;
    margin-bottom: 50px;
    margin-top: 30px;
}
.blue-title {
    color: #414042;
    font-size: 22px;
    font-weight: bold!important;
    text-align: left;
    margin-left: 0px;
    margin-bottom: 20px;
    margin-top: 10px;
	font-family: Verdana;
	font-style:normal; 
}


 .carousel {
        width: 100%;
        position: relative;
        height: 300px;
    }

    .slider {
        background-repeat: no-repeat;
        z-index: 1000;
        position: relative;
        margin: 2% auto;
        height: auto;
        background-size: 100% 100%;
    }

     @media (min-width: 1250px) {
              
           .slider {
           
                width: 100%;
           
           }
     }


      @media (max-width: 991px) {
              
           .slider {
           
                height: auto;
           
           }


            .carousel {

                height: auto;
            }

     }    



    .carousel-indicators {
        top: 135%;
    }


    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #ffcb31;
    }


    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #414042 \9;
        background-color: #CCC;
        border: 1px solid #fff;
        border-radius: 10px;
    }


     .carousel-control {

        display: none;
     }


    .carousel-control .glyphicon-chevron-right {
        top: 50%;
    }
    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 100%;
        margin-right: -35px;
    }


    .carousel-control.left.customize, .carousel-control.right.customize {
      background-image: none;
    }

    .carousel-control {
        left: -25%;
    }

    .carousel-control.right {
        right: -62px;
    }


    .carousel-inner {
        height: auto;
        width: 100%;
        margin: 0px auto;
        z-index: 3;
    }

    @media (max-width: 991px) {

         .carousel-inner {

            height: auto;

        }

    }

    .carousel .item {
        height: auto;
        background-color: transparent;
    }


    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
        margin-left: 0px;
        position: absolute;
        height: 475px;
        margin-top: 50px;
    }

 @media (max-width: 991px) {

        .results {

            padding-bottom: 150px;
        }
		.carousel-indicators {
               top: 105%;
		}
    }



 @media (max-width: 400px) {

        .results {

            padding-bottom: 230px;
        }
		.carousel-indicators {
               top: 105%;
		}
    }



    @media (min-width: 992px) {

        .slider .results-col-1 {

            padding-left: 0px;

        }

        .slider .results-col-1 img {

            margin-left: 0px;

        }
    }

	p.testimonials-p2  {font-size:12px;}
	p.testimonials-p2.long {margin-left:95px; margin-top:15px;}
	img.testimonial-image-1 {float:left; margin-right: 10px;margin-top:-2px;}
	img.testimonial-image-2 {float:left; margin-right: 10px;margin-top: 5px;}

    .testimonial {
        margin-bottom: 20px;
    }


    .testimonial blockquote {
        border-radius: 10px;
        border: 0;
        color: #666;
        font-family: Verdana, serif;
        font-style: italic;
        margin: 0;
        padding: 25px;
        position: relative;

        font-size: 1em;
    }

    .testimonial blockquote p {
        color: #414042;
        font-family: Verdana, serif;
        font-style: italic;
        font-size: 16px;
        line-height: 1.3;
    }

    .testimonial blockquote a, .testimonial blockquote a:hover {
        color: #ffcb31;
        word-wrap: break-word;

    }

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0;
    }

    .testimonial .testimonial-author {
        margin: 8px 0 0 0;
    }

    .testimonial .testimonial-author img {
        max-width: 75px;
    }

    .testimonial .testimonial-author strong {
        color: #111;
        display: block;
        padding-top: 10px;
        margin-bottom: 0px;

    }

    .testimonial .testimonial-author span {
        color: #666;
        display: block;
        font-size: 12px;
    }


    .testimonial .testimonial-author .testimonial-author-thumbnail {
        float: left;
        margin-right: 10px;
        width: auto;
    }

    .results .img-thumbnail {

        border: none;
    }
     
    .results .img-thumbnail   {background:#fff!important;}

    .results .testimonial-primary .testimonial-arrow-down {
        border-top-color: #ffcb31;
        display: none;
    }

    .testimonial .testimonial-arrow-down {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #CCC;
        height: 0;
        margin: 0 0 0 17px;
        width: 0;
    }

p.testimonials-p2.long {
    margin-left: 80px;
    margin-top: 15px;
}

/* Services Cont */

.services-over-cont {

    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;

}

.services-over-cont-part-2 {

    background-color: #FFF;

}

.services-over-cont-part-4 {

    background-color: #FFF;

}

.services-over-cont-part-3 .img-responsive.graph, .services-over-cont-part-4 .img-responsive.graph {

    margin-bottom: 0px;

}



.services-container {

    background-color: transparent;
    /* box-shadow: 0 0 20px 5px rgba(0,0,0,.15); */
    padding: 20px;
	margin-top:0px!important;

}

.services-container-part-1 {padding-bottom:0px;}

.services-container-part-3 {

    padding-left: 0px;

}

.services-top-text-col {

    padding-top: 45px;

}

@media (max-width: 991px) {

    .services-top-text-col {

        padding-top: 0px;

    }

}


/* PDF 3 Sections */
.highlight-text {font-size:16px; font-weight:400;}
.section-mobile-solution .featurette-image {
    margin-top: 80px;
}

.section-header.dark-grey {
   color:#414042;
   font-weight: 700;
   margin-bottom: 40px;
   text-align: center;   
}

.section-header.dark-grey a:hover {
   text-decoration: none;

}

.section-header-orange {
    color: #414042;
    font-size: 22px;
    font-weight: 600;
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.section-header-orange-sub {
    margin-bottom: 50px;
	font-weight:400;
}


.inner-title-orange {
    color: #414042;
    font-weight: 400;
    margin-bottom: 40px;
    font-size: 20px;
	text-transform:none;
}

ul.benefits-list li:before, ul.main-benefits-list li:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #414042;
    margin-right: 8px;
    margin-left: -25px;
}

ul.main-benefits-list li {
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 10px;
    color: #333;
    text-align: left;
}

.section-intelligent-web-row > div {

    padding-left: 0px;

}

.section-intelligent-web-row-2 {

    margin-top: 120px;
    margin-bottom:30px;

}

.section-intelligent-web-row-1-text {
    margin-top: 0px;
   
}

.section-intelligent-web-row-2-text {

    text-align: right;
 
}

@media (min-width: 992px) {

    .section-intelligent-web-row-1-text {

        width: 85%;
    }

    .section-intelligent-web-row-2-text {

        margin-left: 100px;
    }

}


.section-business-needs-row-2 {

    margin-top: 20px;
    margin-bottom: 30px;

}

.section-business-needs-row-1-text {
    margin-top: 0px;
   
}

.section-business-needs-row-1 > div:first-child {

    padding-left: 0px;

}

.section-business-needs-row-2 > div:first-child {

    padding-left: 0px;

}

.section-industry-leading-row-2 {

    margin-top: 70px;
    margin-bottom: 30px;

}

.section-industry-leading-row-1-text {
    margin-top: 70px;
   
}

.section-industry-leading-row-1-col-2, .section-industry-leading-row-2-col-2{

    padding-top: 40px;

}

.section-web-interface-row-2 {

    margin-top: 50px;

}

.section-web-interface-row-3 {

    margin-top: 50px;

}

.section-web-interface-row-3 > div {

    padding-left: 0px;

}

.section-web-interface-row-1-col-2 {

    padding-top: 50px;

}

.untitled-col-1 {

    padding-left: 0px;

}

.untitled-col-2 {

    padding-top: 60px;

}

.gray-field {
    background: #DDD;
    padding: 20px;
}

.untitled-top-text {
    margin-bottom: 20px;
}

.untitled-bottom-text {
    margin-bottom: 10px;
    margin-top: 30px;
}

.section-powering-location {

    margin-bottom: 90px;

}

.section-powering-location .main-benefits-list {

    padding-left: 10px;

}
.section-powering-location-row-2 {

    margin-top: 30px;

}

.section-powering-location-row-2 .section-powering-location-row-2-col {

    padding: 0px;

}

.section-powering-location-row-2 .section-powering-location-row-2-col-1 img {
    border-top: 10px solid #555;
}


.section-powering-location-row-2 .section-powering-location-row-2-col-2 img {
    border-top: 10px solid #406e8e;
}

.section-powering-location-row-2 .section-powering-location-row-2-col-3 img {
    border-top: 10px solid #555;
}


/* HEADER IMAGE */

.header-bottom-img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    max-width: 13%;
}


.video {
  position: absolute;
  top: 50%; left: 50%;
  z-index: -1;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);

  background: #406e8e;
}

@media (min-width: 768px) {

    .banner-image-fullwidth {

        overflow: hidden;

    }

}
@media (max-width: 767px) {
        video {

            display: none;
        }

}
@webkit-keyframes bob {
  0% {
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
  }
}
@keyframes bob {
  0% {
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
  }
  50% {
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
  }
  100% {
    transform: translateY(-8px);
    -webkit-transform: translateY(-8px);
  }
}

.banner-image-fullwidth .scroll-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.banner-image-fullwidth .scroll-down:hover {

    text-decoration: none;
}

.scroll-to-top:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    color: #4597cb !important
}

.scroll-to-top:focus {
    color: #FFF !important
}

.chevron {

    top: auto;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;

    margin: auto;
    display: block;
    width: 66px;
    animation-name: bob, bob;
    -webkit-animation-name: bob, bob;
    animation-duration: .375s, 1.425s;
    -webkit-animation-duration: .375s, 1.425s;
    animation-delay: 0s, .225s;
    -webkit-animation-delay: 0s, .225s;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    -webkit-animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-direction: normal, alternate;
    -webkit-animation-direction: normal, alternate;

    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
    -webkit-filter: drop-shadow( 0px 0px 4px rgba(0,0,0, 0.5));
    filter: drop-shadow( 0px 0px 4px rgba(0,0,0, 0.5));
    cursor: default;
}

@media (min-width: 1300px) {

    .chevron {

        

    }

}

.chevron-label {
    font-size: 25px;
    letter-spacing: 1px;
    color: #FFF;
    width: 155px;
    position: relative;
    right: 42px;
    font-weight: 400;
    margin-bottom: 20px;
}

/* webkit specific CSS */

@media only screen and (-webkit-min-device-pixel-ratio: 1) {
     ::i-block-chrome, .chevron {
        height: 18px;
        width: 40px;
    }
}


@media (max-width: 767px) {


    .chevron {
        margin: 80px auto 0px auto;
        display: block;
        padding-bottom: 50px;
        display: none;
   }

}

/* 4 Columns Section */

.safety-col { 
       padding-right: 35px;
       padding-left: 35px;
       text-align:center;
    }



.safety-section {

        background-color: #FFF;
        min-height: 560px;
        padding-top: 7%;
        padding-bottom: 40px;
    }

.insurance-section {

        background: url('/img/insurance-background.jpg');
        min-height: auto;
	padding-bottom: 0px;
        position: relative;
    }

.insurance-section-left-half {
    width: 50%;
    background-color: rgba(158,156,156,0.8);
    position: absolute;
    height: 100%;
}

.insurance-col {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}


.insurance-col .feature-box .feature-box-info {
    padding-left: 0px;
    float: none;
    display: inline-block;
}

.insurance-col .feature-box .feature-box-icon {
    background-color: #fff;
    color: #9e9c9c;
    float: none;
    display: inline-block;
}

.insurance-col hr.green-line {
    height: 2px;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #d6d4d3;
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


    .blue-safety-title {
        color: #fff;
        font-size: 22px;
        text-align: left;
        margin-top: 30px;
        margin-bottom: 10px;
    }


    .safety-section .black-title, .black-title.features {
        font-weight: 300;
        font-size: 18px;
    }
	
	.black-title.features {text-transform:uppercase;color:#414042;margin-bottom:10px;}
    hr.green-line {height:2px; margin-top:10px; margin-bottom:20px; background-color:#414042;}
    .safety-img {

        margin-bottom: 30px;
    }

	.safety-img.rewards {border-radius:10px;}

    .safety-txt-p1 {
        color: #414042;
		font-size:16px;
		margin-bottom:35px;
    }

    .safety-separator {
        height: 2px;
        background-color: #259299;
        margin-top: 3px;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
    }

    .safety-txt-p2 {
        color: rgb(0, 0, 0);
        font-size: 1.2em;
      
    }
	
    .feature-txt-p2 {
        color:#fff; 
        font-size: 16px;
        line-height: 1.5em;
        margin-bottom: 30px;

     }

    .safety-txt-p3 {

        color: rgb(37, 146, 153);
        font-size: 1.2em;
        margin-top: 20px;
    }



/* Customers Logos */

.header-logos-section {padding-top: 10px; padding-bottom: 10px; display: none;}

.header-logos-section .col-md-2 { 
    text-align: center; 
    position: relative; 
    padding-left: 0px; 
    width: 190px; 
    margin-left: auto;
    margin-right: auto;
    float: left;
}

@media (min-width: 992px) {

    .header-logos-section .col-md-2 {
        display: inline;
        padding-right: 0px;
    }


    .header-logos-section .col-md-2:first-child {

        padding-left: 0px; 
    }

}

@media (min-width: 560px) and (max-width: 767px) {

    .header-logos-section .container {
        width: 555px;
    }

}

@media (max-width: 350px) {

    .header-logos-section .col-md-2 {
        width: 150px !important;
    }

}




.header-logo {

    width: auto;
    width: 90px;
}

@media (max-width: 991px) {

    .header-logos-section {
        text-align: center;

    }

    .header-logo {

        margin-bottom: 0px;
    }       
}
/* Betterways Logos Popups */
.header-logos-section .col-md-2 .rj-team-member-info {
    display: none;
    position: absolute;
    top: 0px;
    width: 100%;
}
.header-logos-section .col-md-2 .rj-team-member-info .rj-team-member-info-text:after {
    content: "";
    position: absolute;
    border-width: 8px;
    border-style: solid;
    border-right: 8px solid transparent;
    border-color: #FFF transparent transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    bottom: 0px;
    margin-bottom: -16px;
    left: 50%;
    margin-left: -8px;
}


.header-logos-section .col-md-2 .rj-team-member-info .rj-team-member-info-text {
    position: absolute;
    bottom: 0px;
    width: 260px;
    padding: 17px 25px;
    background: none repeat scroll 0% 0% #FFF;
    left: 50%;
    margin-left: -130px;
    font-size: 12px;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: left;
    line-height: 20px;
}
.header-logos-section .col-md-2 .rj-team-member-info .rj-team-member-info-text p {line-height:20px;}
.header-logos-section .col-md-2 .rj-team-member-info .rj-team-member-info-text a {color:#406e8e !important;}

.header-logos-section .col-md-2:hover .rj-team-member-photo {
    opacity: 0;
}




.header-logos-section .col-md-2 .rj-team-member-info-down {
    position: absolute;
    top: 430px;
    width: 100%;
    display: none;
    z-index: 10000;
}



.header-logos-section .col-md-2 .rj-team-member-info-down .rj-team-member-info-text-down:after {
    content: "";
    position: absolute;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #FFF transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    top: 0px;
    margin-top: -16px;
    left: 50%;
    margin-left: -8px;
}


.header-logos-section .col-md-2 .rj-team-member-info-down .rj-team-member-info-text-down {
    position: absolute;
    bottom: 0px;
    width: 260px;
    padding: 17px 25px;
    background: none repeat scroll 0% 0% #FFF;
    left: 50%;
    margin-left: -130px;
    font-size: 12px;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: left;
    line-height: 20px;


}
.header-logos-section .col-md-2 .rj-team-member-info-down .rj-team-member-info-text-down p {line-height:20px;}
.header-logos-section .col-md-2 .rj-team-member-info-down .rj-team-member-info-text-down a {color:#406e8e;}

@media (max-width: 915px) {

    .header-logos-section .modal-dialog {
        margin: 70px auto;
    }

    .header-logos-section .modal {

            margin-left: auto;
            margin-right: auto;
            position: fixed;
            width: 90%;
            top: 0px;

    }

}


@media (max-width: 1100px) and (min-width: 900px) {
	
     .header-logos-section .col-md-2:first-child .rj-team-member-info .rj-team-member-info-text:after {

        left: 5% !important;
     }


     .header-logos-section .col-md-2:first-child .rj-team-member-info .rj-team-member-info-text {

        left: 120% !important;

     }


    .header-logos-section .col-md-2:last-child .rj-team-member-info .rj-team-member-info-text:after {

        left: 95% !important;
     }


    .header-logos-section .col-md-2:last-child .rj-team-member-info .rj-team-member-info-text {

        left: -25% !important;

     }

}


.solutions-bottom-row {

    margin-top: 50px;

}

.solutions-bottom-text {

    text-align: center;
    font-size: 22px;
    color: #FFF;

}

.solutions-bottom-button-cont {

    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;

}

/* Driving Behavior */

.section-header-behavior-section {

    text-align: right;

}

.driving-behavior-section {
    background: #f8f6f7;
    color: #414042;
	padding-bottom:6%;
	padding-top:6%;
}

.driving-behavior-title {

    padding-top: 50px;
    color: #414042;
    text-align: center;
    font-size: 30px;
    font-weight:700;
   
}

@media (max-width: 991px) {
    .driving-behavior-title {
        font-size: 24px;
        line-height: 28px;

    }
}

.driving-behavior-content-text {

    font-size: 20px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    line-height: 25px;
    font-weight:300;

}

.driving-behavior-img-text {
    font-size: 18px;
    font-weight: bold;
}

/* CONTACTS */

#contactForm {
    padding-left: 20px;
    padding-right: 20px;
}

.form-control {
    display: block;
    width: 100%;
    height: 54px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.contacts-title-cont {
    display: inline-block;
    width: 40%;
    margin-right: 3.9%;
}

.contacts-name-cont {
    display: inline-block;
    width: 55%;
}

.contacts-name-cont.has-error {
    top: -15px;
    position: relative;
}

.contacts-method-cont {
    margin-top: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    
    .contacts-title-cont {
        margin-right: 3.7%;
    }
}

@media (max-width: 991px) {
    
    .contacts-form-cont .form-group {
        margin-bottom: 0px;
    }
    
    .contacts-form-cont .form-group > div {
        margin-bottom: 15px;
    }
    
    
    .contacts-method-cont {
        margin-top: 15px;
    }
}

@media (max-width: 569px) {
    
    .contacts-title-cont {
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
    
    .contacts-name-cont {
        display: block;
        width: 100%;
    }
}

#contact-form-send {

    width: 50%;
    max-width: 200px;

}

.contacts-form-cont {

    margin-top: 50px;
}


.cont-details-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.cont-details-row {
    margin-bottom: 70px;
}

.cont-details-col {
    float: left;
}

.cont-details-col-1 {
    width: 30%;
    padding-right: 90px;
}

.cont-details-col-2 {
    width: 70%;
    padding-right: 50px;
}

@media (max-width: 991px) {
    
    .cont-details-col-1 {
        width: 100%;
        padding-right: 0px;
    }
    
    .cont-details-col-2 {
        margin-top: 50px;
        width: 100%;
        padding-right: 0px;
    }
    
}

.cont-details-col-title {
    
    color: #414042;
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .cont-details-col-title {
        font-size: 24px;
        line-height: 28px;

    }
}

.cont-details-col-sub-title {
    font-weight: 700;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    line-height: 28px;
}

.cont-details-col-address {
    font-size: 18px;
    line-height: 28px;
}

.cont-details-col-text {
    font-size: 18px;
    line-height: 28px;
}

.cont-details-col-text a:hover {
    text-decoration: none;
}

.cont-details-col-text p { line-height: inherit; }

.cont-details-col-mail-cont {
    
    margin-top: 35px;
}

.cont-details-col-mail-cont a:hover {
    text-decoration: none;
}

.cont-details-col-mail-cont i {
    font-size: 40px;
    font-weight: 700;
}

.cont-details-col-mail-cont .cont-details-mail-text {
    font-size: 20px;
    font-weight: 700;
    position: relative;
    top: -5px;
}

@media (max-width: 429px) {
    
    .cont-details-col-mail-cont i {
        font-size: 40px;
        font-weight: 700;
        display: inline-block;
        width: 17%;
    }
    
    .cont-details-col-mail-cont .cont-details-mail-text {
        font-size: 20px;
        font-weight: 700;
        position: relative;
        top: 5px;
        display: inline-block;
        width: 80%;
    }
}


/* FOOTER */

.footer-contacts-button-row {

    margin-top: 60px;
    margin-bottom: 30px;

}

.contacts-button-text {

    text-align: center;
    font-size: 30px;
    font-weight:700;
    color: #414042 !important;

}

@media (max-width: 991px) {
    .contacts-button-text {
        font-size: 24px;
        line-height: 28px;

    }
}


.contacts-button-cont, .contacts-pricing-button-cont, .contacts-demo-button-cont  {

    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;

}

.footer-contacts-form-row, .footer-pricing-form-row, .footer-demo-form-row {

    display: none;
    width: 90%;
    margin-left: auto;
    margin-right: auto;

}


.logo-store-buttons-row {

    padding-top: 50px;
    padding-bottom: 50px;
    background: #406e8e;
}

.logo-store-buttons-cont {

    text-align: center;

}

.cont-store-button {
    display: inline-block;
    margin-right: 30px;
}

.cont-android-button {
    display: inline-block;
}

@media (max-width: 719px) {

    .cont-store-button {
        display: block;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .cont-android-button {
        display: block;
    }


}

/* PRESS PAGE */

article .post-meta {

    padding-top: 20px;
}


article .button_sliding_bg {

    margin-top: -20px;
    margin-bottom: 0px;
    margin-right: 0px;
}

@media (max-width: 499px) {

    article .post-meta {
        padding-top: 100px;
    }


    article .button_sliding_bg {
        margin-top: -100px;
        margin-bottom: 0px;

        margin-left: auto;
        margin-right: auto;
        position: absolute;
        left: 0px;
        right: 0px;
        width: 150px;

    }

}


/* BUTTONS */

textarea[name="message"] {

    height: 200px;

}


.button_sliding_bg {
    color: #406e8e;
    background: transparent;
    padding: 12px 17px;
    margin: 25px;
    border: 2px solid #406e8e;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #406e8e;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;

    outline: none;

}

.button_sliding_bg:hover {
    box-shadow: inset 200px 0 0 0  #406e8e;
    color: #FFF;
 font-weight:400;
    text-decoration: none;

}

.button_sliding_bg.contacts {
	min-width:268px;
}


@media (max-width: 399px) {

    .button_sliding_bg.contacts {
	   width: 260px;
	   margin-left: 10px !important;
	   min-width: auto;
    }

}


.button_sliding_bg.contacts:hover {box-shadow: inset 300px 0 0 0 #406e8e;}

.btn-hover-spec {
    border: 0 solid;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
    outline: 2px solid;
    outline-color: rgba(255, 255, 255, .7);
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
	font-size:16px;
	font-weight:300;
}

.btn-warning {
    -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);

    border: 0 solid !important;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
    outline: 2px solid;
    outline-color: rgba(255, 255, 255, 0.7);
    outline-offset: 0px;
    text-shadow: none;
	background:transparent;
	font-size:16px;
	font-weight:300;
}

.btn-warning:hover {
    border: 1px solid!important;
	border-radius:0!important;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    /*text-shadow: 1px 1px 2px #427388; */
	background:transparent;
}



/* LOGO SLIDER */

.main {

    overflow: hidden;

}

.logo-slider {

    width: 2864px;
    left: 0px;
    display: block;
    transition: all 1000ms ease;
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    z-index: 4;
}

.logo-slider-wall-1 {
    width: 380px;
    position: absolute;
    left: 0px;
    height: 75px;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 5;
    background: #d9d9d9;

}

.logo-slider-wall-2 {
    width: 380px;
    position: absolute;
    right: 0px;
    height: 75px;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 5;
    background: #d9d9d9;

}


/* Inner Page - FLEET SOLUTION */




.single-page .main-title {
    color: #414042;
    font-size: 46px;
    line-height: 62px;
    font-weight: 400;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    margin-bottom: 0px;
}

.single-page .subtitle {
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 25px;
}

@media (max-width: 991px) {
    .single-page .subtitle {
        font-size: 24px;
        line-height: 28px;

    }
}


.single-page .sub-subtitle {
    color: #FFF;
    font-size: 24px;
	line-height: 35px;
    font-weight: 300;
    margin-top: 30px;
    margin-bottom: 55px;
}

@media (max-width: 991px) {

    body .main-title {
        font-size: 30px !important;
        line-height: 34px;
        font-weight: 700;
        margin-bottom: 20px;
    }  

    body .subtitle {
        font-size: 20px !important;
        line-height: 28px !important;
        font-weight: 400;
        margin-top: 20px;
        margin-bottom: 25px;
    }


    body .sub-subtitle {
        font-size: 20px !important;
        line-height: 28px !important;
        font-weight: 300;
        margin-top: 30px;
        margin-bottom: 55px;
    }


   body .sub-subtitle {

        font-size: 20px !important;
        line-height: 28px !important;

    }

}



.fleet-solution-section {


    overflow: hidden;
    height: auto;


}

.fleet-solution-section .full-width-col-1 {
  
    float: left;
    width: 50%;
    position: relative;

}

.fleet-solution-inner-cont-1 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 100px;
}

.fleet-solution-title {

    font-size: 20px;
    font-weight: 400;
    
}

.fleet-solution-divider {
    position: block;
    width: 100%;
    height: 1px;
    background: #DDD;
    margin-top: 20px;
    margin-bottom: 25px;
}

.fleet-solution-bullet-list {

     list-style : none;
     padding-left: 0px;

}

.fleet-solution-bullet:before {

    content: "\f105";
    font-family: FontAwesome;
    margin-right: 10px;  

}


.fleet-solution-section .full-width-col-2 {
    float: left;
    background: url('/img/insurance-background.jpg');
    padding-bottom: 0px;
    width: 50%;
    position: relative;
}

.fleet-solution-section .full-width-col.reversed-col.flipped-bg {
	background: url('/img/insurance-background-left.jpg');
}

.fleet-solution-section .full-width-col.reversed-col {

    float: right;

}

@media (max-width: 767px) {

    .fleet-solution-section .full-width-col {

      width: 100%;
      height: auto !important;
      float: none;

   }

}

.fleet-solution-inner-cont-2 {

    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0;
    height: 370px;
    width: auto;
    padding-top: 0px;
}



@media (max-width: 991px ) {

    .fleet-solution-inner-cont-1 {
        width: 100%;

    }
}

@media (max-width: 1399px ) {

    .fleet-solution-inner-cont-2 {
       height: 305px;

    }

    .fleet-solution-img-cont img {
        width: 500px;
    }

}



@media (max-width: 1099px ) {

    .fleet-solution-inner-cont-2 {
       height: 260px;

    }

    .fleet-solution-img-cont img {
        width: 400px;
    }

}

@media (max-width: 899px ) {

    .fleet-solution-inner-cont-2 {
       height: 240px;

    }

    .fleet-solution-img-cont img {
        width: 350px;
    }

}





@media (max-width: 767px ) {

    .fleet-solution-inner-cont-1 {
        padding-top: 20px;
        padding-bottom: 20px;
        height: auto;

    }


    .fleet-solution-inner-cont-2 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
        padding-top: 50px;
        height: auto;

    }

}


.fleet-solution-img-cont {
    text-align: center;
}

@media (max-width: 767px) {

    .fleet-solution-img-cont img {
        max-width: 100%;
    }

}

.fleet-solution-button-cont {
    text-align: center;
}


.fleet-solution-inner-cont-2 .button_sliding_bg, .logo-store-buttons-cont .button_sliding_bg, .header-banner.api .button_sliding_bg {
    color: #FFF;
    background: transparent;
    padding: 12px 17px;
    margin: 25px;
    border: 2px solid #FFF;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #FFF;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

.fleet-solution-inner-cont-2 .fake_button_sliding_bg {
    color: #FFF;
    background: transparent;
    padding: 12px 17px;
    margin: 25px;
    border: 2px solid #FFF;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    cursor: default;
    box-shadow: inset 0 0 0 0 #FFF;
    outline: none;
}

.fleet-solution-inner-cont-2 .button_sliding_bg:hover, .logo-store-buttons-cont .button_sliding_bg:hover, .header-banner.api .button_sliding_bg:hover {
    box-shadow: inset 265px 0 0 0 #FFF;
    color: #406e8e;
    background: #FFF;

}

/* API SDK */

.open-sdk-title {

    color: #414042;
    text-align: left;
    font-size: 30px;
    font-weight:700;
    margin-bottom: 0px;
    
}

@media (max-width: 991px) {
    .open-sdk-title {
        font-size: 24px;
        line-height: 28px;

    }
}

.open-sdk-row {
    text-align: center;
    margin-bottom: 20px;
}

.open-sdk-row .button_sliding_bg {

    margin: 0px 0px 25px 25px;
    width: 200px;
}


.tl-kit-page #sdk-integration h1.inner-title-orange {line-height:25px;}
.tl-kit-page #sdk-integration h2.inner-title-orange {margin-bottom:26px;}
.tl-kit-page #sdk-integration h3 {margin-bottom: 15px; margin-top: 30px;}
code.prettyprint.prettyprinted {background-color: #f5f5f5;color:#729ab6;}
span.typ {color:#729ab6;}
.h4-small {color: #414042; font-size: 16px;}
aside.sidebar h4 {

    color: #414042;

}


.side-sticky .button_sliding_bg {
    margin-left: 0px;
    width: 150px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.integration-title {

    color: #414042;
    font-size: 1.4em;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;

}

.steps h3 {
     
    font-size: 16px; 
    color:#777777;
    font-weight: 600;
    text-transform: initial;

}

pre .str {
    color: #050;
}



		.cont-right {
			float: right;
		}
		.cont-default {
			float: default;
		
		}
		.col-md-8.grey-bg { 
		    background-color: #f5f5f5;
			padding-top: 10px;
		}
		.col-md-12.main {margin-bottom:20px;padding-left:0px;}
		li.file, li.folder-open, li.folder {list-style-type:none;}
		li.file:before, li.folder-open:before, li.folder:before { 
			font-family: FontAwesome;
			color: #414042;
			margin-right: 8px;
		}
		li.file:before {content: "\f016";}
		li.folder-open:before {content: "\f07c";}
		li.folder:before {content: "\f07b";}
		.steps {padding-left:30px;}
		pre.prettyprint, pre {border:0px !important;}
		pre.prettyprint {margin-bottom:40px;padding:20px !important;}

		div.step1-ios pre.prettyprint {margin-bottom:20px;}
		.step1-ios {margin-bottom:50px;}
		pre.prettyprint.last {margin-bottom:20px;}
		.clear-divider {
			clear: both;
			height: 60px;
		}
		.featured-box-primary h4 {
		    color: #FFC107;
		}
		.featured-box-secundary h4 {
		    color: #FFC107;
		}
		.featured-box-tertiary h4 {
		    color: #FFC107;
		}
		.featured-box-primary .box-content {
		    border-top-color: #F93;
		}
		.featured-box-secundary .box-content {
		    border-top-color: #ff671b;
		}
		.featured-box-tertiary .box-content {
		    border-top-color: #F93;
		}
		@media (min-width: 992px) {
			.main-container {
			     width: 870px;
			}
			.featured-box {min-height:740px;}
		}
		@media (min-width: 768px) and (max-width: 991px) {
             .col-sm-6 {width:100%;}
		}
		@media (max-width: 991px) {
			.block-center {
				margin-left: auto;
				margin-right: auto;
			}
			.block-center.cont-right {
				margin-left: auto;
				margin-right: auto;
				float: none !important;
			}
			.cont-text-1 {
				margin-top: 60px;
			}
			.cont-text-2 {
				margin-bottom: 60px;
			}
		}


		@media (min-width: 992px) {

			.sidebar.raffix-top {
			    position: relative !important;
			    top: auto !important;
			}

			.sidebar.raffix {
			    position: fixed !important;
			    top: 130px !important;
			}

			.sidebar.raffix-bottom {

				position: absolute;
			}

		}

		@media (max-width: 991px) {

			#sticker {
			    display: none;
			}

		}

		/* LOGIN */

.modal-login .modal-header {

    border-bottom: 0px;

}

.register-section {
    background-color: #FFF;
    min-height: 560px;
    padding-top: 50px;
    padding-bottom: 100px;
}

.modal-login .modal-dialog {
    width: 400px;
    margin: auto;
    position: fixed;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 460px;
}

@media (max-width: 767px) {

    .modal-login .modal-dialog {
        width: 90%;
        
    }

}

.modal-login .modal-content {

    border-radius: 10px;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.5) inset;
    box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.5) inset;
    background-color: #f8f6f7;

}

.main-login-cont {
    
    width: 340px;
    margin: 0 auto;
    -webkit-border-radius: 10px;

    padding: 25px;

}

@media (max-width: 767px) {

    .main-login-cont {
        width: auto;

    }

}

.login-logo-cont {

    text-align: center;

}

.login-title-cont{
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
    display: none;
}

.login-sub-title-cont{
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
    display: none;
}

.modal-generate .login-sub-title-cont {

    display: block;
    text-align: left;
}

.login-fields-cont {

    margin-top: 20px;

}

@media (max-width: 767px) {

    .main-login-cont .login-fields-cont {

        text-align: center;

    }

    .main-login-cont .login-forgotten-pass-cont {

        text-align: center;

    }


}


.login-field-cont input {
    width: 280px;
    margin: 6px 0;
    padding: 13px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

@media (max-width: 767px) {

    .login-field-cont input {

        width: auto;

    }

}

.reset-pass-cont {

    float: left;

}

.acc-edit-details-cont.reset-pass-button-cont {
    float: left;
    margin-top: 0px;
    border-bottom: 0px;
}



@media (max-width: 767px) {


    .reset-pass-cont {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 212px;
    }


    .acc-edit-details-cont.reset-pass-button-cont {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 162px;
    }


}


@media (max-width: 479px) {

    .reset-pass-cont {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 170px;
    }


}





.acc-edit-details-cont.reset-pass-button-cont .button_sliding_bg {
    min-width: 112px;
    margin-top: 8px;
}

.reset-pass-cont input {
    width: 280px;
    margin: 6px 0;
    padding: 13px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
}


@media (max-width: 767px) {

    .reset-pass-cont input  {

        width: auto;

    }

}




.login-forgotten-pass-cont {

    text-align: right;
    padding-right: 10px;

}

.login-forgotten-pass-cont a {

    font-size: 12px;
    font-weight: bold;

}

.login-submit-cont, .reset-pass-submit-cont {

    text-align: center;

}

.login-submit-cont .button_sliding_bg {

    width: 100px;

}


.bottom-login-cont {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    display: none;
}

.login-no-acc-link {

    font-weight: bold;

}

.forgotten-login-view {

    display: none;

}


/* REGISTRATION SUCCESS MODAL */

.modal-reg-success .modal-header {

    border-bottom: 0px;

}

.modal-reg-success .modal-dialog {
    margin: auto;
    position: fixed;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 300px;
}

@media (max-width: 899px) {

    .modal-reg-success .modal-dialog {

        width: 90%;
        height: 370px;
    }

}

.modal-reg-success .main-reg-success-cont {

    padding: 22px;

}

/* TERMS MODAL */

.modal-terms .modal-header {

    border-bottom: 0px;

}

.register-section {
    background-color: #FFF;
    min-height: 560px;
    padding-top: 50px;
    padding-bottom: 100px;
}

.modal-terms .modal-dialog {
    width: 60%;
    margin: auto;
    position: fixed;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 500px;
}

@media (max-width: 767px) {

    .modal-terms .modal-dialog {
        width: 90%;

    }

}

.modal-terms .modal-content {

    border-radius: 10px;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.5) inset;
    box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.5) inset;
    background-color: #f8f6f7;

}

.main-terms-cont {
    
    width: 90%;
    margin: 0 auto;
    -webkit-border-radius: 10px;

    padding: 25px;
    height: 300px;
    overflow-y: scroll;

}

@media (max-width: 767px) {

    .main-terms-cont {
        width: auto;

    }

}

.terms-logo-cont {

    text-align: center;

}

.terms-title-cont{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.terms-sub-title-cont{
    text-align: center;
    font-size: 15px;
    margin-top: 5px;
}

.terms-fields-cont {

    margin-top: 20px;

}

@media (max-width: 767px) {

    .main-terms-cont .terms-fields-cont {

        text-align: center;

    }

    .main-terms-cont .terms-forgotten-pass-cont {

        text-align: center;

    }


}


.terms-field-cont input {
    width: 280px;
    margin: 6px 0;
    padding: 13px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

@media (max-width: 767px) {

    .terms-field-cont input {

        width: auto;

    }

}


.terms-forgotten-pass-cont {

    text-align: right;
    padding-right: 10px;

}

.terms-forgotten-pass-cont a {

    font-size: 12px;
    font-weight: bold;

}

.terms-submit-cont {

    text-align: center;

}

.terms-submit-cont .button_sliding_bg {

    width: 100px;

}


.bottom-terms-cont {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}

.terms-no-acc-link {

    font-weight: bold;

}


.modal-terms .bottom-terms-cont .button_sliding_bg.button_inactive {
    cursor: default;
    opacity: 0.5;
}

.modal-terms .bottom-terms-cont .button_sliding_bg.button_inactive:hover {
    box-shadow: none;
    color: #406e8e;
    font-weight: 400;
    text-decoration: none;
}


/* REGISTER */

.resources-cont {

    width: 700px;
    margin: 0 auto;
}

@media (max-width: 767px) {

    .resources-cont {
        width: 95%;
    }
}

.resources-section-1 {
    
    padding-bottom: 100px;
}

.resources-section div[class*="col-md-"] {
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
}

.resources-section .col-md-3 {
    text-align: center;
}

.resources-section .brochure-title {
    text-align: left;
    font-size: 30px;
    font-weight: normal;
    line-height: 40px;
}

@media (max-width: 991px) {
    .resources-section .brochure-title {
        font-size: 24px;
        line-height: 28px;

    }
}

.resources-section-1 .left-aligned-title {
    
    margin-bottom: 50px;
}

.brochure-title a:hover {
    text-decoration: none;
}

.resources-section img.brochure-img {
    width: 220px;
    max-width: 100%;
}

.resources-page .outer-reg-cont {

    padding-top: 200px;
    padding-bottom: 50px;

}

.outer-reg-cont {

    width: 700px;
    margin: 0 auto;

}

@media (max-width: 767px) {

    .outer-reg-cont {

        width: 95%;

    }

}

.main-reg-cont {
   
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.5) inset;
    box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.5) inset;
    background-color: #f8f6f7;
    padding: 25px;
    margin-top: 50px;

}

.reg-logo-cont {

    text-align: center;

}

.reg-title-cont{
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
}

.main-reg-cont-left-col {

    float: left;
    width: 50%;
    padding-right: 5%;

}

.main-reg-cont-right-col {

    float: left;
    width: 50%;
    padding-left: 5%;
    border-left: 1px solid #e8e8e8;

}

@media (max-width: 767px) {

    .main-reg-cont-left-col {

        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;

    }

    .main-reg-cont-right-col {

        float: none;
        width: 100%;
        padding-left: 0px;
        border-left: none;

    }


}

.reg-col-title {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    
    .reg-col-desc {
    
        text-align: center;
        
    }

}

.reg-col-desc ul {
   
    list-style-type: none;
}

.reg-col-desc ul li {
   
    margin: 18px;
    position: relative;
}

.reg-col-desc ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: -25px;
}

.reg-col-field input {
    width: 280px;
    margin: 6px 0;
    padding: 13px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
}


.reg-col-field select {
    width: 280px;
    margin: 6px 0;
    padding: 13px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
    border-radius: 0px;
    border: 1px solid #AAA;
    color: #777;
}

@media (max-width: 767px) {

    .reg-col-field input {

        width: 100%;
    }

    .reg-col-field select {
        width: 100%;
    }

}

.reg-col-field-half {

    float: left;
    width: 45%;
    margin-right: 5%;
}

.reg-col-field-half input {

    width: 135px;
}

@media (max-width: 767px) {

    .reg-col-field-half {

        float: none;
        width: 100%;
        margin-right: 0px;
    }

    .reg-col-field-half input {

        width: 100%;
    }

}

.reg-col-field-half:last-child {

    margin-right: 0px;
}

.reg-terms-checkbox-cont {

    display: block;

}

.reg-terms-cont label, .reg-terms-cont a {

    font-size: 12px;

}

.reg-terms-cont label {

    font-weight: normal;

}

.reg-submit-cont {

    text-align: center;

}

.reg-submit-cont .button_sliding_bg:hover {
    box-shadow: inset 300px 0 0 0 #406e8e;
    color: #FFF;
    font-weight: 400;
    text-decoration: none;
}

.bottom-reg-cont {

    text-align: center;
    margin-top: 10px;

}

.bottom-reg-cont span {

    font-size: 14px;

}

.bottom-reg-cont a {

    font-size: 14px;
    font-weight: bold;

}


.success-message {

    color: #406e8e;
    font-weight: 400;

}

.error-message {
    display: none;
    color: #FF0000;
    font-weight: 400;
    font-size:14px;
}

.error-message.login-error, .error-message.additional-errors {

    display: block;

}

.login-error-margin-top {

    margin-top: 20px;

}

.main-acc-cont .error-message {
    display: block;
    color: #FF0000;
    font-weight: 400;
    font-size: 14px;
    text-align: right;
}

.resend-mail-link {

   font-weight: bold;

}

.reg-submit-cont .button_sliding_bg.button_inactive {
    cursor: default;
    opacity: 0.5;
}

.reg-submit-cont .button_sliding_bg.button_inactive:hover {
    box-shadow: none;
    color: #406e8e;
    font-weight: 400;
    text-decoration: none;
}

.loader {
    border: 16px solid #CCC;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ACCOUNT */

.outer-acc-cont {

    width: 700px;
    margin: 0 auto;

}

.resources-page .outer-acc-cont {
    padding-top: 200px;
}

@media (max-width: 767px) {

    .outer-acc-cont {

        width: 95%;

    }

}

.main-acc-cont {
   
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.5) inset;
    box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.5) inset;
    background-color: #f8f6f7;
    padding: 25px;
    margin-top: 50px;

}

.in-edit-mode {

    display: none;
}

.acc-logo-cont {

    text-align: center;

}

.acc-title-cont{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.main-acc-cont-field-cont {
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #dcdcdc;
}

.main-acc-cont-field-cont input {
    width: 280px;
    margin: 6px 0;
    padding: 13px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

@media (max-width: 767px) {

    .main-acc-cont-field-cont input {

        width: auto;

    }

}

@media (max-width: 399px) {

    .main-acc-cont-field-cont input {

        width: 150px;

    }

}

.resend-mail-cont {margin-top:10px;}

.main-acc-title, .app-info-title {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 35px;
}

.app-info-title {
	margin-top: 35px;
    margin-bottom: 15px;
}

.main-acc-cont-field-col-1 {

    float: left;
    width: 50%;
    padding-right: 5%;

}

@media (max-width: 767px) {

    .main-acc-cont-field-col-1 {

        float: left;
        width: 40%;
        padding-right: 5%;

    }

}

.main-acc-cont-field-col-1.main-acc-cont-field-col-1-vertical-center {

    padding-top: 25px;

}

.main-acc-cont-field-col-1.main-acc-cont-field-col-1-vertical-center.password-label {

    padding-top: 10px;

}



.main-acc-cont-field-col-2 {

    float: left;
    width: 50%;
    padding-left: 5%;

}


.acc-col-desc {
   
  
}


.acc-col-field input {
    width: 280px;
    margin: 6px 0;
    padding: 13px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.acc-col-field-half {

    float: left;
    width: 45%;
    margin-right: 5%;
}

.acc-col-field-half input {

    width: 135px;
}

.acc-col-field-half:last-child {

    margin-right: 0px;
}

.acc-terms-cont span, .acc-terms-cont a {

    font-size: 12px;

}

.acc-submit-cont {

    text-align: center;

}

.acc-submit-cont .button_sliding_bg:hover, .acc-edit-details-cont .button_sliding_bg:hover {
    box-shadow: inset 300px 0 0 0 #406e8e;
    color: #FFF;
    font-weight: 400;
    text-decoration: none;
}

.acc-change-key-cont, .acc-edit-details-cont {

    text-align: center;
	margin-top:15px;

}

.acc-edit-details-cont {
	border-bottom:1px solid #888888;	
	padding-bottom:12px;
}

.acc-edit-details-cont .button_sliding_bg {min-width:212px;}

.acc-edit-details-cont .update_changes {

    display: none;

}

.acc-edit-details-cont.acc-edit-pass-cont .update_changes {

    display: block;

}


.acc-change-key-cont .button_sliding_bg:hover {
    box-shadow: inset 300px 0 0 0 #406e8e;
    color: #FFF;
    font-weight: 400;
    text-decoration: none;
}

.bottom-acc-cont {

    text-align: center;
    margin-top: 10px;

}

.bottom-acc-cont span {

    font-size: 14px;

}

.bottom-acc-cont a {

    font-size: 14px;
    font-weight: bold;

}

.main-acc-cont-field-col-1 {font-weight:400;}




.modal-generate .modal-header {

    border-bottom: 0px;

}

.modal-generate .modal-dialog {
    width: 590px;
    margin: auto;
    position: fixed;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 480px;
}

.modal-generate .main-login-cont {
    width: 550px;

}

@media (max-width: 767px) {

    .modal-generate .modal-dialog {

        width: 90%;

    }


    .modal-generate .main-login-cont {
        width: auto;

    }

}

.modal-generate .modal-content {

    border-radius: 10px;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.5) inset;
    box-shadow: 0 0 4px rgba(0,0,0,0.2), 0 0 0 1px rgba(255,255,255,0.5) inset;
    background-color: #f8f6f7;

}

.generate-submit-cont {

    text-align: center;
}

.generate-submit-cont .button_sliding_bg.button_inactive {

    cursor: default;
    opacity: 0.5;
}

.generate-submit-cont .button_sliding_bg.button_inactive:hover {
    box-shadow: none;
    color: #406e8e;
    font-weight: 400;
    text-decoration: none;
}

.generate-new-key-info {

    display: none;

}

.key-field-cont {

   margin-top: 20px;
}

.new-key-cont {
    background-color: #FFF;
    padding: 5px;
    font-style: italic;
    height: 60px;
    word-break: break-all;
}

.copy-to-clipboard-cont {

    text-align: center;
}


/* SDK TERMS */


.container-terms h2 {

    margin-top: 50px;

}



/* COUNTERS */

.counters-section {
    position: relative;
    padding-top: 20px;

}

.counters-section .container {
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}

@media (max-width: 1199px) {

    .counters-section .container {
        width: 600px;
    }

}

@media (max-width: 767px) {

    .counters-section .container {
        width: 580px;
    }

}

@media (max-width: 599px) {

    .counters-section .container {
        width: 320px;
    }

}

.counter-canvas-mini {
    display: none;

}

@media (max-width: 599px) {

    .counter-canvas {
        display: none;
    }
    .counter-canvas-mini {
        display: block;

    }

}

.count-cont {

	width: 270px;
	position: relative;
	margin-right: 18px;
	float: left;
	text-align: center;
}

@media (max-width: 599px) {

    .count-cont {

	width: 120px;
	position: relative;
	margin-left: 18px;
	float: left;
        margin-bottom: 30px;
    }

}


.count-cont-6 {

	margin-right: 0px;
}

.count-row-1 {
	height: 200px;
	position: relative;
}

@media (max-width: 599px) {

	.count-row-1 {
		height: 120px;
		position: relative;
	}

}

.count-row-2 {
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.count-sub-row {
	margin-bottom: 5px;
}

.count-sub-row-2 {
	font-weight: 400;
}

.count {
    position: absolute;
    left: 0px;
    margin: auto;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 30px;
    height: 25px;
    font-size: 20px;
    font-weight: bold;
}

.count .count-info-before {
	margin-right: -5px;
}

.count .count-info-after {
	margin-left: -5px;
}

.count-cont-1 .count {
	width: 65px;
}

.count-cont-2 .count {
	width: 90px;
}

.count-cont-3 .count {
	width: 90px;
}

.count-cont-4 .count {
	width: 90px;
}




/* NEWS */

.logo-text-bread {
    
    font-size: 16px;
}

.logo-text-bread a:hover {
    
    text-decoration: none;
}


.glyphicon {

    font-family: FontAwesome;

}

.glyphicon-chevron-down, .glyphicon-chevron-up {

    color: #406e8e;

}

.glyphicon-list-alt:before {

    content: "\f0f6";

}

.glyphicon-chevron-up:before {
    content: "\f106";
}

.glyphicon-chevron-down:before {
    content: "\f107";
}

.news-panel {
    position: absolute;
    width: 250px;
    right: -170px;
    top: 250px;
    border-radius: 3px;
    display: none;
}

@media (max-width: 1549px) {

    .news-panel {

        width: 200px;
        right: -70px;

    }
}

.panel-default.news-panel > .panel-heading {

    text-align: left;
    color: #406e8e;
    background-color: #FFF !important;
    background: #FFF;
    border-bottom: none;

}


.panel-default.news-panel .panel-footer {

    padding-bottom: 14px;
    background: #FFF;

}

.news-panel .panel-footer .pagination {

    margin-top: -5px !important;

}

.pagination > li:first-child > a, .pagination > li:first-child > span {


    margin-right: 5px;

}


.news-panel .panel-body {
    padding: 2px 15px;
    padding-bottom: 0px;
}

.news-panel .col-xs-12 {

    padding: 2px;
    padding-bottom: 0px;

}

#news-widget {

    background: #406e8e;
    min-height: 366px !important;

}


.news-item {

    background-color: #406e8e;
    color: #FFF;
    border: none;
    text-align: left;
    padding: 8px;
    font-size: 13px;

}

.news-item:nth-child(2) {

    background: #5986a7;
    padding-top: 8px;

}

.news-item img {

    max-width: 100%;

}


.news-item-table {

    margin-bottom: 5px;

}

.news-item-text {

    margin-bottom: 5px;
    line-height: 20px;

}


.news-item-table-col {

    width: 50%;
    float: left;
    text-align: left;

}

.news-item-table-col-1 {

    font-weight: bold;

}

.news-item-link a {

    color: #FFF;

}

.news-item-link a:hover {

    color: #FFF;

}

.news-item-link a i {

    margin-left: 5px;

}

.panel-footer-view-all {

    display: inline;
    font-size: 14px;
    letter-spacing: 1px;
}


/* NEWS SLIDER */


.news-mobile-section {

    padding-top: 10px;
    padding-bottom: 10px;
    background: #FFF;
    position: relative;
    padding-bottom: 40px;
    display: block;
}

@media (max-width: 1359px) {

    .news-mobile-section {

        display: block;
    }

    .news-panel {

        display: none;
    }

}

.news-slider-wall-1 {
    width: 380px;
    position: absolute;
    left: 0px;
    height: 75px;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 5;
    background: #FFF;

    display: none;

}

.news-slider-wall-2 {
    width: 380px;
    position: absolute;
    right: 0px;
    height: 75px;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 5;
    background: #FFF;

    display: none;

}

.news-mobile-title {

    text-align: center;
    font-size: 35px;
    margin-top: 40px;
    margin-bottom: 100px;
}

.news-mobile-section .container {

    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;

}

.news-slider {
    width: 5864px;
    left: 0px;
    display: block;
    transition: all 1000ms ease;
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    z-index: 4;
}


.news-mobile-section .col-md-4 {
    text-align: left;
    position: relative;
    padding-left: 0px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    font-size: 14px;
}

.header-news-column-inner {

    width: 370px;
    margin-left: auto;
    margin-right: auto;
    background: #FFF;
    padding: 0px;
    border-radius: 5px;
}

.header-news-column-inner img {

    max-width: 100%;

}



@media (max-width: 1399px) {


    .header-news-column-inner {

        width: 300px;
    }

}


@media (max-width: 1199px) {

    .news-mobile-section .col-md-4 {

        width: 320px;

    }

    .header-news-column-inner {

        width: 220px;
    }

}

@media (max-width: 991px) {

    .news-mobile-section .col-md-4 {width: 390px;}

    .header-news-column-inner {width: 310px;}

}

@media (max-width: 799px) {

    .news-mobile-section .col-md-4 {width: 350px;}

    .header-news-column-inner {width: 250px;}

}

@media (max-width: 699px) {

    .news-mobile-section .col-md-4 {width: 320px;}

    .header-news-column-inner {width: 210px;}

}

@media (max-width: 649px) {

    .news-mobile-section .col-md-4 {width: 600px; padding-right: 0px;}

    .header-news-column-inner {width: 420px;}

}

.news-slider .news-item-table-col-1 {

    width: 20%;
    float: left;
    text-align: left;

}

.news-slider .news-item-table-col-2 {

    width: 80%;
    float: left;
    text-align: left;

}

@media (max-width: 1199px) {

    .news-slider .news-item-table-col-2 {

        padding-left: 20px;
    }

}


@media (max-width: 699px) {

    .news-slider .news-item-table-col-1 {
        width: 30%;
    }

    .news-slider .news-item-table-col-2 {

        padding-left: 20px;
        width: 70%;
    }

}

.news-slider .news-item-table-col-1 {
    font-weight: 400;
    color: #406e8e;
}


.news-slider .news-item-link a {

    color: #406e8e;

}

.news-slider .news-item-link a:hover {

    color: #414042;

}


/* NEWS VIEW ALL SECTION */

.news-view-all-section {

    padding-top: 10px;
    padding-bottom: 50px;
    display: none;
    background: #FFF;

}

.news-view-all-section .container {

    position: relative;
    padding-left: 0px;
    padding-right: 0px;

}

.news-view-all-section .news-mobile-title {

    margin-bottom: 10px;
}

.news-all-panel {

    overflow: hidden;

}

.news-all-panel .header-news-column {

    margin-top: 30px;

}

@media (max-width: 991px) {

    .news-all-panel .header-news-column {

        width: 50%;
        float: left;

    }
}



@media (max-width: 649px) {


    .news-all-panel .header-news-column-inner {
        width: 100%;
        text-align: center;
    }

    .news-all-panel .header-news-column {

        width: 100%;
        float: none;

    }
}



.view-more-news-cont {
    width: 100%;
    text-align: center;
    padding-top: 30px;
    font-size: 20px;
    overflow: hidden;
    position: relative;
}

.view-more-news-cont .view-more-news-link {
    display: none;
}


.news-slider-arrow {
    width: auto;
    display: inline-block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 30px;
    font-size: 50px;
    z-index: 10;
}

.news-slider-arrow-left {

    left: 10px;
}

.news-slider-arrow-right {

    right: 10px;
}

@media (min-width: 1650px) {

    .news-slider-arrow-left {

        left: 200px;
    }

    .news-slider-arrow-right {

        right: 200px;
    }

}

@media (min-width: 1450px) and (max-width: 1649px) {

    .news-slider-arrow-left {

        left: 100px;
    }

    .news-slider-arrow-right {

        right: 100px;
    }

}

.news-slider-arrow i {

    cursor: pointer;
	color:#c1c1c1;
}


.view-more-news-button-cont {
    color: #ffffff;
   

}

.view-more-news-button-cont .view-more-news-link, .view-less-news-link {

    width: 120px;
    right: 0px;
    margin-left: auto;
    margin-bottom: 10px;
    display: block;
    position: absolute;
    top: 36px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0px;
    margin-right: 0px;
}


.view-less-news-link {

    width: 120px;
    right: 4px;
    top: -20px;
}



.view-more-news-button-cont .view-more-news-link:hover, .view-less-news-link:hover {
    color: #FFF !important;

}


@media (max-width: 1399px) {

    .view-more-news-button-cont .view-more-news-link, .view-less-news-link {

        right: 25px;
    }

}

@media (max-width: 1199px) {

    .view-more-news-button-cont .view-more-news-link, .view-less-news-link {

        margin-right: 42px;
    }

}


@media (max-width: 991px) {

    .view-more-news-button-cont .view-more-news-link, .view-less-news-link {

        margin-right: 18px;
    }

}


@media (max-width: 650px) {


    .view-more-news-button-cont, .view-less-news-cont {
        display: block;
        position: relative;
        width: 100%;
        text-align: center;
        margin-top: -30px;
        margin-bottom: 70px;
    }

    .view-more-news-button-cont .view-more-news-link, .view-less-news-link {

        position: relative;
        right: 0px;
        margin-right: auto;
    }

}



/* Header Text Slider */

.header-slider-steps {
    position: absolute;
    left: 0px;
    bottom: 10px;
    text-align: center;
    width: 1920px;
    z-index: 5;
}

.header-slider-step {
    background: #BBB;
    width: 6px;
    height: 6px;
    padding: 6px;
    margin-right: 5px;
    border-radius: 18px;
    display: inline-block;
    opacity: 0.4;
    cursor: pointer;
}

.header-slider-step.active {
    opacity: 1;

}


.header-slider-pause, .header-slider-play {

    margin-right: 5px;
    display: inline-block;
    opacity: 0.4;
    cursor: pointer;
}

.header-slider-play {
    display: none;

}


.header-text-slider {

    overflow: hidden;
    position: relative;
    width: 5920px;
    height: 370px;
}

@media (max-width: 991px) {

    .header-text-slider {

        margin-top: 50px;
    }
}

.header-text-slide {

    width: 1920px;
    float: left;
    z-index: 0;
    min-height: 392px;
}

.inner-page .header-text-slide {
    min-height: auto;
}

.header-text-slide .header-text-slide-image {

    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.header-text-slide-1 {

    display: block;
   
}

.header-text-slide-image {

    display: block !important;
    height: 760px;
    width: 100%;
    z-index: 0;
}

.header-text-slide-1 .header-text-slide-image {

   background: url('/img/ai-powered-performance-network.jpg');
}

.header-text-slide-2 .header-text-slide-image {

   background: url('/img/ai-mobility-platform.jpg');
}

.header-text-slide-3 .header-text-slide-image {

   background: url('/img/ai-powered-mobility-data.jpg');
}

.header-text-slide-4 .header-text-slide-image {

   background: url('/img/ai-mobility-data-mining.jpg');
}

.tl-mobility .header-text-slide-1 .header-text-slide-image {

   background: url('/img/mobility-hero.jpg');
}


.science .header-text-slide-1 .header-text-slide-image {

   background: url('/img/how-it-works.jpg');
}

@media (max-width: 1310px) {
    .header-text-slide .header-text-slide-image {
        display: block;
	background-size:contain;
        background-repeat:no-repeat;
    }   
}


/* Machine Learning Section */

.machine-learning-section {

    padding: 50px 0px;
}

@media (max-width: 991px) {
    
    .contacts-page .machine-learning-section {
        padding-bottom: 0px;
    }
}

.mach-learning-title {
    text-align: center;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight:700;
    line-height: 40px;

}

@media (max-width: 991px) {
    .mach-learning-title {
        font-size: 24px;
        line-height: 28px;

    }
}

.mach-learning-text {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding: 0px 200px;
    
}

@media (max-width: 991px) {

    .mach-learning-text {

        padding: 0px;
    }
}

.mach-learning-img-cont {

    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mach-learning-img-cont img {

    max-width: 100%;
}

.mach-learning-below-cont-part {

    float: left;

}

.mach-learning-below-cont {
    width: 100%;
    margin: auto;

}

.mach-learning-below-cont-buttons {
    text-align: center;
}

.market-page .mach-learning-below-cont {
    width: 100%;
    text-align: center;

}

.market-no-upper-text-section .mach-learning-title {

    margin-top: 0px;
}

.market-page .mach-learning-below-cont .button_sliding_bg {

    margin: 25px 0px 25px 0px;
}

.market-page .fleet-solution-bullet-list {

    text-align: left;
}


.mach-learning-below-cont-title {
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    text-align: center;
    padding: 30px 30px 10px 30px;
}

@media (max-width: 991px) {
    
    .mach-learning-below-cont-title {

        font-size: 24px;
        line-height: 28px;

    }
}

.mach-learning-below-cont-part-1 {
    text-align: right;
    margin-right: 30px;
 
}

.mach-learning-below-cont-part-1 .button_sliding_bg {

    min-width: 235px;
    margin-left: 0px;
}

.mach-learning-below-cont-part-2 {

    text-align: left;

}

.mach-learning-below-cont-part-2 .button_sliding_bg {

    min-width: 235px;
    margin-left: 0px;
}


@media (max-width: 599px) {
 
    .mach-learning-below-cont {
        width: 100%;
        margin: auto;
    
    }
    
    .mach-learning-below-cont-part {
    
        float: none;
    
    }
    
    .mach-learning-below-cont-part-1 {
        text-align: center;
        margin-right: 0px;
     
    }
    
    .mach-learning-below-cont-part-2 {
    
        text-align: center;
    
    }   
}

/* NEW INNER PAGES */

.inner-page .banner-image-fullwidth {

    padding-bottom: 0px;
}


.inner-page-logo-cont {

    float: left;
    padding: 10px 0px;
}

.inner-page-logo-cont img {
    width: 200px;
    height: auto;
    padding: 10px 0px;
    position: absolute;
}

.terms-page .main, .privacy-page .main {

    padding-top: 250px;
}




.logo-text {
    width: auto;
    height: 200px;
    position: absolute;
    left: 20px;
    color: #414042;
    top: 80px;
    font-size: 34px;
    line-height: 40px;
}

.logo-text.logo-text-single-line {

    top: 95px;

}

.logo-text-mobile {
    display: none;
}

@media (max-width: 991px) {

    .logo-text, .logo-text.logo-text-single-line {
        top: 120px;
        height: 50px;

    }
    
    .logo-text-mobile {
        text-align: center;
        color: #414042;
        top: 80px;
        font-size: 34px;
        line-height: 40px;
        position: absolute;
        left: 20px;
        display: none;
    }
}

.sticky-menu-active .logo-text {

    display: none;
}

.page-active {

    font-weight: 700 !important;
}

.inner-page #header > .navbar-collapse > .container {

    margin-top: 40px;
}

.inner-page .container.header-banner.home {
    padding-top: 195px;
    position: relative;
}

.contacts-page .container.header-banner.home {
    padding-top: 0px;
    position: relative;
}

.inner-page.sticky-menu-active #header > .navbar-collapse > .container {

    margin-top: auto;
}

@media (max-width: 991px) {

    .inner-page.sticky-menu-deactive #header > .navbar-collapse > .container {
        margin-top: auto;
    }

}

@media (min-width: 992px) {

    .inner-page #header.single-menu nav ul.nav-main {
        margin: 10px 0 1px;
 
    }

}

@media (min-width: 992px) {

    .new-home-page.inner-page #header.single-menu nav ul.nav-main {
        margin: 0px 0 1px;
 
    }
    
    .sticky-menu-active.new-home-page.inner-page #header.single-menu nav ul.nav-main {
        margin-top: 20px;
        margin-bottom: -9px;
 
    }
    
    .new-home-page.inner-page #header > .navbar-collapse > .container {
        margin-top: 0px;
    }

}



.leadership-item {display:none!important;}
.button_sliding_bg {
    color: #FFF;
    background: #4597cb;
    padding: 12px 17px;
    margin: 25px 0px 25px 0px;
    border: 2px solid #4597cb !important;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #4597cb;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}


.button_sliding_bg:hover {
    box-shadow: inset 340px 0 0 0 #add3f1 !important;
    border: 2px solid #add3f1  !important;
    color: #FFF;
    font-weight: 400;
    text-decoration: none;
}

footer .button_sliding_bg {
   
    margin: 25px;
   
}

/* ABOUT US */

.about-our-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.about-our-row {
    margin-bottom: 50px;
}

.about-our-col {
    float: left;
}

.about-our-col-1 {
    width: 30%;
}

.about-our-col-2 {
    width: 70%;
    padding-left: 50px;
}

.about-our-col-title {
    
    color: #414042;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .about-our-col-title{
        font-size: 24px;
        line-height: 28px;

    }
}


.about-our-col-text {
    font-size: 18px;
    line-height: 28px;
}

/* PRICING */

.pricing-page .machine-learning-section {
    margin-top: 150px;
}

@media (max-width: 991px) {

    .pricing-page .machine-learning-section {
        margin-top: 100px;
    }
}

.pricing-section {
    padding-bottom: 30px;
    margin-top: 50px;
}

.pricing-section .container {
    
    display: flex;
    position: relative;
}

@media (max-width: 1199px) {

    .pricing-section {
        overflow: auto;
    }

    .pricing-section .container {
        width: 1170px;
    }

}

.pricing-col {

    float: left;
    width: 12%;
   
}

.pricing-col-1 {
    text-align: left;
}

.pricing-col-2, .pricing-col-3, .pricing-col-4 {
    text-align: center;
}

.pricing-col-4 {
     margin-right: 0px;
    
}

.pricing-row {

    padding: 5px;
    border-top: 1px solid #dcdddd;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.pricing-row-1 {

    min-height: 100px;
    padding: 10px;
    text-align: left;
    border-top: none;
    display: block;
}

.pricing-col-2 .pricing-row-1 {

    background-color: #ffa476;
}

.pricing-col-3 .pricing-row-1 {

    background-color: #4597cb;
}

.pricing-col-4 .pricing-row-1 {

    background-color: #dfb2d1;
}

.pricing-col-5 .pricing-row-1 {

    background-color: #cfd05a;
}

.pricing-col-6 .pricing-row-1 {

    background-color: #8cddf2;
}

.pricing-col-7 .pricing-row-1 {

    background-color: #ffcd5e;
}

.pricing-col-8 .pricing-row-1 {

    background-color: #dfe0e0;
}

.pricing-col-9 .pricing-row-1 {

    background-color: #3a3a3a;
    color: #FFF;
}

.pricing-row img {
    width: 20px;
}

.pricing-row-1-title {

    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px;
}

.pricing-row-1-text {

    font-size: 14px;
    font-weight: 400;
}

.pricing-col-1 .pricing-row {

    display: block;
    font-size: 12px;
    text-align: left;
    cursor: default;
    position: relative;
}

.pricing-col-1 .pricing-row .tooltip {
    pointer-events: none;
}



.pricing-col-1 .pricing-row-2 {

    font-weight: bold;
    font-size: 16px;
}

.pricing-row-2 {

    font-size: 18px;
    border-top: none;
    font-weight: 400;
    display: block;
}


.pricing-col .pricing-row {

    border-right: 1px solid #dcdddd;
}


.pricing-row-1 {

    border-right: none !important;
}


.pricing-row-3 {

    border-left: none;
    border-right: none !important;
}

.pricing-col-3 .pricing-row-3 {

    border-right: none;
}

.pricing-col-4 .pricing-row-3 {

    border-right: none;
}


.pricing-row-3 {

    min-height: 120px;
    display: block;
}

.pricing-col-1 .pricing-row-3 {

    position: relative;
}

.pricing-row-3-title {
    position: absolute;
    bottom: 20px;
    font-size: 18px;
    font-weight: 700;
}

.pricing-row-3 .button_sliding_bg {

    margin: 0px;
}

.pricing-col-2 .pricing-row-3 .button_sliding_bg {
    color: #FFF;
    background: #ffb819;
    box-shadow: inset 0 0 0 0 #ffb819;
    border: 2px solid #ffb819 !important;
    border-radius: 10px;

}

.pricing-col-2 .pricing-row-3 .button_sliding_bg:hover {
    box-shadow: inset 200px 0 0 0 #ffc04e !important;
    border: 2px solid #ffc04e !important;
    color: #FFF;
}

.pricing-col-3 .pricing-row-3 .button_sliding_bg {
    color: #FFF;
    background: #4597cb;
    box-shadow: inset 0 0 0 0 #4597cb;
    border: 2px solid #4597cb !important;
    border-radius: 10px;

}

.pricing-col-3 .pricing-row-3 .button_sliding_bg:hover {
    box-shadow: inset 200px 0 0 0 #add3f1 !important;
    border: 2px solid #add3f1 !important;
    color: #FFF;
}

.pricing-col-4 .pricing-row-3 .button_sliding_bg {
    color: #FFF;
    background: #a7a9ac;
    box-shadow: inset 0 0 0 0 #a7a9ac;
    border: 2px solid #a7a9ac !important;
    border-radius: 10px;

}

.pricing-col-4 .pricing-row-3 .button_sliding_bg:hover {
    box-shadow: inset 200px 0 0 0 #dcdddd !important;
    border: 2px solid #dcdddd !important;
    color: #FFF;
}

.pricing-col .pricing-row-19 {

    border-bottom: 3px solid #dcdddd;
}


.pricing-currency {
    font-size: 16px;
    display: block;
    margin-top: 10px;
}

.pricing-row-info {

    font-size: 12px;
}

.pricing-period {
    font-size: 14px;
}


.pricing-int-pr-available {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 97%;
    margin-top: 12px;
    padding-bottom: 20px;
    padding: z;
    border-bottom: 1px solid #CCC;
    font-weight: bold;
}

.below-pricing-section {

	margin-bottom: 20px;
}

.below-pricing-section .below-pricing-upper-text {
	font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding: 0px;
}


.upper-power-num {
    font-size: 10px;
    vertical-align: top;
    position: relative;
    top: -5px;
    left: -2px;
}

/* SUPPORT */

.banner-search-cont {
    width: 50%;
    height: 50px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
}

@media (max-width: 799px) {
    .banner-search-cont {
        width: 90%;

    }
}

.banner-search-cont .search-box {
    width: 100%;
    height: 50px;
    padding-left: 60px;
    font-size: 20px;
    border-radius: 5px;
    border-color: transparent;
    color: gray;
}


.banner-search-cont .search-box::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a7a9ac;
}
.banner-search-cont .search-box::-moz-placeholder { /* Firefox 19+ */
  color: #a7a9ac;
}
.banner-search-cont .search-box:-ms-input-placeholder { /* IE 10+ */
  color: #a7a9ac;
}
.banner-search-cont .search-box:-moz-placeholder { /* Firefox 18- */
  color: #a7a9ac;
}

.banner-search-cont .search-box-img {
    position: absolute;
    top: 15px;
    left: 20px;
}


@media (max-width: 639px) {

    .support-table-cont, .support-overview-table {
        overflow: auto;
    }

    .support-overview-table {
        width: 580px;
    }

}

.support-col {

    float: left;
    width: 25%;
   
}

.support-col-1 {
    text-align: left;
}

.support-col-2, .support-col-3, .support-col-4 {
    text-align: center;
}

.support-col-4 {
     margin-right: 0px;  
}

.support-row {
    padding: 10px;
    border-top: 1px solid #dcdddd;
}

.support-row-1 {
    padding: 15px;
    text-align: center;
    border-top: none;
}

.support-col-2 .support-row-1 {

    background-color: #4597cb;
}

.support-col-3 .support-row-1 {

    background-color: #73a950;
}

.support-col-4 .support-row-1 {

    background-color: #414042;
}

.support-row-1-icon {
    margin-bottom: 10px;
}

.support-row-1-title {

    font-size: 18px;
    font-weight: 700;
    color: #FFF;
}

@media (max-width: 767px) {
    
    .support-row-1-title {

        font-size: 14px;

    }
}

.support-row-1-text {

    font-size: 14px;
    font-weight: 400;
    color: #FFF;
}

.support-col-1 .support-row-2 {

    font-weight: 400;
    font-size: 16px;
}

.support-col-2 .support-row {


    font-size: 30px;
    color: #4597cb;
}

.support-col-3 .support-row {

  
    font-size: 30px;
    color: #73a950;
}

.support-col-4 .support-row {

   
    font-size: 30px;
    color: #414042;
}


.support-col-2 .support-row-1 {

    border-left: none;
    border-right: none;
}

.support-col-3 .support-row-1 {

    border-right: none;
}

.support-col-4 .support-row-1 {

    border-right: none;
}



.support-col .support-row-13 {

    border-bottom: 3px solid #dcdddd;
}



.support-row-info {

    font-size: 12px;
}

/* VIDEO PAGE */

.li-col {
    float: left;
    width: 49%;
}

.li-col-left {
    margin-right: 2%;
}

@media (max-width: 479px) {

    .li-col {
        width: 100%;
    }

}


/* VIDEO TABLE */


@media (max-width: 639px) {

    .video-table-cont, .video-overview-table {
        overflow: auto;
    }

    .video-overview-table {
        width: 580px;
    }

}

.video-col {

    float: left;
    width: 33%;
   
}

.video-col-1 {
    text-align: left;
}

.video-col-2, .video-col-3, .video-col-4 {
    text-align: center;
}

.video-col-4 {
     margin-right: 0px;  
}

.video-row {
    padding: 10px;
    border-right: 1px solid #414042;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-row:nth-child(2n) {
    background-color: #e9eaea;
}

.video-row:nth-child(2n+1) {
    background-color: #f7f7f7;
}




.video-row-1 {
    padding: 15px;
    text-align: center;
    border-top: none;
}

.video-col-1 .video-row-1 {

    background-color: #3b3b3b;
}

.video-col-2 .video-row-1 {

    background-color: #3b3b3b;
}

.video-col-3 .video-row-1 {

    background-color: #3b3b3b;
}

.video-col-4 .video-row-1 {

    background-color: #414042;
}

.video-row-1-icon {
    margin-bottom: 10px;
}

.video-row-1-title {

    font-size: 18px;
    font-weight: 700;
    color: #FFF;
}

@media (max-width: 767px) {
    
    .video-row-1-title {

        font-size: 14px;

    }
}

.video-row-1-text {

    font-size: 14px;
    font-weight: 400;
    color: #FFF;
}

.video-col-1 .video-row-2 {

    font-weight: 400;
    font-size: 16px;
}

.video-col-2 .video-row, .dota {


    font-size: 30px;
    color: #4597cb;
}

.video-col-3 .video-row {

    font-size: 30px;
    color: #4597cb;
    border-right: 0px;
}

.video-col-2 .video-row.video-row-text {

    font-size: 18px;
    color: #414042;
}

.video-col-3 .video-row.video-row-text {

    font-size: 18px;
    color: #414042;
}


.video-col-2 .video-row-1 {

    border-left: none;
}

.video-col-3 .video-row-1 {

    border-right: none;
}

.video-col-4 .video-row-1 {

    border-right: none;
}



.video-col .video-row-13 {

    border-bottom: 3px solid #dcdddd;
}



.video-row-info {

    font-size: 12px;
}




.versions-table {
    margin-bottom: 50px;
}

@media (max-width: 599px) {

    .versions-table-cont, .versions-table {
        overflow: auto;
    }

    .versions-table {
        width: 540px;
    }

}

.versions-col {

    float: left;
    width: 33%;
   
}

.versions-col-1, .versions-col-3 {
    text-align: left;
}

.versions-col-2 {
    text-align: center;
}


.versions-row {

    padding: 10px;
    border-top: 1px solid #dcdddd;
}

.versions-row-1 {

    border-top: none;
    font-weight: bold;
}



.versions-col-2 .versions-row-1 {

    border-left: none;
    border-right: none;
}

.versions-col-3 .versions-row-1 {

    border-right: none;
}

.versions-col-4 .versions-row-1 {

    border-right: none;
}


.versions-col .versions-row-6 {

    border-bottom: 1px solid #dcdddd;
}










@media (max-width: 599px) {

    .hours-table-cont, .hours-table {
        overflow: auto;
    }

    .hours-table {
        width: 540px;
    }

}

.hours-col {

    float: left;
    width: 33%;
   
}

.hours-col-1 {
    font-weight: bold;
    text-align: left;
}

.hours-col-2, .hours-col-3 {
    text-align: center;
}


.hours-row {

    padding: 10px;
    border-top: 1px solid #dcdddd;
}

.hours-row-1 {

    border-top: none;
    
}



.hours-col-2 .hours-row-1 {

    border-left: none;
    border-right: none;
}

.hours-col-3 .hours-row-1 {

    border-right: none;
}



.hours-col .hours-row-3 {

    border-bottom: 1px solid #dcdddd;
}



/* SCIENCE */

.science-section-part-1 {

    padding-top: 50px;
    padding-bottom: 50px;
}


.science-1-col{

    float: left;
    width: 31%;
    margin-right: 3%;
}

.science-1-col-3 {

    margin-right: 0px;
}

@media (max-width: 599px) {

    .science-1-col {
        float: none;
        width: 100%;
        margin-bottom: 50px;
    }

    .science-1-col-3 {

        margin-bottom: 0px;
    }

}

.science-1-col-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 25px;
}

.science-1-col-text {
    font-size: 18px;
    line-height: 25px;
}

.science-1-col-text a {
    color: #6ba0cd;
    font-weight: 400;
}

.science-1-col-img-cont {

    margin-top: 50px;
    text-align: center;
}

.science-1-col-img-cont img {

    max-width: 100%;
}

.science-blue-title-part {

    color: #6ba0cd;
    font-weight: 700;
}

.science-learning-text {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding: 0px 50px 50px 50px;
}

.intelligence-learning-text {
	font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding: 0px 50px;
}

.science-section-part-2 {

    padding-top: 50px;
    padding-bottom: 50px;
}

.science-2-col{

    float: left;
    width: 23%;
    margin-right: 2.5%;
}

.science-2-col-4 {

    margin-right: 0px;
}

@media (max-width: 599px) {

    .science-2-col {
        float: none;
        width: 100%;
        margin-bottom: 50px;
    }

    .science-1-col-4 {

        margin-bottom: 0px;
    }

}

.science-2-col-num {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 25px;
    color: #CCC;
    font-weight: 700;
}

.science-2-col-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;

}

.science-2-col-text {

    font-weight: 400;

}


.science-2-bottom-img-cont {

    margin-top: 50px;
}

.science-2-bottom-img-cont img {

    max-width: 100%;
}

/* No Slider Pages */

.no-slider-page .main{
    padding-top: 190px;
}

/* Global Page */

.global-map-section {
    padding: 0px 0px 50px 0px;

}

/* Behavior Section */

.driving-behavior-2 {
    padding-bottom: 20px;
    background: #FFF;

}

.driving-behavior-2-row {
    margin-bottom: 50px;
    margin-top:50px;
}

.about-tourmaline-title {

    text-align: center;
    margin-top: 80px;
    font-size: 30px;
    font-weight:700;

}

.about-tourmaline-title.nopadding {
	margin-top:0px;
}

@media (max-width: 991px) {
    .about-tourmaline-title {
        font-size: 24px;
        line-height: 28px;

    }
}

/* INTELLIGENCE */

.left-aligned-title {
    text-align: left;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 30px;
    font-weight:700;
    line-height: 40px;

}

.left-aligned-title-1 {

    margin-top: 50px;
}

@media (max-width: 991px) {
    .left-aligned-title {
        font-size: 24px;
        line-height: 28px;

    }
}

.intelligence-section {
    padding: 50px 0px;
}

.intel-row {
    margin-top: 20px;
}

.intel-row.intel-row-1 {
    margin-top: 0px;
}

.intel-col {
    float: left;
    position: relative;
}

.intel-col-1 {

    width: 45%;
    margin-right: 5%;
}

.intel-col-2 {

    width: 50%;
}

.intel-row-2 .intel-col-2 {
    float: right;
}

@media (max-width: 767px) {
    
    .intel-row {
        margin-top: 60px;
    }
    
    .intel-col {
        width: 100%;
        float: none !important;
        
    }
    
}
    
.intel-content-absolute {
        
    top: 0px;
    bottom: 0px;
    margin: auto;
    position: absolute;
}

.intel-content {
    text-align: center;
}

.intel-col-title {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 50px;
    font-weight: bold;
}

.intel-col-img {
    text-align: center;
}

.intel-col-img img {
    max-width: 100%;
    width: 500px;
}

/* BEHAVIOR */

.container-behavior {
    padding: 0px 120px;
}

@media (max-width: 991px) {

    .container-behavior {
        padding: 0px 15px;
    }
}


.behavior-section-1 {
    padding-top: 0px;
}

.behavior-upmost-title {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    color: #4597cb;
    line-height: 40px;

}

@media (max-width: 991px) {
    
    .behavior-upmost-title {
        margin-top: 50px;
    }
}


.behavior-big-title {
    text-align: center;
    font-size: 34px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight:700;
    line-height: 40px;

}

@media (max-width: 991px) {
    .behavior-big-title {
        font-size: 24px;
        line-height: 28px;

    }
}

.behavior-learning-text {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding: 0px;
	line-height: 28px;
}


.behavior-learning-small-title {
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
}


.behavior-row {
    overflow: hidden;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 400;
    
}

.behavior-section-1 .behavior-row .behavior-col-1 {
    padding-left: 0px;
}

.behavior-section-1 .behavior-row .behavior-col-2 {
    padding-left: 40px;
    padding-right: 0px;
}

@media (max-width: 991px) {
    
    .behavior-section-1 .behavior-row .behavior-col-1 {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .behavior-section-1 .behavior-row .behavior-col-2 {
        padding-right: 15px;
        padding-left: 15px;
    }
    
}

.behavior-row .behavior-textcol-title {

    font-weight: 700;
}

.behavior-list-title {
    font-weight: bold;
    margin: 10px 0px 20px 0px;
    text-align: left;
}

.behavior-left-text {
    font-size: 16px;
    text-align: left;
}

.behavior-central-text {
    font-size: 16px;
    text-align: center;
}

.infographic-container .behavior-central-text {
    padding: 0px 130px;
}

@media (max-width: 991px) {

    .infographic-container .behavior-central-text {
        padding: 0px;
    }
}

.behavior-section-5 .mach-learning-img-cont {
    margin-top: 50px;
}


.behavior-section-6 .behavior-row .behavior-col-1 {
    padding-left: 0px;
}

.behavior-section-6 .behavior-row .behavior-col-2 {

}

.behavior-section-6 .behavior-row .behavior-col-3 {
    padding-right: 0px;
}

@media (max-width: 991px) {
    
    .behavior-section-6 .behavior-row .behavior-col-1  {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .behavior-section-6 .behavior-row .behavior-col-3 {
        padding-right: 15px;
        padding-left: 15px;
    }
    
}

.small-container-behavior {
    width: 700px;
    margin: auto;
}

@media (max-width: 799px) {
    
    .small-container-behavior {
        width: 100%;
    }
}

.small-container-behavior .behavior-row {
    margin-top: 0px;
}

.small-container-behavior .behavior-row .behavior-col-1 {
    padding-left: 0px;
}

.small-container-behavior .behavior-row .behavior-col-2 {
    padding-left: 40px;
    padding-right: 0px;
}

@media (max-width: 991px) {
    
    .small-container-behavior .behavior-row .behavior-col-1  {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .small-container-behavior .behavior-row .behavior-col-2 {
        padding-right: 15px;
        padding-left: 15px;
    }
    
}

.small-cont-list-1 {
    
    margin-top: 20px;
}

.behavior-section-8 .mach-learning-img-cont,
.behavior-section-10 .mach-learning-img-cont {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}

.blue-behavior-section {
    background-color: #4597cb;
    color: #FFF;
    padding-top: 30px;
    padding-bottom: 30px;
}

.blue-behavior-col {
    float: left;
}

.blue-behavior-col-1 {
    width: 10%;
    margin-right: 40px;
    font-size: 20px;
    font-weight: bold;
}

.blue-behavior-col-2 {
    width: 80%;
}

@media (max-width: 991px) {
    
    .blue-behavior-col-1 {
        width: 100%;
    }
    
    .blue-behavior-col-2 {
        width: 100%;
        margin-top: 20px;
    }
}

.behavior-section-10 {
    padding-bottom: 50px;
}

.footer-behavior .behavior-upmost-title {
    margin-bottom: 0px !important;
}

.footer-behavior .contacts-button-cont {
    margin-top: 0px !important;
}

.footer-behavior .mach-learning-title {

    padding: 0px 50px;
}

@media (max-width: 991px) {
    
    .footer-behavior .mach-learning-title {
        padding: 0px;
    }
}


.footer-behavior .footer-contacts-button-row {
    margin-top: 0px;

}


/* MOBILITY */

.mobility-use-case-section-1,
.mobility-use-case-section-2 {
    background: #f8f6f7;
    padding-top: 50px;
    padding-bottom: 50px;
}


@media (max-width: 991px) {
    
    .mobility-use-case-section-1,
    .mobility-use-case-section-2 {

        padding-top: 0px;

    }
	
	.tl-video .mobility-use-case-section-1,
    .tl-video .mobility-use-case-section-2 {
		padding-top:40px;
	}
	
}

.mob-use-case-col.mob-use-case-col-1 {
    
    width: 15%;
}

.mob-use-case-col {
    
    float: left;
    width: 22%;
    margin-right: 6%;
}

.mob-use-case-col-4 {
    
    margin-right: 0px;
}

.mob-use-case-main-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 80px;
}

@media (max-width: 991px) {
    
    .mob-use-case-col {
    
        float: left;
        width: 100%;
        margin-right: 0px;
        margin-top: 50px;
    }
    
    
    .mob-use-case-main-title {

        margin-top: 0px;
    }
    
    
}




.mob-use-case-col-image {
    text-align: center;
}

.mob-use-case-col-image img {
    max-width: 100%;

}

.mob-use-case-col-title {
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 700;
}

.bottom-text-slide-image .main-title {
    display: inline;
    color: #FFF;
}

.bottom-text-slide-image .main-title.main-title-absolute {
    
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto !important;
    
}


/* API PAGE */

.api-section {
    padding: 20px 0px;
}

.api-section-1 {
    padding-top: 50px;
    padding-bottom: 50px;
}
    
@media (max-width: 991px) {
    .api-section-1 {
        padding-top: 0px;
        padding-bottom: 50px;
    }
}



.container-api-tight {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.api-tight-col {
    
    float: left;
    width: 47.5%;
    margin-right: 5%;
}


@media (max-width: 767px) {
    .container-api-tight {
        width: 100%;
        margin-top: 0px;

    }
    
    .api-tight-col {
        
        float: none;
        width: 100%;
        margin-right: 0px;
        text-align: center;
        margin-top: 50px;
    }
}

.api-tight-col-2 {
    
    margin-right: 0px;
}

.api-tight-col ul {
    
    text-align: left;
}

.api-section-2 {
    background-color: #f8f6f7;
}

@media (max-width: 991px) {
    
    .api-section-2 {
        padding: 20px 0px;
    }
}

.api-blue-centered-title {
    text-align: center;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 700;
    line-height: 45px;
    color: #4597cb;
}

.left-aligned-title-blue {
    text-align: left;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 40px;
    color: #4597cb;
}

@media (max-width: 991px) {

    .left-aligned-title-blue {
        font-size: 24px;
        line-height: 28px;
    }

}

.api-small-left-title {
    text-align: left;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 40px;
}

.api-small-center-title {
    text-align: center;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 40px;
}


.api-section-3 ul {
    
    padding-left: 2px;
}


.api-use-case-section {
    background: #f8f6f7;
    padding-top: 50px;
    padding-bottom: 50px;
}


.api-use-case-col {
    float: left;
    width: 68%;
    margin-right: 6%;
}

.api-use-case-col-1 {
    width: 20%;
}

.api-use-case-col-2 {
    
    margin-right: 0px;
}

.api-use-case-main-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 80px;
}

@media (max-width: 991px) {
    
    .api-use-case-section {

        padding-top: 0px;
    }
    
    .api-use-case-col {
    
        float: left;
        width: 100%;
        margin-right: 0px;
        margin-top: 50px;
    }
    
    .api-use-case-main-title {

        margin-top: 0px;
    }
    
}


.api-use-case-col-image {
    text-align: left;
}

.api-use-case-col-image img {
    max-width: 100%;

}

.api-use-case-col-title {
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 700;
}


.api-centered-list {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 499px) {
   .api-centered-list {
        width: 100%;
    } 
}


.api-section-9 {
    background-color: #f8f6f7;
    padding: 50px 0px;
}

.api-diagram-cont {
    position: relative;
    padding: 50px 0px;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
}

.api-diagram-image-block {
    text-align: center;
}

.api-diagram-text-block-1 {
    width: 200px;
    position: absolute;
    top: 90px;
    left: 50px;
}

.api-diagram-text-block-2 {
    width: 200px;
    position: absolute;
    top: 115px;
    right: 50px;
}

.api-diagram-text-block-3 {
    width: 330px;
    bottom: -10px;
    left: 380px;
    position: absolute;
}

@media (max-width: 991px) {
    
    
    .api-diagram-cont {
   
        width: 530px;
       
    }
    
    .api-diagram-text-block {
        font-size: 14px;
    }
    
    .api-diagram-image-block img {
        width: 180px;
    }
    
    
   .api-diagram-text-block-1 {
        width: 160px;
        position: absolute;
        top: 60px;
        left: 10px;
    }
    
    .api-diagram-text-block-2 {
        width: 160px;
        position: absolute;
        top: 70px;
        right: 0px;
    }
    
    .api-diagram-text-block-3 {
        width: 270px;
        bottom: -10px;
        left: 190px;
        position: absolute;
    }
    
}



@media (max-width: 599px) {
    
    
    .api-diagram-cont {
        width: 320px;
   }
    
    .api-diagram-text-block {
        font-size: 10px;
        line-height: 20px;
    }
    
    .api-diagram-image-block img {
        width: 80px;
    }
    
    
   .api-diagram-text-block-1 {
        width: 110px;
        position: absolute;
        top: 20px;
        left: 10px;
    }
    
    .api-diagram-text-block-2 {
        width: 50px;
        position: absolute;
        top: 30px;
        right: 50px;
    }
    
    .api-diagram-text-block-3 {
        width: 270px;
        bottom: -10px;
        left: 100px;
        position: absolute;
    }
    
}

.api-table {
    
    margin-top: 50px;
    margin-bottom: 50px;
}

.api-table-col {

    float: left;
    width: 33%;
   
}

.api-table-row {
    padding: 10px;
    border: 1px solid #dcdddd;
    text-align: center;
}

.api-table-col-1 .api-table-row {

    border-left: none;
}

.api-table-col-3 .api-table-row {

    border-right: none;
}





/* MARKETPLACE */

.marketing-blue-title {
    font-size: 20px;
    text-align: center;
    color: #4597cb;
    font-weight: 700;
    margin-top: 50px;
}


.container-marketplace {
    padding: 0px 100px;
}

.marketplace-row {
    
    margin-top: 50px;
}

.marketplace-row-header {
    border-bottom: 2px solid #BBB;
    padding-bottom: 15px;
    position: relative;
}

.marketplace-row-icon {
    position: absolute;
    left: -80px;
    top: -15px;
}

.marketplace-row-title {
    font-size: 30px;
}


.marketplace-row-main {
    margin-top: 50px;
}

.marketplace-col {
    
    float: left;
    width: 31%;
    margin-right: 3%;
}

.marketplace-col-3 {

    margin-right: 0px;
}

@media (max-width: 991px) {
    
    .marketplace-col {
        width: 100%;
        float: none;
        margin-right: auto;
        margin-bottom: 50px;
    }
    
}

.marketplace-col-image img {
    width: 100px;
}

.marketplace-col-title {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.marketplace-col-sub-title {
    margin-bottom: 20px;
}

.marketplace-col-button.button_sliding_bg {
    
    width: 180px;
}

.marketplace-col-button-gray.button_sliding_bg {
    color: #FFF;
    background: #a7a9ac;
    box-shadow: inset 0 0 0 0 #a7a9ac;
    border: 2px solid #a7a9ac !important;
    border-radius: 10px;
}

.marketplace-col-button-gray.button_sliding_bg:hover {
    box-shadow: inset 200px 0 0 0 #dcdddd !important;
    border: 2px solid #dcdddd !important;
    color: #FFF;
}


/* CAREERS */

.job-popup-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 5555;
    display: none;
}

.job-popup {
    width: 600px;
    height: auto;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 50px;
    margin: auto;
    z-index: 55555555;
    padding: 20px;
    background-color: #f8f6f7;
    display: none;
}

@media (max-height: 799px) {
    
    .job-popup {
        width: 600px;
        height: 750px;
        position: fixed;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        z-index: 55555555;
        padding: 20px;
        background-color: #f8f6f7;
        display: none;
        overflow: auto;
    }
}



@media (max-width: 699px) {
    
    .job-popup {
        width: 95%;
        height: auto;
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: 0px;
        overflow-y: auto;
        top: 5px;
        margin: auto;
    }
    
}


.job-note {
    color: #444;
    font-size: 13px;
    margin-bottom: 5px;
}

.job-title {
    font-weight: bold;
    margin-bottom: 10px;
}

.job-address {

    margin-bottom: 10px;
}

.job-field-cont {

    margin-top: 20px;
}

.job-label {
    
    margin-bottom: 5px;
}

.job-file-upload-info {
    font-size: 12px;
    margin-top: 5px;
}

.job-popup .form-control {

    height: 35px;
  
}

.job-popup textarea[name="message"] {
    height: 120px;
}

.job-popup #contact-form-send {
    width: 50%;
    max-width: 210px;
}


@media (max-width: 699px) {
    
    .job-popup #contact-form-send {
        width: auto;
        max-width: none;
    }
    
}


/* SEARCH PAGE */

.search-page .blog-posts {
    
    margin-top: 70px;
    
}
.search-page .blog-posts article {
    border-bottom: 1px solid #DDD;
    margin-bottom: 50px;
    padding-bottom: 50px;
    display: block;
}

.search-title {
    margin-top: 20px;
    font-size: 30px;
    line-height: 40px;
    margin-left: 5px;
}

.search-title div {
    display: inline-block;
}

/* SIDEBAR */

.sidebar-page {
    overflow-x: hidden;
}

.market-page .sidebar  {
    position: fixed;
    top: 0px;
    left: -250px;
    height: 100%;
    background-color: #dbdcdc;
    width: 250px;
    transition: left 1s;
    overflow-y: auto;
    z-index: 3;
}


.sidebar-shown  {

    left: 0px;

}

@media (max-width: 1699px) {
    
     .market-page .container {

        left: 0px;
        position: relative;
        transition: all 1s;
    }
    

}

@media (min-width: 1420px) and (max-width: 1699px) {
    
    
    .sidebar-page .container {

        left: 130px;
        min-width: 300px;
        
    }
    

}


@media (max-width: 1419px) {
    
    
    .sidebar-page .container {

        left: 260px;
        min-width: 300px;
        
    }
    

}


@media (max-width: 991px) {
    
    .sidebar-page .logo-cont.container {
        width: inherit;
        margin-left: auto;
        left: 0px;
    }
    
    .sidebar-page .logo-text, .sidebar-page .logo-text.logo-text-single-line {
        top: 120px;
        height: 50px;
        left: 280px;
    }
    
    .market-page .logo-text, .market-page .logo-text.logo-text-single-line {
        transition: all 1s;
    }
    
    .market-page #header .logo img {

        left: 50px;
    }
    
}

@media (min-width: 1200px) and (max-width: 1259px) {
    
    .market-page .inner-page-logo-cont img {
        margin-left: 50px;
        
    }
    
    .market-page #header .logo.logo-sticky-active img {
        left: 50px;
    }
    
    .sidebar-page.market-page .inner-page-logo-cont img {
        margin-left: auto;
        
    }
    
    .sidebar-page.market-page #header .logo.logo-sticky-active img {
        left: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1059px) {
    
    .market-page .inner-page-logo-cont img {
        margin-left: 50px;
    }
    
    #header .logo.logo-sticky-active img {
        left: 50px;
    }
    
    .sidebar-page.market-page .inner-page-logo-cont img {
        margin-left: auto;
        
    }
    
    .sidebar-page.market-page #header .logo.logo-sticky-active img {
        left: 0px;
    }
}


.widget-title-row {
    background-color: #414042;
    padding: 10px 20px 10px 20px;
    position: relative;
    
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
}


.widget-title-row i {
    position: absolute;
    right: 15px;
    top: 15px;
}

.widget-row a {
    
    display: block;
    background-color: #a7a9ac;
    padding: 10px 20px 10px 40px;
    position: relative;
    
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
}

.widget-row a:hover {
    
    background-color: #4597cb;
    color: #FFF;
    text-decoration: none;
}

/* NAV ICONS */

.sidebar-widget-1 {
    margin-top: 110px;
}

.sidebar-widget-2 {
    margin-top: 30px;
}

.nav-icon-cont {
    position: fixed;
    left: 10px;
    top: -4px;
    z-index: 5555556;
}



/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 30px;
  height: 26px;
  position: relative;
  margin: 30px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.sticky-menu-active #nav-icon4 {
    margin: 38px auto;
}

@media (max-width: 991px) {
    #nav-icon4 {
      margin: 24px auto;
    }
    
    .sticky-menu-active #nav-icon4 {
        margin: 24px auto;
    }
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #FFF;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 2 */

#nav-icon2 {
}

#nav-icon2 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 50%;
  background: #d3531a;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
  left: 50%;
  border-radius: 0 9px 9px 0;
}

#nav-icon2 span:nth-child(odd) {
  left:0px;
  border-radius: 9px 0 0 9px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
  top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
  top: 18px;
}

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
  top: 36px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon2.open span:nth-child(1) {
  left: 5px;
  top: 7px;
}

#nav-icon2.open span:nth-child(2) {
  left: calc(50% - 5px);
  top: 7px;
}

#nav-icon2.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
  left: 5px;
  top: 29px;
}

#nav-icon2.open span:nth-child(6) {
  left: calc(50% - 5px);
  top: 29px;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 18px;
}

#nav-icon3 span:nth-child(4) {
  top: 36px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

#nav-icon4 {
}

#nav-icon4 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4 span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#nav-icon4.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}

#nav-icon4.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon4.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 18px;
  left: 7px;
}

.marketplace-col-title {font-weight:bold;}



/* SIGN IN PAGE */


/* SUPPORT */

.header-login-cont {
    width: 500px;
    height: 110px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    margin: auto;
}

@media (max-width: 699px) {
    
    .header-login-cont {
        width: 90%;
    }
}

.header-login-cont .user-box-cont {
    border-bottom: 1px solid gray;
}


.header-login-cont .user-box {
    width: 100%;
    height: 50px;
    padding-left: 60px;
    font-size: 20px;
    border-radius: 5px;
    border-color: transparent;
    color: gray;
}

.header-login-cont .pass-box-cont {
    position: relative;
}

.header-login-cont .pass-box {
    width: 100%;
    height: 50px;
    padding-left: 60px;
    font-size: 20px;
    border-radius: 5px;
    border-color: transparent;
    color: gray;
}

.header-login-cont input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a7a9ac;
}
.header-login-cont input::-moz-placeholder { /* Firefox 19+ */
  color: #a7a9ac;
}
.header-login-cont input:-ms-input-placeholder { /* IE 10+ */
  color: #a7a9ac;
}
.header-login-cont input:-moz-placeholder { /* Firefox 18- */
  color: #a7a9ac;
}

.header-login-cont .fa-arrow-circle-o-right {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #BBB;
    font-size: 30px;
}

.create-id-link-cont {
    text-align: center;
    margin-bottom: 50px;
}

.create-id-link-cont a {
    font-weight: bold;
}

.create-id-link-cont a .fa {
    font-size: 20px;
}

.sign-in-section-2 {
    min-height: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 35px;
    background: #f8f6f7;
}

@media (max-width: 991px) {
    
    .sign-in-section-2 a {
        text-align: center;
        width: 100%;
        display: block;
    }
}

.sign-in-section-2 .driving-behavior-title {
    padding-top: 0px;
    color: #414042;
    text-align: left;
    font-size: 30px;
    font-weight: 700;
}

.sign-in-section-2 .driving-behavior-content-text {
    font-size: 20px;
    padding-left: 0px;
    padding-right: 25px;
    text-align: left;
    line-height: 25px;
    font-weight: 300;
}


/* NEW SUPPORT PAGE */

.support-upper-text {
    margin-top: 50px;
    text-align: center;
    padding-bottom: 50px;
    border-bottom: 1px solid #CCC;
}

.support-sub-section {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #CCC;
    
}

.support-sub-section-4  {
    border-bottom: none;
}


.sup-outer-col {
    display: block;
    vertical-align: top;
    margin-right: 20px;
    margin-right: 5%;
    width: 47.5%;
    float: left;
}

.sup-outer-col-2 {

    margin-right: 0%;

}

.support-sub-section.subsection-last {
	border-bottom:0px;
	border-top: 1px solid #CCC;
}

.support-sub-section-3 .sup-outer-col-2 .sup-col-1,
.support-sub-section-3 .sup-outer-col-2 .sup-col-row-1,
.support-sub-section-3 .sup-outer-col-2 .sup-col-row-2 {

    visibility: hidden;
}


/*** BEGIN PLAY BUTTON OVERLAY - DP ***/

a.play-button-link {
	position:relative;
	display:inline-block;
	line-height:0px;
}

.video-ico a.play-button-link {
	line-height:24px;
}

/*#home-content-stories img.play-button, */
a.play-button-link img.play-button {
    position: absolute;
	bottom: 30%;
	left: 60%;
	z-index: 10;
	margin: 0 0 0 -50px;
	opacity:0.8;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/ /*IE fix for alpha transparency, however it doesn't work with transparent .pngs*/
	display:inline-block;
	/*max-width: 20%;	*/
}

/*#home-content-stories img.play-button:hover, */
a.play-button-link:hover img.play-button {
	opacity:1.0;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/ /*IE fix for alpha transparency, however it doesn't work with transparent .pngs*/
}

/*** END PLAY BUTTON OVERLAY - DP***/

.sup-col-row.sup-col-row-3 .col-md-4 {
	padding-bottom:20px;
}

@media (max-width: 575px) {
    
    .sup-outer-col {
       
        margin-right: auto;
        width: 100%;
        float: none;
    }
    
    .sup-outer-col-2 {
        margin-top: 50px;
    }
    
    .support-sub-section-3 .sup-outer-col-2 .sup-col-1,
    .support-sub-section-3 .sup-outer-col-2 .sup-col-row-1,
    .support-sub-section-3 .sup-outer-col-2 .sup-col-row-2 {
    
        display: none;
    }
    
    .support-sub-section-3 .sup-outer-col-2 {
        margin-top: 0px;
    }


}

.sup-outer-col-title {
    text-align: left;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 80px;
}

@media (max-width: 767px) {
    
    .sup-outer-col-title {
        text-align: center;
        font-size: 24px;
    }
}

.sup-col-1 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 20px;
}

.sup-col-2 {
    display: inline-block;
    width: 80%;
}

.sup-col-row-1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
	line-height:28px;
}

@media (max-width: 1199px) {
    
    .sup-outer-col .sup-col-1 {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .sup-outer-col .sup-col-2 {

        width: 100%;
    }
    
    .sup-outer-col .sup-col-row-1 {

        text-align: center;
    }
}

@media (max-width: 575px) {
    
    .sup-col-1 {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .sup-col-2 {

        width: 100%;
    }
    
    .sup-col-row-1 {

        text-align: center;
    }
}

.sup-col-row-2 {
    margin-bottom: 20px;    
}

.sup-row-list {
    padding-left: 30px;
}

.sup-row-list li {
    list-style-type: none;
    position: relative;
    margin-bottom: 10px;
}

.sup-row-list li a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: -30px;
    color: #414042;
}

.reseller-portal .sup-row-list li {
    position: relative;
}

.reseller-portal .sup-row-list li:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: -30px;
    color: #414042;
}

.reseller-portal .sup-row-list li a:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
    padding-right: 0.5em;
    position: relative;
    top: 0px;
    left: 0px;
    color: #414042;
}

.reseller-portal .sup-row-list li.file-ico:before {
    content: "\f016";
}
.reseller-portal .sup-row-list li.word-doc:before {
    content: "\f1c2";
}
.reseller-portal .sup-row-list li.video-ico:before {
    content: "\f1c8" !important;
}
.reseller-portal .sup-row-list li.img-file:before {
    content: "\f1c5";
}
.reseller-portal .sup-row-list li.word-doc:before {
    content: "\f1c2";
}
.reseller-portal .sup-row-list li.pdf-doc:before {
    content: "\f1c1";
}
.reseller-portal .sup-row-list li.link-ico:before {
    content: "\f0c1";
}
.reseller-portal .sup-row-list li.pptx-doc:before {
    content: "\f1c4";
}

.sup-row-list li.file-ico a:before {
    content: "\f016";
}
.sup-row-list li.word-doc a:before {
    content: "\f1c2";
}
.sup-row-list li.video-ico a:before {
    content: "\f1c8" !important;
}
.sup-row-list li.img-file a:before {
    content: "\f1c5";
}
.sup-row-list li.word-doc a:before {
    content: "\f1c2";
}
.sup-row-list li.pdf-doc a:before {
    content: "\f1c1";
}
.sup-row-list li.link-ico a:before {
    content: "\f0c1";
}
.sup-row-list li.pptx-doc a:before {
    content: "\f1c4";
}
.support-sub-section-4 .sup-row-list {
    padding-left: 0px;
}   
.support-sub-section-4 .sup-row-list li a:before {
    content: "";
}

.lafarge-support-sub-section-4.support-sub-section-4 .sup-row-list {
    padding-left: 30px;
}   


/* VIDEO POPUPS */

.video-popup-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 5555;
    display: none;
}

.video-popup {
    width: 855px;
    height: auto;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 150px;
    margin: auto;
    z-index: 55555555;
    padding: 20px;
    background-color: #000;
    padding-bottom: 16px;
    display: none;

}

@media (max-width: 991px) {
    
    .video-popup {
        width: 90%;
        height: auto;
    }
}


@media (max-width: 767px) {
    
    .video-popup video {
       display: inline-block;
    }
}



.video-popup video {
    max-width: 100%;
	max-height: 60vh;
}

.video-cancel {
    position: absolute;
    right: -20px;
    top: -20px;
    color: #626262;
    font-size: 25px;
    color: #FFF;
    padding: 5px 1px;
    border-radius: 40px;
    background: #000;
    border: 2px solid #FFF;
    
}

.video-cancel i:before {
    
    width: 0.9em !important;
}

.icon-cancel:before {
    content: '\f00d';
}
.icon-cancel:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFF;
    text-decoration: none;
    font-style: normal;
    padding: 7px 5px;
}

.video-cancel:hover {
    text-decoration: none;
    font-style: normal;
}

.video-popup-overlay .loading {
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100px;
    height: 100px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}


/* PDF Iframes */


.pdf-popup-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 5555;
    display: none;
}

.pdf-popup {
    width: 90%;
    height: 90%;
    overflow: hidden;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 50px;
    margin: auto;
    z-index: 55555555;
    padding: 0px;
    background-color: #f8f6f7;
    display: none;
}



@media (max-width: 699px) {
    
    .pdf-popup {
        width: 95%;
        height: auto;
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: 0px;
        overflow: hidden;
        margin: auto;
    }
    
}

.pdf-cancel {
    display: block;
    position: fixed;
    right: 25px;
    color: #fff;
    top: 25px;
    font-size: 40px;
    font-weight: bold;
}

@media (max-width: 1199px) {
    
    .pdf-cancel {
        right: 15px;
        color: #fff;
        top: 15px;
        font-size: 30px;
        font-weight: bold;
    }
}

@media (max-width: 699px) {
    
    .pdf-cancel {
       color: #fff;
    }
}


.pdf-cancel:hover {
    text-decoration: none;
}

/* ACCORDEON */

.behavior-section-1 section.toggle.active > label, .behavior-section-1  section.toggle label {
    background-color: transparent;
    border: none;
    color: #4597cb;
    padding-left: 0px;
}

.behavior-section-1  section.toggle label:hover {
    color: #ff671b;
}

.behavior-section-1 .toggle > label:before {
    display: none;
}

.toggle > label i {
    font-size: 0.7em;
    margin-right: 8px;
    position: relative;
    top: -1px;
    padding: 10px;
    background-color: #4597cb;
    border-radius: 5px;
    color: #FFF;
    float: left;

}

.docs-subtitle {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 35px;
}

/* SUPPORT LEVELS */

.services-stats {
    text-align: center;
}

.services-stats iframe {
    margin-top: 50px;
}

@media (max-width: 1049px) {
    .services-stats iframe {
        width: 90%;
    }
}

/* TOPBAR */

.top-bar {
    width: 100%;
    padding: 10px;
    position: relative;
    background: #ff671b;
    background: -webkit-linear-gradient(left, #ff671b 0%, #e9004c 100%);
    text-align: center;
    
}

.top-bar-text {
    color: #FFF;
    font-size: 14px;
}

@media (max-width: 899px) {
    
    .top-bar-text {
        color: #FFF;
        font-size: 9px;
        padding: 0px 50px;
        line-height: 15px;
    }
}

.top-bar-close {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
    color: #FFF;
    
}



@media (max-width: 991px) {

    .support-levels-page.sticky-menu-deactive  #header > .container {
        height: auto;
    }
    
    body.support-levels-page.sticky-menu-deactive #header {
        min-height: 10px !important;
        top: 0px;
        position: relative;
    
    }
    
    .support-levels-page.sticky-menu-deactive #header .logo-sticky {
        display: block !important;
        top: 0px !important;
    }
    
    .support-levels-page.sticky-menu-deactive #header .btn-responsive-nav {
        top: 10px;
    }

}

/* SUPPORT LEVELS FRANK */

.frank-cont {
    margin-top: 230px;
}

.frank-col {
    display: block;
    vertical-align: top;
    float: left;
    position: relative;
}

.frank-col-1 {
    margin-right: 2%;
    width: 48%;
}

.frank-col-2 {
    width: 50%;
}

@media (max-width: 991px) {
    
    .frank-col-1 {
        float: none;
        margin-right: auto;
        width: 99%;
        margin-bottom: 50px;
    }
    
    .frank-col-2 {
        float: none;
        width: 100%;
        margin-bottom: 50px;
    }
}


.frank-cont-title {

    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.frank-services-stats {
    padding-left: 20px;
    background: url(/img/loading.gif) center center no-repeat;
    position: relative;
    overflow: hidden;
    height: 400px;
    right: 15px;
}

#frank-iframe {
    position: relative;
    top: -80px;
    right: -15px;
}

@media (max-width: 1299px) {
    
    .frank-cont .banner-search-cont {
        width: 90%;
    }
}


.frank-img-cont {

    position: relative;
    background-image: url(/img/tourmaline-labs-support-services.jpg);
    height: 400px;
    background-position: center;
}

.frank-img {

    display: none;
}


/* OVERVIEW */

.overview-page .left-aligned-title-blue {
    margin-bottom: 0px;
    position: relative;
}

.overview-page .left-aligned-title-blue img {
    position: absolute;
    left: -100px;
    top: -20px;
}

@media (max-width: 991px) {
    
    .overview-page .left-aligned-title-blue img {
        position: relative;
        left: 0px;
        top: 0px;
        margin-bottom: 10px;
        display: inline-block;
        width: 80px;
        vertical-align: top;
        vertical-align: middle;
    }
    
    .overview-page .left-aligned-title-blue .blue-title-text {
        display: inline-block;
        width: 80%;
        vertical-align: middle;
        margin-bottom: 10px;
    }
}


@media (max-width: 629px) {
    
    .overview-page .left-aligned-title-blue img {
        position: relative;
        left: 0px;
        top: 0px;
        margin-bottom: 10px;

        width: 80px;

        margin-left: auto;
        margin-right: auto;
        display: block;
    }

   .overview-page .left-aligned-title-blue .blue-title-text {
        display: block;
        width: auto;
        margin-bottom: 10px;
        text-align: center;
        margin-top: 10px;
    }
    
    .overview-page .left-aligned-title {
        text-align: center;
    }
}

.overview-hr {
    margin-top: 10px;
}

.overview-mobility-section {
    background-color: #fafafa;
    padding: 20px 0px 70px;
}

.overview-mobility-col {
    float: left;
    
}


.overview-mobility-col-1 {
    width: 40%;
}

.overview-mobility-col-2 {
    width: 60%;
}

.overview-mobility-col-2 img {
    margin-right: 0px;
    margin-left: auto;
}


.overview-mobility-section .behavior-big-title {
    margin-bottom: 100px;
}

.overview-mobility-block {
    margin-top: 20px;
    max-width: 400px;
    margin-right: 20px;
    margin-left: auto;
    padding-left: 20px;
}


@media (max-width: 767px) {
    
    .overview-mobility-col-1 {
        width: 100%;
    }
    
    .overview-mobility-col-2 {
        width: 100%;
        margin-top: 50px;
        padding-left: 20px;
    }

    .overview-mobility-block {
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        max-width: 400px;
        margin-right: auto;
        margin-left: auto;

    }

}


.overview-mobility-block-1 {
    margin-top: 0px;
}


.overview-mobility-title {
    font-weight: bold;
}

.overview-graphic {
    margin-top: 50px;
    margin-bottom: 50px;
}

.overview-page .button_sliding_bg.contacts {
    min-width: 208px;
}

.overview-page footer .button_sliding_bg.contacts {
    min-width: 268px;
}
.solution-container {
	padding-bottom:40px;
}


/* USE CASE */

@media (max-width: 1199px) {
    
    .use-case-page .container-behavior {
        padding: 0px 15px;
    }

}

.use-case-page .main-title {
    margin-bottom: 50px;    
}

/*
.use-case-page  .main-title {
    visibility: visible;
    animation-name: fadeInUp;
    height: auto;
    position: relative;
    top: 190px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: auto;
}


@media (max-width: 991px) {
    
    .use-case-page .main-title {

        top: 150px;

    }
}


.use-case-page .header-text-slide .main-title {
    display: none;
}

.use-case-page .header-text-slider {
    margin-top: 50px;
}

.use-case-page  .header-text-slider {

    height: 637px;
}


.use-case-page .header-text-slide-image {

    display: block !important;
    height: 448px;
    width: 100%;
    z-index: 0;
}

.use-case-page  .header-text-slide-1 .header-text-slide-image {

   background: url('/img/case-studies-hero.jpg');
}

.use-case-page  .header-text-slide-2 .header-text-slide-image {

   background: url('/img/case-studies-hero.jpg');
}

.use-case-page  .header-text-slide-3 .header-text-slide-image {

   background: url('/img/case-studies-hero.jpg');
}

.use-case-page  .header-text-slide-4 .header-text-slide-image {

   background: url('/img/case-studies-hero.jpg');
}


.use-case-page .header-text-slide {
    position: relative;
}

.use-case-slide-block {
    padding: 50px 30px;
    background-color: rgba(164, 164, 164, 0.8);
    text-align: left;
    position: absolute;
    left: 200px;
    width: 500px;
    height: 448px;
    color: #FFF;
}


.use-case-slide-block-title {
    font-size: 32px;
}

.use-case-slide-block-sub-title {
    font-size: 20px;
    margin-top: 20px;
}

.use-case-slide-block-text {
    margin-top: 20px;
}


@media (max-width: 991px) {
    
    .use-case-slide-block {

        left: 0px;

    }
}

@media (max-width: 549px) {
    
    .use-case-slide-block {

        left: 0px;
        width: 300px;

    }
    
    .use-case-slide-block-text {
        font-size: 13px;
    }
}

*/


.featured-industry-section {
    padding: 50px 0px;
}

.featured-industry-above-text {
    margin-top: 20px;

    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding: 0px;
    line-height: 28px;
}

.featured-industry-title {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
}

.featured-industry-row {
    margin-top: 50px;
}


.featured-industry-col {
    float: left;
    width: 45%;
}

.featured-industry-col-1 {

    width: 45%;
    margin-right: 10%;
}

@media (max-width: 991px) {
    
    .featured-industry-col {
        float: none;
        width: 500px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 50px;
    }
    
}

@media (max-width: 549px) {
    
    .featured-industry-col {

        width: 100%;

    }
    
}

.featured-industry-sub-row-1 img {
    width: 100%;
}

.featured-industry-sub-row-2 {
    padding: 10px 20px;
    background-color: #f8f6f7;
}

.featured-industry-sub-col {
    display: inline-block;
}

.featured-industry-sub-col-1 {
    width: 60%;
    margin-right: 4%;
    vertical-align: middle;
}

.featured-industry-sub-col-1 span {
    font-size: 24px;
}

.featured-industry-sub-col-2 {
    width: 33%;
}

@media (max-width: 549px) {
    
    .featured-industry-sub-col-1 {
        width: 100%;
        margin-right: 0%;
        text-align: center;
        vertical-align: middle;
        margin-top: 20px;
    }
    
    
    .featured-industry-sub-col-2 {
        width: 100%;
        text-align: center;
    }
}

/* TRANSPORTATION */


.industry-case-study-block .featured-industry-col-1  {
	width: 600px;
	float:none;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 699px) {
    
    .industry-case-study-block .featured-industry-col-1  {
    	width: 90%;
    }
    
    .featured-industry-sub-col-1 {
        width: 45%;
    }

    .featured-industry-sub-col-2 {
        width: 47%;
    }
}

@media (max-width: 549px) {
    
    .industry-case-study-block .featured-industry-sub-col-1 {
        width: 100%;
        margin-right: 0%;
        text-align: center;
        vertical-align: middle;
        margin-top: 20px;
    }
    
    .industry-case-study-block .featured-industry-sub-col-2 {
        width: 100%;
        text-align: center;
    }
}

.industry-case-study-block .featured-industry-row {
	margin-bottom:20px;
}


.transportation-page li.fleet-solution-bullet {
    padding-left: 35px;
    margin-bottom: 10px;
    position: relative;
}

.transportation-page .fleet-solution-bullet:before {

    position: absolute;
    left: 15px;
}


/* TRIP TAGGER */



.tagger-learning-title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
}

.tagger-learning-title-p-1 {
    margin-right: 50px;
}

.tagger-section-2 {
    padding: 0px 0px 50px 0px;
}


.tagger-learning-text {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    padding: 0px 50px;
    display: block;
    margin-bottom: 100px;
	line-height:25px;
}

.tagger-image-col {
    width: 30%;
    margin-right: 1%;
    float: left;
    text-align: center;
}

.tagger-image-row-2 {
    font-size: 18px;
    margin-top: 20px;
}

.tagger-section-3 {
    background-color: #f8f6f7;
    padding: 50px 0px;
}

.tagger-gray-text-1 {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
}

.tagger-gray-text-2 {
    text-align: center;
    margin-top: 30px;
    font-weight: 700;
}

.tagger-section-4 {

    padding: 50px 0px;
}

.tagger-section-4 .left-aligned-title-blue {
    font-size: 40px;
}

.tagger-section-4-upper-text {
    margin-bottom: 50px;
}

.tagger-section-5 {
    background-color: #f8f6f7;
    padding: 50px 0px;
}

.tagger-section-6 {

    padding: 50px 0px;
}

.tagger-section-6-tagger-img-cont {
    margin-top: 50px;
}

/* LAFARGE */


#header .lafarge-logo img {
    height: auto !important;
    width: auto !important;
    top: 0px !important;
}

@media (max-width: 991px) {

    .logo-text.lafarge-logo {
        top: 120px;
        height: 50px;
        left: 0px;
        right: 0px;
        margin: auto;
        width: 150px;
    }

}
.tos-invisible {
	visibility:hidden;
}
.hidden-menu-item {
	display:none;
}


/* Video Page */

.tl-video .behavior-upmost-title {
	line-height:32px;
	margin-bottom: 38px;
}
.left-aligned-small-title {
    font-size: 22px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 10px;
}
.tl-video .machine-learning-section {
    padding: 50px 0px 0px 0px;
}
.caption-text {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-style: italic;
    font-size: 14px;
	margin-bottom:55px;
}
.blue-title-left {
    font-size: 22px;
    font-weight: bold;
    color: #4597cb;
    margin-bottom: 10px;
	line-height:30px;
}
.icon-row.icon-col-1 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin-right: 20px;
}
.icon-row.icon-col-2 {
    display: inline-block;
    width: 80%;
}

@media (max-width: 639px) {
    
    .icon-row.icon-col-2 {
        display: inline-block;
        width: 100%;
        margin-top: 20px;
    }
	
	.icon-row.icon-col-1 {
		width:100%;
		text-align:center;
	}
	
	p.medium-title {
		text-align:center;
		line-height: 25px;
	}
	p.medium-subtitle {
		text-align:center;
	}
	.col-md-6.obd-cols {
      text-align:center;
    } 
}

p.medium-title {
    font-size: 22px;
    margin-bottom: 10px;
}

p.medium-subtitle {
	font-size:18px;
}

p.blue-title.medium-title {
    color: #4597cb;
}
p.table-title {
    font-size: 18px;
    margin-bottom: 5px;
}
p.table-title-blue {
    font-size: 18px;
    color: #4597cb;
}
.light-grey-section {
    padding: 60px 0 40px 0;
    background: #f7f7f7;
}

/* TL Jobify */

.col-md-12.nopadding {
    margin-top: 35px;
    padding-right: 0;
}
.col-md-12.nopadding, .col-md-4.nopadding {
    padding-left: 0;
}
.col-blue-title {
	text-align: left;
    line-height: 28px;
    padding-top: 40px;
    padding-bottom: 20px;
	font-weight:bold;
	font-size: 24px;
    color: #4597cb;
}
.col-subtitle {
	font-size: 20px;
    line-height: 25px;
	font-weight:bold;
    margin-bottom: 20px;	
}
.col-img-caption {
    font-style: italic;
    font-size: 14px;
    margin-top: 20px;
}
.full-width-img-container {
	margin-top:25px;
	margin-bottom:40px;
}
.under-icon img {
    text-align: center;
    margin: 10px auto;
}
.three-tels .col-img-caption {
    margin-bottom: 55px;
}
.three-tels .col-md-4.nopadding {
    padding-left: 15px;
}
.vin-tel-section {
	padding-bottom:0;
	padding-top:10px;
}
.vin-section {
	margin-top:0;
}
.vin-section .col-md-8 {
	padding-top: 50px;
    padding-left: 0;
}
ul.jobify-benefits li {
    margin-bottom: 10px;
}
.li-col.li-col-left li, .li-col.li-col-right li {
    margin-bottom: 10px;
}
.mobility-use-case-section-2 .li-col.li-col-left li, .mobility-use-case-section-2 .li-col.li-col-right li {
	margin-bottom:0;
}

.jobify-right-image-section {
    position: relative;
    min-height: 500px;
}

.jobify-right-image-section .driving-behavior-img-cont img {
    position: absolute;
    right: 0px;
    top: 0px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    
    .jobify-right-image-section .driving-behavior-img-cont img {

        width: 560px;
    }
	
	.vin-section .col-md-8 {
	    padding-top: 0;
	}
	.col-md-12.nopadding.vin-section {
		margin-top:10px;
	}
    .vin-tel {
		padding-top:22px;
	}
	.obd-cols .icon-col-1 img {
    width: 50px;
}

.tl-connect {
    min-height:330px;
}

    .tl-behavior-page #header nav ul.nav-main li a, .tl-video #header nav ul.nav-main li a, .tl-mobility #header nav ul.nav-main li a {
		font-size:12px;
	}

}

@media (max-width: 991px) {
    
    .jobify-right-image-section .driving-behavior-img-cont img {
        position: relative;
        right: 0px;
        bottom: 0px;
        padding-left: 20px;
        margin-top: 50px;
        margin-right: 0px;
        margin-left: auto;
    }
	
	.col-img-desc {
		margin-bottom:30px;
	}
	
	.three-tels .col-md-4 img {
    margin: 10px auto;
    }
	
	.vin-section img {
		margin:0 auto;
	}
	 .tl-connect img {
      margin-top:25px;
    }
    
    .tl-connect {
      min-height:360px;
      padding-top:10px!important;
   }
}

.bottom-text-slider-2 {
    margin: 50px auto;
}

.jobify-overview-table .video-col-1 {
    width: 50%;
}

.jobify-overview-table .video-col-2 {
    width: 25%;
}

.jobify-overview-table .video-col-3 {
    width: 25%;
}

/*TL Connect */

.header-col {
    text-align: center;
    padding: 20px 20px 45px;
}
.header-col .col-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
}
.obd-text p {
	font-style: italic;
    font-size: 14px;
	padding-top:40px;
}
.obd-device {
	margin-top:-90px;
}
h2.medium-title {
	font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.obd-cols .icon-row .medium-title {
	font-size:18px;
}
.obd-cols .icon-row.icon-col-2 {
	width:75%;
}
.margin-bt-ul li {
	margin-bottom:5px;
}
.tl-connect {
    margin-bottom: 30px;
}
.padding-ps .blue-title {
	margin-top:30px;
}
p.small-text, .annotations p {
    font-size: 14px;
}
.table-desc {
	display: inline-block;
    font-size: 12px;
    line-height: 16px;
}
.dota {
	padding-top: 25px;
    display: inline-block;
    vertical-align: bottom;
}
h1.main-title {
	padding-top:20px;
}

.tl-video .bottom-text-slider-2 {
    margin: 0px;
}

.tl-video .bottom-text-slider-3 .bottom-text-slide-image .main-title.main-title-absolute {
    text-align: center;

}
    
@media (max-width: 399px) {
    .tl-video .bottom-text-slider-3 .bottom-text-slide-image .main-title.main-title-absolute {
        font-size: 16px !important;
        line-height: 19px;
        top: 97px;

    }
}

@media (max-width: 991px) {
    
    .obd-device .img-responsive {
        margin-left: auto;
        margin-right: auto;
    }
    
    .obd-text p {
        padding-top: 0px;
        margin-bottom: 50px;
    }
    
}
h3.bold-subtitle-sm {
    text-transform: none;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 25px;
    color: #414042;
}
.footer-copyright #sub-menu>ul {
    text-align: right;
}



/* OVERVIEW */

.tl-solutions-right .blue.big-title, .tl-solutions-left .blue.big-title {
    font-size: 28px;
    line-height: 35px;
    font-weight: bold;
}

.two-col-table .video-col-1 .video-row {
    font-weight: bold;
}

.point-title {
    margin-bottom: 10px;
    margin-top: 15px;
}	

.tl-platform-dashboard-features .col-md-4 p:first-child, .tl-platform-dashboard-features .col-md-8 p:first-child {
    margin-bottom: 4px;
}

.overview-section-1-list-cont {
    width: 400px;
    margin: 0px auto 50px auto;
    float: none;
    overflow: hidden;
}

/*
.centered-img.bottom-border {
    border-bottom: 1px solid #CCC;
}
*/

.narrow-li li {
    margin-bottom: 20px;
}

.unify-workflow {
    padding: 30px 0px;
}
.unify-workflow .vin-section{
    
    margin-top: 0px;
}

.unify-workflow .medium-title{
    
    margin-bottom: 20px;
    text-align: center;
}

.unify-workflow  .medium-title.blue {
    margin-bottom: 20px;
    color: #4597cb;
}


.data-streams {
    padding: 50px 0px;
}

.data-streams .small-text {
    font-size: 14px;
}

.mach-learning-title.blue {
    color: #4597cb;
}

.tl-solutions-row {
    overflow: hidden;
}

.tl-solutions-row .solution-li li {
    text-align: left;
}

.big-title.blue {
    color: #4597cb;
    font-size: 30px;
    line-height: 35px;
}

.big-dots {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 50px;
}

.big-dot-cont {
    display: flex;
    align-items: center;
}

.big-dot-cont .dot {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-right: 10px;
}

.big-dot-cont-1 .dot {

    background-color: #c8c943;

}

.big-dot-cont-2 .dot {

    background-color: #4596cb;

}

@media (max-width: 767px) {
    
    .big-dots {
        display: block;
    
    }
    
    .big-dot-cont-2  {
        margin-top: 20px;
    }
}

.differentiators .jobify-overview-table .video-col-1 {
    width: 40%;
    
}

.differentiators .jobify-overview-table .video-col-2 {
    width: 60%;
}

.differentiators .video-col-1 .video-row-1 {
    background-color: #4596cb;
    border-right-color: #FFF;
}

.differentiators .video-col-2 .video-row-1 {
    background-color: #4596cb;
}

.differentiators .video-col-2 .video-row {
    font-size: 16px;
    color: #414042;
    border-right: none;
}

.differentiators .video-row {

    justify-content: left;
}

.differentiators li {
    text-align: left;
}

.big-point-number {
    font-size: 32px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    
    .big-point-number {
        margin-top: 50px;
    }
}

.tl-ai-powered-big {
    float: right;
    margin-bottom: 50px;
    width: 90%;
}


.tl-platform-dashboard-features .col-md-4, .tl-platform-dashboard-features .col-md-8 {
    border-top: 1px solid #CCC;
    padding-top: 10px;
}

.tl-platform-dashboard-features-row {
    padding-right: 0px;
}

.tl-platform-dashboard-features-row-1 .col-md-4 {
    border-top: 1px solid #CCC;
    padding-top: 10px;
    margin-right: 2.5%;
    margin-left: 2.5%;
    width: 30%;
}

.tl-platform-dashboard-features-row-1 .col-md-4:nth-child(1) {
    margin-left: 0px;
    padding-left: 0px;
}

.tl-platform-dashboard-features-row-1 .col-md-4:nth-child(3) {
    margin-right: 0px;
    padding-right: 0px;
}

.tl-platform-dashboard-features-row-2 .col-md-8 {
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 5%;
    width: 65%;
}

.tl-platform-dashboard-features-row-2 .col-md-4 {
    margin-right: 0px;
    padding-right: 0px;
    width: 30%;
}



@media (max-width: 991px) {
    

    .tl-platform-dashboard-features-row .col-md-4 {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        padding-left: 0px;
    }
    
    .tl-platform-dashboard-features-row-2 .col-md-8 {

        margin-right: auto;
        width: 100%;
        padding-right: 0px;
    }

}

.solution-col-icon {
    text-align: center;
}

.solution-col-title {
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.solution-col-title-separator {
    height: 20px;
    width: 100%;
    background-color: #222;
    margin: 30px 0px;
}

.soltion-item-inner {
    display: flex;
}

.solution-feature-text {
    margin-left: 30px;
}

.soltion-item-inner.soltion-item-inner-ruler {
    align-items: center;
}

.soltion-item-inner-ruler .solution-feature-text {
    margin-left: 30px;
}


.solution-feature-text-row-1 {
    font-weight: bold;
    font-size: 14px;
}

.solution-feature-text-row-2 {
    font-size: 12px;
}

@media (max-width: 991px) {
    
    .solution-col {
        width: 47%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 50px;
    }
    
    .solution-col:nth-child(2n+1) {
        margin-right: 5%;
    }
}

@media (max-width: 767px) {
    
    .solution-col {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }
    
    .solution-col:nth-child(2n+1) {
        margin-right: 0;
    }
}

/* TL UNIFY */

.mach-learning-title.left-aligned {
	text-align:left;
}
p.centered-text {
	text-align:center;
}

.centered-img.bottom-border {
	margin:45px auto;
}
.workflow-title {
	font-weight:bold;
}
.tl-unify-workflow p {
	font-size:14px;
	line-height: 20px;
    margin-top: 6px;
}


/* VIN Section */

.vin-section.what-we-do {
    display: flex;
}

.vin-section-col {
    width: 22.5%;
    margin-right: 5%;
}

.vin-section-col-2 {
    width: 45%;
}

.vin-section-col-3 {
    margin-right: 0;
}

@media (max-width: 767px) {
    
    .vin-section.what-we-do {
        display: block;

    }
    

    .vin-section-col {
        width: 100%;
        margin-right: auto;
        margin-top: 50px;
    }
    
    .vin-section-col-1 {
        margin-top: 0px;
    }

}


.wwd-title {
    font-weight: bold;
    margin: 20px 0px;
}

/* Alignment Values */

.alignment-values-row {
    display: flex;
    margin-top: 20px;
}

.alignment-values-col-1 {
    width: 47.5%;
    margin-right: 5%;
}

.alignment-values-col-2 {
    width: 47.5%;
}

@media (max-width: 767px) {
    
    .alignment-values-row {
        display: block;

    }
    
    .alignment-values-col-1 {
        width: 100%;
        margin-right: auto;
    }
    
    .alignment-values-col-2 {
        width: 100%;
    }

}

.alignment-values-panel {
    text-align: center;
    border-top: 1px solid #CCC;
    padding: 20px;
    padding-top: 30px;
}

.alignment-values-panel-title {
    font-size: 42px;
    line-height: 52px;
}

@media (max-width: 991px) {
    .alignment-values-panel-title {
        font-size: 30px;
        line-height: 34px;
    }
	.three-links .col-md-4:not(:last-child) {
      margin-bottom: 8px;
    }
	.col-md-6.left-industry {
       margin-bottom: 40px;
    }
}

.alignment-values-panel-image {
    margin: 20px 0px;
}


/* CORE COMPETENCIES */



.core-competencies-section {
    margin-bottom: 50px;
}

.core-competencies-row {
    display: flex;
}

.core-competencies-col {
    width: 32%;
    margin-right: 1%;
}

.core-competencies-col-3 {
    margin-right: 0px
}

.core-competencies-panel {
    padding: 40px 27px 40px 27px;
    text-align: center;
}

.core-competencies-col-1 .core-competencies-panel {
    background-color: #ffb819;
}

.core-competencies-col-2 .core-competencies-panel {
    background-color: #ff671b;
}

.core-competencies-col-3 .core-competencies-panel {
    background-color: #4597cb;
}

.core-competencies-panel-text {
    color: #FFF;
    font-size: 22px;
    margin-top: 20px;
    line-height: 28px;
}

@media (max-width: 767px) {
    
    .core-competencies-row {
        display: block;
    }
    
    .core-competencies-col {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }
        
}
/* Industry Pages */

.three-links a:hover, .industry-row a:hover {
    color: #4597cb;
    text-decoration: none;
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
.three-links a:hover .fa, .industry-row  a:hover .fa {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}
span.second-h1 {
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 30px;
}
span.second-mach-title {
    display: inline-block;
    margin-top: 25px;
}
p.centered-text.big-txt {
    font-size: 18px;
    line-height: 28px;
}
.three-links {
    margin: 20px 0;
	font-size:18px;
	font-weight:bold;
}
.three-links .col-md-4 {
    text-align: center;
}
.short-space-li li {
	margin-bottom:5px;
}
.short-space-li {
    margin-bottom: 22px;
}
.industry-row {
	margin-top:40px;
}
.industry-row .col-md-6 {
    background: #f7f7f7;
    padding: 30px 25px;
	transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.industry-row .col-md-6:hover {
	-webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}
.industry-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
    line-height: 25px;
}
@media (min-width: 992px) {
  .industry-row .col-md-6 {
    width: 48%;
 }
 .col-md-6.right-industry {
    float: right;
}
  .industry-row {
	 padding-left:0;
	 padding-right:0;
  }
}
h3.medium-title {
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    margin-top: 10px;
    text-transform: none;
    color: #414042;
    margin-bottom: 20px;
}
.blue-medium-title {
	color:#4596cb;
}
.industry-features .col-md-12.nopadding {
	margin-top:0;
}
.industry-features li {
    margin-bottom: 6px;
}
.industry-centered-img {
	margin-left:auto;
	margin-right:auto;
}
.industry-name {
	font-size: 26px;
    line-height: 30px;
}
.spaced-li li {
    margin-bottom: 7px;
}
.big-li.narrow-row {
	margin:0 8%;
}
.big-li.narrow-row li {
	margin-bottom:8px;
	font-size:18px;
}

/* Blog */
.blog-single .post-content img {
    margin-bottom: 30px;
}
.blog-single h2 {
    font-size: 26px;
    margin-bottom: 18px!important;
}
ol.bracket-counter {
  list-style: none;
  padding-left: 30px;
}
ol.bracket-counter > li > span.li-counter {
  position: absolute;
  margin-left: -24px;
  font-weight:bold;
}
.hidden-pricing {
	display:none!important;
}

/* New Reseller Portal */

.icon-header {
	background: #4597cb;
    padding: 14px;
    border-radius: 30px;
}
.full-width-support-img {
	width:100%;
	display:block;
}
.sup-col-icon {
	vertical-align: middle;
}
.sup-col.list-col {
    padding-left: 84px;
}
.support-title-col {
	margin-bottom:22px;
}
.list-col li {
	font-size:18px;
}
span.brand-links {
    font-size: 14px;
    font-style: italic;
	margin-top: 5px;
    display: block;
}
.list-col li {
	margin-bottom:20px;
}
.brand-links .internal-link:before {
    content: "\f0c1"!important;
}
.brand-links .download-link:before {
    content: "\f019"!important;
}
.brand-links .preview-link:before {
	content: "\f002"!important;
}
.reseller-portal .sup-row-list li.xlsx-doc:before {
	content: "\f1c3"!important;
}
.brand-links .play-link:before {
	content: "\f01d"!important;
}
.brand-links:before {
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFF;
    text-decoration: none;
    font-style: normal;
}
.last-subsection {
	border-bottom:0px!important;
}
.subcat { 
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}
.sup-col.sup-col-2.list-col {
    width: 90%!important;
}
.support-sub-section.last-subsection .sup-outer-col{
	margin-left: auto;
    margin-right: auto;
	float:none;
}
@media (min-width:1200px) {
	.full-width-support-img {
		width:970px!important;
		margin-left: auto;
		margin-right: auto;
	}
}
.cc-banner .cc-message {
	font-size: 0.8em;
    line-height: 1.4;
}
.cc-animate.cc-revoke.cc-bottom {
	background: #4597cb;
	color:#fff;
	-webkit-transform: translateY(0em)!important;
    transform: translateY(0em)!important;
}
.cc-animate.cc-revoke.cc-bottom:hover {
	text-decoration:none;
	opacity:0.85;
}
.cc-color-override--1608664607.cc-window {
	background-color: rgb(251 251 251)!important;
	border-top:2px solid #f5f5f5;
}
.cc-color-override--1608664607 .cc-btn.cc-allow {
	background-color: #4597cb!important;
	color:#fff;
}
.cc-color-override--1608664607 .cc-btn:hover, .cc-color-override--1608664607 .cc-btn:focus, .cc-color-override--1608664607 .cc-btn:active {
	text-decoration:none;
	opacity:0.85;
	color:#fff;
}