@charset "utf-8";
/* CSS Document */

body { font-family: 'Montserrat', sans-serif; font-size:13px; overflow-x:hidden;}
p {font-family: 'Open Sans', sans-serif; font-weight:300; line-height:200%;}
a { transition:all ease 0.6s;}

ul,ol { margin:0px; padding:0px; list-style:none;}

.uk-container-fluid { padding:0px 15px;}
header { position:relative; overflow:hidden;}

nav { background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); padding:5px 0px; position:absolute; z-index:20; left:0px; top:0px; right:0px;}
nav img { position:relative;top:50%; transform:translateY(-50%);}
nav ul li, nav ol li { display:inline-block;}
nav ul li a { color:#7d7d7d; padding:24px 13px; font-weight:700; display:block; position:relative; z-index:9999;}
nav a.uk-float-right { color:#4da3e7; font-weight:700; padding:24px 13px; display:inline-block; position:relative; z-index:9999;}
.shape_wpr { background:#0a59a5; width:18%; position:absolute; top:0px; right:0px; bottom:0px; z-index:25; height:500px;}
.shape_wpr:after {width: 0; height: 0;  border-bottom: 490px solid #0a59a5; border-left:350px solid transparent; position:absolute; z-index:10; top:0px; left:-350px;  bottom:0px; content:""; display:block;} 

nav ol { text-align:right; position:relative; z-index:9999; top:12px; bottom:0px; left:0px; right:0px;}
nav ol li a { width:32px; height:32px; border:3px solid #fff; color: #fff; text-align:center; border-radius:100%; line-height:32px; margin-left:10px;display:block; font-size:14px;}
nav ol li a:hover { background:#fff; color:#0a59a5;}


.uk-navbar-toggle { padding-top:10px; font-size:14px;}
.uk-navbar-toggle::after { margin-left:10px; font-size:18px;}
.uk-navbar-toggle:hover { color:#0a59a5;}
.uk-offcanvas-bar { background:#0a59a5;}
.uk-offcanvas-bar ul li { display:block;}
.uk-offcanvas-bar ul li a { display:block; padding:15px 0px 15px 10px; border-bottom:1px solid #0033cf; color:#fff; font-weight:700;}
.uk-offcanvas-bar ul li a:hover ,.uk-offcanvas-bar ul li a.active { background:#0033cf;}

.sub_ban { height:300px;} 
.sub_ban img { width:100%; height:100%;}

.ban_text { position:absolute; top:50%; transform:translate(0px,-50%); left:15px; color:#fff;}
.head { font-size:30px; font-weight:700;line-height:30px;}
.head span { display:block; font-size:18px;  letter-spacing:12px; margin-top:10px;}

.thm_button { background:#4da3e7; color:#fff; font-weight:700; padding:12px 25px; display:inline-block; font-size:14px;}
.thm_button:hover { background:#fff; color:#7d7d7d; box-shadow:0px 0px 5px rgba(0,0,0,0.2); }

.intro_wpr { padding:105px 0px; text-align:center; position:relative;}
.truck { position:absolute; top:-240px; right:30px; z-index:200;} 
.truck img { transform:translate(800px,0px); transition:all ease 1s;}
.intro_wpr p { line-height:190%; color:#404040; font-size:18px; margin:0px 0px 25px; display:block;}

.service_wpr { padding:80px 0px;}

.export { background:url(../images/export-and-import-bg.jpg) left no-repeat #0a59a5;}
.crosstrade { background:url(../images/cross-trades-bg.jpg) right no-repeat #fc0414;}
.service_wpr h2 ,.service_wpr h3 { font-size:34px; color:#fff; font-weight:700; margin-bottom:15px;}
.service_wpr p { color:#fff; font-size:13px; margin-bottom:15px;}
.service_wpr a {  background:#fff; color:#7d7d7d; border:2px solid #fff;}
.service_wpr a:hover { color:#fff; background:none; }


.enquiry_wpr { padding:85px 0px; background:url(../images/quick-enquiry-bg.jpg) left no-repeat; border-top:2px solid #fff;}
.enquiry_wpr h4 { color:#0a59a5; font-size:36px; font-weight:700; margin-bottom:15px;}

.enquiry_wpr input ,.enquiry_wpr textarea ,.subpage_wpr input ,.subpage_wpr textarea { width:45%; float:left; margin-bottom:20px; border:0px none; background:none; border-bottom:3px dashed #c2c2c2; font-weight:600; font-style:italic;font-family: 'Open Sans', sans-serif;  font-size:12px; color:#7d7d7d; height:35px; transition:all ease 0.6s;}
.enquiry_wpr input:focus ,.enquiry_wpr textarea:focus ,.subpage_wpr input:focus ,.subpage_wpr textarea:focus { border-color:#eaeaea;}
.enquiry_wpr textarea ,.subpage_wpr textarea { height:90px; width:100%; resize:none;}
.enquiry_wpr button { width:45px; height:45px; border-radius:100%; text-align:center; line-height:45px; font-size:18px;  color:#fff; background:#4da3e7; border:0px none; margin:0px auto; display:block; cursor:pointer; transition:all ease 0.6s;}
.enquiry_wpr button:hover { background:#fff; color:#7d7d7d; box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
.enquiry_wpr button i { transition:all ease 0.6s;}
.enquiry_wpr button:hover i { transform:rotate(40deg);}

::-webkit-input-placeholder { opacity:1;}
:-moz-placeholder {  opacity:1;}
::-moz-placeholder { opacity:1;}
:-ms-input-placeholder { opacity:1;}



.footer_wpr { padding:300px 0px 20px; background:url(../images/footer-bg.jpg) no-repeat right; background-size:cover;v}


.footer_wpr ul { background:url(../images/quote.png) no-repeat left; padding:20px 0px 20px 0px; margin-bottom:170px;}
.footer_wpr ul li { color:#7d7d7d; font-size:12px; line-height:200%;font-family: 'Open Sans', sans-serif; padding:20px 0px 10px 130px; width:auto; }

.footer_wpr ul li strong { display:block; font-weight:800; color:#7d7d7d;}

.footer_wpr ol li { display:inline-block; margin-right:10px;}
.footer_wpr dl { margin-bottom:25px;}
.footer_wpr dl dd { display:inline-block; padding-right:15px;}
.footer_wpr dl dd a { display:block; color:#7d7d7d; font-weight:700;}
.footer_wpr dl dd a:hover { color:#333;}


/* ========== sub page =========== */

.subpage_wpr { padding:105px 0px 60px; background:#fafafa; position:relative;}
.sub_head {  color:#0a59a5; font-size:36px; font-weight:700; margin-bottom:25px; }
.sp_head { font-size:48px; font-weight:700; color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99; text-shadow:0px 0px 8px rgba(0,0,0,0.2);}
.subpage_wpr hr { margin:0px;}

.subpage_wpr p img { width:450px;} 



.subpage_wpr ul li { border-bottom:1px solid #eaeaea; padding-bottom:15px; margin-bottom:15px; overflow:hidden;}
.subpage_wpr ul li strong { font-size:18px; font-weight:700;color:#0a59a5; display:block; padding-top:10px;}
.subpage_wpr ul li span { font-size:12px; color:#7d7d7d;}


.address ,.services_box ,.box { background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.2); border-radius:4px; padding:20px;}
.address h6 { font-weight:700; font-size:24px; color:#0a59a5; margin:0px 0px 15px;}
.address address { color:#7d7d7d; line-height:190%;font-family: 'Open Sans', sans-serif; }
.address b { display:block;}
.address i { background:#4da3e7; width:32px; height:32px; border-radius:100%; line-height:32px; color:#fff; font-style:normal; display:inline-block; margin:5px 5px 0px 0px; text-align:center; font-weight:700;}



.services_box { margin-top:30px; padding:0px; overflow:hidden;}
.box_title { position:relative;}
.box_title strong { position:absolute; top:50%; left:20px; color:#fff; font-size:20px; font-weight:700; transform:translate(0px,-50%);}
.box_title strong a { color:#fff; font-size:12px; display:block;}
.pos_rgt strong { left:auto; right:20px; text-align:right;}

.subpage_wpr button { border:0px none;font-family: 'Montserrat', sans-serif; cursor:pointer;}

.subpage_wpr input { width:28.5%;}
.subpage_wpr textarea { height:120px;}


.map  iframe { width:100%; height:322px;}



.box strong { color:#7d7d7d; font-size:18px;}


.subpage_wpr ul.sub_serv li { overflow:inherit; border:0px none; margin-bottom:0px; padding-bottom:0px;}

#connect { position:relative;}
#rocket { position:absolute; color:#7d7d7d; animation:rocket 2s alternate infinite; transform:translate(0px,0px); font-size:24px; top:50%; transform:translate(-50%,-50%); left:50%; transition:all ease 2s;}


@keyframes rocket {
 0% { transform:translate(0px,0px); transform:rotate(0deg);}
 25% { transform:translate(0px,0px); transform:rotate(360deg);}
 50% { transform:translate(100px,-100px);}
 75% {transform:translate(500px,-500px);}
 100% {transform:translate(5000px,-5000px);}
}




:invalid {
    box-shadow: none;
}