/* CSS Document */

/* TOC 
 * RESET STYLES
 * FONT FACE (IF USED)
 * HTML
 * BODY
 * HEADER
 * NAVIGATION
 * PAGE
 * FOOTER
 * FORMS
 * PLUGINS
 * PRINT STYLES
 * MEDIA QUERIES
---------------------------------------------------------------------------*/

/* RESET STYLES
---------------------------------------------------------------------------*/
html { overflow-y: scroll; }
body {
	margin: 0;
	font-size: 16px;
	min-height:100%;
	font-family: 'proxima_novaregular';
	color: #343434;
	overflow:hidden;
	background:#fff;
} 
body:before{ display:none;} 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
	clear:both;
}
button, input, select, textarea {
	font-family: 'proxima_novaregular';
	color: #000;
} 
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after { /* Safari Reset as Safari does not recognise quotes property */
	content: '';
	content: none;
} 

p {
	margin:0;
	padding:10px 0;
	line-height:26px;
}
a {
	margin:0;
	padding:0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
	color:#0689d8;
}
a:hover, a:active {
	outline: 0;
}
a img {
	border:0 none;
}

ul, li { list-style:none; margin:0;}

.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer; /* hand cursor on clickable elements */
}
button, input, select, textarea {
	margin: 0; /* Webkit browsers add a 2px margin outside the chrome of form elements */
}
button { /* make buttons play nice in IE */
	width: auto;
	overflow: visible;
}

*{ margin:0; padding:0; box-sizing:border-box;}
img{ border:none; max-width:100%;}


h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-family: 'proxima_novabold';
	font-weight:normal;
	color:#000;
	padding:10px 0;
	line-height:normal;
}
h1 { font-size:50px; }
h2, .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 { margin-top:0; font-size:50px;}
h2.head-icon{background:url(../images/head-icon.png) no-repeat center bottom; margin-bottom: 20px; padding-bottom: 30px;}
h2.head-icon-left, .head-icon-left{background:url(../images/head-icon.png) no-repeat left bottom; margin-bottom: 20px; padding-bottom: 30px;}
h3, .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 { font-size:30px; margin-top:0;}
h4, .entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 { font-size:22px; margin-top:0;}
h5, .entry-content h5, .entry-summary h5, .page-content h5, .comment-content h5 { font-size:20px; margin-top:0;}
h6, .entry-content h6, .entry-summary h6, .page-content h6, .comment-content h6 { font-size:18px; margin-top:0;}
strong{ font-weight:normal; font-family: 'proxima_novabold';}

.btn, input[type="submit"].btn{ background:none; border-radius:1000px; transition: all .5s ease; border:2px solid #0689d8; padding:10px 40px; display:inline-block; font-family: 'proxima_novabold'; text-transform:uppercase; color:#131414;}
.btn:hover, input[type="submit"].btn:hover{ background:#0689d8; color:#fff;}
.center{ text-align:center;}
.wrapper{ width:94%; margin:0 auto;}
.half-wrapper{ width:800px; max-width:94%; margin:0 auto;}
.half-q-wrapper{ width:1000px; max-width:94%; margin:0 auto;}
.container{ float:left; width:100%; padding:40px 0;}

.header-bc{ float:left; width:100%; position:relative; z-index:2;}
.header{ float:left; width:100%; padding:20px 0; }
.logo{ float:left;}
.menu-nav{ float:right;}
.top-nav{ float:right; clear:both;}
.top-nav span{ color:#0689d8; margin-left:30px; float:left; font-family: 'proxima_novabold'; line-height: normal;}
.top-nav span a{ color:#000;}
.bottom-nav{ float:left; clear:both; margin-top:8px;}
.bottom-nav ul{}
.bottom-nav ul li{ float:left; font-family: 'proxima_novabold'; line-height: normal; text-transform:uppercase;}
body .bottom-nav ul.menu > li{margin-left:60px;}
body .bottom-nav ul.menu li{font-size: 15px;}
.bottom-nav ul li a{ color:#000;}

.banner{ float:left; width:100%; height:500px; background:#000; overflow:hidden;}
.banner video{ float:left; width:100%; margin:0;}

.about-section{ float:left; width:100%; display:table;}
.left-section{ display:table-cell; width:50%; padding-right:2%; vertical-align:middle; height:700px;}
.right-section{ display:table-cell; width:50%; padding-left:2%; padding-right:3%; vertical-align:middle; height:700px; padding-top:30px; padding-bottom:30px;}

.fleet-section-bc{ float:left; width:100%; background:#f1f1f1;}

.fleet-section{ float:left; width:100%; margin-top:40px;}
.fleet-section li{float:left; width:25%; padding:0 1%; text-align: center; box-shadow:0 0 0 0 rgba(0,0,0,0.6);}
.fleet-section li > div{ box-shadow: 0 0px 5px 0px rgba(0,0,0,0.2); float:left; width:100%; height:200px;}
.fleet-section li > span{ box-shadow: 0 0px 5px 0px rgba(0,0,0,0.2); background:#fff; text-align:left; float:left; width:100%; padding:0 10px 42px;}
.fleet-section li > span h4{ color:#0689d8;}
.fleet-section li > span p{ line-height:22px;}

.btn-blog:after{ background: rgba(0, 0, 0, 0) url("../images/btn-arrow.png") no-repeat scroll center center; content: ""; height: 100%;position: absolute; right: 12.5px; transition: all 0.3s ease 0s; vertical-align: middle; width: 1.5625rem;}
.btn-blog{background: #0689d8; box-shadow: 0 0px 5px 0px rgba(6, 137, 216,1); margin-top: -29px; overflow:hidden; border-radius: 1000px; display: inline-table; height: 50px; min-width: 50px;position: relative; text-align: center;transition: all 0.3s ease 0s; vertical-align: bottom;}
.btn-blog span { display:none; bottom: -53px;height: 100%; left: 0; letter-spacing: 0.15625rem; opacity: 0.2; position: absolute; text-transform: uppercase; transition-delay: 0.2s; transition-duration: 0.2s;  transition-property: top, opacity;  vertical-align: middle; width: 200px;}
.btn-blog:hover span { display:block; color: #ffffff; opacity: 1; padding-right: 20px;top: 13px;}
.btn-blog:hover { min-width: 190px;}

.two-btn-section{ float:left; width:100%; text-align:center;}

.first-btn-section{ float:left; width:50%; height:400px; display:table; position:relative;}
.first-btn-section:after{ position:absolute; top:0; left:0; width:100%; background:rgba(0,0,0,0.6); content:''; width:100%; height:100%;}
.first-btn-section > a{ display:table-cell; vertical-align:middle; position:relative; z-index:1;}
.first-btn-section > a h2{color:#fff; font-size:40px;}
.first-btn-section > a:after{ content:'';transition: all .5s ease; top:20px; left:20px; background:url(../images/line-area-left-top.png)no-repeat; width:50px; height:50px; position:absolute;}
.first-btn-section > a:before{content:''; transition: all .5s ease; top:20px; right:20px; background:url(../images/line-area-right-top.png)no-repeat; width:50px; height:50px; position:absolute;}
.first-btn-section > a h2:after{content:''; transition: all .5s ease; bottom:20px; left:20px; background:url(../images/line-area-left-bottom.png)no-repeat; width:50px; height:50px; position:absolute;}
.first-btn-section > a h2:before{content:''; transition: all .5s ease; bottom:20px; right:20px; background:url(../images/line-area-right-bottom.png)no-repeat; width:50px; height:50px; position:absolute;}

.first-btn-section > a:hover:after{ top:50px; left:50px;} 
.first-btn-section > a:hover:before{ top:50px; right:50px;} 
.first-btn-section > a:hover h2:after{ bottom:50px; left:50px;} 
.first-btn-section > a:hover h2:before{ bottom:50px; right:50px;} 

.client-logo{ float:left; width:100%; margin-top:40px;}
.client-logo li{ width:18%; height:100px; margin:0 1%; border-radius:10px; float:left; background:#000;}

.follow-us a{ margin-right:10px; display:inline-block;}
.footer-bc{ float:left; width:100%; background:#000; color:#fff;}
.footer{ float:left; width:100%; padding:40px 0;}
.foot-section{ float:left; width:25%; padding-right:1%;}
.foot-section h4{ color:#c6c6c6; font-size:18px; background:url(../images/foot-head.png) no-repeat left bottom; margin-bottom: 15px; padding-bottom: 15px;}
.foot-section ul { margin-top:10px;}
.foot-section ul li{ display:block; margin:8px 0; font-size:14px;}
.foot-section ul li a{ color:#fff;}

.foot-section ul li:hover a, .foot-section ul li.current_page_item a{ color:#0689d8;}

.copyright-bc{ text-align:center; border-top:1px solid #343434; float:left; width:100%; background:#000; padding:20px 0;}
.copyright{ color:#fff;}

.banner{ position:relative; display:table;}
body .banner-inner{ height:350px; padding:0 3%; text-align:center;}
.banner:after{ background:rgba(0,0,0,0.2); content:''; width:100%; height:100%; position:absolute; left:0; top:0;}
.banner > div{ display:table-cell; vertical-align:bottom;  z-index:1; position:relative; padding-bottom: 10px;}

.banner-inner h1{ font-size:50px; color:#fff;}

.table-system > div:nth-child(2n){ background:#fbfbfb;}
.table-system{ float:left; width:100%;}
.table-system > div:first-child{ border-top:1px solid #e2e2e2;}
.table-system > div{ float:left; width:100%; display:table; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.table-system > div .left-table-system{ font-family: 'proxima_novabold'; display:table-cell; vertical-align:top; padding:10px; width:30%; }
.table-system > div .right-table-system{ display:table-cell; vertical-align:top; padding:10px; width:70%; border-left:1px solid #e2e2e2;}
.table-system > div .right-table-system p{ padding:0;}
.full-table-system{ float:left; width:100%; border:none !important; background:#fff !important;}

.expertise{ float:left; width:100%; margin-top:20px; }
.expertise .expertise-table{ float:left; width:100%; display:table;margin-top:20px;}
.expertise .expertise-table .expertise-table-right{ height:330px; display:inline-block; vertical-align:top; width:50%; border:1px solid #e2e2e2;  margin-top:-1px; margin-left:-1px; padding:2%;}

.who-we-are-section{ float:left; width:100%; height:400px;}
.who-we-are{ float:left; width:100%; padding:40px 0;}

.contact-left{ float:left; width:40%;}
.contact-right{ float:right; width:55%; margin-top:20px;}

.wd100{ float:left; width:100%; margin-bottom:20px;}
input:focus,textarea:focus{ background:none; border:none; outline:none;border-bottom:1px solid #ccc;}
input,textarea{ height:50px; background:none; border:none; border-bottom:1px solid #ccc; font-size:15px;}
textarea{ height:100px;}
input[type="submit"]{ height:auto;}

.banner-contact{ height:400px;}

body .wpcf7-response-output, body .wpcf7-response-input{ clear:both; margin:0;}

.banner > div.banner-overlay{ position:absolute; width:100%; height:100%; top:0; left:3%; width:50%;}
.banner-overlay > div{ display:table; vertical-align:middle; width:100%; height:100%;}
.banner-overlay > div  div{ width:100%; height:100%; display:table-cell; vertical-align:bottom; padding:20px 0;}
.banner-overlay > div h1{color: #fff;}
.banner-overlay > div p{ font-size: 20px;color: #fff;}
.banner-overlay > div p a.btn{ font-size:16px; color:#fff;}

.image-fleet-side.image-fleet-side-t{margin-top:4%;}
.image-fleet-side{ float:left; width:100%; margin-top:2%; margin-bottom:2%;}
.image-fleet-side .left-image-fleet-side{ float:left; width:48%; height:300px;}
.image-fleet-side .right-image-fleet-side{ float:right; width:48%; height:300px;}
.image-fleet-side .full-image-fleet-side{ float:left; width:100%; height:400px;}

.table-im-fle{ float:left; width:100%; height:300px;}
.table-tit-fle{ float:left; width:100%;}

.tb-h{ position:relative; float:left; width:100%; vertical-align:top; padding: 10px 0;}
.tb-h .asas{ position:absolute; top:0; left:0; width:100%; height:100%;}

.gallery-list{ float:left; width:100%; margin-bottom:40px;}
.gallery-list-im{ float:left; width:25%; height:200px;}

.table-system-description-un{ float:left; width:100%;}

.testimonial p{ font-size:18px;}

.table-system-description-un .dae-shortcode-download-title{ display:none;}

.hentry, .hentry .entry-content{ box-shadow:none; margin:0; padding:0;}
.two-btn-section.container{ padding-top:0;}

.table-im-galleryfle{ float:left; width:100%; }

.single-item1 button.slick-prev:before, .single-item1 button.slick-next:before{ background:#0689d8; padding:10px;}
.single-item1 button.slick-prev{ left: auto; right:40px; z-index: 10;top: auto; bottom:-20px; height: 40px; width: 41px;}
.single-item1 button.slick-next{ right:0;top: auto; bottom:-20px; height: 40px; width: 40px;}

.grey-bc-area{ float:left; width:100%; background:#fbfbfb;}

.dots{}
.dots li{ list-style:disc; margin-left:30px;}

.slick-dots li button:before{ display:none;}

@media only screen and (max-width: 1100px) {
	.bottom-nav ul li{ margin-left: 20px;}
	.banner{ height:auto;}
}

@media only screen and (max-width: 1000px) {
	.menu-nav{ display:none;}
	.left-section{ float:left; width:100%; padding:0;}
	.right-section{ float:left; width:100%; padding:60px 3%; height:auto;}
	.fleet-section li{ width:50%; padding:1%;}
	.foot-section{ text-align:center; width:100%; padding:10px 0;}
	.foot-section h4{ background-position:center bottom;}
	.expertise .expertise-table .expertise-table-right{ width:100%; height:auto; float:left; margin-left:0;}
	
	.left-section{height: 400px;}
	
	.banner > div.banner-overlay{ padding: 3%; left: 0; display:block; position:relative; width: 100% !important; float:left;}
	.banner video{ display: block;}
}

@media only screen and (max-width: 800px) {
	.first-btn-section{ width:100%;}
	p{ line-height:22px;}
	body{ font-size:14px;}
	.first-btn-section > a h2{ font-size: 30px;}
	.first-btn-section{ height:300px;}
	.mob-none{ display:none;}
	.contact-left{ width:100%;}
	.contact-right{ width:100%;}
	
	.banner-overlay > div p{ font-size:16px;}
	.banner-overlay > div p a.btn{ font-size:14px;}
	
	h1 { font-size:40px;}
	h2, .entry-content h2, .entry-summary h2, .page-content h2, .comment-content h2 { margin-top:0; font-size:35px; font-family: 'proxima_novablack';}
	h2.head-icon{background:url(../images/head-icon.png) no-repeat center bottom; margin-bottom: 20px; padding-bottom: 30px;}
	h2.head-icon-left{background:url(../images/head-icon.png) no-repeat left bottom; margin-bottom: 20px; padding-bottom: 30px;}
	h3, .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 { font-size:25px; margin-top:0;}
	h4, .entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 { font-size:20px; margin-top:0;}
	h5, .entry-content h5, .entry-summary h5, .page-content h5, .comment-content h5 { font-size:18px; margin-top:0;}
	h6, .entry-content h6, .entry-summary h6, .page-content h6, .comment-content h6 { font-size:16px; margin-top:0;}
	
	.tb-h{ float:left; width:100%; padding:10px 0; margin:0;}
	
	.gallery-list-im{ width:50%; height:300px;}
	.testimonial p{ font-size:16px;}
}

@media only screen and (max-width: 500px) {
	.fleet-section li{ width:100%; padding:1% 0;}
	
	.table-system > div .right-table-system{ width:100%; float:left; border:none;}
	.table-system > div .left-table-system{ width:100%; float:left;}
	.image-fleet-side .left-image-fleet-side{ width:100%;}
	.image-fleet-side .right-image-fleet-side{ width:100%; margin-top: 4%;}
	
	.gallery-list-im{ width:100%; height:250px;}
}

@media only screen and (max-width: 320px) {
}

@media only screen and (max-width: 300px) {
}