@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);

/*================== MAIN LAYOUT ====================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align:top }

body { overflow-x: hidden; font: normal 15px/22px 'Lato', sans-serif; color: #ffffff; background: #ffffff; font-variant-ligatures: none; }

a { font: inherit; color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:bold; cursor:pointer }
a:hover { text-decoration: none; }
a:focus, a:hover {color: inherit;}
a[href^="tel:"] { color: inherit; text-decoration: none; }

.links1:hover{color:#99c0de}
.links2:hover{color:#afd98e}
.links3:hover{color:#cce0ef}
.links4:hover{color:#afd98e}
.links5:hover{color:#0062ad}

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

/* Header font */
h1, .title1 { font: 900 55px/70px 'Lato', sans-serif; }
h2, .title2 { font: 900 30px/40px 'Lato', sans-serif;  }
h3 { font: 700 26px/35px 'Lato', sans-serif; text-transform: uppercase; }
h2 > .small{ font: 700 20px/40px 'Lato', sans-serif;}
h4 { font: 700 20px/27px 'Lato', sans-serif; }
h5 { font: 700 18px/22px 'Lato', sans-serif; }
h6 { text-transform: uppercase; }

p:last-child { margin:0;}

ol, ul { list-style: none; }

.inline-block 		{display:inline-block;}
.bold, strong		{ font-weight:700 !important;}
.italic				{ font-style:italic !important;}
.z-index 			{ z-index:2;}
.opacity { opacity:.6;}
.vert-middle {vertical-align: middle;}

.visible-phone { display: none !important; }
.visible-tablet { display: none !important;}


	@media (min-width: 980px) and (max-width: 1199px) {
		.visible-tablet { display: block !important;}
		.hidden { display: none !important;}
	}
	
	@media (max-width: 500px) {
		h1 { font-size:45px; line-height:60px; }
		h2 { font-size:26px; line-height:35px}
		h3 { font-size:20px; line-height:27px}
		h4 { font-size:18px;}
		
		.btn-wrapper3 { float:none !important; margin:0}
		
		.visible-phone { display: block !important; }
		.visible-tablet { display: none !important;}
		.visible-desktop { display: none !important;}
	}
		
		
	@media (max-width: 369px) {
		h1 { font-size:35px; line-height:45px; }
		.btn.sm, .btn2.sm, .btn-black.sm, .btn3.sm {  padding: 5px 10px 5px !important;}

	}

/* Margins/Paddings */
.m-0 { margin: 0!important }
.mt-0  { margin-top: 0!important }
.mr-0  { margin-right: 0!important }
.mb-0 {margin-bottom: 0!important}
.ml-0 {margin-left: 0!important}

.m-1 { margin: 10px !important }
.mt-1 { margin-top: 10px !important }
.mr-1 { margin-right: 10px !important }
.mb-1 {margin-bottom: 10px !important}
.ml-1 {margin-left: 10px !important}

.m-2 { margin: 20px !important }
.mt-2 { margin-top: 20px !important }
.mr-2 { margin-right: 20px !important }
.mb-2 {margin-bottom: 20px !important}
.ml-2 {margin-left: 20px !important}

.m-3 { margin: 30px !important }
.mt-3 { margin-top: 30px !important }
.mr-3 { margin-right: 30px !important }
.mb-3 {margin-bottom: 30px !important}
.ml-3 {margin-left: 30px !important}

.m-4 { margin: 40px !important }
.mt-4 { margin-top: 40px !important }
.mr-4 { margin-right: 40px !important }
.mb-4 {margin-bottom: 40px !important}
.ml-4 {margin-left: 40px !important}

.marginr_5 { margin-right:5px !important;}
.margint_5 { margin-top:5px;}
.no-margin { margin: 0 !important;}

.p-1 { padding: 10px !important; }
.no-padding, .p-0 { padding:0 !important;}
.no-padding_right, .pr-0 { padding-right: 0 !important;}
.no-padding_left, .pl-0 { padding-left: 0 !important;}
.pb-0 {padding-bottom: 0}
.ml-auto,.mx-auto { margin-left: auto!important }

.spacing1 { margin: 6px 20px 5px 0;}
.spacing2 { margin: 6px 10px 5px 0;}
.spacing3 { margin: 0px 0px 10px 0;}
.spacing4 { margin: 0 0 0 10px;}
.spacing5 { margin: 0 10px 0 0;}
.spacing6 { margin: 0 5px 0 0;}
.spacing7 { margin: 0 20px 0 0;}
.spacing8 { margin: 0 40px 0 0;}


	@media (min-width: 768px) { 
		.m-0-sm { margin: 0!important }
		.mt-0-sm  { margin-top: 0!important }
		.mr-0-sm  { margin-right: 0!important }
		.mb-0-sm {margin-bottom: 0!important}
		.ml-0-sm {margin-left: 0!important}

		.m-1-sm { margin: 10px !important }
		.mt-1-sm { margin-top: 10px !important }
		.mr-1-sm { margin-right: 10px !important }
		.mb-1-sm {margin-bottom: 10px !important}
		.ml-1-sm {margin-left: 10px !important}

		.m-2-sm { margin: 20px !important }
		.mt-2-sm { margin-top: 20px !important }
		.mr-2-sm { margin-right: 20px !important }
		.mb-2-sm {margin-bottom: 20px !important}
		.ml-2-sm {margin-left: 20px !important}

		.m-3-sm { margin: 30px !important }
		.mt-3-sm { margin-top: 30px !important }
		.mr-3-sm { margin-right: 30px !important }
		.mb-3-sm {margin-bottom: 30px !important}
		.ml-3-sm {margin-left: 30px !important}

		.no-padding-tablet { padding:0;}

		.p-0-sm { padding:0!important;}
		.pr-0-sm { padding-right: 0 !important;}
		.pl-0-sm { padding-left: 0 !important;}
	}

	@media (min-width:992px) { 
		.m-0-md { margin: 0!important }
		.mt-0-md { margin-top: 0!important }
		.mr-0-md { margin-right: 0!important }
		.mb-0-md {margin-bottom: 0!important}
		.ml-0-md {margin-left: 0!important}

		.m-1-md { margin: 10px !important }
		.mt-1-md { margin-top: 10px !important }
		.mr-1-md { margin-right: 10px !important }
		.mb-1-md {margin-bottom: 10px !important}
		.ml-1-md {margin-left: 10px !important}

		.m-2-md { margin: 20px !important }
		.mt-2-md { margin-top: 20px !important }
		.mr-2-md { margin-right: 20px !important }
		.mb-2-md {margin-bottom: 20px !important}
		.ml-2-md {margin-left: 20px !important}

		.m-3-md { margin: 30px !important }
		.mt-3-md { margin-top: 30px !important }
		.mr-3-md { margin-right: 30px !important }
		.mb-3-md {margin-bottom: 30px !important}
		.ml-3-md {margin-left: 30px !important}

		.pr-0-md { padding-right: 0 !important;}
		.pl-0-md { padding-left: 0 !important;}
	}

	@media (min-width: 1200px) { 
		.m-0-lg { margin: 0!important }
		.mt-0-lg { margin-top: 0!important }
		.mr-0-lg { margin-right: 0!important }
		.mb-0-lg {margin-bottom: 0!important}
		.ml-0-lg {margin-left: 0!important}

		.m-1-lg { margin: 10px !important }
		.mt-1-lg { margin-top: 10px !important }
		.mr-1-lg { margin-right: 10px !important }
		.mb-1-lg {margin-bottom: 10px !important}
		.ml-1-lg {margin-left: 10px !important}

		.m-2-lg { margin: 20px !important }
		.mt-2-lg { margin-top: 20px !important }
		.mr-2-lg { margin-right: 20px !important }
		.mb-2-lg {margin-bottom: 20px !important}
		.ml-2-lg {margin-left: 20px !important}

		.m-3-lg { margin: 30px !important }
		.mt-3-lg { margin-top: 30px !important }
		.mr-3-lg { margin-right: 30px !important }
		.mb-3-lg {margin-bottom: 30px !important}
		.ml-3-lg {margin-left: 30px !important}

		.pr-0-lg { padding-right: 0 !important;}
		.pl-0-lg { padding-left: 0 !important;}

	}

	@media (max-width: 767px) { 
		.m-0-xs { margin: 0!important }
		.mt-0-xs { margin-top: 0!important }
		.mr-0-xs { margin-right: 0!important }
		.mb-0-xs {margin-bottom: 0!important}
		.ml-0-xs {margin-left: 0!important}

		.m-1-xs {margin: 10px !important; }
		.mt-1-xs { margin-top: 10px !important }
		.mr-1-xs { margin-right: 10px !important }
		.mb-1-xs {margin-bottom: 10px !important}
		.ml-1-xs {margin-left: 10px !important}

		.m-2-xs { margin: 20px !important }
		.mt-2-xs { margin-top: 20px !important }
		.mr-2-xs { margin-right: 20px !important }
		.mb-2-xs {margin-bottom: 20px !important}
		.ml-2-xs {margin-left: 20px !important}

		.m-3-xs { margin: 30px !important }
		.mt-3-xs { margin-top: 30px !important }
		.mr-3-xs { margin-right: 30px !important }
		.mb-3-xs {margin-bottom: 30px !important}
		.ml-3-xs {margin-left: 30px !important}

		.marginb_5-xs {margin-bottom: 5px !important; }
		.no-padding-mobile, .p-0-xs { padding:0;}
		.pr-0-xs { padding-right: 0 !important;}
		.pl-0-xs { padding-left: 0 !important;}

	}

/*==================HEADER========================*/
header {background: #fff}
header .wrapper1 { margin: 10px 0; }
header .wrapper2 { margin: 10px 0; }
header .wrapper3 { margin: 15px 0; }

header .connections { margin-top:20px}
header .social-list { margin-top:7px;}
header .social-list li { display: inline-block; margin-left: 5px; }
header .social-list li a:hover { background: #0062ad; text-decoration: none; }
header .facebook { background-color:#5161c7;}

header .location { margin-top:15px;}
header .location-title { margin-right:46px;}
header .contact { font-size: 30px; line-height:50px;}

header .btn-wrapper2 { margin-top:0}
header .btn2 { font: 700 30px/35px 'Lato', sans-serif; padding: 12px 40px 12px; margin-right:20px; text-transform: uppercase;}

/* slider */
.slider, #content .header-banner-box { margin-bottom:20px;}
.flexslider ul { line-height:40px;}
#flexslider-1 .slides li, #flexslider-2 .slides li { position:relative }
#flexslider-1 .slides li img, #flexslider-2 .slides li img { width: 100%; }
#flexslider-1 .flex-caption, #flexslider-2 .flex-caption, #content .header-banner-box .caption {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;position: absolute; padding: 0; }
#flexslider-1 .flex-caption, #content .header-banner-box .caption { top:105px; left:45px  }
#flexslider-2 .flex-caption {  top:25px; left:20px; }

#flexslider-1 .flex-caption h1, #flexslider-2 .flex-caption h1, #content .header-banner-box .caption h1 { text-transform:uppercase; color: #fff; line-height:50px}
#flexslider-1 .flex-caption h1, #content .header-banner-box .caption h1 { color: #fcff00; font-size:50px;}
#flexslider-1 .flex-caption h3, #content .header-banner-box .caption h3 { font-weight:400; text-transform:none; font-size:20px; line-height:25px;}
#flexslider-1 .flex-caption .action { overflow:hidden;}
#flexslider-1 .flex-caption .price { font-size:60px; line-height:60px; font-weight:900; float:left; margin-right:30px;}
#flexslider-1 .flex-caption .price > span { font-weight:400; text-transform:none; font-size:20px; line-height:60px;}
#flexslider-1 .btn-wrapper2 { float:left; padding-top:10px}
#flexslider-1 .btn-wrapper3 { float:left;}

#flexslider-1 .btn.sm { padding:6px 20px 7px !important;}

#flexslider-2 .flex-caption h1 { font-size:50px;}
#flexslider-2 .flex-caption h2 { font-weight:400; text-transform:uppercase; color: #fcff00; font-size:36px;}
#flexslider-2 .flex-caption h3 { font-size:30px; font-weight:400; text-transform:none; line-height:55px}
#flexslider-2 .flex-caption h3 span { font-size:40px; font-weight:900;}

/* ===================Header Banners=====================================*/
#content .header-banner-box { overflow:hidden;}
#content .header-banner-box .list ul { list-style:none; padding: 0; }
#content .header-banner-box .list li { font-size:25px; line-height:35px; color:#333; font-weight:bold; margin-right:40px}
#content .header-banner-box .list li:before { content:"\f058"; font-family: FontAwesome; font-size: 25px; font-weight:normal; margin-right: 10px;}

	@media (max-width: 1280px) {
	#flexslider-2 .flex-caption h1 { font-size:45px; line-height:45px}
	#flexslider-2 .flex-caption h2 { font-size:30px;}
	}

	@media (max-width: 1199px) {
	header .btn2 { padding: 12px 10px 12px;}
	header .connections { margin-top:15px}
	header .logo-caption img { width:340px;}
	header .contact { font-size: 25px; margin-right:30px}

	#flexslider-1 .flex-caption, #content .header-banner-box .caption { top:70px; }
	
	#flexslider-1 .flex-caption h1, #content .header-banner-box .caption h1 { font-size:40px; line-height:40px}
	#flexslider-1 .flex-caption .price { font-size:50px; line-height:50px; margin-right:20px;}
	#flexslider-1 .flex-caption .price > span { font-size:18px; line-height:50px;}
	#flexslider-1 .flex-caption h3, #content .header-banner-box .caption h3 { font-size:18px; line-height:20px;}

	#flexslider-1 .btn-wrapper2 { padding-top:5px}
	
	#content .header-banner-box .list li { font-size:20px; line-height:30px; }
	}
	
	@media (max-width: 979px) {
	header .wrapper1 { margin: 60px 0 10px;  }
	header .logo-caption img { width:290px;}
	header .location { margin-top:0;}

	#flexslider-1 .flex-caption, #flexslider-2 .flex-caption, #content .header-banner-box .caption { left:20px;  }
	#flexslider-1 .flex-caption, #content .header-banner-box .caption { top:50px  }
	#flexslider-2 .flex-caption { top:15px;  }
	#flexslider-1 .flex-caption h1, #content .header-banner-box .caption h1 { font-size:35px; line-height:35px  }
	#flexslider-1 .flex-caption .price { font-size: 40px; line-height: 40px; margin-right: 10px;}
	#flexslider-1 .flex-caption .price > span { line-height:40px;}
	#flexslider-1 .btn-wrapper2 { padding-top:0}
		
	.hidden-phone { display:none}
	}
	
	@media (min-width: 767px) and (max-width: 979px) {
	#flexslider-2 .flex-caption h1, #content .header-banner-box .caption h1 { font-size:35px; line-height:35px  }
	#flexslider-2 .flex-caption h2, #content .header-banner-box .caption h2 {font-size:25px; line-height:25px}
	}
	
	
	@media (max-width: 767px) {
	header .social-list { float: none; position: absolute; right: 15px; top: -80px}
	header .logo-caption { float:none;}
	header .btn-wrapper1 { float:none; text-align: center;}
	header .btn2 { margin-right:0}
	header .email span { display:none;}
	
	#flexslider-1 .flex-caption, #content .header-banner-box .caption { top:25px !important; }

	#flexslider-1 .slides li img, #content .header-banner-box img {width: 130%; max-width:130%; margin-left:-40px}
	#flexslider-1 .flex-caption h1, #content .header-banner-box .caption h1 { font-size:30px; line-height:30px  }
	#flexslider-1 .flex-caption .action { width:200px}
	#flexslider-1 .flex-caption .price { margin-right:0}
	#flexslider-1 .flex-caption h3, #content .header-banner-box .caption h3{ display:none;}
	#flexslider-1 .btn-wrapper2 { padding-top:10px}
	
	#content .header-banner-box .list li { font-size:15px; line-height:22px; margin-right:20px }
	}
	
	@media (max-width: 500px) {
	header .wrapper1 { margin-top: 70px }
	header .logo-caption img { width:250px;}
	header .social-list { top: -160px; z-index: 9999}
	
	header .location { margin-top:0; text-align: center;}
	header .location-title {font: 900 35px/45px 'Lato', sans-serif; float:none; margin-right:0}

	#flexslider-1 .flex-caption, #content .header-banner-box .caption { top:15px !important; left:20px !important }
	#flexslider-1 .slides li img, #content .header-banner-box img {width: 150%; max-width:150%; margin-left:-30px}
	#flexslider-1 .flex-caption h1, #content .header-banner-box .caption h1{ font-size:18px; line-height:20px }
	#flexslider-1 .flex-caption .price { display:none }
	
	#flexslider-2 .slides li img {width: 130%; max-width:130%; margin-left:-30px}
	#flexslider-2 .flex-caption h1{ font-size:25px; line-height:25px }
	#flexslider-2 .flex-caption h2{ font-size:20px; line-height:20px }
	
	#content .header-banner-box .list li { margin-right:5px }
	#content .header-banner-box .list li:before { font-size: 20px; margin-right: 5px;}
	}
	
	@media (max-width: 369px) {
	header .contact { margin-right:20px}

	#content .header-banner-box .list ul { display:none }
	}



/* Main menu styles
========================================================*/
nav ul { margin: 0; }
.sf-menu > li { float: left; position: relative; padding: 0 28px 0 28px; }
.sf-menu > li > a { display: inline-block; text-transform: uppercase; color: #fff; font: 700 20px/50px 'Lato', sans-serif; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.sf-menu > li > a:hover { text-decoration: none; color: #0062ad; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.sf-menu > li:first-child { padding-left: 0; }
.sf-menu > li:last-child { padding-right: 0; }
.sf-menu > li.current > a, .sf-menu > li.sfHover > a { color: #0062ad; }
.sf-menu a { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.sf-menu a:hover { -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }

.sf-menu ul { position: absolute; top: 40px; left: -30px; background:#ebebeb; z-index: 2; display: none; width: 195px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #333; }

.sf-menu ul li { font: normal 15px/35px 'Lato', sans-serif; position: relative; padding: 20px 20px 20px 15px; float: left; width: 100% }
.sf-menu ul li span { border-bottom: 1px dashed #ccc; float:left; width: 100%; display: block; position: relative; }
.sf-menu ul li span.last, .sf-menu ul li span:last-child { border-bottom:none;}
.sf-menu ul li span a { color: #333; }
.sf-menu ul li span a:hover { color: #0062ad; text-decoration: none; }

.sf-menu ul li span.sfHover > a { color: #65cd4c; }
.sf-menu ul li span.sfHover > a:before { color: #65cd4c; }

#menu { display:none;}

	@media (max-width: 1199px) {
		.sf-menu > li { padding: 0 18px 0 17px; }
		.sf-menu > li > a { font: 700 18px/50px 'Lato', sans-serif; }
	}
	
	@media (max-width: 979px) {
		#menu { display:block;}
		nav { display: none; }
		#mobile-menu { font-size: 16px; font-weight: bold; color: #fff; text-align: center; line-height: 40px; padding: 0; position:fixed; z-index:9999; width:100%; height:50px; background:#333; }
		#mobile-menu a { background: center center no-repeat transparent;display: block; width: 40px; height: 40px; position: absolute; top: 5px; left: 10px;
		background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC ); }
			
		#menu .current { background: #66a1ce; }
	}

/* Stuck menu styles
========================================================*/
.isStuck { z-index: 999; background:#FFF; padding:0;}
.isStuck .wrapper1 { margin: 10px 0 10px;  }
.isStuck .wrapper3 { margin: 0;  }
.isStuck .logo-caption img { width:250px} 
.isStuck .location { margin-top:0;}
.isStuck .connections { margin-top:10px}
.isStuck .icon-m {font-size: 20px; width: 40px; height: 40px; line-height: 40px;}
.isStuck .btn { padding: 12px 20px 12px; font: 700 20px/25px 'Lato', sans-serif;}
.isStuck .location-title {font: 900 45px/70px 'Lato', sans-serif; }
.isStuck .motty { height:70px; margin-top:-10px; display:none}



	@media only screen and (max-width: 768px) {
	.isStuck { display: none !important; }	
	}

/*========================================================
                    CONTENT styles
=========================================================*/
#content { overflow: hidden; /*====Btn Wrapper====*//*====WRAPPERS====*//*====HEADERS======*//*=====BOXES======*/}

#content .black-bg { background: url("../images/black_bg.jpg") repeat; }
#content .black-bg .opacity-block { background: rgba(0, 0, 0, 0.2); }

#content .list ul { list-style: square; padding: 10px 0 10px 20px; }
#content .list ol {list-style-type: decimal; margin: 10px 0 10px 20px; }
#content .list li { padding-bottom:10px; }
#content .terms.list li { padding-bottom:5px; }

#content .notes-wrap { padding:10px; background:#cce0ef;}
#content .notes { font-size:12px !important; color:#333; }
#content .notes li { padding-bottom:2px; }
#content .notes img { vertical-align:middle } 

#content .iconlink { margin-top:10px;}
#content .iconlink a:hover i { background: #0062ad; color: #fff}
#content .iconlink span { line-height:36px;}

/* Breadcrumb
========================================================*/
.breadcrumb { padding: 14px 0px 0; margin: 20px 0px 0 0px; font-size: 1.1em; border-top: 1px solid #afd98e;}
.breadcrumb a {color:#fff;text-decoration:none;}
.breadcrumb .active { color:#e4f2d9; }
.breadcrumb a:hover { color:#e4f2d9; }
.breadcrumb__t li { display: inline;}
.breadcrumb__t li.divider { margin:0 4px; font: 0/0 a; border: 0; }
.breadcrumb__t li.divider:after { content: ' / '; font: 12px/18px Arial, Helvetica, sans-serif; color:#afd98e; }

/* ========================================================*/
#content .wrapper1 { margin: 28px 0 40px; }
#content .wrapper2 { margin: 0 0 65px; }
#content .wrapper3 { margin: 40px 0 42px; }
#content .wrapper4 { margin: 20px 0 20px; }
#content .wrapper5 { margin: 10px 0 10px; }
#content .wrapper6 { margin: 0px 0 40px; }

#content .title-wrapper { margin-top:15px;}
#content .title { border-bottom: 1px dashed #fff; padding-bottom:20px;}

/* ========================================================*/
#content .heading_1 { margin-bottom: 10px; }
#content .heading_2 { margin-bottom: 15px; }
#content .heading_3 { margin-bottom: 20px; }
#content .heading_4 { margin-bottom: 25px; }
#content .heading_5 { margin-bottom: 30px; }
#content .heading_6 { margin-bottom: 5px; }
/* ========================================================*/
#content .map { margin: 17px 0 28px; width: 100%; height: 452px;  }
#content .map2 { margin: 17px 0 28px; width: 100%; height: 600px;}


/* box
========================================================*/
#content .box-border { border-bottom: 1px dashed #fff; padding-bottom: 20px; margin-bottom:20px;}
#content .box-border2 { border-bottom: 1px dashed #66a1ce; padding-bottom: 10px; margin-bottom:10px; overflow:hidden}
#content .box-border3 { border-bottom: 1px solid #fff; margin-bottom:30px; overflow:hidden}
#content .box-border4 { border-bottom: 1px dashed #cce0ef; padding-bottom: 20px; margin-bottom:20px;overflow:hidden}

/* ===================Quote box=====================================*/
#content .quote-box { margin: 0 auto; float: none; clear:both;}
#content .quote-box .manager img { float: left; margin:0 10px 0; border-radius: 90px; }
#content .quote-box ul, #content .intro-box ul { margin-left:15px;}
#content .quote-box li, #content .intro-box li { list-style:square; }
#content .quote-box .jobtitle { color: #333; vertical-align: baseline; }
#content .quote-box .loc { margin-top:20px; overflow:hidden; }
#content .quote-box .loc img { float: left; margin:0 10px 0 0 }
#content .quote-box .loc h4 > span { font-size:15px; color: #fcff00;}
#content .quote-box a { line-height:36px;}
#content .quote-box blockquote { font: 700 20px/28px 'Lato', sans-serif; padding-left:100px; min-height:80px}
#content .quote-box .quote { font: 700 140px/140px Arial, Helvetica, sans-serif; float: left; width: 100px; height:80px}

/* ===================Banner=====================================*/
#content .banner-box { position:relative;}
#content .banner-box .caption {  -moz-box-sizing: border-box; -webkit-box-sizing:  border-box; box-sizing: border-box; position: absolute; top:10px; left:20px; padding: 0; }
#content .banner-box .caption h2 { font: 900 25px/30px 'Lato', sans-serif; text-transform: uppercase;}
#content .banner-box .caption h2 > span { font-size:15px; text-transform:none;}
#content .banner-box .caption h3 { font: 700 20px/25px 'Lato', sans-serif; color: #fcff00; text-transform: none;}
#content .banner-box .btn-wrapper1 {position:absolute; bottom:15px; left:20px}
#content .banner-box a { display:block;}
#content .banner-box a:hover { opacity:.7}
#content .banner-box .side { position:relative; margin-bottom:20px;}

/* ===================Promo Banner=====================================*/
#content .promo-box { position:relative;}
#content .promo-box .caption {  -moz-box-sizing: border-box; -webkit-box-sizing:  border-box; box-sizing: border-box; position: absolute; top:10px; left:20px; padding: 0; }
#content .promo-box .caption h2 { font: 900 25px/30px 'Lato', sans-serif; text-transform: uppercase;}
#content .promo-box .caption h2 > span { font-size:15px; text-transform:none;}
#content .promo-box .caption h3 { font: 900 23px/28px 'Lato', sans-serif;  text-transform:none;}
#content .promo-box .header { height: auto;  padding: 0!important; }
#content .promo-box .header .more { left: 20px; bottom: 31px; top:inherit;}
#content .promo-box .ui-accordion .ui-accordion-header .ui-accordion-header-icon { left:140px; right:inherit; bottom: 31px; top: inherit}

/* ===================Action=====================================*/
#content .action-box p, #content .action-box li { font-size:18px; line-height:26px; }
#content .action-box p.singleline-withbtn { line-height:53px;}
#content .action-box li.col { width:50%; float:left;}


/* ========================================================*/
#content .intro-box li { font-size:15px !important; overflow:inherit !important;}

#content .box1{ padding:20px 20px 20px; position:relative; overflow:hidden; margin-bottom:20px;}
#content .box1 h1 { font-size:32px; line-height:45px; text-transform:uppercase}
#content .box1 h3  { text-transform:none;}

#content .box1 li { margin: 0 0 10px;}
#content .box1 li > span { float: left; width: auto;}
#content .extra li  { font-size:18px; overflow:hidden }
#content .box1 .icon-sm-list li { font-size:20px; line-height:37px; font-weight:700}
#content .box1 li .late { font-size:15px; line-height:22px}
#content .box1 a:hover { text-decoration:none;}

#content .box2 { text-align:center;}
#content .box2 .fa { float:none;}
#content .box2 span { line-height:50px;}

#content .box3 { padding:20px 20px 20px; position:relative; overflow:hidden;}

/* ===================Booking===================================*/
#content .booking .box1 { min-height:77px; }
#content .booking .box1 h4 { line-height: 37px; }
#content .booking .error { padding: 5px; text-align: center; background: #f00; margin-top: 10px; color: #fff; font-size: 18px; width: 100%; display: inline-block;}
#content .booking .table { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #999;}

#content .booking .selected-services p { line-height:37px}

#content .booking .step1 .tbl_content, #content .nearest .tbl_content { padding: 0 0 10px; margin-bottom: 10px; border-bottom: 1px dashed #999; line-height:30px;}
#content .booking .step1 .tbl_content:last-child, #content .nearest .tbl_content:last-child { margin-bottom:0;}
#content .choose-loc a:hover { opacity:.7; display:block}

#content .booking .step2 li{ padding-right:7px; margin-right:4px; border-right:1px solid #333; display:inline; line-height:37px}
#content .booking .step2 li:last-child { border-right:none; padding:0; margin:0;}

#content .booking .step3 .tbl_content { line-height:37px;}
#content .booking .step3 .smallprice {display: block; font-size: 12px; line-height: 10px;}
#content .booking .step3 .btn-wrapper2 { margin-top:5px;}

#content .booking .step4 .box1 { height:147px; }

#content .online-booking .step5 .box1 { height:120px; padding: 35px 20px 0}
#content .booking .step5 .box1 h3, #content .booking .step5 .box1 h2, #content .booking .step5 .box1 h2 > .small { line-height:54px;}
#content .booking .step5 .btn:after { content:"\f054"; font-family: FontAwesome; margin-left:10px; }


#content .booking .testlist { margin-bottom:10px;}
#content .booking .testlist li { margin:0;}
#content .booking .testlist li a:after { content:"\f00d"; font-family: FontAwesome; font-size: 16px; position:absolute; right:20px; font-weight:normal }
#content .booking .testlist li a { color:#FF0000;}
#content .booking .testlist li a:hover { color:#fff;}

#content .booking.summary p { font-size:18px; line-height: 26px;}
#content .booking.summary .field { margin:0; padding:5px; border-bottom: 1px dashed #ccc;}
#content .booking.summary .field:nth-child(even) { background:#e0e0e0; }
#content .booking.summary .field:nth-child(odd) { background:#ededec; }
#content .booking.summary .input-type { float:left; width:35%; text-align:right; color:#999;}
#content .booking.summary .input-detail { float:left; width:65%; text-align:left; font-weight:bold; padding-left:10px; overflow:hidden}

#content .booking .notes { width:100%; line-height: 15px !important; }

#content .nearest .tbl_content { border-bottom: 1px dashed #fff;}

/* =========================Services====================================*/
.services { position: relative; clear: both; margin-top: 10px; height: 53px;  padding: 0 15px; }
.services .icon { left: 10px; }
.services .title, .services .title2 { height: 53px; display: table; }
.services .title { text-transform:uppercase; left:105px}
.services .title > .center, .services .title2 > .center { display: table-cell; vertical-align: middle;}
.services .icon, .services .title, .services .title2  { 
	font: 900 15px/22px 'Lato', sans-serif; 
	position: absolute; 
	margin: 0; padding: 0;  
	text-align: left; 
	top: 0px; 
	}


/* ===================checklist===================================*/
#content .checklist .headings { margin: 0 15px;}
#content .checklist .tbl_content { padding:5px;  }
#content .checklist .tbcol_1, #content .checklist .tbcol_2 { margin:0}
#content .checklist .tbl_content:nth-child(even) { background:#99c0de;}
#content .checklist .tbl_content:nth-child(odd) { background:#cce0ef;}

#content .checklist .tbcol_1 { width:52%; font: 700 15px/22px 'Lato', sans-serif;}
#content .checklist .tbcol_2 { width:16%; text-align:center}
#content .checklist .standard:after { content:"\f0c8"; font-family: FontAwesome; font-size: 12px; } 

#content .late { margin-bottom:30px;}
#content .late .tbl_content { padding:5px 20px;  }
#content .late .tbcol_1, #content .late .tbcol_2 { margin:0;}
#content .late .tbcol_1 { width:60%; margin-right:10px;}
#content .late .tbcol_2 { width:35%;}

#content dt { padding-right: 10px; }
#content dt, #content dd { display: inline-block; }


.ui-datepicker .ui-datepicker-prev span:after {content:"\f053";}
.ui-datepicker .ui-datepicker-next span:after {content:"\f054";}

/* Table
========================================================*/
.table { width:100%; overflow: hidden; display:inline-block}
.tbl_heading, .tbl_content { overflow: hidden;  }
.tbcol_1, .tbcol_2 { text-align:left; font-weight:bold; margin-left:30px; float:left}

.tbl_content { padding-top:5px; padding-bottom: 5px;  }

#content .management { margin-top: 10px; border-top: 1px dashed #ccc; padding-top: 10px}

/* =========================Pagination============================*/
.pagination { display: inline-block; padding-left: 0; margin: 0; margin-top:20px !important }
.pagination > li { display: inline }
.pagination > li > a { position: relative; padding: 6px 12px; color:#fff; line-height: 1.42857143 !important; text-decoration: none; margin-left: 2px }

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus { background-color: #7ac043}
.pagination > li > a:hover, .pagination > li > a:focus { color: #fff;}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus { z-index: 2; color: #fff; cursor: default }
.pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color:rgba(255,255,255,.3); background-color: transparent;  cursor: not-allowed }

	
	@media (max-width: 1199px) {
	#content .booking .tbcol_1 { margin-left:20px}
	#content .booking .step_title { width:100%; overflow: hidden; float: none; margin: 0 0 10px;}
	#content .booking .step4 .box1 { height:192px; }

	#content .online-booking .step5 .box1 { height:167px; padding: 20px 20px 20px}
	#content .booking .step5 .box1 h3 { line-height:35px;}

	.creditcards { float:none !important; margin-bottom:10px;}
	
	#content .action-box li.col { width:100%; }
	
	#content .late { margin-bottom:20px;}
	#content .late .tbcol_1, #content .late .tbcol_2 { width:100%; margin-bottom:10px}
	}
	
	@media (min-width: 980px) and (max-width: 1199px) {
	#content .banner-box .caption h2, #content .promo-box .caption h2 { font: 900 20px/25px 'Lato', sans-serif; }
	#content .banner-box .caption h3, #content .promo-box .caption h3 { font: 700 18px/20px 'Lato', sans-serif; }
	#content .banner-box .btn-wrapper1 { bottom:8px; left:10px}
	
	#content .promo-box .header .more { bottom: 25px;}
	#content .promo-box .ui-accordion .ui-accordion-header .ui-accordion-header-icon { bottom: 25px;}
	
	#content .booking .selected-services p { width:250px; }
	
	#content .late .tbl_content { min-height:196px  }

	}

	@media (min-width: 768px) and (max-width: 979px) {	
	#content .box1 .address li { font-size:16px;}
	
	#content .banner-box .caption { left:10px; }
	#content .banner-box .caption h2, #content .promo-box .caption h2 { font: 900 16px/19px 'Lato', sans-serif; }
	#content .banner-box .caption h3, #content .promo-box .caption h3 { font: 700 16px/19px 'Lato', sans-serif; }
	#content .banner-box .btn-wrapper1 { bottom:5px;}
	#content .banner-box.fluid-grid .btn-wrapper1{ bottom:15px;}
	
	#content .promo-box .header .more { bottom: 18px;}
	#content .promo-box .ui-accordion .ui-accordion-header .ui-accordion-header-icon { bottom: 20px;}
	
	#content .box1 h1 { font-size:25px; line-height:35px; }
			
	#content .late .tbl_content { min-height:196px  }
	}
	
	
	@media (max-width: 767px) {	
	#content .banner-box .btn-wrapper1 { bottom:30px;}
	
	#content .box2 { text-align:left;}
	#content .box2 .fa { float:left;}
	#content .box2 span { line-height: inherit;}
	
	#content .action-box li.col { float:none;}
	
	#content .promo-box .header .more { bottom: 34px;}
	#content .promo-box .ui-accordion .ui-accordion-header .ui-accordion-header-icon { bottom: 36px;}
	
	#content .booking .step4 .box1, #content .booking .step5 .box1 { height:auto; }
	#content .booking .tbcol_1 { margin-left:0; }
	#content .booking .tbcol_1.logo { margin-right:30px}
	
	#content .late { margin-bottom:0;}

	.services .price2 { right: 40px;  }
	
	.booking .head { height: 90px}

	#content .action-box p.singleline-withbtn {line-height: inherit;}
	}
	
	@media (max-width: 665px) {
	#content .banner-box .btn-wrapper1 { bottom:25px;}
	
	#content .promo-box .header .more { bottom: 26px;}
	#content .promo-box .ui-accordion .ui-accordion-header .ui-accordion-header-icon { bottom: 28px;}
	}
		

	@media (max-width: 500px) {	
		#content .banner-box .caption, #content .promo-box .caption { left:10px; }
		#content .banner-box .caption h2, #content .promo-box .caption h2 { font: 900 16px/19px 'Lato', sans-serif; }
		#content .banner-box .caption h3, #content .promo-box .caption h3 { font: 700 16px/19px 'Lato', sans-serif; }
		#content .banner-box .btn-wrapper1 { bottom:12px; left:10px}
		
		#content .promo-box .header .more { left: 10px; bottom: 16px;}
		#content .promo-box .ui-accordion .ui-accordion-header .ui-accordion-header-icon { left:120px; bottom: 18px;}
		
		#content .quote-box .quote { display:none;}
		#content .quote-box blockquote { padding-left: 0}
		#content .box1 h1 { font-size:30px; line-height:35px; }
		#content .box1 .address li > span { float: left; width: 183px;}
		
		#content .booking .box1 h3 { font: 700 26px/35px 'Lato', sans-serif; }
			
		#content .booking .tbcol_1.logo { width:100%; margin-right:0}
		#content .booking .tbcol_1.distance { text-align:right;}
		
		#content .booking .vehicle ul, #content .booking .box1 h4 { margin-bottom: 10px;}
		#content .booking .vehicle li{ line-height:22px}
		
		#content .booking .selected-services p { width:100%; margin-bottom:10px }
		
		.booking .head { height: 140px}
	}
	
	@media (max-width: 369px) {
		#content .iconlink i { float:left;}
		#content .iconlink span { line-height:22px; text-align: left !important; display: block}
		
		#content .banner-box .btn-wrapper1 { bottom:7px; }
		
		#content .promo-box .header .more { bottom: 10px;}
		#content .promo-box .ui-accordion .ui-accordion-header .ui-accordion-header-icon { bottom: 12px;}
		
		#content .booking .step3 p { width: 145px; }
		#content .booking .step3 .tbl_content { line-height:22px;}
		#content .booking .step3 .smallprice {line-height: 16px;}
		#content .booking .step3 .btn-wrapper2 { margin-top:10px;}
	}


/*================== CONTACT FORM ==============================*/
.form-control {
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    outline: none;
    height: 37px;
    font-weight: 700;
    box-shadow: none;
    transition: none;
  }
  
input[type='checkbox'] { margin: 4px 10px 0 10px; font-size: 20px;}
input[type="radio"] { margin:0 5px 0 0; font-size: 25px;}

.width-1 { width:80% !important;}
.width-2, .width-3 { width:48% !important;}

.location-services { display:none;}

select[size], select[multiple] { height: auto; }
select[size="0"], select[size="1"] { height: 1.8em; *height: auto; }

@media (-webkit-min-device-pixel-ratio: 0) {
  	
	select[size], select[multiple], select[multiple][size] { background-image: none; padding-right: 3px; }
  
	select, select[size="0"], select[size="1"] { 
		background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
		background-repeat: no-repeat;
		background-position: right center;
		padding-right: 20px;
	}
	  
  	::-webkit-validation-bubble-message {
    	-webkit-box-shadow: none;
    	box-shadow: none;
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    	border: 1px solid;
    	border-color: #747474 #5e5e5e #4f4f4f;
    	color: white;
    	font: 13px/17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    	overflow: hidden;
    	padding: 15px 15px 17px;
    	text-shadow: black 0 0 1px;
    	height: 16px;
  	}

  	::-webkit-validation-bubble-arrow,
  	::-webkit-validation-bubble-top-outer-arrow,
  	::-webkit-validation-bubble-top-inner-arrow {
    	-webkit-box-shadow: none;
   	 	box-shadow: none;
    	background: #666666;
    	border: 0;
  	}
}


.success { width:100%; text-align:center; color:#fff; background-color:#0062ad; font-size:20px; line-height:1.2em; padding:10px; margin-bottom:10px; display:none }

.field { margin-bottom:10px; overflow:hidden; position:relative}
.field:last-child { margin-bottom:0;}

#contact-form { vertical-align:top; padding-top:1px; }
#contact-form fieldset { border:none; }
#contact-form .area .error { float:left;}
#contact-form textarea { overflow:auto; height:180px; float:left; resize:none; }
#contact-form label { padding:0; display:block }
#contact-form .error, #contact-form .empty { color:red; width:100%; font-size:11px; line-height:15px; padding:3px 0 0 0px; display:none; float:left; text-align: left; }

#contact-form .mandatory { position:relative }
#contact-form .mandatory input[type="text"], .mandatory textarea, .mandatory select {  padding-left:20px; }
#contact-form .mandatory .star{ position:absolute; left:5px; top:15px}/*Buttons */

#contact-form .help { position:relative;}
#contact-form .help .fa {position: absolute; right: 5px; top: 5px}

.discount-wrapper, .imgcode-wrapper { border-top: 1px dashed #ccc; padding-top: 20px; margin-top:10px; width:100%;}
.discount-wrapper .width-2 { width:60% !important;}
.imgcode-wrapper:first-child { border:none; margin:0; padding:0;}

.btn-banks:before { content:""; height: 60px; width: 141px; display: block}
.btn-paypay:before { background:url(../images/paypal.jpg) no-repeat center center; }
.btn-paypay2:before { background:url(../images/paypal-creditcards.jpg) no-repeat center center; width: 232px;}
.btn-hsbc:before { background:url(../images/creditcard-logos.png) no-repeat center center; width: 158px;}
.btn-worldpay:before { background:url(../images/worldpay-logo.jpg) no-repeat center center; }

.captcha { width:114px; float:left; margin-right:10px;}
.refresh { float:left; line-height:30px; font-size:12px}

.payment-wrapper{ padding: 20px 20px 20px; overflow: hidden; width: 100%; bottom: 0;}
.payment-wrapper2 { padding: 20px 20px 20px; overflow: hidden; width: 100%; margin-top:10px}


.bankbutton-wrapper{ float:left; width:50%; text-align:left; }

/* Used on Feedback */
#feedback textarea { border:none;}
#feedback li { float:left; width:63px; font-weight: bold; margin: 0x; padding: 0; }

.ui-tooltip { padding: 10px; max-width: 350px; box-shadow: none; border:none; border-radius:0;  }
.ui-tooltip-content { font: bold 14px/22px Lato; color:#fff;  }

.ui-tooltip-content ul { list-style: square; padding: 10px 0 10px 20px; }


#contact-form .btn-wrapper { margin-top: 38px;}

	@media (max-width: 1199px) {
		.width-1 { width:75% !important;}
		.width-3 { width:100% !important;}
		.location-services { position:absolute; right:0; top:0; display:block}
		
		.discount-wrapper .width-2 { width:55% !important;}
		.payment-wrapper { position:relative; margin-top:10px;}
	}

	
	@media (max-width: 979px) {
  		#contact-form label { width: 100%; }
		.width-1 { width:67% !important;}
		.width-2 { width:100% !important;}

		.payment-wrapper h3 { margin-bottom:10px;}

	}
	
	@media only screen and (max-width: 768px) {
  		.modal-dialog { position: relative; width: auto; margin: 10px; }
	}

	@media (max-width: 767px) {
  		#contact-form { margin-bottom:40px;}
		.width-1 { width:75% !important;}
	}
	
	@media (max-width: 500px) {
		.width-1 { width:100% !important;}
		.payment-wrapper .btn-wrapper2 { float:none; text-align:center}
		.payment-wrapper2 { text-align:center;}
	}

/*====Buttons====*/
.btn { font-size:20px; font-weight: 700; line-height: 27px; color:#fff; padding: 12px 29px 12px; -webkit-appearance: none; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }

.btn:hover{ color: #fff;  }

.btn1 { border: 1px solid #7ac043; background:#7ac043; color: #fff;  }
.btn1:hover { border: 1px solid #6aa73b; background: #6aa73b; color: #fff  }

.btn2 { border: 1px solid #0062ad; background:#0062ad; color: #fff;  }
.btn2:hover { border: 1px solid #3d88c1; background: #3d88c1; color: #fff  }

.btn:hover, .btn2:hover { text-decoration: none;}

.btn-black { border: 1px solid #000; background:#000;  }
.btn-black:hover{ border: 1px solid #333; background:#333;}

.btn-default { border: 1px solid #999; background:#999;  }
.btn-default:hover  { border: 1px solid #666666; background: #666666;  }

.btn3 { border:1px solid #fff; background:#fff; color: #000;}
.btn3:hover { opacity:.6;}

.btn.active, .btn:active {box-shadow: none;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}

.btn.sm { text-transform:none; line-height:25px; padding: 5px 15px 5px !important;}

.btn-wrapper1 {position:absolute; bottom:20px; left:20px}
.btn-wrapper2 { float:right;}

.find-location { position:absolute; right:0; top:2px; display:block}
	

/*================== FOOTER ==============================*/
footer { padding: 29px 0 ; }

footer ul { margin:0;}
footer li { display: inline; color: #fff; padding:0 12px 0 0; margin:0 11px 4px 0; border-right:#fff solid 1px; white-space:nowrap;}
footer li:last-child, footer li.last { border:none; padding:0; margin:0 ;}
footer li a:hover { text-decoration:none}

footer .logos {float: right; margin-bottom: 15px;}
footer .logos a { float: left; margin-right: 20px;}
footer .logos a:hover { opacity:.7;}
footer .logos a:last-child { margin-right: 0;}

footer .author  { font-size: 12px}

	@media (max-width: 979px) {	
		footer { text-align:center }
		footer .copyright{ padding-bottom:10px}
		footer .copyright, footer .author  { float:none;}
		footer .logos {float: none; text-align: center; display:inline-block; margin-bottom: 20px;}
	}

	@media (max-width: 767px) {
		footer .copyright li > span { white-space:pre;}
	}


	@media (max-width: 500px) {
		footer li { border:none; padding-right:0; margin-right:0;}
		footer .logos a { margin-right: 10px;}
	}
	
	

/* ======================== WIDGETS ================================*/
#toTop { display: none; text-decoration: none; position: fixed; bottom: 80px; right: 30px; overflow: hidden; border: none; border-radius: 5px; width: 59px; height: 59px; font-size: 50px; line-height: 52px; text-align: center; background: #fff; color: #0082a9; z-index: 20; -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75); -webkit-transition: color 0.5s ease; transition: color 0.5s ease; }
#toTop:hover { background: #0082a9; color: #fff; }

	@media only screen and (max-width: 1199px) {
	#toTop { display: none !important; }
	}

.tip {cursor: pointer;}

.ui-widget {font-size: 1.1em;}
.ui-helper-clearfix {min-height: 0;}
.ui-widget-header {background: #7ac043; color: #000;font-weight: bold;}
.ui-widget-content {background: #ffffff; color: #000;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: normal; color: #555555;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #7ac043; color: #fff; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #99c0de; font-weight: normal; color: #fff;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
    color: #fff !important;
}
.ui-state-disabled { cursor: default !important;}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	font-weight: normal;
	color: #000;
}

.ui-corner-all { border: none; border-radius: 0}

.ui-datepicker {width: 20em; padding: .2em .2em 0; display: none;}
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; margin: -.2em;}
.ui-widget-header a { color: #fff;}
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #fff;}
.ui-datepicker .ui-datepicker-prev { left: 2px;}
.ui-datepicker .ui-datepicker-next { right: 2px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em;}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
    font-size: 0;
  }

  .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em;}
  .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;}
  .ui-datepicker td { border: 0; adding: 1px; }
  .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none;}

  .ui-datepicker table .ui-state-hover {background: #99c0de; color: #fff;}
 



/* Accordion */
.accordion .header { position: relative; clear: both; margin-top: 10px; height: 53px;  padding: 0 15px; }
.accordion .header .icon { left: 10px; }
.accordion .header .text { height: 53px; display: table; }
.accordion .header .text > .center { display: table-cell; vertical-align: middle;}

.accordion .header.services .title { text-transform:uppercase; left:105px; border: none !important;
padding: 0 !important}

.accordion .header .icon, 
.accordion .header .text,
.accordion .header .more, 
.accordion .price-wrapper .text { 
	font: 900 15px/22px 'Lato', sans-serif; 
	position: absolute; 
	margin: 0; padding: 0;  
	text-align: left; 
	top: 0px; 
	}
	
.accordion .header .price, .accordion .header .price2, .accordion .price-wrapper .price { font-size: 20px; right: 40px; text-align:right; color:#fcff00; }
.accordion .header .price2 { right: 195px;  }
.accordion .header .btn-wrapper1 { bottom:8px; right:40px; left:inherit;}
.accordion .header .btn-black.sm { width: 145px; text-align: center; padding: 5px 0 5px !important;}

/*  Price Wrapper */
.accordion .price-wrapper  { position: relative; clear: both; margin-top: 10px; overflow: hidden;}
.accordion .price-wrapper .text, .accordion .price-wrapper .text2 { line-height:37px; }
.accordion .price-wrapper .title { text-transform:uppercase; }
.accordion .price-wrapper .price { right:140px !important;}
.accordion .price-wrapper .btn.sm { padding: 1px 20px 1px !important;}

/* ========================================================*/
.accordion .col { width:245px; float:left; }
.accordion .text2  { color: #FFF; font: 900 15px/22px 'Lato', sans-serif; padding-right:10px }
.accordion p, .accordion ul, .accordion ol { font: normal 15px/22px 'Lato', sans-serif; margin-bottom:10px}
.accordion li a { line-height:36px;}
.accordion .services a { color:#fff;} 
.accordion li a i { background:#fff;}
.accordion li a:hover i { background:#99c0de;}
/* ========================================================*/
.ui-accordion .ui-accordion-header:focus { outline:none;}
.ui-accordion .ui-accordion-header:first-child {  margin: 0; }
.ui-accordion .ui-accordion-header { margin: 10px 0 0 0; padding: 0 15px; display: block; cursor: pointer; min-height: 0; font-size: 100%; }
.ui-accordion-header, .ui-accordion-content { border:none; border-radius:0;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { right: .5em; left:inherit; margin-top:-12px; position: absolute; top: 50%;}
.ui-icon {width: 16px; height: 20px; text-indent: 0;}
.ui-widget-header .ui-icon, .ui-state-default .ui-icon { background-image: none; }
.ui-icon:after {font-family: FontAwesome; font-size: 16px; }
.ui-icon-triangle-1-e:after {content:"\f078";}
.ui-icon-triangle-1-s:after {content:"\f077";}
.ui-accordion .ui-accordion-content {padding: 0 15px 20px; overflow: auto;}

.terms .ui-accordion-header, .terms .ui-accordion-content { margin: 0; border-bottom: 1px dashed #ccc}
.terms .ui-accordion-header-active, .ui-accordion-content .ui-accordion-header:nth-last-child(2), .ui-accordion-content .ui-accordion-content:last-child { border:none;}
.ui-accordion-content .ui-accordion-content:last-child {padding: 0 15px 0; }

.ui-state-active .inspection{ display:none !important;}

@media (min-width: 980px) and (max-width: 1199px) {
	.half .accordion .header.services .title { width:200px;}
	.half .accordion .price-wrapper  { height:55px;}
	.half .accordion .price-wrapper .text, .accordion .price-wrapper .text2 { line-height:22px; }
	.half .accordion .price-wrapper .price { right: inherit; top: 30px; left:0; text-align: left;}
	.half .accordion .price-wrapper .btn-wrapper2 { margin-top:10px;}
	}
	
@media (min-width: 768px) and (max-width: 979px) {
	.half .accordion .header { height: 80px;}
	.half .accordion .header .price { top:30px; left:105px; right: inherit;  }
	
	.half .accordion .price-wrapper  { height:70px;}
	.half .accordion .price-wrapper .text { height: 53px; display:table }
	.half .accordion .price-wrapper .text > .center { display: table-cell; vertical-align: middle;}
	.half .accordion .price-wrapper .text, .accordion .price-wrapper .text2 { line-height:22px; padding-right:10px }
	.half .accordion .price-wrapper .price { right: inherit; top: 50px; left:0}
	.half .accordion .price-wrapper .btn-wrapper2 { margin-top:20px;}
	}

@media (max-width: 665px) {
	.half .accordion .price-wrapper  { height:70px;}
	.half .accordion .price-wrapper .text { height: 53px; display:table }
	.half .accordion .price-wrapper .text > .center { display: table-cell; vertical-align: middle;}
	.half .accordion .price-wrapper .text, .accordion .price-wrapper .text2 { line-height:22px; padding-right:10px }
	.half .accordion .price-wrapper .price { right: inherit; top: 50px; left:0}
	.half .accordion .price-wrapper .btn-wrapper2 { margin-top:20px;}
	}

@media (max-width: 500px) {
	.accordion .header, .services { height: 100px;}
	.accordion .header.services .title  { width:230px;}
	.accordion .header .price, .services .head .price2 { top:40px; left:105px; right: inherit;  }

	.ui-accordion .ui-accordion-header .ui-accordion-header-icon { margin-top:15px;}
	}

@media (max-width: 369px) {
	.accordion .header.services .title  { width:150px;}
	.half .accordion .price-wrapper .text, .accordion .price-wrapper .text2 { padding-right: 5px}
	.accordion .price-wrapper .text { font: 900 13px/22px 'Lato', sans-serif; }
	.accordion .header .price, .accordion .header .price2, .accordion .price-wrapper .price { font-size: 20px; }
	}

/* Stellar(parallaxBG) styles */
.stellar-block { background-position: center 0%; position: relative; background-repeat: no-repeat; }
.desktop .stellar-block { background-attachment: fixed; }
.stellar-section .first { background-image: url(../images/index_img.jpg); background-color: #787470; background-position: center 0%;  }
	
	@media (max-width: 1199px) {
	.stellar-section .first  { background-size: auto 100%; }
	}
	
	@media (min-width: 768px) and (max-width: 979px) {
	#header h2 { padding-right: 0; font-size: 61px; line-height: 67px; }
	}
	
	@media (max-width: 767px) {
	#header h2 { padding-right: 0; font-size: 60px; line-height: 67px; }
	}
	
	@media (max-width: 479px) {
	#header h2 { font-size: 35px; line-height: 42px; }
	}

/* Core variables and mixins */
.rotate { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);  }

/* Text */
.text_1 { font: normal 14px/27px 'Lato', sans-serif; }
.text_2 { font: normal 18px/22px 'Lato', sans-serif; }
.text_3 { font: 900 24px/30px 'Lato', sans-serif; }

/* Colors */
.color_1 { color: #ffffff; }
.color_2 { color: #0062ad; }
.color_3, .ui-widget-content .links4 { color: #7ac043; }
.color_4 { color: #333333 !important; }
.color_5 { color: #000000; }
.color_6 { color: #f2f2f2; }
.color_7 { color: #66a1ce; }
.color_8 { color: #999999; }
.color_9 { color: #e10040 !important; }
.color_10 { color: #fcff00; }

/* Backgrounds */
.bg_1 { background: #ffffff; }
.bg_2 { background: #0062ad; }
.bg_3, .ui-tooltip { background: #7ac043; }
.bg_4 { background: #333333; }
.bg_5 { background: #000000; }
.bg_6 { background: #f2f2f2; }
.bg_7 { background: #66a1ce; }
.bg_8 { background: #999999 }
.bg_9 { background: #99c0de }
.bg_10 { background: #cce0ef }

/* Font Awsome sizes  */
.icon-xl{ font-size: 140px; line-height:160px;}
.icon-lg { font-size: 100px; width: 130px; height: 130px; line-height:130px;}
.icon-m { font-size: 28px; width: 50px; height: 50px; line-height:50px;}
.icon-sm { font-size: 22px; width: 37px; height: 37px; line-height:37px }
.icon-xsm { font-size: 16px; width: 25px; height: 25px; line-height:25px }
.icon-xsm-p { font-size: 16px; line-height:22px }
.icon-xsm-span { line-height:36px;}