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

body { margin: 0; padding:0; font-size: 14px; color: #858585; font-family: 'Open Sans', sans-serif; overflow:hidden;}
p, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding:0; text-align: left; font-weight: normal; }
p { font-size: 14px; padding-bottom: 14px; }
	
/*(input focus) outline issue in chrome*/
textarea:focus, input:focus { outline: 0; }
*:focus { outline: 0; }

/*IE images border issue*/
img { border: none;}

.fleft { float: left;}
.fright { float: right;}
.center { text-align: center;}
.left { text-align: left !important;}
.right { text-align: right !important;}
.clear { clear: both;}
a {color: #e85524; text-decoration:none; }

/*a focus animation effect*/
a{ -webkit-transform: translateZ(0);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	text-decoration: none;
}
.clearfix:after { clear:both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden;}

/* Place holder opacity issues */
::-webkit-input-placeholder { color: #bbbbbb; opacity: 1; }
/* Firefox < 19 */
:-moz-placeholder { color: #bbbbbb; opacity: 1; }

/* Firefox > 19 */
::-moz-placeholder { color: #bbbbbb; opacity: 1; }

/* Internet Explorer 10 */
:-ms-input-placeholder { color: #bbbbbb; opacity: 1; }*/

/* Place holder color issues */
input[placeholder], [placeholder],
*[placeholder] { color:#000 !important; }

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in Iphone, Ipad etc */
}
input, textarea { /* input border radius issue solved in Iphone */
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

header { width: 100%; float: left; padding: 10px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d9db+0,f0f0f2+51,f1f1f3+100 */
background: #d8d9db; /* Old browsers */
background: -moz-linear-gradient(top,  #d8d9db 0%, #f0f0f2 51%, #f1f1f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d8d9db 0%,#f0f0f2 51%,#f1f1f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d8d9db 0%,#f0f0f2 51%,#f1f1f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d9db', endColorstr='#f1f1f3',GradientType=0 ); /* IE6-9 */
}

header .header-wrap { width: 100%; float: left; }
header nav { width: 60%; float: right; }
header .logo { float: left; width: 136px; height:auto; }
header .lan { width: 106px; float: right; margin-top: 30px; margin-left: 10%;}

header .lan ul { float: left; font-size: 12px; }
header .lan ul li { list-style:none; width: 100%; position:relative; padding: 3px 6px 5px; z-index: 999; margin-bottom: 4px; display: block;  
float: left; background: url(../images/downArrow2.png) right center no-repeat; }
header .lan ul li a { color: #000; display:block; }
header .lan ul li ul { display:none; position:absolute; top:100%; right:0; padding:0; width: 100%; background: #ececee; }
header .lan ul li ul li { border: 1px solid rgba(232, 85, 36, 0.4); margin-bottom: 2px; padding: 0; background: none; }
header .lan ul li ul li a { display: block; text-align: center; padding: 3px 0px; }
header .lan ul li:hover > ul  { display: block;}
header .lan ul li ul li a:hover { background: #e85524; color: #FFF; }


section { width: 100%; float: left;}
.container { max-width: 1164px; width: 100%; margin:0 auto; }
.nav-current { color: #f6412b !important;}
.slider-bg { width: 100%; height: 300px; float: left; background: url(../images/slider-bg.jpg) center top no-repeat; display: none;}
header .navigation { width: 100%; float: right; margin-top: 26px;}
select { width: 100%; }
.slider { float: left; width: 100%; }
.slider2-wrap { float: left; width: 100%; position:relative; z-index: 99999; margin-top: -7%;}
.slider2-wrap .slider2 { width: 100%; float: left; background:url(../images/cargo.jpg) right center;}
.slider2-wrap .slider2 .leftbar { width: 56%; float: left; background: #e85524; padding: 40px 40px 80px 40px;   -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; box-sizing: border-box; }
.slider2-wrap .slider2 .leftbar h2 { font-size: 36px; font-weight: 400; text-align: left; color: #f3f1f1; padding: 0; margin-bottom: 20px; 
						font-family: 'Roboto', sans-serif; text-transform:none;}
.slider2-wrap .slider2 .leftbar p { font-size: 16px; line-height: 22px; color: #f3f1f1; }
section { float:left; width: 100%;}
.row3 { float: left; width: 100%; padding: 60px 0; text-align:center;}
h2 { font-size: 32px; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight: 300; text-align: center; color: #000; }
h3 { font-size: 23px; font-family: 'Roboto', sans-serif; text-transform:uppercase; font-weight: 300; text-align: left; color: #03314c; margin-bottom: 16px; }
.white { color: #FFF;}
.row3 ul { width: 100%; float: left; margin: 50px 0 30px 0;}
.row3 ul li { width: 47%; float: left; list-style:none; }
.row3 ul li:first-child { float: left;}
.row3 ul li:last-child { float:right;}
.row3 input { background: none; border: none; width: 100%; color: #FFF; font-size: 16px; }
.form-div {width: 100%; float: left; padding: 12px 16px; border: 1px solid #FFF; -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 40px; }
.sumit-btn { font-size: 18px; font-family: 'Roboto', sans-serif; color: #0d3852 !important; padding: 12px 36px; color: #f8f9fa; background: #f8f9fa;
			display: inline-block;   }
.row2 { float: left; width: 100%; padding: 30px 0; text-align:center;}
.row2 h2 { margin-bottom: 20px;}
.row2 p { text-align: center;}
.read-more { font-size: 16px; display:inline-block; margin: 10px 0 50px; }		
.row2 { width: 100%; float: left; margin: 4% 0 4%; }
.row2 div { width:30%; height:auto; float:left; margin-right:3%; }
.row2 div:last-child a { padding:20px 10px 0px 0px; float:left; }
.row2 div .footerlink{ width:100%; height:auto; float:left; margin:0; padding:0;}
.row2 div .footerlink li { list-style:none; font-size:14px; font-weight: 400; text-decoration:none; width: 100%; color:#fff; }
.row2 div .footerlink li a {  color:#fff; padding-top:8px; display: block; }
.row2 div .footerlink li:first-child { font-size:24px; color:#fff; font-weight:700; text-decoration:none; 
						  padding-bottom: 5px; padding-left: 15px; border-left: 1px solid #FFF; margin-bottom: 10px; }
.row2 div .footerlink li p { color:#fff; font-size: 14px; line-height: 24px; text-align: left; font-weight: 400; margin-bottom: 8px;  
		font-family: 'Roboto', sans-serif; font-weight: 100;}
.row2 div .footerlink li p span { font-weight: 400;}
.row2 div:nth-child(2) { width: 25%; margin-left:5%;}
.inner-bg { background:url(../images/inner-bg.jpg) top center no-repeat; height: 743px; overflow: hidden; float: left;}
.left-block { width: 50%; float: left; height:auto; position:relative;}
.left-block img { width: 100%;}
.right-block { width: 50%; float: right; height:auto; position:relative;}
.right-block img { width: 100%;}
.row-inside { float: left; width: 100%; background: #f8f8f8;}
.row-inside h3 { color: #0867ca; font-size: 30px; font-weight:400; margin: 50px 0 20px; text-align:center;}
.row-inside h4 { font-size: 16px; font-weight: 400; text-align: center;}
.margin2 { margin-top: -50px;}
.three-col { width: 100%; float: left;}
.three-col li { width: 30%; float: left; list-style: none; background:#9C0; position:relative; overflow:hidden; height: 343px; }
.margin-right-1 { margin-right: 4.5%;}
.three-col li img { display:block; width: 100%;}
.three-col li .caption { width: 100%; padding: 10px 20px; background: rgba(9,47,69,0.8); position:absolute; left:0; bottom:0; -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 0px;  }
.three-col li .caption p { color: #FFF; font-size: 23px; font-family: 'Roboto', sans-serif; font-weight: 300; text-align: left; background:url(../images/arrow2.png) right top no-repeat; line-height: 40px; padding-bottom: 0px;  }
.grow img { width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;
      -ms-transition: all 1s ease; transition: all 1s ease; } 
.grow img:hover { width: 110%; }
.h-contact { width: 100%; float: left;}
.h-contact li { width: 25%; float: left; list-style: none; border-right: 1px solid #dfdcdc; -moz-box-sizing: border-box; -webkit-box-sizing: 
border-box; box-sizing: border-box; padding: 2px 50px; height: 140px;}
.h-contact li:last-child { border-right: none;}
.color-none { color: inherit;}
/*... FOOTER ...*/
footer { float: left; width: 100%;}
footer.blue-bg { padding: 30px 0; background: #092f45; }
footer p { font-size: 15px; color: #e9e9e9; text-align: left; }
.margin2 { margin-right: 10px;}

/*--Inner pages--*/

/*--About page--*/
.inner-bg { width: 100%; float: left; background:url(../images/inner-bg.jpg) top center no-repeat; height: 268px; }
.row4 { float: left; width: 100%; padding: 50px 0; }
.row4 h2 { text-align: left; margin-bottom: 24px;}
.row4 .qty-block { width: 100%; float: left;}
.row4 .qty-block .leftbar { list-style: none; float: left; width: 50%; }
.row4 .qty-block .leftbar.one { width: 60%; float: left; }
.row4 .qty-block .leftbar.two { width: 35%; float: right;}
/*--Service page--*/
.service-bg { width: 100%; float: left; background: url(../images/inner-bg2.jpg) top center no-repeat; height: 268px; }
.service { width: 100%; float: left; margin-top: 30px;}
.service li { width: 47%; float: left; list-style:none; margin-bottom: 35px; border-bottom: 3px solid #e3e3e3; padding-bottom: 30px; }
.service li:nth-child(odd) { margin-right: 6%; }
.service li h4 { text-transform:uppercase; font-size: 20px; padding: 16px 0; font-family: 'Roboto', sans-serif; color: #5c5c5c; }
.service li p { font-size: 13px; color: #8e8e8e; line-height: 22px; }
.service li a  { font-size: 15px; color: #03314c; text-decoration:underline; }
.service li img { width: 100%;}
/*--contact page--*/
.contact-left { width: 30%; float: left; }
.contact-right { width: 60%; float: right; }
.contact-left ul { width: 100%; float: left;}
.contact-left ul li { width: 100%; float: left; padding: 20px 0; border-bottom: 1px solid #dbdbdb; list-style:none; }
.contact-left ul li p { font-size: 18px; }
.contact-left ul li p a { color: #858585; }
.contact-left ul li span { display: inline-block; float: left; margin-right: 16px; margin-bottom:24px; }
.padding3 { padding-top: 10px !important;}
.contact-details div { box-sizing: border-box; float: left; list-style:none; margin-bottom: 10px; width: 95%; color: #000;}
.contact-details div input { border: 1px solid #d7d7d7; padding: 10px 2%; width: 96%; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 13px; }
.contact-details div textarea { border: 1px solid #d7d7d7; color: #bbb; font-family: 'Open Sans', sans-serif; font-weight: 300; height: 150px;
    								padding: 6px 2%; resize: none; width: 100%; box-sizing:border-box; font-size: 13px; color: #000; }
.contact-details a { float: left; text-align: center; font-size: 14px; line-height: 22px; text-transform:uppercase; font-weight:600; 
		background: #092f45; color: #fff; padding: 10px 40px; }
/*--Service detail page--*/
.sevice-img-block { float: right; margin-left: 24px;}