@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Lato');

:root{
    --primaryred:#200e85;
    --secondaryred:#35f8f8;
    --lightblack:#222b31;
    --darkblack:#191c1f;
    --mainfont:'Dancing Script', cursive;
    --secondfont: 'Lato', sans-serif;
}
 
 
a {
  text-decoration: none;
}
 
body{
    font-family: Arial, Helvetica, sans-serif; 
	margin: 0;
	padding: 0;margin-bottom: 0px;
	 
}
 
.heading_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
  }
  
  .heading_container h2 {
	position: relative;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
  }
  
  .heading_container h2::before {
	content: "";
	width: 40px;
	height: 7px;
	background-color: #f1db25;
	border-radius: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
  }
  
  .heading_container.heading_center {
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	text-align: center;
  }
  
  .heading_container.heading_center h2::before {
	left: 50%;
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
  }
  
  /*header section*/
  .hero_area {
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	position: relative;
  }
  
  .hero_bg_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
  }
  
  .hero_bg_box .img-box {
	width: 100%;
  }
  
  .hero_bg_box .img-box img {
	min-width: 100%;
	min-height: 100%;
  }
  
  .hero_bg_box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.35)));
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.35));
  }
  
  .sub_page .hero_area {
	min-height: auto;
  }
  
  .sub_page .custom_nav-container.navbar-expand-lg .navbar-nav .nav-item .nav-link {
	padding-bottom: 21px;
  }
  
  .hero_area.sub_pages {
	height: auto;
  }
  
  .header_section {
	padding: 0;
  }
  
  .header_section .container-fluid {
	padding-right: 25px;
	padding-left: 25px;
  }
  
  .header_section .nav_container {
	margin: 0 auto;
  }
  
  .header_top {
	background-color: #272727;
	padding: 15px 0;
  }
  
  .header_top .contact_link-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
  }
  
  .header_top .contact_link-container a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	color: #ffffff;
	font-size: 15px;
  }
  
  .header_top .contact_link-container a i {
	font-size: 20px;
	color: #1A76D1;
	margin-right: 5px;
  }
  



  .separator {
	position: relative;
	display: inline-block;
	text-transform: capitalize;
	margin-bottom: 30px;
}
.separator:after,
.separator:before {
	position: absolute;
	content: "";
	width: 50px;
	height: 2px;
	background: #135da7;
	top: 50%;
}

.separator i {
	color: #1fa716;
}

.separator:after {
	right: 140%;
}

.separator:before {
	left: 140%;
}

.amazing_feature {
padding-top:40px;
padding-bottom:20px;
}

.single_feature{
background: #0557a8 none repeat scroll 0 0;
box-shadow:0 2px 30px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 20px 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; height: 170px;
}
.single_feature:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0b08618e;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; cursor: pointer;
}
.single_feature:hover, .single_feature:focus, .single_feature:active {
  color: white;
}
.single_feature:hover:before, .single_feature:focus:before, .single_feature:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.feature_img{}
.single_feature img {
  border: 1px solid #e8e8e9;
  border-radius: 0%;
  color: #333;
  float: left;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin-right: 15px;
  position: relative;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 50px;
  z-index: 4;color: white;
  margin-top: 0px;
}
.single_feature:hover img{
  background: #fff;border: 1px solid #fff;color:#1A76D1;
}

.single_feature img{
	background: #fff;border: 1px solid #fff;color:#1A76D1;
  }


  .single_feature P{
	 color:#ecf0f3;
  }

.single_feature h3 {
  text-transform: capitalize;
  font-size: 20px;
  font-weight:400;
  margin-top:0px;
  overflow: hidden; color: white; font-weight: bold;
}
.single_feature:hover h3{color:#fff;}
.single_feature span {
border-bottom: 1px dashed #ccc;
display: block;
margin: 15px auto 10px;
width: 80px;
}



.single_feature p { margin-bottom: 0 ;overflow: hidden;}








  
.carousel-shadow .owl-stage-outer {
  margin: -15px -15px 0;
  padding: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot span {
   
  border: 2px solid;
  height: 15px;
  margin: 0 5px;
  width: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span {
  background: #03c6d4 none repeat scroll 0 0;
  border-color: #135da7;
}

.we-offer-area .item {
  background: #034180 none repeat scroll 0 0;
  border-left: 2px solid #135da7;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;color: white;
  overflow: hidden;
  padding: 30px;
  position: relative; height: 177px;color: white;background-color: #12055ab7;
  z-index: 1;
}

.we-offer-area.text-center .item {
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  padding: 67px 38px 64px;color: white;
}

.we-offer-area.text-center .item i {
  background: #135da7 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 40px;
  height: 80px;
  line-height: 80px;
  position: relative;
  text-align: center;
  width: 80px;
  z-index: 1;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  margin-bottom: 25px;
}

.we-offer-area.text-center .item i::after {
  border: 2px solid #135da7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 90px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 90px;
  z-index: -1;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.we-offer-area.item-border-less .item {
  border: medium none;
}

.we-offer-area .our-offer-items.less-carousel .equal-height {
  margin-bottom: 30px;
}

.we-offer-area.item-border-less .item .number {
  font-family: "Poppins",sans-serif;
  font-size: 41px;
  font-weight: 900;
  opacity: 0.4;
  position: absolute;
  right: 10px;
  top: 30px; color: white; 
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,
.we-offer-area.center-active .single-item:nth-child(2n) .item {
  background: #135da7 none repeat scroll 0 0;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,
.we-offer-area.center-active .single-item:nth-child(2n) .item i,
.we-offer-area.center-active .single-item:nth-child(2n) .item h4,
.we-offer-area.center-active .single-item:nth-child(2n) .item p {
  color: #ffffff;
}

.we-offer-area .item i {
  color: #135da7;
  display: inline-block;
  font-size: 60px;
  margin-bottom: 20px;color: white;
}

.we-offer-area .item h4 {
  font-weight: 600;
  text-transform: capitalize;font-size: 18px;
}




.we-offer-area .item:hover::after {
	left: 0;color: white;background-color: #12055ab7;
  }
  
  .we-offer-area .item:hover i,
  .we-offer-area .item:hover h4,
  .we-offer-area .item:hover p {
	color: #ffffff !important;
	
  }
  

.we-offer-area .item p {
  margin: 0;
}

.we-offer-area .item i,
.we-offer-area .item h4,
.we-offer-area .item p {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.we-offer-area .item::after {
  background: #034180 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 100%;
  z-index: -1;
}

.we-offer-area .item:hover::after {
  left: 0;color: white;
}

.we-offer-area .item  i,
.we-offer-area .item  h4,
.we-offer-area .item  p {
  color: #ffffff !important;
}

.we-offer-area.text-center .item:hover i::after {
  border-color: #ffffff !important;
}

.we-offer-area.text-center .item:hover i {
  background-color: #ffffff !important;
  color: #1A76D1 !important;
}

.we-offer-area.text-left .item i {
  background: #135da7 none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 60px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 30px;
  position: relative;
  width: 100px;
  z-index: 1;
  text-align: center;
}

.we-offer-area.text-left .item i::after {
  border: 2px solid #135da7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 120px;
  left: -10px;
  position: absolute;
  top: -10px;
  width: 120px;
}
 
.we-offer-area .item {
	background: #034180 none repeat scroll 0 0;
	border-left: 2px solid #135da7;
	-moz-box-shadow: 0 0 10px #cccccc;
	-webkit-box-shadow: 0 0 10px #cccccc;
	-o-box-shadow: 0 0 10px #cccccc;
	box-shadow: 0 0 10px #cccccc;color: white;
	overflow: hidden;
	padding: 30px;
	position: relative;   background-color: #12055ab7;
	z-index: 1;
  }


 /* Featured Services Section
--------------------------------*/


#featured-services {
  background: #000;
}

#featured-services .box {
  padding: 30px 20px;
}

#featured-services .box-bg {
  background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%);
}

#featured-services i {
  color: #1869d2;
  font-size: 48px;
  display: inline-block;
  line-height: 1;
}

#featured-services h4 {
  font-weight: 400;
  margin: 15px 0;
  font-size: 18px;
}

#featured-services h4 a {
  color: #fff;
}

#featured-services h4 a:hover {
  color: #1824d2;
}

#featured-services p {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 0;
}

/* About Us Section
--------------------------------*/

#about {
  background: url("../img/26.jpg") center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 40px 0;
  position: relative;
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 9;
}

#about .container {
  position: relative;
  z-index: 10;
}

#about .about-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}

#about .about-col .img {
  position: relative;
}

#about .about-col .img img {
  border-radius: 4px 4px 0 0;
}

#about .about-col .icon {
  width: 64px;
  height: 64px;
  padding-top: 8px;
  text-align: center;
  position: absolute;
  background-color: var(--blue);
  border-radius: 0%;
  text-align: center;
  border: 4px solid #fff;
  left: calc( 50% - 32px);
  bottom: -30px;
  transition: 0.3s;
}

#about .about-col i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  transition: 0.3s;
}

#about .about-col:hover  {
  background-color: var(--blue);
}


#about .about-col:hover i {
  color: #1869d2;
}

#about .about-col h2 {
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 0;
  margin: 40px 0 12px 0;
}

#about .about-col h2 a {
  color: #000;
}

#about .about-col h2 a:hover {
  color: white; text-decoration: none; height: 100%; line-height: 100%;
}


#about .about-col p {
	font-size: 14px;
	line-height: 24px;
	color: rgb(39, 37, 37);
	margin-bottom: 0;
	padding: 0 20px 20px 20px;
  }

#about .about-col p:hover {
  font-size: 14px;
  line-height: 24px;
  color: white;
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
}

#about:hover {
	color: white;
	background-color: #1869d2;
	cursor: pointer;
  }














  
a, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}.bg-gray {
    background-color: #f9f9f9;
}

.site-heading h2 {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.site-heading h2 span {
  color: #00a01d;
}

.site-heading h4 {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  z-index: 1; color: #000;
}

.site-heading h4::before {
  background: #00a01d none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  width: 50px;
}

.site-heading {
  margin-bottom: 60px;
  overflow: hidden;
  margin-top: -5px;
}

.carousel-shadow .owl-stage-outer {
  margin: -15px -15px 0;
  padding: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid;
  height: 15px;
  margin: 0 5px;
  width: 15px;
}

.we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span {
  background: #00a01d none repeat scroll 0 0;
  border-color: #00a01d;
}

.we-offer-area .item {
  background: #ffffff none repeat scroll 0 0;
  border-left: 2px solid #00a01d;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  overflow: hidden; color: #000;
  padding: 28px; height: 298px;
  position: relative;
  z-index: 1; border-bottom: 2px solid #0c1b5e;
}

.we-offer-area.text-center .item {
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  padding: 67px 40px 64px;
}

.we-offer-area.text-center .item i {
  background: #00a01d none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  font-size: 40px;
  height: 80px;
  line-height: 80px;
  position: relative;
  text-align: center;
  width: 80px;
  z-index: 1;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  margin-bottom: 25px;
}

.we-offer-area.text-center .item i::after {
  border: 2px solid #00a01d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 90px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 90px;
  z-index: -1;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.we-offer-area.item-border-less .item {
  border: medium none;
}

.we-offer-area .our-offer-items.less-carousel .equal-height {
  margin-bottom: 30px;
}

.we-offer-area.item-border-less .item .number {
  font-family: "Poppins",sans-serif;
  font-size: 50px;
  font-weight: 900;
  opacity: 0.1;
  position: absolute;
  right: 30px;
  top: 30px;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item,
.we-offer-area.center-active .single-item:nth-child(2n) .item {
  background: #00a01d none repeat scroll 0 0;
}

.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4,
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item p,
.we-offer-area.center-active .single-item:nth-child(2n) .item i,
.we-offer-area.center-active .single-item:nth-child(2n) .item h4,
.we-offer-area.center-active .single-item:nth-child(2n) .item p {
  color: #ffffff;
}

.we-offer-area .item i {
  color: #00a01d;
  display: inline-block;
  font-size: 60px;
  margin-bottom: 20px;
}

.we-offer-area .item h4 {
  font-weight: 600;
  text-transform: capitalize;   background-color: #0c1b5e; padding: 5px; color: white  !important;box-shadow: 10px 10px rgba(0, 0, 0, 0.1);

}

.we-offer-area .item p {
  margin: 0; color: #000;
}

.we-offer-area .item i,
.we-offer-area .item h4,
.we-offer-area .item p {
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

.we-offer-area .item::after {
  background: #061d69 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -100%;
  position: absolute;
  top: 0;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  width: 100%;
  z-index: -1;
}

.we-offer-area .item:hover::after {
  left: 0;
}

.we-offer-area .item  i,
.we-offer-area .item  h4,
.we-offer-area .item  p {
  color: #0a0a0a !important;
}
.we-offer-area .item:hover,
.we-offer-area .item:hover h4,
.we-offer-area .item:hover p {
  color: #ffffff !important;
  
}

.we-offer-area .item:hover {
  color: #ffffff !important;
  background-color: #007bff;
}
 

.we-offer-area.text-center .item:hover i {
  background-color: #ffffff !important;
  color: #00a01d !important;
}

.we-offer-area.text-left .item i {
  background: #00a01d none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 60px;
  height: 100px;
  line-height: 100px;
  margin-bottom: 30px;
  position: relative;
  width: 100px;
  z-index: 1;
  text-align: center;
}

.we-offer-area.text-left .item i::after {
  border: 2px solid #0038a0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: "";
  height: 120px;
  left: -10px;
  position: absolute;
  top: -10px;
  width: 120px;
}
 
.we-offer-area .item {
	  border-bottom: 8px solid royalblue !important;
  }



/*** About ***/
.about-img img {
    position: relative;
    z-index: 2; height: 351px;   left: 5%;
}

.about-img::before {
    position: absolute;
    content: "";
    top: 0;
    left: -50%;
    width: 100%;
    height: 451px;
    background: var(--primary);background:  var(--primary) url(./img/57.jpg);

	background-blend-mode: multiply;
	background-repeat: no-repeat;
	background-position: left;
	background-attachment: fixed;
	background-size: cover;
    transform: skew(20deg);
    z-index: 1;
}


@media (max-width: 604px) {
 
	#about1 {
	  display: none;
	}
	#Carousel1 {
		display: none;
	  }
	  .header_top  {
		display: none1;
		 
	  }

	  .contact_link-container .contact_link2{
		 
		font-size: 8px;
	  }
	  .contact_link-container .contact_link3{
		 
		font-size: 8px;
	  }
}
  


@media (min-width: 604px) {
 
	#about2 {
	  display: none;
	}
	#Carousel2 {
		display: none;
	  }

}

#scrollUp {
	bottom: 15px;
	right: 15px;
	padding: 10px 20px;
	background: #1a76d1;
	color: #fff;
	font-size: 25px;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	padding: 0;
	border-radius: 3px;
	box-shadow: 0px 0px 10px #00000026;
}
#scrollUp:hover{
	background:#2C2D3F;
}
/* Color Plate */
.color-plate {
	position: fixed;
	display: block;
	z-index: 99998;
	padding: 20px;
	width: 245px;
	background: #fff;
	right: -245px;
	text-align: left;
	top: 30%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	-webkit-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
	box-shadow: -3px 0px 25px -2px rgba(0, 0, 0, 0.2);
}
.color-plate.active{
	right:0;
}
.color-plate .color-plate-icon {
	position: absolute;
	left: -48px;
	width: 48px;
	height: 45px;
	line-height: 45px;
	font-size: 21px;
	border-radius: 5px 0 0 5px;
	background: #1A76D1;
	text-align: center;
	color: #fff !important;
	top: 0;
	cursor: pointer;
	box-shadow: -4px 0px 5px #00000036;
}
.color-plate h4 {
	display: block;
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: 500;
}
.color-plate p {
	font-size: 13px;
	margin-bottom: 15px;
	line-height: 20px;
}
.color-plate span {
	width: 42px;
	height: 35px;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	margin-right: 3px;
}
.color-plate span:hover{
	cursor:pointer;
}
.color-plate span.color1{
	background:#1A76D1;
}
.color-plate span.color2{
	background:#2196F3;
}
.color-plate span.color3{
	background:#32B87D;
}
.color-plate span.color4{
	background:#FE754A;
}
.color-plate span.color5{
	background:#F82F56;
}
.color-plate span.color6{
	background:#01B2B7;
}
.color-plate span.color7{
	background:#6c5ce7;
}
.color-plate span.color8{
	background:#85BA46;
}
.color-plate span.color9{
	background:#273c75;
}
.color-plate span.color10{
	background:#FD7272;
}
.color-plate span.color11{
	background:#badc58;
}
.color-plate span.color12{
	background:#44ce6f;
}
/*=============================
	End Global CSS 
===============================*/

/*===================
	Start Header CSS 
=====================*/
.header{
	background-color:#fff;
	position:relative;
}
.header .navbar-collapse{
	padding:0;
}
/* Topbar */
.header .topbar{
	background-color:#fff;
	border-bottom:1px solid #eee;
}
.header .topbar{
	padding:15px 0;
}
.header .top-link{
	float:left;
}
.header .top-link li{
	display:inline-block;
	margin-right:15px;
}
.header .top-link li:last-child{
	margin-right:0px;
}
.header .top-link li a{
	color:#2C2D3F;
	font-size:14px;
	font-weight:400;
}
.header .top-link li:hover a{
	color:#1A76D1;
}
.header .top-contact{
	float:right;
}
.header .top-contact li{
	display:inline-block;
	margin-right:25px;
	color:#2C2D3F;
}
.header .top-contact li:last-child{
	margin-right:0;
}
.header .top-contact li a{
	font-size:14px;
}
.header .top-contact li a:hover{
	color:#1A76D1;
}
.header .top-contact li i{
	color:#1A76D1;
	margin-right:8px;
}
.header .header-inner {
	background:#fff;
	z-index:999;
	width:100%;
}
.get-quote{
	margin-top:12px;
}
.get-quote .btn{
	color:#fff;
}
.header .logo {
	float: left;
	margin-top: 10px;margin-left: -80px;  
}
.header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	margin: 0;
	height: 0px;
	min-height: 0px;    
  
	   
}
.header .nav li{
	margin-right: 21px;
    float: left;
	position:relative;  
}
.header .nav li:last-child{
	margin:0;
}
.header .nav li a {
	color: #2C2D3F;
	font-size: 15px;
	font-weight: 700;
	text-transform: capitalize;
	padding: 25px 5px;
	position: relative;
	display: inline-block;
	position:relative;
	 
}
.header .nav li a::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	height: 3px;
	width:0%;
	background: #1A76D1;
	border-radius: 5px 5px 0 0;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.header .nav li.active a:before{
	opacity:1;
	visibility:visible;
	width: 100%;
}
.header .nav li.active a{
	color:#1A76D1; 
}
.header .nav li:hover a:before{
	opacity:1;
	width: 100%;
	visibility:visible;
}
.header .nav li:hover a{
	color:#1a76d1;
}
.header .nav li a i {
	display: inline-block;
	margin-left: 1px;
	font-size: 13px;
}
/* Middle Header */
.header.style2 .header-inner {
	border-top: 1px solid #eee;
}
.header.style2 .logo {
	margin-top:6px;
}
.header .middle-header {
	background: #fff;
	padding: 20px 0px;
}
.header .widget-main{
	float:right;
}
.header.style2 .get-quote {
	margin-top: 0;
}
.header .single-widget {
	position: relative;
	float: left;
	margin-right: 30px;
	padding-left: 55px;
}
.header .single-widget:last-child{
	margin:0;
}
.header .single-widget .logo{
	margin:0;
	padding:0;
	margin-top: 0px; 
}
.header .single-widget i {
	position: absolute;
	left: 0;
	top: 6px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	color: #fff;
	background: #1A76D1;
	border-radius: 4px;
	text-align: center;
	font-size: 15px;
}
 
/*--------------------------------*/

/*  2. Header top Area
/*--------------------------------*/

.header-area {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: white; 
	z-index: 9999;
  }
  
  .navbar-header a.navbar-brand {
	display: inline-block;
	height: auto;
	padding: 15px 0;
  }
  
  
@media (max-width: 991.98px) {
	.navbar-dark {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        border-bottom: 1px solid rgba(256, 256, 256, .1);
        z-index: 999;
		height: 50px;margin-top: -20px;
    }
	 
	.sticky-top.navbar-dark {
        position: fixed;
        background: #FFFFFF;
    }
	 

.container-fluids{
  height: 70px; 
   
}
}

@media (min-width: 992px) {
    .navbar-dark {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        border-bottom: 1px solid rgba(256, 256, 256, .1);
        z-index: 999;
		height: 68px;
    }
    
    .sticky-top.navbar-dark {
        position: fixed;
        background: #FFFFFF;
    }
	  .container-fluids{
		height: 68px; ;
	}
}
/** banner section **/

.banner_main {
	background: #11aeef;background-color: #007bff;
	padding: 55px 70PX 70px 0;  

}

.text-bg {
	text-align: left;
	float: right;
	width: 100%;
	max-width: 431px;
}

.text-bg h1 {
	color: #fff;
	padding-top: 10px;
	font-size: 41px;
	line-height: 45px;
	padding-bottom: 45px;
	font-weight: bold;
}

.text-bg p {
	font-size: 17px;
	display: block;
	color: #fff;
	line-height: 25px;
	padding-bottom: 50px;
	font-weight: 500;
}

.text-bg .read_more {
	border: #fff solid 5px;color: #fff;
}

.text-bg .read_more  {
	background: rgb(2, 41, 54);color: #fff;
}


.text-bg .read_more:hover {
	background: rgb(12, 54, 190);
}
.images_box figure {
	margin: 0px;
}

.images_box figure img {
	width: 100%; 
	height:341px; flex-direction: column-reverse;
	
}



 
.images_box img {
	  box-shadow: #0f105e 10px 10px;
	height:341px;  
	
}

.carousel-indicators li {
	background: #000;
	width: 38px;
	height: 8px;
	border-radius: 10px;
}

.carousel-indicators {
	bottom: 45px;
}

.carousel-caption {
	position: inherit;
}

.carousel-control-next,
.carousel-control-prev {
	display: flex;
}


/** banner section **/

.titlepage {
	text-align: center;
	padding-bottom: 60px;
}

.titlepage h2 {
	font-size: 38px;
	color: #382d3c;
	line-height: 55px;
	padding: 0;
}

.d_flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.blu {
	color: #0eadef;
}

.read_more {
	font-size: 17px;
	background-color: transparent;
	border: #00aeef solid 5px;
	 
	padding: 10px 0px;
	width: 100%;
	max-width: 170px;
	text-align: center;
	display: inline-block;
	transition: ease-in all 0.5s;
	border-radius: 10px;
	font-weight: 500;color: #fff;
}

.read_more:hover {
	background: #00aeef;
	color: #fff !important;
	transition: ease-in all 0.5s;
}








/*===========================
	Start Hero Area CSS
=============================*/
.slider .single-slider {
	height: 428px;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
	 margin-left: 42%; 
	 margin-top: 48px;
	margin-bottom: 41px;
	margin-right: 41px;
	border: 10px 10px solid blue; cursor: pointer;box-shadow: 10px 10px rgb(71, 84, 117);
	color: #cbcbcb; background-color: linear-gradient(75deg, #6d78ff, #00ffb8);
				 
				  

}


 
   
   
.slider .single-slider .image {
	 
	border: 10px 10px solid blue;
	background-size: cover;box-shadow: 10px 10px rgb(8, 40, 128);z-index: 9999;



}
.slider .single-slider  .image{
		  
		border-image-slice: 50 50 50 50 fill;
		border-image-width: 25px 25px 25px 25px;
		border-image-outset: 20px 20px 20px 20px;
		border-image-repeat: repeat repeat;
		border-image-source: var(--svg);
		border-style: solid;z-index: 1;display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;

  width: 100%;

  border-radius: 50px;
  background: #e0e0e0;
  box-shadow: inset 20px 20px 60px #bebebe, inset -20px -20px 60px #ffffff;

	}
	
	.slider .single-slider {
		 
		--svg: url("data:image/svg+xml,%3Csvg fill='white'   xmlns='http://www.w3.org/2000/svg' viewBox='0 0 453.43 244.86'%3E%3Cpath d='M452.45,103.13c2.89-2.61-1.26-6.65-4.15-4.27-6.92,5.68-13.84,11.35-20.76,17.03,.14-.27,.23-.56,.26-.84,.87-.76,1.73-1.53,2.6-2.29,1.65-1.46,.65-3.93-.98-4.76,15.78-12.38,4.15-5.22,19.4-18.26,2.47-2.11-.88-6.5-3.49-4.52-8.83,6.71-2.75,1.78-11.58,8.49,.57-.47,1.15-.94,1.72-1.41,2.35-1.92-.24-5.53-2.8-4.82-.47-.35-1.02-.58-1.62-.61,.99-2.79-2.51-5.9-4.72-3.27-.04,.05-.08,.09-.12,.14-.79-1.21-2.54-1.97-4.09-1.18-.43-.41-.96-.7-1.52-.8,.09-.09,.17-.17,.26-.26,.77-.77,1-1.61,.87-2.36,1.85-1.87,3.69-3.74,5.53-5.61,1.61-1.63,.65-4.19-1.03-4.99,.34-.37,.69-.75,1.03-1.12,2.11-2.29-.78-6.58-3.49-4.52-.3,.23-.61,.46-.91,.7,3.16-2.58,6.32-5.15,9.48-7.72,1.73-1.41,.69-3.89-.98-4.71,3.04-2.99,6.95-6.78,13.03-12.56,2.79-2.66-1.36-6.88-4.16-4.27-4.87,4.53-6.88,6.43-7.98,7.51-.4-.82-1.19-1.47-2.1-1.67,.85-.88,1.71-1.76,2.56-2.64,1.35-1.39,.73-3.54-.56-4.53,.47-.41,.93-.82,1.39-1.22,1.71-1.5,.67-3.96-1.04-4.72,.49-.36,.97-.71,1.46-1.07,.86-.63,1.23-1.49,1.25-2.35,5.58-4.15,2.34-2.68,7.92-6.83,2.93-2.18,.12-7.16-2.91-4.97-8.8,6.38-14.03,10.47-20.24,15.19-.66-.55-1.53-.83-2.42-.66l12.84-9.47c2.92-2.15,.27-7.03-2.91-4.97-.8,.52-1.59,1.04-2.39,1.56-.73-.28-1.54-.25-2.3,.34-2.01,1.57-4.02,3.14-6.02,4.71,1.32-2.54-2.24-5.5-4.83-3.39-4.6,3.75-9.2,7.49-13.8,11.24,.09-.38,.11-.77,.04-1.16,1.21-1.24,2.43-2.48,3.64-3.73,2.76-2.83-1.25-6.59-4.15-4.27l-8.96,7.17c1.56-2.81-1.93-5.94-4.6-3.63-2.25,1.95-4.5,3.9-6.75,5.84-.32-.81-.97-1.45-1.76-1.72l2.83-3.12c2.19-2.41-.75-6.83-3.56-4.75-7.17,5.31-14.34,10.62-21.5,15.93-.4-.47-.91-.82-1.48-.99,4.71-3.32,9.41-6.64,14.12-9.95,3.17-2.24,.47-6.78-2.97-5.22-2.57,1.17-5.14,2.34-7.71,3.51-.52-1.33-2.08-2.3-3.61-1.85,.98-1.33,.72-2.82-.12-3.79,.12-.2,.24-.4,.36-.6,1.72-2.92-2.33-6.2-4.61-3.66-5.41,6.01-10.82,12.03-16.22,18.04-.56-1.95-2.89-3.25-4.77-1.35-3.25,3.29-6.51,6.57-9.76,9.86,.52-.93,1.05-1.86,1.57-2.78,.91-1.62,.05-3.41-1.27-4.2,.54-2.27-1.89-4.98-4.15-3.29-.25,.19-.5,.38-.76,.57-.63-1.81-2.98-3.03-4.7-1.23-1.67,1.75-3.35,3.5-5.02,5.26-.25-.28-.53-.52-.85-.69,6.2-6.51,12.35-13.07,18.43-19.7,2.23-2.43-.68-6.69-3.56-4.74-4.35,2.94-8.67,5.93-12.96,8.94-.74-1.23-2.31-1.94-3.76-1.08,6.27-6.65-1.91,2.07,4.36-4.58,2.55-2.7-1.42-6.69-4.07-4.07-5.97,5.9-10.84,10.62-15.22,14.82-.56-1.93-3.07-3.33-4.93-1.48l-7.85,7.83c-.32-1.07-1.21-1.92-2.28-2.16,3.41-2.63,6.81-5.26,10.22-7.89,2.97-2.3,.14-7.51-2.97-5.22-1.14,.85-2.29,1.69-3.43,2.54-.36-1.52-1.73-2.78-3.46-2.09-.75,.3-1.49,.6-2.24,.9-1.02,.41-1.59,1.2-1.81,2.06-8.89,7.15-17.78,14.31-26.67,21.46-.32-.08-.66-.1-1-.03,5.03-4.32,10.06-8.65,15.09-12.97,1.41-1.21,.99-3.16-.12-4.31,1.52-2.58-2.07-5.78-4.56-3.43-2.44,2.31-4.88,4.61-7.32,6.92-.57,.07-1.15,.33-1.68,.87-2.1,2.12-4.19,4.24-6.29,6.37-.03-.06-.07-.1-.1-.16,1.94-1.94,3.89-3.88,5.83-5.82,2.64-2.63-1.37-6.61-4.07-4.07-3.71,3.48-7.41,6.96-11.12,10.44-.33-.21-.69-.35-1.1-.39-.74-.32-1.62-.32-2.5,.2-1.33,.8-2.65,1.61-3.98,2.42-.18-.23-.41-.43-.65-.61,6.44-7.41,12.69-15,18.69-22.79,0,0,.02-.02,.02-.02,0,0,0,0,0,0,.15-.2,.3-.38,.45-.58,2.08-2.71-2.22-5.57-4.52-3.49-8.57,7.75-13.97,12.75-19.01,17.44-5.34,4.36-7.58,5.55-10.69,7.51,2.32-2.82,4.96-5.9,10.93-11.89,2.27-2.27-.72-6.37-3.49-4.52-3.55,3.28-6.41,6.01-8.77,8.33-.14-.42-.37-.8-.67-1.13,1-.93,2-1.85,3-2.78,2.51-2.36-.71-6.42-3.56-4.75-7.6,4.47-15.14,9.03-22.66,13.64,.47-.55,.9-1.03,1.24-1.43,1.22-1.43,8.56-7.77,10.22-9.69,2.49-2.74-1.35-6.62-4.07-4.07-1.09,1.02-2.17,2.03-3.26,3.05-.92-.94-2.35-1.38-3.49-.52-3.39,2.56-6.74,5.16-10.09,7.77,0-.02,0-.04,0-.06,1.54-1.28,3.08-2.55,4.63-3.83,2.66-2.2-.72-5.9-3.49-4.52-5.34,2.66-10.61,5.43-15.83,8.3,.8-.68,1.6-1.36,2.4-2.04,2.56-2.18-.85-6.74-3.56-4.75l-13.61,10.02c-.62,.03-1.25,.27-1.81,.83-.66,.65-1.33,1.31-1.99,1.96l-4.81,3.54c0-.82-.27-1.63-.74-2.25,.49-.64,.58-1.42,.4-2.16l5.23-3.7c1.36-.96,1.58-2.48,1.13-3.7,2.17-2.14-1.05-6.18-3.65-4.35-1.52,1.06-3.04,2.13-4.56,3.19-.27-1.87-2.29-3.65-4.08-2.66-.69-1.39-2.44-2.34-4.07-1.39-.96,.56-1.91,1.15-2.86,1.72,.75-.68,1.5-1.35,2.25-2.03,2.91-2.62-1.24-6.59-4.15-4.27-1.51,1.2-3.01,2.39-4.51,3.59-.8-1.39-2.49-2.27-3.99-1.17-5.78,4.24-11.55,8.48-17.33,12.72l2.83-2.56c.37-.34,.6-.73,.74-1.13,2.68-2.45,5.36-4.9,8.04-7.35,2.85-2.6-1.31-6.8-4.15-4.27-1.98,1.75-3.96,3.51-5.93,5.26-.98-1.27-2.96-1.95-4.57-.66-4.15,3.31-8.31,6.63-12.46,9.94-.12-.24-.27-.45-.44-.66,2.34-3.06,4.68-6.12,7.02-9.18,1.87-2.44-.68-7.01-3.56-4.75-2.63,2.07-5.27,4.15-7.9,6.22,.95-1.94-.8-4.4-2.86-4.31,1.94-1.74,3.89-3.48,5.84-5.22,2.51-2.25-.8-6.67-3.56-4.75l-22.18,15.44c3.36-3.79,6.71-7.58,10.07-11.37,2.14-2.42-.74-6.85-3.56-4.75-4.86,3.62-9.72,7.24-14.59,10.85-1.01-1.24-2.85-1.78-4.29-.31l-12.4,12.76c-2.3,2.37,.8,6.8,3.56,4.75l7.91-5.88c-2.52,2.84-5.03,5.68-7.55,8.52-2.16,2.44,.68,6.75,3.56,4.75,2.64-1.84,5.29-3.68,7.93-5.52-.02,.87,.38,1.73,1.01,2.35-5.39,5.09-8.52,7.6-17.22,16.44-1.27,1.29-1.04,2.79-.15,3.76-1.49,1.4-2.98,2.79-4.47,4.19-2.44,2.28,.89,6.85,3.56,4.75,1.21-.95,2.41-1.9,3.62-2.85,.29,1.99,2.54,3.84,4.42,2.4,3.61-2.78,7.22-5.57,10.83-8.35,.25,.62,.7,1.15,1.25,1.51-1.02,.97-2.03,1.93-3.05,2.9-1.53,1.46-.79,3.62,.68,4.52-1.74,1.54-3.48,3.09-5.22,4.63-1.78,1.58-.61,4.3,1.19,5.04,.15,.27,.36,.51,.59,.72-4.94,3.82-9.88,7.64-14.82,11.46-2.59,2.01,.79,6.31,3.49,4.52,6.38-4.23,12.75-8.47,19.13-12.7-.72,.65-1.45,1.31-2.17,1.96-.66,.59-.89,1.34-.85,2.09-4.58,4.04-9.16,8.09-13.75,12.13-.56,.49-.81,1.1-.86,1.72-1.36,1.15-2.71,2.31-4.07,3.46-2.48,2.11,.89,6.51,3.49,4.52,2.38-1.82,4.76-3.64,7.14-5.47,.56,.07,1.18-.08,1.82-.53,2.19-1.55,4.38-3.1,6.57-4.65-1.21,1.2-2.41,2.42-3.61,3.63-6.51,5.06-13.03,10.12-19.54,15.19-1.99,1.54-1.35,4.38,.19,5.41-.02,.02-.04,.04-.06,.06-2.15,2.42,.73,6.83,3.56,4.75,6.67-4.91,13.35-9.83,20.02-14.74-.09,.15-.18,.3-.27,.45-.96,1.57-.11,3.32,1.19,4.14-1.93,2.09-3.85,4.19-5.75,6.31-8.67,7.6-17.35,15.2-26.02,22.8-2.84,2.49,1.23,6.34,4.07,4.07,3.25-2.6,6.51-5.19,9.76-7.79,.18,.15,.37,.28,.57,.38-16.1,12.99-4.23,5.48-19.8,19.16-2.52,2.22,.9,6.82,3.56,4.74,9.01-7.04,2.8-1.86,11.81-8.91-.58,.49-1.17,.98-1.75,1.48-2.61,2.2,.77,6.53,3.56,4.75,2.2-1.41,4.39-2.83,6.58-4.26,.43,1.02,1.45,1.8,2.6,1.86-.13,.37-.18,.74-.16,1.1-.86,.71-1.71,1.43-2.57,2.14-2.96,2.47,1.22,6.63,4.15,4.27,.04-.03,.08-.07,.13-.1,.2,.51,.51,.95,.89,1.28-.09,.09-.18,.19-.28,.28-1.67,1.71-.86,3.75,.68,4.59-.1,.14-.2,.29-.3,.44-.69,.51-1.3,1.31-1.79,2.47-.04,.1-.08,.21-.11,.32-.51,.74-1.01,1.49-1.52,2.23-.31,.45-.45,.91-.48,1.35-1.01,1.12-2.01,2.25-3.02,3.37-2.16,2.41,.8,6.91,3.56,4.74,.31-.24,.62-.49,.93-.73-3.22,2.7-6.45,5.41-9.67,8.11-1.88,1.58-.55,4.44,1.35,5.1-.18,.27-.29,.56-.37,.84-1.36,1.27-2.84,2.64-4.5,4.18-2.56,2.37,.84,6.04,3.53,4.47,.38,.93,1.23,1.68,2.22,1.91-.87,.92-1.74,1.84-2.61,2.77-1.38,1.46-.74,3.71,.57,4.75-.47,.43-.95,.86-1.42,1.28-1.75,1.58-.69,4.16,1.06,4.95-.5,.37-.99,.75-1.49,1.12-.88,.66-1.25,1.56-1.28,2.46-5.69,4.36-2.39,2.81-8.08,7.17-2.99,2.29-.12,7.52,2.97,5.22,10.46-7.8,15.97-12.34,23.88-18.46-.57,.48-1.14,.96-1.7,1.43-.96,.81-1.04,1.97-.63,2.97l-11.53,8.75c-2.98,2.26-.28,7.37,2.97,5.22,6.65-4.42,13.27-8.9,19.86-13.41,1,.57,2.33,.64,3.46-.26,4.51-3.57,9.02-7.14,13.53-10.71-.09,.36-.11,.74-.04,1.11-1.19,1.18-2.38,2.37-3.57,3.55-2.71,2.7,1.23,6.28,4.07,4.07l4.62-3.59c1.03,1,2.71,1.34,4.09,.09l.3-.27c.92,1.19,2.74,1.7,4.28,.4,1.26-1.06,2.53-2.13,3.79-3.19-.91,1.19-1.84,2.38-2.74,3.58-2.27,3.01,1.28,6.97,4.15,4.27,.36-.34,.71-.67,1.07-1.01,.79,.52,1.79,.62,2.79-.1,3.93-2.83,7.87-5.67,11.8-8.5,.31,.38,.7,.67,1.14,.83-1.42,.97-2.84,1.94-4.26,2.92-3.11,2.13-.46,6.46,2.91,4.97,3.89-1.72,7.77-3.44,11.66-5.16l-8.56,8.6c-2.74,2.75,1.32,6.81,4.16,4.27,1.11-.99,2.22-1.98,3.33-2.98,.56,1.9,3.16,3.15,4.82,1.36,4.93-5.33,9.87-10.67,14.8-16,.74,.74,1.8,1.12,2.86,.79,.89,.36,1.96,.25,2.92-.69,3.19-3.13,6.38-6.26,9.56-9.39-.51,.88-1.03,1.77-1.54,2.65-.14,.23-.22,.47-.28,.71-.34,.38-.67,.76-1.01,1.14-2.54,2.88,1.59,7.16,4.15,4.27,2.64-2.97,5.27-5.94,7.91-8.91,.23,.14,.47,.27,.71,.39-4.43,4.62-8.84,9.25-13.19,13.95-2.22,2.39,.8,6.87,3.56,4.75,.26-.2,.51-.4,.77-.6,.15,.46,.41,.88,.73,1.23-1.67,1.75-3.34,3.49-5,5.25-2.18,2.32,.67,6.37,3.49,4.52,6.97-4.58,13.87-9.27,20.71-14.05-3.62,3.93-7.36,8.06-10.75,12.19-2.23,2.71,.84,6.38,3.5,4.77-6.4,6.98,1.95-2.17-4.45,4.8-2.6,2.83,1.45,7.02,4.16,4.27,13.56-13.77,21.57-21.46,30.83-30.54,.43,.59,1.05,1.03,1.77,1.19-3.34,2.51-6.68,5.01-10.02,7.52-2.91,2.19-.14,7.16,2.91,4.97,1.56-1.12,3.11-2.24,4.67-3.36,.63,1.42,2.54,2.32,4.24,1.43-2.25,2.35-4.49,4.71-6.74,7.06-1.91,2.01,0,6.24,2.86,5.05,.76-.32,1.52-.63,2.29-.95,1.32-.55,1.92-1.73,1.96-2.92,4.49-4.7,8.97-9.4,13.46-14.1,.82,1.25,2.42,2.02,3.82,.98,2.02-1.5,4.05-3,6.07-4.5,.59,.55,1.39,.86,2.21,.76-4.07,4.19-8.14,8.39-12.2,12.58-2.68,2.77,1.4,6.95,4.15,4.27,7.25-7.04,14.49-14.09,21.74-21.13,.05,.04,.1,.07,.15,.1-4.04,4.15-8.08,8.3-12.12,12.45-2.69,2.76,1.4,6.94,4.15,4.27,7.18-6.93,14.35-13.86,21.53-20.79,.51-.07,1.02-.27,1.49-.64,2.31-1.82,4.61-3.63,6.92-5.45,.01,.04,.02,.08,.04,.13-12.49,11.26-.73,1.22-14.95,13.99-1.8,1.62-.74,3.83,.99,4.55-5.26,6.36-10.39,12.85-15.35,19.48,0,0-.02,.02-.02,.02,0,0,0,0,0,0-.15,.2-.31,.4-.46,.61-2.12,2.85,2.27,5.85,4.61,3.66,14.8-13.77,20.35-19.28,30.49-28.88-.2,.73-.06,1.46,.32,2.07-2.51,3.14-5.13,6.38-11.65,13.11-2.31,2.39,.73,6.69,3.56,4.74,5.33-5.05,9.13-8.87,12.03-11.89,3.37-1.94,6.73-3.89,10.09-5.85-2.77,2.91-6.15,7.02-4.34,8.26,1.67,2.57,10.05-5.63,13.88-8.81,4.48-3.72,6.92-5.26,8.64-6.34,5-3.15-5.05,8.35-8.22,12.18-1.25,1.51-8.73,8.16-10.43,10.17-2.54,2.88,1.38,6.94,4.15,4.27,1.11-1.07,2.22-2.13,3.32-3.2,.94,.98,2.4,1.45,3.56,.54,3.85-2.99,7.66-6.03,11.45-9.08-1.96,1.67-3.93,3.34-5.89,5.01-2.71,2.31,.74,6.19,3.56,4.75,9.55-4.89,18.91-10.13,28.08-15.68-.42,2.48,2.77,4.96,4.98,2.71,.97-.99,1.94-1.98,2.92-2.96,1.83-1.1,3.66-2.21,5.47-3.33-.82,.64-1.63,1.29-2.45,1.93-2.03,1.6-.27,4.75,1.84,4.99-2.27,1.94-4.54,3.87-6.81,5.81-2.56,2.19,.83,6.71,3.56,4.75,2.83-2.04,5.66-4.08,8.49-6.11,.37,.66,1.01,1.19,1.78,1.46-.29,.27-.58,.54-.87,.81-2.52,2.34,.72,6.45,3.56,4.75,4.41-2.65,8.74-5.42,13.01-8.28,.07,.1,.16,.2,.24,.3,.04,2.08,2.89,3.94,5,2.11,1.94-1.67,3.88-3.34,5.82-5.01,.96,1.21,2.9,1.86,4.48,.63,1.37-1.06,2.74-2.13,4.12-3.19,.78,.51,1.79,.6,2.81-.13,1.05-.75,2.1-1.5,3.15-2.25-1.44,1.83-2.88,3.65-4.31,5.48-1.83,2.33,.67,6.68,3.49,4.52,2.58-1.98,5.16-3.95,7.74-5.93-.93,1.85,.79,4.19,2.8,4.11-1.91,1.66-3.81,3.32-5.72,4.97-2.46,2.14,.78,6.35,3.49,4.52l21.73-14.71c-3.29,3.61-6.58,7.22-9.87,10.83-2.1,2.31,.72,6.52,3.49,4.52,4.77-3.45,9.53-6.89,14.3-10.34,.99,1.18,2.8,1.7,4.2,.29l12.15-12.16c2.25-2.25-.78-6.48-3.49-4.52l-.31,.22c3.38-3.19,6.8-6.43,13.02-12.91,2.71-2.83-1.28-6.69-4.15-4.27-3.44,2.89-6.89,5.78-10.33,8.67,.04-.13,.08-.26,.13-.39,.78-2.4-2.22-4.97-4.32-3.41-1.43,1.06-2.86,2.13-4.29,3.19,.91-.81,1.82-1.62,2.73-2.44,.6-.53,.86-1.18,.88-1.84,5.15-4.69,10.3-9.38,15.44-14.07,2.39-2.17-.88-6.52-3.49-4.52-1.18,.9-2.36,1.81-3.54,2.71-.17-1.13-1.03-2.21-2.08-2.61,.77-1.57-.4-3.61-2-4.18,5.54-4.41,11.09-8.83,16.64-13.24,2.65-2.11-.8-6.63-3.56-4.75-6.24,4.26-12.49,8.53-18.73,12.79-.05-.02-.1-.05-.15-.07-.37-.66-1.06-1.14-1.86-1.37,7.78-6.81,15.57-13.63,23.35-20.44,2.53-2.21-.91-6.83-3.56-4.75-4.83,3.81-9.67,7.62-14.51,11.42,1.59-1.37,3.18-2.73,4.77-4.1,.98-.84,1.04-2.04,.59-3.05,1.79-1.65,3.59-3.31,5.38-4.96,.83-.77,1.06-1.66,.91-2.47,1.99-1.73,3.98-3.47,5.98-5.2,2.36-2.06-.48-6.22-3.03-5.07-.24-.59-.64-1.11-1.14-1.43,.02-.02,.04-.04,.06-.06,2.1-2.31-.71-6.51-3.49-4.52-3.03,2.17-6.07,4.34-9.1,6.51,.69-.78,1.39-1.56,2.08-2.35,8.85-7.98,17.7-15.96,26.55-23.93Zm-40.38-2.6c-1.13,.77-2.26,1.52-3.38,2.29-.7,.43-1.39,.86-2.09,1.29,2.01-2.19,4.03-4.39,6.04-6.58,2.06-1.67,4.12-3.34,6.18-5.01-2.25,2.67-4.5,5.34-6.75,8.01Z'/%3E%3C/svg%3E");
		--color: white;
	}

.slider   {
	 
	 background-color: #007bff;background: #007bff url(./img/55.jpg);

	 background-blend-mode: multiply;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-attachment: fixed;
	 background-size: cover;
}



.slider .single-slider .text{
	margin-top:10px;
	margin-left: -120%;
	width: 84%; 
}
.slider.index2 .single-slider .text{
	margin-top:128px;
}
.slider .single-slider h1 {
	color: #f7f7fc;
	font-size: 28px;
	font-weight: bold;
	margin: 0; font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	line-height: 42px;
}
.slider .single-slider h1 span{
	color:#108b21; 
}
.slider .single-slider p {
	color: #f8f8fa;
	margin-top: 27px;
	font-weight: 500;
	font-size: 16px;
}
.slider .single-slider .button{
	margin-top:50px;
}
.slider .single-slider .btn{
	color:#fff;
	background:#1a76d1;
	font-weight:800;
	display:inline-block;
	margin:0;
	margin-right:10px;
}
.slider .single-slider .btn:last-child{
	margin:0;
}
.slider .single-slider .btn.primary{
	background:#2C2D3F;
	color:#fff;
}
.slider .single-slider .btn.primary:before{
	background:#1A76D1;
}
.slider .owl-carousel .owl-nav {
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-25px;
}
.slider .owl-carousel .owl-nav div {
	height: 41px;
	width: 41px;
	line-height: 41px;
	text-align: center;
	background: transparent;
	color: rgb(42, 91, 138);
	font-size: 26px;
	position: absolute;
	margin: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 10%;
}
.slider .owl-carousel .owl-nav div:hover{
	background:#2C2D3F;
	color:#fff;
}
.slider .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:21px;
}
.slider .owl-carousel .owl-controls .owl-nav .owl-next{
	right:21px;
}

/* Slider Animation */
.owl-item.active .single-slider h1{
    animation: fadeInUp 1s both 0.6s;
}
.owl-item.active .single-slider p{
    animation: fadeInUp 1s both 1s;
}
.owl-item.active .single-slider .button{
    animation: fadeInDown 1s both 1.5s;
}







@media (max-width: 604px) {
 
	.slider .single-slider {
		height: 410px;
		 
		background-size: cover;
		background-position: center;
		background-repeat:no-repeat;
        border-radius: 0px;
		margin: 0%;
		 
	}
	.slider .single-slider .text{
		margin-top:420px; width: 100%; margin-left: 0px;
	}
	.slider.index2 .single-slider .text{
		margin-top:150px;
	}

	.slider .single-slider .button{
		margin-top:50px; display: none;
	}
	.slider .single-slider h1 {
		color: #f6f7fa;
		 
		padding: 2px 10px 2px 10px; border-radius: 4px;
		font-size: 18px;
		font-weight: 700;
		 
		 
		line-height: 28px;
	}
	.slider .single-slider h1 span{
		color:#1a76d1;
	}
	.slider .single-slider p {
		color: #2C2D3F;
		margin-top: 28px;
		font-weight: 400; display: none;
	
	
	  }

	   
.slider .single-slider {
	height: 410px;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
	 
	margin-bottom: 100px;
	 
	border: none; cursor: pointer;box-shadow: none;

}
.slider .single-slider .image {
	 
	 
	background-size: cover; 
}
.slider   {
	 
	 background-color: #007bff;background: #007bff url(./img/55.jpg);

	 background-blend-mode: multiply;
	 background-repeat: no-repeat;
	 background-position: center;
	 background-attachment: fixed;
	 background-size: cover;
}


}
  

.menu-item li a {

	font-size: 10px;
}
/*===========================
	End Hero Area CSS
=============================*/
 
/*=============================
	Start Feautes CSS
===============================*/
.Feautes{
	padding-top:0;
}
.Feautes.index2{
	padding-top:100px;
}
.Feautes.testimonial-page{
	padding-top:100px;
}
.Feautes .single-features{
	text-align:center;
	position:relative;
	padding:10px 20px;
}
.Feautes .single-features::before {
	position: absolute;
	content: "";
	right: -72px;
	top: 60px;
	width: 118px;
	border-bottom: 3px dotted #1a76d1;
}
.Feautes .single-features.last::before{
	display:none;
}
.Feautes .single-features .signle-icon{
	position:relative;
}
.Feautes .single-features .signle-icon i{
	font-size:50px;
	color:#1a76d1;
	position:absolute;
	left:50%;
	margin-left:-50px;
	top:0;
	height:100px;
	width:100px;
	line-height:100px;
	text-align:center;
	border:1px solid #dddddd;
	border-radius:100%;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.Feautes .single-features:hover .signle-icon i{
	background:#1A76D1;
	color:#fff;
	border-color:transparent;
}
.Feautes .single-features h3{
	padding-top: 128px;
	color:#2C2D3F;
	font-weight:600;
	font-size:21px;
}
.Feautes .single-features p {
	margin-top: 20px;
}
/*=============================
	End Feautes CSS
===============================*/



/*=======================
	Start Fun Facts CSS
=========================*/
.fun-facts{
	position:relative;
}
.fun-facts.section{
	padding:120px 0;background: white;
}
.fun-facts{
	background:url('img/fun-bg.jp');
	background-size:cover;
	background-repeat:no-repeat;
}
.fun-facts .single-fun {
	
}
.fun-facts .single-fun i {
	position: absolute;
	left: 0;
	font-size: 62px;
	color: #fff;
	height: 70px;
	width: 70px;
	line-height: 67px;
	font-size: 28px;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 2px solid #fff;
	border-radius: 0px;
	top: 50%;
	margin-top: -35px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 50%;
}
.fun-facts .single-fun:hover i{
	color:#1A76D1;
	background:#fff;
	border-color:transparent;
}
.fun-facts .single-fun .content {
	padding-left: 81px;
}
.fun-facts .single-fun span {
	color: #fff;
	font-weight: 600;
	font-size: 30px;
	position: relative;
	display: block;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s eas;
	display: block;
	margin-bottom: 7px;
}
.fun-facts .single-fun p{
	color:#fff;
	font-size:15px;
}
/*===================
	End Fun Facts
=====================*/

 



 

figure.snip1216 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
  }
  figure.snip1216 .image {
	height: 220px;
	overflow: hidden;
  }
  figure.snip1216 img {
	width: 100%;
	vertical-align: top;
	position: relative;height: 220px;
  }
  figure.snip1216 figcaption {
	padding: 25px;
	position: relative;background-color: #0a70cf ;
  }
  figure.snip1216 .date {
	background-color: black;
	top: 25px;
	color: #fff;
	left: 25px;
	min-height: 48px;
	min-width: 54px;
	position: absolute;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
  }
  figure.snip1216 .date span {
	display: block;
	line-height: 24px;
  }
  figure.snip1216 .date .month {
	font-size: 17px;
	background-color: #f2f5f8; color: #135da7;
  }
  figure.snip1216 h3,
  figure.snip1216 p {
	margin: 0;
	padding: 0; color: #fff;;
  }
  figure.snip1216 h3 {
	min-height: 50px;
	margin-bottom: 10px;
	margin-left: 100px;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;font-size:15px;
  }
  figure.snip1216 p {
	font-size: 0.8em;
	margin-bottom: -5px;
	line-height: 1.6em; color:#fff;
  }
  figure.snip1216 footer {
	padding: 0 25px;
	background-color: #28292b;
	color: #e6e6e4;
	font-size: 0.8em;
	line-height: 30px;
	text-align: right;
  }
  figure.snip1216 footer > div {
	display: inline-block;
	margin-left: 10px;
  }
  figure.snip1216 footer i {
	color: rgba(255, 255, 255, 0.2);
	margin-right: 5px;
  }
  figure.snip1216 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
  }
  figure.snip1216:hover img,
  figure.snip1216.hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
  }


   
/*===================
	Why choose CSS
=====================*/
.why-choose .choose-right h3{
	font-size:24px;
	font-weight:600;
	color:#2C2D3F;
	position:relative;
	padding-bottom:10px;
	margin-bottom:14px; 
}
.why-choose .choose-right h3:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:2px;
	width:50px;
	background:#1a76d1;
}
.why-choose .choose-right p{
	margin-bottom:15px;
}
.why-choose .choose-right .list{}
.why-choose .choose-right .list li {
	color: #868686;
	margin-bottom: 12px;
}
.why-choose .choose-right .list li:last-child{
	margin-bottom:0px;
}
.why-choose .choose-right .list li i{
	height:15px;
	width:15px;
	line-height:15px;
	text-align:center;
	background:#1a76d1;
	color:#fff;
	font-size:14px;
	border-radius:100%;
	padding-left:2px;
	margin-right:16px;
}
/* Start Faq CSS */
.why-choose{
	background:#fff;
}
.why-choose .choose-left{
	height:100%;
	width:100%;
	background-image:url('img/7.jpg');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}
.why-choose .choose-left .video {
	color: #fff;
	height: 70px;
	width: 70px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -35px;
	margin-top: -35px;
	font-size: 21px;
	background: #1a76d1;
	padding-left: 4px;
}
.why-choose .choose-left .video:hover{
	transform:scale(1.1);
}
 
/*=======================
	End Why choose CSS
=========================*/

/*===============================
	Start Call to action CSS
=================================*/
.call-action{
	background-image:url('img/call-bg.jpg');
	background-size:cover;
	background-position:center;
	position:relative;
	background-repeat:no-repeat;
}
.call-action .content{
	text-align:center;
	padding:100px 265px;
}
.call-action .content h2{
	color:#fff;
	font-size:32px;
	font-weight:600;
	line-height:46px;
}
.call-action .content p {
	color: #fff;
	margin: 30px 0px;
	font-size: 15px;
}
.call-action .content .btn{
	background:#fff;
	margin-right:20px;
	font-weight:500;
	border:1px solid #fff;
	color:#1a76d1;
}
.call-action .content .btn:before{
	background:#1A76D1;
}
.call-action .content .btn:hover{
	background:#1A76D1;
	color:#fff;
}
.call-action .content .btn:last-child{
	margin-right:0px;
}
.call-action .content .second {
	border: 1px solid #fff;
	color: #fff;
	background: transparent;
	color: #fff !important;
}
.call-action .content .second:before{
	background:#fff;
}
.call-action .content .second:hover{
	color:#1A76D1;
	border-color:transparent;
	background:#fff;
}
.call-action .content .second i{
	margin-left:10px;
}
/*===============================
	Start Call to action CSS
=================================*/

/*==========================
	Start Portfolio CSS
============================*/
.portfolio{
	background:#FDFDFD;
}
.portfolio .single-pf{
	position:relative;
}
.portfolio .single-pf img{
	height:100%;
	width:100%;
}
.portfolio .single-pf:before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#135da7;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	z-index:1;
}
.portfolio .single-pf:hover:before{
	opacity:0.7;
	visibility:visible;
}
.portfolio .single-pf .btn {
	color: #1a76d1;
	z-index: 3;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 0px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	height: 48px;
	width: 150px;
	text-align: center;
	line-height: 48px;
	padding: 0;
	font-weight: 500;
	font-size: 14px;
	margin-left: -75px;
	margin-top: -24px;
	border-radius:4px;
}
.portfolio .single-pf:hover .btn{
	opacity:1;
	visibility:visible;
}
.portfolio .single-pf .btn:hover{
	color:#fff;
}
.portfolio .owl-nav{
	display:none;
}
/* Slider Nav */
.pf-details .image-slider .owl-nav{
	margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
	margin-top:-25px;
}
.pf-details .image-slider .owl-carousel .owl-nav div {
	height: 50px;
	width: 50px;
	line-height: 45px;
	background: #fff;
	color: #1A76D1;
	position: absolute;
	margin: 0;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: 0px 0px 10px #0000001a;
}
.pf-details .image-slider .owl-carousel .owl-nav div:hover{
	color:#fff;
	background:#1A76D1;
}
.pf-details .image-slider .owl-carousel .owl-controls .owl-nav .owl-prev{
	left:20px;
}
.pf-details .image-slider .owl-carousel .owl-controls .owl-nav .owl-next{
	right:20px;
}
.pf-details .image-slider{
	border-radius:8px 8px 0 0;
}
.pf-details .image-slider img{
	height:100%;
	width:100%;
}
.pf-details .date{
	background: #1a76d1;
	display: block;
	padding: 20px;
	text-align: center;
	border-radius: 0;
	border: none;
	margin: 0;
	margin-top: -1px;
}
.pf-details .date ul li{
	font-size:16px;
	color:#fff;
	display:inline-block;
	margin-right:60px;
}
.pf-details .date ul li:last-child{
	margin:0;
}
.pf-details .date ul li span{
	font-weight:500;
	display:inline-block;
	margin-right:5px;
}
.pf-details .body-text{}
.pf-details .body-text h3 {
	font-size: 30px;
	font-weight: 600;
	color: #333;
	margin-top: 40px;
}
.pf-details .body-text p{
	margin-top:20px;
}
.pf-details .body-text .share{
	margin-top:40px;
}
.pf-details .body-text .share h4 {
	font-size: 15px;
	font-weight: 500;
	display: inline-block;
}
.pf-details .body-text .share ul{
	display:inline-block;
	margin-left:12px;
}
.pf-details .body-text .share ul li{
	display:inline-block;
	margin-right:10px;
}
.pf-details .body-text .share ul li:last-child{
	margin-right:0;
}
.pf-details .body-text .share ul li a{
	height:35px;
	width:35px;
	line-height:35px;
	text-align:center;
	border:1px solid #C8C8C8;
	color:#757575;
	display:block;
	border-radius:50%;
}
.pf-details .body-text .share ul li a:hover{
	color:#fff;
	border-color:transparent;
	background:#1A76D1;
}
/*==========================
	End Portfolio CSS
============================*/

/*=========================
	Srart service CSS
===========================*/
.services .single-service{
	margin:30px 0;
	position:relative;
	padding-left:70px;
}
.services .single-service i{
	font-size:45px;
	color:#1a76d1;
	position:absolute;
	left:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.services .single-service h4{
	text-transform:capitalize;
	margin-bottom:25px;
	color:#2C2D3F;
}
.services .single-service h4 a{
	color:#2C2D3F;
	font-size:20px;
	font-weight:600;
}
.services .single-service h4 a:hover{
	color:#1A76D1;
}
.services .single-service p{
	color:#868686;
}
/*-- Service Details --*/
.services-details-img {
  margin-bottom: 50px;
}

.services-details-img img {
  width: 100%;
  margin-bottom: 30px;
}
.services-details-img h2 {
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 16px;
}
.services-details-img P {
  margin-bottom: 20px;
}
.services-details-img blockquote {
	font-size: 15px;
	color: #4a6f8a;
	background-color: #1a76d1;
	padding: 30px 75px;
	line-height: 26px;
	position: relative;
	margin-bottom: 20px;
	color: #fff;
}
.services-details-img blockquote i {
  position: absolute;
  display: inline-block;
  top: 20px;
  left: 38px;
  font-size: 32px;
}
.service-details-inner-left {
  background-image: url("img/signup-bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.service-details-inner-left img {
  display: none;
}
.service-details-inner {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}
.service-details-inner h2 {
	font-weight: 600;
	font-size: 30px;
	margin-bottom: 15px;
	border-left: 3px solid #1a76d1;
	padding-left: 15px;
}
.service-details-inner p {
  margin-bottom: 15px;
}
.service-details-inner p:last-child {
  margin-bottom: 0;
}
/*=========================
	End service CSS
===========================*/








 

/* Fun Facts */

.fun-facts {
	margin-top: 140px;
	background-image: url(./img/fun-facts-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 110px 0px; margin-bottom: 50px;
	color: #fff;
}

.fun-facts span {
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 10px;
	display: block;
}

.fun-facts h2 {
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 35px;
}

.fun-facts em {
	font-style: normal;
	color: #a4c639;
}

.fun-facts p {
	color: #fff;
	margin-bottom: 40px;
}

.fun-facts .left-content {
	margin-right: 45px;
}

.count-area-content {
	text-align: center;
	background-color: rgba(250, 250, 250, 0.76);
	padding: 25px 30px 35px 30px;
	margin: 15px 0px; cursor: pointer;
}

.count-digit {
    margin: 5px 0px;
    color: #2377a8;
    font-weight: 700;
    font-size: 36px;
}
.count-title {
    font-size: 20px;
    font-weight: 600;
    color: rgb(58, 55, 55);
    letter-spacing: 0.5px;
}

.count-area-content:hover {
	text-align: center;
	background-color: white;
	 
	 
}
@media (max-width: 604px) {
 
	.count-area-content {
		text-align: center;
		background-color: rgba(250, 250, 250, 0.76);
		padding: 25px 30px 35px 30px;
		margin: 10px 15px; cursor: pointer;
	}


	} 
/*==========================
	End Departments CSS
============================*/
 
/*========================
	Start Clients CSS
==========================*/
.clients{
	background-image:url('../img/addis.jpg');
	background-size:cover;
	background-position:center;
	padding:100px 0px;
	position:relative;
}
.clients .single-clients{
	
}
.clients .single-clients img {
	width: 100%;
	cursor: pointer;
	text-align: center;
	float: none;
	padding: 0 35px;
	 opacity: 1;
}
/*========================
	End Clients CSS
==========================*/
 
/*=======================
	Start Blog CSS
=========================*/
.blog{
	background:#fff;
}
.blog .blog-title{
	text-align:center;
}
  .single-news {
	background: #fff;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: 0px 0px 10px #00000014; 
}
  .single-news img{
	width:100%;
	margin:0;
	padding:0;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;height: 224px;
}
.blog .single-news .news-head{
	position:relative;
	overflow:hidden;
}
.blog .single-news .news-content {
	text-align: left;
	background: #fff;
	z-index: 99;
	position: relative;
	padding: 30px;
	left: 0;
	z-index: 0;
}
.blog .single-news .news-content:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:2px;
	width:0%;
	background:#1A76D1;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.blog .single-news:hover .news-content:before{
	opacity:1;
	visibility:visible;
	width:100%;
}
.blog .single-news .news-body h2 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 24px;
}
.blog .single-news .news-body h2 a{
	color:#2C2D3F;
	font-weight: 500;
}
.blog .single-news .news-body h2 a:hover{
	color:#1A76D1;
}
.blog .single-news .news-content p {
	font-weight: 400;
	text-transform: capitalize;
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 23px;
}
.blog .single-news .news-body .date {
	display: inline-block;
	font-size: 14px;
	margin-bottom: 5px;
	background: #1A76D1;
	color: #fff;
	padding: 4px 15px;
	border-radius: 3px;
	font-size: 14px;
	margin-bottom: 10px;
}
.blog.grid .single-news{
	margin-top:30px;background-color: #007bff;
}





/* Blog Sidebar */
.main-sidebar {
	background: #fff;
	margin-top: 30px;
	background: transparent;background-color: #007bff;
}
.main-sidebar .single-widget {
	margin-bottom: 10px;
	padding: 20px;
	padding-top: 0px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	border-radius: 8px;
}
.main-sidebar .single-widget .title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 30px;
	display: block;
	background: #fff;
	padding-left: 12px;
}
.main-sidebar .single-widget .title::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	height: 100%;
	width: 3px;
	background: #1A76D1;
}
.main-sidebar .single-widget:last-child{
	margin:0;
}
.main-sidebar .search{
	position:relative;
}
.main-sidebar .search input {
	width: 100%;
	height: 45px;
	box-shadow: none;
	text-shadow: none;
	font-size: 14px;
	border: none;
	color: #222;
	background: transparent;
	padding: 0 70px 0 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0;
	border: 1px solid #eee;
	border-radius: 5px;
}
.main-sidebar .search .button {
	position: absolute;
	right: 40px;
	top: 40px;
	height: 44px;
	width: 50px;
	line-height: 45px;
	box-shadow: none;
	text-shadow: none;
	text-align: center;
	border: none;
	font-size: 14px;
	color: #fff;
	background: #333;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 0 5px 5px 0;
}
.main-sidebar .search .button:hover {
	background:#1A76D1;
	color:#fff;
}
/* Category List */
.main-sidebar .categor-list {
	margin-top: 15px;
}
.main-sidebar .categor-list li {
	margin-bottom: 10px;
}
.main-sidebar .categor-list li:last-child{
	margin-bottom:0px;
}
.main-sidebar .categor-list li a {
	display: inline-block;
	color: #333;
	font-size:14px;
}
.main-sidebar .categor-list li a:hover{
	color:#1A76D1;
	padding-left:7px;
}
.main-sidebar .categor-list li a i {
	display: inline-block;
	margin-right:0px;
	font-size: 9px;
	transform: translateY(-1px);
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.main-sidebar .categor-list li a:hover i{
	margin-right: 6px;
	opacity:1;
	visibility:visible;
}
/* Recent Posts */
.main-sidebar .single-post {
	position: relative;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	padding: 17px 0;
}
.main-sidebar .single-post:last-child{
	padding-bottom:0px;
	border:none;
}
.main-sidebar .single-post .image img{
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 20px;
}
.main-sidebar .single-post .content{
	padding-left:100px;
}
.main-sidebar .single-post .content h5 {
	line-height: 18px;
}
.main-sidebar .single-post .content h5 a {
	color: #2C2D3F;
	font-weight: 500;
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
	display: block;
	margin-bottom: 10px;
	margin-top: 0;
}
.main-sidebar .single-post .content h5 a:hover{
	color:#1A76D1;
}
.main-sidebar .single-post .content .comment li{
	color:#888;
	display:inline-block;
	margin-right:15px;
	font-weight:400;
	font-size:14px;
}
.main-sidebar .single-post .content .comment li:last-child{
	margin-right:0;
}
.main-sidebar .single-post .content .comment li i{
	display:inline-block;
	margin-right:5px;
}
/* Blog Tags */
.main-sidebar .side-tags .tag{
	margin-top:40px;
}
.main-sidebar .side-tags .tag li {
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 20px;
}
.main-sidebar .side-tags .tag li a {
	background: #fff;
	color: #333;
	padding: 8px 14px;
	text-transform: capitalize;
	border-radius: 0;
	font-size: 13px;
	background: #F6F7FB;
	border-radius: 4px;
}
.main-sidebar .side-tags .tag a:hover{
	color:#fff;
	background:#1A76D1;
	border-color:transparent;
}
/* News Single */
.news-single {
	padding: 60px 0 90px;
	background: #f8f8f8;
}
.news-single .single-main {
	margin-top: 30px;
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	border-radius: 8px;
}
.news-single .news-head{}
.news-single .news-head img{
	width:100%;
	height:100%;
}
.news-single .news-title {
	font-size: 25px;
	margin: 20px 0;
}
.news-single .news-title a {
	color: #252525;
	font-weight: 600;
}
.news-single .news-title a:hover {
	color: #1A76D1;
}
/* Blog Meta */
.news-single{
	background:#fff;
}
.news-single .meta {
	overflow: hidden;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	width: 100%;
	padding: 10px 0;
	margin-bottom: 15px;
}
.news-single .meta span {
	margin-right: 10px;
	display: inline-block;
}
.news-single .meta span:last-child{
	margin:0;
}
.news-single .meta span, .news-single .meta span a {
	color: #2C2D3F;
	font-weight: 400;
}
.news-single .meta span i {
	margin-right: 5px;
	color:#1A76D1;
}
.news-single .meta-left{
	float:left;
}
.news-single .meta-left .author img {
	width: 45px;
	height: 45px;
	border-radius: 100%;
	margin-right: 12px;
}
.news-single .meta-left .author {
	float: left;
}
.news-single .meta-left span.date {
	margin-top: 10px;
}
.news-single .meta-right {
	float: right;
	margin-top: 10px;
}
.news-single .news-content{
	margin:20px 0;
}
.news-single .news-content p{
	margin-bottom:10px;
}
.news-single .news-content p:last-child{
	margin:0;
}
.news-single .news-text p {
	font-size: 14px;
	margin-bottom:20px;
}
/* Image Gallery */
.news-single .image-gallery {
	margin-bottom: 20px;
}
.news-single .image-gallery .single-image {
	overflow: hidden;
}
.news-single .image-gallery .single-image:hover img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	transform:scale(1.2);
}
/* Blockqoute */
.news-single blockquote {
	background-image: url('img/blockqoute-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 30px;
	overflow: hidden;
}
.news-single blockquote::before {
	opacity: 0.9;
}
.news-single .news-text blockquote p {
	color: #fff;
	margin: 0;
	line-height: 26px;
	font-size: 15px;
	position: relative;
}
.news-single .blog-bottom {
	overflow: hidden;
}
/* Social Share */
.news-single .social-share {
	float: left;
}
.news-single .social-share li {
	float: left;
}
.news-single .social-share li span{
	padding-left:5px;
}
.news-single .social-share li.facebook a{
	background:#5d82d1;
}
.news-single .social-share li.twitter a{
	background:#40bff5;
}
.news-single .social-share li.google-plus a{
	background:#eb5e4c;
}
.news-single .social-share li.linkedin a{
	background:#238cc8;
}
.news-single .social-share li.pinterest a{
	background:#e13138;
}
.news-single .social-share li a {
	padding: 10px 20px;
	display: block;
	color: #fff;
}
.news-single .social-share li a:hover{
	background:#2B343E;
}
/* Prev Next Button */
.news-single .prev-next {
	float: right;
}
.news-single .prev-next li {
	display: inline-block;
	padding: 0;
	margin-right: 5px;
}
.news-single .prev-next li:last-child{
	border:none;
}
.news-single .prev-next li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #c4c4c4;
	color: #555;
	border-radius: 4px;
}
.news-single .prev-next li a:hover{
	color:#fff;
	background:#1A76D1;
	border-color:transparent;
}
/* Blog Comments */
.news-single .blog-comments {
	margin-top: 30px;
	background: transparent;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	border-radius: 8px;
	padding: 30px;
}
.news-single .blog-comments h2 {
	text-align: left;
	text-transform: capitalize;
	font-size: 18px;
	color: #252525;
	margin-bottom: 20px;
}
.news-single .blog-comments h4 span{
	float:right;
}
.news-single .single-comments {
	overflow: hidden;
	margin-bottom: 30px;
	background: #fff;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}
.news-single .single-comments.left .main {
	padding-left: 100px;
	position: relative;
	margin-left: 100px;
}
.news-single .single-comments.left img{
	position:absolute;
	left:0;
	top:0;
}
.news-single .single-comments:last-child{
	margin:0;
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}
.news-single .single-comments .main {
	overflow: hidden;
}
.news-single .single-comments .head {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 12%;
}
.news-single .head img {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 100%;
	border: 5px solid #f8f8f8;
}
.news-single .single-comments .body {
	float: left;
	width: 85%;
}
.news-single .single-comments.left .body{
	float: noene;
	width:100%;
}
.news-single .single-comments .comment-list {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #e2e2e2;
	overflow: hidden;
}
.news-single .single-comments .comment-list .body {
	width: 78%;
}
.news-single .single-comments h4 {
	margin: 0 0 5px;
	font-size: 16px;
	text-align: left;
	font-weight: 500;
	color: #252525;
}
.news-single .single-comments .comment-meta{
	margin-bottom:5px;
}
.news-single .single-comments .meta {
	font-size: 13px;
	color: #555;
	font-weight: 400;
	border: none;
	margin-right: 10px;
	padding: 0;
	margin: 0 10px 0 0;
}
.news-single .single-comments .meta:last-child{
	margin:0;
}
.news-single .comment-meta span i{
	margin-right:5px;
}
.news-single .comment-meta span:last-child{
	margin:0;
}
.news-single .single-comments p {
	font-size: 13px;
}
.news-single .single-comments a {
	text-transform: capitalize;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	padding: 3px 15px;
	display: inline-block;
	margin-top: 10px;
	border-radius: 4px;
	background:#1A76D1;
	color:#fff;
}
.news-single .single-comments a:hover{
	background:#2C2D3F;
	color:#fff;
}
.news-single .single-comments a i{
	margin-right:5px;
}
.news-single .comment-list {
	padding-left:50px;
}
.news-single .single-comments.login{
	text-align:center;
}
.news-single .single-comments.login i{
	font-size:20px;
}
.news-single .single-comments.login a{
	text-align:center;
}
.news-single .single-comments.login a:hover{
	color:#353535;
}
.news-single .comments-form {
	margin-top: 30px;
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
	border-radius: 8px;
	padding: 30px;
}
.news-single .comments-form h2 {
	text-align: left;
	font-size: 18px;
	color: #353535;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.news-single .form {
}
.news-single .form-group {
	position: relative;
	display: block;
	margin: 0 0 20px;
}
.news-single .form-group i {
	position: absolute;
	left: 12px;
	top: 17px;
	z-index: 1;
	color: #1A76D1;
}
.news-single .form-group input {
	width: 100%;
	height: 50px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 400;
	border-radius: 0px;
	padding-left: 34px;
	padding-right: 20px;
	border: none;
	line-height:50px;
	font-weight: 400;
	font-size:14px;
	color:#2C2D3F;
}
.news-single .form-group textarea {
	border: 1px solid #ddd;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	box-shadow: none;
	border-radius: 0px;
	border: none;
	height: 190px;
	padding: 15px 15px 15px 35px;
	resize: none;
	font-weight: 400;
	font-size:14px;
	color:#2C2D3F;
}
.news-single .form-group input, .news-single .form-group textarea {
	border: 1px solid transparent;
	border: 1px solid #eee;
	border-radius: 5px;
}
.news-single .form-group.message i {
	top: 22px;
}
.news-single .form-group .button {
	padding: 10px 30px;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	border: 0px solid;
	color: #fff;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 15px 30px;
	
}
.news-single .form-group .button:hover {
	background: #353535;
}
.news-single .form-group .button i{
	position:relative;
	display:inline-block;
	color:#fff;
	margin-right:10px;
	padding:0px;
}
.news-single .form-group.button {
	margin: 0;
	text-align: left;
}
.news-single .form-group.button .btn{
	background:#fff;
	background:#1A76D1;
	color:#fff;
}
.news-single .form-group.button .btn:hover{
	color:#fff;
}
.news-single .form-group.button .btn i {
	color: #fff;
	position: relative;
	top: 0;
	left: 0;
	margin-right: 10px;
	-webkit-transition:all 0.3s ease 0s;
	-moz-transition:all 0.3s ease 0s;
	transition:all 0.3s ease 0s;
}
/*===================
	End Blog CSS
=====================*/

 
/*=====================
   End Faq CSS
=======================*/

/*=========================
   Start Contact Us CSS
===========================*/
.contact-us .inner{
	box-shadow: 0px 0px 10px #00000024;
	border-radius: 5px;
	overflow:hidden;
}
.contact-us .contact-us-left{
    width: 100%;
    height: 100%;
}
.contact-us .contact-us-form{
	padding:50px 40px;
}
.contact-us .contact-us-form h2 {
	position: relative;
	font-size: 32px;
	color: #333;
	font-weight: 600;
	line-height: 27px;
	text-transform: capitalize;
	margin-bottom: 12px;
	padding-bottom: 20px;
	text-align: left;
}
.contact-us .contact-us-form h2:before{
	position:absolute;
	content:"";
	left:0;
	bottom:0;
	height:2px;
	width:50px;
	background:#1A76D1;
}
.contact-us .contact-us-form p {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	text-align: left;
	margin-bottom:50px;
}
.contact-us .form {
	margin-top: 30px;
}
.contact-us .form .form-group {
	margin-bottom: 22px;
}
.contact-us .form .form-group input {
	width: 100%;
	height: 50px;
	border: 1px solid #eee;
	text-transform: capitalize;
	padding: 0px 18px;
	color: #555;
	font-size: 14px;
	font-weight: 400;
	border-radius: 4px;
}
.contact-us .form .form-group textarea {
	width: 100%;
	height:100px;
	border: 1px solid #eee;
	text-transform: capitalize;
	padding:18px;
	color: #555;
	font-size: 14px;
	font-weight: 400;
	border-radius: 4px;
}
.contact-us .form .form-group.login-btn {
	margin: 0;
}
.contact-us .form button {
	border: none;
}
.contact-us .form .btn {
	display: inline-block;
	margin-right: 10px;
	color: #fff;
	line-height: 20px;
	width:100%;
}
.contact-us .form .btn:hover{
	background:#1A76D1;
	color:#fff;
}
.contact-us .contact-us-form .checkbox {
	text-align: left;
	margin: 0;
	margin-top: 20px;
	display:inline-block;
	
}
.contact-us .contact-us-form .checkbox label {
	font-size: 14px;
	font-weight: 400;
	color: #333;
	position: relative;
	padding-left: 20px;
}
.contact-us .contact-us-form .checkbox label:hover{
	cursor:pointer;
}
.contact-us .contact-us-form .checkbox label input{
	display:none;
}
.contact-us .contact-us-form .checkbox label::before {
	position: absolute;
	content: "";
	left: 0;
	top: 5px;
	width: 15px;
	height: 15px;
	border: 1px solid #1A76D1;
	border-radius: 100%;
}
.contact-us .contact-us-form .checkbox label::after {
	position: relative;
	content: "";
	width: 7px;
	height: 7px;
	left: -16px;
	top: -15px;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: block;
	font-size: 9px;
	background: #1A76D1;
	border-radius: 100%;
}
.contact-us .contact-us-form .checkbox label.checked::after{
	opacity:1;
	visibility:visible;
	transform:scale(1);
}
.contact-us .contact-info{
	margin-top:50px;
}
.contact-us .single-info {
	background: #1a76d1;
	padding: 40px 60px;
	height: 150px;
	border-radius: 10px;
	position:relative;
	-webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.contact-us .single-info:before{
	position: absolute;
    z-index: -1;
    content: '';
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: 90%;
    background:#1A76D1;
    opacity: 0;
    filter: blur(10px);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.contact-us .single-info:hover:before{
	opacity: 0.8;
}
.contact-us .single-info:hover{
	transform: translateY(-5px);
}
.contact-us .single-info i{
	font-size:42px;
	color:#fff;
	position:absolute;
	left:40px;
}
.contact-us .single-info .content {
	margin-left: 45px;
}
.contact-us .single-info .content h3{
	color:#fff;
	font-size:18px;
	font-weight:600;
	
}
.contact-us .single-info .content p{
	color:#fff;
	margin-top:5px;
}
/* Google Map */
.contact-us #myMap {
	height: 100%;
	width: 100%;
}
/*=========================
   End Contact Us CSS
===========================*/

/*========================
	Start Error 404 CSS
==========================*/ 
.error-page {
	text-align: center;
	background: #fff;
	border-top: 1px solid #eee;
}
.error-page .error-inner {
	display: inline-block;
}
.error-page .error-inner h1 {
	font-size: 140px;
	text-shadow: 3px 5px 2px #3333;
	color: #1A76D1;
	font-weight: 700;
}
.error-page .error-inner h1 span {
	display: block;
	font-size: 25px;
	color: #333;
	font-weight: 600;
	text-shadow: none;
}
.error-page .error-inner p {
	padding: 20px 15px;
}
.error-page .search-form {
	width: 100%;
	position: relative;
}
.error-page .search-form input {
	width: 400px;
	height: 50px;
	padding: 0px 78px 0 30px;
	border: none;
	background: #f6f6f6;
	border-radius: 5px;
	display: inline-block;
	margin-right: 10px;
	font-weight:400;
	font-size:14px;
}
.error-page .search-form input:hover{
	padding-left:35px;
}
.error-page .search-form .btn {
	width: 80px;
	height: 50px;
	border-radius: 5px;
	cursor: pointer;
	background: #1A76D1;
	display: inline-block;
	position: relative;
	top: -2px;
}
.error-page .search-form .btn i{
	font-size:16px;
}
/*========================
	End Error 404 CSS
==========================*/ 

/*===========================
	Start Mail Success CSS
=============================*/ 
.mail-seccess {
	text-align: center;
	background: #fff;
	border-top: 1px solid #eee;
}
.mail-seccess .success-inner {
	display: inline-block;
}
.mail-seccess .success-inner h1 {
	font-size: 100px;
	text-shadow: 3px 5px 2px #3333;
	color: #1A76D1;
	font-weight: 700;
}
.mail-seccess .success-inner h1 span {
	display: block;
	font-size: 25px;
	color: #333;
	font-weight: 600;
	text-shadow: none;
	margin-top: 20px;
}
.mail-seccess .success-inner p {
	padding: 20px 15px;
}
.mail-seccess .success-inner .btn{
	color:#fff;
}
/*===========================
	End Mail Success CSS
=============================*/ 

/*=========================
	Start Newsletter CSS
===========================*/  
.newsletter{
	background:#EDF2FF;
}
.newsletter .subscribe-text{}
.newsletter .subscribe-text h6{
	font-size:22px;
	margin-bottom:10px;
	color:#2C2D3F;
}
.newsletter .subscribe-text p{}
.newsletter .subscribe-form{
	position:relative;
}
.newsletter .common-input {
	height: 60px;
	width: 300px;
	border: none;
	color: #333;
	box-shadow: none;
	text-shadow: none;
	border-radius: 5px;
	padding: 0px 25px;
	font-weight: 500;
	font-size: 14px;
	background: #fff;
	font-weight:400;
}
.newsletter .btn {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0;
	width: 180px;
	position: relative;
	top: -2px;
	border-radius: 5px;
	margin-left: 10px;
	font-size: 13px;
	font-weight: 500;
	box-shadow: 0px 5px 15px rgba(188, 199, 255, 0.75);
}
.newsletter .btn:before{
	border-radius: 5px;
}
.newsletter .button:hover{
	box-shadow:none;
}
/*=========================
	End Newsletter CSS
===========================*/  



#why-us {
	padding: 30px 30px;
	  
		background: #004a99 url("./img/58.jpg") center top no-repeat fixed;
		background-size: cover;

		background:#04243f url(./img/58.jpg);

            background-blend-mode: multiply;
            background-repeat: no-repeat;
            background-position: center;
            background-attachment: fixed;
            background-size: cover;
  }
  
  #why-us .section-header h3,
  #why-us .section-header p {
	color: #fff; margin-bottom: 18px; font-family: Arial, Helvetica, sans-serif;
  }
  
  #why-us .card {
	background: #00458f;
	border-color: #00458f;
	border-radius: 4px;
	margin: 0 5px;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	transition: 0.3s ease-in-out;
	height: 100%; cursor: pointer; 
  }
  
  #why-us .card:hover {
	background: #1a76d1;;
	border-color: #003b7a;
  }
  
  #why-us .card i {
	font-size: 44px;
	padding-top: 15px;
	color: #bfddfe;
  }
  

  #why-us .card h5 {
	font-size: 18px;
	 
	color: white; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
  }
  
  #why-us .card p {
	font-size: 17px;
	color: #d8eafe;
  }
  
  #why-us .card .readmore {
	color: #fff;
	font-weight: 600;
	display: inline-block;
	transition: 0.3s ease-in-out;
	border-bottom: #00458f solid 2px;
  }
  
  #why-us .card .readmore:hover {
	border-bottom: #fff solid 2px;
  }
  
  #why-us .counters {
	padding-top: 40px;
  }
  
  #why-us .counters span {
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	font-size: 44px;
	display: block;
	color: #fff;padding-bottom: 28px;
  }
  
  #why-us .counters p {
	padding: 0;
	margin: 0 0 20px 0;
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	color: #cce5ff;
  }


  
@media (max-width: 604px) {
 
	#why-us {
		padding: 1px; padding-top: 24px;
		  
			background: #004a99 url("./img/58.jpg") center top no-repeat fixed;
			background-size: cover;
	
			background:#04243f url(./img/58.jpg);
	
				background-blend-mode: multiply;
				background-repeat: no-repeat;
				background-position: center;
				background-attachment: fixed;
				background-size: cover;
	  }
	  
	  #why-us .section-header h3,
	  #why-us .section-header p {
		color: #fff; margin-bottom: 18px; font-family: Arial, Helvetica, sans-serif;
	  }
	  
	  #why-us .card {
		background: #00458f;
		border-color: #00458f;
		border-radius: 4px;
		margin: 0 5px;
		padding: 5px 0;
		text-align: center;
		color: #fff;
		transition: 0.3s ease-in-out;
		height: 100%; cursor: pointer; 
	  
	}

	#why-us .counters p {
		 
		margin-bottom: 44px;
	  }
	  #why-us .counters span {
		font-family: "Montserrat", sans-serif;
		font-weight: bold;
		font-size: 41px;
		display: block;
		color: #fff;padding-bottom: 28px;
	  }
}
 
/*=========================
	Start About Us CSS
===========================*/
.about-area {
  position: relative;
  z-index: 1;
}
.about-image {
  width: 100%;
  height: 100%;
  background-image: url(img/about-img.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.about-image img {
  display: none;
}
.about-content {
  max-width: 555px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 50px;
}
.about-content span {
  display: block;
  margin-bottom: 5px;
  color: #1A76D1;
  font-size: 17px;
}
.about-content h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}
.about-content p {
  margin-top: 10px;
  margin-bottom: 0;
}
.about-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 25px;
  margin-bottom: 0;
}
.about-content ul li {
  margin-bottom: 16px;
  position: relative;
  padding-left: 34px;
}
.about-content ul li i {
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 100%;
	background-color: #1A76D12B;
	color: #1A76D1;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	display: inline-block;
	font-size: 11px;
	position: absolute;
	left: 0;
	top: -2px;
}
.about-content ul li:hover i {
  background-color: #1A76D1;
  color: #ffffff;
}
.about-content ul li:last-child {
  margin-bottom: 0;
}
.about-content .btn {
  margin-top: 30px;
}
/* Start Our Vision Area CSS */
.our-vision-area {
  position: relative;
  z-index: 1;
  padding-bottom: 70px;
}
.single-vision-box {
  margin-bottom: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
  padding: 25px 20px;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
}
.single-vision-box .icon {
  margin-bottom: 20px;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 100%;
  background-color: #1A76D1;
  color: #ffffff;
  font-size: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single-vision-box h3 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 0;
  position: relative;
  font-size: 20px;
  font-weight: 700;
}
.single-vision-box p {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 12px;
  margin-bottom: 0;
}
.single-vision-box::before {
  width: 0;
  height: 100%;
  z-index: -1;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-color: #1A76D1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single-vision-box::after {
  content: '';
  position: absolute;
  width: 100px;
  height: 100px;
  border: 10px solid #ffffff;
  left: -80px;
  bottom: -80px;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.15;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.single-vision-box:hover {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.single-vision-box:hover::before {
  width: 100%;
}
.single-vision-box:hover .icon {
  background-color: #fff;
  color: #1A76D1;
}
.single-vision-box:hover h3 {
  color: #ffffff;
}
.single-vision-box:hover p {
  color: #ffffff;
}
.single-vision-box:hover::after {
  left: -50px;
  bottom: -50px;
}
/* End Our Vision CSS */

/* Our Mission Area CSS */
.our-mission-area {
  position: relative;
  z-index: 1;
}
.our-mission-image {
  width: 100%;
  height: 100%;
  background-image: url(img/mission-img.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.our-mission-image img {
  display: none;
}
.our-mission-content {
  max-width: 555px;
  margin-left: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 50px;
}
.our-mission-content .sub-title {
  display: block;
  margin-bottom: 5px;
  color: #1A76D1;
  font-size: 17px;
}
.our-mission-content h2 {
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  font-weight: 600;
}
.our-mission-content p {
  margin-top: 10px;
  margin-bottom: 0;
}
.our-mission-content ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 0;
  margin-top: 0;
}
.our-mission-content ul li {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  max-width: 50%;
  color: #7d7d7d;
  font-size: 14.5px;
  line-height: 1.7;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 25px;
}
.our-mission-content ul li .icon {
  margin-bottom: 13px;
  -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3);
          box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.3);
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  color: #1A76D1;
  font-size: 20px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.our-mission-content ul li span {
  display: block;
  color: #121521;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 17px;
}
.our-mission-content ul li:hover .icon {
  background-color: #1A76D1;
  color: #ffffff;
  border-radius: 100%;
}
/* End Our Mission CSS */

/*=========================
	End About Us CSS
===========================*/
 



.services{
	padding: 60px 0px;
  }
  .services-box{
	display: inline-block;
	padding: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #dfe0e1;
	padding-top: 40px;
  }
  .services-box:hover{
	background: #01B2B7;
	cursor: pointer;
	
	 transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
  }
  .services-box:hover i{
	background: #01B2B7;
	border-radius: 100px;
	
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
  }
  .icon{
	padding: 0px;
	float: left;
	margin-right: 20px;
	padding-bottom:30px
  }
  .icon i{
	width: 70px;
	height: 70px;
	background: #01B2B7;
	color: #ffffff;
	line-height: 70px;
	text-align: center;
	font-size: 34px;
  }
  .service-content{
  
  }
  .service-content h4{
	font-size: 14px;
	font-weight: 900;
	height: 35px; font-family: Arial, Helvetica, sans-serif;
  }
  
  @media only screen and (min-width: 814px) {
 
	 

	.we-offer-area .item {
		background: #ffffff none repeat scroll 0 0;
		border-left: 2px solid #00a01d;
		-moz-box-shadow: 0 0 10px #cccccc;
		-webkit-box-shadow: 0 0 10px #cccccc;
		-o-box-shadow: 0 0 10px #cccccc;
		box-shadow: 0 0 10px #cccccc;
		overflow: hidden; color: #000;
		padding: 30px; height: 314px;
		position: relative;
		z-index: 1; border-bottom: 3px solid #01B2B7;
	  }

	}

  @media only screen and (max-width: 414px) {
 
	 

	.we-offer-area .item {
		background: #ffffff none repeat scroll 0 0;
		border-left: 2px solid #00a01d;
		-moz-box-shadow: 0 0 10px #cccccc;
		-webkit-box-shadow: 0 0 10px #cccccc;
		-o-box-shadow: 0 0 10px #cccccc;
		box-shadow: 0 0 10px #cccccc;
		overflow: hidden; color: #000;
		padding: 30px; height: 344px;
		position: relative;
		z-index: 1; border-bottom: 2px solid #01B2B7;
	  }

	}
  
	@media only screen and (min-width: 814px) and (max-width: 1114px){
	.slider .single-slider h1 {
		color: #f7f7fc;
		font-size: 25px;
		font-weight: 800;
		margin: 0; font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		line-height: 34px;
	}
	.we-offer-area .item {
		background: #ffffff none repeat scroll 0 0;
		border-left: 2px solid #00a01d;
		-moz-box-shadow: 0 0 10px #cccccc;
		-webkit-box-shadow: 0 0 10px #cccccc;
		-o-box-shadow: 0 0 10px #cccccc;
		box-shadow: 0 0 10px #cccccc;
		overflow: hidden; color: #000;
		padding: 30px; height: 344px;
		position: relative;
		z-index: 1; border-bottom: 3px solid #01B2B7;
	  }
}
 
/*=========================
	End Footer CSS
===========================*/


.we-offer-area .item h4 {
	font-weight: 600;
	text-transform: capitalize;   background-color: #0c1b5e;; padding: 5px; color: white  !important;box-shadow: 10px 10px rgba(0, 0, 0, 0.1);
  
  }

   
   
  .we-offer-area .item:hover h4  {
	color: #1f7ca3 !important; box-shadow: 10px 10px #1f7ca3;
	background-color: #ffffff !important; padding: 5px;  
  }
  
  .we-offer-area .item:hover {
	color: #ffffff !important;
	background-color: #007bff;
  }