/*!
 * 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:"Raleway", Arial; background:#100226; }

 p, a, a:before, .bar, 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;}

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(36, 84, 164, 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-links{width:100%; background:#f6f6f6; border-bottom:1px solid #e6e9ed;}
header.site-header .top-logo-nav{width:100%; background:#ffffff;}

header.site-header .top-links ul {list-style-type:none; margin:0; padding:0; text-align:center;}
header.site-header .top-links ul li{display:inline; color:#757575; font-size:11px; font-weight:400; line-height:30px; padding:0; margin:0;}

header.site-header .top-links ul li i{font-size:13px; padding:5px;}
header.site-header .top-links ul li a{color:#757575;}
header.site-header .top-links ul li a:hover{color:#2454a4;}

header.site-header .top-links ul li.blinds:before{content:"\f039"; font-family:"FontAwesome"; padding-right:4px;}
header.site-header .top-links ul li.email:before{content:"\f003"; font-family:"FontAwesome"; padding:0 4px;}
header.site-header .top-links ul li.phone:before{content:"\f095"; font-family:"FontAwesome"; padding:0 4px;}

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

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

@media (min-width: 768px) {
header.site-header .top-links .left ul{text-align:left;}
header.site-header .top-links .right ul{text-align:right;}	
header.site-header .top-links ul li{line-height:42px; font-size:12px;}
header.site-header .top-links ul li i{padding-left:10px;}

header.site-header .top-links ul li.email:before{content:"\f003"; font-family:"FontAwesome"; padding:0 8px;}
header.site-header .top-links ul li.phone:before{content:"\f095"; font-family:"FontAwesome"; padding:0 8px;}
	
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{padding:25px 0; width:80px; height:auto;}
			
header.site-header .top-logo-nav.sticky{ margin-top:-43px; position: fixed; z-index:2000;}

header.site-header .top-logo-nav.sticky img{padding:15px 0; display:block; width:60px; height:auto;  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;}



}

@media (min-width: 992px) {
	header.site-header .top-logo-nav img{width:127px; height:auto;}
}

@media (min-width: 1200px) {

}

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


#owl-demo .slide1{ background:url(../images/fullimage1.jpg) top center; background-size:cover;}
#owl-demo .slide2{ background:url(../images/fullimage2.jpg) top center; background-size:cover;}
#owl-demo .slide3{ background:url(../images/fullimage3.jpg) top center; background-size:cover;}
#owl-demo .slide4{ background:url(../images/fullimage4.jpg) top center; background-size:cover;}

#owl-demo .item{text-align:center; padding:20% 0; }

.owl-theme{position:relative;}
.owl-theme .owl-controls .owl-prev, .owl-theme .owl-controls .owl-next{display:none;}

.slidecircle{width:280px; height:280px; border-radius:50%; background-color: rgba(255, 255, 255, 0.85); margin:0 auto;}
.slidecircle p.slider_title{ font-family:"Raleway"; color:#2454a4; font-weight:400; font-size:26px; padding-top:50px;}
.slidecircle p.slider_description{ font-family:"Ubuntu";color:#616262; font-weight:400; font-size:14px; margin:0 auto; padding:5px 0 20px; width:240px;} 

.slidecircle a.btn_find{padding:10px 15px; text-transform:uppercase;  border:none; border-radius:10px; background:#2454a4; text-decoration:none; color:#ffffff; font-size:13px; font-weight:400; line-height:30px}
.slidecircle a:hover.btn_find{background:#323232; color:#ffffff;}


@media (min-width: 768px) {
#owl-demo .item{ padding:70px 0;}

.left{float:left;} .right{float:right;}

.slidecircle{width:360px; height:360px;}
.slidecircle p.slider_title{ font-size:36px; padding-top:70px;}
.slidecircle p.slider_description{font-size:16px; width:260px; padding:10px 0 30px;}
.slidecircle a.btn_find{padding:15px 20px; font-size:13px;}

.owl-theme .owl-controls .owl-prev{position:absolute; top:50%; left:2%; color:#240359; font-size:30px; background:#ffffff; width:40px; height:40px; text-align:center; opacity:0.3; border-radius:3px; line-height:35px; display:block;}
.owl-theme .owl-controls .owl-next{position:absolute; top:50%; right:2%; color:#240359; font-size:30px; background:#ffffff; width:40px; height:40px; text-align:center; opacity:0.3; border-radius:3px; line-height:35px; display:block;}
.owl-theme .owl-controls .owl-prev:hover, .owl-theme .owl-controls .owl-next:hover{opacity:0.8;}

}

@media (min-width: 992px) {


}

@media (min-width: 1200px) {


}





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

											 Home custom styles

*****************************************************************************************************************/
#offer{background:#2454a4; width:100%; text-align:center; padding:25px 0; border-top:1px solid #ffffff;}
#offer p{color:#ffffff; padding:0; margin:0; font-size:16px; font-weight:400;}

#cms{background:#ffffff; width:100%; text-align:center; padding:60px 0 0;}
#cms h1{ color:#2454a4; text-transform: uppercase; font-weight:600; font-size:35px; padding-bottom:30px;}
#cms p{font-weight:400; color:#616262; font-size:16px; line-height:26px; font-family:"Ubuntu"; padding:0 0 30px;}

#services{background:#ffffff; width:100%; text-align:center; padding:10px 0 0;}

#services .topline{height:1px; width:50%; margin:0 auto; background:#e0e0e0; margin-bottom:40px;}

.blindsarea{ margin-bottom:30px;}
#services img{ position:relative; z-index:10; margin:0 auto;}
#services .bar{ margin:-50px auto 0; max-width:330px; position:relative; z-index:20; background-color: rgba(0, 0, 0, 0.6); display:block; height:50px; }
#services .bar h3{font-weight:600; color:#ffffff; font-size:16px; padding:0 10px; float:left; line-height:50px;}
#services .bar span{float:right; width:38px; height:38px; background:#ffffff; border-radius:50%; font-size:10px; color:#616262; text-transform:uppercase; text-align:center; margin:6px 10px 0 0; line-height:38px;}

#services .bar:hover{ background-color: rgba(36, 84, 164, 1); }

#services a.btn_cols{background:#240359; display:block; width:70%; padding:20px; font-size:18px; text-decoration:none; color:#ffffff; font-weight:400; margin:30px auto 0; text-transform:uppercase;}
#services a:hover.btn_cols{background:#000000; color:#ffffff;}
#services a:focus.btn_cols{background:#000000; color:#ffffff;}

#book{background:#2454a4; width:100%; text-align:center; padding:25px 0;}
#book a{color:#ffffff; padding:0; margin:0; font-size:12px; font-weight:400;}

@media (min-width: 768px) {
#cms h1{font-size:36px;}
#cms p{font-size:18px; line-height:32px;}

#offer{ padding:30px 0;}
#offer p{font-size:22px;}

#book a{font-size:26px;}

}

@media (min-width: 992px) {
#cms h1{font-size:40px;}
#services .bar h3{font-size:14px;}

#offer{ padding:40px 0;}
#offer p{font-size:30px;}

#book a{font-size:30px;}

}

@media (min-width: 1200px) {
#services .bar h3{font-size:16px;}
#offer{ padding:50px 0;}
#offer p{font-size:36px;}
	
}

/*Height Adjustments*/
@media screen and ( min-width: 1200px ) and ( max-height: 1024px ){
	#owl-demo .item{ padding:30px 0;}
	
.slidecircle{width:280px; height:280px;}
.slidecircle p.slider_title{ font-size:26px; padding-top:50px;}
.slidecircle p.slider_description{ font-size:14px; padding:5px 0 20px; width:240px;} 
.slidecircle a.btn_find{padding:10px 15px; font-size:13px; }
	
	
	#cms{padding:30px 0 0;}
	#cms h1{ padding-bottom:20px;}
	#services{padding:0 0 30px;}
	#services .topline{margin-bottom:30px;}
	#offer{padding:20px 0;}

}

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

											 Reasons custom styles

*****************************************************************************************************************/
#reasons{background:#f6f6f6; width:100%; text-align:center; padding:30px 0 10px;}

#reasons h4{font-weight:400; color:#616262; font-size:24px; line-height:30px; padding:0 0 30px;}
#reasons h4 strong{font-weight:600;}
#reasons p{ padding:10px 0 20px; color:#616262; font-weight:600; font-size:14px; line-height:20px; font-family:"Ubuntu";}

#reasons img{width:100px; height:100px; display:block; margin:0 auto;}

#reasons a.btn_cols{background:#240359; display:block; width:70%; padding:20px; font-size:18px; text-decoration:none; color:#ffffff; font-weight:400; margin:30px auto 0; text-transform:uppercase;}
#reasons a:hover.btn_cols{background:#000000; color:#ffffff;}
#reasons a:focus.btn_cols{background:#000000; color:#ffffff;}

.iconmiddle{padding-top:5%; padding-bottom:5%;}

@media (min-width: 768px) {
#reasons{padding:50px 0;}
.iconmiddle{padding:0;}
#reasons p{ padding:15px 0 0; font-size:10px; line-height:14px;}
#reasons img{width:80px; height:80px;}
#reasons h4{font-size:18px; line-height:28px; padding:40px 0 0;}

}

@media (min-width: 992px) {
#reasons p{font-size:14px; line-height:20px;}
#reasons img{width:100px; height:100px;}
#reasons h4{font-size:24px; line-height:36px; padding:40px 0 0;}

}

@media (min-width: 1200px) {

#reasons .icon1 p{ padding:15px 15px 0;}
#reasons h4{font-size:32px; line-height:48px; padding:30px 0 0;}
}
 
 /****************************************************************************************************************

											 Pages for all devices

*****************************************************************************************************************/
#pagestitle{background:#f6f6f6; padding:30px 0; width:100%; border-bottom:1px solid #e6e9ed;}
#pagestitle h1{ color:#2454a4; text-transform: uppercase; font-weight:900; font-size:35px; text-align:center; margin:0; padding:0;}

#pagescontent{width:100%; background:#ffffff; padding-bottom:20px; margin-top:50px;}
#pagescontent h2{font-weight:700; color:#240359; font-size:24px; line-height:28px; padding:0 0 20px;}
#pagescontent h2.panel-title{font-weight:700; color:#240359; font-size:16px; text-transform:uppercase; line-height:28px; padding:0 0 0px;}
#pagescontent h3{font-weight:700; color:#111111; 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{font-weight:400; color:#333333; font-size:15px; line-height:28px; padding:0 0 20px 20px; margin:0;}

#pagescontent p img{margin:0 auto 20px; display:block; border:5px solid #eeeeee;}
#pagescontent a{color:#2454a4; text-decoration:none;}
#pagescontent a:hover{color:#000000;}


#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:50px 0;}
#pagestitle h1{font-size:40px;}
#pagescontent h2{font-size:30px; line-height:32px; padding:0 0 30px;}
#pagescontent p{font-size:16px; line-height:32px; padding:0 0 30px;}
#pagescontent ul{font-size:16px; line-height:32px; padding:0 0 30px 30px;}
#pagescontent p img{margin:0 0 0 30px; float:right; border:5px solid #eeeeee; width:300px; height:300px;}
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}


.caption{cursor:pointer;}

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

										Contact Page / Form styles for all devices

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

/*Contact Form Styles*/

#pagescontact{ margin:50px 0 0;}

#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:#2454a4; border:none; padding:20px; font-size:16px; color:#ffffff; font-weight: 700; text-transform:uppercase;}

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

#pages_content .right_contact{width:100%; padding:20px 20px 10px; background:#eeeeee; border-radius:5px; margin:30px 0 40px; text-align:left;}
#pages_content .right_contact h4{margin:0; padding:0 0 20px; font-weight:600; text-transform:uppercase; text-align:center; color:#27acd5; font-size:18px; line-height:26px;}
#pages_content .right_contact ul{font-weight: 300; color:#113b46; }
#pages_content .right_contact ul li{margin:0; padding:10px 0 10px; line-height:20px; font-size:14px;}

#pages_content .right_contact ul li.phone:before{content:'\f095'; font-family:"FontAwesome"; color:#27acd5; padding-right:10px; font-size:20px;}
#pages_content .right_contact ul li.email:before{content:'\f0e0'; font-family:"FontAwesome"; color:#27acd5; padding-right:8px; font-size:20px;}
#pages_content .right_contact ul li.address:before{content:'\f041'; font-family:"FontAwesome"; color:#27acd5; padding-right:16px; font-size:20px;}


#pages_content .right_contact i{color:#2bc3ea; font-size:30px;}



@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;}
	
#pages_content .right_contact{margin:10px 0 40px;}
#pages_content .right_contact h4{font-size:15px; line-height:22px;}
#pages_content .right_contact ul li{line-height:20px; font-size:12px;}
}

@media (min-width: 992px) {

#pages_content .right_contact h4{font-size:18px; line-height:26px;}
#pages_content .right_contact ul li{line-height:20px; font-size:16px;}

}

@media (min-width: 1200px) {

#pages_content .right_contact h4{font-size:20px; line-height:28px;}

}



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

											list for it solutions styles for all devices

*****************************************************************************************************************/
#services_two{background:#ffffff; width:100%; text-align:center; padding:60px 0;}

#services_two .topline{height:1px; width:200px; margin:0 auto; background:#e0e0e0; margin-bottom:30px;}
#services_two i{color:#ffffff; padding:30px; background:#240359; border-radius:50px; font-size:40px; width:100px; height:100px;}
#services_two h3{font-weight:900; text-transform:uppercase; color:#000000; font-size:20px; padding:20px 0;}
#services_two p{ padding:0 10px; color:#333333; font-weight:400; font-size:14px; line-height:20px;}


@media (min-width: 768px) {
#services_two h3{font-size:24px;}
#services_two .iconarea{min-height:250px;}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
#services_two .iconarea{min-height:150px;}

}

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

											 styles for all devices

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

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}


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

										Footer styles for all devices

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

footer.footerone{background:#999999; width:100%; font-weight:400; padding:40px 0;}
footer.footertwo{background:#616262; padding:20px 0; width:100%; font-weight:600;}

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 img{display:block; margin:0 auto; padding:0 0 20px;}

footer.footerone h6{font-size:16px; text-transform:uppercase; color:#ffffff; font-weight:600; padding:0 0 20px; margin:0;}
footer.footerone h6.twitter{padding-top:30px;}

footer.footerone p{text-align: center; color:#ffffff; line-height:28px; font-size:12px; margin:0; padding:0; }

footer.footerone ul {list-style-type:none; margin:0; padding:20px 0 30px; text-align:center; text-transform:uppercase;}
footer.footerone ul li{display:inline; color:#ffffff; line-height:26px; padding:0 10px; font-size:30px;}
footer.footerone ul li ul{display:none;}


footer.footertwo p{text-align: center; color:#ffffff; line-height:26px; font-size:13px; margin:0; padding:0;}



@media (min-width: 768px) {

footer.footerone p{font-size:14px; }
footer.footerone ul li{  font-size:30px;}
footer.footerone h6.twitter{padding-top:0px;}




footer.footertwo p{text-align: center; }
footer.footertwo span{padding:0 5px;}


}

@media (min-width: 992px) {

footer.footerone img{ padding:30px 0 20px;}



footer.footertwo p{font-size:15px; }
footer.footertwo span{padding:0 10px;}

}

@media (min-width: 1200px) {
footer.footerone img{ padding:50px 0 20px;}

}





/*un used hover css
#services .portfolio-link {display: block; position: relative; margin: 20px auto;}
#services .portfolio-link .caption {
    position: absolute; 
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(36,3,89,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}
#services .portfolio-link .caption:hover {opacity: 1;}
#services .portfolio-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}
#services .portfolio-link .caption .caption-content i{margin-top: -12px; background:none; padding:0;}
*/


/*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;}

.grow { margin:20px 0 30px;
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.grow:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}


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

										Customer Google Maps

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


#google-container {
  position: relative;
  width: 100%;
  height: 450px;
  background-color: #e7eaf0;
  border-top:1px 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(36, 84, 164, 0.9);
  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(36, 84, 164, 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: #323232;
}
@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;
}