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

@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One|PT+Sans');

/*
font-family: 'Julius Sans One', sans-serif;
font-family: 'PT Sans', sans-serif;
*/

*, html, body, div, dl, dt, dd, ul,ol,li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
ul{list-style:none}
section, header, footer {padding: 0em 0;}
*,*:before,*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}

.ani *{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

body{font-family: 'PT Sans', sans-serif;  /* font-family:Arial, Helvetica, sans-serif;*/font-size:16px;  margin:0; padding:0; background:#FFF; color:#404041;}
.cl{clear:both;} .fl{float:left!important;} .fr{float:right!important;} .nd{display:none}
img{border:0;} /*a img{opacity: 1; -webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}  a img:hover{opacity:.7;}*/

a{text-decoration:none; color:#505050; -o-transition:color 0.3s ease-out, background 0.3s ease-in; -ms-transition:color 0.3s ease-out, background 0.3s ease-in; -moz-transition:color 0.3s ease-out, background 0.3s ease-in; -webkit-transition:color 0.3s ease-out, background 0.3s ease-in; transition:color 0.3s ease-out, background 0.3s ease-in;} a:hover{color:#000;} 
*.ani{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;}

/*img, embed, object, video {max-width:100%;}*/

.tint img{max-width:100%; opacity: 1; -webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}  a img:hover{opacity:.7;}

h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family: 'Julius Sans One', sans-serif; }

h1 {display:table; margin:0 auto; padding-bottom: 15px; position: relative; margin-bottom:30px; text-transform:uppercase; text-align:center;}
h1:before {content: ""; position: absolute; width: 50%; height: 1px; bottom: 0; left:25%; border-bottom: 1px solid #b7b7b7;}

h2 {padding-bottom: 10px; font-size:18px;  position: relative; margin-bottom:20px;}
h2:before {content: ""; position: absolute; width: 20%; height: 1px; bottom: 0;  border-bottom: 2px solid #FFF;}

h3{color:#1051a5; font-weight:bold; font-size:24px; border-bottom:2px solid #00aa7d; padding-bottom:5px; margin-bottom:10px;}

h4 {padding-bottom: 15px; position: relative; text-transform:uppercase; text-align:center; font-size:30px}

.bg1{color:#FFF;} /*Responsive*/
.bg2{background:#1051a5; color:#FFF}
.bg3{background:#2a2a2a}
.bg4{background:#ececec}

::selection{background:#333;color:#FFF;}::-moz-selection{background:#333;color:#FFF;}::-webkit-selection{background:#333;color:#FFF;}
.main{max-width:1200px;  margin:0 auto;}
.sub{width:100%;} .two{width:50%; float:left} .three{width:33.333333333%; float:left;} .four{width:25%; float:left} .tint{width:100%;} .ptb{}

.logo{ padding:20px 15px; max-width:315px; display:block;}
/*a.svg {
 position: relative;
 display: inline-block; 
}
a.svg:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}*/
.topContact{ padding:10px 0; font-family: 'Julius Sans One', sans-serif; font-size:20px; text-align:center;  }
.topContact img{margin-left:5px;}
.topLine{height:1px; background:#dad8d7}

.bannerSplit{padding:20px; background:#FFF; margin:20px; box-shadow: 0px 0px 10px #c6c6c6; }
.bannermain{}
.cont{line-height:25px;}
.cont.c{text-align:center} .cont.j{text-align:justify}
.cont.sm{ display:table; margin:0 auto; max-width:1000px}
.cont p{padding-bottom:10px}
.moreBtn1 a{padding:10px; display:table; margin:0 auto; margin-top:30px; font-size:14px;line-height:inherit; background:none;  border:1px solid #FFF; color:#FFF; }
.moreBtn1 a:hover{ background:#FFF; color:#1051a5;  border:1px solid #FFF;}

.moreBtn2 a{padding:10px; display:table; margin:0 auto; margin-top:30px; font-size:14px;line-height:inherit; background:none;  border:1px solid #00aa7d; color:#00aa7d; }
.moreBtn2 a:hover{ background:#00aa7d; color:#FFF;  border:1px solid #00aa7d;}

.moreBtn3 a{padding:10px; display:table; margin:0 auto; margin-top:30px; font-size:14px;line-height:inherit; background:#1051a5;  border:1px solid #1051a5; color:#FFF; }
.moreBtn3 a:hover{ background:#FFF; color:#1051a5;  border:1px solid #1051a5;}

.moreBtn3btn{padding:5px 10px; display:table; margin-top:30px; font-size:14px;line-height:inherit; background:#1051a5;  border:1px solid #1051a5; color:#FFF; }
.moreBtn3btn:hover{ background:#FFF; color:#1051a5;  border:1px solid #1051a5;}


.fearured{text-align:center; border:1px solid #ededed; box-shadow: 0px 0px 5px #CCC; overflow:hidden!important;}
.fearured a{padding:10px; display:block }
.fearured:hover { box-shadow: 0px 0px 0px #CCC; }
.fearuredPic{position:relative;}
.fearured:hover img{transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}
.fearured:hover .fearuredMake{ margin:0 auto -30px auto; }
.fearuredMake{position:absolute; width:60%;  margin:0 auto -15px auto; left:0; right:0;  bottom:0;  background:#1051a5;display:block; color:#FFF; padding:5px; z-index:100; border-radius:20px; font-size:14px;  }
.fearured:hover .fearuredTitle{color:#00aa7d} 
.fearuredTitle{ margin:30px 0 10px 0; font-size:20px; color:#1051a5}
.fearuredTitle span{ font-size:14px; color:#333}
.spp .fearuredTitle{ background:#f2f2f2; padding:20px 0; text-transform:uppercase; border-radius:30px;}
.spp .fearured{padding:10px; display:block}

.enHide{display:none}
.fearured input[type=submit]{  width:100px; margin:-25px auto 0px auto;background:#1051a5; color:#FFF; padding:5px 0px; display:block; border:0; cursor:pointer; border-radius:20px; }

.fearured input[type=submit]:hover{ background:#5785c0}

.enquiryMain{max-width:600px; margin:0 auto; padding:20px; background:#FFF; color:#333}
.enqDis input[type=text]{float:right; width:75%; border:none; padding:10px 0; display:block; margin:0; text-transform:capitalize}
.enqDis span{display:block; float:left; width:25%;padding:10px 0;}

.fearuredCode{ font-size:14px}
.fearured:hover .fearuredMore{ max-width:100%;}
.fearuredMore{text-align:center;border-bottom:1px solid #b7b7b7; margin:0px auto 5px auto; max-width:120px;}
.fearuredMore .moresub{display:inline-block;position:relative;top:10px;padding:0 12px;background:#FFF; color:#00aa7d; font-size:14px}
.fearuredDis{text-align:left; margin-bottom:10px; }
.fearuredDis span{width:100px; display:block; float:left;}

.attachment{background:#FFF; text-align:center; padding:10px;}
.attachment a{display:block; }
.attachmentTitle {color:#1051a5;display: inline-block; padding-bottom: 5px;position: relative;}
.attachment:hover .attachmentTitle:before{width: 100%; left:0;}
.attachmentTitle:before{content: ""; position: absolute; width: 50%; height: 1px; bottom: 0; left:25%;border-bottom: 1px solid #b7b7b7;}
.attachmentMore{background:#a4a4a4; padding:5px 10px; color:#FFF; display:table; margin:10px auto 10px auto;  border-radius: 20px; font-size:14px}

.attachment:hover .attachmentMore{background:#1051a5;}

.service{position:relative; margin:2px; }
.service{width:calc(25% - 4px); float:left}
.serviceTitle{background-color:rgba(0,0,0,0.7); text-align:center; color:#FFF; position:absolute; bottom:0; padding:15px; width:100%; margin-bottom:0px; text-transform:uppercase; font-family: 'Julius Sans One', sans-serif;
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.service{overflow:hidden!important;}
.service:hover img{transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}

.service:hover .serviceTitle{background-color:rgba(0,0,0,0.9);}

.marqueeMain{ margin-top:0px;  max-height:80px;}

.footer{line-height:25px; margin-bottom:20px; color:#FFF}.footer img{margin-right:5px;}
.footer a{color:#FFF} .footer a:hover{color:#FFF}.footer span{display:inline-block; width:70px;}
.copy{font-size:12px; display:block; margin-top:30px; padding-top:25px; border-top:1px solid #4b4b4b; text-align:center; color:#FFF}
.copy img{margin:10px 3px}

.leftMain{}.rightMain{}

.forkliftsDis{font-size:14px;}
.forkliftsCont{float:left; width:100%; font-size:16px; font-weight:bold; border-bottom:1px solid #CCC; padding:5px 0px; margin-bottom:5px;}
.forkliftsCont span{ float:right; font-weight:normal}
.forkliftsCont:hover{background:#ededed; padding:5px 10px; }

.brands{float:left}

.contact{text-align:center; padding:20px;}
.contact h2{padding-bottom:5px; margin:0; margin-top:20px; }
.contact h2:before{border:0;}
.contactIcon{background:#00aa7d; width:150px; height:150px; border-radius: 50%; margin:0 auto}
.contactIcon img{}

.split{}
.split iframe{height:500px;}

.reserveForm1 {  }
.reserveForm1 input{width:100%; margin:5px 0 15px 0; font-size:14px; padding:13px 10px 14px 10px; border:#bbbbbb solid 0px; border:1px solid #CCC}
.reserveForm1 input[type=checkbox]{ width:auto; padding:0px; margin:0 10px 10px 0 ; }
.reserveForm1 textarea{width:100%; height:128px; margin:5px 0 15px 0; padding:13px 0 14px 10px; font-family:Verdana, Geneva, sans-serif; font-size:14px; color:5b5a5a;border:#bbbbbb solid 0px;border:1px solid #CCC }
.reserveForm1 select{width:100%; margin:5px 0 15px 0;  padding:10px 0 10px 4px;}
.reserveForm1 select option{padding:0px 0 0px 10px; margin:5px 0}
.reserveForm1 span.ValidationErrors {display:inline-block;  color:#cf0000;  padding:0 5px; margin-bottom:10px; font-size:12px; }
.captcha label{float:left;margin-bottom: 20px;font-size:22px;font-size: 15px;  line-height: 40px; margin-right: 10px; }
.captcha input[type="text"]{float:left; height:38px; width:100px; padding:8px 5px;font-size: 15px;  text-align:center; border:#d6d4d1 solid 1px;}

.reserveForm1 input[type=submit]{ float:left; width:100px; background:#1051a5; color:#FFF; padding:10px 0px; display:block; margin-left:10px;  border:0; cursor:pointer; }
.reserveForm1 input[type=submit][disabled=disabled],button[disabled=disabled] {background:#87a8d2; color:#c3d4e9}
.reserveForm1 input[type=submit]:disabled,button:disabled{background:#87a8d2; color:#c3d4e9}

.reserve1sub{padding:0 10px 0 0px}

.list { margin-top:0px;} .list ul{list-style:none} 
.list li{display:block;background: url(../images/list.png) no-repeat 0px 8px transparent; padding: 2px 0px 3px 20px; margin:7px 0; vertical-align:middle;  }

@media only screen and (min-width:240px){/* Mob V*/.main{padding-left:20px; padding-right:20px;} .ptb{padding:20px 0;}
	.logo, .topContact{ display:table; margin:0 auto; }
	.bg1{background-color:rgba(255,255,255,1);}
	.topContact .socialfirst{margin-left:10px}
	.attachment{width:calc(100%); margin:10px 0; }
	.service{width:calc(100% - 4px);}
	.footer.large{width:calc(100%);}
	.fearured{width:calc(100% - 22px);  margin:10px;}
	.leftMain{padding-bottom:10px;}
	.brands{width:calc(50%)}
	.contact{width:calc(100%);}
	.split{padding:10px;}
	.bannerSplit{width:calc(100% - 40px);}
}
@media only screen and (min-width:320px){} 
@media only screen and (min-width: 480px){ /* Mob H*/
	.topContact .socialfirst{margin-left:30px}
	.footer{width:calc(50%); float:left; padding:0 10px;}
	.contact{width:calc(50%); float:left;}
}
@media only screen and (min-width: 768px){ /* Tab V*/
	.service{width:calc(50% - 4px); float:left}
	.fearured{width:calc(50% - 22px);  float:left; }
	.attachment{width:calc(50% - 20px); margin:10px; float:left;}
	.leftMain{width:calc(45%); float:left; padding-right:30px;}
	.rightMain{width:calc(55%); float:right}
	.brands{width:calc(25%)}
	.contact{width:calc(25%);}
	.reserveForm1 .sub{width:50%; float:left}
	.reserveForm1 .subTwo{width:50%; float:left}
	.bannerSplit{width:calc(50% - 40px); float:left;}
}
@media only screen and (min-width: 992px){/* Tab H*/
	.logo{float:left; position:absolute;}
	.bg1{background-color:rgba(255,255,255,0.95); /*position:absolute; z-index:20*/}
	.topContact{float:right}
	.attachment{width:calc(25% - 20px);}
	.service{width:calc(25% - 4px);}
	.footer{width:calc(25%); }
	.footer.large{width:calc(50%);}
	.fearured{width:calc(25% - 22px); }
	.split{width:calc(50%); float:left; padding:10px; }
}
@media only screen and (min-width: 1200px){/*Desktop*/.main{padding-left:0px; padding-right:0px;} .ptb{padding:50px 0; } 
	.menu{ margin:10px 0 20px 0; float:right   }
}

@media only screen and (min-width:240px){/* Mob V*/ .isMov{display:block} .noMov{display:none}}
@media only screen and (min-width:320px){} 
@media only screen and (min-width: 480px){ /* Mob H*/.isMoh{display:block} .noMoh{display:none}}
@media only screen and (min-width: 768px){ /* Tab V*/ .isTav{display:block} .noTav{display:none}}
@media only screen and (min-width: 992px){/* Tab H*/.isTah{display:block} .noTah{display:none}}
@media only screen and (min-width: 1200px){/*Desktop*/.isDec{display:block} .noDec{display:none}}

/*<div class="cl isMov isMoh isTav isTah isDec "></div>
<div class="cl noMov noMoh noTav noTah noDec "></div>*/