/* Template: Leon Mobile App Landing Page
   Author: Kemoboy & InovatikThemes
   Version: 1.2
   Created: June 2017
   Description: Master CSS file
*/


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

01. General Styles 
02. Navigation
03. Header
04. Features Section
05. Description Section 1
06. Description Section 2
07. Screenshots Section
08. Video Section
09. Pricing Table Section
10. Testimonials Section
11. Other Apps Section
12. Social Media And Newsletter Section
13. Download Section
14. Contact Section
15. Footer
16. Back To Top Button
17. Media Queries
**********************************/


/***** 01. General Styles *****/

@import 'widgets.css';

html,
body {
	width: 100%;
	height: 100%; 
}

body {
	font: 300 17px/26px "Roboto", sans-serif;
	color: #333e50; 
}

body.admin-bar .navbar{
	top: 30px;
}

@media screen and ( max-width: 782px ) {
	body.admin-bar .navbar{
		top: 46px;
	}
}

/***** Preloader *****/
.main-wrapper {
	overflow: hidden;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #333e50; 
	z-index: 9999; 
}

#status {
	text-align: center;
	position: absolute;
	left: 50%; 
	top: 50%; 
	color: #fff;
	margin: 0 auto;

}

#status i {
    display: inline-block;
    position: absolute;
      left: 0;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}



#status i:first-child {
	top: -30px;
	left: -21px;
	-moz-animation-direction: reverse;
	-o-animation-direction: reverse;
	-webkit-animation-direction: reverse;
	animation-direction: reverse;
	 -webkit-animation-delay: .15s;
    animation-delay: .15s;
}


/***** Defaults *****/
h1 {
	font: 400 38px/1.25em "Roboto", sans-serif; 
}

h2 {
	font: 300 22px/1.5em "Roboto", sans-serif; 
}

h3 {
	font: 400 22px/1.5em "Roboto", sans-serif; 
}

p {
	font: 300 17px/1.6em "Roboto", sans-serif; 
}

a {
	color: #333e50;
	text-decoration: underline; 
}

a:hover {
	color: #000; 
}

.front-page {
	padding-top: 50px;
}

.img-responsive {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: center;
}

/***** Buttons *****/
.button-wrapper {
	display: inline-block;
	margin-right: 15px;
}

.button-large-transparent,
.button-large-transparent:focus {
	display: inline-block;
	font: 300 18px/32px "Roboto", sans-serif;
	background: transparent;
	color: #27c79a;
	border: 2px solid #27c79a;
	border-radius: 25px;
	padding: 9px 40px 9px 40px;
	text-decoration: none; 
	outline: none;
}

.button-large-transparent:hover {
	background-color: #1cb187;
	color: #333e50;
	border: 2px solid #1cb187;
	text-decoration: none;
	cursor: pointer; 
}
 
.button-large-solid,
.button-large-solid:focus {
	font: 500 17px/1.5em "Roboto", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	background-color: #27c79a;
	color: #fff;
	border: none;
	padding: 0 32px;
	height: 55px;
	line-height: 55px;
	text-decoration: none; 
	outline: none;
    border-radius: 4px;
}

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

.button-small-solid,
.button-small-solid:focus {
	display: inline-block;
	font: 500 15px/26px "Roboto", sans-serif;
	background-color: #27c79a;
	color: #fff;
	padding: 0 30px;
	height: 45px;
	line-height: 45px;
	text-decoration: none; 
	outline: none;
    border-radius: 4px;
    text-transform: uppercase;
}

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

.button-small-solid span,
.button-large-solid span {
	margin-right: 8px;
}

.button-large-solid span {
	font-size: 24px;
	position: relative;
	bottom: -3px;
}

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

.button-small-transparent:hover {
	background-color: #1cb187;
	color: #333e50;
	border: 2px solid #1cb187;
	text-decoration: none;
	cursor: pointer; 
}

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

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

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

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

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

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


/***** Section Heading *****/
.section-heading h1 {
	margin-top: 0;
	margin-bottom: 10px; 
}

.section-heading h2 {
	margin-top: 10px;
	margin-bottom: 10px; 
}


/***** Pagination *****/
.pagination {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 0;
}

.pagination span, 
.pagination a {
	text-align: center;
	display: inline-block;
	margin: 0 1px;
	line-height: 35px;
	padding: 0 12px;
	height: 35px;
	background: #27c79a;
	color: #fff;
	border-radius: 3px;
	font-size: 14px;
	margin-top: 5px;
}

.pagination a:hover {
	background: #1cb187 ;
}

.pagination span.current {
	color: #333e50;
	background: #e5e5e5;
}

.pagination a.next, .pagination a.prev {
	padding: 0;
	width: 35px;
}

/***** Post Password Form *****/
.post-password-form label {
	display: inline-block;
	width: 70%;
	margin-right: -4px;
}
.post-password-form label input {
	display: block;
	width: 100%;
	height: 50px;
	border-radius: 2px;
	border: 1px solid #e5e5e5;
	padding: 0 67px 0 20px;
	outline: 0;
	font-weight: 300;
}

.post-password-form input[type="submit"] {
	position: relative;
	top: -1px;
	display: inline-block;
	width: 30%;
	margin-right: -4px;
	height: 50px;
	padding: 0 10px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	background: #27c79a;
	border: none;
	outline: none;
}

.post-password-form input[type="submit"]:hover {
	background: #1cb187;
}

/***** Navigation *****/

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

.img-logo img {
	max-height: 45px;
}

/* Image logo not affixed */
.navbar-brand.img-logo img {
	margin-left: 10px;
	margin-top: 2px;
	max-width: 500px
	height: 38px; 
}

/* Image logo affixed while scrolling */
.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix .navbar-brand.img-logo.scrolling img {
	margin-top: 6px;
	margin-left: 10px; 
}

/* Text logo */
a.navbar-brand.scrolling {
	text-decoration: none;
	font: 300 30px/20px "Roboto", sans-serif;
	color: #fff;
	margin-top: 3px;
	margin-left: 5px; 
}

/* Navbar */
.navbar-custom {
	background-color: #333e50;
	border-color: transparent;
	font: 300 14.5px/22px "Roboto", sans-serif; /* menu links font properties */
}

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

.navbar-custom li .sub-menu  {
	list-style-type: none;
	list-style: none;
	display: none;
	padding: 0;
	width: 100%;
	min-width: 200px;
	position: absolute;
	left: 0;
    right: auto;
    background: #333e50;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.navbar-custom li ul.ul-reversed, 
.navbar-custom li .sub-menu ul.ul-reversed{
	left: auto;
	right: 100%;

}

.navbar-custom li .sub-menu ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
}

.navbar-custom li .sub-menu li a,
.navbar-custom li .sub-menu li a.scrolling  {
	display: block;
	padding: 6px 20px;
}

.navbar-custom li .sub-menu li:hover > ul {
	display: block;
}

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

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

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

/* Mobile menu toggle button hover color */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #1cb187;
	color: #fff;
	border-color: #1cb187; 
}

/* Mobile menu toggle button hover color */
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle.collapsed {
	background-color: #27c79a;
	border-color: #27c79a;
	color: #fff;
	font: 300 14px/19px "Roboto", sans-serif; 
}

.navbar-custom .nav li {
	position: relative;
}

.navbar-custom li:hover > .sub-menu {
	display: block;
}

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

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

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

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


/***** Hero Header *****/
.header {
	position: relative;
	min-height: auto;
	width: 100%;
	background-color: #333e50;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%;
	background-attachment: fixed; 
}

.header .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) ;
}

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

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

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

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

.header .header-content .call-to-action h1 {
	display: inline-block;
	font: 400 48px/1.2em "Roboto", sans-serif;
	color: #fff;
	margin-bottom: 40px;
	margin-top: 40px; 
}

.header .header-content .call-to-action h2 {
	display: inline-block;
	font: 300 22px/1.5em "Roboto", sans-serif;
	color: #fff;
	margin-left: 0%;
	margin-right: 0%; 
}

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

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

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


/***** Feature Box Style One *****/

.feature-box {
	margin-top: 40px; 
}

.feature-box .features-icons {
	font-size: 40px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 4px;
	float: left;
	max-width: 0;
	color: #27c79a; 
}

.feature-box .features-text {
	margin-left: 60px;
	margin-top: 0px;
	float: left;
	width: 90%;
}

.feature-box .features-text h3 {
	margin-top: 0px;
	margin-bottom: 3px; 
}

.feature-box .features-text p {
	margin-bottom: initial;
	margin-left: initial;
	margin-right: initial; 
}


/***** Feature Box Style Two *****/

.feature-box-two  {
	text-align: center;
}

.feature-box-two img {
	margin-bottom: 30px;
	border-radius: 3px; 
}

.feature-box-two span {
	width: 110px;
	height: 110px;
	background: #333e50;
	font-size: 60px;
	line-height: 110px;
	text-align: center;
	color: #fff;
	margin: 0 auto 30px;
	border-radius: 3px; 
}

.feature-box-two .text-div {
	margin-top: 13px;
}

.feature-box-two .text-div .box-title {
	font: 400 20px/30px "Roboto", sans-serif;
	margin-top: 20px;
	margin-bottom: 10px; 
}

.feature-box-two .text-div p {
	margin-bottom: 5px;
	margin-left: 0%;
	margin-right: 0%; 
}

.feature-box-two .button-small-solid {
	display: inline-block;
	margin-top: 20px;
	margin-bottom: 80px; 
}


/***** Small Carousel *****/

.small-carousel {
	display: inline-block;
	margin-top: 50px;
	margin-bottom: 30px;
	height: 80%; 
}

.small-carousel .carousel-control.left {
	background: none;
	margin-top: -40px;
	opacity: 0.7;
	margin-left: 20px; 
}

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

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

.small-carousel .carousel-caption {
	position: relative;
	right: 0%;
	margin-bottom: 20px;
	left: 0%;
	z-index: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #333e50;
	text-align: center;
	text-shadow: none; 
}

.small-carousel .carousel-caption p {
	margin-top: 23px;
	margin-bottom: 2px; 
}

.small-carousel .carousel-indicators {
	margin-bottom: -40px; 
}

.small-carousel .carousel-indicators li {
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: transparent;
	border: 1px solid #333e50;
	border-radius: 10px; 
}

.small-carousel .carousel-indicators .active {
	width: 10px;
	height: 10px;
	margin: 0;
	background-color: #333e50; 
}



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

.small-dialog h3 {
	text-align: center;
	margin-bottom: 35px;
	margin-top: 20px;
	font: 400 30px/1.3em "Roboto", sans-serif; 
}

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

.small-dialog p {
	font: 300 16px/1.4em "Roboto", sans-serif;
}

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

.small-dialog .bullet-number {
	width: 33px;
	height: 33px;
	background-color: #298aff;
	color: #fff;
	text-align: center;
	font: 600 15px/2.2em "Roboto", sans-serif;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 4px;
}

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

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

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

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

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

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


/***** Swiper Carousel *****/

.swiper-container {
	width: 100%;
	padding-bottom: 45px;
	margin: 0px auto 30px auto; 
}

.swiper-container .swiper-pagination {
	height: 40px;
	bottom: -20px; 
}

.swiper-container .swiper-pagination .swiper-pagination-bullet, .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	width: 10px;
	height: 10px;
	background-color: #333e50; 
}

/* Center slide text vertically */
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; 
}

.swiper-container .swiper-slide a {
	box-shadow: 0px 0px 9px 3px rgba(190, 190, 190, 0.7); 
}
.swiper-container .swiper-slide a img {
	max-height: 320px;
}

.swiper-container .swiper-slide a.popup-link {
	color: #fff;
	background-color: #fff; 
}


/***** 08. Video Section *****/
.video-section h1 {
	margin-bottom: 10px;
	margin-top: 0px; 
	color: #fff;
}
.video-section p {
	margin-top: 20px;
	margin-bottom: 30px;
	color: #fff;
}

/***** Pricing Table *****/

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

.pricing-column h3 {
	font: 400 26px/1.4em "Roboto", sans-serif;
	text-align: center;
	margin: 18px 15px 0px 15px; 
}

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

.pricing-column .price {
	font: 300 72px/1em "Roboto", sans-serif;
	margin-top: 4px; 
}

.pricing-column .pricing-first-p {
	margin: 25px 15px 0px 15px;
	color: #333e50; 
}

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

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

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

.pricing-column:hover {
	border: 2px solid #27c79a; 
}

.pricing-column:hover .separator-pricing {
	border-color: #27c79a; 
}

.pricing-column:hover .button {
	background-color: #27c79a;
	border-style: none;
	color: #fff; 
}


/***** Testimonials *****/
.testimonials-section {
	padding-top: 20px;
	padding-bottom: 90px;
	background-color: #27c79a; 
}

.testimonials-section img {
	margin-top: 40px;
	width: 80px;
	height: 80px;
}

.testimonials-section p {
	color: #fff;
	margin-top: 16px;
	margin-bottom: 8px;
	font-style: italic;
}

.testimonials-section h4 {
	/*font: 300 21px/30px "Roboto", sans-serif;*/
	color: #fff; 
}

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

.testimonials-section .carousel-indicators {
	margin-bottom: -50px;
}

.testimonials-section .carousel-indicators .active, 
.testimonials-section .carousel-indicators li:hover  {
	width: 11px;
	height: 11px;
	margin-top: 1px;
	margin-bottom: 1px;
	border: 1px solid #ebeaea;
	background-color: #ebeaea;
}

.testimonials-section .carousel-indicators li {
	width: 11px;
	height: 11px;
	margin-left: 2px;
	margin-right: 2px;
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.2);
}


.testimonials-section .carousel-content {
	color: #fff;
	display: flex;
	align-items: center; 
}


/***** Social Media *****/

.social-follow {
	text-align: center; 
	margin-bottom: 40px;
}
	
.social-follow h3 {
	text-align: center;
	margin-bottom: 8px; 
}

.social-follow .social-links .social-link {
	text-decoration: none;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 1px solid #333e50;
	margin: 5px 6px 0px 6px; 
 }
.social-follow .social-links .social-link:before {
	font-size: 24px;
	line-height: 45px;
	text-decoration: none;
}

.social-follow .social-link:hover {
	border-color: #27c79a;
}
.social-follow .social-link:hover:before {
	color: #27c79a; 
}

/***** Social Icons List *****/
.social-follow .social-link {
	font-size: 0;
  	display: inline-block;
  	position: relative; 
}
.social-follow .social-link:before {
	font-size: 12px;
    font-family: 'FontAwesome'; 
}

.social-follow .social-link[href*="facebook."]:before {
  content: '\f09a'; 
}

.social-follow .social-link[href*="twitter."]:before {
  content: '\f099'; 
}

.social-follow .social-link[href*="soundcloud."]:before {
  content: '\f1be'; 
}

.social-follow .social-link[href*="instagram."]:before {
  content: '\f16d'; 
}

.social-follow .social-link[href*="twitch."]:before {
  content: '\f1e8'; 
}

.social-follow .social-link[href*="youtube."]:before {
  content: '\f16a'; 
}

.social-follow .social-link[href*="vimeo."]:before {
  content: '\f27d'; 
}

.social-follow .social-link[href*="odnoklassniki."]:before {
  content: '\f263'; 
}

 .social-follow .social-link[href*="dribbble."]:before {
  content: "\f17d"; 
}

.social-follow .social-link[href*="pinterest."]:before {
  content: '\f0d2'; 
}

.social-follow .social-link[href*="linkedin."]:before {
  content: '\f0e1'; 
}

.social-follow .social-link[href*="behance."]:before {
  content: '\f1b4';
}

.social-follow .social-link[href*="amazon."]:before {
  content: '\f270'; 
}

.social-follow .social-link[href*="apple."]:before {
  content: '\f179'; 
}

.social-follow .social-link[href*="google."]:before {
  content: '\f1a0'; 
}

.social-follow .social-link[href*="spotify."]:before {
  content: '\f1bc'; 
}

.social-follow .social-link[href*="tumblr."]:before {
  content: '\f173'; 
}

/***** Newsletter Form *****/
#mc_embed_signup {
	text-align: center;
}

#mc_embed_signup form {
	width: 100%;
	margin: 0 auto;
}

#mc_embed_signup input[type="email"] {
	padding: 9px 30px 9px 30px;
	width: 280px;
	margin-top: 0px;
	margin-bottom: 20px;
	background: transparent;
	font: 300 15px/1.6em "Roboto", sans-serif;
	color: #333e50;
	box-shadow: none;
	border-radius: 4px;
	border: 1px solid black;
	text-align: center; 
	outline: none;
}

#mc_embed_signup input[type="email"] ::-webkit-input-placeholder {
	color: #333e50;
	opacity: 0.8; 
}

#mc_embed_signup input[type="email"] ::-moz-placeholder {
	color: #333e50;
	opacity: 0.8; 
} 

#mc_embed_signup input[type="email"] :-ms-input-placeholder {
	color: #333e50;
	opacity: 0.8; 
} 

#mc_embed_signup input[type="email"] :-moz-placeholder {
	color: #333e50;
	opacity: 0.8; 
} 

#mc_embed_signup input[type="email"]:focus {
	box-shadow: 0 5px 2px -2px #bebebe; 

}

#mc_embed_signup input[type="submit"] {
	border: none;
	outline: none;
	width: 38%;
	margin-left: 5px;
}

/***** Contact Section *****/
.contact-section {
	padding-top: 80px;
	padding-bottom: 30px;
	background-color: #333e50; 
}

.contact-section p, .contact-section a {
	color: #fff; 
}

.contact-section a,
.contact-section .location-information a {
	color: #ffffff; 
}

.contact-section a:hover,
.contact-section .location-information a:hover {
	color: #fff; 
}

.contact-section .contact-text p {
	color: #fff; 
	font: 300 16px/26px "Roboto", sans-serif;
}

.contact-section .contact-text h3 {
	margin-top: 10px;
	color: #fff;	
}

.contact-section .location-information {
	margin-top: 19px; 
	color: #fff;
	font: 300 16px/26px "Roboto", sans-serif;
}

.contact-section .location-information p {
	font: 300 16px/26px "Roboto", sans-serif;
}

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

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

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

.contact-section .location-information p.important-links {
	margin-top: 21px;
}

.contact-section .location-information p.important-links a {
	margin-right: 10px;
	position: relative;
}

.contact-section .location-information p.important-links a::before {
	position: absolute;
	content: '';
	right: -8px;
	top: 4px;
	height: 12px;
	width: 1px;
	background: #fff;
}

.contact-section .location-information p.important-links a:last-child::before {
	display: none;
}

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

.contact-section form.invalid {
	transition: margin-top .25s ease ;
	margin-top: 50px;
}

.contact-section form .wpcf7-not-valid-tip {
	display: inline-block;
	padding-top: 5px;
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	opacity: .8;
}

.contact-section div.wpcf7-validation-errors {
	padding: 0;
	font-size: 15px;
	display: block;
	position: absolute;
	top: -15px;
	border: none;
	color: #fff;
	opacity: .8;
}

.wpcf7::after,
.wpcf7::before,
.contact-section form::after,
.contact-section form::before {
	content: "";
	display: table;
}

.contact-section form::after {
	clear: both;
}

.contact-section form .col-md-4, .contact-section form .col-md-12 {
	padding-left: 0px;
	padding-right: 0px; 
}

.contact-section form ::-webkit-input-placeholder {
	color: #fff;
	opacity: 0.8; 
}

.contact-section form ::-moz-placeholder {
	color: #fff;
	opacity: 0.8; 
}

.contact-section form :-ms-input-placeholder {
	color: #fff;
	opacity: 0.8; 
}

.contact-section form :-moz-placeholder {
	color: #fff;
	opacity: 0.8; 
}

.contact-section form input {
	height: 45px;
	display: inline-block;
	width: 100%;
	padding: 6px 12px;
	background: transparent;
	font: 300 15px/1.6em "Roboto", sans-serif;
	color: #fff;
	border: none;
	box-shadow: none;
	border-radius: 4px;
	border: 1px solid white;
	margin-top: 20px;
	outline: none; 
}

.contact-section form input[type="submit"] {
	text-align: center;
	display: inline-block;
	width: auto;
	font: 500 17px/1.5em "Roboto", sans-serif;
	text-transform: uppercase;
	background-color: #27c79a;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 0 32px;
	margin-top: 10px;
	height: 45px;
	line-height: 45px;
	text-decoration: none; 
}

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

.contact-section form textarea {
	background-color: transparent;
	display: block;
	width: 100%;
	color: #fff;
	font: 300 15px/1.6em "Roboto", sans-serif;
	border: 1px solid white;
	border-radius: 4px;
	margin-top: 30px; 
	padding: 6px 12px;
	height: 110px;
	outline: none; 
}

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

.contact-section form button {
	margin-top: 15px;
	border: none; 
}


/***** 15. Footer *****/
.site-footer {
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #333e50; 
}

.site-footer p {
	font: 300 15px/1.5em "Roboto", sans-serif;
	color: #c4c4c4;
	text-align: center;
	width: 90%;
	margin: 0 auto; 
}

.site-footer p a {
	color: #c4c4c4; 
}

.site-footer p a:hover {
	color: #fff; 
}

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

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

/***** Blog/Page Header *****/

.breadcrumbs {
	margin-top: 35px;
	margin-bottom: 40px;
}
.breadcrumbs span, .breadcrumbs i {
	margin: 0 2px;
}

.blog-header {
	position: relative;
	background-image: url("../images/header-background.jpg");
	background-position: center;
	background-repeat: none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

.blog-header .container {
	position: relative;
	z-index: 10;
}
.blog-header .overlay {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),  center no-repeat;
}

.blog-header .blog-header-content {
	padding: 160px 0px 140px 0px;
}

.blog-header .blog-header-content h1 {
	margin-top: 0px;
	font: 400 56px/1.2em "Roboto", sans-serif;
	color: #fff;
	text-align: center;
}

.breadcrumbs ul {
	padding-left: 0px;
	margin-top: 35px;
	list-style-type: none;
}

.breadcrumbs ul li {
	display: inline-block;
}


/***** Blog *****/
.blog-list {
	padding-bottom: 30px;
}

.blog-list.page {
	padding-top: 70px;
}

.blog-list table, 
.comment table {
	margin-bottom: 15px;
	width: 100%;
}

.blog-list table tr, 
.comment table tr,
.blog-list table th, 
.comment table th,
.blog-list table td, 
.comment table td {
    border: 1px solid #e5e5e5;
    padding: 5px;

}

.blog-list table td, 
.comment table td {
	font-size: 14px;
}

.blog-list a {
	text-decoration: none;
}

.blog-list p:before,
.blog-list p:after  {
	content: "";
	display: table;
}

.blog-list p:after {
	clear: both;
}

.blog-list img {
	height: auto; 
    width: auto; 
    max-width: 100%; 
    max-height: 100%;
}

.blog-list .entry-title {
	margin-top: 0;
	margin-bottom: 0;
}

.blog-list .entry-header img {
	display: block;
	margin-bottom: 20px;
	width: 100%;
	height: auto;
}

.blog-list .post-navigation .nav-links {
	margin-top: -10px;
}
.blog-list .post-navigation .nav-links:after,
.blog-list .post-navigation .nav-links:before {
	content: "";
	display: table;
}

.blog-list .post-navigation .nav-links:after {
	clear: both;

}

.blog-list .post-navigation .nav-links .nav-previous {
	float: left;

}
.blog-list .post-navigation .nav-links .nav-next {
	float: right;
}

.blog-list .post-navigation .nav-links .nav-previous a,
.blog-list .post-navigation .nav-links .nav-next a {
	display: block;
	font-size: 16px;
	height: 44px;
	line-height: 44px;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.blog-list .post-navigation .nav-links .nav-previous a {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333e50'%2F%3E%3C%2Fsvg%3E");
	background-position: left;
	padding-left: 35px;
}

.blog-list .post-navigation .nav-links .nav-next a {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333e50'%2F%3E%3C%2Fsvg%3E");
	background-position: right;
	padding-right: 35px;
}

.blog-content .single-news {
	margin-bottom: 65px;
}


.blog-content .single-news .post h3 {
	font: 400 24px/1.5em "Roboto", sans-serif; 
	margin-bottom: 0px;
}

.blog-content .single-news .post h4 {
	font: 400 20px/1.5em "Roboto", sans-serif; 
	margin-top: 20px;
}

.blog-content .single-news .post span.blog-post-date {
	display: inline-block;
	color: #7a818c;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 14px
}

.blog-content .single-news .post span.blog-post-date a {
	text-decoration: none;
}

.blog-content .single-news .post a.button-small-solid.read-more {
	display: inline-block;
	margin-top: 5px;
}

/* Blog Posts Navigation, Previous - Next Buttons*/
.blog-content .single-news a.posts-navigation {
	display: inline-block;
	position: relative;
	margin-top: 30px;
}

.blog-content .single-news a.posts-navigation.prev {
	float: left;
	padding-left: 35px;
}

.blog-content .single-news a.posts-navigation.next {
	float: right;
	padding-right: 35px;
}

.blog-content .single-news a.posts-navigation.disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}


/***** Blog Split Pagination *****/
.split-pagination a, .split-pagination p > span {
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	background: #27c79a;
	border-radius: 3px;
	color: #fff;
	margin: 3px 1px;
}


.split-pagination a:hover {
	background: #1cb187 ;
}

.split-pagination p > span {
	color: #333e50;
	background: #e5e5e5;
}


/***** Comments Area *****/
.comments-area {
	padding-top: 80px;
}

.blog-list.page .comments-area {
	padding-top: 0px !important;
}


.comments-area h2 {
	font: 400 22px/1.5em "Roboto", sans-serif;
	margin: 0;
	padding-bottom: 15px;
}

.comment-respond {
	padding-top: 50px;
}

.comment-respond h3 {
	margin: 0;
	line-height: 22px;
}

.comment-respond .comment-form p {
	display: block;
	margin-top: 20px; 
	margin-bottom: 30px;
}

.comment-respond .comment-form .comment-notes {
	font-size: 14px;
	margin-top: 8px;
}

.comment-respond .comment-form label {
	float: none;
	display: block;
	font-size: 14px;
	line-height: 14px;
	font-weight: 300;
	margin-bottom: 6px;
}

.comment-respond .comment-form input, .comment-respond .comment-form textarea {
	display: block;
	width: 100%;
	height: 45px;
	background: transparent;
	font: 300 14px/1.6em "Roboto", sans-serif;
	color: #333e50;
	border: 1px solid #e5e5e5;
	box-shadow: none;
	padding: 12px;
	border-radius: 2px;
	outline: none;
}

.comment-respond .comment-form textarea {
	height: 90px;
}

.comment-respond .comment-form .form-submit {
	text-align: center;
}

.comment-respond .comment-form input[type="submit"] {
	text-align: center;
	display: inline-block;
	width: auto;
	border: none;
	font: 300 15px/26px "Roboto", sans-serif;
	background-color: #27c79a;
	color: #fff;
	border-radius: 8px;
	padding: 0 30px;
	height: 45px;
	line-height: 45px;
	text-decoration: none; 
	outline: none;
}

/***** Comments List *****/

.comment-list .pingback {
	padding: 6px 0;
}

.comment-list .pingback:first-child {
    border-top: 1px solid #e5e5e5;
}

.comment-list, .comment-list li {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-type: none;
}

.comment-list .comment {
	position: relative;
    padding-left: 100px;
    margin-bottom: 25px;
    border-top: 1px solid #e5e5e5;
}

.comment-list .comment .children {
	margin-left: -60px ;
}


.comment-list .comment .comment-body {
	margin: 25px 0;
}

.comment-list .comment .comment-content {
	padding-top: 10px;
}

.comment-list .comment .comment-reply-link, .comment-respond #cancel-comment-reply-link{
	display: inline-block;
	text-align: center;
	width: auto;
	padding: 0 13px;
	height: 30px;
	line-height: 30px;
	background: #eee;
	font-size: 13px;
	color: #333e50;
	border-radius: 2px;
	border: none;
}

.comment-list .comment .comment-reply-link:hover, 
.comment-respond #cancel-comment-reply-link:hover {
	background: #e4e4e4;
}

.comment-list .comment .comment-reply-link {
	position: absolute;
	right: 0;
	top: 25px;
}

.comment-respond #cancel-comment-reply-link {
	height: 25px;
	line-height: 25px;
	position: relative;
	top: -3px;
}

.comment-list .comment.depth-1,
.comment-list .comment.depth-2,
.comment-list .comment.depth-3,
.comment-list .comment.depth-4,
.comment-list .comment.depth-5,
.comment-list .comment.depth-6,
.comment-list .comment.depth-7,
.comment-list .comment.depth-8,
.comment-list .comment.depth-9,
.comment-list .comment.depth-10 {
	margin-bottom: 50px;
}

.comment-list .comment-author img {
	position: absolute;
	left: 0;
	top: 32px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.comment-list .comment-author .fn {
	font-size: 14px;
	line-height: 14px;
}

.comment-list .comment-author .says {
	display: none;
}

.comment-navigation {
    border-top: 1px solid #e5e5e5;
	padding: 25px 0;
}

.comment-navigation:before, .comment-navigation .nav-links:before,
.comment-navigation:after, .comment-navigation .nav-links:after {
	content: "";
	display: table;
}

.comment-navigation:after, .comment-navigation .nav-links:after {
	clear: both;
}

.comment-navigation .nav-links .nav-previous {
	float: left;
}

.comment-navigation .nav-links .nav-next {
	float: right;
}

.comment-list .comment-metadata {
	font-size: 12px;
	line-height: 20px;
}

.comment dt {
	padding-bottom: 4px;
}
.comment p, .comment dd, .comment li{
	font-size: 14px;
	line-height: 18px;
}
.comment address {
	font-size: 14px;
	line-height: 24px;
}

/***** 404 Page *****/
.header-404 {
	position: relative;
	min-height: auto;
	width: 100%;
	background-color: #333e50;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100%;
	background-attachment: fixed; 
}

.header-404 .flex-container-wrapper {
	display: flex;
	flex-direction: column;
	height: 100%; 
}

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

.header-404 h1 {
	font: 400 116px/0.7em "Roboto", sans-serif;
	color: #fff;
	margin-bottom: 0px;
	margin-top: 0px; 
}

.header-404 h2 {
	font: 400 30px/1.5em "Roboto", sans-serif;
	color: #fff;
	margin-bottom: 0px; 
}

.header-404 p {
	color: #fff;
	margin-bottom: 30px;
}

/***** Text  Description *****/
.text-description-left, 
.text-description-right {
	width: 100%;
	max-width: 580px;
	margin-left: auto;
	padding: 0 25px;
}

.text-description-left {
	float: right;	
}

.text-description-right {
	float: left;	
}



/***** Media Queries *****/

/****** @min-width width 768 ******/
@media (min-width: 768px) {

	.text-description-right {
		padding-left: 45px;
	}

	h1 {
		font: 400 40px/1.25em "Roboto", sans-serif; 
	}

	/***** Navigation *****/
	.navbar-brand.img-logo.scrolling img {
		margin-top: 5px;
		margin-left: 0px; 
	}

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

	/* Text logo not affixed */
	a.navbar-brand.scrolling {
		margin-top: -3px;
		font: 300 38px/20px "Roboto", sans-serif; 
	}

	/* Text logo affixed while scrolling */
	.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix a.navbar-brand.scrolling {
		font: 300 30px/20px "Roboto", sans-serif;
		margin-top: -2px;
		margin-left: 0px; 
	}

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

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

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

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

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

	/* Navbar height and color while scrolling */
	.navbar-custom.affix {
		background-color: #333e50;
		padding: 4px 0 3px 0; 
	}

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

	/***** Hero Header ******/
	.header {
		min-height: 100%; 
	}

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

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

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

	.header .header-content .call-to-action h1 {
		font: 400 50px/1.2em "Roboto", sans-serif;
		margin-top: 20px;
		text-align: center; 
	}
	
	.header .header-content .call-to-action h1 .rotating { 
		color: #ffffff;
		font-weight: 500; 
	}

	/****** Small Carousel ******/
	.small-carousel .carousel-indicators {
		margin-bottom: -60px; 
	}

	
	/****** Magnific PopUp FAQ PopUp ******/
	.small-dialog {
		padding: 30px 40px 40px 40px;
	}
	
	.small-dialog h3 {
		text-align: center;
		margin-bottom: 35px;
		margin-top: 20px;
		font: 400 32px/1.5em "Roboto", sans-serif; 
	}

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

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

	/****** Contact Section ******/
	.contact-section {
		padding-top: 80px;
		padding-bottom: 35px; 
	}

	.contact-section form button {
		margin-top: 10px; 
	}

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

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

	.contact-section .location-information ul li {
		display: inline; 
	}

}

/****** @max-width 991 ******/
@media screen and ( max-width: 991px ) {

	.button-wrapper {
		margin-bottom: 10px;
	}

	/****** Comments List ******/
	.comment-list .comment {
		position: relative;
	    padding-left: 50px;
	    margin-bottom: 25px;
	    border-top: 1px solid #e5e5e5;
	}

	.comment-list .comment .children {
		margin-left: -50px ;
	}

	.comment-list .comment-author img {
		position: absolute;
		left: 0;
		top: 32px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
	}

	.comment-list .comment .comment-reply-link {
		position: static;
	}

	/****** Feature Box ******/
	.feature-box {
		padding-top: 0px !important;
	}
	
	/****** Text Description ******/
	.text-description-left, 
	.text-description-right {
		max-width: 991px;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 15px;
		float: none;
		padding-bottom: 60px;
	}

	.text-description-right {
		padding-top: 60px;
	}

}

/****** @max-width 768 ******/
@media screen and ( max-width: 768px ) {
	.comment-list .comment .children {
		margin-left: -80px ;
	}

	.text-description-right {
		padding-left: 0 !important;
	}

	/***** Navigation  *****/
	.navbar-collapse .navbar-nav {
		margin-left: -15px;
	}
	
	.navbar-custom li .sub-menu {
		position: static;
		border: rgba( 255, 255, 255, .1 );
		box-shadow: none;
		display: block;
	}

	.navbar-custom li .sub-menu li a, .navbar-custom li .sub-menu li a.scrolling {
		padding-left: 25px;
	}
	
	.navbar-custom li .sub-menu i {
		display: none;
	}

	.navbar-custom li .sub-menu ul {
		position: static;
		display: block;
	}


	/***** Hero Header *****/
	.header img {
		display: block;
		width: 100%;
		height: auto;
		vertical-align: center;
	}

}


/****** @min-width 992 ******/
@media (min-width: 992px) {
	h1 {
		font: 400 44px/1.25em "Roboto", sans-serif; 
	}
	
	/****** Navigation ******/

	/* Image logo not affixed */
	.navbar-brand.img-logo.scrolling img {
		margin-top: 3px;
		width: 140px;
		height: 45px; 
	}


	/* Image logo affixed while scrolling */
	.navbar.navbar-default.navbar-custom.navbar-fixed-top.affix .navbar-brand.img-logo.scrolling img {
		margin-top: 7px;
		width: 118px;
		height: 38px; 
	}

	/***** Hero Header ******/
	.header .header-content img {
		margin-top: 70px;
		max-height: 460px; 
	}

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

	.header .header-content .call-to-action h1 {
		font: 400 52px/1.2em "Roboto", sans-serif;
		text-align: left;
		margin-bottom: 30px; 
	}
	
	/****** Small  Carousel ******/
	.small-carousel {
		display: inline-block;
		margin-top: 50px;
		margin-bottom: 30px;
		height: 100%; 
	}

	/****** Video Section  ******/
	.video-section p {
		margin: 30px auto 0px auto; 
	}

	/****** NewsLetter ******/
	#mc_embed_signup form {
		width: 70%;
		margin: 0 auto;
	}
	#mc_embed_signup input[type="email"] {
		width: 60%;
		margin: 0 auto;
		float: left;
	}

	/****** Contact Section ******/
	.contact-section form {
		width: 97%;
		float: right; 
	}

	.contact-section form .col-md-4, .contact-section form .col-md-12 {
		padding-left: 10px;
		padding-right: 10px; 
	}

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

	.contact-section form textarea {
		margin-top: 10px; 
	}

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

/* Min-width 1200 */
@media (min-width: 1200px) {

	/****** Hero Header ******/
	.header .header-content img {
		max-height: 500px; 
	}

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

	.header .header-content .call-to-action h1 {
		font: 400 56px/1.2em "Roboto", sans-serif; 
	}

	/***** Video Section  *****/
	.video-section h1 {
	    margin-top: 40px;
	}

	/******  Feature Box Style One ******/
	.feature-box {
		margin-top: 40px; 
	}

	.feature-box .features-icons {
		font-size: 48px; 
	}

	.feature-box .features-text {
		margin-left: 70px; 
	}

	/****** Contact Section ******/
	.contact-section form {
		margin-top: 15px; 
	}

	.contact-section form button {
		margin-top: 10px; 
	}

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

.vc_tta.vc_general .vc_tta-tab>a,
.vc_tta-tab>a {
	background: none !important;
	border-radius: 4px !important;
	padding-top: 9px !important;
	border: 1px solid #aaa !important;
	padding-bottom: 9px !important;
	color: #6a6a6a !important;
	background: none !important;
}


.vc_tta-style-classic .vc_tta-tab.vc_active>a {
	background: #333e50 !important;
	color: #fff !important;
	border-color: transparent !important;
}