.scrollup {
	width:35px;
	height:35px;
	position:fixed;
	bottom:30px;
	right:15px;
	display:none;
	background:#1b7b8b;
	text-align: center;
}

.scrollup i {
	color:#fff;
	font-size:15px;
	display:block;
	line-height:33px;
}

.scrollup:hover {
	background:rgba(5, 234, 241, 0.9);
}

@media only screen and (max-width:641px ){
.scrollup {
	background:transparent;
}
.scrollup i {
	color:transparent;
}

.scrollup:hover {
	background:transparent;
}
} 






  .typewrite{
	color: whitesmoke; line-height: 28px; background-color: rgb(15, 105, 78);padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; margin-left: 10px;
}

@media only screen and (max-width: 568px) {
	  .typewrite{
	color: whitesmoke; line-height: 28px; background-color: rgb(15, 105, 78); padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; margin-left: 10px;
}

}



/*----------------- typewriter Section ----------------------*/
 
  
  @media only screen and (max-width: 1016px) {
	
	
	.typewriter {
		margin-left: 10px;
		width: 172px;
		min-width: 171px;
		font-size: 12.8px;
	
	}
  }
  @media only screen and (min-width: 1017px) and (max-width: 1111px){
	
	
	.typewriter {
	  margin-left: 10px;
	  width: 172px;
	  min-width: 171px;
	  font-size: 12.8px;
	}
	
  }
  
  @media only screen and (min-width: 1112px) and (max-width: 1214px){
	
	
	.typewriter {
	  margin-left: 20px;
	  width: 221px;
	  min-width: 218px;
	  font-size: 13px;
	
	}
  }
  @media only screen and (min-width: 1215px) and (max-width: 1334px){
	
	
	.typewriter {
	  margin-left: 20px;
	  width: 221px;
	  min-width: 218px;
	  font-size: 13px;
	
	}
  }
  
  
  @media only screen and (min-width: 1335px) {
	
	.typewriter {
	  margin-left: 20px;
	  width: 208px;
	  min-width: 208px;
	  font-size: 14px;
	
	}
  }
  
  
 
 	


  /*----------------------------------- Featured Services Section----------------------------------*/
   
  
  #featured-services {
	background:  rgb(6, 101, 124);
	padding-bottom: 28px;
  }
  
  #featured-services .box {
	padding: 0px 10px;
	margin-top: 20px;
	margin-bottom: 0px;
  }
  
  
  #featured-services i {
	color: #18d26e;
	font-size: 48px;
	display: inline-block;
	line-height: 1;
  }
  
  #featured-services h4 {
	font-weight: 400;
	margin: 15px 0;
	font-size: 18px;
  }
  #featured-services h2 {
	font-weight: 400;
	margin: 15px 0;
	font-size: 18px;
	color: #045428;
  }
  
  
  #featured-services h4 a {
	color: #fff;
  }
  
  #featured-services h4 a:hover {
	color: #18d26e;
  }
  
  #featured-services p {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 0;
  }
  #featured-services .menu {
	font-weight: 400;
	margin-right: 40px;
	font-size: 18px;
  }
  
  
  
   
  /* About */
  .about_content {
	margin-right: 25px;
  }
  .about_content > h2 {
	font-size: 40px;
	margin: 90px 0 15px;
	color:#0c8f58;
  }
  .about_content > h3 {
	font-size: 30px;
	margin: 2px 0 30px;
	text-transform: inherit;
  }
  .about_content > p {
	line-height: 18px;
	margin-bottom: 18px;
	text-align: justify;
  }
  .about_content .btn.know_btn {
	margin: 18px 0 60px;
  }
  .about_bg {
	background: url(../images/about_b.png)no-repeat right;
  } 
   
   
   
  /* Portfolio Section
  --------------------------------*/
  
  #portfolio {
	padding: 60px 0;
	width: 99.91%;
	background: url("../img/2.jpg1")   fixed no-repeat;
     background-position: center;
	 background-size: cover;
     background-color: rgb(33, 131, 131);
    
  }
  
  #portfolio #portfolio-flters {
	padding: 0;
	margin: 5px 0 35px 0;
	list-style: none;
	text-align: center;
  }
  
  #portfolio #portfolio-flters li {
	cursor: pointer;
	margin: 15px 15px 15px 0;
	display: inline-block;
	padding: 10px 20px;
	font-size: 12px;
	 
	color: #1f1e1e;
	border-radius: 4px;
	text-transform: uppercase;
	background: #fff;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
  }
  
  #portfolio #portfolio-flters li:hover,
  #portfolio #portfolio-flters li.filter-active {
	background: #0ca8c4;
	color: rgb(255, 255, 255);
  }
  
  #portfolio #portfolio-flters li:last-child {
	margin-right: 0;
  }
  
  #portfolio .portfolio-wrap {
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
	transition: 0.3s;
  }
  
  #portfolio .portfolio-wrap:hover {
	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
  }
  
  #portfolio .portfolio-item {
	position: relative;
	height: 360px;
	overflow: hidden;
  }
  
  
  #portfolio .portfolio-item figure {
	background: #000;
	overflow: hidden;

	max-height: 240px;
	 
	height: 100%;
	position: relative;
	border-radius: 4px 4px 0 0;
	margin: 0;overflow: hidden;
  }
  
  #portfolio .portfolio-item figure:hover img {
	opacity: 0.4;
	transition: 0.3s;
  }
  
  #portfolio .portfolio-item figure .link-preview,
  #portfolio .portfolio-item figure .link-details {
	position: absolute;
	display: inline-block;
	opacity: 0;
	line-height: 1;
	text-align: center;
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	transition: 0.2s linear;
  }
  
  #portfolio .portfolio-item figure .link-preview i,
  #portfolio .portfolio-item figure .link-details i {
	padding-top: 6px;
	font-size: 22px;
	color: #333;
  }
  
  #portfolio .portfolio-item figure .link-preview:hover,
  #portfolio .portfolio-item figure .link-details:hover {
	background: #05554a;
  }
  
  #portfolio .portfolio-item figure .link-preview:hover i,
  #portfolio .portfolio-item figure .link-details:hover i {
	color: #fff;
  }
  
  #portfolio .portfolio-item figure .link-preview {
	left: calc(50% - 8px);
	top: calc(50% - 8px);
  }
  
  
  #portfolio .portfolio-item figure:hover .link-preview {
	opacity: 1;
	left: calc(50% - 14px);
  }
  
  
  
  #portfolio .portfolio-item .portfolio-info {
	background: #fff;
	text-align: center;
	padding: 8px;
	height: 80px;
	border-radius: 0 0 3px 3px;
  }
  
  #portfolio .portfolio-item . h4 {
	font-size: 17px;
	line-height: 1px;
	font-weight: 700;
	margin-bottom: 18px;
	padding-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
  }
  
  #portfolio .portfolio-item .portfolio-info h4 a {
	color: rgb(26, 25, 25);
	line-height: 24px;
  }
  
  #portfolio .portfolio-item .portfolio-info h4 a:hover {
	color: #1862d2;
  }
  
  #portfolio .portfolio-item .portfolio-info p {
	padding: 0;
	margin: 0;
	color: #b8b8b8;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
  }
   
  #services .portfolio_area h2 {
	line-height: 24px; 
	 
	text-transform: uppercase;
  }
   
   
  video {
	max-width: 100%;
	margin-bottom: -78px;
  }
  
  @media screen and (min-width: 769px) and  (max-width: 1169px){

  #portfolio .portfolio-item figure {
	background: #000;
	overflow: hidden;

	height: 180px;
	 
	 
	position: relative;
	border-radius: 4px 4px 0 0;
	margin: 0;overflow: hidden;
  }
  #portfolio .portfolio-item {
	position: relative;
	height: 280px;
	overflow: hidden;
  }

  }

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

	#portfolio .portfolio-item figure {
	  background: #000;
	  overflow: hidden;
  
	  height: 190px;
	   
	   
	  position: relative;
	  border-radius: 4px 4px 0 0;
	  margin: 0;overflow: hidden;
	}
	#portfolio .portfolio-item {
	  position: relative;
	  height: 310px;
	  overflow: hidden;
	}
  
	}




	
	@media screen and    (min-width: 384px) and   (max-width: 424px){

		#portfolio .portfolio-item figure {
		  background: #000;
		  overflow: hidden;
	  
		  height: 200px;
		   
		   
		  position: relative;
		  border-radius: 4px 4px 0 0;
		  margin: 0;overflow: hidden;
		}
		#portfolio .portfolio-item {
		  position: relative;
		  height: 330px;
		  overflow: hidden;
		}
	  
		}
  @media screen and (max-width: 769px) {
	#portfolio #portfolio-flters {
	padding: 0;
	margin: 5px 0 35px 0;
	list-style: none;
	text-align: center;
  }
 
  #portfolio #portfolio-flters li {
	cursor: pointer;
	margin: 10px 10px 10px 0;
	display: inline-block;
	padding: 10px 10px;
	font-size: 12px;
	 
	color: #1f1e1e;
	border-radius: 4px;
	text-transform: uppercase;
	background: #fff;
	margin-bottom: 5px;
	transition: all 0.3s ease-in-out;
  }
  
}

 
.list-style-one{
	position:relative;
	}
	
	.list-style-one li{
	position:relative;
	font-size:16px;
	line-height:26px;
	color: #222222;
	font-weight:400;
	padding-left:35px;
	margin-bottom: 12px;
	}
	
	.list-style-one li:before {
	content: "\f058";
	position: absolute;
	left: 0;
	top: 0px;
	display: block;
	font-size: 18px;
	padding: 0px;
	color: #ff2222;
	font-weight: 600;
	-moz-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1.6;
	font-family: "Font Awesome 5 Free";
	}
	
	.list-style-one li a:hover{
	color: #44bce2;
	}	

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

#services {
	padding: 30px 0 0 0;
	margin-top: -100px;
	background: rgb(41, 160, 144); cursor: pointer;
  }
  
  #services .box {
	padding: 20px;
	margin-bottom: 40px;
	box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1);
	background:  #ffffff;
	transition: 0.4s;font-weight: bold;
  }
  
  #services .box:hover {
	 
	background-color: rgb(34, 33, 33);
	color: rgb(250, 249, 248);font-weight: bold;
	border-top:1px solid rgba(4, 245, 85, 0.788);
	border-left:1px solid rgba(4, 245, 85, 0.788);

  }

  
  
  #services .portfolio_area h2 {
	line-height: 4px; 
	 
	text-transform: uppercase;
  }
    

  #services .box .icon {
	float: left;
  }
  
  #services .box .icon i {
	color: #444;
	font-size: 54px;
	transition: 0.5s;
	line-height: 0;
	margin-top: 34px;
  }
  
  #services .box .icon i:before {
	background: #0c2e8a;
	background: linear-gradient(45deg, rgb(41, 160, 144) 0%, #1e9471 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }
  
  #services .box h4 {
	margin-left: 90px;
	font-weight: 700;
	margin-bottom: 15px;
	 
	font-size: 22px;
	margin-top: 15px; 
  }
  
  #services .box h4 a{
	 
	 
	color: rgb(9, 175, 180);
  }

  #services .box p {
	font-size: 14px;
	margin-left: 120px;
	margin-bottom: 0;
	line-height: 24px;
  }
   
  
  
  
  
  @media screen and (max-width: 769px) {
	#services {
	  padding: 30px 0 0 0;
	  margin-top: -100px;
	  background: rgb(41, 160, 144); cursor: pointer;
	}
	
	 
	
	#services .box .icon i {
	  color: #444;
	  font-size: 54px;
	  transition: 0.5s;
	  line-height: 0;
	  margin-top: 34px;
	}
	
	#services .box p {
	  font-size: 14px;
	  margin-left: 28px;
	  margin-bottom: 0;
	  line-height: 24px;
	}
	 
	#services .box h4 {
	  margin-left: 75px;
	  font-weight: 700;
	  margin-bottom: 35px;
	  margin-top: 12px;
	  font-size: 16px;
	} 

	#services .box:hover {
		box-shadow: 2px 0px 3px rgba(4, 245, 85, 0.788);
		background-color: rgb(34, 33, 33);
		color: rgba(14, 253, 94, 0.788);
	 

	  
		transition: 0.4s;
		font-weight: bold;
	  } 

	  #services .portfolio_area h2 {
		line-height: 34px; 
		 
		text-transform: uppercase;
	  }
	   
	}
  
	#services .box   li:hover {
		box-shadow: 2px 0px 3px rgba(4, 245, 85, 0.788);
		background-color: rgb(34, 33, 33);
		color: goldenrod; 
	  
		transition: 0.4s;
		font-weight: bold;
	  }  
	.list-style-one ul:hover {
		 
		background-color: rgb(34, 33, 33);
		color: goldenrod;font-weight: bold;
		 
	  }
	.glyphicon{
		position:relative;
		}
		
		.list-style-one li{
		position:relative;
		font-size:14px;
		line-height:22px;
		color: #222222;
		font-weight:700;
		margin-left: 90px;
		margin-bottom: 8px;
		}
		
		.glyphicon:before {
		content: "\27A9";
		position: absolute;
		left: 0;
		top: -24px;
		display: block;
		font-size: 18px;
		padding: 0px;
		color: #15adb8;
		font-weight: 600;
		-moz-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 2;margin-left: -30px;
		font-family: "Font Awesome 5 Free";
		}
		
		.list-style-one li a:hover{
		color: #44bce2;
		}
		
		 
		.about-section .list-style-one{
		margin-bottom: 45px;
		}
		
		.about-section .btn-box{
		position: relative;
		}
		
		.about-section .btn-box a{
		padding: 15px 50px;
		}
		
		 
	
	
  
  /*------------------------------------------ hero -----------------------------------------*/ 
  
  .hero {    
	background:#04243f url(./img/addis1.jpg);
	 
	 
	  width: 100%;
	 
	  background-blend-mode: multiply;
	  background-repeat: no-repeat;
	  background-position: center;
	  background-attachment: fixed;
	  background-size: cover;
	  
	color: #fff;
	
	font-weight: bold;
	
	margin-top: 0px;
	margin-bottom: -20px;
	width: 100%;
  
  }
  
  .hero__title {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	padding-top: 1px;
	
	margin-bottom: -104px;
	font-family: 'oswald', sans-serif;  
	background-size: 200%;
	background-image: none;
	background-image: linear-gradient(45deg,#fff070 0%,#fff070 35%,#00c9d3 66%,#00c9d3 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-animation: glow 9s linear infinite;
	animation: glow 9s linear infinite;
  
  }
  
  
  @-webkit-keyframes glow {
	0% {
	  background-position: 0% 43%;
	}
  
	50% {
	  background-position: 100% 58%;
	}
  
	100% {
	  background-position: 0% 43%;
	}
  }
  
  @keyframes glow {
	0% {
	  background-position: 0% 43%;
	}
  
	50% {
	  background-position: 100% 58%;
	}
  
	100% {
	  background-position: 0% 43%;
	}
  }
  
  
  
  @media only screen and (max-width: 768px) {
	.hero {
	  display: none; }}
  
  
  

  
  

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

#featured-services {
	background: #000; 
  }
  
  #featured-services .box {
	padding: 30px 10px;
  }
  
  #featured-services .box-bg {
	background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%);
  }
  
  #featured-services i {
	color: #18d26e;
	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: #18d26e;
  }
  
  #featured-services p {
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 0;
  }
  
   



 /* 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/addis.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 .icon {
	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: var(--blue); text-decoration: none;
  }
  
  #about .about-col p {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	margin-bottom: 0;
	padding: 0 20px 20px 20px;
  }
  
  

/*--------------------------------------------- News Section ------------------------------------------*/
 
.ticker_wrap{display: flex;}
.ticker__breaking{
 white-space: nowrap;
 background: rgb(5, 52, 138);
	 color: #fff;
	 overflow: hidden;
	 padding: 10px 6px;
	 position: absolute;
  display: inline-block; 
  font-weight: bold;
  margin-top: 0px;
  
  
}
.ticker__viewport {
	 background: black;
	 color: #fff;
	 overflow: hidden;
	 padding: 10px 0;
  display: inline-block;
  flex-grow: 1;
  font-weight: bold;
  margin-top: 0px;
  cursor: pointer;
}
.ticker__viewport a {
  cursor: pointer;
  color: #fff;
  text-decoration: none;font-size: 15px; font-weight: bold;
}
.ticker__viewport a:hover {
  color: rgb(119, 219, 250);
  font-weight: bold;
  cursor: pointer;
}
 .ticker__list {
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
	 display: flex;font-size: 14px; font-weight: bold;
}
 .ticker__item {
	 display: inline-block;
	 white-space: nowrap;
	 padding-right: 40px;font-size: 14px; font-weight: bold;
}
.ticker__item:before{
  content: "";
  font-weight: bold;
}
 




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

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

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

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

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

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

.team-area {
	width: 100%;
margin-left: 15px;

}
.single-item {
    padding: 0px; 
  margin-top: 10px;height: 100%; width: 100%; 
}

.team-area .item .thumb {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.team-area .item .thumb::after {
  background: #070707 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  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%;
}

.team-area .team-items .item:hover .thumb::after {
  opacity: 0.7;
}

.team-area .item .thumb .overlay {
  top: -100%;
  left: 0;
  padding: 20px;
  position: absolute;
  text-align: center;
  -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;
  transition: all 0.35s ease-in-out;
  width: 100%;
  z-index: 1;
}

.team-area .item:hover .thumb .overlay {
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.team-area .item .thumb .overlay p {
  color: #ffffff;
}

.team-area .item .thumb .overlay h4 {
  color: #ffffff;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
}

.team-area .item .thumb img {
  -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;
  transition: all 0.35s ease-in-out;
}

.team-area .item:hover .thumb img {
  opacity: .6;
}

.team-area .item .thumb .social li {
  display: inline-block;
}

.team-area .item .thumb .social li a {
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
  color: #ffffff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 1px;
  text-align: center;
  width: 40px;
}

.team-area .info {
  background: #0b6294 none repeat scroll 0 0;
  -moz-box-shadow: 0 0 10px #534e4e;
  -webkit-box-shadow: 0 0 10px #524f4f;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #757272;
  padding: 10px 20px 20px;
  position: relative;
  text-align: center;
  z-index: 9;background:#021422 url(../img/15c.jpg);
	 
	 
  width: 100%;
 
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

.team-area .info .message {
  height: 50px;
  line-height: 40px;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px;
}

.team-area .info .message a {
  background: rgb(46, 114, 49) none repeat scroll 0 0;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
  -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;
  box-sizing: border-box;
  color: #ff5a6e;
  display: inline-block;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

.team-area .info .message a i {
  font-weight: 500;
}

.team-area .info h4 {
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: capitalize;color: #f1f3f5;
}

.team-area .info span {
  color: #f1f3f5;
  font-family: "Poppins",sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.team-area .social li.Telegram a {
  background-color: #00b6f1;
}

.team-area .social li.phone a {
  background-color: #08bd20;
}

.team-area .social li.facebook a {
  background-color: #3b5998;
}
 

.team-area .social li.vimeo a {
  background-color: #1ab7ea;
}

.team-area .social li.instagram a {
  background-color: #cd486b;
}

  /* Our Team Section
  --------------------------------*/
  
  #team {
	background: #fff;
	padding: 20px 0 0 0;
  }
  
  #team .member {
	text-align: center;
	margin-bottom: 20px;width: 100%;
  }
  
  #team .member .pic {
	overflow: hidden;
	text-align: center;
  }
  
  #team .member .pic img {
	width: 100%;
	height: 241px;
  }
  
  #team .member .details {
	background: #13914c;
	color: #fff;
	padding: 5px;
	border-radius: 0 0 3px 3px;
  }
  
  #team .member h4 {
	font-weight: 700;
	margin-bottom: 2px;
	font-size: 18px;
  }
  
  #team .member span {
	font-style: italic;
	display: block;
	font-size: 13px;
  }
  
  #team .member .social {
	margin-top: 5px;
  }
  
  #team .member .social a {
	color: #fff;
  }
  
  #team .member .social i {
	font-size: 16px;
	margin: 0 2px;
  }
  
  
  
  .footer_sec {
	width: 100%;
	padding: 20px 0;
  }
   
  .foo_top_header_one {
	background:rgba(9, 30, 62, .85) url(../img/A10/Sira14.jpg1);
	 
	 
	  width: 100%;
	 
	  background-blend-mode: multiply;
	  background-repeat: no-repeat;
	  background-position: center;
	  background-attachment: fixed;
	  background-size: cover;
	  
	color: #fff;
	
	font-weight: bold;
	
	margin-top: 0px;
	margin-bottom: -20px;
	width: 100%;
  
  
  }
  .section_padding_100_70 {
	padding-top: 50px;
	padding-bottom: 70px;
	font-family: Arial, Helvetica, sans-serif;
  }
  .foo_top_header_one {
	color: #fff;font-family: Arial, Helvetica, sans-serif;
  }
  .kilimanjaro_part {
	margin-bottom: 30px;
  }
  .foo_top_header_one .kilimanjaro_part > h5 {
	color: rgb(218, 221, 24);
  }
  .kilimanjaro_part h4,
  .kilimanjaro_part h5 {
	margin-bottom: 30px;font-family: Arial, Helvetica, sans-serif;
  }
  .kilimanjaro_single_contact_info > p,
  .kilimanjaro_single_contact_info > h5,
  .kilimanjaro_blog_area > a,
  .foo_top_header_one .kilimanjaro_part > p {
	color: rgb(255, 255, 255);
  }
   
   
  .kilimanjaro_bottom_header_one {
	background-color: rgba(9, 30, 62, .85);
  }
  .section_padding_50 {
	padding: 15px 0;
  }
  .kilimanjaro_bottom_header_one p {
	color: #fff;
	margin: 0;
  }
   
  ul li,
  ol li {
	font-weight: 500;
  }
  .kilimanjaro_bottom_header_one a {
	color: inherit;
	font-size: 14px;
  }
   
  .m-top-15 {
	margin-top: 15px;
  }
   
  .kilimanjaro_widget > li {
	display: inline-block;
  }
	
  .kilimanjaro_widget a {
	border: 1px solid #fff;
	border-radius: 6px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	margin-bottom: 4px;
	padding: 7px 12px;
  }
  .kilimanjaro_links a {
	border-bottom: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
	padding-bottom: 10px;
  }
  .kilimanjaro_links a {
	color: #fff;
	font-size: 13px;
  }
  .top-15 {
	margin-top: 15px;
  }
  .foo_top_header_one .kilimanjaro_part > h5 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
  }
  .kilimanjaro_part h4,
  .kilimanjaro_part h5 {
	margin-bottom: 20px;
  }
  .kilimanjaro_social_links > li {
	display: inline-block;
  }
   
  .kilimanjaro_social_links a {
	border: 1px solid #fff;
	border-radius: 6px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	margin-bottom: 3px;
	padding: 7px 12px;
  }
  .kilimanjaro_blog_area .kilimanjaro_date {
	color: #27ae60;
	font-size: 13px;
	margin-bottom: 5px;
  }
  .kilimanjaro_blog_area > p {
	color: #fff;
	line-height: 1.3;
	margin-bottom: 0;
  }
  .kilimanjaro_works > a {
	display: inline-block;
	float: left;
	position: relative;
	width: 33.33333333%;
	z-index: 1;
  }
  .kilimanjaro_thumb {
	left: 0;
	position: absolute;
	top: 0;
	width: 75px;
  }
  .kilimanjaro_links a i {
	padding-right: 10px;
  }
  .footer_area {
	position: relative;
	z-index: 1;
  }
  .footer_bottom p > i,
  .footer_bottom p > a:hover {
	color: #27ae60;
  }
  .social_links_area {
	border-bottom: 1px solid #fff;
	padding: 50px 0 30px 0;
	text-align: center;
	position: relative;
	z-index: 1;
  }
  .social_links_area > a:hover {
	color: #27ae60;
  }
  .inline-style .social_links_area > a:hover {
	background-color: transparent;
	color: #27ae60;
	border: 0px solid transparent;
  }
  .single_feature:hover .feature_text h4 {
	color: #27ae60;
  }
  .kilimanjaro_blog_area {
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
	padding: 0 0 15px 90px;
	position: relative;
	z-index: 1;
  }
  .kilimanjaro_links a {
	border-bottom: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 13px;
	margin-bottom: 5px;
	padding-bottom: 10px;
  }
  .kilimanjaro_thumb img {
	width: 100%;
  }
  .kilimanjaro_single_contact_info a {
	color: #fff;
  }
  .kilimanjaro_widget li a,
  .kilimanjaro_social_links a {
	transition: 0.3s ease-in-out;
  }
  .kilimanjaro_widget li a:hover,
  .kilimanjaro_social_links a:hover {
	background: #1047df;
	color: #fff;
  }
  .kilimanjaro_links li a:hover {
	color: #9fd40d;
  }
  
  
  /** ADD YOUR AWESOME CODES HERE **/
  
   
  img {
	  width:100%;
  }
  
  
  .clear {
	  clear:both;
  }
  
   
	 
  .social a.facebook {
	  background-color: #3b5998;
  }
  
  .social a.pinterest {
	  background-color: #bd081c;
  }
  
  .social a.twitter {
	  background-color: #1da1f2;
  }
  
  .social a.google {
	  background-color: #34a853;
  }
  
  .social a.linkedin {
	  background-color: #0077b5;
  }
   
   
   
  




  .team {
	   position:relative;
	   z-index:1;
	   margin-bottom:-20px;
	      
	     
	 }
  
  .team:hover {
	position:absolute;
	 
	-webkit-transition:all,0.5s,ease-out,.5s;-o-transition:all,0.5s,ease-out,.5s;
	transition:all,0.5s,ease-out,.5s
}
   
    .team__text .team__title{
		border-bottom:2px solid rgba(183,183,184,0.2);
		padding:0 0 5px; 
		margin-bottom:0px;
		opacity:0;
		visibility:hidden;
		position:relative;
		bottom:initial;
		opacity:1;
		visibility:visible
	}
   
  
   
   
  .team__text .team__title h4:after{opacity:1}
  .team__item:hover .team__text{top:0}
  
  
  .team__text 
  .team__title h4:hover {
   border-bottom:2px solid rgba(17, 231, 203, 0.842) all .5s ease .3s;
    
      
   bottom: 80px;
   opacity:1;
   
}
  
	.team__text{
	   
	   
	  padding:5px 10px 10px;
	  -webkit-transition:.5s;-o-transition:.5s;transition:.5s
	}
 
   
    .team__title h4{color:#fff;
	font-weight:700;
	margin-bottom:6px;
	font-size:18px;
}
  
  .team__text .team__title span{
	  font-size:15px;
	font-weight: 700; 
	color:#17c4c4
}
  .team__text p{
	  color:#e4e4e4;
	  line-height:26px;
	  opacity:0;
	  visibility:hidden;
	  position:relative;
	  top:50px;
	  -webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s
	}
  
	 
  @media(max-width:768px) {
	.team__item{height:350px}
	.team__text{padding:25px 20px 20px}
  }
		   
figure.snip1216 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin-bottom: 10px  ;
   
  width: 100%;
  background-color: #0f5091;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
 

 

  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;
  }
  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: 60px;
	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);
  }


   
 
  .background-container {
	background-image: url(../img/cons.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	margin-top: -10px;
	padding-bottom: 100px!important;
	padding-top: 100px!important;
	text-align: center!important;
  }
  .background-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(234, 245, 245);
   }
  .background-cover {
	z-index: 2;
	position: relative;
	color: #fff;
  }
  .line-heading {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
  }
  .line-heading-left {
	text-align: right!important;
	margin: 0;
	padding: 0;
  }
  .line-heading-left h2 {
	color: rgb(35, 87, 19);
	font-size: 2.625rem;
	font-weight: bold;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	line-height: 1.1;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
  }



	
  .line-heading-left h4 {
	font-size: 1.75rem;
	font-weight: 300;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #1b8bad;
	line-height: 1.1;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
  }
  .line-heading p {
	margin-left: 38px;
	
	margin-top: 0;
	border-left: 3px solid #083644;
	padding: 12px 0 12px 30px;
	line-height: 24px;
	-webkit-box-flex: 1;
	 
	font-size: 2rem;
   font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: #bfbfbf;
	text-align: left;
	margin-bottom: 0;
  }
  
  @media only screen and (max-width: 480px) {
	.line-heading-left h2 {
		color: rgb(36, 119, 64);
		font-size: 1.985rem;
	}
	.line-heading-left h4 {
		 
		font-size: 1.485rem;
	}
	.line-heading p {
		margin-left: 18px;
		
		margin-top: 0;
		border-left: 3px solid #0d6f8d;
		padding: 12px 0 12px 15px;
		line-height: 24px;
		-webkit-box-flex: 1;
		 
		font-size: 1.5rem;
	   font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		color: #bfbfbf;
		text-align: left;
		margin-bottom: 0;
	  }
	}


  .rwd-table {
	 
	 
	width: 102.7%;
	border-collapse: collapse;
  }
  
  .rwd-table tr:first-child {
	border-top: none;
	background: #428bca;
	color: #fff;
  }
  
  .rwd-table tr {
	border-top: 2px solid #ebf3f9;
	border-bottom: 2px solid #ebf3f9;
	
	background-color: #f5f9fc;
  }
  
  .rwd-table tr:nth-child(odd):not(:first-child) {
	background-color: #ebf3f9;
  }
  
  .rwd-table th {
	display: none;border-left: #a9b6c0 2px solid;
  }
  
  .rwd-table td {
	display: block;border-left: #a9b6c0 2px solid;
  }
  
  .rwd-table td:first-child {
	margin-top: .5em;margin-bottom: .5em;
  }
  
  .rwd-table td:last-child {
	margin-bottom: .5em;
  }
  
  .rwd-table td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	width: 120px;
	display: inline-block;
	color: #000;
  }
  
  .rwd-table th,
  .rwd-table td {
	text-align: left;
  }
  
  .rwd-table {
	color: #333;
	border-radius: 0em;
	overflow: hidden;
  }
  
  .rwd-table tr {
	border-color: #bfbfbf;
  }
  
  .rwd-table th,
  .rwd-table td {
	padding: .5em 1em;
  }

  
  @media screen and (max-width: 701px) {
	.rwd-table td:nth-child(1) {
		  border-bottom: 1px solid #9fa6ac;
	}
	.rwd-table td:last-child {
		border-bottom: 0px solid #9fa6ac;
  }
  .rwd-table {
	 
	 
	width: 110%;
	border-collapse: collapse;
  }
	  
	  .rwd-table th {
		 
		border-bottom: 1px solid #878c91;
		   
		 
	  
		 
	  }
	  
	  .rwd-table td {
		 
		border-bottom: 1px solid #878c91;
		 
		 
		 
	  
		background-color: #f5f9fc;
	  }
	  

  }
  @media screen and (min-width: 501px) and  (max-width: 701px){
	.rwd-table {
	 
	 	width: 107%;
		border-collapse: collapse;
	  }
	}
  @media screen and (min-width: 770px) {
	.rwd-table tr:hover:not(:first-child) {
	  background-color: #d8e7f3;
	}
	.rwd-table td:before {
	  display: none;
	}
	.rwd-table th,
	.rwd-table td {
	  display: table-cell;
	  padding: .55em .5em;
	}
	.rwd-table th:first-child,
	.rwd-table td:first-child {
	  padding-left: 0;
	}
	.rwd-table th:last-child,
	.rwd-table td:last-child {
	  padding-right: 0;
	}
	.rwd-table th,
	.rwd-table td {
	  padding: 1em !important;
	}
  }
  
  

  
  /* THE END OF THE IMPORTANT STUFF */
  
  /* Basic Styling */
 
  #portfolio h5 {
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 1em;
	color: #cecece;
  }
  #portfolio  h5:before {
	content: "\25b6";
	position: absolute;
	left: -24px;
	-webkit-animation: leftRight 2s linear infinite;
	animation: leftRight 2s linear infinite;
  }
  
  @-webkit-keyframes leftRight {
	0%    { -webkit-transform: translateX(0)}
	25%   { -webkit-transform: translateX(-10px)}
	75%   { -webkit-transform: translateX(10px)}
	100%  { -webkit-transform: translateX(0)}
  }
  @keyframes leftRight {
	0%    { transform: translateX(0)}
	25%   { transform: translateX(-10px)}
	75%   { transform: translateX(10px)}
	100%  { transform: translateX(0)}
  }

  

   
	





  
/** about section **/

 

.container_width {
    padding: 0 15px;
    margin: 0 auto;
    display: block;
    clear: both;
    width: 100%;
    max-width: 1380px;
}

.about_img figure {
    margin: 0;
    position: relative;
}

.about_img figure::before {
    position: absolute;
    content: "";
    background: rgb(31, 150, 180);
    width: 100%;
    height: 88%;
    left: -10px;
    right: 0;
    top: 17px;
    bottom: -10px;
    z-index: 1;
}

.about_img figure img {
    position: relative;
    z-index: 9999;
    padding: 30px 0;
}

.about .titlepage {
    padding-bottom: 0;
    max-width: 550px;
    width: 100%;
    float: left;
}

.about .titlepage p {
    padding-top: 20px;
}
 

img {
    max-width: 100%;
    height: auto;
}

 :focus {
    outline: 0;
}

.btn-custom {
    margin-top: 20px;
    background-color: transparent !important;
    border: 2px solid #ddd;
    padding: 12px 40px;
    font-size: 16px;
}

.lead {
    font-size: 18px;
    line-height: 30px;
    color: #767676;
    margin: 0;
    padding: 0;
}

.form-control:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
    border: none !important;
}

.badge {
    font-weight: 500;
}

blockquote {
    margin: 20px 0 20px;
    padding: 30px;
}

 

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

.full {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

.titlepage {
    padding-bottom: 40px;
}

.titlepage h2 {
    font-size: 45px;
    color: #2d2d2d;
    line-height: 50px;
    font-weight: bold;
    padding: 0;
    display: inline-block;
}

.titlepage p {
    padding-top: 0px;
}

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

.text_align_left {
    text-align: left;
}

.text_align_right {
    text-align: right;
}

.text_align_center {
    text-align: center;
}

.img_responsive {
    max-width: 100%;
}


/**-- heading sec
/** end about section **/

  
  .call-buton .cc-calto-action-ripple {
	z-index: 99999;
	position: fixed;
	right: 1.28rem;
	bottom: 2.2rem;
	background: #08d45d;
	width: 4rem;
	height: 4rem;
	padding: 1rem;
	border-radius: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff;
	-webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
	animation: cc-calto-action-ripple 0.6s linear infinite;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none; }
	.call-buton .cc-calto-action-ripple i {
	  -webkit-transition: 0.3s ease;
	  transition: 0.3s ease;
	  font-size: 2.2rem; padding-left: 2px; }
	.call-buton .cc-calto-action-ripple:hover i {
	  -webkit-transform: rotate(135deg);
	  transform: rotate(135deg); }
  
  @-webkit-keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px rgba(16, 218, 100, 0.2), 0 0 0 0 rgba(0, 236, 12, 0.822), 0 0 0 5px rgba(0, 236, 59, 0.71), 0 0 0 10px rgba(0, 122, 236, 0.2);
	  box-shadow: 0 4px 10px rgba(0, 236, 59, 0.2), 0 0 0 0 rgba(0, 236, 0, 0.815), 0 0 0 5px rgba(0, 189, 236, 0.7), 0 0 0 10px rgba(0, 75, 236, 0.2); }
	100% {
	  -webkit-box-shadow: 0 4px 10px rgba(0, 236, 106, 0.2), 0 0 0 5px rgba(0, 236, 39, 0.2), 0 0 0 10px rgba(0, 236, 39, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
	  box-shadow: 0 4px 10px rgba(0, 236, 12, 0.2), 0 0 0 5px rgba(0, 236, 59, 0.2), 0 0 0 10px rgba(8, 236, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } }
  
  @keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px rgba(0, 236, 20, 0.2), 0 0 0 0 rgba(0, 236, 79, 0.2), 0 0 0 5px rgba(0, 55, 236, 0.2), 0 0 0 10px rgba(0, 83, 236, 0.2);
	  box-shadow: 0 4px 10px rgba(0, 236, 59, 0.2), 0 0 0 0 rgba(0, 236, 79, 0.2), 0 0 0 5px rgba(0, 83, 236, 0.2), 0 0 0 10px rgba(0, 43, 236, 0.2); }
	100% {
	  -webkit-box-shadow: 0 4px 10px rgba(0, 236, 71, 0.2), 0 0 0 5px rgba(0, 236, 59, 0.2), 0 0 0 10px rgba(0, 63, 236, 0.2), 0 0 0 20px rgba(0, 75, 236, 0);
	  box-shadow: 0 4px 10px rgba(0, 236, 12, 0.2), 0 0 0 5px rgba(0, 236, 71, 0.2), 0 0 0 10px rgba(0, 83, 236, 0.2), 0 0 0 20px rgba(0, 130, 236, 0); } }

	span.num{
		position: absolute;
    color: #0572ee;
    left: -30%;
    bottom: -50%;
	}

	@media(min-width:769px) {
		.call-buton .cc-calto-action-ripple {
			display: none;
	  }
	}

	@media(max-width:769px) {
	.about_img figure::before {
		position: absolute;
		content: "";
		background: rgb(31, 150, 180);
		width: 100%;
		height: 81%;
		left: -10px;
		right: 0;
		top: 17px;
		bottom: -10px;
		z-index: 1;
	}
}