/**********************
Common CSS Start
**********************/
@font-face {
    font-family: roboto;
    src: url("../fonts/Roboto/Roboto-Medium.ttf")  format("truetype");
}
@font-face {
    font-family: Kiro;
    src: url("../fonts/Kiro/Kiro Bold.otf")  format("truetype");
}

body{padding-top: 88px; font-family: 'roboto'; color: #838484;}
h1,h2,h3,h4,h5,h6{font-family: 'Kiro';}
.section{width: 100%; float: left; margin: 0; padding: 40px 0;}

h1,h2,h3,h4{font-weight: 900; color: #0073b9;}
h2{font-size: 40px;}
p{color: #838484; font-size: 16px; line-height: 1.8; }
strong{font-weight: 900;}

.form-control{border: 1px solid #b3b2b4; border-radius: 0; padding: 24px 15px;}
textarea.form-control{padding-top: 10px; height: 120px;}

a{color: #0073b9; text-decoration: underline;}
a:hover{color: #0073b9; text-decoration: none;}

.list01{margin:0 0 30px 0; padding: 0;}
.list01 li{list-style: none; background: url(../images/icon-tick.png) no-repeat 0 3px; color: #00a0d0; font-weight: 700; margin:0 0 10px 0; padding: 0 0 0 30px;}


.btn-primary{height: 50px; line-height: 50px; border-radius: 50px; text-transform: uppercase; font-weight: 700; text-decoration: none; background-color: #0071bc; padding: 0 40px;
-webkit-box-shadow: 0px 3px 10px 2px rgba(47,150,209,0.29);
-moz-box-shadow: 0px 3px 10px 2px rgba(47,150,209,0.29);
box-shadow: 0px 3px 10px 2px rgba(47,150,209,0.29);
}
.btn-primary.lg{height: 60px; line-height: 60px; padding: 0 60px;}

.btn-primary:hover{background-color:#27394d;}

.btn-outline-primary{height: 42px; line-height: 42px; border-radius: 42px; border:1px solid #0073b9; padding: 0 40px; text-decoration: none; color: #0073b9; font-weight: 700;}
.btn-outline-primary:hover{background-color:#0073b9;}

.bg-image{background-repeat: no-repeat; background-size: cover;}

.divider{width: 100%; float: left;}


/*Responsive*/
@media (min-width: 768px){
	.section{padding: 80px 0;}}


/**********************
Nav CSS Start
**********************/
.navbar{
	background-color: #FFF;
-webkit-box-shadow: 0px 0px 10px 2px rgba(11,48,77,0.21);
-moz-box-shadow: 0px 0px 10px 2px rgba(11,48,77,0.21);
box-shadow: 0px 0px 10px 2px rgba(11,48,77,0.21); padding-top: 0; padding-bottom: 0;
}
.navbar .tel{font-size: 16px; color: #0071bc; font-weight: 900; padding-bottom: 5px; display: inline-block;}
.navbar .tel:hover{text-decoration: none; color: #464648; }

.navbar .navbar-brand{margin: 0;}
.navbar .container{position: relative;}


.navbar .getintouch{margin: 0; padding: 0; position: absolute; right: 25px; top: 0; border: 1px solid #d6d6d7; border-top: 0;}
.navbar .getintouch li{font-size: 17px; display: inline-block; color: #464648; padding: 5px 10px;}
.navbar .getintouch li a{text-decoration: none; color: #464648;}
.navbar .getintouch li a:hover{color: #0072bb;}
.navbar .getintouch li .fas{width: 20px; height: 20px; background-color: #464648; color: #FFF; text-align: center; line-height: 20px; border-radius: 50px; font-size: 10px; position: relative; top: -2px;}


.stellarnav li.has-sub > a:after{border-top: 6px solid rgba(0,0,0,0.8);}
.stellarnav li li.has-sub > a:after{border-left: 6px solid rgba(0,0,0,0.8);}


/*Responsive*/

@media (min-width: 961px){
	.stellarnav{width: auto; float: right; top: 20px}
	.stellarnav.light > ul > li > a {padding: 15px 10px; color: #0073b9;}
	.stellarnav.light > ul > li.active > a{color: #464648; }
	.stellarnav li a {padding: 10px 15px;}
	.stellarnav.light > ul > li.active > a:before{content: ""; background-color: #0073b9; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0;}
}

@media (max-width: 960px){
	body{padding-top: 65px;}
	.navbar .navbar-brand{max-width: 160px;}
	.navbar .getintouch{display: none;}
	.stellarnav.light{position:absolute; top: 0; background-color: transparent;}
	.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle{float: right; margin-top: 10px; padding-right: 0;  display: block;}
	.stellarnav.mobile.active:after{content: ""; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1;}


}
@media (min-width: 768px){
	.navbar .getintouch-text{display: inline-block; font-size: 16px; padding-right: 5px;}
	.navbar .tel{font-size: 25px; padding-bottom: 0;}
	.navbar .socials{ display: inline-block; }
}



/**********************
Banner CSS Start
**********************/
.banner{position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 35px 0;  display: flex !important; align-items: center;}
.caption-box{float: left; background: rgba(0,0,0,0.7); padding: 20px 30px;}
.caption-box h1{font-size: 30px; margin-bottom: 0;}
.caption-box p{color: #88cfe8; font-size: 20px; font-weight: 500; line-height: 1.2; margin: 0; padding: 0 0 10px;}

/*Responsive*/
@media (min-width: 768px){
	.banner{height: 513px;}
	.caption-box h1{font-size:50px;}
	.caption-box p{font-size: 28px;}
	.banner.sm{height: 320px;}

}


/**********************
Slider CSS Start
**********************/

.slider .banner.slick-slide{ padding: 40px 0; }

.slider .slick-arrow{width: 40px; height: 40px; position: absolute; top: 50%; z-index: 100; text-indent: -999px;  overflow: hidden; border: 0; border-radius: 50px; outline: none; margin-top: -40px;
-webkit-box-shadow: 0px 4px 20px 0px rgb(62, 62, 62);
-moz-box-shadow: 0px 4px 20px 0px rgb(62, 62, 62);
box-shadow: 0px 4px 20px 0px rgb(62, 62, 62);
}
.slider .slick-prev{left:20px; background:#FFF url(../images/arrow-prev.png) no-repeat center center;}
.slider .slick-next{right: 20px; background:#FFF url(../images/arrow-next.png) no-repeat center center;}


.slider .slick-dots{width: 100%; height: 10px; margin: 0; padding: 0; text-align: center; position: absolute; left: 0; bottom: 15px;}
.slider .slick-dots li{list-style: none; display: inline-block; margin: 0; padding: 0 5px;}
.slider .slick-dots li button{width: 10px; height: 10px; border-radius: 50px; background-color: #fff; border: 0; text-indent: -999px; overflow: hidden;}
.slider .slick-dots li.slick-active button{background-color: #0073b9;}

/*Responsive*/
@media (min-width: 768px){
	.slide{height: 513px;}
	.slide .caption-box h1{font-size:50px;}
	.slide .caption-box p{font-size: 28px;}
}



/**********************
Three Boxes Start
**********************/
.treebox-wrapper{background-color: #f6f6f6;}
.treebox-wrapper .treebox{
	background-color: #FFF; border-radius: 4px; padding:20px 15px;
-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
margin-bottom: 15px; margin-top: 10px;
height: 330px;
}
.treebox-wrapper .icon-box{float: left;}
.treebox-wrapper .info{margin-left: 100px;}
.treebox-wrapper h2{font-size: 30px;}
@media (max-width: 1024px){
	.treebox-wrapper .icon-box{width: 60px;}
	.treebox-wrapper .info{margin-left: 73px;}
}

/**********************
Services Section Start
**********************/
.our-services{padding-bottom: 60px;}
.our-services .service-box{
width: 100%; height: 410px; background-color: #FFF; position: relative; overflow: hidden;
-webkit-box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
-moz-box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
}
.our-services .service-pic{width: 100%; height: 310px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }

.our-services .heading{font-size: 20px;}

.our-services .service-content p, .our-services .service-content a{opacity: 0; transition:opacity 1s ease-in-out; outline: none; }

.our-services .service-content{padding: 20px; background:rgba(255,255,255,0.85); position: absolute; left: 0; top: 310px; bottom: 0; transition:top 0.5s ease-in-out;}
.our-services .service-box:hover .service-content{top: 0; padding-top: 50px;}
.our-services .service-box:hover .service-content p, .our-services .service-box:hover .service-content a{opacity: 1;}

.our-services .service-box .service-pic:after{content: ""; width: 100%; height: 115px; background: url(../images/white-shadow.png) no-repeat bottom center; position: absolute; bottom:-115px; transition:all 0.5s ease-in-out;}
.our-services .service-box:hover .service-pic:after{bottom:0;}


.services-carousel .slick-slide{padding: 50px 15px; outline: none;}
.services-carousel .slick-arrow{width: 40px; height: 40px; position: absolute; top: 50%; z-index: 100; text-indent: -999px;  overflow: hidden; border: 0; border-radius: 50px; outline: none; margin-top: -40px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
-moz-box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
}
.services-carousel .slick-prev{left:0; background:#FFF url(../images/arrow-prev.png) no-repeat center center;}
.services-carousel .slick-next{right: 0; background:#FFF url(../images/arrow-next.png) no-repeat center center;}

.services-carousel .slick-dots{margin: 0; padding: 0; text-align: center;}
.services-carousel .slick-dots li{list-style: none; display: inline-block; margin: 0; padding: 0 5px;}
.services-carousel .slick-dots li button{width: 50px; height: 4px; background-color: #b3b2b4; border: 0; text-indent: -999px; overflow: hidden;}
.services-carousel .slick-dots li.slick-active button{background-color: #0073b9;}


/*Responsive*/
@media (min-width: 768px){
	.our-services .container-fluid{padding-left: 60px; padding-right: 60px;}

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

	.eic-member img{float: right; margin-top: -92px;}

}
@media only screen and (min-width:992px) and (max-width:1024px){
	.ourservices-ttl .ttl01{text-align: left;}
}



/**********************
About Section Start
**********************/
.about{background-color: #f6f6f6;}



/**********************
Latest News Section Start
**********************/
.latestnews .all-news-link{float: right; height: 34px; background: url(../images/icon-arrow-right.png) no-repeat right 0; color: #838484; text-decoration: none; margin: 0; padding: 6px 46px 0 0;}
.latestnews .newsbox{
	background-color: #FFF; border-radius: 4px; padding:0; margin-bottom: 20px; overflow: hidden;
-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
}
.latestnews .news-heading{padding: 15px 15px;}
.latestnews .news-heading h3{font-size: 18px; color: #838484; line-height: 1.7; margin: 0;}
.latestnews .news-heading h3 a{color: #838484; text-decoration: none;}
.latestnews .news-heading h3 a:hover{color: #0073b9; text-decoration: none;}

@media (max-width: 768px){
	.latestnews .all-news-link{text-indent: -999px; overflow: hidden;}

}

/**********************
Testimonials Section Start
**********************/
.testimonials{background-color: #f6f6f6; text-align: center;}
.testimonial-box{
	max-width: 630px; margin: 0 auto; background:#FFF url(../images/icon-quote.png) no-repeat 15px 20px;
	 border-radius: 4px; padding:50px 70px; overflow: hidden;
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
}
.testimonial-box .review{font-style: italic; line-height: 2;}
.testimonial-box .reviewer{color: #0073b9; font-size: 20px; margin-bottom: 0;}

.testimonials .slick-slide{padding: 20px; outline: none;}
.testimonials  .slick-arrow{width: 40px; height: 40px; position: absolute;  top: 55%; z-index: 100; text-indent: -999px;  overflow: hidden; border: 0; border-radius: 50px; outline: none; margin-top: -40px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
-moz-box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);

}
.testimonials  .slick-prev{left:0; background:#FFF url(../images/arrow-prev.png) no-repeat center center;}
.testimonials  .slick-next{right: 0; background:#FFF url(../images/arrow-next.png) no-repeat center center;}

@media (max-width: 767px){
	.testimonial-box{padding: 20px 30px;}
}


/**********************
Clients Section Start
**********************/
.clients .item{padding: 15px 0; text-align: center;}
.clients .item img{max-width: 100%;  display: inline-block;}



/**********************
*Footer Section Start
**********************/
.footer{background-color: #0073b9; padding: 20px 0 12px 0;}
.footer-heading{font-size: 15px; color: #a3c1de;}
.footer-contact p{margin: 0 0 20px 0; line-height: 1;}
.footer-contact p .fas{width: 28px; height: 28px; border-radius: 50px; line-height: 28px; font-size: 12px; text-align: center; background-color: #FFF; color: #0073b9; top: -4px; position: relative; margin-right: 8px;}
.footer-contact a{font-size: 21px; color: #FFF; display: inline-block; text-decoration: none; }
.footer-contact a:hover{color: #88cfe8; text-decoration: none;}

.footer .socials a{width: 38px; height: 38px; border-radius: 50px; line-height: 38px; font-size: 16px; display: inline-block; text-align: center; background-color: #FFF; border: 1px solid #FFF; color: #0073b9; top: -4px; position: relative; margin-right: 8px;}
.footer .socials a:hover{background-color: transparent; color:#FFF; }

.footer .links{
	margin: 0 0 1rem 0; padding: 0;
 	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.footer .links li{list-style: none; position: relative; margin: 0; padding: 0 0 8px 18px;}
.footer .links li:after{content: ""; width: 6px; height: 6px; background-color: #FFF; border-radius: 50px; color: #8db3d7; position: absolute; left: 0; top: 8px;}
.footer .links li a{color: #FFF; font-weight: 400; text-decoration: none; margin: 0; padding: 0;}
.footer .links li:hover a{color: #88cfe8;}

.footer hr{background-color: #FFF; opacity: 0.2; margin-bottom: 30px;}
.footer-bottom{text-align: center;}
.footer-bottom p{font-size: 13px; color: #FFF; opacity: 0.8;}

/*Responsive*/
@media (min-width: 768px){
	.footer-bottom{text-align: left;}
	.footer-bottom .copyright{text-align: right;}
}



/**********************
BIG CTA
**********************/
.big-cta h2{color: #FFF; line-height: 1.6; font-size: 30px;}
@media (max-width: 768px){
	.big-cta{padding: 60px 0;}
	.big-cta h2{font-size: 24px;}
}


/**********************
Services Page
**********************/
.ourservices .servicebox{
	background-color: #FFF; border-radius: 4px; padding:0; margin-bottom: 40px; overflow: hidden;  position: relative;
-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.15);
}
.ourservices .servicebox:hover{
	-webkit-box-shadow:  0px 0px 30px 10px rgba(0,0,0,0.15);
-moz-box-shadow:  0px 0px 30px 10px rgba(0,0,0,0.15);
box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.15);
}
.ourservices .service-pic img{width: 100%;}
.ourservices .overlybox{position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(255,255,255,0.8); opacity: 0; transition: opacity 0.5s ease-in-out;}
.servicebox:hover .overlybox{opacity: 1;}
.ourservices .service-heading{padding: 15px 15px;}
.ourservices .service-heading h3{font-size: 18px; color: #838484; line-height: 1.7; margin: 0;}
.ourservices .service-heading h3 a{color: #838484; text-decoration: none;}
.ourservices .service-heading h3 a:hover{color: #0073b9; text-decoration: none;}


/**********************
Contact Page
**********************/
.contact{background-color: #f6f6f6;}
.contact-box h2{font-size: 30px;}
.contact-box{
	background-color: #FFF; padding:20px;
	-webkit-box-shadow: 0px 0px 30px 5px rgba(225,232,248,1);
-moz-box-shadow: 0px 0px 30px 5px rgba(225,232,248,1);
box-shadow: 0px 0px 30px 5px rgba(225,232,248,1);
}

.contact-info h3{font-size: 16px; color: #27394d; text-transform: uppercase; font-weight: 700; margin: 0; padding: 0 0 35px 0;}
.contact-info h4{font-weight: 700; color: #0073b9;}
.contact-info h4 a{color: #0073b9; text-decoration: none;}
.contact-info h4 a:hover{color: #27394d;}
.contact-info ul{margin: 0; padding: 0;}
.contact-info ul li{list-style: none; position: relative; margin: 0; padding: 7px 0 25px 64px;}
.contact-info .iconbox{
	width: 42px; height: 42px; background-color: #FFF; display: inline-block; border-radius: 50px; text-align: center; line-height: 42px; color: #0073b9; font-size: 20px;
		-webkit-box-shadow:  0px 0px 30px 10px rgba(0,0,0,0.15);
-moz-box-shadow:  0px 0px 30px 10px rgba(0,0,0,0.15);
box-shadow: 0px 0px 15px 6px rgba(7,107,159,0.10);
position: absolute; left: 0; top: 0;
}

.other-contact{background-color: #FFF;}

.map{padding: 0;}
.map .container-fluid{padding: 0;}

/*Responsive*/
@media (min-width: 768px){
	.contact-box{padding:30px 35px 35px 35px;}
	.contact-info{padding-left: 70px;}
}

@media (max-width: 1300px){
	.contact-info{padding-left: 15px;}
	.contact-info h4{font-size: 20px;}
}
@media (max-width: 992px){
	.contact-info{padding-top:50px;}
}

/*custom css*/
/**********************
Banner CSS Start
**********************/
.caption-box p{color: #88cfe8; font-size: 20px; font-weight: 500; line-height: 1.2; margin: 0; padding: 0 0 10px;}
.caption-box h1, .caption-box h1 p{font-size: 30px; margin-bottom: 0;}
.caption-box p{color: #fff; font-weight: 600;}
.servicebox .service-pic img{
    height: 233px;
}



/*Responsive*/
@media (min-width: 768px){
	.banner{height: 513px;}
	.caption-box h1, .caption-box h1 p{font-size:50px;}
	.caption-box p{font-size: 28px;}
	.banner.sm{height: 320px;}
        .banner .text-white p{
            padding-bottom: 0px;
        }
        .img-right{padding-left: 10px;}
        .img-left{padding-right: 10px;}

}
.stellarnav ul ul {
    min-width: 220px;
}
.colored_80{
	font-size: 50px;
	padding-left: 15px;
  color: #0073b9;
}
.stellarnav.light > ul > li > a{
        font-weight: 500;
}
/*sidebar*/
@media (min-width: 1024px){
  .sidebar-content{
    padding-right: 50px;
  }
}
.sidebar .servicebox{
  margin-bottom: 0px;
}
.at-resp-share-element .at-share-btn{
  margin: 0px 0px 0px 2px !important;
}
.sidebar{
  margin-top: 10px;
}
.sidebar_contact_us{
  text-align: left;
  border-radius: 0px;
  color: #fff;
  background-color: #0073b9;
  border-color: #0073b9;
  font-size: 14px;
  text-decoration: none;
  padding: 13px 15px;
}
.sidebar_contact_us .push-right-contact-us{
  margin-top: 1px;
}
.sidebar_contact_us:not(:disabled):not(.disabled):active:focus, .sidebar_contact_us:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0);
}
.sidebar_contact_us:not(:disabled):not(.disabled):active{
  color: #fff;
    background-color: #0073b9;
    border-color: #0073b9;
}
.sidebar_contact_us:hover{
  color: #fff;
  background-color: #0073b9;
  border-color: #0073b9;
}
.push-right-contact-us{
  float: right;
}
.sidebar_button{
  text-align: left;
  padding: 0px 0px 0px 5px;
  border-radius: 0px;
  color: #000;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
  font-size: 14px;
  line-height: 2;
  text-decoration: none;
}
.push-right{
  float: right;
  margin: 0px;
  padding: 7px;
  background-color: #0073b9;
  color: #fff;
}
.sidebar_button:not(:disabled):not(.disabled):active:focus, .sidebar_button:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0);
}
.sidebar_button:not(:disabled):not(.disabled):active{
  color: #0073b9;
    background-color: #d4d4d4;
    border-color: #d4d4d4;
}
.sidebar_button:hover{
  color: #0073b9;
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}
.sidebar .servicebox .service-pic img {
    height: 180px;
}
/*end sidebar*/

/*popup sidebar image*/
.sidebar .btn-outline-primary{
  font-size: 14px !important;
}
.sidebar .btn-outline-primary{
  padding: 0 20px !important;
}
.hover-image{
  cursor: pointer;
  transition: 0.3s;
}
.hover-image:hover {opacity: 0.7;}
#myImg {
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.9);
}

.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

.modal-content, #caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)}
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
.stellarnav {
     overflow: inherit; 
    display: block;
}
}
/*end popup sidebar image*/
@media only screen and (max-width: 767px) {
#main h1, h2, h3, h4{
text-align: left !important;
}
}
@media only screen and (max-width:1100px){
	.navbar .getintouch { display: none; }
}
.home_interactive_map{
    text-decoration: none;
}
.section_interactive_home .caption-box {
	    text-align:center;
	}
@media only screen and (min-width:768px){
	.section_interactive_home .caption-box {
	    position: relative; 
        width: 60%;
        left: 20%;
	}
}
.section_interactive_home .banner{
    border: 10px solid #0073b9;
}
/*training coppy page*/
.training-copy .service-box {
    width: 100%;
    height: 290px;
    background-color: #FFF;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
    box-shadow: 0px 0px 20px 0px rgba(210,210,210,1);
}
.training-copy .service-pic {
    width: 100%;
    height: 210px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
.training-copy .service-content {
    width: 100%;
    padding: 20px;
    background: rgba(255,255,255,0.85);
    position: absolute;
    left: 0;
    top: 210px;
    bottom: 0;
    transition: top 0.5s ease-in-out;
}
.banner.sm {
    background-position: top;
}
@media (min-width: 768px)
{
.caption-box h1, .caption-box h1 p {
    font-size: 48px;
}
}
.custom_select{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 13px);
    padding: .375rem .75rem;
    border: 1px solid #b3b2b4;
    color: #495057;
}
label.error {
    text-transform: inherit;
    font-weight: 400;
    color: #ff0000;
}
#inputgdpr{
    float: left;
    width: 2%;
    padding-top: 11px;
    
}
p{
    display: inline-block;
    width: 96%;
   /* padding-left: 1%;
    margin-top: -6px; */
}
.od-1 .od-2{ margin-left: 80px;}
.od-1 .od-3{ margin-left: 150px;}
.od-2-span{ margin-left: -41px; }
.od-3-span{ margin-left: -80px; }

.policy .noborder, .policy .noborder td, .policy .noborder th{
    border: 0
}
.policy p{
    color: #212529;
}
.policy h2{
    font-size: 24px;
    margin-bottom: 10px;
}
.policy p{
    padding-left: 0;
    padding-top: 10px;
}
@media only screen and (max-width: 767px) {
    .policy .noborder.child td{
            display: block;
            width: 100% !important;
    }
    .policy .noborder.child tr td:first-child{
        padding-top: 0 !important;
    }
}