/*!
 * IDT CSS
 *
 * Built on Bootstrap Infastructure
 * 
 * Main css is mobile first, media queries implemented as screen size increases.
 */
 



body{margin:0; padding:0; font-family:"Lato", Arial; background:#016388; }

 p, a, a:before, h1, h2, h3, h4, h5, img, ul, ul li, i, .item, .owl-prev, .owl-next, .container{
 transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -webkit-transition:all .5s ease-in-out;
 }

h1, h2, h3, h4, h5, p{padding:0; margin:0;}

h1, h2, h3{font-family:"Raleway", Arial;}

a{outline:none; text-decoration:none;}
a:hover{outline:none; text-decoration:none;}
a:focus{outline:none; text-decoration:none;}

#preloader  {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ffffff;
     z-index: 2999;
    height: 100%;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(../images/preloader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
 }
 
 /*back to top*/


.cd-top {
  display: inline-block;
  height: 20px;
  width: 20px;
  font-size:20px; text-align:center; line-height:15px;
  position: fixed;
  bottom: 10px;
  right: 10px; border-radius:2px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  background: rgba(0, 0, 0, 0.8) 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  border:1px solid #ffffff;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  opacity: 1;
}

a.cd-top{color:#ffffff;}
a:hover.cd-top{ opacity: 1;}



@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 50px;
    width: 50px;
    right: 30px;
    bottom: 30px; font-size:40px; line-height:45px;
  }
}
 
  
 /****************************************************************************************************************

											 Header for all devices

*****************************************************************************************************************/


header.site-header{width:100%;}
header.site-header .top-logo-nav{width:100%; background:#ffffff;}
header.site-header .top-links {display:none;}
header.site-header .top-logo-nav img{float:left; margin:0; padding:20px 0; display:block; position:relative; z-index:1999; width:180px; height:auto;}

#content{background:#ffffff; width:100%;}

.zopim{ visibility:hidden;}

@media (min-width: 768px) {

header.site-header .top-links {display:block;}
header.site-header .top-links ul {list-style-type:none; margin:0; padding:30px 0 0; text-align:center; font-family:"Raleway"; text-align:right;}
header.site-header .top-links ul li{display:inline; color:#353834; line-height: 22px; font-size:12px; font-weight:400; padding:0; margin:0;}

header.site-header .top-links ul li i{padding-left:10px;}
header.site-header .top-links ul li a{color:#353834;}
header.site-header .top-links ul li a:hover{color:#0791cf;}

header.site-header .top-links ul li.email:before{content:"\f0e0"; font-family:"FontAwesome"; padding:0 8px; color:#0791cf;}
header.site-header .top-links ul li.phone:before{content:"\f095"; font-family:"FontAwesome"; padding:0 8px; color:#0791cf;}
	
header.site-header .top-logo-nav{ border-bottom:1px solid #e6e9ed; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

header.site-header .top-logo-nav img{float:left; margin:0; padding:30px 0 20px; display:block; position:relative; z-index:1999; width:220px; height:auto;}

}

@media (min-width: 992px) {
header.site-header .top-links ul li{font-size:14px;}
}

@media (min-width: 1200px) {
header.site-header .top-links ul li{font-size:16px;}
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

#hometop{background:url(../images/bg_hometop.jpg) top center;}

.home_intro{margin:70px 0; padding:50px 0; border-top:1px solid rgba(255, 255, 255, 0.3); border-bottom:1px solid rgba(255, 255, 255, 0.3);}
.home_intro h1{ color:#ffffff; text-align:center; font-weight:700; font-size:18px; line-height:34px; padding:0; }
.home_intro img{border:5px solid #ffffff; margin:30px auto; display:block;}

.home_button{width:100%; margin:20px auto 0; text-align:center; font-family:"Raleway";}
.home_button a.btn_find{ margin:0 auto; padding:18px 50px; text-transform:uppercase;  border:2px solid #ffffff; text-decoration:none; color:#ffffff; font-size:16px; font-weight:700; line-height:80px}
.home_button a:hover.btn_find{background:#ffffff; color:#145B71; border:2px solid #ffffff;}

@media (min-width: 768px) {
#hometop{background-size: cover; max-height:700px;}
.home_intro h1{font-size:33px; line-height:50px; padding:0;}
.home_button a.btn_find{padding:18px 100px; font-size:26px;}
.home_button{margin:50px auto 0;}

}

@media (min-width: 992px) {

.home_intro h1{font-size:40px; line-height:60px; padding:0;}
.home_button a.btn_find{padding:22px 200px; font-size:30px;}

}

@media (min-width: 1200px) {

.home_intro h1{font-size:50px; line-height:70px; padding:0;}

}




 
 /****************************************************************************************************************

											 styles for all devices

*****************************************************************************************************************/
#cms{background: url(../images/bg_homecontent.jpg) center no-repeat #ffffff; background-size: contain; width:100%; text-align:center; padding:70px 0; border-bottom:1px solid #e8e8e8;}
#cms h2{ color:#0791cd; font-weight:700; font-size:35px; padding-top:30px;}
#cms p{font-weight:400; color:#444444; font-size:16px; line-height:32px; padding:20px 0 0;}
#cms p strong{color:#0791cd;}
#cms a{color:#0791cd; text-decoration:none; }
#cms a:hover{color:#000000;}

#services{background:#fcfcfc; border-bottom:1px solid #e8e8e8; width:100%; text-align:center; padding:60px 0;}

#services i{color:#0791cd; padding:30px; background:#ffffff; border:5px solid #f0f0f0; border-radius:50%; font-size:40px; width:110px; height:110px;}
#services h3{font-weight:600; text-transform:uppercase; color:#444444; font-size:20px; padding:20px 0 10px;}
#services p{ padding:0 10px; color:#626262; font-weight:400; font-size:14px; line-height:20px;}

#services a:hover i{background:#0791cd; border:5px solid #0791cd; color:#ffffff;}

.leftright{margin:30px 0;}


#home_content .offer-you{background:#fcfcfc; padding:30px 0;}
#home_content .offer-you img{border:10px solid #f0f0f0; margin:30px auto 0;}
#home_content h2{font-size:20px; padding:30px 0 10px; margin:0; color:#0791cd; text-align:center;}
#home_content p{color:#333333; text-align:center; margin:0; padding:0 0 30px; font-size:16px; line-height:32px;}

#home_content p.find{text-align:center;}

a.btn_find{padding:18px 50px; text-transform:uppercase;  border:2px solid #0791cd; border-radius:4px; text-decoration:none; color:#0791cd; font-size:18px; font-weight:600; line-height:80px}
a:hover.btn_find{background:#0791cd; color:#ffffff;}


#knowmore{background:url(../images/bg_knowmore.jpg) top center no-repeat; background-size:cover; padding:100px 0; text-align:center;}
#knowmore h2{ color:#ffffff; text-transform: uppercase; font-weight:900; font-size:35px;}
#knowmore p{color:#ffffff; font-weight:400; font-size:18px; line-height:34px; padding:20px 0 50px;}

#knowmore a.btn_find{padding:18px 50px; text-transform:uppercase;  border:2px solid #ffffff; border-radius:4px; text-decoration:none; color:#ffffff; font-size:18px; font-weight:600; line-height:80px}
#knowmore a:hover.btn_find{background:#ffffff; color:#000000;}

@media (min-width: 768px) {
#cms h2{font-size:40px;}
#cms p{font-size:22px; line-height:44px; padding:30px 0 0;}

#services h3{font-size:22px;}
.leftright{border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; margin:0;}

#home_content .offer-you{padding:70px 0;}
#home_content .offer-you img{ max-width:400px;}
#home_content h2{font-size:35px; padding:30px 0 30px;}
#home_content p{font-size:16px; line-height:32px; }
#home_content p span{padding-right:8px; font-size:14px;}

#knowmore p{font-size:24px; line-height:42px;}

}

@media (min-width: 992px) {
#services p{ font-size:16px; line-height:24px; padding:0 10px;}

#cms h2{font-size:50px;}
#cms p{font-size:26px; line-height:50px; padding:30px 0 0;}

#home_content .offer-you img{margin:50px 0 0; max-width:360px;}

#home_content h2{text-align: left; font-size:30px;}
#home_content p{font-size:18px; line-height:36px; text-align:left;}
#home_content p.find{text-align:left;}
}

@media (min-width: 1200px) {
#services p{  padding:0 30px;}	

#home_content .offer-you img{margin:0; max-width:400px;}
#home_content h2{padding:0px 0 30px; font-size:35px;}

#knowmore p{font-size:30px; line-height:56px; padding:0 60px 50px;}
}

 
 /****************************************************************************************************************

											 Pages for all devices

*****************************************************************************************************************/
#pagestitle{background:url(../images/bg_hometop.jpg) center no-repeat; padding:50px 0; width:100%; background-size:cover;}
#pagestitle h1{ color:#ffffff; text-transform: uppercase; font-weight:700; font-size:35px; text-align:center; margin:0; padding:0;}

#pagescontent{width:100%; background:#ffffff; padding-bottom:20px; padding-top:50px;}
#pagescontent h2{font-weight:700; color:#016388; font-size:24px; line-height:28px; padding:0 0 15px;}
#pagescontent h2.panel-title{font-weight:700; color:#0791cd; font-size:16px; text-transform:uppercase; line-height:28px; padding:0 0 0px;}
#pagescontent h3{font-weight:700; color:#0791cd; font-size:18px; line-height:28px; padding:0 0 10px;}
#pagescontent p{font-weight:400; color:#333333; font-size:15px; line-height:28px; padding:0 0 20px;}
#pagescontent ul, #pagescontent ol{font-weight:400; color:#333333; font-size:15px; line-height:28px; padding:0 0 20px 20px; margin:0;}


#pagescontent img.floatright{margin:0 auto 20px; display:block; border:5px solid #eeeeee;}
#pagescontent img.floatrightnob{margin:0 auto 20px; display:block;}

#pagescontent img{margin:0 auto; display:block; border:none; float:none; }
#pagescontent a{color:#0791cd; text-decoration: underline;}
#pagescontent a:hover{color:#016388;}

#pagescontent a.btn_pages{background:#0791cd; display:block; width:100%; padding:20px; font-size:18px; text-decoration:none; color:#ffffff; font-weight:400; margin:0 auto 30px; text-transform:uppercase;}
#pagescontent a:hover.btn_pages{background:#000000; color:#ffffff;}
#pagescontent a:focus.btn_pages{background:#000000; color:#ffffff;}
#pagescontent a.btn_pages:after{content:"\f054"; font-family:"FontAwesome"; float:right;}

#pagescontent .panel-body{padding:20px 20px 0; margin-bottom:0;}

#pagescontent .testimonials {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dfdede #d2d0d0 #b0afaf;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    margin: 4px 0 13px;
    position: relative;
}

#pagescontent .testimonials p{padding-bottom:0;}

#pagescontent .testimonials .inner {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fbfbfb 0%, #fefefe 100%) repeat scroll 0 0;
    border: 1px solid white;
    padding: 19px 18px 11px;
}
#pagescontent .testimonials .inner span {
    display: inline-block;
    height: 15px;
    text-indent: -5000px;
    width: 20px;
}
#pagescontent .testimonials .inner span.before {
    background: rgba(0, 0, 0, 0) url("../images/bl-before-bg.png") no-repeat scroll 0 0;
    margin-right: 8px;
}
#pagescontent .testimonials .inner span.after {
    background: rgba(0, 0, 0, 0) url("../images/bl-after-bg.png") no-repeat scroll 0 0;
    margin-left: 8px;
}
#pagescontent .testimonials::after {
    background: rgba(0, 0, 0, 0) url("../images/testimon-after.gif") no-repeat scroll 0 0;
    bottom: -16px;
    content: ".";
    display: block;
    height: 16px;
    left: 21px;
    position: absolute;
    text-indent: -5000px;
    width: 15px;
}
#pagescontent .testimonials + p {
    margin-bottom: 18px;
    padding-left: 45px;
}

#pagescontent .testimonials p img{float:right; width:110px; height:110px; border:2px solid #eeeeee; margin:0 0 0 20px;}

#pagescontent .page-testimonial{background: url(../images/bg_test.png) top center; padding:30px; margin:30px 0; border-radius:5px;}
#pagescontent .page-testimonial p{font-size:13px; line-height:20px; padding:15px 0; margin:0; text-align:center;}
#pagescontent .page-testimonial h5{text-align:center; text-transform:uppercase; font-size:15px; font-weight:700;}

@media (min-width: 768px) {
#pagestitle{padding:70px 0; }
#pagestitle h1{font-size:40px;}
#pagescontent h2{font-size:30px; line-height:32px; padding:0 0 20px;}
#pagescontent p{font-size:16px; line-height:32px; padding:0 0 20px;}
#pagescontent ul, #pagescontent ol{font-size:16px; line-height:32px; padding:0 0 30px 20px;}
#pagescontent img.floatright{margin:0 0 0 30px; float:right; border:5px solid #eeeeee; }
#pagescontent img.floatrightnob{margin:0 0 0 30px; float:right; }

.tab-pane{margin-bottom:30px;}
#pagescontent .callback_right h4{max-width:30%;}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}


/****************************************************************************************************************

										Contact Page / Form styles for all devices

*****************************************************************************************************************/

/*Contact Form Styles*/

#pagescontact{ padding:50px 0 0; background:#ffffff;}

#pagescontact .wpcf7-form{padding:0; margin:0 0 30px;}

#pagescontact .wpcf7-form label{ color:#333333; font-size:14px; font-weight:600;  padding:0 0 10px;}
#pagescontact .wpcf7-form input, #pagescontact .wpcf7-form textarea, #pagescontact .wpcf7-form select{width:100%; padding:20px; font-size:14px; color:#2e2e2e; background-color:#ececec; border-radius:2px; border:1px solid #cccccc;}
#pagescontact .wpcf7-form input.wpcf7-submit{background:#0791cd; border:none; padding:20px; font-size:16px; color:#ffffff; font-weight: 700; text-transform:uppercase;}

#pagescontact span.wpcf7-not-valid-tip {color: #E84F3B; font-weight:700;}
#pagescontact div.wpcf7-response-output{background:#FFFFFF; font-weight:400;}
#pagescontact .wpcf7-form-control{border:1px solid #cccccc;}


@media (min-width: 768px) {
#pagescontact .wpcf7-form label{font-size:16px;}	
#pagescontact .wpcf7-form input, #pagescontact .wpcf7-form textarea, #pagescontact .wpcf7-form select{font-size:16px;}
	

}

@media (min-width: 992px) {


}

@media (min-width: 1200px) {


}


 
 /****************************************************************************************************************

											 styles for all devices

*****************************************************************************************************************/

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}


/****************************************************************************************************************

										Footer styles for all devices

*****************************************************************************************************************/

footer.footerone{background:#016388; width:100%; font-family:"Raleway", Arial; padding:0 0 30px;}

footer.footerone a, footer.footertwo a{color:#ffffff; text-decoration:none;}
footer.footerone a:hover, footer.footertwo a:hover{color:#000000;}
footer.footerone a:focus, footer.footertwo a:focus{color:#000000;}

footer.footerone .footerlinks{padding:30px 0 0;}

footer.footerone p{text-align: center; color:#ffffff; line-height:24px; font-size:14px; margin:0; padding:0 20px 10px; }
footer.footerone p span{padding-left:10px;}
footer.footerone p span.clear{clear: both; display:block;}
footer.footerone i{ padding-right:5px;}

footer.footerone .imagelinks ul{margin:0 0 20px; padding:20px 0 0; text-align: center;}
footer.footerone .imagelinks ul li{margin:0; padding:0 0 0 15px; list-style-type:none; display:inline; }
footer.footerone .imagelinks ul li i{font-size:35px; }

footer.footerone .imagelinks ul li img{height:50px; width:auto;}
footer.footerone .imagelinks ul li img.footerlogo{padding:10px; background:#ffffff; border-radius:5px;}



@media (min-width: 768px) {
footer.footerone{padding:0 0 30px;}
footer.footerone .footerlinks{padding:50px 0 0;}

footer.footerone p{font-size:14px; padding:0 0 15px; line-height:26px; }
footer.footerone p span.clear{clear: both; display: inline;}
footer.footerone .imagelinks ul li img{height:85px; width:auto;}
footer.footerone .imagelinks ul li img.footerlogo{padding:15px; border-radius:10px;}

}

@media (min-width: 992px) {


footer.footerone p{font-size:14px; text-align:left;}

footer.footerone .imagelinks ul{margin:0 0 40px; padding:60px 0 0; text-align: right;}

}

@media (min-width: 1200px) {
footer.footerone p{font-size:16px; padding:0 0 15px; line-height:26px; text-align:left;}

}






/*animations*/

/*
==============================================
slideDown
==============================================
*/


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}

.fade-in.one_h {-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s;}

.fade-in.one {-webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s;}

.fade-in.two {-webkit-animation-delay: 1.0s; -moz-animation-delay:1.0s; animation-delay: 1.0s;}

.fade-in.three {-webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; animation-delay: 1.4s;}

.fade-in.four {-webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; animation-delay: 1.8s;}

.fade-in.five {-webkit-animation-delay: 2.2s; -moz-animation-delay: 2.2s; animation-delay: 2.2s;}

.fade-in.six {-webkit-animation-delay: 2.6s; -moz-animation-delay: 2.6s; animation-delay: 2.6s;}




/****************************************************************************************************************

										Customer Google Maps

*****************************************************************************************************************/


#google-container {
  position: relative;
  width: 100%;
  height: 450px;
  background-color: #e7eaf0;
  border-top:5px solid #ffffff;
}
@media only screen and (min-width: 768px) {
  #google-container {
    height: 450px;
  }
}
@media only screen and (min-width: 1170px) {
  #google-container {
    height: 500px;
  }
}

#cd-google-map {
  position: relative;
}
#cd-google-map address {
  position: absolute;
  width: 100%;
  bottom:-20px;
  left: 0;
  padding: 1em 1em;
  background-color: rgba(1, 99, 136, 0.8);
  color: white;
  font-size: 13px; text-align: center;

}
#cd-google-map address i{padding-left:30px; padding-right:5px;}
#cd-google-map address a{ color:#ffffff;}
#cd-google-map address a:hover{ color:#ffffff;}
@media only screen and (min-width: 768px) {
	#cd-google-map address i{padding-left:15px; padding-right:5px;}
  #cd-google-map address {
    font-size: 15px;
	padding: 1.5em 1em; line-height:30px;
  }
}

#cd-zoom-in, #cd-zoom-out {
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 10px;
  background-color: rgba(1, 99, 136, 0.9);
  background-repeat: no-repeat;
  background-size: 32px 64px;
  background-image: url("../img/cd-icon-controller.svg");
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
  background-color: #000000;
}
@media only screen and (min-width: 768px) {
  #cd-zoom-in, #cd-zoom-out {
    margin-left: 50px;
  }
}

#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px;
}
@media only screen and (min-width: 768px) {
  #cd-zoom-in {
    margin-top: 50px;
  }
}

#cd-zoom-out {
  background-position: 50% -32px;
}