@font-face {
  font-family: 'GillSansMT-Lighta';
  src: url('../fonts/GillSansMT-Lighta.eot?#iefix') format('embedded-opentype'),  url('../fonts/GillSansMT-Lighta.woff') format('woff'), url('../fonts/GillSansMT-Lighta.ttf')  format('truetype'), url('../fonts/GillSansMT-Lighta.svg#GillSansMT-Lighta') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {color: #323133;font-family: 'Arial';font-size:100%;}
.errormsg{font-size:12px; color:#fc0505; padding:5px 0px; display:none;} 
.display-none{display:none}


/* top header code */
.bg-top{ background:#005983; padding:5px 0px;}
.top-right a, .top-right a:hover{color:#fff;text-decoration:none;display:inline-block;padding-top:20px; }
.top-right p{color: #ffffff;display: inline-block;font-size: 1.3em; margin-left: 10px;padding-top: 18px;text-decoration: none;}
.bg-banner{position:relative; background:url(../images/banner.jpg) repeat-x top center; padding:20px 0px 40px 0px;}
.bottom-banner{ position:absolute; bottom:-10px; left:0px; text-align:center;}
.bottom-banner img{width:100%; display:inline-block; text-align:center; }

.leftcon{ float:left; font-family: 'GillSansMT-Lighta'; margin:100px 20px 20px 0px;font-weight:bold; /*color:#fff;*/}
.leftcon h2{ font-size:2.2em;}
.leftcon p{ font-size:1.2em; margin-top:20px;}
.rightcon{ border-radius:5px; background:#fff; padding:10px 10px; position:relative; margin: 40px 0px 20px 0px; z-index:9;}
.rightcon h6{ color:#007661; font-size:1.2em; padding:5px 0px 15px 0px; }
.enquiryform.form-horizontal .control-label{ font-size:.90em}

.enquiryform .control-label{ font-weight:normal;  width:27%; float:left; text-align:left;}
.enquiryform .form-control{ border:1px solid #ebebeb; height:29px;}
.rightinput{ width:73%; float:left;}
.rightinput .form-control.error{ border:1px solid red;}
.rightinput label.error{ display:none !important;}
.spacebottom{margin-bottom:15px;}
/* content code start */
.spacertopbott{padding:40px 0px 20px 0px;}
.centercontent{ text-align:center; padding-bottom:40px;}
.centercontent h5{font-size:1.5em; margin-bottom:10px; padding:0px;line-height:1.4em;}
.centercontent p{font-size:1em; line-height:1.5em;}
.enquiryform .btn.btn-default{ font-size:1em; background:#007661; border-radius:0px; color:#fff; padding:5px 35px; border:0px;}

.bg-gallery{background:#b8d7d2; padding:40px 0px;}
.bg-gallery h6{text-align:center;color:#007661;font-size:1.5em; padding:0px; margin:0px 0px 40px 0px;}
.product-slide{position:relative;}
.slidein{ background:#fff;border-right:1px solid #b8d7d2; padding:30px 5px;  text-align:center; font-size:.90em; line-height:1.2em; transition:.3s all ease-in; }
.slidein .img-responsive{display:inline-block; text-align:center;}

.footer{ padding-top:15px; padding-bottom:15px;}
.social-link p{ display:block; font-size:.8em;padding-top:5px;}
.social-link p span{color:#4cb3d1;}
.social-link ul{list-style:none;}
.social-link li{ display:inline-block; float:left; width:24px;height:24px; margin:0px 2px 0px 2px;}
.social-link li a{ display:block; width:24px;height:24px; text-indent:-99999px;}
.social-link li a.fb{ background:url(../images/fb.png) no-repeat;}
.social-link li a.fb:hover{ background:url(../images/fb_hover.png) no-repeat;}
.social-link li a.yt{ background:url(../images/yt.png) no-repeat;}
.social-link li a.yt:hover{ background:url(../images/yt-hover.png) no-repeat;}
.social-link li a.twitter{ background:url(../images/twitter.png) no-repeat;}
.social-link li a.twitter:hover{ background:url(../images/twitter_hover.png) no-repeat;}
.social-link li a.gplus{ background:url(../images/gplus.png) no-repeat;}
.social-link li a.gplus:hover{ background:url(../images/gplus_hover.png) no-repeat;}
.social-link li a.linkedin{ background:url(../images/linkedin.png) no-repeat;}
.social-link li a.linkedin:hover{ background:url(../images/linkedin_hover.png) no-repeat;}
.visible-list{ list-style:none;}
.visible-list li{ display:inline-block; margin-left:20px;}
.visible-list li a{ display:block; }
.visible-list li a.topless{ padding-top:10px !important;}


.spinner1 {
  width: 40px;
  height: 40px;
  position: relative;
}


.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* thank you */
.topline{ border-top:1px solid #007661}
.centercontentTnk {font-family: 'GillSansMT-Lighta';margin: 100px 20px 250px 0px;/*color: #fff;*/text-align:center;}
.centercontentTnk h2{ font-size:2.5em;}
.bg-banner.thankbg{min-height:auto !important}
@media screen and (min-width:992px){
.slidein:hover{-moz-box-shadow: 0px 1px 12px #999;-webkit-box-shadow: 0px 1px 12px #999;box-shadow: 0px 1px 12px #999; z-index:9; -webkit-transform:scale(1.1);transform:scale(1.1);}
.bg-banner{min-height:600px;}
.leftcon h2 span{ display:block;}
}


@media screen and (min-width:992px) and (max-width:1024px){
.centercontent h5{font-size: 1.3em;}
.centercontent p {font-size: 0.85em;}
.slidein p{font-size:.80em;}
}

@media screen and (min-width:768px) and (max-width:991px){
body {font-size:85%;}
.spaceLR{ padding:0px 30px; position:relative;}
.spacertopbott {padding: 40px 0 10px;}

}

@media screen and (max-width:767px){
.spaceLR{ padding:0px 30px; position:relative;}
.centercontent h5{ font-size:1em;}
.centercontent p{font-size:.80em;}
.spacertopbott {padding: 40px 0 10px;}
.bg-gallery h6{font-size:1em;}
.slidein{font-size:.80em;}
.leftcon{ margin:0px;}
.leftcon h2{ font-size:1.4em;}
.leftcon h2 span{ display:inline;}
.leftcon p{ margin-top:10px;}
.bg-banner{min-height:650px;}
.centercontentTnk h2{ font-size:2em;}


}
@media screen and (min-width:320px) and (max-width:480px){
.visible-list li {margin-left: 10px;}
.top-right a, .top-right a:hover {padding-top:12px;}
.social-link p {font-size: 0.71em;}
.leftcon h2 {font-size: 1.5em;}
.leftcon p{font-size:1em}
.centercontentTnk {font-family: 'GillSansMT-Lighta';margin: 100px 20px 100px 0px;color: #fff; text-align:center;}
.slidein{ min-height:350px !important;}
}