/*
Theme Name: Delux Delivery
Author: Alice Wonder
Author URI: http://alicewondermarketing.com
Description: Brand New Theme for Delux Delivery site.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: corporative, responsive, red, blue

Use it to make Brand New Design.
*/

@import url(js/fancy/jquery.fancybox.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
@import url(js/lightSlider/css/lightSlider.css);
@import url(js/slick/slick.css);
@import url(css/bootstrap.min.css);

@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700&subset=latin,cyrillic-ext);

body.mainBody {background: #f2f6f9;}
.container {max-width: 1170px;}
a {color: #004d90;} a:hover, a:active, a:focus {color: #004d90; text-decoration: none;}
.fancybox-skin {padding: 5px !important;}/* s-cat-bg 23 */
*:focus {outline: 0;}
a img {transition: all 0.3s;} a:hover img {opacity: 0.8;}

.main_slider {height: 690px !important; width: 100%; position: relative;}
ul#main_slider {height: 690px !important; width: 100%; margin: 0; padding: 0; overflow: hidden;}
  ul#main_slider li {height: 690px; color: #fff;}
    ul#main_slider li .sl-container {max-width: 1140px; margin: 0 auto 0; /*padding: 310px 15px 0 400px;*/ z-index: 101; position: absolute; top: 310px; right: 20%;}
    /*ul#main_slider li h3 {font: 300 68px/66px 'Roboto', sans-serif;}*/
    	#main_slider h1 {font: 300 72px/67px 'Roboto', sans-serif; margin: 0;}
    	#main_slider h2 {font: 300 62px/57px 'Roboto', sans-serif; margin: 0;}
    	#main_slider h3 {font: 300 52px/47px 'Roboto', sans-serif; margin: 0;}
    	#main_slider h4 {font: 300 42px/37px 'Roboto', sans-serif; margin: 0;}
    	#main_slider h5 {font: 300 32px/27px 'Roboto', sans-serif; margin: 0;}
    	#main_slider h6 {font: 300 22px/17px 'Roboto', sans-serif; margin: 0;}
    	#main_slider small {font-size: 80%; font-weight: 300; color: #fff;}
    	/*#main_slider h3 span {display: block;}
    	#main_slider h3 p {margin-bottom: 0px; line-height: 66px;}
    	#main_slider h3 p small {color: #fff;}
    	#main_slider h3 span i {font: normal 100 74px/66px 'Roboto', sans-serif;}
    	#main_slider h3 .hline1 {font: 300 74px/66px 'Roboto', sans-serif; padding-left: 70px;}
    	#main_slider h3 .hline2 {font: 700 90px/66px 'Roboto', sans-serif; padding-left: 0px;}
    	#main_slider h3 .hline3 {font: 700 90px/66px 'Roboto', sans-serif; padding-left: 150px;}*/
    ul#main_slider li .slc_button {display: block; width: 170px; height: 45px; margin-top: 50px; margin-left: 20%; text-align: center; font: 400 18px/42px 'Roboto', sans-serif; color: #fff; transition: all 0.3s; background: rgba(255,255,255,0.2); border-radius: 20px;}
      ul#main_slider li .slc_button:hover {text-decoration: none; background: rgba(255,255,255,0.8); color: #d10031;}
ul.lSPager.lSpg {margin-top: 0;}
	.lSSlideOuter .lSPager.lSpg {margin-top: 0; position: absolute; left: 50%; margin-right: 20px; bottom: 20px; padding-bottom: 130px;}
	.lSSlideOuter .lSPager.lSpg > li a {background: none; border-radius: 50%; border: 2px solid #fff; display: inline-block; height: 12px; overflow: hidden; text-indent: -999em; width: 12px; position: relative; z-index: 99;}
		.lSSlideOuter .lSPager.lSpg > li.active a {background: #fff;}

header {width: 100%;}
	.main_slider header {position: absolute; z-index: 200; color: #fff; background: rgba(255,255,255, 0.3); padding-bottom: 15px;}
		.main_slider .logo img {-webkit-filter: drop-shadow(0px 0px 50px rgba(255, 255, 255, 1)); filter: drop-shadow(0px 0px 50px rgba(255, 255, 255, 1));}
		.main_slider .logo img:hover {opacity: 1 !important}
	.main_slider .nav>li>a, .nav>li>a {color: #fff;}
	.main_slider .tn-create {background: url(img/icreate.png)  no-repeat left center; color: #fff;}
	.main_slider .tn-login {background: url(img/ilogin.png)  no-repeat left center; color: #fff;}
	.main_slider #search-btn {background: url(img/isearch.png) no-repeat;}
	.main_slider #query {background: rgba(255,255,255,0.3); color: #59758e;}
	.main_slider #query:focus {background: rgba(255,255,255,0.6);}
	.navbar-brand {height: 135px;}
	.top-nav {margin-top: 40px;}
		.tn1 div, .tn1 form {float: right; height: 35px; }
		.tn-phone {font: 400 25px/35px 'Roboto', sans-serif; margin-left: 25px;}
		.tn-create {float: right; padding-left: 32px; background: url(img/icreate2.png)  no-repeat left center; font: 100 16px/17px 'Roboto', sans-serif; opacity: 0.7; color: #59758e; margin-left: 25px; transition: all 0.3s;}
		.tn-login {float: right; padding-left: 32px; background: url(img/ilogin2.png)  no-repeat left center; font: 100 16px/17px 'Roboto', sans-serif; opacity: 0.7; color: #59758e; margin-left: 25px; transition: all 0.3s;}
			.tn-create span, .tn-login span {display: block; font-weight: 500;}
			.tn-create:hover, .tn-login:hover {opacity: 1;}
		#formSearch {float: right; height: 35px; width: 200px; position: relative; margin-left: 25px;}
			#query {background: rgba(89,117,142,0.3); color: #fff; height: 35px; font: 300 14px/14px 'Roboto', sans-serif; border-radius: 20px; border: none; transition: all 0.3s; padding-right: 35px;}
				#query:focus {background: rgba(89,117,142,0.6);}
			#search-btn {display: block; width: 19px; height: 20px; background: url(img/isearch2.png) no-repeat; position: absolute; right: 10px; top: 7px; border: none; text-indent: -9999px; overflow: hidden;}
		.tn2 {margin-top: 5px;}
		.nav>li>a {padding-right: 0px; padding: 5px 0 5px 30px; font: 400 20px/20px 'Roboto', sans-serif; color: #073155; }
			.nav>li>a:focus, .nav>li>a:hover {background: none; color: #004d90;}
	.nav2 {margin-top: 10px;}

.man {width: 319px; height: 548px; background: url(img/man.png) no-repeat; position: absolute; right: 10%; bottom: 0; z-index: 100;}

.track-zone-slider {width: 100%; position: absolute; bottom: 400px; right: 0; z-index: 1000}
	.track-zone-slider-in {width: 370px; float: right;}
.slider_pic {position: absolute; left: 10%; bottom: 0; z-index: 100;}

.main_service {width: 100%; z-index: 200; margin-top: -100px; position: relative;}
	.msbl {width: 100%; max-width: 354px; margin: 0 auto 10px; height: 439px; padding: 15px 10px 10px; transition: all 0.2s;}
		.msbl .title {text-align: center; color: #fff; font: 400 42px/42px 'Roboto', sans-serif; margin-bottom: 40px}
		.msbl1 {background: url(img/mbl1.jpg) no-repeat left top;}
		.msbl2 {background: url(img/mbl2.jpg) no-repeat left top;}
		.msbl3 {background: url(img/mbl3.jpg) no-repeat left top;}
		.msbl:hover {background-position: 0 -439px}
		.msbl ul {margin: 0; padding: 0;}
		.msbl li {list-style: none; text-align: center; margin: 0 0 20px 0; padding: 0;}
			.msbl li a {color: #fff; font: 500 20px/24px 'Roboto', sans-serif; transition: all 0.3s;}
				.msbl li a:hover {color: #99ffcc}
	.ca-title {font: 300 25px/27px 'Roboto', sans-serif; color: #243039; margin-top: 30px; text-align: center; padding-bottom: 20px; border-bottom: 2px solid #fff;}
	.ca-pics {padding: 25px 0;}
		.capbl {text-align: center;}
			.cap-img-parent {height: 150px; width: 100%; margin-bottom: 15px; display: table;}
				.cap-img-child {display: table-cell; width: 100%; vertical-align: middle;}
					.cap-img-child img {display: inline-block; max-width: 100%;}

.covMap {width: 100%; min-height: 600px; margin: 30px 0; background: url(img/c-map.jpg) no-repeat left top; position: relative;}
	.inCMap {padding-top: 140px; width: 500px; float: right;}
		.inCMap h2 {text-align: right; margin-bottom: 40px;}
			.inCMap .cmtitle1 {font: 100 84px/70px 'Roboto', sans-serif; color: #243039;}
			.inCMap .cmtitle2 {font: 700 100px/60px 'Roboto', sans-serif; color: #243039; padding-right: 100px;}
		.inCMap p {padding-left: 70px; font: 300 16px/20px 'Roboto', sans-serif; color: #243039; margin-bottom: 40px;}
		.inCMap form {width: 100%;}
			.dform-group {width: 100%; position: relative; height: 40px;}
				.dform-group input {width: 100%; height: 100%; background: #fff; border-radius: 30px; border: 2px solid #b8c6d1; padding: 5px 155px 5px 15px; font: 400 14px/28px 'Roboto', sans-serif; color: #3f5a6e; text-transform: uppercase;}
				.dform-group button {display: inline-block; height: 40px; padding: 0 30px; border-radius: 30px; background: #e94747; border: 2px solid #d20435; font: 400 18px/30px 'Roboto', sans-serif; color: #fff; position: absolute; right: 0; top: 0; transition: all 0.3s;}
					.dform-group button:hover {background: #d20435;}

.main-adv {padding: 55px 0 60px; background: #dae9f6;}
	.main-adv h2 {text-align: center; margin: 0 0 40px;}
		.main-adv .matitle1 {font: 100 84px/60px 'Roboto', sans-serif; color: #243039; margin: 0; padding-right: 100px;}
		.main-adv .matitle2 {font: 700 84px/60px 'Roboto', sans-serif; color: #243039; margin: 0;}
		.mac {float: left; width: 18%; margin-right: 2%; text-align: center; font: 300 26px/24px 'Roboto', sans-serif; color: #243039;}
			.mac:first-child {margin-left: 1%;}
			.mac:last-child {margin-right: 1%;}
			.mac b {font-weight: 700;}
			.mac img {display: block; width: 100%; max-width: 179px; margin: 0 auto 8px;}

.testimon {padding: 50px 0;}
	.testimon h2 {text-align: center; margin: 0 0 40px;}
		.testimon .ttitle1 {font: 100 70px/60px 'Roboto', sans-serif; color: #243039; margin: 0; padding-right: 100px;}
		.testimon .ttitle3 {font: 100 70px/60px 'Roboto', sans-serif; color: #243039; margin: 0; padding-right: 0px;}
		.testimon .ttitle2 {font: 700 90px/60px 'Roboto', sans-serif; color: #243039; margin: 0;}
	.testim-slider {width: 100%; margin-bottom: 80px;}
	.slick-list {padding: 0 20px;}
	.testim-slider .ts {width: 330px; margin: 0 25px;}
		.ts-desc {width: 330px; height: 203px; margin-bottom: 10px; padding: 15px 20px 45px 52px; font: 300 14px/20px 'Roboto', sans-serif; color: #243039; background: url(img/testim-bg.png) no-repeat; position: relative;}
			.ts-desc span {position: absolute; right: 20px; bottom: 23px; color: #778895;}
		.ts-who {float: left; max-width: 200px; padding-left: 20px; margin-right: 20px; font: 300 14px/18px 'Roboto', sans-serif; color: #243039;}
			.ts-who b {font: 700 24px/24px 'Roboto', sans-serif;}
		.ts-logo {float: left; max-width: 80px; max-height: 43px;}
	.slick-dots {bottom: -50px;}
		.slick-dots li button:before {content: '';}
		.slick-dots li button {width: 12px; height: 12px; border-radius: 50%; border: 2px solid #a5b8c6;}
		.slick-dots li.slick-active button {background: #a5b8c6;}
	.slick-prev:before, .slick-next:before {content: '';}
	.slick-prev {width: 8px; height: 14px; background: url(img/slick-prev.png) no-repeat !important;}
	.slick-next {width: 8px; height: 14px; background: url(img/slick-next.png) no-repeat !important;}
		.slick-prev {display: block !important; bottom: -30px; top: auto; left: 20px; z-index: 1000;}
		.slick-next {display: block !important; bottom: -30px; top: auto; right: 25px; z-index: 1000;}
.plogo {float: left; width: 12.5%; padding: 0 0.75%; text-align: center; margin-bottom: 10px}
	.plogo img {width: 100%; max-width: 100px; max-height: 60px; }

.f1 {width: 100%; background: #dae9f6; padding: 40px 0 30px;}
	.flogo {float: left; width: 220px; margin: -10px 80px 0 0;}
		.flogo img {width: 100%;}
	.fcontact {float: right; width: 220px; margin-left: 30px; font: 100 18px/24px 'Roboto', sans-serif; color: #243039;}
	.fmenu {overflow: hidden;}
		.fmenu ul {margin: 0; padding: 0;}
		.fmenu li {list-style: none;}
		.fmenu li a {display: block; font: 300 17px/20px 'Roboto', sans-serif; margin-bottom: 5px;}
	.fmtitle {color: #59758e; font: 700 17px/20px 'Roboto', sans-serif; padding-left: 15px; opacity: 0.5; margin-bottom: 5px;}
.f2 {padding: 30px 0; background: #aabdcd;}
	.fcopy {float: left; height: 42px; font: 100 18px/42px 'Roboto', sans-serif; color: #fff; margin-right: 30px;}
	.fsoc {float: left; height: 42px; padding: 5px 0;}
		.fsoc a {display: inline-block; width: 32px; height: 32px; margin-right: 10px;}
			.fsco a:last-child {margin-right: 0;}
	.falice {float: right; width: 258px; height: 42px;}

/* PAGE */
.page-title {width: 100%; height: 175px; margin: 20px 0 40px; background: url(img/page-title-bg.jpg) no-repeat center top;}
	.title-zone {word-wrap: break-word; overflow: hidden; height: 175px; padding-right: 20px; font: 400 60px/60px 'Roboto', sans-serif; color: #fff; display: table;}
		.title-zone span {display: table-cell; vertical-align: middle;}
	.track-zone {float: right; width: 370px; padding: 37px 0 0 0;}
		.tz1 {float: left; width: 160px; margin-right: 10px; text-align: right; font: 300 12px/14px 'Roboto', sans-serif; color: #fff;}
			.tz1 b {display: block; font-weight: 500; font-size: 22px; line-height: 22px; margin-bottom: 10px;}
			#tracking_button {margin-top: 10px; height: 30px; float: right; width: 125px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.3); background: rgba(195,20,66,0.3); font: 400 16px/28px 'Roboto', sans-serif; color: #fff; padding: 0; text-align: center; transition: all 0.3s;}
				#tracking_button:hover {background: rgba(195,20,66,1); border: 1px solid rgba(255,255,255,0.8);}
		.tz2 {float: right; width: 200px;}
			.tz2 textarea {width: 200px; height: 101px; resize: none; background: url(img/track-ta-bg.png) no-repeat left top; opacity: 0.7; transition: all 0.3s; padding: 0 5px; text-transform: uppercase; font: 400 16px/33px 'Roboto', sans-serif;}
			.tz2 textarea:focus {opacity: 1;}

main {margin-bottom: 50px;}
	.article-short {width: 100%; max-width: 800px; margin: 0 auto;}
	.pic-right, .alignright {float: right; margin: 0 0 20px 30px;}
	.pic-left, .alignleft {float: left; margin: 0 30px 20px 0;}
	article img {max-width: 100%;}
	article p {font: 300 18px/24px 'Roboto', sans-serif; color: #243039; margin-bottom: 20px;}
	article li {font: 300 18px/24px 'Roboto', sans-serif; color: #243039;}
	article h1 {margin-top: 0; font: 400 36px/40px 'Roboto', sans-serif; /*color: #004c8f;*/}
	article iframe {border: none;}

	.search-result a {font: 400 24px/30px 'Roboto', sans-serif;}

	.faq-ask p {min-height: 83px; font: 500 20px/24px 'Roboto', sans-serif; color: #243039; margin: 20px 0 0 180px; padding-left: 90px; background: url(img/faq-ask.png) no-repeat left top;}
	.faq-answer p {min-height: 71px; margin: 40px 180px 50px 0; font: 300 18px/24px 'Roboto', sans-serif; color: #243039; padding: 0 0 50px 90px; border-bottom: 1px solid #ccc; background: url(img/faq-answer.png) no-repeat left top;}

	.serv {margin-bottom: 40px;}
		.serv h2 {font: 300 60px/46px 'Roboto', sans-serif; margin: 0;}
		.serv a {float: left; width: 285px; height: 165px; margin: 0; background: #000;}
		.serv1 {color: #004c8f;} .serv2 {color: #822a9b;} .serv3 {color: #d20435;}
		.serv:hover a img {opacity: 0.3;} .serv a:hover img {opacity: 1;}
		.sabout {margin-top: 50px;}
	main .msbl {margin: 40px 0;}

.about-top {width: 100%; margin: -40px 0 30px 0; color: #fff; height: 346px; display: table; background: url(img/about-top-text-bg.jpg) no-repeat center top;}
	.about-top article p {color: #fff; font-weight: 400;}
	.about-top article.article-short {display: table; height: 346px;}
	.about-top article .as-in {display: table-cell; vertical-align: middle;}

.quote h2 {text-align: center; margin-bottom: 30px;}
	.quote .qtitle1 {display: block; font: 100 60px/40px 'Roboto', sans-serif; color: #243039; padding-right: 120px;}
	.quote .qtitle2 {font: 700 70px/50px 'Roboto', sans-serif; color: #243039;}
form.r-form {width: 100%;}
	.rform-group {width: 100%; position: relative; margin-bottom: 20px;}
		.rform-group input {width: 100%; height: 60px; background: #e8f1f7; border: 1px solid #b1c1ce; box-shadow: inset 2px 2px 5px #ddd; padding: 11px 15px; font: 400 18px/28px 'Roboto', sans-serif; color: #778895; transition: all 0.3s;}
		.rform-group textarea {width: 100%; resize: none; background: #e8f1f7; border: 1px solid #b1c1ce; box-shadow: inset 2px 2px 5px #ddd; padding: 11px 15px; font: 400 18px/28px 'Roboto', sans-serif; color: #778895; transition: all 0.3s;}
			.rform-group input:focus, .rform-group textarea:focus {background: #fff; box-shadow: none;}
		.rform-group button {display: block; width: 180px; height: 45px; text-align: center; border-radius: 30px; background: #e94747; border: 2px solid #d20435; font: 400 18px/30px 'Roboto', sans-serif; color: #fff; position: absolute; left: 50%; margin-left: -90px; bottom: -20px; transition: all 0.3s;}
			.rform-group button:hover {background: #d20435;}
	
.testim {margin-top: 80px;}
	.testim .ts {width: 330px; margin: 0 auto 40px;}

#blog {margin: 0 0 30px 0;}
	.blog {width: 292px; margin: 0 auto; padding: 15px; transition: all 0.3s;}
		.blog:hover {background: #fff; box-shadow: 0 0 8px #ccc;}
		.blog a {display: block; position: relative; font: 400 18px/20px 'Roboto', sans-serif; color: #004c8f; margin: 0 0 10px;}
		.blog a img {display: block; width: 262px; transition: all 0.3s;}
		.blog a .date {font: 300 14px/24px 'Roboto', sans-serif; color: #f2f6f9; text-align: center; width: 90px; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0;}
		.blog .anno {font: 300 14px/18px 'Roboto', sans-serif; color: #243039;}
		.blog a:hover {color: #d20435;}

.post-title {margin-bottom: 30px;}
	.post-title .post-share {float: right; padding-left: 20px; width: 330px;}
		.post-share span {font: 500 48px/35px 'Roboto', sans-serif; color: #dadada; text-transform: uppercase;}
		.post-share a {display: inline-block; width: 35px; height: 35px; background: url(img/soc-btn.png) no-repeat; margin-left: 10px;}
		.post-share a.fb {background-position: 0 0;}
			.post-share a.fb:hover {background-position: 0 -35px;}
		.post-share a.tw {background-position: -46px 0;}
			.post-share a.tw:hover {background-position: -46px -35px;}
		.post-share a.gp {background-position: -92px 0;}
			.post-share a.gp:hover {background-position: -92px -35px;}
	.post-title h1 {overflow: hidden; margin: 0; font: 400 36px/36px 'Roboto', sans-serif; color: #004c8f; padding-bottom: 5px;}
.poster {float: left; max-width: 560px; width: 100%; margin: 0 30px 20px 0; position: relative;}
	.poster span {font: 300 14px/24px 'Roboto', sans-serif; color: #f2f6f9; text-align: center; width: 90px; background: rgba(0,0,0,0.4); position: absolute; left: 0; top: 0;}

.blog-related {margin-bottom: 40px;}
.blog-related h2 {text-align: center; margin-bottom: 30px;}
	.blog-related .rtitle1 {display: block; font: 100 70px/45px 'Roboto', sans-serif; color: #243039; padding-left: 100px;}
	.blog-related .rtitle2 {font: 700 90px/65px 'Roboto', sans-serif; color: #243039;}

#map {width: 100%;}
	.scrolloff {pointer-events: none;}
.contact {margin-bottom: 30px;}
	.contact h2 {font: 400 48px/48px 'Roboto', sans-serif; color: #9fb1be;}
	.contact-left p {font: 100 24px/24px 'Roboto', sans-serif; color: #243039; margin-bottom: 20px; padding: 0;}
	.contact-right p {font: 100 30px/30px 'Roboto', sans-serif; color: #243039; margin: -10px 0 20px;}
		.contact p b {font-weight: 700;}
	.contact-left h2 {text-align: center; margin-bottom: 30px;}
	/*.contact-left p:nth-child(1n+1) {text-align: left;}
	.contact-left p:nth-child(2n+2) {text-align: right;}*/
	.contact-right h2:nth-child(1), .contact-right p:nth-child(2), .contact-right h2:nth-child(5), .contact-right p:nth-child(6) {text-align: right;}
	.contact-right h2:nth-child(3), .contact-right p:nth-child(4) {text-align: left;}
.contact h5 {text-align: center; margin-bottom: 30px;}
	.contact .qtitle1 {display: block; font: 100 60px/40px 'Roboto', sans-serif; color: #243039; padding-right: 120px;}
	.contact .qtitle2 {font: 700 70px/50px 'Roboto', sans-serif; color: #243039;}


/***************************************
	NINJA Forms
****************************************/

.ninja-forms-required-items {display: none;}
#ninja_forms_form_1,
#ninja_forms_form_5 {position: relative;}
	#ninja_forms_form_5 .ninja-forms-field-error,
	#ninja_forms_form_1 .ninja-forms-field-error {display: none;}
#ninja_forms_field_1_div_wrap,
#ninja_forms_field_6_div_wrap {float: left; width:50%; padding: 0 15px 0 0;}
#ninja_forms_field_2_div_wrap,
#ninja_forms_field_7_div_wrap {float: left; width:50%; padding: 0 0 0 15px;}
#ninja_forms_field_8_div_wra3,
#ninja_forms_field_8_div_wrap {width: 100%;}
#ninja_forms_field_5_div_wrap,
#ninja_forms_field_9_div_wrap {position: absolute; left: 50%; bottom: -40px;}
	#ninja_forms_field_1_div_wrap input,
	#ninja_forms_field_2_div_wrap input,
	#ninja_forms_field_6_div_wrap input,
	#ninja_forms_field_7_div_wrap input {width: 100%; height: 60px; background: #e8f1f7; border: 1px solid #b1c1ce; box-shadow: inset 2px 2px 5px #ddd; padding: 11px 15px; font: 400 18px/28px 'Roboto', sans-serif; color: #778895; transition: all 0.3s;}
		#ninja_forms_field_1_div_wrap input:focus,
		#ninja_forms_field_2_div_wrap input:focus,
		#ninja_forms_field_6_div_wrap input:focus,
		#ninja_forms_field_7_div_wrap input:focus {background: #fff; box-shadow: none;}
	#ninja_forms_field_3_div_wrap textarea,
	#ninja_forms_field_8_div_wrap textarea {width: 100%; resize: none; background: #e8f1f7; border: 1px solid #b1c1ce; box-shadow: inset 2px 2px 5px #ddd; padding: 11px 15px; font: 400 18px/28px 'Roboto', sans-serif; color: #778895; transition: all 0.3s;}
		#ninja_forms_field_3_div_wrap textarea:focus,
		#ninja_forms_field_8_div_wrap textarea:focus {background: #fff; box-shadow: none;}
	#ninja_forms_field_5, 
	#ninja_forms_field_9 {display: block; width: 180px; height: 45px; text-align: center; border-radius: 30px; background: #e94747; border: 2px solid #d20435; font: 400 18px/30px 'Roboto', sans-serif; color: #fff; margin-left: -90px; transition: all 0.3s;}
		#ninja_forms_field_5:hover,
		#ninja_forms_field_9:hover {background: #d20435;}

#ninja_forms_form_12 label {font: 300 16px/20px 'Roboto', sans-serif;}
#ninja_forms_form_12 .ninja-forms-field-error p {color: #ff0000; font-size: 14px;}
#ninja_forms_form_12 input {width: 100%; height: 50px; background: #e8f1f7; border: 1px solid #b1c1ce; box-shadow: inset 2px 2px 5px #ddd; padding: 11px 15px; font: 400 18px/28px 'Roboto', sans-serif; color: #778895; transition: all 0.3s;}
	#ninja_forms_form_12 input:focus {background: #fff; box-shadow: none;}
#ninja_forms_form_12 textarea {width: 100%; resize: none; background: #e8f1f7; border: 1px solid #b1c1ce; box-shadow: inset 2px 2px 5px #ddd; padding: 11px 15px; font: 400 18px/28px 'Roboto', sans-serif; color: #778895; transition: all 0.3s;}
	#ninja_forms_form_12 textarea:focus {background: #fff; box-shadow: none;}
#ninja_forms_form_12 select {width: 100%; height: 50px; background: #e8f1f7; border: 1px solid #b1c1ce; box-shadow: inset 2px 2px 5px #ddd; padding: 11px 15px; font: 400 18px/28px 'Roboto', sans-serif; color: #778895; transition: all 0.3s;}
	#ninja_forms_form_12 select:focus {background: #fff; box-shadow: none;}
#ninja_forms_form_12 input[type="submit"] {display: block; padding: 0; box-shadow: none; width: 180px; height: 45px; text-align: center; border-radius: 30px; background: #e94747; border: 2px solid #d20435; font: 400 18px/30px 'Roboto', sans-serif; color: #fff; margin: 0px auto; transition: all 0.3s;}
#ninja_forms_form_12 input[type="submit"]:hover {background: #d20435;}

.wp-paginate {font: 300 14px/14px 'Roboto', sans-serif;}
	.wp-paginate .current {background: #004c8f !important;}


.sa-main .col-md-5 {padding: 0 30px 0 40px;}
.sa-main .col-md-7 {padding: 0px;}
	.sa-main a {display: block; margin-bottom: 20px;}
	.sa-main a img {width: 100%;}

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

@media (min-width: 1170px) {
	.man {right: 5%;}
	.inCMap {margin-right: 100px;}
}

@media (min-width: 1430px) {
	.man {right: 13%;}
}

@media (max-width: 1500px) {
	.slider_pic img {width: 80%;}
}
@media (max-width: 1300px) {
	.sl-container {right: 10% !important;}
}
@media (max-width: 1170px) {
	.slider_pic img {width: 70%;}
}
@media (max-width: 1100px) {
	.slider_pic {display: none;}
	.sl-container {width: 100%; text-align: center; right: 0 !important; top: 330px !important;}
	.track-zone-slider {text-align: center;}
	.track-zone-slider-in {display: inline-block; float: none; }
}

@media (max-width: 1200px) {
	.flogo {margin-right: 30px;}
}

@media (max-width: 1170px) {
	.man {right: 5%;}
	.main_service .row > div {padding-left: 5px; padding-right: 5px;}
	.contact-left h2 {text-align: left;}
	.contact-left p {padding: 0 50px 0 0;}
}

@media (max-width: 992px) {
	.navbar-brand {padding-top: 15px;}
	.navbar-brand a img {width: 185px;}
		/*.navbar-brand a {display: block; width: 220px; margin: 0 auto;}*/
	/*.navbar-toggle {display: block;}
	.navbar-collapse.collapse {display: none!important;}
	.collapse {display: none !important;}
	.collapse.in{display:block !important;}
	.nav-secondary-bg {border-top: 2px solid #666;}
	.nav-search {margin-top: 10px;}*/
	.top-nav {margin-top: 30px;}
	.man {right: 3%;}
    ul#main_slider li h3 {font: 300 70px/60px 'Roboto', sans-serif;}
    	#main_slider h3 span {display: block;}
    	#main_slider h3 span i {font: normal 100 70px/60px 'Roboto', sans-serif;}
    	#main_slider h3 .hline1 {font: 300 70px/60px 'Roboto', sans-serif; padding-left: 70px;}
    	#main_slider h3 .hline2 {font: 700 85px/60px 'Roboto', sans-serif; padding-left: 0px;}
    	#main_slider h3 .hline3 {font: 700 85px/60px 'Roboto', sans-serif; padding-left: 150px;}
    .msbl .title {font-size: 28px}
    .covMap {min-height: initial; background-size: 500px;}
    .mac {font: 300 18px/16px 'Roboto', sans-serif;}
    	.main-adv h2 span {font-size: 60px !important; line-height: 50px !important;}
    .flogo {width: 130px;}
    	.fcontact {width: 130px; font-size: 14px;}
    	.fmenu li a {font-size: 18px;}
    .title-zone {font-size: 40px; line-height: 40px;}
    .faq-ask p {margin-left: 0; padding-left: 60px; background-size: 45px;}
    	.faq-answer p {margin-right: 0; padding-left: 60px; background-size: 45px;}
    .post-title .post-share {float: none; margin: 0 auto 20px;}
    	.post-title h1 {text-align: center;}
    	.poster {float: none; margin: 0 auto 20px;}
    .contact-left h2 {text-align: center;}
	.contact-left p {padding: 0; text-align: center !important;}
	#ninja_forms_field_1_div_wrap, #ninja_forms_field_2_div_wrap {width: 100%; float: none; padding: 0;}
	ul#main_slider li .sl-container {padding-top: 10px;}
	.track-zone-slider {bottom: auto; top: 220px;}
	.nav2 {text-align: center;}
		.nav2 ul {display: inline-block;}
		.navbar-nav {float: none;}
}

@media (max-width: 768px) {
	.navbar-brand a {float: right;}
	.man {left: 0; right: 0; margin: 0 auto;}
	.tn1 > div {float: left !important;}
	.navbar-nav {margin: 0;}
	.navbar-nav>li {float: left !important;}
	.msbl .title {font-size: 40px}
	.covMap {height: auto; background-size: 250px;}
		.inCMap {padding-top: 50px;}
		.inCMap p {padding: 0;}
	.mac {width: 48%; height: 250px;}
		.mac:nth-child(2n+2) {margin: 0;}
		.mac:first-child {margin-left: 0;}
		.mac:last-child {margin: 0; width: 100%;}
	.testimon h2 {text-align: center;}
		.testimon h2 .ttitle1, .testimon h2 .ttitle3 {font-size: 40px; line-height: 30px; padding: 0;}
		.testimon h2 .ttitle2 {font-size: 50px; line-height: 40px;}
	.plogo {width: 25%; padding: 0 1%;}
	.flogo {width: 160px; margin-right: 30px;}
		.fcontact {width: 170px; font-size: 16px; margin-left: 0; line-height: 20px;}
	.f2 {text-align: center; padding: 20px 0;}
		.fcopy, .fsoc, .falice {float: none; width: 100%; margin: 0;}
		.fsoc {margin-bottom: 10px;}
	.page-title {height: auto; max-height: 350px;}
		.track-zone {float: none; margin: 0 auto;}
		.title-zone {width: 100%; height: 150px; text-align: center;}
	main .msbl {margin: 10px auto;}
    .contact-right h2 {text-align: center !important;}
	.contact-right p {padding: 0; text-align: center !important;}
	#ninja_forms_field_6_div_wrap, #ninja_forms_field_7_div_wrap {width: 100%; float: none; padding: 0;}
	.capbl {margin-bottom: 40px;}
		.cap-img-parent {height: auto;}
	.main_slider, #main_slider, #main_slider li {height: 590px !important;}
		.lSAction {display: none !important;}
		.track-zone-slider {bottom: auto; top: 300px;}
}

@media (max-width: 550px) {
	.navbar-brand a img {width: 170px;}
	.top-nav {padding-left: 0;}
	.tn-phone {font-size: 20px;}
	.tn1 a {font-size: 15px; margin-left: 12px;}
	.nav2 {margin-top: 0;}
	.nav2 li>a {padding: 7px 0 7px 30px;}
	.covMap {background-size: 80px; background-position: center top;}
		.inCMap {width: 100%;}
		.inCMap p {margin-bottom: 20px;}
		.inCMap h2 {text-align: center;}
		.inCMap h2 span {padding: 0 !important;}
	.serv a {display: block; float: none; margin: 0 auto;}
		.serv h2 {font: 300 40px/30px 'Roboto', sans-serif; text-align: center;}
	.main_slider header {padding-bottom: 5px;}
}