a.channel {
    color: inherit;
    text-decoration: none;
  }
  a.channel:hover {
    text-decoration: underline;
  }
  
  
  .icon-active {
    filter: sepia(100%) hue-rotate(150deg) saturate(400%);
  }
  
  
  

  .banner-section .slide {
    position: relative;
    overflow: hidden;
    padding-top: 300px;
    padding-bottom: 200px;
}

.auto-container {
    position: absolute;
    width: 100%;
    margin: 0 auto;
	text-align: center;
	direction: ltr;
   padding-top:30px;
   padding-bottom:80px;
    left:0;
	bottom:0;
	height:260px;
	background: rgba(18, 187, 184, 0.42);
}

.banner-section{
	position:relative;
	overflow:hidden;
}

.banner-section .slide::before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:2;
	/*background-color:rgba(8,92,112,0.70);*/
}

.banner-section .slide{
	position:relative;
	overflow:hidden;
    padding-top:0px;
    padding-bottom:0px;
	height:749px;
}

.banner-section .patern-layer-one{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 493px;
    height: 492px;
	z-index:2;
	opacity:0;
	transform: translateX(-500px);
    background-position: center bottom;
    background-repeat: no-repeat;
	background-size:cover;
	
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.banner-section .active .patern-layer-one{
	opacity:1;
	transform: translateX(0px);
}

.banner-section .patern-layer-two{
	position: absolute;
    right: 0px;
    bottom: 0px;
    width: 611px;
    height: 633px;
	z-index:2;
    background-position: right top;
    background-repeat: no-repeat;
	
	transform: translateX(500px);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.banner-section .active .patern-layer-two{
	transform: translateX(00px);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section .content-column{
	position:relative;
	z-index:10;
}

.banner-section .content-column .inner-column{
	position:relative;
}

.banner-section .content-column .title{
	position:relative;
	color:white;
	font-size: 80px;
    line-height:70px !important;
    word-wrap: break-word;
	line-height:1.4em;
	margin-bottom:5px;
	font-weight:700;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
    text-align:center;
}

.banner-section .active .content-column .title{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section .content-column h1{
	position:relative;
	font-size:60px;
	font-weight:400;
	line-height:1.1em;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	color:white !important;
	
}

.banner-section .active .content-column h1{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
	
}

.banner-section .content-column .text{
	position:relative;
	color:#2f4858;
	font-size:17px;
	line-height:1.9em;
	margin-top:30px;
	margin-bottom:30px;
	font-weight:400;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-column .text{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.banner-section .content-column .btns-box{
	margin-top:50px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section .active .content-column .btns-box{
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-section .content-column .theme-btn{
	margin-right:15px;
}

.banner-section .owl-dots{
	position:absolute;
	left:0px;
	right:0px;
	bottom:30px;
	text-align:center;
}

.banner-section .owl-dots .owl-dot{
	position:relative;
	    width: 15px;
    height: 15px;
	margin-bottom:10px;
	
	margin:0px 6px;
	display:inline-block;
	background-color:#ffffff;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	border-radius:50% !important;
	    background:white;
}

.banner-section .owl-dots .owl-dot.active,
.banner-section .owl-dots .owl-dot:hover{
	background-color:#00fffa;

	 border-radius:10px !important;
}
.slide .btns-box{text-align:left;}
.slide .btns-box a{background-color:#2f4858;color:white;text-decoration:none;padding: calc(0.667em + 2px) calc(1.333em + 2px);border-radius:10px;}
.slide .btns-box a:hover{color:white;background-color:#88ba30;}
.banner-section .owl-nav{
	position:absolute;
	left:0px;
	top:50%;
	z-index:99999;
	width:100%;
	opacity:0;
	margin-top:-10px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.banner-section:hover .owl-nav{
	opacity:1;
}

.banner-section .owl-nav .owl-prev{
	position:absolute;
	left:20px;
	width:60px;
	height:60px;
	line-height:60px;
	font-size:25px;
	text-align:center;
	border-radius:50px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:2px solid rgba(255,255,255,0.60);
	z-index:65555555555555555555;
	background:#eee !important;
	color:#2f4858;
}

.banner-section .owl-nav .owl-next{
	position:absolute;
	right:20px;
	font-size:25px;
	width:60px;
	height:60px;
    line-height:60px;
	
	border-radius:50px;
	text-align:center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:2px solid rgba(255,255,255,0.60);
	z-index:65555555555555555555555;
	background:#eee !important;
	color:#2f4858;
}
.banner-section .owl-nav .owl-prev span , .banner-section .owl-nav .owl-nexe span{line-height:60px;}
.banner-section .owl-nav .owl-prev:hover,
.banner-section .owl-nav .owl-next:hover{
	color:#222222 ;
	border-color:#ffffff;
	
}
/*
.line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}

.owl-item.active .line {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.4s;
}*/

  @media (max-width: 480px) {
	  .auto-container{width:100% !important;max-width:100% !important; padding-top:160px;padding-left:70px;left:0px;}
	  .banner-section .content-column .title{font-size:30px;}
	  .banner-section .content-column h1{font-size:27px;}
	  .banner-section .owl-nav .owl-prev span, .banner-section .owl-nav .owl-nexe span {line-height: 40px;}
	  .banner-section .owl-nav .owl-prev ,.banner-section .owl-nav .owl-next{width:40px;height:40px;line-height:40px;}
	 
   }
   
    @media (max-width: 359px) {
      
   }
    @media(max-width: 290px){
    	
    }