

@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
  box-sizing: border-box;
}
 
/* End demo styles */

body{padding:0px; margin:0px; font-family: 'Lato', sans-serif; overflow-x: hidden;

    font-weight:400; color:#000; line-height:normal; background:#fff;}
	
a{text-decoration:none;	outline:none;}

img { margin: 0; height:auto; max-width: 100%; padding: 0;  border:0;}

h1, h2, h3, h4, h5, h6{	margin:0px;	padding:0px; font-weight:normal;}

ul, ol{list-style-type:none;} 

.top-wrap{font-size: 18px; line-height: 28px; padding: 15px 0;}
 
.top-wrap img{margin: 0 4px; }

.top-wrap span{ padding: 0 25px;}

.top-wrap a{color: #000;}

.top-wrap a:hover{color: #2b2a29;}

.socialicon{text-align:right;} 

.header-wrap{ background: #fff; padding: 25px 0;  }

/*---------------slider---------------*/
.banner{ width:100%; background: #e1ead9; /*background:#e1ead9 url("../images/bannerbg.jpg") left bottom repeat-x;*/ margin:0; padding:0; height:auto; position: relative; display: block;    }

.nospace{padding: 0; margin: 0;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: auto; display: block;}


/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0;  position: relative;  }

/* Direction Nav */
.flex-direction-nav {/**height: 0; display:none;*/}
.flex-direction-nav a  { text-decoration:none; display: block; width: 60px; height: 42px; margin: -20px 0 0; position: absolute; bottom: 0; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-next { right: 0; text-align: right; }
.flexslider .flex-prev { opacity: 1; left: 90%; background:url("../images/leftarrow.jpg")0 0 no-repeat; text-indent:-9999px; font-size:0px;}
.flexslider .flex-next { opacity: 1; right: -68px; background: url(../images/right-arrow.jpg)0 0 no-repeat; text-indent:-9999px;font-size:0px;  }

.flex-direction-nav .flex-disabled {   cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block;}
.flex-direction-nav a.flex-next:before  {  }

.banner .flex-direction-nav{display:none;}


/* Control Nav */
.flex-control-nav {background:#00819d;
width: 130px;
height:100%;
position: absolute;
top: 0px; 
text-align: center;
z-index: 9;
right: 0px;
	 
}
.flex-control-nav li:first-child{margin-top:100px;}
.flex-control-nav li {margin: 20px 4px 0 35%; display: block; }
.flex-control-paging li a {width: 38px; height: 38px; border:1px solid #fff; line-height:38px;  display: block; background:#00819d; color: #fff !important;   font-size:14px;  }
.flex-control-paging li a:hover { background:#000; }
.flex-control-paging li a.flex-active { background:#000; cursor: default; color: #fff; }

.sliderimg {float:left; width:100%; } 

.sliderimg img{width: auto;  }

.banner ul{margin: 0;}


.nospace{padding: 0; }

.banner-wrap{ background: #182044;}

.banner-right{ background: #182044;}



.banner-right h2{ width: 50%; font-size: 72px; color: #fff; text-transform: uppercase; line-height: 100px; font-weight: bold; position:relative; text-align:center; margin: 15px 0 45px; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}

 

.banner-right ul{width: 50%; text-align: center;}

.banner-right ul li{  text-transform: uppercase;}

.banner-right ul li a{color: #fff; line-height: 35px; font-size: 14px; }

.mainbody-wrap{ background: #fff; padding: 15px 0;  }

.lefttext{ text-align: center; color: #000; font-size: 18px;}

.lefttext span{display: block;}

.lefttext h1{ font-size: 72px; font-weight: bold;}

.lefttext h3{ font-size: 24px; padding-bottom: 25px;}

.img-left-one a{ line-height: 52px; width: 100%; text-align: center;  background: #182044; color: #fff; text-transform: uppercase; display: inline-block; font-size: 18px; font-weight: 300;}

.img-left-one a:hover{background: #000; text-decoration: none;}

.img-left-one {
  position: relative;
  margin:0 0 15px;
  overflow: hidden;
}
.img-left-one h4 { position: absolute; right: 2px; bottom: 25px; width: 212px; }
.img-left-one img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.img-left-one:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.img-left-two a{ line-height: 52px; width: 100%; text-align: center;  background: #182044; color: #fff; text-transform: uppercase; display: inline-block; font-size: 18px; font-weight: 300;}

.img-left-two a:hover{background: #000; text-decoration: none;}

.img-left-two {
  position: relative;
  margin:0 0 15px;
  overflow: hidden;
}
.img-left-two h4 { position: absolute; left: 2px; bottom: 25px; width: 212px; }
.img-left-two img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.img-left-two:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.img-left-three a{ line-height: 52px; width: 100%; text-align: center;  background: #182044; color: #fff; text-transform: uppercase; display: inline-block; font-size: 18px; font-weight: 300;}

.img-left-three a:hover{background: #000; text-decoration: none;}

.img-left-three {
  position: relative;
  margin:0 0 15px;
  overflow: hidden;
}
.img-left-three h4 { position: absolute; right: 2px!important; bottom: 25px; width: 212px; }
.img-left-three img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.img-left-three:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



.img-right a{ line-height: 52px; width: 100%; text-align: center;  background: #182044; color: #fff; text-transform: uppercase; display: inline-block; font-size: 18px; font-weight: 300;}

.img-right a:hover{background: #000; text-decoration: none;}

.img-right {
  position: relative;
  margin:0 0 110px;
  overflow: hidden;
}
.img-right h4 { position: absolute; left: 2px; bottom: 25px; width: 212px; }
.img-right img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.img-right:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.servicebtn{font-size: 24px; color: #000000;  line-height: 70px; width: 240px; display: block; text-align: center;   border: 2px solid #000000; margin: 0 auto;}

.servicebtn:hover{ color: #00819d; border: 2px solid #00819d; text-decoration: none;}

.aboutus-wrap{ background: #182044; padding: 35px 0;}

.aboutus-wrap h2{font-size: 60px; color: #fff; text-transform: uppercase;  font-weight: bold;}

.aboutus-wrap p{font-size: 24px; color: #fff; line-height: normal; text-align: justify; font-weight: 300;}

.imgsec{text-align: center;}

.imgsec img{ border: 5px solid #fff; border-radius: 5px;}

.category-wrap{ background: #fff; padding: 23px 0;}

.category-wrap h2{font-size: 60px; color: #000; text-transform: uppercase; text-align: center; font-weight: bold;}

.catimg{position: relative;}

.cattext{position: absolute; left: 0; bottom: 25px; background: #100606; width: 100%; text-align: center; color: #fff; text-transform: uppercase; font-size: 25px; line-height: 60px; font-weight: bold;}

.footer-wrap{ background: #182044; line-height: 94px; font-size: 24px; color: #fff;}

.footer-wrap a{color: #fff;}
.footer-wrap a:hover{color: #ffea00;}

/*innerpages*/
.banner-inner{background: url("../images/banner-inner.jpg") no-repeat 0 0; min-height: 100px; width:100%; display:block; position:relative;}

.banner-inner img{width:100%; height:auto;}

.innerbannertext{position:absolute; left:0; bottom:5%; text-align:left; width:100%; }

.innerbannertext h2{font-size:36px; color:#fff; text-transform: uppercase;}  

.innerbannertext p{font-size: 18px; color: #fff;}

.innerbannertext a{color: #fff;}

.innerbannertext a:hover{text-decoration: none;}

.mainbody-inner{background:#fff; width:100%; display:block; padding:35px 0;}

.imgborder img{border: 15px solid #121833}

.mainbody-inner h2{ color: #000; font-size: 36px; padding-bottom: 10px; font-weight: bold; }

.mainbody-inner h2 strong{font-weight: normal; font-family: "Dancing Script", cursive;}

.mainbody-inner h3{ font-size:18px; color:#000; margin-bottom:5px;   }

.mainbody-inner h4{ font-size:16px; color:#8f0335; margin-bottom:15px; padding-top: 25px;   }

.mainbody-inner h4 strong{ color:#001070; }

.mainbody-inner p{font-size:14px; color:#121833; line-height:25px; text-align:justify; margin-bottom: 20px;  } 

.mainbody-inner .wp-block-image.is-style-circle-mask img, .mainbody-inner .wp-block-image.is-style-rounded img{border-radius:15px!important;}

.mainbody-inner ul{margin-bottom: 30px;}

.mainbody-inner ul li{background:url(images/icon.jpg) 0 8px no-repeat; font-size:18px; color:#000; line-height:30px; text-align:justify; margin-bottom:10px; padding:0 0 0 30px;}

.alignleft { float: left; margin: 0 30px 30px 0;}
 
.corporate-wrap{ width: 100%; background: #42474c; padding: 90px 0;}

.corporate-wrap iframe{width: 100%!important; height: 400px!important;}

.corporate-wrap h2{ color: #fff; font-size: 36px; margin-bottom: 35px; font-weight: bold;   position: relative;}

.corporate-wrap h2 strong{font-weight: normal; font-family: "Dancing Script", cursive;}

.corporate-wrap h2:after{ position:absolute; width:165px; height:2px; background:#fff;  bottom:-20px; left:0;   content:'';}

.corporate-wrap p{font-size: 14px; color: #fff; line-height: 25px; margin-bottom: 30px;}

.learnmore{ width: 160px; line-height: 50px; background: #182044; text-align: center; color: #fff; text-transform: uppercase; display: block; font-size: 14px; font-weight: bold;}

.learnmore:hover{  background: #fff;  color: #182044; text-decoration: none;}


.servicelist-wrap h2{ color: #000; font-size: 36px; padding-bottom: 10px; font-weight: bold;}

.servicelist-wrap h2 strong{font-weight: normal; font-family: "Dancing Script", cursive;}

.servicelist-wrap h3{ font-size:18px; color:#000; margin-bottom:5px;   }

.servicelist-wrap h4{ font-size:36px; color:#000; margin-bottom:5px; font-weight: bold;}

.servicelist-wrap p{font-size:14px; color:#121833; line-height:25px; text-align:justify; margin-bottom: 20px;  } 

.servicelist-wrap .row{padding-bottom: 25px;}

.contact-inner-wrap{ padding: 60px 0;}

.icon-wrap{background: url("../images/icon4.jpg") 0 0 no-repeat; font-size: 48px; padding: 0 0 0 70px;}

.icon-wrap span{display: block; color: #182044; font-size: 24px;}

.icon-wrap a{color: #000;}

.icon-wrap a:hover{color: #182044; text-decoration: none;}

.icon-wrap2{background: url("../images/icon5.jpg") 0 0 no-repeat; font-size: 48px; padding: 0 0 0 80px;}

.icon-wrap2 span{display: block; color: #182044; font-size: 24px;}

.icon-wrap2 a{color: #000;}

.icon-wrap2 a:hover{color: #182044; text-decoration: none;}
	
.contact-bottom-wrap{ width: 100%; background: #42474c;  }
	
.contactmap iframe{width: 100%!important; height: 100% !important;}

.contact-bottom-wrap h3{ font-size:14px; color:#fff; margin-bottom:5px; text-transform: uppercase;}

.address-wrap{padding: 40px 15px}

.address-wrap p{font-size: 18px; color: #fff; padding: 0 25px 25px 0;}

.address-wrap a{color: #fff;}

.address-wrap a:hover{text-decoration: none; color: #ffed00;}

.address-wrap img{margin-right: 10px;}

.contact-bottom-wrap h2{ color: #fff; font-size: 36px; margin-bottom: 35px; font-weight: bold;   position: relative;}

.contact-bottom-wrap h2 strong{font-weight: normal; font-family: "Dancing Script", cursive;}

.contact-bottom-wrap h2:after{ position:absolute; width:70px; height:2px; background:#fff;  bottom:-20px; left:0;   content:'';}

@media screen and (max-width: 768px) {
	 
	/*.align-items-center{align-items: top !important;}*/
	
	.top-wrap{font-size: 9px;} 
	
	.top-wrap span{padding: 0;}
	
	.header-wrap{padding: 0;}
	
	.banner-right h2{width: 100%; font-size: 40px; line-height: 60px; margin: 15px 0;}
	
	.banner-right ul{width: 100%;}
	
	.lefttext h1{font-size:40px;}
	
	.lefttext h1 span{display: inline-block;}
	
	.lefttext h3{font-size: 20px;}
	
	.lefttext p{font-size: 14px;}
	
	.img-left-one img{width: 100%;}
	
	.img-left-two img{width: 100%;}
	
	.img-left-three img{width: 100%;}
	
	.img-right img{width: 100%;}
	
	.img-right{ margin: 0 0 20px;}
	
	.aboutus-wrap h2{font-size: 35px; padding: 25px 0;}
	
	.aboutus-wrap p{font-size: 16px; line-height: 25px;}
	
	.category-wrap h2{font-size: 40px;}
	
	.cattext{font-size: 17px;}
	
	.footer-wrap{font-size: 16px; text-align: center; line-height: normal; padding: 25px 0;}
	
	.text-right{text-align: center !important;}
	
	 /*innerpages*/
	
	.innerbannertext h2{font-size: 20px;}
	
	.innerbannertext p{font-size: 14px;}
	
	.mainbody-inner h3{margin-top: 25px; font-size: 14px;}
	
	.corporate-wrap h2{margin-top: 25px; font-size: 30px;}
	
	.mainbody-inner h2{font-size: 30px;}
	
	.servicelist-wrap h2{font-size: 30px;}
	
	.servicelist-wrap h3{font-size: 14px;}
	
	.servicelist-wrap h4{font-size: 25px; padding-top: 25px;}
	
	.servicelist-wrap img{width: 100%;}
 
	.icon-wrap, .icon-wrap2{font-size: 20px; padding: 15px 80px;}
	
	.icon-wrap span, .icon-wrap2 span{font-size: 14px;}
	
	.contactmap iframe{height: 400px !important;}
	 
	
	 
	
	
	
}

@media screen and (max-width: 900px) {
	
	 

@media screen and (max-width: 460px) {
	 
	
}