/*Love /*************/ /*   Us*/
@FONT-FACE {
    font-family: "ropoto";
    src: url(Satoshi-Regular.woff)
}


@FONT-FACE {
    font-family: "sliderlight";
    src: url(sliderlight.woff2)
}


@FONT-FACE {
    font-family: "header";
    src: url(popmed.woff2);
}


@FONT-FACE {
    font-family: "ElMessiri";
    src: url(ElMessiri-Bold.woff2)
}


.arabic{
font-family: "ElMessiri";
}

/*
yellwo : fea700
*/


*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
	line-height: inherit;

}



/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-size:14px;
	color:#333;
	line-height:1.7em;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
    font-family: "ropoto";}

.homebody {
background: #fff;
}


a{
	text-decoration:none;
	cursor:pointer;
}

a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.25em;font-family: "header";

}

textarea{
	overflow:hidden;	
}

button{
	outline: none !important;
	cursor: pointer;
}

p,.text{
	font-size: 14px;
	line-height: 1.7em;
	font-weight: 400;
	margin: 0 0 15px;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	z-index: 9;
	overflow: hidden;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

figure{
	margin-bottom: 0;
}

.theme-btn {
	display:inline-block;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;


line-height: 50px;
display: block;
text-transform: capitalize;
color: #fff;
font-size: 16px;
background-color: #49ae07;
padding: 0 15px;



  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;

}


.theme-btn:hover {
color:#fff;
 }

.theme-btn i{
	position: relative;
	display: inline-block;
	font-size: 12px;
	margin-right: 3px;
}

.centered{
	text-align:center !important;
}

/*Btn Style One*/

.btn-style-one{
position: relative;
display: inline-block;
font-size: 15px;
line-height: 30px;
color: #fff;
text-transform: capitalize;
overflow: hidden;
background: #49ae07;
padding: 7px 30px;
border-radius: 25px;
}

.btn-style-one:hover{
	color: #ffffff;
background: #0058ab;
}

.btn-style-one .btn-title{
	position: relative;
	display:block;
	z-index:1;
padding: 8px 30px 9px 30px;
border-radius: 0 30px 30px;
	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;color: #111;font-weight: normal;
}

.btn-style-one:hover .btn-title{
color: #111 !important;
}
/*
.btn-style-one .btn-title:before{
	position: absolute;
	right: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	content: "";
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-one:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}*/

.btn-style-one .btn-title:hover .cir {
background-color: #49ae07;
}

/* Btn Style Two */

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 28px;
	color: #848484;
	
	padding: 10px 30px;
	text-transform:capitalize;
	font-family: "ropoto";
	border-radius:25px;
	border:1px solid #e0e0e0;
	overflow:hidden;
}

.btn-style-two:hover{
	color: #ffffff;
}

/*Btn Style Three*/

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
	text-transform:capitalize;
	font-family: "ropoto";
	border-radius:0 30px 30px;
	overflow:hidden;
}

.btn-style-three:hover{
	color: #ffffff;
}

.btn-style-three .btn-title{
	position: relative;
	display:block;
	z-index:1;
padding: 11px 30px;
	border-radius:0 30px 30px;
	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;
}

.btn-style-three:hover .btn-title{
	color:#ffffff;
}

.btn-style-three .btn-title:before{
	position: absolute;
	right: 0;
	top: 0;
	z-index:-1;
	height: 100%;
	width: 100%;
	content: "";
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-three:hover  .btn-title:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}

/* Btn Style Foure */

.btn-style-four{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	color: #ffffff;
	
	padding: 8px 25px;
	text-transform:capitalize;
	font-family: "ropoto";
	border-radius:22px;
	border:2px solid #ffffff;
	overflow:hidden;
}

.btn-style-four:hover{
	color: #000000;
	border-color:#ffffff;
	background:#ffffff;
}

/*Btn Style Five*/

.btn-style-five{
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	
	text-transform:capitalize;
	font-family: "ropoto";
	border-radius:30px;
	overflow:hidden;
}

.btn-style-five:hover{
	color: #ffffff;
}

.btn-style-five .btn-title{
	position: relative;
	display:block;
	z-index:1;
	padding: 15px 45px;
	background-color: #ffffff;
	border-radius:30px;
	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;
}

.btn-style-five:hover .btn-title{
	color:#ffffff;
}


/*
.theme-btn:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
    -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);background-color: #25283a;z-index:-1;
}

.theme-btn:hover:before{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}
*/
.pull-left{
	float: left;
}

.pull-right{
	float: right;
}
/*

.preloader{ 
	position:fixed; 
	right:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:rgba(0,0,0,0);
} 

.preloader .icon{ 
	position:fixed; 
	right:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:1; 
	background-color:rgba(0,0,0,0); 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/preloader.svg);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
} 

.page-loaded .preloader .icon{
	opacity:0; 
}

.preloader:before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background:#ffffff;
	z-index:0; 
	-webkit-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

.page-loaded .preloader:before{
	-webkit-transform:translateX(-101%);
	-ms-transform:translateX(-101%);
	transform:translateX(-101%);
}

.preloader:after{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	z-index:2; 
	-webkit-transform:translateX(101%);
	-ms-transform:translateX(101%);
	transform:translateX(101%);
	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;
}

.page-loaded .preloader:after{
	-webkit-transform:translateX(-101%);
	-ms-transform:translateX(-101%);
	transform:translateX(-101%);
}
*/
img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

.dropdown-toggle::after{
	display: none;
}

.fa{
line-height: inherit;

font-weight: lighter;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	right:20px;
	bottom:30px;
	width:54px;
	height:54px;
	color:#ffffff;
	font-size:16px;
	line-height:54px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#49ae07;
	border-radius: 0px;
	display:none;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;border-radius: 0 30px 30px;
background: linear-gradient(to left, #49ae07, #355094);
background: linear-gradient(to left, #49ae07, #49ae07);
background: linear-gradient(to left, #49ae07, #f02aa3);
background: #014b80;
}

.scroll-to-top:hover{
	color:#ffffff;
}

.scroll-to-top:hover{
background: #fff;
color: #014b80;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position: relative;
	display: block;
	width: 100%;
background: #fff;
	z-index: 9999;

	background:none;
/*
position: absolute;
left: 0;
right: 0;
top: 0;
*/
background: rgba(255, 255, 255, 0.27);

backdrop-filter: blur(10px);


}

.homebody .main-header{
box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.4);
}



.main-header.header-style-two{
	position: absolute;
	top: 55px;
}

.main-header.header-style-three{
	position: absolute;
	top: 0px;
}

.main-header .header-top{
	position: relative;

	color:#000;/*
  background: linear-gradient(to right, #2e58ab, #49ae07);
background: linear-gradient(to right, #2e58ab, #55a9e5);
background-color: #edeff6;
background: linear-gradient(to right, #2e58ab, #05253b);
background: linear-gradient(to right, #2e58ab, #1c5fc7);
background: linear-gradient(90.07deg, #FF4E8D 32.43%, #AE34E8 58.79%, #3E8DFF 105.32%);


background: url(../images/hero-bg1.jpg);
background-size: cover;
background-position: center;*/
background: #edeff6;



}

.main-header .header-top .inner{
	position: relative;
}

/* Top Left*/


.main-header .header-top .info{
	position: relative;
	float: right;
}

.main-header .header-top .info li{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	font-weight: 400;
	padding: 0px 15px;
line-height: 40px;

}


.main-header .header-top .info li:first-child {

}



.main-header .header-top .info li a{
	position:relative;
	display: inline-block;
	color: #000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .header-top .info li i{
	position:relative;
	padding-right:5px;color: #000;
}

.main-header .header-top .info .search-btn{
	position:relative;	
}

.main-header .header-top .info .search-toggler{
	position:relative;
	padding:0;
	background:none;
	margin:0;
	line-height:24px;
	color: #000;	
	font-size:14px;
	cursor:pointer;
}


.main-header .header-top .social-links{
	position:relative;
}

.main-header .header-top .social-links li{

}


.main-header .header-top .top-left{
	position: relative;
	float:right;
line-height: 40px;

}

.header-top .top-left .select-box a i {
position: absolute;
left: 9px;
}

.header-top .top-left .select-box a {
color: #000;
display: block;
padding: 0px 9px 0 31px;
position: relative;
}

.main-header .header-top .social-links{
	position:relative;
}

.main-header .header-top .social-links li{
	position:relative;
	float:right;
	color:#000;
	line-height:24px;
width: 40px;
text-align: center;
height:40px;
overflow:hidden;
}

.main-header .header-top .social-links li a > div {
width: 40px;
height: 40px;
position: relative;
line-height: 40px;
transition: all ease-in-out 0.4s;
top: 0;
}


.main-header .header-top .social-links li:hover a > div {
top:-40px;
}



.main-ico {

}



.hover-ico span {
display: block;
line-height: 40px;
color: #000;
color: #fff;
}



.hover-ico .facebook {
background:#3b5998
}

.hover-ico .twitter {
background:#55acee
}


.hover-ico .youtube {
background:#ff0000
}


.hover-ico .linkedin {
background:#007bb5
}


.hover-ico .instagram {
background:#e95950
}



.main-header .header-top .social-links li a{
	position:relative;
	display:block;
font-size: 13px;
	line-height:24px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
color: #000;
}







/*=== Header Upper ===*/

.main-header .header-upper{
	position:relative;
/*
backdrop-filter: blur(25px);
background-color: #ffffff1a;*/
}


.main-header.fixed-header .header-upper{
position: fixed;
left: 0;
right: 0;
top: 0;
background: #f9f9f9;
}


.main-header.fixed-header .header-upper .logo-box {

}

.main-header.fixed-header .header-upper .logo img {

}


.main-header.fixed-header .main-menu .navigation > li > a {
color: #000;
}

.main-header.header-style-two .header-upper{
	background:none;
}

.main-header.header-style-three .header-upper{
	background:none;
}

.main-header .header-upper .inner-container{
	position: relative;
}

.main-header.header-style-two .header-upper .inner-container{
	padding-left:300px;
	padding-right: 30px;
	background: #ffffff;
	border-radius: 20px;
}


.main-header .header-upper .logo-box{
	position: relative;
	float: left;
	width: 300px;
	z-index:10;
}


.main-header.header-style-two .header-upper .logo-box{
	left: 30px;
}

.main-header.header-style-three .header-upper .logo-box{
	height:auto;
	width:180px;
	top:0;
	padding:15px 0px;
}

.main-header .header-upper .logo-box .logo{
	position: relative;
	display:block;
	padding:5px 0;
	text-align:center;
/*
	border-radius:0px 0px 20px 20px;background: #49ae07;
background: linear-gradient(to top, #041b49, #2a438a);
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15);*/
}

.main-header.header-style-three .header-upper .logo-box .logo{
	padding:0;
	background:none;
	text-align:left;
	border-radius:0;
}

/*

.main-header .header-upper .logo-box .logo:before{
    position: absolute;
    right: 3px;
    top: 102%;
    margin-top: -50px;
    height: 60px;
    width: 100%;
    content: "";
	-webkit-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
    border-radius: 20px;
}*/

.main-header.header-style-three .header-upper .logo-box .logo:before{
	display:none;	
}


.main-header .header-upper .logo img{
	position: relative;
	display: inline-block;
	max-width: 100%;	
	height: auto;
	z-index:1;
}

.main-header .header-upper .social-links{
	position: relative;
	float: left;
	padding: 39px 0;
	margin-left: 75px;
}

.main-header .nav-outer{
	position: relative;
	float: right;
	z-index:1;
}


.main-header .nav-outer .link-box{
	position: relative;
	padding: 20px 0px 0px;
	float: right;
margin-left: 20px;
}

.main-header .nav-outer .link-box .theme-btn{
	display:block;	
border-radius: 50%;
width: 50px;
height: 50px;
padding: 0;
text-align: center;
line-height: 50px;
float: right;
margin-left: 5px;
}

.main-header .nav-outer .link-box .donate-link{
	position:relative;
	float:right;
	margin-left:30px;	
}

.main-header .nav-outer .link-box .cart-link{
	position:relative;
	float:right;
	padding-top:15px;	
}

.main-header .nav-outer .link-box .cart-link a{
	display:block;
	line-height:30px;
	font-size:24px;
	color:#25283a;	
}

.header-style-three .nav-outer .link-box .cart-link a{
	color:#ffffff;	
}

.main-header .nav-outer .main-menu{
	position:relative;
	float:left;
}

.main-menu .navbar-collapse{
	padding:0px;
	display:block !important;
}

.main-menu .navigation{
	position:relative;
	margin:0px;

}

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-right: 20px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
	margin-right:0px;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	font-size:15px;
	line-height:30px;
	text-transform:capitalize;
	color:#161e49;
	padding:28px 0px;
	opacity:1;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;font-weight: bold;
}

.header-style-three .main-menu .navigation > li > a{
	color:#ffffff;	
}

.main-menu .navigation > li > a:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0;
	width:0px;
height: 3px;
background: #49ae07;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.header-style-three .main-menu .navigation > li > a:before{

}

.sticky-header .main-menu .navigation > li > a:before{
	display:none;
}

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
	width:100%;
}

.main-menu .navigation > li.dropdown{
	padding-right:14px;	
}

.sticky-header .main-menu .navigation > li.dropdown{
	padding-right:0px;	
}

.main-menu .navigation > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Pro';
	content: "\f107";
	position:absolute;
	right:-14px;
top: 30px;
	display:block;
	line-height:30px;
	font-size:12px;
	
	text-align:center;
	z-index:5;	
}

.sticky-header .main-menu .navigation > li.dropdown > a:before,
.sticky-header .main-menu .navigation > li.dropdown > a:after{
	display: none;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:270px;
	z-index:100;
	display:none;
	opacity: 0;
    visibility: hidden;
	padding: 0px 0px;
	background-color: #ffffff;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
    transform: translateY(30px);
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:0%;
	height:100%;
	display:block;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-menu .navigation > li > ul > li:hover:before{
	
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#ffffff;	background-color: #49ae07;
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 15px;
	line-height:22px;
	
	font-size:13px;
	text-transform:capitalize;
	color:#25283a;
	text-align: left;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Pro';
	content: "\f105";
	position:absolute;
	right:16px;
	top:12px;
	display:block;
	line-height:24px;
	font-size:16px;
	
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top: 0;
	width:270px;
	z-index:100;
	display:none;
    padding: 0px 0px;
	background-color: #ffffff;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
    transform: translateY(30px);
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > ul > li:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0%;
	height:100%;
	display:block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover:before{
	
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 15px;
	line-height:24px;
	
	font-size:13px;
	text-transform:capitalize;
	color:#25283a;
	text-align: left;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#ffffff;	background-color: #49ae07;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'Font Awesome 5 Pro';
	content: "\f105";
	position:absolute;
	right:16px;
	top:12px;
	display:block;
	line-height:24px;
	font-size:16px;
	
	z-index:5;	
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
    transform: translateY(0);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;	
}

.main-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:8px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:26px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}


.mobile-menu .navigation li.dropdown.open ul {
	visibility:visible;
	opacity:1;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;display: block;
}


/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup{
	position:fixed;
	left:0;
	top:0px;
	width:100%;
	height:100%;
	z-index:99999;
	visibility:hidden;
	opacity:0;
	overflow:auto;
	background:rgba(0,0,0,0.90);
	-webkit-transform:translateY(101%);
	-ms-transform:translateY(101%);
	transform:translateY(101%);
	transition:all 700ms ease;
	-moz-transition:all 700ms ease;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
}

.search-popup.popup-visible{
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
	visibility:visible;
	opacity:1;
}

.search-popup .overlay-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	display:block;
}

.search-popup .close-search{
	position:absolute;
	right:25px;
	top:25px;
	font-size:22px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
}

.search-popup .close-search:hover{
	opacity:0.70;	
}

.search-popup .search-form{
	position:relative;
	padding:0px 15px 0px;
	max-width:1024px;
	margin:0 auto;	
	margin-top:150px;
	margin-bottom: 100px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.search-popup .search-form fieldset{
	position:relative;
	border:7px solid rgba(255,255,255,0.50);
	border-radius:12px;
}

.search-popup .search-form fieldset input[type="search"]{
	position:relative;
	height:70px;
	padding:20px 220px 20px 30px;
	background:#ffffff;
	line-height:30px;
	font-size: 18px;
	color:#233145;
	border-radius:7px;
}

.search-popup .search-form fieldset input[type="submit"]{
	position:absolute;
	display:block;
	right:0px;
	top:0px;
	text-align:center;
	width:220px;
	height:70px;
	padding:20px 10px 20px 10px;
	color:#ffffff !important;
	line-height:30px;
	font-size:16px;
	cursor:pointer;
	text-transform:uppercase;
	border-radius:0;
}

.search-popup h3{
	text-transform:uppercase;
	font-size:20px;
	
	color:#ffffff;

	margin-bottom:20px;
	letter-spacing:1px;
	text-align:center;	
}

.search-popup .recent-searches{
	font-size:16px;
	color:#ffffff;
	text-align:center;
}

.search-popup .recent-searches li{
	display:inline-block;
	margin:0px 10px 10px 0px;	
}

.search-popup .recent-searches li a{
	display:block;
	line-height:24px;
	border:1px solid #ffffff;
	padding:7px 15px;
	color:#ffffff;
	border-radius:3px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}


/*** 

====================================================================
				Sticky Header
====================================================================

***/

.sticky-header{
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: -1;
    background: #ffffff;
	border-bottom:1px solid #e5e5e5;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.10);
    box-shadow: 0 0 15px rgba(0,0,0,0.10);
    -webkit-transition: top 300ms ease;
    -moz-transition: top 300ms ease;
    -ms-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
}

.fixed-header .sticky-header{
	opacity:1;
	z-index: 99901;
	visibility:visible;
}

.fixed-header .sticky-header .logo{
	padding: 10px 0px;
}

.sticky-header .main-menu .navigation > li{
	margin-left: 50px !important;
	padding: 0;
	margin-right: 0;
	background-color: transparent;
}

.sticky-header .main-menu .navigation > li.dropdown > a:after,
.sticky-header .main-menu .navigation > li:before{
	display: none;
}

.sticky-header .main-menu .navigation > li > a{
	padding:20px 0px !important;
	line-height:30px;
	font-size:15px;
	
	color:#25283a;
	text-transform:capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .main-menu .navigation > li > ul > li > ul{
	left:auto;
	right:100%;	
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler{
	position: relative;
	float: right;
	font-size: 40px;
	cursor: pointer;
margin: 24px 0 0 15px;
	display: none;
}

.nav-outer .mobile-nav-toggler > span.ico {
position: absolute;
top: 0;
}

.mobile-menu{
	position: fixed;
	right: -200%;
	top: 0;
	width: 300px;
	padding-right:30px;
	max-width:100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;	display: none; 
}

.mobile-menu .mCSB_inside>.mCSB_container{
	margin-left:5px;	
}

.mobile-menu .navbar-collapse{
	display:block !important;	
}

.mobile-menu .nav-logo{
	position:relative;
	padding:30px 25px;
	text-align:right;	
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	opacity: 1;
	visibility: visible;
	display: block; right: 0;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 0.70;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
background: linear-gradient( to left , #eee , #fff);
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);min-height: 100vh;
}

.mobile-menu-visible .mobile-menu .menu-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
	transition:all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn{
	position: absolute;
right: 15px;
top: 5px;
	width: 24px;
	text-align: center;
	font-size: 16px;
	color: #000;
	cursor: pointer;
	z-index: 10;
	-webkit-transition:all 0.9s ease;
	-moz-transition:all 0.9s ease;
	-ms-transition:all 0.9s ease;
	-o-transition:all 0.9s ease;
	transition:all 0.9s ease;

line-height: 30px;
background: #49ae07;
border-radius: 50%;
text-align: center;
width: 30px;
height: 30px;
color: #fff;
}


.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	width: 100%;
	float: none;
}

.mobile-menu .navigation li{
	position: relative;
	display: block;
border-bottom: 1px solid rgba(235, 235, 235, 0.83);
}

.mobile-menu .navigation li:last-child{
	border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 500;
	color: #111;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

.mobile-menu .navigation li ul li > a{
	font-size: 14px;
	margin-right: 20px;
	text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}

.mobile-menu .navigation li.current > a:before{
	height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:6px;
	top:6px;
	width:32px;
	height:32px;
	text-align:center;
	font-size:16px;
	line-height:32px;
	color:#000;
	cursor:pointer;
	border-radius:2px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
	z-index:5;
}
/*
.mobile-menu .navigation li.dropdown .dropdown-btn.open{
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);	
}*/

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;background: #fff;
}

.mobile-menu .social-links{
	position:relative;
	text-align:center;
	padding:30px 25px;
}

.mobile-menu .social-links li{
	position:relative;
	display:inline-block;
	margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
	position:relative;
	line-height:32px;
	font-size:16px;
	color:#111;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;	
}


/*** 

====================================================================
		Banner Section
====================================================================

***/

.banner-section{
	position: relative;
	z-index:1;
}

.banner-carousel{
	position: relative;
}

.banner-carousel .slide-item{
	position: relative;
	display: block;
	overflow:hidden;
height: calc(100vh - 86px);
display: grid;
align-items: center;

text-align: left;
background-size: 100% 100% !important;
background-position: center !important;

}


.banner-carousel .slide-item img {
width: 100%;
}
 
.banner-carousel .slide-item .curved-layer{
	position:absolute;
	right:0;
	top:0;
	width:45%;
	height:100%;	
}

.banner-carousel .slide-item .curved-layer:before{
	content:'';
	position:absolute;
	left:0;
	top:-80%;
	width:150%;
	height:200%;
	opacity:0.85;
	-webkit-transform-origin:right ;
	-ms-transform-origin:right;
	transform-origin:right;
	-webkit-transform:rotate(20deg) scaleX(0);	
	-ms-transform:rotate(20deg) scaleX(0);
	transform:rotate(20deg) scaleX(0);	
}

.banner-carousel .active .slide-item .curved-layer:before{
	-webkit-transform:rotate(20deg) scaleX(1);	
	-ms-transform:rotate(20deg) scaleX(1);
	transform:rotate(20deg) scaleX(1);	
	-webkit-transition: all 700ms linear;
	-moz-transition: all 700ms linear;
	-ms-transition: all 700ms linear;
	-o-transition: all 700ms linear;
	transition: all 700ms linear;
}
/*
.banner-carousel .slide-item .image-layer{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}



.banner-carousel .active .slide-item .image-layer{
	-webkit-transform:scale(1.15);
	-ms-transform:scale(1.15);
	transform:scale(1.15);
	-webkit-transition: all 7000ms linear;
	-moz-transition: all 7000ms linear;
	-ms-transition: all 7000ms linear;
	-o-transition: all 7000ms linear;
	transition: all 7000ms linear;
}
*/


.banner-carousel .slide-item:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;

	content: "";
	z-index:1;
background: linear-gradient(to right, #0d224b, #00000021);
background: linear-gradient(to right, #d0e0ff, #00000021 , #fff3);
background: linear-gradient(to right, #0a214f, #00000021 , #fff3);
background: linear-gradient(to right, #00000087, #0000000f );
}

.banner-carousel .content-box{
position: relative;
text-align: left;
z-index: 5;
padding-top: 100px;
max-width: 50%;
}

.style-three .banner-carousel .content-box{
	text-align:right;
	max-width:1000px;
	margin:0 0;	
}

.banner-carousel .content-box h2{
	display: block;
	font-size: 18px;
	line-height: 1.15em;
	color: #49ae07;
	opacity: 0;
	margin-bottom: 10px;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
	text-transform:capitalize;
position: relative;
font-family: "sliderlight";
}

/*
.banner-carousel .content-box h2:after {
    width: 40px;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;background: #49ae07;

}
*/

.banner-carousel .active .content-box h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;

}

.banner-carousel .content-box .text{
	display: block;
	font-size: 18px;
	line-height: 1.6em;
	color: #ffffff;
color: #fff;
	font-weight: 400;
	opacity: 0;
	max-width: 670px;
	margin-bottom: 45px;
	-webkit-transform: translateY(80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
font-family: "sliderlight";
font-size: 28px;
line-height: 1.2em;
margin-bottom: 15px;

}


.banner-carousel .content-box .text span {
  font-weight: bold;
  font-size: 50px;
  margin-bottom: 10px;
  display: block;
  color: #fff;
  text-transform: capitalize;
line-height: 60px;
}



.banner-carousel .content-box .text div {
color: #fff;
font-size: 18px;
line-height: 26px;
}	


.style-three .banner-carousel .content-box .text{
	text-align:right;
	max-width:600px;
	margin:0 0 40px;	
}

.banner-carousel .active .content-box .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-carousel .content-box .btn-box{
	position: relative;
	opacity: 0;
	z-index: 5;
	-webkit-transform: translateY(80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
}

.banner-carousel .active .content-box .btn-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1400ms;
	-moz-transition-delay: 1400ms;
	-ms-transition-delay: 1400ms;
	-o-transition-delay: 1400ms;
	transition-delay: 1400ms;
}

.banner-carousel .content-box .btn-box .theme-btn .btn-title{
	padding-right:52px;
	padding-left:52px;	
}

/*
.banner-section .owl-nav{
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: 0 auto;
	width:100%;transition: all 300ms ease;
}

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

.banner-section .owl-nav .owl-prev{
	position: absolute;
	left: 20px;
	top:0;
height: 55px;
width: 40px;
	border:none;
	text-align: center;
	color: #fff;
line-height: 55px;
	opacity: 1;
	margin-top: -30px;	
font-size: 18px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;


box-shadow: 0 0.3px 1px -5px rgba(0, 0, 0, 0.109), 0 0.9px 2.6px -5px rgba(0, 0, 0, 0.155), 0 1.8px 5.3px -5px rgba(0, 0, 0, 0.195), 0 3.7px 11px -5px rgba(0, 0, 0, 0.241), 0 10px 30px -5px rgba(0, 0, 0, 0.35);
}


.banner-section .owl-nav .owl-next{
	position: absolute;
	right: 20px;
	top:0;
height: 55px;
width: 40px;
	border:none;
	text-align: center;
line-height: 55px;
	color: #fff;
	opacity: 1;
	margin-top: -30px;	
font-size: 18px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;


box-shadow: 0 0.3px 1px -5px rgba(0, 0, 0, 0.109), 0 0.9px 2.6px -5px rgba(0, 0, 0, 0.155), 0 1.8px 5.3px -5px rgba(0, 0, 0, 0.195), 0 3.7px 11px -5px rgba(0, 0, 0, 0.241), 0 10px 30px -5px rgba(0, 0, 0, 0.35);
}


.banner-section .owl-nav .owl-prev:hover, 
.banner-section .owl-nav .owl-next:hover{
	opacity: 1;
}*/



.banner-section .owl-carousel .owl-nav{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width:100%;
}

.banner-section .owl-carousel .owl-nav .owl-prev{
	position: absolute;
	left: 20px;
	top:0;
	background: rgba(255,255,255,0.15);
	height: 56px;
	width: 56px;
	border-radius: 50%;
	border:none;
	text-align: center;
	color: rgba(0,0,0,0);
	line-height: 56px;
	font-size: 0px;
	opacity: 1;

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
backdrop-filter: blur(25px);
background-color: #4b4b4b1a;
}

.banner-section .owl-carousel .owl-nav .owl-prev:after{
font-family: 'Font Awesome 5 Pro';
content: "\f104";
	position:absolute;
	top: 0;
	width:56px;
	height: 56px;
	line-height: 56px;
	left:0;
	color: #ffffff;
	font-size: 19px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;	
}

.banner-section .owl-carousel .owl-nav .owl-prev:hover:after{
	left:0;
	margin-left:0;
	font-size:20px;	
}

.banner-section .owl-carousel .owl-nav .owl-next{
	position: absolute;
	right: 20px;
	top:0;
	background: rgba(255,255,255,0.15);
	height: 56px;
	width: 56px;
	border-radius: 50%;
	border:none;
	text-align: center;
	line-height: 56px;
	color: rgba(0,0,0,0);
	font-size: 0px;
	opacity: 1;

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
backdrop-filter: blur(25px);
background-color: #4b4b4b1a;
}

.banner-section .owl-carousel .owl-nav .owl-next:after{
font-family: 'Font Awesome 5 Pro';
content: "\f105";
	position:absolute;
	top: 0;
	width:56px;
	height: 56px;
	line-height: 56px;
	right:0;
	color: #ffffff;
	font-size: 19px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .owl-carousel .owl-nav .owl-next:hover:after{
	right:0;
	margin-right:0;
	font-size:20px;	
}

.banner-section .owl-carousel .owl-nav .owl-prev:hover, 
.banner-section .owl-carousel .owl-nav .owl-next:hover{
	opacity: 1;
}

.banner-section .owl-dots{
	position: absolute;
	right: 0;
	margin: 0;
	bottom: 40px;
	width: 100%;
	text-align: center;
}

.banner-section .owl-dots .owl-dot{
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px 4px;
}

.banner-section .owl-dots .owl-dot span{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background: #ffffff;
	border-radius: 50%;
}


/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title{
	position:relative;
margin-bottom: 25px;
text-align: center ;
}




.sec-title h2:after {
position: absolute;
content: " ";
background: linear-gradient( to right , #49ae07 ,#49ae07);
height: 4px;
bottom: 0;
left: 50%;
width: 60px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 4px;
}


.sec-title h2:before {
position: absolute;
content: " ";
background: linear-gradient( to right , #49ae07 ,#49ae07);
height: 4px;
bottom: 0;
right: 50%;
width: 4px;
border-radius: 4px;
margin-right: -38px;
}




.text-left.sec-title h2:before {
left: 64px;
right: auto;
transform: none;
}


.text-left.sec-title h2:after {
right: auto;
left: 0;
transform: none;
}




.sec-title .sub-title{
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	

	margin-bottom: 5px;
}

.sec-title h2{
	position: relative;
	display: block;
font-size: 19px;
	line-height: 1.2em;color: #000;
	text-transform:capitalize;padding-bottom: 15px;
}

.sec-title p {
margin-top: 15px;

margin-bottom: 0;
}

.sec-title .text{
	position: relative;
	display: block;
	padding-top:20px;
	font-size:16px;
	color:#111;
	margin:0;
}

.sec-title .link-box{
	position: relative;
	display: block;
	padding-top:20px;
}


/*** 

====================================================================
	About Section
====================================================================

***/


.about-section .top-rotten-curve{
	position:absolute;
	right:0;
	top:-19px;
	width:100%;
	height:20px;
	background:url(../images/background/rotten-curve-1.png) center bottom no-repeat;
	background-size:100% 100%;
	z-index:2;
}

.about-section .bottom-rotten-curve{
	position:absolute;
	right:0;
	bottom:-19px;
	width:100%;
	height:20px;
	background:url(../images/background/rotten-curve-2.png) center top no-repeat;
	background-size:100% 100%;
	z-index:2;
}

.about-section .circle-one{
	position:absolute;
	right:-300px;
	top:-400px;
	width:670px;
	height:670px;
	border:100px solid #e4e7eb;
	border-radius:50%;	
}

.about-section .circle-two{
	position:absolute;
	left:-200px;
	top:-170px;
	width:670px;
	height:670px;
	border:100px solid #e4e7eb;
	border-radius:50%;	
}

.about-section .right-column .sec-title{
	margin-bottom:0;	text-align: left;
}

.about-section .right-column .sec-title .text{
	padding-top:10px;text-align: justify;line-height: 30px;
}

.about-section .right-column{
	position:relative;
	margin-bottom:40px;	
}

.about-section .right-column .inner{
	position:relative;

}

.about-feature{
	position:relative;
	margin-bottom:30px;
}

.about-feature .inner-box{
	position:relative;
	display:block;
	padding:50px 15px;
	text-align:center;
	background:#ffffff;
	border-radius:20px;
	overflow:hidden;
}

.about-feature .inner-box:before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-transform-origin:top;
	-ms-transform-origin:top;
	transform-origin:top;
	-webkit-transform:scaleY(0);
	-ms-transform:scaleY(0);
	transform:scaleY(0);
	-webkit-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}

.about-feature .inner-box:hover:before{
	-webkit-transform:scaleY(1);
	-ms-transform:scaleY(1);
	transform:scaleY(1);	
}

.about-feature .icon-box{
	position:relative;
	display:block;
	font-size:54px;
	line-height:60px;
	margin:0 auto 25px;
	-webkit-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;	
}

.about-feature .inner-box:hover .icon-box{
	color:#ffffff !important;
}

.about-feature h4{
	position:relative;
	font-size:20px;
	color:#111;
	text-transform:capitalize;
	-webkit-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}

.about-feature h4 a{
	color:#111;
}

.about-feature .inner-box:hover h4,
.about-feature .inner-box:hover h4 a{
	color:#ffffff;
}

.about-feature .over-link{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;	
}

.about-section .left-column .row{
	margin:0px -18px;	
}

.about-section .left-column .inner{
	position:relative;
	padding-left:30px;	
}


.about-section .left-column .inner img {
max-width: 80%;
margin: 0 auto;
display: block;
}

.about-section .left-column .about-feature{
	padding:0px 18px;
	margin-bottom:36px;
}

.text-blocks{
	position: relative;
	padding-top: 100px;
}

.default-text-block{
	position: relative;
	margin-bottom: 40px;
}

.default-text-block h3{
	font-size: 24px;
	margin:0 0 15px;
	text-transform: capitalize;
}

.default-text-block .text{
	font-size: 16px;
	line-height: 1.6em;
	margin: 0;
}

/*** 

====================================================================
	Causes Section
====================================================================

***/

.causes-section{
	position:relative;
	padding:130px 0px 120px;
	background-color:#ffffff;
	overflow:hidden;
}

.causes-section .circle-one{
	position:absolute;
	right:-300px;
	bottom:-210px;
	width:800px;
	height:800px;
	border:100px solid #f2f5f8;
	border-radius:50%;
}

.no-padding-top{
	padding-top:0 !important;	
}

.cause-block{
	position:relative;
	margin-bottom:30px;	
}

.cause-block .inner-box{
	position:relative;
	display:block;
	background:#ffffff;
	border:1px solid #e5e5e5;
	border-radius:20px;
	overflow:hidden;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.cause-block .inner-box:hover{
	-webkit-box-shadow:0px 15px 40px 5px rgba(0,0,0,0.10);
	-ms-box-shadow:0px 15px 40px 5px rgba(0,0,0,0.10);
	box-shadow:0px 15px 40px 5px rgba(0,0,0,0.10);
}

.cause-block .image-box{
	position:relative;	
}

.cause-block .image-box img{
	width:100%;	
}

.cause-block .inner-box .donate-info{
	position:relative;
	background:#edf1f5;
	padding:65px 35px 25px;	
}

.cause-block .inner-box .donate-info .bg-image-layer{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;	
}

.cause-block .inner-box .donate-info .bg-image-layer:before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.90;
}

.cause-block.alternate .inner-box .donate-info{
	padding-bottom:35px;	
}

.cause-block .inner-box .donate-info:after{
	content:'';
	position:absolute;
	right:0;
	bottom:-20px;
	width:100%;
	height:21px;
	background:url(../images/background/rotten-curve-3.png) center top no-repeat;
	background-size:100% 100%;
	z-index:1;
}

.cause-block.alternate .inner-box .donate-info:after{
	content:'';
	position:absolute;
	right:0;
	bottom:-1px;
	width:100%;
	height:13px;
	background:url(../images/background/rotten-curve-6.png) center bottom no-repeat;
	background-size:100% 100%;
	z-index:1;
}

.cause-block .inner-box .progress-box{
	position:relative;
	display:block;
	width:100%;
}

.cause-block .inner-box .progress-box .bar{
	position:relative;
	width:100%;
	height:5px;
	background:rgba(0,0,0,0.10);
	border-radius:3px;
	margin-bottom:20px;
}

.cause-block .inner-box .progress-box .bar-inner{
	position:relative;
	display:block;
	width:0px;
	height:5px;
	border-radius:3px;
	-webkit-transition:all 1500ms ease;
	-ms-transition:all 1500ms ease;
	-o-transition:all 1500ms ease;
	-moz-transition:all 1500ms ease;
	transition:all 1500ms ease;	
}

.cause-block .inner-box .progress-box .count-text{
	position:absolute;
	left:0px;
	margin-left:-23px;
	bottom:18px;
	width:46px;
	height:26px;
	color:#ffffff;
	line-height:26px;
	font-size:13px;
	
	border-radius:2px;
	text-align:center;
	opacity:0;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;	
}

.cause-block .inner-box .progress-box .bar-inner.counted .count-text{
	opacity:1;	
}

.cause-block .inner-box .progress-box .count-text:after{
	content:'';
	position:absolute;
	right:50%;
	margin-right:-5px;
	top:100%;
	border:5px solid transparent;	
}

.cause-block .inner-box .lower-content{
	position:relative;
	padding:45px 35px 30px;	
}

.cause-block.alternate .inner-box .lower-content{
	padding-top:35px;
}


.cause-block .inner-box .donate-info{
	position:relative;
	color:#848484;		
}

.cause-block .inner-box .donate-info strong{
	font-weight:500;
	color:#222222;	
}

.cause-block .inner-box .donate-info .donation-count{
	position:relative;
	font-weight:400;
	font-size:15px;
	line-height:24px;
	z-index:1;
}

.cause-block .inner-box .donate-info .raised{
	float:right;
}

.cause-block .inner-box .donate-info .goal{
	float:left;
}

.cause-block .inner-box h3{
	font-size:24px;
	line-height:1.25em;
	font-weight:400;
	margin-bottom:20px;
	color:#111;
}

.cause-block .inner-box h3 a{
	color:#111;
}

.cause-block .inner-box .text{
	line-height:1.6em;
	font-size:16px;
	margin-bottom:30px;
}

.cause-block .inner-box:hover .btn-style-two{
	color: #ffffff;
}

/*** 

====================================================================
	Video Section
====================================================================

***/

.video-section{
	position:relative;
	padding:180px 0px;
	background-color:#edf1f5;
	overflow:hidden;
}

.video-section .circle-one{
	position:absolute;
	left:-200px;
	top:-170px;
	width:670px;
	height:670px;
	border:100px solid #e8ebef;
	border-radius:50%;	
}

.video-section .circle-two{
	position:absolute;
	left:10%;
	bottom:-180px;
	width:500px;
	height:500px;
	border:100px solid #e8ebef;
	border-radius:50%;	
}

.video-section .top-rotten-curve{
	position:absolute;
	right:0;
	top:0px;
	width:100%;
	height:20px;
	background:url(../images/background/rotten-curve-4.png) center bottom no-repeat;
	background-size:100% 100%;
	z-index:1;
}

.video-section .bottom-rotten-curve{
	position:absolute;
	right:0;
	bottom:0px;
	width:100%;
	height:20px;
	background:url(../images/background/rotten-curve-5.png) center top no-repeat;
	background-size:100% 100%;
	z-index:1;
}

.video-section .image-layer{
	position:absolute;
	right:-180px;
	top:0;
	width:50%;
	height:100%;	
}

.video-section .image-layer .bg-image{
	position:absolute;
	right:180px;
	top:0;
	left:0;
	bottom:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;	
}

.video-section .image-layer .bg-image:before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.30);
}

.video-section .text-column{
	position:relative;
	order:12;	
}

.video-section .text-column .inner{
	position:relative;
	display:block;
	padding-top:60px;
}

.video-section .text-column .inner .sec-title{
	margin-bottom: 0;
}

.video-section .image-column{
	position:relative;	
}

.video-section .image-column .inner{
	position:relative;
	display:block;
	padding-left:40px;	
}

.video-section .image-column .image-box{
	position:relative;
	display:block;
	margin:0;
	border-radius:20px;
	overflow:hidden;
}

.video-section .image-column .image-box img{
	width:100%;	
	border-radius:20px;
}

.video-section .image-column .image-box .over-link{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	color:#ffffff;
	background:rgba(0,0,0,0.0);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.video-section .image-column .image-box:hover .over-link{
	background:rgba(0,0,0,0.50);	
}

.video-section .image-column .image-box .icon{
	position:absolute;
	right:50%;
	top:50%;
	width:80px;
	height:80px;
	font-size:80px;
	line-height:80px;
	margin-right:-40px;
	margin-top:-40px;	
}


/*** 

====================================================================
	What We Do Section
====================================================================

***/

.what-we-do{
	position:relative;
	padding:130px 0px 0px;
	background-color:#ffffff;
	background:-webkit-linear-gradient(top,#ffffff,#edf1f5);
	background:-ms-linear-gradient(top,#ffffff,#edf1f5);
	background:-moz-linear-gradient(top,#ffffff,#edf1f5);
}

.service-block{
	position:relative;
border-radius: 9px;
padding: 0 8px;
}

.service-block .inner-box{
position: relative;
display: block;
text-align: center;
display: flex;
align-items: center;
gap: 10px
}	

.service-block .icon-box{
	position:relative;
	display:inline-block;
	padding-top:19px;
	line-height:1.1em;

	margin:0 0 18px;
}

.service-block .icon-box img {
min-width: 60px;
max-width: 60px;
width: 60px;
}

.service-block .icon-box:after{
	content:'';
	position:absolute;
	left:0;
	top:0px;
	width:50px;
	height:50px;
	border-radius:50%;
	opacity:0.15;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.service-block .inner-box:hover .icon-box:after{
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
	opacity:0.05;
}



.service-block .text{
	position:relative;
	font-size:15px;
	margin:0;
}

.what-we-do .bottom-image{
	position:relative;
	text-align:center;	
}

/*** 

====================================================================
	Mission Vision Section
====================================================================

***/

.mission-vision{
	position:relative;
	padding:150px 0px 120px;
	background-color:#ffffff;
	overflow:hidden;
}

.mission-vision .circle-one{
	position:absolute;
	left:-170px;
	top:200px;
	width:670px;
	height:670px;
	border:100px solid #f2f5f8;
	border-radius:50%;	
}

.mission-vision .circle-two{
	position:absolute;
	right:-110px;
	bottom:-300px;
	width:670px;
	height:670px;
	border:100px solid #f2f5f8;
	border-radius:50%;	
}

.mission{
	position:relative;
	margin-bottom:90px;	
}

.mission-vision .text-column,
.mission-vision .image-column{
	position:relative;
	margin-bottom:30px;	
}

.mission-vision .text-column .inner{
	position:relative;
	padding-top:25px;
	padding-left:50px;	
}

.mission-vision .text-column .sec-title{
	margin:0;	
}

.mission-vision .image-column .row{
	margin:0px -3px;
}

.mission-vision .image-column .row .image{
	position:relative;
	float:right;
	width:50%;
	padding:0px 3px;
	margin-bottom:6px;	
}

.mission-vision .image-column img{
	width:100%;
	border-radius:20px;	
}

.vision .text-column{
	order:12;
}

.vision .text-column .inner{
	padding-left:0px;
	padding-right:50px;
}


/*** 

====================================================================
	Call To Action Section
====================================================================

***/

.call-to-action{
	position:relative;
	padding:150px 0px 135px;
	background-color:#111;
	text-align:center;
	overflow:hidden;
}

.call-to-action .image-layer{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background-attachment:fixed;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;		
}

.call-to-action .image-layer:before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.50);	
}

.call-to-action .inner{
	position:relative;
	max-width:600px;
	margin:0 auto;	
}

.call-to-action .inner .text{
	position:relative;
	max-width:500px;
	margin:0 auto;	
}

.call-to-action .sec-title{
	margin:0;	
}

.call-to-action .sec-title h2,
.call-to-action .sec-title .text{
	color:#ffffff;	
}

.call-to-action .link-box .theme-btn{
	margin:0px 8px 15px;	
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position:relative;
	padding:150px 0px 100px;
	background-color:#ffffff;
}

.team-section .bottom-rotten-curve{
	position:absolute;
	right:0;
	bottom:-19px;
	width:100%;
	height:20px;
	background:url(../images/background/rotten-curve-4.png) center top no-repeat;
	background-size:100% 100%;
	z-index:1;
}

.team-block{
	position:relative;
	margin-bottom:50px;	
}

.team-block .inner-box{
	position:relative;
	display:block;
	text-align:center;
	border-radius:20px;
	overflow:hidden;	
}

.team-block .inner-box:hover{
	-webkit-box-shadow:0px 10px 30px 3px rgba(0,0,0,0.10);
	-ms-box-shadow:0px 10px 30px 3px rgba(0,0,0,0.10);
	box-shadow:0px 10px 30px 3px rgba(0,0,0,0.10);
}

.team-block .image-box{
	position:relative;
	display:block;
	border-radius:20px;
	margin:0;
}

.team-block .image-box img{
	position:relative;
	width:100%;
	border-radius:20px;
}

.team-block .lower-box{
	position:relative;
	display:block;
	background:#ffffff;
	padding:30px 20px 0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.team-block .lower-box .content{
	position:relative;
	display:block;
	background:#ffffff;
	padding:0px 0px 30px;
	margin-bottom:-90px;
}

.team-block .inner-box:hover .lower-box{
	-webkit-transform:translateY(-90px);
	-ms-transform:translateY(-90px);
	transform:translateY(-90px);	
}

.team-block .lower-box h3{
	position:relative;
	font-size:24px;
	color:#111;
	margin-bottom:5px;
}

.team-block .lower-box h3 a{
	color:#111;
}


.team-block .lower-box .designation{
	position:relative;
	font-size:15px;
	color:#848484;
}

.team-block .social-links{
	position:relative;
	padding:20px 0px 0px;
}

.team-block .social-links li{
	position:relative;
	display:inline-block;
	margin:0px 3px 5px;	
}

.team-block .social-links li a{
	position:relative;
	display:block;
	width:44px;
	height:44px;
	font-size:13px;
	border:1px solid #e5e5e5;
	line-height:42px;
	text-align:center;
	background:#ffffff;
	color:#848484;
	border-radius:50%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.team-block .social-links li a:hover{
	color:#ffffff;	
}

/*** 

====================================================================
	Upcoming Events Section
====================================================================

***/

.upcoming-events{
	position:relative;
	padding:150px 0px;
	background-color:#edf1f5;
	overflow:hidden;
}

.upcoming-events .circle-one{
	position:absolute;
	right:-150px;
	top:-260px;
	width:670px;
	height:670px;
	border:100px solid #e8ebef;
	border-radius:50%;	
}

.upcoming-events .circle-two{
	position:absolute;
	left:-250px;
	bottom:-300px;
	width:870px;
	height:870px;
	border:100px solid #e8ebef;
	border-radius:50%;	
}

.upcoming-events .carousel-box{
	position:relative;	
}

.upcoming-events .slide-item{
	position:relative;
}

.event-block{
	position:relative;
}

.event-block .inner-box{
	position:relative;
	display:block;
	background:#ffffff;
	border-radius:20px;
	overflow:hidden;
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.05);
	-ms-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.05);
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.05);
}

.event-block .image-column{
	position:absolute;
	float:right;
	right:0;
	top:0;
	width:50%;
	height:100%;	
}

.event-block .image-column .image-box{
	position:relative;
	display:none;	
}

.event-block .image-column .image-box img{
	position:relative;
	width:100%;
}

.event-block .image-column .bg-image-layer{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
}

.event-block .over-link{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;	
}

.event-block .text-column{
	position:relative;
	float:left;
	width:50%;
	background:#ffffff;
}

.event-block .text-column .inner{
	position:relative;
	display:block;
	padding:50px;	
}

.event-block h3{
	font-size:30px;
	margin:0 0 10px;	
}

.event-block h3 a{
	color:#111;	
}

.event-block .info{
	position:relative;
	margin-bottom:15px;	
}

.event-block .info li{
	position:relative;
	display:inline-block;
	font-size:15px;
	color:#848484;
	margin-left:15px;
	margin-bottom:5px;	
}

.event-block .info li .icon{
	position:relative;
	padding-left:3px;	
}

.event-block .text{
	position:relative;
	margin-bottom:30px;	
}

.event-block .link-box .theme-btn .btn-title{
	padding-right:52px;
	padding-left:52px;	
}

.upcoming-events .owl-nav{
	display:none;	
}

.upcoming-events .owl-dots{
	position: relative;
	right: 0;
	bottom: 0px;
	width: 100%;
	text-align: center;
	padding-top:50px;
}

.upcoming-events .owl-dots .owl-dot{
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px 7px;
}

.upcoming-events .owl-dots .owl-dot span{
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	background: none;
	border:2px solid #babcbe;
	border-radius: 50%;
	-webkit-transform:scale(0.8);
	-ms-transform:scale(0.8);
	transform:scale(0.8);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.upcoming-events .owl-dots .owl-dot.active span{
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}

/*** 

====================================================================
	Fun Facts Section
====================================================================

***/


/*** 

====================================================================
	Fun Facts Section
====================================================================

***/

.facts-section{
	position:relative;
	padding:80px 0px 40px;
	background:#1e2436;
	z-index:2;
}

.facts-section .bottom-rotten-curve{
	position:absolute;
	right:0;
	bottom:-1px;
	width:100%;
	height:20px;
	background:url(../images/background/rotten-curve-5.png) center bottom no-repeat;
	background-size:100% 100%;
	z-index:2;
}

.facts-section .bottom-rotten-curve.alternate{
	background-image:url(../images/background/rotten-curve-1.png);
}

/*fact counter*/

.fact-counter{
	position:relative;
}

.fact-counter .column{
	position:relative;
	margin-bottom:50px;
}

.fact-counter .column .inner{
	position:relative;
}

.fact-counter .column .inner .content{
	position:relative;
	text-align:center;
}

.fact-counter .column .inner .count-outer{
	position:relative;
	font-weight:400;
	font-size:80px;
	line-height:1.1em;
	display:block;
	font-family: "ropoto";
}

.fact-counter .column .inner .counter-title{
	position:relative;
	font-size:16px;
	font-weight:400;
	color:#ffffff;
	opacity:0.70;
	margin-top:0px;
}

.fact-counter .column .inner:before{
	position:absolute;
	content:'';
	left:-20px;
	top:50%;
	margin-top:-45px;
	width:1px;
	height:90px;
	background-color:rgba(255,255,255,0.40);
	-webkit-transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	transform:rotate(15deg);
}

.fact-counter .column:last-child .inner:before{
	display:none;
}

/*** 

/*fact counter*/
/*
.fact-counter{
	position:relative;
}

.fact-counter .column{
	position:relative;
	margin-bottom:50px;
}

.fact-counter .column .inner{
	position:relative;
}

.fact-counter .column .inner .content{
	position:relative;
	text-align:center;
}

.fact-counter .column .inner .count-outer{
	position:relative;
	font-weight:400;
	font-size:80px;
	line-height:1.1em;
	display:block;
	font-family: "ropoto";
}

.fact-counter .column .inner .counter-title{
	position:relative;
	font-size:16px;
	font-weight:400;
	color:#ffffff;
	opacity:0.70;
	margin-top:0px;
}

.fact-counter .column .inner:before{
	position:absolute;
	content:'';
	left:-20px;
	top:50%;
	margin-top:-45px;
	width:1px;
	height:90px;
	background-color:rgba(255,255,255,0.40);
	-webkit-transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	transform:rotate(15deg);
}

.fact-counter .column:last-child .inner:before{
	display:none;
}
*/





.counter-items .counter-title {
  padding: 25px 30px;
  text-align: center;
  border-radius: 100px;
  background: linear-gradient(145.27deg, rgba(255, 2, 154, 0.6) 15.55%, rgba(159, 114, 144) 86.81%);
  margin-bottom: 12px;
  margin-top: 15px;
}
.counter-items .counter-title.bg-2 {
background: linear-gradient(145deg, rgba(17, 21, 255, 0.44) 15.55%, rgba(16, 39, 228, 0.94) 86.81%);
}
.counter-items .counter-title.bg-3 {
background: linear-gradient(145deg, rgba(0, 236, 9, 0.6) 15.55%, rgb(29, 227, 73) 86.81%);
}
.counter-items .counter-title.bg-4 {
  background: linear-gradient(145deg, rgba(145, 5, 255, 0.6) 15.55%, rgba(185, 173, 255) 86.81%);
}
.counter-items .counter-title h2 {
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
.counter-items p {
  font-size: 16px;
  font-weight: 700;
  color: #000;
}

.counter-text {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .counter-text {
    margin-bottom: 0;
  }
}
.counter-text h6 {
  font-size: 20px;
  line-height: 1;
}


.as-shape {
position: absolute;
bottom: 0;
right: 0;
max-height: 300px;
}



.counter-section {
padding: 50px 0 30px;
background-attachment: fixed;
background-size: cover;
background-position: center;
position: relative;
z-index: 1;
    background-color: #fff;
background: #e9eef2;
}

/*
.counter-section:before {
position: absolute;
    content: "";
    background-color: #0000004d;
background: linear-gradient( to bottom , #000c , #0000004d);
background: linear-gradient( to bottom , #04398cf2 , #012153f7);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
z-index: -1;
}


.counter-section .sec-title h2,
.counter-section .sec-title p {
color: #fff;
}
*/

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section{
	position:relative;
	padding:160px 0px 120px;
	background-color:#ffffff;
	z-index:2;
}


.news-section .top-rotten-curve{
	position:absolute;
	right:0;
	top:-19px;
	width:100%;
	height:20px;
	background:url(../images/background/rotten-curve-5.png) center top no-repeat;
	background-size:100% 100%;
	z-index:1;
}

.news-section .title-box{
	position:relative;
	margin-bottom:60px;	
}

.news-section .title-box .sec-title{
	float:right;
	margin:0;	
}

.news-section .title-box .link{
	position:relative;
	float:left;
	padding-top:45px;	
}

.news-section .circle-one{
	position:absolute;
	width:800px;
	height:800px;
	right:-280px;
	bottom:-210px;	
	border:100px solid #e8ebef;
	border-radius:50%;	
}

.news-block{
	position:relative;
	margin-bottom:30px;	
}

.news-block .inner-box{
	position:relative;
	display:block;
	background:#ffffff;
	border:1px solid #e0e0e0;
	border-radius:20px;
	overflow:hidden;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.news-block .inner-box:hover{
	-webkit-box-shadow:0px 15px 30px 5px rgba(0,0,0,0.10);
	-ms-box-shadow:0px 15px 30px 5px rgba(0,0,0,0.10);
	box-shadow:0px 15px 30px 5px rgba(0,0,0,0.10);
}

.news-block .image-box{
	position:relative;	
}

.news-block .image-box img{
	width:100%;	
}

.news-block .inner-box .lower-content{
	position:relative;
	padding:60px 35px 30px;	
}

.news-block .inner-box .date{
	position:absolute;
	right:35px;
	top:-45px;
	width:74px;
	height:74px;
	font-size:30px;
	z-index:1;
	line-height:1em;
	font-family: "ropoto";
	color:#ffffff;
	padding-top:15px;
	text-align:center;
	border-radius:50%;	
}

.news-block .inner-box .date .month{
	position:relative;
	display:block;
	font-size:15px;
	line-height:1.2em;
}

.news-block .inner-box h3{
	font-size:24px;
	line-height:1.25em;
	font-weight:400;
	margin-bottom:20px;
	color:#111;
}

.news-block .inner-box h3 a{
	color:#111;
}

.news-block .inner-box .text{
	line-height:1.6em;
	font-size:16px;
	margin-bottom:30px;
}

.news-block .post-meta{
	position:relative;
	padding-top:10px;
	border-top:1px solid #e0e0e0;	
}

.news-block .post-meta ul{
	position:relative;
	display:table;
	width:100%;
	vertical-align:middle;	
}

.news-block .post-meta ul li{
	position:relative;
	display:table-cell;
	color:#848484;
	font-size:14px;
	padding:0px 5px;
	margin-left:20px;
	text-align:center;
	vertical-align:middle;	
}

.news-block .post-meta ul li:before{
	position:absolute;
	content:'';
	left:0px;
	top:50%;
	margin-top:-8px;
	width:1px;
	height:16px;
	border-left:2px solid #dddddd;
}

.news-block .post-meta ul li:last-child:before{
	display:none;	
}

.news-block .post-meta ul li .icon{
	padding-left:5px;	
}

.news-block .post-meta ul li a{
	color:#848484;	
}


.news-block .post-meta ul li:last-child{
	position:relative;
	padding-left:0;
	text-align:left;
}

.news-block .post-meta ul li:first-child{
	text-align:right;
	padding-right:0;
}

.news-block .post-meta ul li a:hover{
	
	color:#111;
}


/*** 

====================================================================
		Insta Gallery Section
====================================================================

***/

.insta-gallery{
	position: relative;
}

.gallery-item{
	position: relative;
}

.gallery-item .image-box{
	position: relative;
	overflow: hidden;
}

.gallery-item .image-box .image{
	position: relative;
}

.gallery-item .image-box .image img{
	width: 100%;
	height: auto;
}

.gallery-item .overlay-box{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.60);
	content: "";
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.gallery-item .image-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.gallery-item .overlay-box a{
	position: absolute;
	right: 50%;
	top: 50%;
	margin-top: -40px;
	margin-right: -40px;
}

.gallery-item .overlay-box a span{
	display: block;
	height: 80px;
	width: 80px;
	font-size:72px;
	font-weight: 400;
	line-height: 80px;
}

.insta-gallery .owl-nav,
.insta-gallery .owl-dots{
	display: none;
}

/**************/
.main-footer .nav-box{
	position:relative;
	padding-top:0;	
}

.main-footer .nav-box .inner{
	position:relative;
	padding:5px 20px;
border: 1px solid rgba(29, 29, 29, 0.2);
	border-radius:48px;	
}

.main-footer .nav-box .inner .footer-nav{
	float:left;width: 84%;
	padding:5px 20px;
}

.main-footer .nav-box .inner .footer-nav li{
	position:relative;
	float:left;
	line-height:30px;
margin-right: 10px;
padding-right: 18px;
}


.main-footer .nav-box .inner .footer-nav li:after {
	content:'';
	position:absolute;
	right:0;
top: 50%;
width: 8px;
height: 1px;
background: #7c7c7c;
	z-index:2;
}
 
.main-footer .nav-box .inner .footer-nav li:last-child:after {  display:none }

.main-footer .nav-box .inner .footer-nav li a{
	color:#000;
font-size: 14px;	
}

.main-footer .nav-box .inner .donate-link{
margin-top: 11px;
margin-right: 15px;
}

.main-footer .nav-box .inner .donate-link .theme-btn{
	 display:block;	
}

.main-footer .nav-box .inner .donate-link .theme-btn .btn-title:before{
	background:#ffffff;	
}


/*
.main-footer .footer-bottom{
	position:relative;
	padding:30px 0px;
	background:#1a202f;
	line-height:30px;
	font-size:15px;
	color:#9ea0a9;
}

.main-footer .footer-bottom .copyleft{
	position:relative;
	float:right;
}

.main-footer .footer-bottom .bottom-links{
	position:relative;
	float:left;
}

.main-footer .footer-bottom .bottom-links li{
	position:relative;
	display:inline-block;
	margin-right:30px;
	vertical-align:middle;	
}

.main-footer .footer-bottom .bottom-links li:before{
	content:'|';
	position:absolute;
	top:0;
	line-height:28px;
	right:-30px;
	width:30px;
	text-align:center;
}

.main-footer .footer-bottom .bottom-links li:first-child:before{
	display:none;	
}

.main-footer .footer-bottom .bottom-links li a{
	position:relative;
	display:block;
	color:#9ea0a9;	
}

.main-footer .footer-bottom .bottom-links li a:hover{
	text-decoration:underline;	
}
*/
/*** 

====================================================================
	About Section / Style Two
====================================================================

***/

.about-section.style-two{
	padding:0px 0px 140px;
}

.about-section.alternate{
	padding:150px 0px 120px;
}

.about-section.style-two .circle-one{
	top:auto;
	bottom:-200px;
	right:-170px;
}

.about-section.alternate .circle-one{
	bottom:-350px;
	right:-350px;
}

.about-section.style-two .circle-two{
	width:800px;
	height:800px;
	left:-220px;
	top:-150px;	
}

.about-section.alternate .circle-two{
	left:-300px;
	top:-400px;	
}

.about-section .upper-boxes{
	position: relative;
	top: -90px;
	margin-bottom: 70px;
	z-index: 3;
}

.about-feature-two{
	position:relative;
	margin-bottom:30px;
}

.about-feature-two .inner-box{
	position:relative;
	display:block;
	padding:50px 40px;
	background:#111;
	border-radius:20px;
	overflow:hidden;
}

.about-feature-two .inner-box .image-layer{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;	
}

.about-feature-two .inner-box .image-layer:before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.90;
	-webkit-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}

.about-feature-two .icon-box{
	position:relative;
	display:block;
	color:#ffffff;
	font-size:50px;
	line-height:50px;
	margin:0 auto 20px;	
}

.about-feature-two h4{
	position:relative;
	font-size:24px;
	color:#ffffff;
	text-transform:capitalize;
	margin:0 0 15px;
}

.about-feature-two h4 a{
	color:#ffffff;
}

.about-feature-two .over-link{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;	
}

.about-section.style-two .right-column .inner{
	padding-top: 0px;
}

.about-section.alternate .right-column .inner{
	max-width: none;
	padding-left: 50px;
}

.about-section .left-column .images{
	margin:0px -5px;	
}

.about-section .left-column .images .image{
	position:relative;
	float:right;
	width:50%;
	padding:0px 5px;
	margin-bottom:10px;	
}

.about-section .left-column .images img{
	width:100%;
	border-radius:20px;	
}

.about-section.style-two .left-column .inner{
	padding-right:0;
}

.about-feature-two .text{
	position:relative;
	font-size:16px;
	color:#ffffff;
	margin:0 0 25px;
}

/*** 

====================================================================
	What We Do Style Two
====================================================================

***/

.what-we-do.style-two{
	position:relative;
	padding:180px 0px 130px;
	background:#111;
	color:#ffffff;
}

.what-we-do.style-two.centered-style{
	text-align:center;
}

.what-we-do .image-layer{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;	
}

.what-we-do .image-layer:before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background:#131419;
	opacity:0.70;	
}

.what-we-do.centered-style .image-layer:before{
	background:#1e2436;
	opacity:0.93;	
}

.what-we-do.style-two .top-rotten-curve{
	position:absolute;
	right:0;
	top:0px;
	width:100%;
	height:20px;
	background:url(../images/background/rotten-curve-4.png) center bottom no-repeat;
	background-size:100% 100%;
	z-index:1;
}

.what-we-do.style-two .bottom-rotten-curve{
	position:absolute;
	right:0;
	bottom:0px;
	width:100%;
	height:20px;
	background:url(../images/background/rotten-curve-5.png) center bottom no-repeat;
	background-size:100% 100%;
	z-index:1;
}

.what-we-do.style-two .sec-title{
	margin:0 0 50px;
}

.what-we-do.style-two .sec-title h2{
	font-size:28px;
	color:#ffffff;
}

.what-we-do.style-two .sec-title .text{
	color:#bfcdc7;
}

.what-we-do.centered-style .sec-title{
	max-width:750px;
	margin:0 auto 60px;	
}

.what-we-do.style-two .service-block{
	margin-bottom:50px;	
}

.what-we-do.style-two .service-block .text{
	color:#bfcdc7;
}

/*** 

====================================================================
	How We Work
====================================================================

***/

.how-it-works{
	position:relative;
	padding:150px 0px 100px;
	background:#ffffff;
	overflow:hidden;
}

.how-it-works .circle-one{
	position:absolute;
	width:800px;
	height:800px;
	left:-220px;
	top:-150px;	
	border:100px solid #f2f5f8;
	border-radius:50%;	
}

.how-it-works.no-padding-top .circle-one{
	left:-400px;
	top:auto;
	bottom:-325px;	
}

.process-block{
	position:relative;
	margin-bottom:50px;	
}

.process-block .inner-box{
	position:relative;
	display:block;
}

.process-block .image-box{
	position:relative;
	display:block;
	margin-bottom:30px;
}

.process-block .image-box .image,
.process-block .image-box .image img{
	position:relative;
	width:100%;
	margin:0;
	border-radius:20px;
}

.process-block h3{
	font-size:24px;
	color:#111;
	text-transform:capitalize;
	margin:0 0 10px;
}	

.process-block h3 a{
	color:#111;
}

.process-block .text{
	font-size:15px;
	color:#111;
	margin-bottom:25px;
}	

.process-block .link-box .theme-btn{
	padding-right:40px;
	padding-left:40px;	
}

/*** 

====================================================================
	Team Carousel Section
====================================================================

***/

.team-carousel-section{
	position:relative;
	padding:150px 0px 150px;
	background:#ffffff;
}

.team-carousel-section .title-box{
	position:relative;
	margin-bottom:60px;	
}

.team-carousel-section .title-box .sec-title{
	float:right;
	margin:0;	
}

.team-carousel-section .title-box .text{
	position:relative;
	float:right;
	padding-top:55px;
	margin-right:100px;
	max-width:360px;
	margin-bottom:0;
}

.owl-theme .team-block{
	margin:0;
	padding:0;
	z-index:5;
}

.team-carousel-section .team-carousel .owl-stage-outer{
	position:relative;
	overflow:visible;
}

.team-carousel-section .team-carousel{
	position:relative;
	z-index:1;
}

.team-carousel-section .team-carousel:before{
	content:'';
	position:absolute;
	width:2000px;
	left:100%;
	margin-left:30px;
	background:#ffffff;
	height:100%;
	z-index:2;	
}

.team-carousel-section .owl-nav{
	position: absolute;
	top: -125px;
	left:0;
}

.team-carousel-section .owl-theme .owl-nav .owl-prev,
.team-carousel-section .owl-theme .owl-nav .owl-next{
	position: relative;
	display:inline-block;
	elevation:0;
	top:0;
	background:#ffffff;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	border:1px solid #e0e0e0;
	text-align: center;
	line-height: 48px;
	color: rgba(0,0,0,0);
	font-size: 0px;
	opacity: 1;
	margin:0;
	margin-right:20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-carousel-section .owl-theme .owl-nav .owl-prev:before,
.team-carousel-section .owl-theme .owl-nav .owl-next:before{
	font-family: "Flaticon";
	content: "\f107";
	position:absolute;
	top: 0;
	right: 0;
	display: block;
	width:48px;
	height: 48px;
	line-height: 48px;
	color: #111;
	font-size: 28px;
	}

.team-carousel-section .owl-theme .owl-nav .owl-next{
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

.team-carousel-section .owl-theme .owl-nav .owl-prev:hover, 
.team-carousel-section .owl-theme .owl-nav .owl-next:hover{
	color:#ffffff;
	opacity: 1;
}

.team-carousel-section .owl-theme .owl-nav .owl-prev:hover:before, 
.team-carousel-section .owl-theme .owl-nav .owl-next:hover:before{
	color:#ffffff;
}

.team-carousel-section .owl-dots{
	display:none;
}

/*** 

====================================================================
	Call To Action Section
====================================================================

***/

.call-to-action-two{
	position:relative;
	padding:100px 0px 70px;
	color:#ffffff;
	z-index: 3;
}

.call-to-action-two .title-box{
	position:relative;
	float:right;
	margin-bottom:30px;	
}

.call-to-action-two h2{
	font-size:48px;
	line-height:1.25em;
	text-transform:capitalize;	
}

.call-to-action-two .link-box{
	position:relative;
	float:left;
	margin-bottom:30px;	
}

.call-to-action-two .link-box .theme-btn{
	display:block;	
}

.call-to-action-two .link-box .theme-btn .btn-title{
	padding-right:52px;
	padding-left:52px;	
}


/*** 

====================================================================
	Events Section Two
====================================================================

***/

.upcoming-events .events-box{
	position:relative;
	display:block;
	background:#ffffff;
	border-radius:10px;
	overflow:hidden;
	-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.07);
	-ms-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.07);
	box-shadow:0px 0px 20px 0px rgba(0,0,0,0.07);
}

.upcoming-events .circle-three{
	position:absolute;
	width:800px;
	height:800px;
	left:-220px;
	top:-150px;	
	border:100px solid #e8ebef;
	border-radius:50%;	
}

.upcoming-events .circle-four{
	position:absolute;
	width:630px;
	height:630px;
	right:-120px;
	bottom:70px;
	border:100px solid #e8ebef;
	border-radius:50%;	
}

.event-block-two{
	position:relative;	
}

.event-block-two .inner-box{
	position:relative;
	display:block;
	padding:50px 50px;
	background:#ffffff;
}

.event-block-two .inner-box:before{
	content:'';
	position:absolute;
	right:0;
	bottom:0px;
	width:100%;
	height:10px;
	-webkit-box-shadow:0px 12px 25px 0px rgba(0,0,0,0.25);
	-ms-box-shadow:0px 12px 25px 0px rgba(0,0,0,0.25);
	box-shadow:0px 12px 25px 0px rgba(0,0,0,0.25);
	z-index:1;		
}

.event-block-two .inner-box:after{
	content:'';
	position:absolute;
	right:0;
	bottom:0px;
	width:100%;
	height:30px;
	background:#ffffff;
	z-index:2;		
}

.event-block-two .title-column{
	position:relative;	
}

.event-block-two .title-column .inner{
	position:relative;
	display:block;
	padding-right:260px;
	padding-top:50px;
	min-height:160px;
}

.event-block-two .title-column .image-box{
	position:absolute;
	right:0;
	top:0;
	width:220px;
	border-radius:5px;
	overflow:hidden;
	margin:0;
}

.event-block-two .title-column .image-box img{
	width:100%;
	border-radius:5px;
}

.event-block-two .title-column h3{
	font-size:24px;
	color:#111;
	line-height:1.2em;
}

.event-block-two .title-column h3 a{
	color:#111;
}

.event-block-two .info-column{
	position:relative;
}

.event-block-two .info-column .inner{
	position:relative;
	padding-top:50px;
	padding-right:60px;	
}

.event-block-two .info-column .inner:before{
	content:'';
	position:absolute;
	right:0;
	top:55px;
	height:50px;
	border-right:1px solid #e0e0e0;	
}

.event-block-two .info-column .info{
	position:relative;
	float:right;	
}

.event-block-two .info-column .info li{
	position:relative;
	display:block;
	font-size:15px;
	margin:2px 0px;
	color:#848484;	
}

.event-block-two .info-column .info li .icon{
	position:relative;
	width:20px;
	padding-left:3px;
	text-align:center;
}

.event-block-two .info-column .link-box{
	position:relative;
	float:left;
}

.event-block-two .info-column .link-box .theme-btn .btn-title{
	padding-right:52px;
	padding-left:52px;	
}

/*** 

====================================================================
	About Section / Style Three
====================================================================

***/

.about-section.style-three{
	background:#ffffff;
}

.about-section.style-three .circle-one{
	right:auto;
	left:-270px;
	top:-300px;
	width:780px;
	height:780px;
	border-color:#f2f5f8;
}

.about-section.style-three .top-rotten-curve{
	background-image:url(../images/background/rotten-curve-5.png);
}

.about-section.style-three .right-column{
	order:12;
}

.about-section.style-three .right-column .inner{
	max-width:none;
	padding-left:0;
	padding-top:40px;
	padding-right:30px;	
}

.about-section.style-three .left-column .inner{
	max-width:none;
	padding-left:0;
	padding-right:0;	
}

.about-section .left-column .images{
	position:relative;
	margin:0px -4px;	
}

.about-section .left-column .images .image-block{
	float:right;
	width:50%;
	padding:0px 4px;
}

.about-section .left-column .images .image-box{
	position:relative;
	margin-bottom:8px;	
}

/*** 

====================================================================
	Fluid Section
====================================================================

***/

.fluid-section{
	position:relative;
	padding:0px 0px;
	overflow:hidden;
}

.fluid-section .image-column{
	position:absolute;
	float: right;
	right:0px;
	top:0;
	width:50%;
	height:100%;	
}

.fluid-section .image-column:before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.40);
}

.fluid-section .image-column .image-layer{
	position:absolute;
	right:0px;
	top:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;	
}

.fluid-section .image-column .image-box{
	position: relative;
	display: block;
}

.fluid-section .image-column .image{
	position: relative;
	width: 100%;
	margin: 0;
	display: none;
}

.fluid-section .image-column .image img{
	position: relative;
	width: 100%;
}

.fluid-section .image-column .over-link{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	color:#ffffff;
	background:rgba(0,0,0,0.50);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.fluid-section .image-column:hover .over-link{
	background:rgba(0,0,0,0.80);	
}

.fluid-section .image-column .over-link .icon{
	position:absolute;
	right:50%;
	top:50%;
	width:80px;
	height:80px;
	font-size:80px;
	line-height:80px;
	margin-right:-40px;
	margin-top:-40px;	
}

.fluid-section .text-column{
	position:relative;
	float: left;
	width: 50%;
}

.fluid-section .text-column .inner{
	position:relative;
	display:block;
	color: #ffffff;
	text-align: center;
	padding: 120px 50px;
}

.fluid-section .quote-icon{
	position: absolute;
	right: 50%;
	margin-right: -40px;
	top: 50%;
	margin-top: -30px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 54px;
	color: rgba(255,255,255,0.15);
}

.fluid-section .sec-title{
	margin:0 0 50px;
}

.fluid-section .sec-title .sub-title{
	color: rgba(255,255,255,0.50);
}

.fluid-section .slide-item{
	position: relative;
	max-width: 550px;
	margin: 0 auto;
	z-index: 1;
}

.fluid-section .slide-item .text{
	position: relative;
	font-size: 20px;
	line-height: 1.6em;
	margin: 0 0 30px;
}

.fluid-section .slide-item .author{
	position: relative;
	font-size: 24px;
	line-height: 1.5em;
}

.fluid-section .owl-nav{
	display: none;
}

.fluid-section .owl-dots{
	position: absolute;
	left: -20px;
	top: -30px;
	width: 20px;
	text-align: center;
}

.fluid-section .owl-dots .owl-dot{
	position: relative;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0px 0px 10px;
}

.fluid-section .owl-dots .owl-dot span{
	position: relative;
	display: block;
	width: 10px;
	height: 10px;
	background: #ffffff;
	opacity: 0.30;
	border-radius: 50%;
}

.fluid-section .owl-dots .owl-dot.active span{
	opacity:1;
}

/*** 

====================================================================
	News Section / News lock Two
====================================================================

***/


.news-block-two{
	position:relative;
	margin-bottom:30px;	
}

.news-block-two .inner-box{
	position:relative;
	display:block;
	background:#ffffff;
	border:1px solid #e0e0e0;
	border-radius:20px;
	padding: 49px 49px 45px;
	overflow:hidden;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.news-block-two .inner-box:hover{
	-webkit-box-shadow:0px 15px 30px 5px rgba(0,0,0,0.10);
	-ms-box-shadow:0px 15px 30px 5px rgba(0,0,0,0.10);
	box-shadow:0px 15px 30px 5px rgba(0,0,0,0.10);
}

.news-block-two .image-box{
	position:relative;
	margin: 0;
}

.news-block-two .image-box img{
	width:100%;
	border-radius:20px;	
}

.news-block-two .inner-box .lower-content{
	position:relative;
	padding:40px 0px 0;	
}

.news-block-two .inner-box h3{
	font-size:24px;
	line-height:1.25em;
	font-weight:400;
	margin-bottom:20px;
	color:#111;
}

.news-block-two .inner-box h3 a{
	color:#111;
}

.news-block-two .inner-box .text{
	line-height:1.6em;
	font-size:16px;
	margin-bottom:30px;
}

.news-block-two .post-meta{
	position:relative;
	margin-bottom: 10px;	
}

.news-block-two .post-meta ul{
	position:relative;
	display:block;
	width:100%;
	vertical-align:middle;	
}

.news-block-two .post-meta ul li{
	position:relative;
	display:inline-block;
	color:#848484;
	font-size:14px;
	padding:0px;
	padding-left:16px;
	margin-left: 15px;
	text-align:center;
	vertical-align:middle;	
}

.news-block-two .post-meta ul li:before{
	position:absolute;
	content:'';
	left:-1px;
	top:50%;
	margin-top:-8px;
	width:1px;
	height:16px;
	border-left:1px solid #dddddd;
}

.news-block-two .post-meta ul li:last-child:before{
	display:none;	
}

.news-block-two .post-meta ul li .icon{
	padding-left:5px;	
}

.news-block-two .post-meta ul li a{
	color:#848484;	
}


.news-block-two .post-meta ul li:last-child{
	position:relative;
	padding-left:0;
	margin-left: 0;
}

.news-block-two .post-meta ul li a:hover{
	font-weight:500;
}

.news-block-two .link-box{
	position: relative;
}


.news-block-three{
	position:relative;
	margin-bottom:30px;	
}

.news-block-three .inner-box{
	position:relative;
	display:block;
	background:#f2f5f8;
	border-radius:20px;
	padding: 50px;
	overflow:hidden;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.news-block-three .news-post{
	position:relative;
	padding-right:200px;
	padding-top: 3px;
	min-height:180px;
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid #e0e0e0;
}

.news-block-three .news-post:last-child{
	margin:0;
	padding-bottom: 0;
	border: none;
	min-height: 130px;	
}

.news-block-three .news-post .post-thumb{
	position:absolute;
	right:0;
	top:0;
	width:180px;
	border-radius:10px;
	overflow:hidden;	
}

.news-block-three .news-post .post-thumb img{
	position:relative;
	width:100%;	
}

.news-block-three .news-post .date{
	position: relative;
	font-size:14px;
	line-height:24px;
	margin:0 0 10px;
}

.news-block-three .news-post .date .fa{
	padding-left: 5px;
	color: #848484;
	font-size: 15px;
}

.news-block-three .news-post h4{
	font-size:20px;
	margin:0 0;
	line-height:1.4em;
	font-weight:400;
	color:#111;	
}

.news-block-three .news-post h4 a{
	color:#111;
}


/*** 

====================================================================
	Page Banner Style
====================================================================

***/

.page-banner{
	position:relative;
	color:#ffffff;
	text-align:center;
	padding:180px 0px;
	background-color:#111;
	z-index: 2;
}

.page-banner .bottom-rotten-curve{
	position:absolute;
	right:0;
	bottom:-1px;
	width:100%;
	height:20px;
	background:url(../images/background/rotten-curve-5.png) center bottom no-repeat;
	background-size:100% 100%;
	z-index:2;
}

.page-banner .bottom-rotten-curve.alternate{
	background-image:url(../images/background/rotten-curve-1.png);
}

.page-banner .image-layer{
	position:absolute;
	right:0px;
	top:0;
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;	
}

.page-banner .image-layer:before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.50;	
}

.page-banner .auto-container{
	position:relative;
	z-index:1;	
}

.page-banner h1{
	position:relative;
	font-size:60px;
	line-height:1.2em;
	font-weight:400;
	margin-bottom:15px;
	color:#ffffff;
	text-transform:capitalize;
}

.page-banner .bread-crumb{
	position:relative;
}

.page-banner .bread-crumb li{
	position:relative;
	display:inline-block;
	line-height:30px;
	margin-right:24px;
	color:#ffffff;
	font-size:16px;
	
}

.page-banner .bread-crumb li:before{
	content:'/';
	position:absolute;
	left:-24px;
	width: 24px;
	top:0px;
	text-align:center;
	line-height:30px;
}

.page-banner .bread-crumb li:first-child{
	margin-right:0px;	
}

.page-banner .bread-crumb li:last-child:before{
	display:none;	
}

.page-banner .bread-crumb li a{
	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;
}

/*** 

====================================================================
		Gallery Page Section
====================================================================

***/

.gallery-page-section{
	position: relative;
	padding: 120px 0 90px;
}

/*=== Mixitup Gallery ===*/
.mixitup-gallery .filters{
	margin-bottom:40px;
	text-align: center;
}

.mixitup-gallery .filters .filter-tabs{
	position:relative;
	display: block;
}

.mixitup-gallery .filters li{
	position:relative;
	display: inline-block;
	font-size:16px;
	line-height:30px;
	padding:15px 30px;
	cursor:pointer;
	color:#111;
	
	margin: 0 5px 10px;
	min-width: 100px;
	text-align: center;
	text-transform: capitalize;

	border-radius: 20px;
	background: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.mixitup-gallery .filters .filter.active{
	color: #ffffff;
}

.mixitup-gallery .gallery-item-two{
	display: none;
}

.gallery-item-two{
	position: relative;
	margin-bottom: 30px;
}

.gallery-item-two .image-box{
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.gallery-item-two .image-box .image{
	position: relative;
	border-radius: 20px;
}

.gallery-item-two .image-box .image img{
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.gallery-item-two .overlay-box{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	background:none;
	content: "";
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.gallery-item-two .overlay-box:before{
	content:'';
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity:0.80;
}

.gallery-item-two .image-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.gallery-item-two .overlay-box a{
	position: absolute;
	right: 50%;
	top: 50%;
	margin-top: -25px;
	margin-right: -25px;
}

.gallery-item-two .overlay-box a span{
	display: block;
	background: #ffffff;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	font-weight: 400;
	line-height: 60px;
	font-size: 20px;
}

.gallery-item-two .owl-nav{
	display: none;
}

.gallery-section-two .gallery-item-two .image{
	margin-bottom: 0;
}

.gallery-section-two .owl-nav{
	display: none;
}

.gallery-section-two .owl-dots{
	position: absolute;
	bottom: 62px;
	right: 0;
	width: 100%;
	text-align: center;
}

.gallery-section-two .owl-dot{
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	border: 6px solid rgba(255,255,255,0.20);
	margin: 0 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.gallery-section-two .owl-dot.active,
.gallery-section-two .owl-dot:hover{
	border: 6px solid #ffffff;
}

/*** 

====================================================================
	Events Section
====================================================================

***/

.events-section{
	position:relative;
	padding:130px 0px 100px;
	background-color:#ffffff;
	overflow:hidden;
}

.event-block-three{
	position:relative;
	margin-bottom:30px;	
}

.event-block-three .inner-box{
	position:relative;
	display:block;
	background:#ffffff;
	border:1px solid #e5e5e5;
	border-radius:20px;
	overflow:hidden;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.event-block-three .inner-box:hover{
	-webkit-box-shadow:0px 15px 40px 5px rgba(0,0,0,0.10);
	-ms-box-shadow:0px 15px 40px 5px rgba(0,0,0,0.10);
	box-shadow:0px 15px 40px 5px rgba(0,0,0,0.10);
}

.event-block-three .image-box{
	position:relative;	
}

.event-block-three .image-box img{
	width:100%;	
}

.event-block-three .image-box .date{
	position:absolute;
	right:30px;
	top:30px;
	width:74px;
	height:74px;
	font-size:30px;
	z-index:1;
	line-height:1em;
	font-family: "ropoto";
	color:#ffffff;
	padding-top:15px;
	text-align:center;
	border-radius:20px 0px 20px 0px;	
}

.event-block-three .image-box .date .month{
	position:relative;
	display:block;
	font-size:15px;
	line-height:1.2em;
}

.event-block-three .inner-box .lower-content{
	position:relative;
	padding:35px 30px 40px;	
}

.event-block-three .inner-box h3{
	font-size:24px;
	line-height:1.30em;
	font-weight:400;
	margin-bottom:15px;
	color:#111;
}

.event-block-three .inner-box h3 a{
	color:#111;
}

.event-block-three .inner-box .text{
	line-height:1.6em;
	font-size:16px;
	margin-bottom:30px;
}

.event-block-three .info{
	position:relative;
	margin-bottom:20px;	
}

.event-block-three .info li{
	position:relative;
	display:inline-block;
	font-size:15px;
	color:#848484;
	margin-left:15px;
	margin-bottom:10px;	
}

.event-block-three .info li:last-child{
	margin-left:0;	
}

.event-block-three .info li .icon{
	position:relative;
	padding-left:3px;	
}

.event-block-three .inner-box:hover .btn-style-two{
	color: #ffffff;
}

/*** 

====================================================================
	Contact Info Section
====================================================================

***/

.contact-info-section{
	position:relative;
	padding:130px 0px 90px;
	background-color:#ffffff;
	overflow:hidden;
}

.info-boxes{
	position: relative;
}

.info-boxes .info-box{
	position:relative;
	margin-bottom:30px;
}

.info-boxes .info-box .inner-box{
	position:relative;
	display:block;
	padding:70px 20px;
	background:#111;
	text-align:center;
	min-height:350px;
	border-radius:20px;
	overflow:hidden;
}

.info-boxes .info-box .inner-box .image-layer{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;	
}

.info-boxes .info-box .inner-box .image-layer:before{
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.90;
	-webkit-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}

.info-box .icon-box{
	position:relative;
	display:inline-block;
	font-size:52px;
	padding-top:15px;
	line-height:1.1em;
	color:#ffffff;
	text-align: left;
	margin:0 0 28px;
}

.info-box .icon-box:after{
	content:'';
	position:absolute;
	right:20px;
	top:0px;
	width:60px;
	height:60px;
	background:#ffffff;
	border-radius:50%;
	opacity:0.15;	
}

.info-box h4{
	position:relative;
	font-size:24px;
	color:#ffffff;
	font-weight:400;

	text-transform:capitalize;
	margin:0 0 15px;
}

.info-box h4 a{
	color:#ffffff;
}

.info-box ul{
	position:relative;
	color:#ffffff;
	max-width:250px;
	margin:0 auto;
}

.info-box ul li{
	position:relative;
	line-height:24px;	
}

.info-box ul li a{
	color:#ffffff;	
}

.info-box ul li a:hover{
	text-decoration:underline;	
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-section{
	position:relative;
	padding:0px 0px;
	background-color:#edf1f5;
	overflow:hidden;
}

.contact-section .container{
	position:relative;	
}

.contact-section .form-column{
	position:relative;
	float:right;
	width:50%;
	padding:110px 0px;
	text-align:center;
}

.contact-section .form-column .inner{
	position:relative;
	display:block;
	max-width:680px;
	margin:0 auto;
	padding:0px 20px;	
}

.contact-form{
 	position: relative;
}

.contact-form .row{
	margin: 0 -10px;
}

.contact-form .form-group{
	position:relative;
	padding: 0 10px;
	margin-bottom: 20px;
}

.contact-form .form-group:last-child{
	margin-bottom: 0;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    height: 60px;
    width: 100%;
    font-size: 15px;
    color: #111;
    line-height: 30px;
    font-weight: 400;
    padding: 14px 20px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
	border-radius:7px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group textarea{
	height: 180px;
	resize: none;
}

.contact-form .form-group input[type="submit"],
.contact-form .form-group button{
	display:inline-block;
	margin-top:20px;
}

.contact-form ::-webkit-input-placeholder{color: #6c6d70;}

.contact-form ::-moz-input-placeholder{color: #6c6d70;}

.contact-form ::-ms-input-placeholder{color: #6c6d70;}

.contact-form label.error{
	color: #ff0000;
	font-size:14px;
	text-transform: capitalize;
	text-align:right;
	display:block;
	padding-top:5px;
}

.contact-section .map-column{
	position:absolute;
	float:left;
	left:0;
	top:0;
	width:50%;
	height:100%;
	text-align:center;
}

.map-canvas{
	position: relative;
	height:400px;
}

.contact-section .map-column .map-canvas{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;	
}

.map-data{
	position:relative;
	padding:10px;
	text-align:center;
	font-size:15px;
	font-weight:400;
	line-height:1.8em;
}

.map-data a{
	display: block;
}

.map-data h6{
	font-size:18px;
	font-weight:400;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}

/*** 

====================================================================
	FAQs Section
====================================================================

***/

.faq-section{
	position:relative;
	padding:130px 0px 100px;
	background-color:#ffffff
}

.faq-section .title-column{
	position:relative;
	margin-bottom:30px;	
}

.faq-section .title-column .inner{
	position:relative;
	display:block;
}

.faq-section .title-column h2{
	font-size:48px;
	text-transform:capitalize;
	line-height:1.20em;
	margin-bottom:20px;	
}

.faq-section .title-column .text{
	position:relative;
	font-size:15px;
	line-height:1.7em;
	margin-bottom:30px;	
}

.faq-section .content-column{
	position:relative;
}

.faq-section .content-column .inner{
	position:relative;
	display:block;
	padding-right:80px;
}

.tabs-box{
	position:relative;	
}

.tabs-box .tab-buttons{
	position:relative;	
}

.tabs-box .tab-buttons .tab-btn{
	position:relative;
	display:block;
	cursor:pointer;
}

.tabs-box .tabs-content{
	position:relative;
}

.tabs-box .tabs-content .tab{
	position:relative;
	display:none;
}

.tabs-box .tabs-content .active-tab{
	display:block;
}

.faq-section .tab-buttons .tab-btn{
	position:relative;
	
	color:#111;
	line-height:24px;
	text-transform:capitalize;
	margin-bottom:10px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;	
}

.faq-section .tab-buttons .tab-btn:last-child{
	margin-bottom:0;	
}

.faq-section .tab-buttons .tab-btn:before{
	content:'';
	position:absolute;
	right:0;
	top:50%;
	margin-top:-1px;
	width:0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;	
}

.faq-section .tab-buttons .tab-btn.active-btn{
	padding-right:35px;	
}

.faq-section .tab-buttons .tab-btn.active-btn:before{
	width:20px;	
}

/*
.accordion-box{
	position: relative;
}

.accordion-box .block {
	position: relative;
	background-color: #f2f5f7;
	border-radius:20px;
	overflow:hidden;
	margin-bottom: 30px;
}

.accordion-box .block.active-block{
	background-color: #ffffff;
	-webkit-box-shadow:0px 0px 40px 5px rgba(0,0,0,0.05);
	-ms-box-shadow:0px 0px 40px 5px rgba(0,0,0,0.05);
	box-shadow:0px 0px 40px 5px rgba(0,0,0,0.05);
}

.accordion-box .block:last-child{
	margin-bottom: 0;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:20px;
	line-height:30px;
	color:#111;
	font-weight:500;
	cursor:pointer;
	padding:30px 30px;
	padding-left: 50px;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .acc-btn:before{
	position:absolute;
	left: 25px;
	top:30px;
	height: 30px;
	font-size: 20px;
	font-weight: 900;
	color: #111;
	line-height: 30px;
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active{
	background-color: #ffffff;
}

.accordion-box .block .acc-btn.active:before{
	content: "\f106";
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .content{
	position:relative;
	padding: 30px 30px;
	border-top:1px solid #e5e5e5;
}

.accordion-box .block .acc-content.current{ 
	display: block;
}

.accordion-box .block .content .text{
	display: block;
	font-size: 15px;
	line-height: 1.7em;
	font-weight: 400;
	margin:0;
}*/






.accordion-box .accordion {
    position: relative;
    border-radius: 0;
    
    display: block;/*
-webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
box-shadow: 0 1px 15px rgba(108, 118, 134, 0.08);*/
border: 1px solid #eee;
background: #ffffff;
margin-bottom: 10px;
border-radius: 12px;
overflow: hidden;

}
.accordion-box .accordion .accord-btn {
    position: relative;
    display: block;
    cursor: pointer;
    transition: all 0.5s ease;border-bottom: 1px solid transparent;
padding: 5px;
}

.accordion-box .accordion .accord-btn h4 {
color: #333;
font-size: 15px;
min-height: 46px;
line-height: 25px;
transition: all 0.5s ease;
padding: 5px 0 0 15px;
margin-left: 28px;
margin-right: 50px;
display: grid;
align-items: center;
}
.accordion-box .accordion .accord-btn::after {
font-family: 'Font Awesome 5 Pro';
position: absolute;
content: "\f105";
top: 12px;
right: 9px;
color: #fff;
font-size: 16px;
line-height: 20px;
text-align: center;
transition: all 0.5s ease 0s;
line-height: 31px;
background: #49ae07;
width: 31px;
border-radius: 50%;
}


.accordion-box .accordion .accord-btn::before {
font-family: 'Font Awesome 5 Pro';
position: absolute;
content: "\f06e";
top: 0;
left: 0;
font-size: 16px;
text-align: center;
transition: all 0.5s ease 0s;
line-height: 55px;
width: 40px;
}



.accordion-box .accordion .accord-btn.active {
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;border-bottom-color: #eeeeee;
}
.accordion-box .accordion .accord-btn.active h4 {
    color: #212529;
}
.accordion-box .accordion .accord-btn.active:after {
content: "\f107";
color: #fff;
background: #49ae07;
}
.accordion-box .accordion .accord-content {

    display: none;
    position: relative;
padding: 15px;
font-size: 14.5px;

}
.accordion-box .accordion .accord-content.collapsed {
    display: block;
}
.accordion-box .accordion .accord-content p {
    color: #000;
    font-size: 14px;
    margin: 0;
}






/*** 

====================================================================
	Donate Section
====================================================================

***/

.donate-section{
	position:relative;
	padding:130px 0px 100px;
	background-color:#ffffff
}

.donate-section .title-column{
	position:relative;
	margin-bottom:30px;	
}

.donate-section .title-column .inner{
	position:relative;
	display:block;
}

.donate-section .title-column h2{
	font-size:48px;
	text-transform:capitalize;
	line-height:1.20em;
	margin-bottom:20px;	
}

.donate-section h3{
	font-size:24px;
	text-transform:capitalize;
	margin-bottom:15px;
}	

.donate-section .title-column .text{
	position:relative;
	font-size:15px;
	line-height:1.7em;
	margin-bottom:80px;	
}

.donate-section .title-column .image-box{
	position:relative;
}

.donate-section .title-column .image-box img{
	position:relative;
	border-radius:20px;	
}

.donate-section .form-column{
	position:relative;
}

.donate-section .form-column .inner{
	position:relative;
	display:block;
	padding-right:80px;
}

.donate-form .form-group{
	position:relative;
	margin-bottom:20px;	
}

.donate-form .row{
	margin:0px -10px;	
}

.donate-form .row .form-group{
	padding:0px 10px;	
}

.donate-form .form-group .field-label{
	display:block;
	line-height:24px;
	margin-bottom:10px;
	font-weight:400;
	font-size:15px;
}

.donate-form .form-group .field-label sup,
.donate-form .form-group .field-label .req{
	color:#ff0000;
	font-size:15px;
	padding-right:5px;
}

.donate-form input[type="text"],
.donate-form input[type="email"],
.donate-form input[type="password"],
.donate-form input[type="tel"],
.donate-form input[type="url"],
.donate-form select,
.donate-form textarea{
	display:block;
	width:100%;
	line-height:24px;
	height:50px;
	font-size:15px;
	border:1px solid #e0e0e0;
	padding:12px 20px;	
	background-color:#ffffff;
	color:#222222;
	border-radius:5px;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.donate-form select{
	cursor:pointer;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	background:#ffffff url(../images/icon-select.png) left center no-repeat;
}

.donate-form textarea{
	height:120px;
	resize:none;	
}

.donate-form select option{
	text-indent:20px;	
}


.donate-form .select-amount{
	position:relative;
	margin:0px -10px;	
}

.donate-form .select-box{
	position:relative;
	float:right;
	width:25%;
	padding:0px 10px;
	text-align:center;
	margin:0px 0px 20px;	
}

.donate-form .input-box{
	position:relative;
	width:100%;
}

.donate-form .select-box input[type="radio"]{
	right:0px;
	top:0px;
	visibility:hidden;
	position:absolute;
	opacity:0;	
}

.donate-form .select-box label{
	display:block;
	line-height:24px;
	padding:12px 10px;
	text-align:center;
	font-size:15px;
	font-weight:500;
	color:#111;
	border:1px solid #e0e0e0;
	cursor:pointer;
	border-radius:5px;
	transition:all 500ms ease;
}

.donate-form .select-box input[type="radio"]:checked+label{
	color:#ffffff;	
}

.donate-form .radio-block{
    position: relative;
    display: inline-block;
    margin-left: 30px;
}

.donate-form .radio-block input{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}

.donate-form .radio-block label{
    position: relative;
    display: block;
    padding-right: 32px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    cursor: pointer;
}

.donate-form .radio-block label:before{
    content: '';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    line-height: 18px;
	color:#ffffff;
    font-size: 10px;
    text-align: center;
	font-weight: 300;
    border: 1px solid #e0e0e0;
	border-radius:3px;
}

.donate-form .radio-block input:checked + label:before{
    content: '\f00c';
}

.donate-form .method{
	position:relative;
	padding:20px 0px 0px;	
}

.donate-form .method .form-group{
	margin-bottom:5px;	
}

.donate-form .personal-info{
	position:relative;
	padding:20px 0px;	
}

.donate-form .donation-total{
	position:relative;
	
	font-size:16px;
	color:#111;
	padding-top:20px;	
}

.donate-form .donation-total strong{
		
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:120px 0px 80px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:30px;
}

.sidebar-side .sidebar{
	position:relative;
	padding:60px 35px;
	background:#ffffff;
	border-radius:20px;
	-webkit-box-shadow:0px 0px 30px 5px rgba(0,0,0,0.05);
	-ms-box-shadow:0px 0px 30px 5px rgba(0,0,0,0.05);
	box-shadow:0px 0px 30px 5px rgba(0,0,0,0.05);
}

.sidebar-side .sidebar h3{
	font-size:24px;
	font-weight:400;
	text-transform:capitalize;
	margin-bottom:25px;	
}

.sidebar-widget{
    position:relative;
    margin-bottom:50px;
}

.sidebar-widget:last-child{
	margin-bottom: 0;
}

/* Sidebar Title */

.sidebar-title{
	position: relative;
	font-size:24px;
	font-weight:400;
	text-transform:capitalize;
	margin-bottom: 25px;
}

/*Search Box Widget*/

.sidebar .search-box{
	position:relative;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	padding:15px 50px 15px 30px;
	border:1px solid #f7f7fa;
	background:#f7f7fa;
	display:block;
	font-size:16px;
	line-height:30px;
	width:100%;
	height:62px;
	color:#111;
	border-radius: 10px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group input[type="text"]:focus,
.sidebar .search-box .form-group input[type="search"]:focus{
	color: #666666;
}

.sidebar .search-box .form-group button{
	position:absolute;
	left: 0;
	top: 0;
	height:60px;
	width:60px;
	display:block;
	font-size:20px;
	color:#848484;
	line-height: 60px;
	font-weight:normal;
	background:none;
	border-radius:0px 10px 10px 0px;
	z-index: 9;
	cursor: pointer;
}

/*Post Widget*/

.sidebar .popular-posts .news-post{
	position:relative;
	padding-right:110px;
	padding-top: 0px;
	min-height:90px;
	margin-bottom: 30px;
}

.sidebar .popular-posts .news-post:last-child{
	margin:0;
}

.sidebar .popular-posts .news-post .post-thumb{
	position:absolute;
	right:0;
	top:0;
	width:90px;
	border-radius:5px;
	overflow:hidden;	
}

.sidebar .popular-posts .news-post .date{
	position: relative;
	font-size:14px;
	line-height:24px;
	margin:0 0 10px;
}

.sidebar .popular-posts .news-post .date .fa{
	padding-left: 5px;
	color: #848484;
	font-size: 15px;
}

.sidebar .popular-posts .news-post h4{

	font-size:17px;
	margin:0 0;
	line-height:1.4em;
	
	color:#111;	
}

.sidebar .popular-posts .news-post h4 a{
	color:#111;
}

/* Blog Categories */

.sidebar .categories h3{
	margin-bottom:15px;	
}

.sidebar .categories ul{
	position:relative;
	margin-right:20px;
}

.sidebar .categories ul li{
	position:relative;
	list-style-type:disc;
	color:#d2d5d8;
	margin-bottom:7px;
}

.sidebar .categories ul li:last-child{
	margin-bottom:0;	
}

.sidebar .categories ul li a{
	position:relative;
	display: block;
	color:#111;
	font-size:16px;
	line-height: 30px;
	
	text-transform: capitalize;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}


/*Popular Tags*/

.sidebar .popular-tags{
	position: relative;
}

.sidebar .popular-tags li{
	position:relative;
	float: right;
	margin:0px 8px 8px 0px;
}

.sidebar .popular-tags li a{
	position:relative;
	display:block;
	padding:5px 16px;
	color:#111;
	text-align:center;
	font-size:13px;
	line-height: 30px;
	font-weight:400;
	text-transform:capitalize;
	background-color: #edf1f5;
	border-radius: 20px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar .popular-tags li a:hover{
	color:#ffffff;	
}


/*** 

====================================================================
	Cause Details
====================================================================

***/

.cause-details{
	position:relative;
}

.cause-details .inner-box{
	position:relative;
	display:block;
	border-radius:20px;
	overflow:hidden;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.cause-details .image-box{
	position:relative;	
}

.cause-details .image-box img{
	width:100%;	
}

.cause-details .inner-box .donate-info{
	position:relative;
	background:#edf1f5;
	padding:65px 35px 25px;	
}

.cause-details .inner-box .donate-info:after{
	content:'';
	position:absolute;
	right:0;
	bottom:-20px;
	width:100%;
	height:21px;
	background:url(../images/background/rotten-curve-7.png) center top no-repeat;
	background-size:100% 100%;
	z-index:1;
}

.cause-details .inner-box .progress-box{
	position:relative;
	display:block;
	width:100%;
}

.cause-details .inner-box .progress-box .bar{
	position:relative;
	width:100%;
	height:5px;
	background:rgba(0,0,0,0.10);
	border-radius:3px;
	margin-bottom:20px;
}

.cause-details .inner-box .progress-box .bar-inner{
	position:relative;
	display:block;
	width:0px;
	height:5px;
	border-radius:3px;
	-webkit-transition:all 1500ms ease;
	-ms-transition:all 1500ms ease;
	-o-transition:all 1500ms ease;
	-moz-transition:all 1500ms ease;
	transition:all 1500ms ease;	
}

.cause-details .inner-box .progress-box .count-text{
	position:absolute;
	left:0px;
	margin-left:-23px;
	bottom:18px;
	width:46px;
	height:26px;
	color:#ffffff;
	line-height:26px;
	font-size:13px;
	
	border-radius:2px;
	text-align:center;
	opacity:0;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;	
}

.cause-details .inner-box .progress-box .bar-inner.counted .count-text{
	opacity:1;	
}

.cause-details .inner-box .progress-box .count-text:after{
	content:'';
	position:absolute;
	right:50%;
	margin-right:-5px;
	top:100%;
	border:5px solid transparent;	
}

.cause-details .inner-box .lower-content{
	position:relative;
	line-height:1.6em;
	font-size:15px;
	padding:80px 0 0;	
}

.cause-details .inner-box .donate-info{
	position:relative;
	color:#848484;		
}

.cause-details .inner-box .donate-info strong{
	font-weight:500;
	color:#222222;	
}

.cause-details .inner-box .donate-info .donation-count{
	position:relative;
	font-weight:400;
	font-size:15px;
	line-height:24px;
	z-index:1;
}

.cause-details .inner-box .donate-info .raised{
	float:right;
}

.cause-details .inner-box .donate-info .goal{
	float:left;
}

.cause-details .inner-box h2{
	font-size:36px;
	line-height:1.25em;
	font-weight:400;
	margin-bottom:20px;
	color:#111;
}

.cause-details .inner-box h2 a{
	color:#111;
}

.cause-details .inner-box h3{
	font-size:24px;
	line-height:1.25em;
	font-weight:400;
	margin-bottom:20px;
	color:#111;
}

.cause-details .inner-box h3 a{
	color:#111;
}

.cause-details .inner-box .text{
	line-height:1.6em;
	font-size:15px;
	margin-bottom:30px;
}

.cause-details .inner-box p{
	line-height:1.6em;
	font-size:15px;
	margin-bottom:20px;
}

.cause-details .inner-box p.big-text{
	font-size:18px;	
}

.cause-details .inner-box ul{
	position:relative;
	margin-bottom:30px;
}

.cause-details .inner-box ul li{
	position:relative;
	padding-right:20px;
	line-height:24px;
	color:#111;
	margin-bottom:7px;
}

.cause-details .inner-box ul li:before{
	content:'';
	position:absolute;
	right:0;
	top:9px;
	width:6px;
	height:6px;
	background:#dadde0;
	border-radius:50%;
}

.cause-details .inner-box ul li:last-child{
	margin-bottom:0;	
}

.cause-details .inner-box .link-box{
	padding-top:10px;	
}

/*** 

====================================================================
	Event Details
====================================================================

***/

.event-details{
	position:relative;
}

.event-details .inner-box{
	position:relative;
	display:block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.event-details .image-box{
	position:relative;
	border-radius:20px;
	overflow:hidden;
	margin-bottom:50px;	
}

.event-details .image-box img{
	width:100%;
}

.event-details .image-box .date{
	position:absolute;
	right:30px;
	top:30px;
	width:74px;
	height:74px;
	font-size:30px;
	z-index:1;
	line-height:1em;
	font-family: "ropoto";
	color:#ffffff;
	padding-top:15px;
	text-align:center;
	border-radius:20px 0px 20px 0px;	
}

.event-details .image-box .date .month{
	position:relative;
	display:block;
	font-size:15px;
	line-height:1.2em;
}

.event-details .info li .icon{
	position:relative;
	padding-left:3px;	
}

.event-details .inner-box .lower-content{
	position:relative;
	line-height:1.6em;
	font-size:15px;
	padding:0 0;	
}

.event-details .inner-box h2{
	font-size:36px;
	line-height:1.25em;
	font-weight:400;
	color:#111;
	margin-bottom:10px;
}

.event-details .inner-box h2 a{
	color:#111;
}

.event-details .inner-box h3{
	font-size:24px;
	line-height:1.25em;
	font-weight:400;
	margin-bottom:20px;
	color:#111;
}

.event-details .inner-box h3 a{
	color:#111;
}

.event-details .inner-box .text{
	line-height:1.6em;
	font-size:15px;
	margin-bottom:30px;
}

.event-details .inner-box p{
	line-height:1.6em;
	font-size:15px;
	margin-bottom:20px;
}


.event-details .inner-box p.big-text{
	font-size:17px;	
}

.event-details .inner-box ul{
	position:relative;
	margin-bottom:30px;
}

.event-details .inner-box ul li{
	position:relative;
	padding-right:20px;
	line-height:24px;
	color:#111;
	margin-bottom:7px;
}

.event-details .inner-box ul li:before{
	content:'';
	position:absolute;
	right:0;
	top:9px;
	width:6px;
	height:6px;
	background:#dadde0;
	border-radius:50%;
}

.event-details .inner-box ul li:last-child{
	margin-bottom:0;	
}

.event-details .inner-box .info{
	position:relative;
	margin-bottom:20px;	
}

.event-details .inner-box .info li{
	position:relative;
	display:inline-block;
	font-size:15px;
	color:#848484;
	padding:0;
	margin-left:15px;
	margin-bottom:10px;	
}

.event-details .inner-box .info li:last-child{
	margin-left:0;	
}

.event-details .inner-box .info li:before{
	display:none;	
}

.event-details .map-canvas{
	border-radius:20px;	
}

/*** 

====================================================================
	Blog Post Details
====================================================================

***/

.blog-post-detail{
	position:relative;
	margin-bottom:30px;
}

.blog-post-detail .inner{
	position:relative;
	display:block;
}

.blog-post-detail .image{
	position:relative;
	border-radius:20px;
	overflow:hidden;
	margin:0px 0px 20px;
}

.blog-post-detail .image img{
	width:100%;
}

.blog-post-detail .inner h2{
	font-size:36px;
	line-height:1.20em;
	font-weight:400;
	color:#111;
	margin-bottom:20px;
}

.blog-post-detail .inner h2 a{
	color:#111;
}


.blog-post-detail .inner h3{
	font-size:24px;
	line-height:1.25em;
	font-weight:400;
	margin-bottom:20px;
	color:#111;
}

.blog-post-detail .inner h3 a{
	color:#111;
}


.blog-post-detail .inner .text{
	line-height:1.6em;
	font-size:15px;
	margin-bottom:30px;
}

.blog-post-detail .inner p{
	line-height:1.6em;
	font-size:15px;
	margin-bottom:20px;
}


.blog-post-detail .inner p.big-text{
	font-size:17px;	
}

.blog-post-detail .content ul{
	position:relative;
	margin-bottom:30px;
}

.blog-post-detail .content ul li{
	position:relative;
	padding-right:20px;
	line-height:24px;
	color:#111;
	margin-bottom:7px;
}

.blog-post-detail .content ul li:before{
	content:'';
	position:absolute;
	right:0;
	top:9px;
	width:6px;
	height:6px;
	background:#dadde0;
	border-radius:50%;
}

.blog-post-detail .content ul li:last-child{
	margin-bottom:0;	
}

.blog-post-detail .post-meta{
	position:relative;
	margin-bottom:15px;	
}

.blog-post-detail .post-meta ul{
	position:relative;
	display:block;
	width:100%;
}

.blog-post-detail .post-meta ul li{
	position:relative;
	display:inline-block;
	color:#848484;
	font-size:14px;
	margin-left:20px;
	padding-left:22px;
	text-align:center;
	vertical-align:middle;	
}

.blog-post-detail .post-meta ul li:before{
	position:absolute;
	content:'';
	left:0px;
	top:50%;
	margin-top:-7px;
	width:1px;
	height:14px;
	border-left:2px solid #dddddd;
}

.blog-post-detail .post-meta ul li:last-child:before{
	display:none;	
}

.blog-post-detail .post-meta ul li .icon{
	padding-left:5px;	
}

.blog-post-detail .post-meta ul li a{
	color:#848484;	
}


.blog-post-detail .post-meta ul li:last-child{
	position:relative;
	padding-left:0;
	margin:0;
}

.blog-post-detail .post-meta ul li:first-child{
	text-align:right;
	padding-right:0;
}

.blog-post-detail .post-meta ul li a:hover{
	
	color:#111;
}

/*post share options*/

.blog-post-detail .post-share-options{
	position:relative;
	padding:30px 0px;
}

.blog-post-detail .post-share-options p{
	position:relative;
	font-size:16px;
	line-height: 30px;
	color:#3f4161;
	font-weight:500;
	margin:0 15px 0 0;
	display: inline-block;
}

.blog-post-detail .post-share-options .tags{
	position: relative;
	display: inline-block;
}

.blog-post-detail .post-share-options .tags li{
	position: relative;
	display: inline-block;
}

.blog-post-detail .post-share-options .tags a{
	position:relative;
	display: inline-block;
	font-size:14px;
	line-height: 30px;
	color:#7f8897;
	font-weight:500;
	padding: 5px 20px;
	background: #f6f6f6;
	border-radius: 2px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-post-detail .post-share-options .tags a:hover{
	color: #ffffff;
}

.blog-post-detail .post-share-options .social-icons{
	position: relative;
	display: inline-block;
}

.blog-post-detail .post-share-options .social-icons li{
	position:relative;
	display:inline-block;
	margin-right: 16px;
	margin-bottom: 10px;
}

.blog-post-detail .post-share-options .social-icons li:first-child{
	margin-right: 0;
}

.blog-post-detail .post-share-options .social-icons li a{
	position:relative;
	display:block;
	font-size: 14px;
	line-height: 30px;
	color:#7f8897;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.group-title{
	position: relative;
	margin-bottom: 40px;
}

.group-title h3{
	position: relative;
	font-size: 24px;
	line-height: 1.25em;
	color: #111;
	font-weight: 400;
}

.comments-area{
	position:relative;
	margin-bottom: 50px;
}

.comments-area .comment-box{
	position:relative;
	margin-bottom: 40px;
}

.comments-area .comment-box.reply-comment{
	padding-right: 110px;
}

.comments-area .comment-box:last-child{
	margin-bottom: 0;
	padding-bottom:0;
}

.comments-area .comment{
	position:relative;
	min-height: 80px;
	padding-right:110px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 40px;
}

.comments-area .comment-box:last-child .comment{
	border:none;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	right:0px;
	top:0px;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	overflow: hidden;
}

.comments-area .comment-box .author-thumb img{
	width:100%;
}

.comments-area .comment-info{
	position: relative;
	display: block;
	margin-bottom: 20px;
}

.comments-area .comment-box .name{
	position: relative;
	font-family: "ropoto";
	font-size:18px;
	line-height:1.4em;
	font-weight:400;
	color:#111;
	text-transform:capitalize;
	margin-bottom: 0px;
}

.comments-area .comment-box .time{
	position: relative;
	font-size:14px;

	color:#848484;
}

.comments-area .comment-box .text{
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 0px;
}

.comments-area .comment-box .reply-btn{
	position: absolute;
	left:0;
	top:0;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	padding:6px 20px;
	color: #111;
	border:1px solid #e0e0e0;
	font-weight: 400;
	border-radius:18px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comments-area .comment-box .reply-btn:hover{
	color: #ffffff;
}

/*** 

====================================================================
		Comment Form
====================================================================

 ***/
 
 .comment-form{
	margin-bottom:20px; 
 }
 
 .default-form{
 	position: relative;
 	z-index: 1;
}

.default-form .form-group{
	position:relative;
	display: block;
	width: 100%;
	margin-bottom:30px;	
}

.default-form .form-group:last-child{
	margin-bottom: 0;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="email"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="url"],
.default-form .form-group textarea,
.default-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 28px;
    color: #111;
    font-weight: 400;
    height: 60px;
    padding: 15px 20px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-form .form-group input:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus{
	background-color: #ffffff;
}

.default-form .form-group textarea{
	height: 200px;
	resize: none;
}

.default-form ::-webkit-input-placeholder{color: #999999; }
.default-form ::-moz-input-placeholder{color: #999999; }
.default-form ::-ms-input-placeholder{color: #999999; }


/*** 

====================================================================
		Shop Page
====================================================================

 ***/
 

.shop-page .content-side{
	order:12;	
}

.sidebar-side .shop-sidebar{
	padding:50px 25px;	
}

.shop-sidebar .sidebar-widget{
	margin-bottom:60px;	
}

.shop-sidebar .sidebar-widget:last-child{
	margin-bottom:0;	
}

.shop-sidebar .sidebar-widget .sidebar-title{
	font-size:22px;
}

.shop-sidebar .categories h3{
	margin-bottom:20px;	
}

.rangeslider-widget.sidebar-widget .sidebar-title{
	margin-bottom: 40px;
	text-transform:none;
}

.range-slider-one{
	position:relative;
	min-height:48px;
    padding-top: 10px;
    overflow: hidden;
	margin-top:-20px;
}

.range-slider-one .title{
	position:relative;
	float:right;
	color:#222222;
	font-size:16px;
	font-weight:400;
	margin-top:5px;
}

.range-slider-one .title:before{
	position:absolute;
	content:'$';
	left:-14px;
	top:0px;
	color:#222222;
	font-size:16px;
	font-weight:400;
}

.range-slider-one .input{
	float:left;
    right: 8px;
	max-width:75px;
	padding-right:8px;
	margin-top:5px;
    position: relative;
}

.range-slider-one .input input{
	background:none;
	color:#222222;
	font-size:16px;
	font-weight:400;
	width:auto;
	text-align:right;	
}

.range-slider-one .ui-widget.ui-widget-content{
	height:4px;
	border:none;
	margin-bottom:25px;
	background:#eaeceb;	
}

.range-slider-one .ui-slider .ui-slider-range{
	top:0px;
	height:4px;
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
	top:-8px;
	width:18px;
	height:18px;
	background:#ffffff;
	cursor:pointer;
	border-radius:20px;
}

.range-slider-one .theme-btn{
	border-radius:19px;
}

.range-slider-one .theme-btn .btn-title{
	padding:5px 24px;
	line-height: 28px;
	font-size:14px;
	border-radius:19px;
}

/*Products Widget*/

.sidebar .popular-products .product{
	position:relative;
	padding-right:90px;
	padding-top: 0px;
	min-height:72px;
	margin-bottom: 20px;
}

.sidebar .popular-products .product:last-child{
	margin:0;
}

.sidebar .popular-products .product .post-thumb{
	position:absolute;
	right:0;
	top:0;
	width:72px;
	height:72px;
	border-radius:5px;
	overflow:hidden;	
}

.sidebar .popular-products .product .post-thumb img{
	position:relative;
	width:72px;
	height:72px;
	border-radius:5px;
}

.sidebar .popular-products .product .price{
	position: relative;
	font-size:15px;
	line-height:24px;
	
	color: #848484;
}

.sidebar .popular-products .product h4{

	font-size:16px;
	margin:0 0 7px;
	line-height:1.4em;
	
	color:#111;	
}

.sidebar .popular-products .product h4 a{
	color:#111;
}

.shop-upper-box{
	position: relative;
	margin-bottom: 30px;
	font-family: "ropoto";
}

.shop-upper-box .items-label{
	position: relative;
	float:right;
	font-size: 15px;
	line-height: 30px;
	color: #222222;
	padding: 10px 0;
	width:42%;
}

.shop-upper-box .items-label span{
	color: #222222;
	
}

.shop-upper-box .sort-by{
	position: relative;
	float:left;
	width:28%;
}

.shop-upper-box .layout-mode{
	position: relative;
	float:right;
	padding:2px 0px;
	width:30%;
}

.shop-upper-box .layout-mode a{
	position:relative;
	display:inline-block;
	width:46px;
	height:46px;
	text-align:center;
	line-height:44px;
	font-size:20px;
	color:#222222;
	border:1px solid #e5e5e5;
	margin-left:10px;
	border-radius:50%;	
}

.shop-upper-box .layout-mode a:hover,
.shop-upper-box .layout-mode a.active{
	color:#ffffff;	
}
/*
.sort-by .ui-selectmenu-button.ui-button{
position: relative;

display: block;

height: 30px;

width: 100%;

max-width: 100%;

line-height: 34px;

text-align: left;

padding: 0;

font-size: 14px;


border: none;

background: none;

color: #212639;

font-weight: 400;

text-transform: capitalize;

font-family: "ropoto";

border-radius: 25px;
}
/*
.sort-by .ui-selectmenu-text {
margin-left: 0;
text-transform: capitalize;
font-size: 15px;
}

.sort-by .ui-button .ui-icon{
	background:none;
	position:relative;
	top:4px;
	text-indent:0px;
	color:#43c3ea;
margin: 4px;

display: inline-block;

width: 20px;

height: 20px;

text-align: center;
}



.select-box a:before{
font-family: Flaticon;

content: "\f109";

font-weight: 900;

position: absolute;

left: 0;

top: 0px;

width: 13px;

height: 29px;

display: block;

color: #49ae07;

line-height: 20px;

font-size: 16px;

text-align: center;

z-index: 5;
}

.ui-menu .ui-menu-item-wrapper,
.ui-menu .ui-menu-item-wrapper:hover{
    position: relative;
    padding: 10px 25px;
	font-size:15px;
	line-height:24px;
	border:none;text-transform: capitalize;
}*/





.ui-selectmenu-button.ui-button{
	position:relative;
	display:block;
	height:50px;
	width:100%;
	max-width: 100%;
	line-height:26px;
	
	padding:10px 25px;
	font-size: 14px;
	border: 1px solid #fff;
	color: #6c757d;
	font-weight: 400;
	text-transform:capitalize;
	background:#ffffff;
	border-radius:0 25px;text-align: left;
}


.contact-wrap .ui-selectmenu-button.ui-button {
border: 2px solid #fff;
background-color: #f9f9f9;
 }


.boxs-donate .contact-wrap .ui-selectmenu-button.ui-button {
border: 2px solid #f9f9f9;

background-color: #f9f9f9;
}



.ui-selectmenu-text {
margin-right: 20px;margin-left: 0;
}

.ui-button .ui-icon{
	background:none;
	position:relative;
	top:4px;
	text-indent:0px;
	color:#43c3ea;float: right;	
}

.ui-button .ui-icon:before{
font-family: "Font Awesome 5 Pro";
content: "\f107";
	font-weight: 900;
	position:absolute;
	left:0px;
	top:0px;
	width:10px;
	height:20px;
	display:block;
	color:#6c757d;
	line-height:20px;
	font-size:14px;
	text-align:center;
	z-index:5;
}

.ui-menu .ui-menu-item-wrapper,
.ui-menu .ui-menu-item-wrapper:hover{
    position: relative;
    padding: 7px 25px;
	font-size:14px;
line-height: 24px;
	border:none;
}


/*=== Shop Item ===*/

.shop-item{
	position:relative;
	margin-bottom:45px;
}

.shop-item .inner-box{
	position:relative;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shop-item .inner-box .image{
	position:relative;
	z-index:11;
	text-align:center;
	border-radius:20px;
	overflow: hidden;
}

.shop-item .inner-box .image img{
	width:100%;
	border-radius:20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shop-item .overlay-box{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height:100%;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	border-radius:20px;
	overflow: hidden;
	background-color:rgba(0,0,0,0.50);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shop-item .inner-box:hover .overlay-box{
	opacity: 1;
	visibility: visible;
}

.shop-item .option-box{
	position: absolute;
	right:0;
	top:50%;
	width:100%;
	margin-top:-25px;
	padding:0px 10px;
	text-align:center;
	opacity:0;
	visibility:hidden;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}

.shop-item .inner-box:hover .option-box{
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 300ms ease 100ms;
	-moz-transition: all 300ms ease 100ms;
	-ms-transition: all 300ms ease 100ms;
	-o-transition: all 300ms ease 100ms;
	transition: all 300ms ease 100ms;
}

.shop-item .option-box li{
	position: relative;
	display: inline-block;
	margin: 0 2px;
}

.shop-item .option-box li a{
	position: relative;
	display: block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #1a224c;
	background-color: #ffffff;
	border-radius:50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shop-item .option-box li a:hover{
	color: #ffffff;
}

.shop-item .inner-box .tag-banner{
	position:absolute;
	left:0;
	top:30px;
	font-size:13px;
	line-height:24px;
	padding:0px 15px 0px 10px;
	color:#ffffff;
	font-family: "ropoto";
	z-index:12;	
}

.shop-item .inner-box .tag-banner:before{
	content:'';
	position:absolute;
	right:-9px;
	top:0;
	border:8px solid transparent;
}

.shop-item .inner-box .tag-banner:after{
	content:'';
	position:absolute;
	right:-9px;
	bottom:0;
	border:8px solid transparent;	
}

.shop-item .inner-box .lower-content{
	position:relative;
	z-index:11;
	padding:16px 0px 0px;
	text-align: center;
}

.shop-item .inner-box .lower-content h3{
	font-family: "ropoto";
	font-size:15px;
	margin:0 0 5px;
	line-height:1.5em;
	text-transform:uppercase;

	
	color:#848484;	
}

.shop-item .inner-box .lower-content h3 a{
	color:#848484;
	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;
}

.shop-item .inner-box .lower-content h3 a:hover{
	text-decoration:underline;
}

.shop-item .inner-box .lower-content .price{
	position:relative;
	color:#111;
	font-size:16px;
	
}

.shop-item .inner-box .lower-content .price .discount{
	position:relative;
	color:#000;
	margin-right:8px;
	text-decoration:line-through;
}

/*** 

====================================================================
		Styled Pagination
====================================================================

***/

.pagination-box{
	position:relative;
	padding-top:20px;	margin: 0 auto;
}

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	display:inline-block;
	margin-left: 8px;
	margin-bottom: 8px;
}

.styled-pagination li a{
	position:relative;
	display:block;
line-height: 45px;

font-size: 15px;

height: 45px;

width: 45px;
	color:#848484;
	font-weight:400;
	text-align:center;
	background:#ffffff;
	border-radius: 0 30px 30px;
	border:1px solid #dcdde3;
	text-transform:capitalize;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
border-color: #ffd65880;
background-color: #ffd65880;
}

/*** 

====================================================================
		Product Detail
====================================================================

***/

.product-details{
	position: relative;
	padding: 120px 0 100px;
}

.product-details .basic-details{
	position:relative;
	padding-bottom:50px;
}

.product-details .image-column,
.product-details .info-column{
	margin-bottom:50px;
}

.product-details .image-column .inner{
	position: relative;
	display:block;
	padding-left:30px;
}

.product-details .image-column .image-box{
	position: relative;
	display:block;
}

.product-details .image-column .image{
	position: relative;
	margin-bottom: 0;
	border-radius:20px;
}

.product-details .image-column .image img{
	position:relative;
	width:100%;
	border-radius:20px;
}

.product-details .image-column .image-box .icon{
	position: absolute;
	left: 30px;
	top: 30px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #ffffff;
	color: #222222;
	font-size: 16px;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.product-details .image-column .image-box .icon .fa{
	line-height: 50px;
}

.product-details .image-column .image-box .icon:hover{
	color: #ffffff;
}

.product-details .basic-details .info-column{
	position: relative;
}

.product-details .basic-details .info-column .inner-column{
	position: relative;
}

.product-details .basic-details .details-header{
	position:relative;
	margin-bottom:30px;
}

.product-details .basic-details .details-header h3{
	font-size:30px;
	font-weight:400;
	line-height:1.2em;
	color:#111;
	margin-bottom: 15px;
}

.product-details .basic-details .details-header h3 a{
	color:#111;	
}

.product-details .basic-details .details-header .prod-rating{
	position:relative;
	font-size:13px;
	font-weight:400;
	line-height:1.5em;
	color:#111;
	margin-bottom: 20px;
}

 .product-details .basic-details .details-header .ratings .fa{
	position:relative;
	color:#fa7720;
	margin-left:3px; 
 }

.product-details .basic-details .details-header .prod-rating a{
	color:#000;
	font-size:14px;
	display:inline-block;
	margin-right:10px;	
}

.product-details .basic-details .details-header .item-price{
	font-size:24px;
	
	color:#111;
}

.product-details .basic-details .text{
	font-size:15px;
	line-height: 26px;
	font-weight:400;	
	margin-bottom:45px;
}

.product-details .basic-details .other-options{
	margin-bottom: 20px;
}

.product-details .basic-details .item-quantity .field-label{
	float:right;
	
	font-size:14px;
	line-height:32px;
	display:inline-block;
	padding-left:20px;	
}

.cart-section .bootstrap-touchspin .input-group-btn-vertical{
	position: absolute;
	left: 20px;
	top: 0;
	z-index: 99;
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i{
	top:6px;	
	font-weight: 900;
}

.product-details .basic-details .item-quantity{
	position:relative;
	float:right;
	width:75px;
	margin-bottom:25px;
	margin-left:25px;
}

.product-details .basic-details .item-quantity .field-label{
	float:right;
	
	font-size:14px;
	line-height:32px;
	display:inline-block;
	padding-left:20px;	
}

.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner{
	font-size:16px;
	line-height:24px;
	font-weight: 500;
	color: #222222;
	padding:10px 15px !important;
	height:50px !important;
	box-shadow:none !important;	
	text-align: center;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical > .btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical > .btn{
	padding:12px 10px;
	background:#f4f5f6;
	border-radius:0px;	
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i{
	top:8px;	
}

.product-details .basic-details .add-to-cart{
	float: right;
	margin-right: 20px;
	line-height: 20px;
	margin-bottom:25px;
}

.product-details .basic-details .add-to-cart .btn-title{
	padding-right:35px;
	padding-left:35px;
	font-size:15px;	
}

.product-details .basic-details .like-btn{
	float: right;
	margin-right: 20px;
	margin-bottom:25px;
}

.product-details .basic-details .like-btn a{
	display:block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	padding: 0;
	text-align: center;
	color: #2b2f42;
	border: 1px solid #e5e5e5;
	font-size: 16px;
	font-weight: 400;
	border-radius:50%;
}

.product-details .basic-details .like-btn a:hover{
	color: #ffffff;
}

.product-details .basic-details .catergory{
	position: relative;
	margin-bottom: 40px;
	font-size: 15px;
	line-height: 24px;
	color: #848484;
	font-weight: 400;
}

.product-details .basic-details .catergory span{
	color: #222222;
	margin-left: 10px;
}

.product-details .basic-details .catergory a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #848484;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three{
	position: relative;
}

.social-icon-three li{
	position: relative;
	display: inline-block;
	margin-left: 7px;
}

.social-icon-three li:last-child{
	margin-left: 0;
}

.social-icon-three li a{
	position: relative;
	display: block;
	height: 50px;
	width: 50px;
	border: 1px solid #e6e6e6;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	font-size: 16px;
	color: #8a8d91;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover{
	background-color: #3b5999;
	color: #ffffff;
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.product-details .product-info-tabs{
	position: relative;
}

.product-details .prod-tabs{
	position:relative;
}

.product-details .prod-tabs .tab-btns{
	position:relative;
	z-index:1;
	padding-bottom:20px;
	border-bottom:1px solid #e5e5e5;
}

.product-details .prod-tabs .tab-btns .tab-btn{
	position:relative;
	display:block;
	float:right;
	font-size: 14px;
	line-height: 24px;
	color: #8a8d91;
	font-weight: 500;
	text-align: center;
	background-color: #ffffff;
	border:1px solid #e5e5e5;
	padding: 12px 32px;
	cursor:pointer;
	margin-left:10px;
	margin-bottom:10px;
	text-transform: uppercase;
	border-radius:25px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.product-details .prod-tabs .tab-btns .tab-btn:hover,
.product-details .prod-tabs .tab-btns .tab-btn.active-btn{
	color:#ffffff;
}

.product-details .prod-tabs .tabs-content{
	position:relative;
	padding-top: 30px;
}

.product-details .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
	border-top:0px;
}

.product-info-tabs .reviews-box{
	position:relative;
	padding:30px 30px 40px;
	background:#ffffff;
	border:1px solid #e0e0e0;	
}

.product-info-tabs .reviews-box .comments-area .comment-box:last-child{
	margin-bottom:0;	
}

.product-details .prod-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.product-details .prod-tabs .tabs-content .tab .content{
	position:relative;
}

.product-details .prod-tabs .tabs-content .tab .content p{
	position:relative;
	font-size:15px;
	line-height: 26px;
	color:#848484;
	margin-bottom:26px;
}

.product-details .prod-tabs .tabs-content .tab .content p:last-child{
	margin-bottom:0px;
}

.product-details .prod-tabs .tabs-content .tab .title{
	position:relative;
	font-size:24px;
	color:#212639;
	font-weight:400;
	margin-bottom:20px;
}

/*Comment Form*/

.shop-comment-form{
	position:relative;
}

.shop-comment-form h2{
	position:relative;
	color:#333333;
	font-size:24px;
	font-weight:500;
	margin-bottom:10px;
}

.shop-comment-form .mail-text{
	position:relative;
	color:#000;
	font-size:16px;
	margin-bottom:15px;
}

.shop-comment-form .group-title{
	margin-bottom:20px;
}

.shop-comment-form .rating-box{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .rating-box .text{
	position:relative;
	font-size:16px;
	color:#333333;
	margin-bottom:15px;
}

.shop-comment-form .rating-box .rating{
	position:relative;
	margin-left:10px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating .fa{
	position:relative;
	margin-left:5px;
	display:inline-block;
}

.shop-comment-form .rating-box .rating a{
	position:relative;
	color:#000;
	font-size:14px;
	display:inline-block;
}

.shop-comment-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.shop-comment-form .form-group label{
	position:relative;
	color:#333333;
	font-size:16px;
	font-weight:400;
}

.shop-comment-form .form-group:last-child{
	margin-bottom:0px;
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 15px;
	border:1px solid #dddddd;
	height:50px;
	color:#848484;
	font-weight:300;
	background:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 15px;
	color:#848484;
	border:1px solid #dddddd;
	height:120px;
	font-weight:300;
	background:#ffffff;
	resize:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.shop-comment-form button{
	position:relative;
}

.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus{
	border-color:#f06529;	
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/

.product-details .comments-area{
	position:relative;
	padding-top:20px;
	margin-bottom: 40px;
	border-bottom:1px solid #e5e5e5;
}

.product-details .comments-area .comment-box:last-child{
	margin-bottom: 0;
}

.product-details .comments-area .comment{
	position:relative;
	min-height: 80px;
	padding-top: 0px;
	padding-right: 100px;
}

.product-details .comments-area .comment-box .author-thumb{
	position:absolute;
	right:0px;
	top:0px;
	height: 75px;
	width: 75px;
	overflow: hidden;
	border-radius: 50%;
}

.product-details .comments-area .comment-box .author-thumb img{
	width:100%;
}

.product-details .comments-area .comment-info{
	position: relative;
	margin-bottom:10px;
	
}

.product-details .comments-area .comment-info span{
	display:block;
	font-size:13px;
	
	font-weight:400;
}

.product-details .comments-area .comment-box .name{
	position: relative;
	display: block;
	font-size:18px;
	line-height:1.2em;
	font-weight:500;
	color:#222222;
	margin-bottom: 7px;
}

.product-details .comments-area .comment-box .date{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #bbbbbb;
	font-weight: 400;
}

.product-details .comments-area .comment-box .text{
	font-size: 14px;
	line-height: 28px;
	color:#000;
	font-weight: 400;
}

.product-details .comments-area .comment-box .rating{
	position:absolute;
	left:0;
	top:10px;	
	display: block;
	font-size: 14px;
	line-height: 20px;
}

.product-details .comments-area .comment-box .reply-btn{
	position: absolute;
	left: 0;
	top: 8px;
	font-size: 15px;
	line-height: 25px;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.product-details .comments-area .comment-box .reply-btn:hover{
	color: #222222;
}

/*** 

====================================================================
		Related Products
====================================================================

***/

.related-products{
	position: relative;
	padding: 0 0 120px;
}

.related-products .shop-item{
	margin-bottom: 0;
}

.related-products .sec-title{
	margin-bottom: 40px;
}

.related-products .sec-title  h2{
	font-size: 30px;
}

.related-products .owl-nav,
.related-products .owl-dots{
	display:none;	
}

/*** 

====================================================================
	Cart Section style
====================================================================

***/

.cart-section{
	position:relative;
	padding:120px 0px;
}

.cart-section .cart-outer{
	position:relative;	
}

.cart-section .cart-outer .table-column{
	position: relative;
}

.cart-section .cart-outer .table-column .inner-column{
	position: relative;
}

.cart-section .table-outer{
	position:relative;
	width:100%;
    border: 1px solid #e7e7e7;
	border-radius:20px;
	margin-bottom:50px;
}

.cart-section .table-box{
	position: relative;
	width: 100%;
}

.cart-section .cart-table{
	width:100%;
	min-width: 750px;
}

.cart-table .cart-header {
    position: relative;
    width: 100%;
    text-transform: uppercase;
    color: #ffffff;
    border-bottom: 1px solid #e7e7e7;
}

.cart-table thead tr th{
	font-size:16px;
	color:#111;
	line-height:24px;
	padding:20px 15px;
	min-width:120px;
	
	text-align: center;
}

.cart-table thead tr th.prod-column{
	text-align:right;
	padding-right:30px;	
}

.cart-table tbody tr{
	border-bottom:2px solid #f2f2f2;
}

.cart-table tbody tr:last-child{
	border-bottom: 0;
}

.cart-table tbody tr td{
	line-height:24px;
	padding:30px 30px 35px;
	min-width:50px;
	text-align: center;
}

.cart-table tbody tr td.price{
	font-size:16px;
	font-weight:400;
	color:#848484;
}

.cart-table tbody tr .qty .input-group{
	max-width: 80px;
	margin: 0 auto;
}

.cart-table tbody tr .qty .quantity-spinner{
	background:#f5f5f5;	
	width:70px;
	text-align: left;
}

.cart-table tbody tr .prod-column .column-box h3{
	font-size:17px;
	color:#222222;
	font-weight:500;
	margin-bottom:5px;	
}

.cart-table tbody tr .prod-column .column-box{
	position:relative;
	min-height:105px;
	padding-right:100px;
	padding-top:40px;
	text-align:right;
	min-width:290px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
	position:absolute;
	width:80px;
	right:0px;
	top:0px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
	 width:100%;
	 border-radius:10px;
}

.cart-table tbody tr .prod-column .column-box h4{
	font-family: "ropoto";
	font-size:15px;
	color:#111;
	
	margin-bottom:5px;
	text-transform:capitalize;
}

.cart-table tbody tr .sub-total{
	font-size:15px;
	line-height: 24px;
	font-weight:500;
}

.cart-table tbody tr td.remove{
	position: relative;
}

.cart-table tbody tr .remove-btn{
	position:relative;
	font-size:10px;
	color:#93949d;
	width:34px;
	height:34px;
	text-align:center;
	line-height:34px;
	display:inline-block;
	border-radius: 20px;
	
	border:1px solid #e6e6e6;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-table tbody tr .remove{
	text-align:center;
}

.cart-table tbody tr td .quantity-spinner{
	padding:5px 0px 5px 20px;
	line-height:24px;
	height:34px;
	display:block;
	width:100%;
	position:relative;
}

.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"]{
	position:relative;
	line-height:46px;
	font-weight: 400;
	height:46px;
	background:#ffffff;
}

/*=== Counper Outer ===*/

.cart-section .coupon-outer{
	position:relative;
	border-top: 1px solid #dddddd;
	margin-top: 30px;
}

.cart-section .coupon-outer .content-box{
	position: relative;
	padding:30px 30px 15px;
}

.cart-section .coupon-outer .link-box{
	margin-top:30px;	
}

.cart-section .coupon-outer .cart-btn .btn-title{
	line-height: 30px;
	padding:10px 30px;
	min-width: 170px;
	cursor: pointer;
}

.cart-section .apply-coupon{
	position:relative;
	float: right;
	max-width: 70%;
}

.cart-section .link-box{
	position:relative;
	float: left;
}

.cart-section .apply-coupon .form-group{
	position:relative;
	float:right;
	margin-left:10px;
	margin-bottom: 15px;
}

.cart-section .apply-coupon .field-label{
	float:right;
	width:100%;
	display:block;
	font-size:14px;
	line-height:24px;
	margin-bottom:7px;	
}

.cart-section .apply-coupon .form-group .coupon-btn .btn-title{
	padding:10px 35px;
	line-height:30px;
	cursor: pointer;
}

.cart-section .apply-coupon .form-group input{
	display:block;
	font-size: 14px;
	line-height:24px;
	color: #8a8d91;
	padding:12px 20px;
	border:1px solid #e5e5e5;
	height:50px;
	width:270px;
	background:none;
	border-radius:25px;
}

.cart-section .totals-column{
	position: relative;
}

.cart-section .totals-column .inner{
	position: relative;
	max-width: 340px;
	width: 100%;
}

.cart-total{
	position: relative;
}

.cart-total .title{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #212639;
	font-weight: 400;
	margin-bottom:30px;
}

.cart-section .totals-table{
	position:relative;
	padding:40px 30px;
	border:1px solid #e5e5e5;
	border-radius:20px;
}

.cart-section .totals-table .col{
	position:relative;
	display:block;
	float:right;
	padding: 0;
	width:50%;
	font-size:16px;
	line-height:24px;
	
	color:#111;
	text-align: left;
}

.cart-section .totals-table .col strong{
	font-weight: 500;
	color:#222222;
	font-size: 17px;
}

.cart-section .totals-table .col-title{
	text-align: left;
}

.cart-section .totals-table li{
	position:relative;
	margin-bottom: 20px;
}

.cart-section .totals-table li:last-child{
	margin-bottom:0px;	
}

.cart-section .totals-table .theme-btn .btn-title{
	line-height: 30px;
	padding: 12px 30px
}

.cart-section .totals-table .theme-btn{
	display:block;
	width:100%;
	cursor: pointer;
}

/*** 

====================================================================
	CheckOut Sectioon
====================================================================

***/

.checkout-page{
	position:relative;
	padding:120px 0px 90px;
}

.checkout-page .default-links{
	position:relative;
	margin-bottom: 60px;
}

.checkout-page .default-links li{
	position: relative;
	font-size:14px;
	line-height:30px;
	padding:14px 30px;
	color:#222222;
	font-weight:400;
	border-radius:5px;
	margin-bottom:20px;
}

.checkout-page .default-links li a{
	text-decoration:underline;
}

.checkout-title{
	position: relative;
	font-size:24px;
	line-height:30px;
	margin-bottom: 20px;
	color:#212639;
	font-weight:400;
}

.billing-detail{
	position: relative;
	margin-bottom: 30px;
}

.billing-detail .billing-column{
	position: relative;
	margin-bottom: 20px;
}

.checkout-form{
	position:relative;
}

.checkout-form .form-group{
	position:relative;
	margin-bottom:25px;	
}

.checkout-form .form-group .field-label{
	display:block;
	line-height:24px;
	margin-bottom:5px;
	text-transform:capitalize;
	color:#212639;	
	font-size:14px;
	font-weight:400;
}

.checkout-form .form-group .field-label sup{
	top:-1px;
	font-size:16px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
	position:relative;
	display:block;
	width:100%;
	background:#ffffff;
	line-height:26px;
	padding:10px 20px;
	height:48px;
	font-size: 14px;
	color: #808080;
	font-weight: 400;
	border-radius:5px;
	border:1px solid #e7e7e7;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.checkout-form textarea{
	resize:none;
	width: 100%;
	height:120px !important;	
}

.checkout-form .form-group.address input{
	margin-bottom: 10px;
}

.checkout-form .form-group.address input:last-child{
	margin-bottom: 0;
}

.checkout-page .check-box{
	line-height:24px;
	font-size:14px;
	font-weight:normal;
	padding-top:5px;	
}

.checkout-page .check-box label{
	position:relative;
	top:-1px;
	font-weight:400;
	padding:0px;
	font-size:16px;
	cursor:pointer;
	color:#222222;
}

.checkout-page .Additional-info{
	position: relative;
	margin-bottom: 50px;
}

.order-detail{
	position: relative;
	border: 1px solid #e7e7e7;
	border-radius:20px;
	margin-bottom: 60px;
}

.order-detail .cart-outer{
	position: relative;
}

.order-detail .cart-table{
	width: 100%;
	min-width: 500px;
}

.order-detail .cart-table .sub-total{
	position: relative;
	text-align: left;
	font-size: 15px;
	line-height: 30px;
	width:30% !important;
	color: #848484;
	font-weight: 400;
	border-right: 1px solid #e7e7e7;
	
}

.order-detail .cart-table .prod-column{
		width:70% !important;
}

.order-detail .cart-table .col{
	text-align: left;
	width: 50%;
}

.order-detail .cart-table .col-title{
	position: relative;
	text-align: left;
	padding: 0px 30px;
	font-size: 17px;
	
	color: #222222;
	width: 70%;
	border-left: 1px solid #e7e7e7;
}

.order-detail .cart-table .col.total{
	font-size: 20px;
	
	width: 30%;
}

/*Payment Option*/

.checkout-page .payment-options{
	position:relative;
}

.checkout-page .payment-options h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #111;
	font-weight: 400;
	margin-bottom: 30px;
}

.checkout-page .payment-options li{
	position:relative;
	margin-bottom:5px;	
}

.checkout-page .payment-options li .radio-option{
	position:relative;
	margin-bottom:10px;		
}

.checkout-page .payment-options li .radio-option label{
	position:relative;
	display:inline-block;
	padding-right:30px;
	text-transform:capitalize;
	color:#333333;
	cursor:pointer;
}

.checkout-page .payment-options li .radio-option label strong{
	color:#111;
	
	font-size:17px;
}

.checkout-page .payment-options li .radio-option label strong a{
	font-size:15px;
	margin-right:25px;
	font-weight:400;	
	text-decoration:underline;
	
}

.checkout-page .payment-options li .radio-option input[type="radio"]{
	position:absolute;
	right:0px;
	top:7px;	
	opacity: .70;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.checkout-page .payment-options li .radio-option label .small-text{
	position:relative;
	display:none;

	text-transform:none;
	font-weight:normal;
	font-size:14px;
	color:#848484;
	padding:15px 20px;
	line-height:24px;
	margin-top:10px;
	margin-bottom: 10px;
	border-radius:5px;
}

.checkout-page .payment-options li .radio-option input:checked + label .small-text{
	display:block;
}

.checkout-page .payment-options li .radio-option label img{
	position:relative;
	top:-3px;
	display:inline-block;
	max-width:100%;
	padding-right:30px;	
}

.checkout-page .payment-options .btn-box{
	position: relative;
	margin-top: 20px;
}

.checkout-page .payment-options .theme-btn .btn-title{
	padding:14px 50px;
	font-size: 16px;
	cursor: pointer;
}

img.lazy-image{
	background:url(../images/image-bg.svg) center center no-repeat;	
}

img.lazy-image.loaded{
	background-image:none;
}

.owl-theme img.lazy-image.loaded{
	height: auto;
	opacity: 1;
}

.owl-theme .owl-prev span,
.owl-theme .owl-next span{
	display: none;
}





/***********  Hassan  ********/

.cir {
background: white;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50%;
top: 10px;
display: inline-block;
z-index: 3;
color: #111;
margin-right: 8px;
transition: all 0.3s ease;}

.cir i { 
margin:0;
transition: all ease-in-out 0.4s;

}

.btn-style-one:hover .cir i {
transform: rotatey(180deg);
color:#111
}


.donate-box {
float: right;
padding-top: 37px;
}

.donate-box > div {
float: right;
margin-left: 30px;
position: relative;
}

.hot-call {
padding-left:48px;
}


.hot-call i {
font-size: 24px;

color: #17469e;
/*
background: linear-gradient(to right, #2a69df, #17469e);
*/
width: 46px;

height: 46px;
line-height: 45px;

text-align: center;

margin-right: 10px;

border-radius: 50%;

display: inline-block;

position: absolute;

left: 0;
border: 1px solid #f2f2f2;
background: #fff;
}

.ptext {
margin: 0;
line-height: 24px;
font-size: 21px;
}

.hot-call .itext {
font-size: 18px;

color: #333;

line-height: 25px;

}

.hot-call > span {
display: block;
}





/*=================================================
#0.9 wpo-case-area
===================================================*/
.wpo-case-area {
padding:30px 0 20px;
position: relative;

}/*
.wpo-case-area .top-rotten-curve {

	position:absolute;
	right:0;
	top:-19px;
	width:100%;
	height:20px;
	background:url(../images/background/rotten-curve-5.png) center top no-repeat;
	background-size:100% 100%;
	z-index:1;
}
*/
.progress-section {
    padding-top: 35px;
}

.progress {
    height: 5px;
    overflow: unset;
}

.progress .progress-bar {
    border-radius: 15px;
    box-shadow: none;
    position: relative;
    animation: animate-positive 4s;
    width: 65%;
    background: #f7c33f;
    height: 5px;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #F26522;
    transition: width .6s ease;
}

.progress .progress-value {
    width: 53px;
    height: 30px;
    background-color: #f7c33f;
    text-align: center;
    line-height: 22px;
    border: 1px solid #f7c33f;
    right: 90%;
    position: relative;
    color: #000;
    opacity: 0.75;
    font-weight: bold;
    font-size: 12px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45);
    top: -30px;
    line-height: 20px;
}

.progress .progress-value:before {
    content: "";
    border-color: #f7c33f transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: -5px;
}

.wpo-case-content h2 {
font-size: 17px;
line-height: 35px;
margin-top: 0;
text-align: center;
}

.wpo-case-item {
    box-shadow: 0px 5px 9.8px 0.2px rgba(85, 85, 85, 0.07);margin-bottom: 30px;
}





.wpo-case-text-top {
padding: 15px 8px;
display: block;
color: #111;
}

.wpo-case-text-top:hover {
color: #0e7238;
}

.wpo-case-content ul {
    list-style: none;
}

.wpo-case-content {
position: relative;background: #fff;
}




.wpo-case-content:after {
content: "";

position: absolute;

left: 0;

bottom: 0;

background: #49ae07;

width: 100%;

height: 2px;

transition: all 0.4s ease-in-out;

right: 0;

transform: scale(0);
}

.wpo-case-single:hover .wpo-case-content:after {
transform: scale(1);
}


.wpo-case-text-top ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.wpo-case-text-top ul li {
    font-size: 14px;
}

.wpo-case-text-top ul li span {
    font-weight: 700;
}

.case-btn ul {
    display: flex;direction: ltr;
    justify-content: space-between;
}

.case-btn ul li {
margin: 0 auto;
}



/*

.blogs-carousel .owl-nav div,
.wpo-case-slider .owl-nav div {
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    line-height: 40px;
    text-align: center;
    background: transparent;
    transition: all .3s;
    border: 1px solid #f8ce65;background: transparent;
color: #f8ce65;
}



.blogs-carousel .owl-nav div.owl-next,
.wpo-case-slider .owl-nav div.owl-next {
    right: -70px;
    left: auto;
}*/


/*
.case-btn ul li:last-child a {
    background-image: linear-gradient(to left, #00a7d5, #27cdca);
    color: #fff;
}*/


/*
.case-btn ul li {
    width: 100%;
}

.case-btn ul li a {
    display: block;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #333333;
    font-weight: 500;border-radius: 0 30px 30px;margin: 0 3px;
}

.case-btn ul li:first-child a { 
border:1px solid #49ae07;
border-radius:30px 0 30px  30px;
}


.case-btn ul li:last-child a {
background-image: linear-gradient(to right, #49ae07, #147818);
    color: #fff;
}*/


.case-btn ul {
    display: flex;
    justify-content: space-between;
}

.case-btn ul li {
    width: 100%;
}

.case-btn ul li a {
display: block;
text-align: center;
width: 100%;
height: 50px;
line-height: 50px;
border-top: 1px solid #eeeeee;
color: #333333;
font-weight: 500;
}
#case-btn2 ul li a {
display: block;
text-align: center;
width: 100%;
height: 68px;
line-height: 32px;
border-top: 1px solid #eeeeee;
color: #333333;
font-weight: 500;
}

.case-btn ul li:last-child a {
    background-image: linear-gradient(to left, #00a7d5, #27cdca);background-image: linear-gradient(to right, #49ae07, #147818);
    color: #fff;background: linear-gradient(to left, #49ae07, #355094);
}


.wpo-case-img {

transition: all ease-in-out 0.4s;
overflow:hidden
}




.wpo-case-img img {
    width: 100%;
height: 240px;transition: all ease-in-out 0.4s;
}





	
.wpo-case-single:hover .wpo-case-img img {
transform: scale(1.1);
}


.wpo-case-single {
border-radius: 0 40px 0 0;
overflow: hidden;
padding: 0 5px;
}

.wpo-case-wrap .owl-carousel .owl-stage-outer {
    padding: 3px;
}


/*

.blogs-carousel .owl-nav div,
.wpo-case-slider .owl-nav div {
position: absolute;
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
    height: 50px;
    width: 50px;
    line-height: 50px !important;
    text-align: center;
    background: transparent;
    transition: all .3s;
    border: 1px solid #f8ce65 !important;
    color: #f8ce65 !important;
    border-radius: 3px;
    font-size: 26px !important;

}


.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #f8ce65;    color: #fff !important;
}
*/
@media(max-width: 860px) {
    .wpo-case-slider .owl-nav button {
        display: none !important;
    }
}

.top-contact-info {
float:left;
padding: 6px 0;
}

.top-contact-info li {
float: left;color: #111;
margin-left: 15px; font-size:14px;
}

.top-contact-info li a {
color: #111;}

.top-contact-info li strong {
    font-size: 16px;
    margin-left: 8px;
}

.dash {
margin-right: 15px;
}




/*** 

====================================================================
	Become Partner Section
====================================================================

***/


/*
.become-partner .top-rotten-curve {
    position: absolute;
    right: 0;
    top: 0px;
    width: 100%;
    height: 20px;
    background: url(../images/rotten-curve-2.png) center bottom no-repeat;
        background-size: auto;
    background-size: 100% 100%;
    z-index: 1;
}*/

.become-partner {
	position:relative;
	padding:50px 0px 20px;
background: #edf1f5;
}





.become-partner [class*=col] {
padding:0 8px;
}


.become-partner [class*="col"] {
max-width: 20%;
float: left;
}


.become-partner .image-layer{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.25;
	background-repeat: repeat;
	background-position: center;
}

/*
.become-partner .sec-title h2{
	text-transform: none;
}*/

.featured-icon-block{
	position: relative;
	margin-bottom: 30px;
}

.featured-icon-block .inner-box{
	position: relative;
	display: block;
	text-align: center;
	padding: 50px 20px;
	background: #ffffff;

	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.featured-icon-block .inner-box:hover{
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.15);
}

.featured-icon-block .icon-box{
	position: relative;
	display: block;
	width: 160px;
	height: 100px;
	margin: 0 auto 20px;
	line-height: 60px;
	font-size: 60px;
	padding: 15px 0px 25px;
	background: url('../images/bg-flare.png') center top no-repeat;
	color: #4cc7d6;
}

.featured-icon-block .icon-box img {
width:60px;
}

.featured-icon-block:nth-child(1) .icon-box{
	color: #4cc7d6;
}

.featured-icon-block:nth-child(2) .icon-box{
	color: #3f6b92;
}

.featured-icon-block:nth-child(3) .icon-box{
	color: #f5a93f;
}


.featured-icon-block .icon-box:before{
	content: '';
	position: absolute;
	right: 50%;
	bottom: 0;
	margin-right: -15px;
	width: 30px;
	border-bottom: 2px solid #49ae07;
}

.featured-icon-block .sub-text{
	position: relative;
	display: block;
	font-size: 16px;
	text-transform: capitalize;
}

.featured-icon-block .sub-text a{
	color: #000;
}

.featured-icon-block .sub-text a:hover{
	color: #49ae07;

}


.main-header .nav-outer .container {
position: relative;
}



.ttop-link {
position: absolute;
right: 0;
top: 0;
}


.header-upper .ttop-link:after {

position: absolute;
content: '';
left: -50px;
top: 0;
height: 100%;
width: 2000%;
transform: skewX(-40deg);
background-color: #49ae07;
z-index: -1;
}




.ttop-link .join-btn {

line-height: 60px;

display: block;

text-transform: capitalize;

color: #fff;

font-size: 16px;
}





.search-top {
float:right;
}

.search-top button {
position: absolute;
left: 0;
font-size: 20px;
color: #17469e;/*
background: linear-gradient(to right, #2a69df, #17469e);*/
width: 46px;
height: 46px;
border-radius: 50%;
line-height: 45px;
text-align: center;
border: 1px solid #f2f2f2;
background: none;
}

.search-top input {
height: 46px;

padding: 7px 15px 7px 55px;

border: 1px solid #f2f2f2;

border-radius: 25px;

width: 300px;

box-shadow: none !important;

font-size: 12px;}





@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}



.blog-area {
padding: 30px 0 10px;
}



.main-all .blog-area {
background:#edf1f5
}

.single-blog {
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    margin-bottom: 30px;
}

.single-blog .image {    
overflow: hidden;

position: relative;
}

.single-blog .image:after { 
content: "";
    background-color: rgba(255, 255, 255, 0.2);
    background: #f6f6f61a; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #f6f6f61a, #fffc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #f6f6f61a, #fffc);
background: linear-gradient(to left, #f6f6f61a, #ffffff4d);
    position: absolute;
    width: 35%;
    height: 200%;
    right: -100%;
    top: -50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);}

.single-blog:hover .image:after {
    right: 150%;
}

.single-blog .image img {
    -webkit-transition: .5s;
    transition: .5s;

height: 260px;width: 100%;
}

.single-blog .content {
padding: 20px 20px 15px 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    position: relative;
    z-index: 9;
direction: ltr;
}


.main-all .single-blog .content {
    padding: 25px 20px 10px 20px;}


.single-blog .content .datee {

font-size: 13px;


font-weight: normal;


padding: 8px;

background: #49ae07;

position: absolute;

top: -58px;

left: 15px;

text-align: center;

border-radius: 5px;
color: #fff;
display: flex;
align-items: center;
gap: 5px;}


.single-blog .content .datee i {
position: absolute;
left: 0;
top: -1px;
line-height: initial;
}


.single-blog .content .datee i {
    position: absolute;
    left: 21px;
    top: 15px;
    line-height: initial;
}


.single-blog .content span.btn-title {
background: linear-gradient(to left, #f8f8f8, #f3f3f3);
color:#2f2f2f;
}

.single-blog .content .btn-style-one .btn-title:before {
    background-color: #49ae07;

}


.single-blog .content .btn-style-one:hover .btn-title {
color:#fff !important;
}


.single-blog .content h3 {
    font-size: 18px;
    line-height: 1.5;
overflow: hidden;
margin-top: 0;
    -webkit-transition: .5s;
    transition: .5s;

}

.single-blog .content p {
font-size: 14px;
color: #4c4c4c;
line-height: 22px;
}



.single-blog .content .text {
height: 66px;
overflow: hidden;
}



.single-blog .content h3 a {
    color: #000
}

.single-blog .content .blog-btn {


-webkit-transition: .5s;
transition: .5s;
font-size: 14px;
font-weight: normal;
padding:13px 30px;
position: relative;
border-radius: 0 30px 30px;
background: linear-gradient(to left, #49ae07, #355094);color: #fff;

-webkit-transition: .5s;
    transition: .5s;
    font-size: 14px;
    font-weight: normal;
    padding: 13px 30px;
    position: relative;
    border-radius: 0 30px 30px;
    background: linear-gradient(to left, #f8f8f8, #f3f3f3);
    color: #2f2f2f;

}


/*
.single-blog .content .blog-btn:after {
content: "";
position: absolute;
left: 0;
top: 4px;
background: #0aa756;
width: 2px;
height: 23px;
transition: all 0.4s ease-in-out;z-index: -1;
}*/

.single-blog:hover .content .blog-btn:after {
width:100%;
}


.single-blog .content .blog-btn:hover {
background: linear-gradient(to left, #111, #333);
}


.single-blog:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}






/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer {
	position:relative;
padding: 30px 0 0;
z-index: 2;
overflow: hidden;
background: url(../images/footer-5-bg.jpg);
background-size: cover;
background-position: center;
}


.main-footer:before{
content: "";
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
background: #1c7accf2;
}



/*
.main-footer .image-layer{
	position:absolute;
	right:0;
	top:0;
	width: 100%;
	height: 100%;
	opacity:1;

	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
background-size: 70px 70px;


}*/

/*

.main-footer .image-layer:before{
	content: '';
	position:absolute;
	right:0;
	top:0;
	width: 100%;
	height: 100%;
	opacity:0.90;
background-color: #040e03b8;
}*/

.container {

max-width: 1200px;}


.main-footer .widgets-section{
	position:relative;
padding: 50px 0px 20px;
}

.main-footer .column{
	position:relative;
	margin-bottom:10px;
}

.main-footer .footer-widget{
	position:relative;
}

.main-footer h4,
.main-footer h3{
	position:relative;
	font-size:20px;
	color:#fff;
	text-transform:capitalize;
	margin-bottom:25px;
}

.main-footer h3 span {
font-size: 15px;

margin-left: 5px;
}

.main-footer h4 {
	font-size:17px;
}

/*
.main-footer h4:before,
.main-footer h3:before{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 55px;
background: linear-gradient(to left, #49ae0733, #49ae07);
height: 1px;
border-radius: 10px;
}*/

.main-footer .logo-widget{
	position:relative;
}


.main-footer .logo-widget img {

margin-bottom: 12px;
}

.main-footer .footer-logo{
	position:relative;
}

.main-footer .footer-logo img {

}

.main-footer .logo-widget .text{
	position:relative;
	margin:0 0 18px;
}

.main-footer .links-widget .widget-content{
	position:relative;
}
.main-footer .links-widget .widget-content ul li {
padding-left:30px;margin-bottom: 14px;
	position:relative;color:#fff
}

.main-footer .links-widget .widget-content ul li i {
	position: absolute;
left:0;
color:#333

}

.info-we li a {
color:#333;
color: #d7dde9;
}
.info-we li {
    margin-bottom: 12px;
padding-left: 55px;
position: relative;
color: #d7dde9;
}

.info-we li span {
display: block;
color: #fff;
}

.fop .text,
.copyright {
color: #d7dde9;
}


.info-we li i {
width: 45px;
height: 45px;color:#fff;
line-height: 45px;
text-align: center;
background: #014b80;
display: block;
font-size: 18px;
border-radius: 50%;
left: 0;
top: 0;position: absolute;
}

.main-footer .links-widget ul.quickli li{
	position:relative;
	margin-bottom:15px;
width: 100%;
padding-left: 14px;
width: 50%;
text-transform: capitalize;
float: left;
}

.quickli li:after {
	font-family: "Font Awesome 5 Pro";
	content: "-";
	position:absolute;
	left:0px;
	top:0;
	display:block;
	font-size:14px;
	color: #333;
	text-align:center;
	z-index:5;color: #d7dde9;
}

.main-footer .links-widget ul li:last-child{
	margin:0;	
}

.main-footer .links-widget ul li a{
	position:relative;
	color:#333;
	font-size:14px;
	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;color: #d7dde9;
}

.main-footer .links-widget ul li a:hover{
padding-left: 5px;
	color:#000;
}

.main-footer .social-links{margin-top: 20px;
	position:relative;text-align: left;
}

.main-footer .social-links li{
	position:relative;
	margin-left:5px;
	display:inline-block;padding-left: 0 !important;margin-top: 5px;
}

.main-footer .social-links li a{
	position:relative;
	display:block;

font-size: 14px;
width: 45px;
height: 45px;
line-height: 45px;
	text-align:center;
border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
color: #000;
background: #fff;
}

.main-footer .social-links li a:hover{
	color:#ffffff;
	background: #49ae07;
background: linear-gradient(to left, #49ae07, #c56f00);
}

.main-footer .info-widget ul li{
	position:relative;
	margin-bottom:10px;
}

.main-footer .info-widget ul li:last-child{
	margin:0;	
}

.main-footer .info-widget ul li a{
	position:relative;
	color:#fff;
	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;
}

.main-footer .info-widget ul li a:hover{
	color: #f5a93f;
}

.main-footer .info-widget ul li .fab,
.main-footer .info-widget ul li .fa,
.main-footer .info-widget ul li .far{
	width: 20px;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
}

.newsletter-form{
	position:relative;width: 600px;max-width: 100%;
}

.newsletter-form form{
	position:relative;
}

.newsletter-form .form-group{
    position: relative;
    margin: 0;
}

.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="tel"],
.newsletter-form .form-group input[type="email"],
.newsletter-form .form-group textarea{
    position: relative;
    width: 100%;
    line-height: 26px;
    padding: 15px 20px;
    height: 60px;
	display:inline-block;
    font-size: 14px;
    background: none;
	font-weight:400;
	color:#000;
	border: none;
	border-radius: 0;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;background-color: #fff;box-shadow: none;border-radius: 60px;
}

.newsletter-form .form-group input[type="text"]:focus,
.newsletter-form .form-group input[type="email"]:focus,
.newsletter-form .form-group input[type="tel"]:focus{
	border-color:#ff7a21;
}

.newsletter-form .form-group input::-webkit-input-placeholder{
	color:#848484;
	font-style: italic;
}

.newsletter-form .form-group .newsletter-btn{
position: absolute;
height: 55px;
top: 3px;
right: 3px;
float: left;
color: #ffffff;
font-size: 19px;
display: block;
text-transform: uppercase;
border-radius: 0;
width: 55px;
border-radius: 50%;
overflow: hidden;background: #014b80;
}


.newsletter-form .form-group .theme-btn i {
font-size: 23px;
}

.newsletter-form .form-group .newsletter-btn:hover{
	background: #1a2443;
}

.main-footer .footer-bottom{
position: relative;
padding: 0px 0px;
line-height: 24px;
color: #333;
font-size: 14px;
text-align: left;
margin-top: 8px;
background: #3e383812;
}

.main-footer .footer-bottom a{
    color: #eee;
    font-size: 14px;
}

.main-footer .footer-bottom .inner{
	position:relative;text-align: center;
	padding:10px 0px;/*
	border-top: 1px solid rgba(255,255,255,0.15);*/
}

.main-footer .footer-bottom .copyleft{
	position:relative;
	color: #000;float: left;
}

.main-footer .bottom-links li,
.main-footer .bottom-links {
float: right;
margin-left: 15px;
}


.fixed-header .sticky-header .container {
	position:relative;
}

.fixed-header .sticky-header .donate-link {
margin-top: 18px;
float: right;
}


.fixed-header .sticky-header .btn-style-one .btn-title::before {
background-color: #49ae07;
}


.fixed-header .sticky-header .btn-style-one:hover .btn-title {
color: #fff !important;
}

.fixed-header .sticky-header .btn-style-one .btn-title {
padding: 8px 20px 9px 20px;
}


.nav-box .btn-style-one .btn-title {
background: #424441;
color:#fff;
}





/****************/



.video-gallery {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  text-align: left;
}



/*
.video-gallery .gallery-item:nth-child(1) {
border-radius: 0 40px 40px;
}

.video-gallery .gallery-item:nth-child(2) {
border-radius: 40px 0 40px 40px;
}

.video-gallery .gallery-item:nth-child(4) {
border-radius: 40px 40px 0 40px;
}


.video-gallery .gallery-item:nth-child(3) {
border-radius: 40px 40px 40px 0;
}
*/




.video-gallery .gallery-item {
  position: relative;
  float: right;
  overflow: hidden;
  margin: 5px;
/*
  height: 260px;*/
width: calc(50% - 10px);
/*
  background: #000;
background: linear-gradient( to left , #1a1a1a ,#48453b);*/
  cursor: pointer;border-radius: 10px;
}

.video-gallery .gallery-item img {
/*
  position: relative;
  display: block;
  opacity: .45;
  width: 105%;
  height: 300px;
  transition: opacity 0.35s, transform 0.35s;    opacity: .45;
  transform: translate3d(-23px, 0, 0);
  backface-visibility: hidden;*/

    position: relative;
    display: block;

    width: 120%;
    height: 260px;
    transition: opacity 0.35s, transform 0.35s;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    max-width: 330px;background: #fff;

}

.video-gallery .gallery-item .gallery-item-caption {
padding: 15px;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;background: linear-gradient( to top , #00000080 , #fafafa1a);
}

.video-gallery .gallery-item .gallery-item-caption,
.video-gallery .gallery-item .gallery-item-caption > a {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.video-gallery .gallery-item h2 {
  font-weight: 300;
  overflow: hidden;
font-size: 14px;padding-top: 12px;
}


.video-gallery .gallery-item h2,
.video-gallery .gallery-item p {
  position: relative;
  margin: 0;
  z-index: 10;
}

.video-gallery .gallery-item p {
  letter-spacing: 1px;
  font-size: 68%;

  padding: 1em 0;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  transform: translate3d(10%, 0, 0);
}

/*
.video-gallery .gallery-item:hover img {
  transform: translate3d( 23px, 0, 0);

}*/

.video-gallery .gallery-item .gallery-item-caption {
  text-align: center;
}
/*
.video-gallery .gallery-item h2::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 20%;
  height: 1px;
  background: #fff;
  transition: transform 0.3s;

}

.video-gallery .gallery-item:hover h2::after {
  width: 15%;
}
*/
.video-gallery .gallery-item:hover p {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}




.caption-vid {
position: absolute;
bottom: 0;
padding: 8px;
left: 0;
right: 0;}










.video-btn {
    z-index: 10
}

/*
.video-btn,
.video-btn:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.video-btn:before {
    content: '';
    cursor: pointer;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: background .3s ease-out;
    transition: background .3s ease-out
}

.video-btn:hover:before {
    background: rgba(0, 0, 0, 0)
}*/

.video-play-label {
    position: absolute;
    right: 20px;
    z-index: 15;
    color: #fff;
    font: 400 20px/1 Merriweather, 'Times New Roman', serif;
    bottom: 20px
}

.video-play-label:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 0 24px 40px;
    border-color: transparent transparent transparent #fff;
    bottom: 35px;
    position: absolute;
    right: 0
}



.sonar-wave {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background-color: #414141;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
}

.sonar-wave {
    animation: amo-button-wave infinite 2.6s 0s linear;
}

@keyframes amo-button-wave {
    0% {
        transform: scale(1, 1);
        opacity: 0.45
    }
    40% {
        opacity: 0.45
    }
    100% {
        transform: scale(1.35, 1.35);
        opacity: 0
    }
}

.sonar-wave2 {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background-color: #414141;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
}

.sonar-wave2 {
    animation: amo-button-wave2 infinite 2.6s 0s linear;
}

.sonar-wave2 {
    animation-delay: 0.8s;
}

@keyframes amo-button-wave2 {
    0% {
        transform: scale(1, 1);
        opacity: 0.45
    }
    40% {
        opacity: 0.45
    }
    100% {
        transform: scale(1.35, 1.35);
        opacity: 0
    }
}












.video-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
padding: 50px 0 20px;
}


.video-content {
    position: absolute;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
}

.video-btn {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 100px;
    text-align: center;
    border-radius: 0;
    color: #e2a752;
    position: relative;
    top: 3px;
    z-index: 1;
background-color: #000c;
    border-radius: 50%;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.video-btn i {
    font-size: 21px;
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #49ae07;
    border-radius: 50%;
background: none;


}

.video-btn i:before {
    margin-left: 5px;
}



.parallax-item {
    position: relative;
}

.parallax-item .location {
    position: absolute;
    bottom: 18px;
    left: 10px;background-color: #e2a752;
padding: 8px;
color: #fff;
text-transform: capitalize;
}

.parallax-item .location a {
    text-transform: capitalize;
    color: #fff;
}

.video-content .sonar-wave,
.video-content .sonar-wave {
    background-color: #ede1e1;
}





/******************** gallery ***********/
.outer {
    margin: 0 auto;
    max-width: 800px;
}

#big .item {
    margin: 2px;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
}

#big .item img {
height:438px
}

#thumbs .item {
    background: #000;
    height: 90px;
    line-height: 70px;
    padding: 0px;
    margin: 2px;
    color: #FFF;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

#thumbs .item img { 
opacity:0.7;
    height: 90px;
}


#thumbs .item h1 {
    font-size: 18px;
}

#thumbs .current .item img {
opacity:1
}

.video-area .owl-theme .owl-nav [class*='owl-'] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.video-area .owl-theme .owl-nav [class*='owl-'].disabled:hover {
    background-color: #D6D6D6;
}

#big.owl-theme {
    position: relative;
}

#big.owl-theme .owl-next,
#big.owl-theme .owl-prev {
background: #49ae07;
width: 22px;
line-height: 40px;
height: 40px;
margin-top: -20px;
position: absolute;
text-align: center;
top: 50%;
color: #fff;
opacity:0;
}

#big.owl-theme .owl-prev {
    left: 1px;
}

#big.owl-theme .owl-next {
    right: 1px;
}

#big.owl-theme:hover .owl-nav > div {
opacity:1;
}

#thumbs.owl-theme .owl-next,
#thumbs.owl-theme .owl-prev {
background: #21212199;
position: absolute;
top: 50%;
margin-top: -20px;
width: 35px;
height: 40px;
left: 1px;
text-align: center;
line-height: 40px;
font-size: 13px;
color: #fff;
}

#thumbs.owl-theme .owl-next {
right: 1px;
left: auto;}


.owl-nav [class*='owl-'] { 
cursor: pointer !important;
}



.lang-box {
width: 100%;
display: block;
padding: 10px 25px;
border-top: 1px solid rgba(235, 235, 235, 0.83);
border-bottom: 1px solid rgba(235, 235, 235, 0.83);
}

.lang-box img {
width: 20px;

margin-right: 8px;}


.lang-box a {
display:block;
color: #000;direction: rtl;line-height: 25px;}




/*********************** about bage *****************/
.section-title {
margin-bottom:25px;
}

.section-title h6 {
  color: #49ae07;
  font-size: 20px;
  line-height: 1.1;
  margin-bottom: 17px;
  display: inline-block;
}
.section-title h6 span i {
  padding-left: 6px;
}
.section-title h2 {
  color: #001234;
  font-size: 24px;
  line-height: 1.1;
}
.section-title h2 span {
  font-weight: 300;
}




.about-area {
padding:70px 0 50px;
}

.about-area .left-shape {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media (max-width: 767px) {
  .about-img__thumb {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-img__thumb {
    padding-left: 0;
  }
}
.about-img__thumb img {
  width: 100%;
}

.about_list li {
  font-size: 16px;
  padding-right: 48px;
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}
.about_list li::before {
  content: '';
  position: absolute;
  background: #4db7a6;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  right: 5px;
  top: 14px;
}
.about_list li::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #4db7a6;
  right: 0;
  top: 9px;
  animation: pulseBig infinite 5s linear;
}

.experience-box {
  display: inline-flex;
  align-items: center;
  padding: 15px;
  position: absolute;
  right: 15px;
  bottom: -30px;
  z-index: 2;
}
.experience-box::before {
  content: '';
  position: absolute;
  background: #001234;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: -1;
}
.experience-box::after {
  content: '';
  position: absolute;
  background: white;
  width: 220px;
  height: 132px;
  right: -10px;
  top: -10px;
  z-index: -2;
}
.experience-box h1 {
  color: #4db7a6;
  font-size: 65px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 0;
  margin-right: 15px;
}
.experience-box .semi-02-title {
  color: white;
  margin-bottom: 0;font-size: 18px;
}

.about-img-02 {
margin-top:100px;position: relative;
}

.about-img-02__thumb {
  position: absolute;
  top: -100px;
  left: 0;
}

.about-img-02__thumb img {
border: 10px solid white;
}


@media (max-width: 767px) {
  .about-img-02__thumb img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about-img-02__thumb {
    padding-left: 0;
  }
}
.about-img-02__thumb-02 {
margin-left: 100px;position: relative;
z-index: 2;
}


.about-img-02__thumb-02 img {
border: 10px solid white;
}

.about-wrap-02 p {
  font-size: 16px;
}
.about-wrap-02 .about_list li {
  font-size: 18px;
  color: #001234;
  padding-right: 30px;
}
.about-wrap-02 .about_list li::before {
  content: '\f058';
  position: absolute;
  font-family: 'Font Awesome 5 pro';
  font-size: 18px;
  color: #49ae07;
  right: 0;
  top: 1px;
  background: none;
}
.about-wrap-02 .about_list li::after {
  display: none;
}

.about-area-03::before {
  content: '';
  position: absolute;
  background: url(../img/shape/10.png) no-repeat bottom;
  width: 100%;
  min-height: 1032px;
  right: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .about-area-03 {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .about-img-03 {
    margin-left: 0;
  }
}
.about-img-03__thumb {
  position: absolute;
  z-index: 1;
  top: -59px;
}
.about-img-03__thumb::before {
  content: '';
  position: absolute;
  background: white;
  border-radius: 50%;
  width: 175px;
  height: 175px;
  right: 6px;
  top: 9px;
  z-index: -1;
}
.about-img-03__thumb-03 img {
  width: 100%;
}
.about-img-03 .experience-box {
  overflow: hidden;
  width: 175px;
  position: absolute;
  background: #4db7a6;
  left: 15px;
  bottom: -30px;
  z-index: 2;
  height: 175px;
  border-radius: 50%;
  display: inline-block;
  padding-top: 35px;
}
.about-img-03 .experience-box h1 {
  color: white;
  margin-left: 0;
  display: inline-block;
  margin-left: 5px;
}
.about-img-03 .experience-box .semi-02-title {
  margin-top: 35px;
}
.about-img-03 .experience-box::after {
  display: none;
}
.about-img-03 .experience-box::before {
  display: none;
}

.about-wrap-04 .nav-tabs {
  border: 0;margin-top: 25px;
}
.about-wrap-04 .nav-tabs .nav-link {
  border: 0;
  border-radius: 0;
  color: #001234;
  font-weight: 700;
  line-height: 1;
  background: white;
  padding: 16px 35px;
  box-shadow: 0px 10px 30px 0px rgba(220, 220, 220, 0.47);
  margin-right: 10px;
  transition: all 0.3s ease-in;
  display: inline-block;
}

.about-wrap-04 .nav-tabs .nav-link:hover, .about-wrap-04 .nav-tabs .nav-link.active {
  color: white;
  background: #49ae07;
}

@media (max-width: 767px) {
  .inner-content {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .inner-content__img {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .inner-content__img {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .inner-content__img img {
    width: 100%;
  }
}
.inner-content__text h3 {
  font-size: 26px;
  margin-bottom: 14px;
}

.what-we-area .left-help {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .what-we-area .left-help {
    position: relative;
    top: 0;
    height: 450px;
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .what-we-area .left-help {
    position: relative;
    top: 0;
    height: 450px;
    width: 100%;
    margin-bottom: 30px;
  }
}

.we-wrapper .about_list li::before {
  content: '\f00c';
  position: absolute;
  font-family: "Font Awesome 5 pro";
  font-size: 14px;
  color: white;
  text-align: center;
  line-height: 30px;
  right: 5px;
  top: 0;
  background: #4db7a6;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transition: all 0.3s ease-in;
}
.we-wrapper .about_list li::after {
  display: none;
}
.we-wrapper .about_list li:hover::before {
  background: #49ae07;
}


.tab-content {
margin-top:25px;
}


/*------------------------------------------*/
/*   7.6 Icon Box Style
/*------------------------------------------*/
/* Box Style One */
.icon-box-1{
	display: flex;  
}
.welcome-home-first .icon-box-1{ 
    max-width: 220px;
    margin: 0 auto;
}
.icon-box-1 i{
	font-size: 4.5rem;
	margin-left: 1.5rem;
	color: #477763;
}
.icon-box-1 h3{
	color: #27304b;
    font-size: 1.25rem;
    font-weight: 300;
}
/* Box Style Two */

/* Box Style Two */
.icon-box-2{
	border-radius: 6px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
	padding: 1.8rem;
}
.icon-box-2 .icon-font{
	font-size: 6.5rem;
	margin-left: 2rem;
    line-height: 1.4;
    color: #477763;
}

.icon-box-2 h3{
	font-size: 1.25rem;
	color: #D59B2D;
	font-weight: 300;
}

/* Icon Box 3 */
.icon-box-3{
	text-align: center;
}
.icon-box-3 i{
	font-size: 6rem;
	color: #cdced4;
	display: block;
	margin-bottom: 1.5rem;
}
.icon-box-3 h3{
	font-size: 1.5rem;
	font-family: 'Changa', sans-serif;
	color: #D59B2D;
	font-weight: bold;
	position: relative;
	margin-top: 3rem;
}
.icon-box-3 h3:after {
    position: absolute;
    content: "";
    top: -20px;
    right: 50%;
    height: 1px;
    width: 40px;
    background: #27304b;
    transform: translateX(-50%);
}
/* Icon Box 3 */

/* Icon Box 4 */
.icon-box-4{
	text-align: left;
padding: 25px 5px 20px 86px;
	position: relative;
	border-radius: 7px;
	overflow: hidden;
margin-bottom: 15px;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;border-radius: 0 0 0 40px;
overflow: hidden;
}
.icon-box-4 svg {
    color: #beafb1;
    display: block;
    stroke-width: 1px;
    position: absolute;
    width: 45px;
    height: 45px;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
}
.icon-box-4 h3 {
font-size: 17px;
    color: #27304b;
margin-bottom: 5px;
    position: relative;
}

.icon-box-4 p {
margin:0;
line-height:22px;

}

.icon-box-4 a[href^="mailto:"]{
color: #111;
}
.icon-box-4 a[href^="mailto:"]:hover{
	color: #27304b;
	text-decoration: none;
}
.icon-box-4.bg-orange{
	background: #abe8fb59;
}
.icon-box-4.bg-green{
	background: #b4f2b54a;
}
.icon-box-4.bg-gray{
	background: rgb(162 162 162 / 7%)
}
/* Icon Box 4 */

/* Icon Box With Image */
.icon-box-with-img{
	position: relative;
    background: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.08);

  	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}
.icon-box-with-img .text{
    padding: 1.8rem;
}
.icon-box-with-img .img {
    overflow: hidden;
}
.icon-box-with-img  h3 {
    font-size: 1.25rem;
    color: #477763;
    font-weight: 300;
}
.icon-box-with-img .read-more-line{
    color: #D59B2D;
}
.icon-box-with-img .read-more-line:hover {
    color: #477763;
}



/*------------------------------------------*/
/*   8.10 Contact
/*------------------------------------------*/
.contact-details {
    position: absolute;
    top: 50%;
    right: 7%;
    z-index: 99;
    background: #FFF;
    padding: 2.5rem 1.15rem;
    color: #333;
    border-radius: 3px;
    transform: translateY(-50%);
}
.contact-details h4{
    font-size: 16px;
    
    color: rgb(6, 22, 58);
    line-height: 1.714;
}
.contact-details p {
    color: #9b9b9b;
}
.contact-details a {
    font-size: 14px;
    color: rgb(6, 22, 58);
}
.contact-details i{
    color: #D59B2D;
    font-size: 24px;
    top: 4px;
    padding-left: 10px;
    display: inline-block;
    position: relative;
}
.contact-details.standard{
    position: relative;
    right: auto;
    top: auto;
    padding: 0;
    transform: none;
}
.contact-full-shadow{
    box-shadow: 0px 18px 76px 0px rgba(0, 0, 0, 0.06);
    padding-bottom: 250px;
}
.contact-map-bg{
    position: absolute;
    right: 50%;
    transform: translateX(-50%);
}
.contact-map-bg.option{
    right: auto;
    top: 50%;
    transform: translate(0%,-50%);
}
.contact-detail-shadow{
    border-radius: 8px;
    background-color: #FFF;
    box-shadow: 0px 18px 76px 0px rgba(0, 0, 0, 0.14);
    padding: 3rem;
}
.contact-detail-shadow .items{
    margin-bottom: 20px;
}
.contact-detail-shadow h4 {
    font-size: 0.875rem;
    color: #adb1d3;
    margin-bottom: 15px;
    font-weight: 700;
}
.contact-detail-shadow i {
    color: #D59B2D;
    font-size: 1.25rem;
    margin-left: 15px;
}
.contact-detail-shadow a{
    text-decoration: underline;
}
.free-quote-form.contact-page{
    margin-bottom: 0;
    margin-top: -140px;
}
.free-quote-form.contact-page .rounded-field input[type="text"], 
.free-quote-form.contact-page .rounded-field input[type="email"], 
.free-quote-form.contact-page .rounded-field select,
.free-quote-form.contact-page .rounded-field textarea,
.contact-page-option.free-quote-form .rounded-field input[type="text"], 
.contact-page-option.free-quote-form .rounded-field input[type="email"], 
.contact-page-option.free-quote-form .rounded-field select,
.contact-page-option.free-quote-form .rounded-field textarea {
    background-color: #fafafa;
}
.contact-detail-shadow.no-shadow{
    padding: 0;
    background: transparent;
    box-shadow: none;
}
.free-quote-form.contact-page-option{
    margin-bottom: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.contact-wrap{
padding: 30px 30px 30px;
background: #f9f9f9;
    position: relative;

border-radius: 0 0 0 40px;
overflow: hidden;
margin-bottom: 30px;

}
.contact-wrap .contact-icon-xl {
    font-size: 18rem;
    position: absolute;
    top: -300px;
    left: 40px;
    color: #477763;
    opacity: 0.2;
    z-index: -1;
}
.contact-wrap .form-control {
box-shadow: none !important;
}

.contact-wrap .form-control:focus {
    border: 2px solid #ebebeb;

}
.contact-wrap .form-group{
    margin-bottom: 12px;
}

.contact-wrap .row {
direction: ltr;
text-align: left;
}


/*
.map-frame iframe{
    width: 100%;
    border: none;
    height: 475px;
}*/
.top-broken-grid {
    margin-top: -80px;
    margin-bottom: 70px;
}


.form-control {
    border: none;
    box-shadow: none;
    font-size: 14px;
    border: 1px solid #FFF;
    outline: none;
    color: #5b5b5b;
    background-color: #FFF;
    height: auto;
    padding: 12px 25px;
    border-radius: 5px;
    box-shadow: 0px 0px 147px 0px rgba(0, 0, 0, 0.07);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
/* 8.10 Contact Style End */


.contact-wrap .btn-style-one .btn-title:before {
background-color: #eee;
}



.widget-post .contact-wrap .btn-style-one .btn-title:before {
background-color: #fff;
}

.events__btn .btn-style-one .btn-title,
.contact-wrap .btn-style-one .btn-title {
background-color: #49ae07;
}

.contact-wrap .btn-style-one .btn-title:hover {
color: #111;
}

.map-frame {
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.1);
margin-bottom:-10px;margin-top: 35px;
}

.head-form {
margin-bottom: 30px;
font-size: 20px;
font-weight: normal;
  position: relative;
text-transform: capitalize;
}





.page_pagination {
  position: relative;
  padding-top: 20px;
}
.page_pagination li {
  display: inline-block;
  margin:0 4px;
}
.page_pagination li a {
  width: 55px;
  line-height: 55px;
  border:1px solid rgba(229, 229, 229, 0.57);
  text-align: center;
  color: #252525;
  font-size: 18px;
  border-radius: 4px;
}
.page_pagination li a.active,
.page_pagination li a:hover {
  color:#fff;
  background: #fb5e1c;
}



/*********************************/







.team-area {
padding:50px 0;background: #edf1f5;
}


.single-team-member {
    -webkit-transition: all ease .5s;
    transition: all ease .5s;margin-bottom: 25px;
}

.single-team-member > a {
display: block;
overflow: hidden;background:#000;
}

.single-team-member img {
height: 250px;
width: 100%;
transition: all ease-in-out 0.4s;
}

.single-team-member:hover img {
transform: scale(1.1);
opacity:0.7;
}

.single-team-member .team-content {

padding: 20px;
    position: relative;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
background: linear-gradient(to bottom, #f6f6f6, #fafafa);
}

.single-team-member .team-content a {
color: #000;
font-size: 14px;
}

.single-team-member .team-content span {
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 14px
}

.single-team-member .team-content h3 {
margin-bottom: 0;
color: #262362;
font-size: 17px;
font-weight: normal;

}

.single-team-member .team-content .team-social .control {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #49ae07;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 12px;
    right: 5px;
    color: #fff;
border-radius: 50%;
}

.single-team-member .team-content .team-social ul {
    position: absolute;
    top: -130px;
    left: 30px;
    opacity: 0;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.single-team-member .team-content .team-social ul li a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #eee;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.single-team-member .team-content .team-social ul li:nth-child(4) a i {
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
}

.single-team-member .team-content .team-social ul li:nth-child(3) a i {
    -webkit-transform: translateY(80px);
    transform: translateY(80px)
}

.single-team-member .team-content .team-social ul li:nth-child(2) a i {
    -webkit-transform: translateY(120px);
    transform: translateY(120px)
}

.single-team-member .team-content .team-social ul li:nth-child(1) a i {
    -webkit-transform: translateY(160px);
    transform: translateY(160px);
    border-radius: 50px 50px 0 0
}

/*
.single-team-member:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}*/

.single-team-member:hover .team-content {
    background-color: #e2a753
}




/***********************/



.video-project .text {
position: relative;
padding: 8px 15px;
background: #e9e9e9;
background: linear-gradient(to bottom, #f6f6f6, #e3e3e3);

}


.video-project .text h3 {
font-size: 14px;

text-transform: capitalize;

margin: 0;

color: #000;

text-align: center;

font-weight: normal;




line-height: 20px;
height: 40px;
display: grid;overflow: hidden;
align-items: center;
}

.video-project .text .subheading {
position: absolute;

top: -55px;

background: #3e85ff;

padding: 8px;

font-size: 15px;

right: 20px;

color: #fff;
}



.skill-img {
    position: relative
}

.skill-img img {
height:240px;width: 100%;
}

.skill-img .video-content {
position: absolute;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
}




.slide-item .video-btn {
    display: inline-block;
width: 60px;
height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 0;
    color: #e2a753;
    position: relative;
    top: 3px;
    z-index: 1;
background-color: #0006;
    border-radius: 50%;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}



.main-all .video-btn i {
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;background: none;
}

.video-btn::after,
.video-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    bottom: 0;
    right: 0;
    border-radius: 0;
    border-radius: 50%;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    -webkit-animation: ripple 1.6s ease-out infinite;
animation: ripple 2.5s 3s ease-out infinite;
background-color: rgba(0, 0, 0, 0.15);
}

.video-btn:hover,
.video-btn:hover {
background-color: rgb(250, 157, 25);
}

@-webkit-keyframes ripple {
    0%,
    35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .6
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes ripple {
    0%,
    35% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: .8
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.7);
        transform: scale(1.7)
    }
}



.ftco-section {
padding:50px 0;
background: #edf1f5;
}


/**************************/
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .events-style-1 {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .events-style-1 {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events-style-1 {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .events-style-1 {
    padding-right: 0;
    padding-left: 0;
  }
}

.events-video-area {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 640px;
}
@media (max-width: 767px) {
  .events-video-area {
    min-height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .events-video-area {
    min-height: 600px;
  }
}
.events-video-area::before {
  content: '';
  position: absolute;
  background: #001234;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.17;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.events-video-area .video-area {
  top: 50%;
  z-index: 2;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  right: 50%;
  transform: translate(-50%, -50%);
}

.events__list__one {
  display: flex;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .events__list__one {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .events__list__one {
    padding-right: 25px;
    padding-left: 25px;
    display: block;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .events__list__one li:first-child {
    width: 55%;
  }
}

.events-grid-area {
padding:50px 0;

}


.homebody .events-grid-area {
background: #fff;
}

.events {
  padding: 37px 0 37px 0;
  z-index: 1;margin-bottom:25px;
}

.grey-bg2 {
    background: #f4f2f1;
}
.pos-rel {
    position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .events {
    padding: 9px 0 9px 0;
  }
}
@media (max-width: 767px) {
  .events .row {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .events .row .events__content {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .events .row .events__content {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .events .rows {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .events__content {
    margin-bottom: 20px;
  }
}
.events__content span {
  font-size: 14px;
  text-transform: uppercase;
  display: inline-block;
}
.events__content span i {
  color: #49ae07;
  font-size: 15px;
}
.events__content h3 {
  font-size: 16px;margin: 12px 0;
}

.events__content p { 
line-height: 22px;
margin-top: 5px;
font-size: 14px;
}

.events__content h3 a {
color:#111;
}

.events__back {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  background-position: center;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.events__back::before {
  content: '';
  position: absolute;
  background: #061738;
  opacity: 0.75;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.events:hover {
  background: transparent;
}
.events:hover .events__back {
  opacity: 1;
}
.events:hover .events__content span {
  color: white;
}
.events:hover .events__content span i {
  color: white;
}
.events:hover .events__content h3 a {
  color: white;
}
.events:hover .events__content p {
  color: white;
}

.pad-block {
padding: 0  0  0 30px;
width: 100%;
}


.widget-post .contact-wrap {

padding: 30px;
border-radius: 5px;
box-shadow: 5px 2px 15px #eee;
}



.widget-post .contact-wrap .form-control {
border: 2px solid #fff;
background-color: #f9f9f9;
margin-bottom: 0;
border-radius: 0 25px 0 25px;
}

.widget-post .contact-wrap #datepicker  {
direction: rtl;    
}
/*
.widget-post .contact-wrap .form-control:hover {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}*/

.widget-post .head-form {
padding-bottom:15px;text-align: center;
}

.widget-post .head-form:after { 
content: '';
position: absolute;
left:50%;
margin-left:-25px;
height: 1px;
width: 50px;
bottom: 0;
background: #49ae07;
}



.widget-post p {
text-align: center;margin-bottom: 5px;
}


.widget-post ul {
margin-bottom:30px;
}

.widget-post ul h3 {
font-size: 16px;
margin: 30px 0 12px 0;
	
}


.widget-post ul li {
font-size: 16px;
color: #0d4d00;
padding-left: 15px;position: relative;
}


.widget-post ul li:after {

content: "-";
position: absolute;
margin: auto;
left: 0;
top: 0;
font-size: 16px;
}

.jop-details img {
border-radius:0 0 0 40px;
}

.jop-details h3 {
margin:25px 0;
font-size:20px;
}

.jop-details span {
margin-bottom:15px;display:block
}

.jop-details ul li {  
  position: relative;padding-left:18px;
}

.jop-details ul li:after { 
	font-family: "Font Awesome 5 Pro";
	content: "\f00c";
position: absolute;
left: 0;
font-size: 12px;
top: 0;
}


.details-left-area,
.pos-rel.events {
border-radius: 0 0 0 40px;
overflow: hidden;}

.events__btn {
    margin-top: 48px;
}

.cut-wid {
width: 74%;
margin: 0 auto;
}










/************** cutom check **************/


.containerss {
  display: block;
  position: relative;
  padding-right: 35px;
  margin-bottom: 12px;
  cursor: pointer;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
text-align: left; direction: ltr;

}

/* Hide the browser's default radio button */
.containerss input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmarkss {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #fff;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerss:hover input ~ .checkmarkss {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerss input:checked ~ .checkmarkss {
  background-color: rgb(29, 148, 152);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkss:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f00c";
position: absolute;
display: none;
color: #fff;
margin: auto;
left: 6px;
top: -2px;
font-size: 13px;
}

/* Show the indicator (dot/circle) when checked */
.containerss input:checked ~ .checkmarkss:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerss .checkmark:afterss {
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}


 
 





.containersss {
  display: block;
  position: relative;
  padding-right: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containersss input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmarksss {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containersss:hover input ~ .checkmarksss {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containersss input:checked ~ .checkmarksss {
  background-color: rgb(29, 148, 152);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarksss:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containersss input:checked ~ .checkmarksss:after {
  display: block;
}

/* Style the checkmark/indicator */
.containersss .checkmarksss:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




#upload_file {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 50px;
    top: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;}


.custom-files span {
width: 100px;

display: inline-block;

height: 50px;

line-height: 50px;

text-align: center;

background: #49ae07;
font-size: 15px;float: left;
background: linear-gradient( to bottom , #fbfbfb , #dedede);
}


.custom-files {
background: #fff;
height: 50px;
border-radius: 0 0 0 30px;
border-radius: 0 30px 0 30px;overflow: hidden;}


.custom-files lable {
margin-left: 10px;
color: #6c757d;
font-size: 14px;
line-height: 50px;
}



.main-all .become-partner {
padding-bottom: 0px;
background: #f7f8f9;
}

.deis-donate {
text-align: center;display: inline-block;
width: 100%;
}

.donate-se h2 {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}

.donate-se {
padding:30px 0;

}


.boxs-donate,
.block-donate {
background: #fff;
padding: 25px;
border-radius: 0 0 0 40px;
text-align: center;
display: inline-block;
width: 100%;margin-bottom: 30px;
}

.boxs-donate {
    width: 70%;
    margin: 0 auto;
    display: block;
}

.backage {
width: 24%;
padding: 0 8px;
display: inline-block;
margin: 25px 0;
}

.banck {
border: 1px solid #eee;
}

.img-clo {
padding: 15px;
height: 150px;
display: grid;
align-items: center;
}

.img-clo img {
max-height: 100px;
margin: 0 auto;
}

.text-clo h3 {

font-size: 16px;
background: linear-gradient( to bottom , #fbfbfb , #f1f1f1);

padding:10px;
}



.deis-donate .contact-wrap {
width:74%;margin: 0 auto;
}


.dou-donate .sec-title p {
color: #0d4d00;
}

/************* radio ***************/


.radiobtn {
position: relative;
display: block;
width: auto;
float: left;
margin-right: 1%;
}

.radiobtn label {
	display: block;

	color: #444;
border-radius: 0 25px 0 25px;
	padding: 5px 30px;
	border: 1px solid #eee;
	margin: 8px 0;
	cursor: pointer;
text-align: left;
width: 100%;
position: relative;
padding-left: 45px;
line-height: 60px;
}

.radiobtn label:after {
	content: "";
	position: absolute;
	left: 11px;
	top: 22px;
width: 25px;
height: 25px;
	border-radius: 50%;
border: 1px solid #ddd;
}


.radiobtn label:before {
	content: "";
	position: absolute;
left: 11px;
top: 22px;
width: 25px;
height: 25px;


}



.radiobtn label:before {
	background: transparent;
	transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
	z-index: 2;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	width: 0;
	height: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
}

.radiobtn input[type="radio"] {
	display: none;
	position: absolute;
	width: 100%;
	appearance: none;
}

.radiobtn input[type="radio"]:checked + label {
	/*animation-name: blink;*/
	animation-duration: 1s;

}

.radiobtn input[type="radio"]:checked + label:after {
	background: #49ae07;
}

.radiobtn input[type="radio"]:checked + label:before {
width: 25px;
height: 25px;
}
.radiobtn img {
width:70px;
}

/*
@keyframes blink {
	0% {
		background-color: #fdcb77;
	}

	10% {
		background-color: #fdcb77;
	}

	11% {
		background-color: #fdd591;
	}

	29% {
		background-color: #fdd591;
	}

	30% {
		background-color: #fdcb77;
	}

	50% {
		background-color: #fdd591;
	}

	45% {
		background-color: #fdcb77;
	}

	50% {
		background-color: #fdd591;
	}

	100% {
		background-color: #fdcb77;
	}
}*/

.head-form.has-bord {
border-top: 1px solid #ededed;
margin-bottom: 15px;
padding-top: 15px;
font-size: 14px;
font-family: "ropoto";
}

.no-bord {
border-top: 0 !important;

}

.boxs-donate .contact-wrap {
padding-top:0
}

.cd-box {
display: inline-block;
width: 100%;
}


.dates-o {
position: absolute;
height: 50px;
line-height: 50px;
padding: 0 20px;
background: #fff;
border-radius: 0 25px 0 25px;
color: #6c757d;
font-size: 15px;
z-index: 2;
}


#case-btn2 ul li:last-child a {
    background-image: linear-gradient(to left, #00a7d5, #27cdca);
    background-image: linear-gradient(to right, #49ae07, #147818);
    color: #302828;
    background: linear-gradient(to left, #f2f3f2, #fefefe);
}

.fullwidth{
width: 100%;
}

#white{
background: #fff;
}


.clear{
width: 100%;
clear: both;
display: block;
}

.message{
width: 100%; text-align: center; color: #0e5000;
}



.main-all .blog-area,
.main-all .about-area {
padding: 50px 0;
}




.main-all .team-area .new-ite {
padding: 8px;
background: #fff;cursor: pointer;

overflow: hidden;margin-bottom: 25px;
}



.main-all .team-area .single-team-member {

overflow: hidden;
margin-bottom: 0;}







.preloader {
    position: fixed;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9991;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
display:none;
}

.preloader__image {
    /**
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;*/
    z-index: 99;
}


.rs-cate-slider .categories-items {
margin-bottom: 20px;
border: 1px solid #eaeaee;
border-radius: 15px;
overflow: hidden;
background: #f9f9f9;
padding: 12px;
}


.rs-cate-slider .categories-items .cate-images {
    position: relative;
    transition: all 500ms ease;
    background: #fff;
    border-radius: 5px 5px
}

.rs-cate-slider .categories-items .cate-images.center img {
    margin: 0 auto
}

.rs-cate-slider .categories-items .cate-images img {
    border-radius: 5px 5px 0 0
}

.rs-cate-slider .categories-items .contents {
    padding: 30px 35px 35px
}

.rs-cate-slider .categories-items .contents .des-text {
    margin-bottom: 25px;
    padding-top: 5px
}

.rs-cate-slider .categories-items .contents .des-text p {
    margin: 0;
    line-height: 24px
}

.rs-cate-slider .categories-items .contents h3 {
    margin: 0 0 11px;
    font-size: 24px
}

.rs-cate-slider .categories-items .contents h3 a {
    color: #101010
}

.rs-cate-slider .categories-items .contents span {
    color: #101010;
    transition: all 500ms ease
}

.rs-cate-slider .categories-items .cate-images:hover .contents h3 a {
    color: #ff5421
}

.rs-cate-slider.cate-slider-style4 .categories-items .cate-images {
    position: relative;
    transition: all 500ms ease;
    margin: 15px 0;
    overflow: hidden
}

.rs-cate-slider.cate-slider-style4 .categories-items .cate-images img {
    border-radius: 5px
}

.rs-cate-slider.cate-slider-style4 .categories-items .contents {
    position: absolute;
    left: 50%;
    bottom: -185px;
    z-index: 3;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
    transition: all 500ms ease;
    padding: 20px
}

.rs-cate-slider.cate-slider-style4 .categories-items .contents img {
    margin: 0 auto 12px
}

.rs-cate-slider.cate-slider-style4 .categories-items .contents h3 {
    margin: 0;
    font-size: 24px
}

.rs-cate-slider.cate-slider-style4 .categories-items .contents h3 a {
    color: #fff
}

.rs-cate-slider.cate-slider-style4 .categories-items .contents span {
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease;
    margin: 7px 0;
    display: inline-block
}

.rs-cate-slider.cate-slider-style4 .categories-items .contents .vies-more {
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease;
    margin-top: 12px
}

.rs-cate-slider.cate-slider-style4 .categories-items .contents .vies-more a {
    background: #ff5421;
    color: #fff;
    display: inline-block;
    padding: 6px 22px;
    border-radius: 5px
}

.rs-cate-slider.cate-slider-style4 .categories-items .contents .vies-more a:hover {
    opacity: .9
}

.rs-cate-slider.cate-slider-style4 .categories-items .cate-images:before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(23, 31, 50, .5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    border-radius: 5px
}

.rs-cate-slider.cate-slider-style4 .categories-items .cate-images:hover {
    transform: translateY(-10px)
}

.rs-cate-slider.cate-slider-style4 .categories-items .cate-images:hover .contents {
    bottom: -80px
}

.rs-cate-slider.cate-slider-style4 .categories-items .cate-images:hover .contents span {
    visibility: visible;
    opacity: 1
}

.rs-cate-slider.cate-slider-style4 .categories-items .cate-images:hover .contents .vies-more {
    visibility: visible;
    opacity: 1
}

.rs-cate-slider.cate-slider-style5 .categories-items .cate-images {
    position: relative;
    transition: all 500ms ease;
height: 280px;
align-items: center;
display: grid;    justify-content: center;
}


.rs-cate-slider.cate-slider-style5 .categories-items .cate-images:after { 
content: "";
    background-color: rgba(255, 255, 255, 0.2);
    background: #f6f6f61a; /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #f6f6f61a, #fffc); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #f6f6f61a, #fffc);
background: linear-gradient(to left, #f6f6f61a, #ffffff4d);
    position: absolute;
    width: 35%;
    height: 200%;
    right: -100%;
    top: -50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);}

.rs-cate-slider.cate-slider-style5 .categories-items:hover .cate-images:after {
    right: 150%;
}


.rs-cate-slider.cate-slider-style5 .categories-items .cate-images img.sa-img {
max-height: 260px;
}

.rs-cate-slider.cate-slider-style5 .categories-items .contents {
    width: 100%;
    text-align: center;
    transition: all 500ms ease;
    padding: 15px 0 0;
}

.rs-cate-slider.cate-slider-style5 .categories-items .contents img {

width: 100%;
}


.rs-cate-slider.cate-slider-style5 .categories-items .contents .idai {
margin-right: 15px;
width: 50px;
position: absolute;
left: 15px;bottom: 25px;
}



.rs-cate-slider.cate-slider-style5 .categories-items .contents h3 {
margin-bottom: 5px;
    font-size: 18px;
}


.rs-cate-slider.cate-slider-style5 .categories-items .contents h3 a {
    color: #fff
}

.rs-cate-slider.cate-slider-style5 .categories-items .contents h3 a:hover {
    color: #49ae07
}

.rs-cate-slider.cate-slider-style5 .categories-items .contents span {
    color: #999;
    transition: all 500ms ease;
    margin: 0;
    display: inline-block
}

.rs-cate-slider.cate-slider-style5 .categories-items .cate-images .overlays {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: -moz-linear-gradient(bottom, #000000 0%, transparent 50%);
    background: -webkit-linear-gradient(bottom, #000000 0%, transparent 50%);
    background: linear-gradient(to top, #000000 0%, transparent 50%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
    border-radius: 5px;
    transition: all 500ms ease
}

.rs-cate-slider.cate-slider-style2 .categories-items .cate-images {
    box-shadow: 0 0 10px #eae4e4
}































.single-blog {
    overflow: hidden;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    margin-bottom: 30px;
}

.single-blog .image img {
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 10px 10px 0 0
}

.single-blog .content {
    padding: 25px 20px 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06);
    position: relative;
    z-index: 9
}

.single-blog .content .datee span {
    color: #fff;

font-size: 20px;

font-weight: bold;

    
}

.single-blog .content h3 {
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 15px;
    -webkit-transition: .5s;
    transition: .5s;
height: 45px;
text-transform: capitalize;
}


.single-blog .content .blog-btn {


color: #37c3cc;
-webkit-transition: .5s;
transition: .5s;
font-size: 14px;
font-weight: normal;
font-family: "sen-reg";
}

.single-blog .content .blog-btn i {
    position: relative;
    top: 2px
}

.single-blog:hover .content .blog-btn {
    letter-spacing: 1px
}

.single-blog:hover .image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}







.single-blog-style1 .text-holder .text {
    position: relative;
    display: block;
    padding: 0 0 17px;
    
    display: inline-block;
    width: 100%;margin: 0;
}
.single-blog-style1 .text-holder .text p {
    margin: 0;
    font-size: 15px;
    line-height: 25px;
}
.single-blog-style1 .text-holder .bottom-box {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #dbdee4;
    padding-top: 10px;
}
.single-blog-style1 .text-holder .bottom-box .left {
    position: relative;
    display: block;
}
.single-blog-style1 .text-holder .bottom-box .left a {
    color: #212529;
    font-size: 14px;
    font-weight: 500;
}
.anco {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0;
    fill: #13353f;
    color: #13353f;
    background-color: #e8f5f7;
    border-radius: 50px 50px 50px 50px;
    padding: 18px 43px 17px 42px;
    transition: all 0.2s linear;
    display: inline-block;
}
.anco:hover {
    background-color: #eb7196;
    color: #fff;
}


.blog-style1-area {
    position: relative;
    display: block;
    padding: 50px 0;
    padding-bottom: 30px;
}

.blog-style1-area .row [class*="col-"] {
    padding: 0 6px;
}
.single-blog-style1 {
    position: relative;
    display: block;
    margin-bottom: 15px;
}
.single-blog-style1 .img-holder {
    position: relative;
    display: block;
}
.single-blog-style1 .img-holder .inner {
    position: relative;
    display: block;
    overflow: hidden;
    background: #000;
}
.single-blog-style1 .img-holder .inner img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    background: #000;
    height: 300px;
}
.single-blog-style1:hover .img-holder .inner img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.8;
}
.text-holder .date-box {
    float: right;
}
.single-blog-style1 .text-holder {
    position: relative;
    display: block;
    background: #fff;
padding: 15px 19px 10px;
    -webkit-box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 12px 2px rgba(0, 0, 0, 0.05);
}
.single-blog-style1 .text-holder .meta-info li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}
.single-blog-style1 .text-holder .meta-info li span {
    margin-left: 5px;
}
.single-blog-style1 .text-holder .meta-info li span:before {
    font-size: 16px;
    position: relative;
    display: inline-block;
    padding-right: 6px;
    top: 2px;
}
.single-blog-style1 .text-holder .blog-title {
    
    font-size: 16px;
    letter-spacing: 0;
    overflow: hidden;margin-bottom: 10px;
}

.single-blog-style1 .text-holder .blog-title a {
color: #233365;
}

.blog-style1-area .single-blog-style1 .text-holder .text p {
    height: 50px;
    overflow: hidden;
}





/******************************/

.course-wrap {
padding:30px 0 10px;
}

.course-card {
    border-radius: 5px
}

.course-card .course-img {
    position: relative;
    overflow: hidden
}

.course-card .course-img img {
    border-radius: 5px 5px 0 0;
    -webkit-transition: .8s;
    transition: .8s;
height: 240px;
width: 100%;
object-fit: cover;
}

.course-card .course-info h3 {
    font-size: 15px;
    line-height: 30px;
    line-height: 1.4;
    margin: 0;
font-weight: normal;
margin-bottom: 0;

height: 42px;

text-align: center;
}

.course-card .course-info p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6
}

.course-card .course-metainfo {
    -webkit-box-shadow: 0 -5px 15px rgba(0, 0, 0, .05);
    box-shadow: 0 -5px 15px rgba(0, 0, 0, .05);
    padding: 15px 20px;
display: flex;
justify-content: space-between;
}

.course-card .course-metainfo .course-metainfo-left,
.course-card .course-metainfo .course-metainfo-right {
    width: 49%
}

.course-card .course-metainfo .course-metainfo-left {
    text-align: left
}

.course-card .course-metainfo .course-metainfo-right {
    text-align: right
}

.course-card .course-metainfo .course-metainfo-right .price-tag .discount {
    margin-right: 5px
}

.course-card .course-metainfo .course-metainfo-right .price-tag span {
    color: #ff4f1e
}

.course-card .course-metainfo a {
    color: #4c4c4c
}

.course-card .course-metainfo a:hover {
    color: #ff4f1e
}

.course-card .course-metainfo p {
    font-size: 14px;
    margin: 0
}

.course-card .course-metainfo p i {
    margin-right: 5px
}

.course-card.style1 {
    border: 1px solid #ddd;
    margin: 0 0 30px;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s
}

.course-card.style1:hover {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-color: transparent
}

.course-card.style1:hover .course-img img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

.course-card.style1 .course-info {
    padding: 15px 20px 18px
}

.course-card.style1 .course-rating {
    padding: 20px 0 15px
}

.course-card.style1 .course-metainfo i {
    font-size: 14px;
    position: relative;
    top: 2px;
    margin-right: 8px
}

.course-card.style1 .course-metainfo .course-metainfo-left ul li:last-child {
    margin-left: 20px
}

.course-card.style2 {
    border: 1px solid #eee;
    margin: 0 0 30px;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;background: #fff;
}

.course-card.style2:hover {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-color: transparent
}

.course-card.style2:hover .course-img img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

.course-card.style2 .course-info {
    padding:20px;
    position: relative;
}

.course-card.style2 .course-info .course-price {
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
background: linear-gradient(to left, #49ae07, #49ae07);
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    position: absolute;
    top: -28px;
    left: 20px
}

.course-card.style2 .course-rating {
    padding: 20px 0 15px
}

.course-card.style2 .course-metainfo i {
    font-size: 14px;
    position: relative;
    top: 2px;
    margin-left: 8px
}

.course-card.style2 .course-metainfo .course-metainfo-left ul li:last-child {
    margin-left: 20px
}

.course-card.style3 {
    margin: 0 0 30px;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.course-card.style3 .course-img .event-date {
    position: absolute;
    top: 20px;
    left: 20px;
   background: linear-gradient(to left, #49ae07, #49ae07);
    display: inline-block;
    color: #fff;
    line-height: 1;
    border-radius: 5px;
    font-size: 14px;
    padding: 10px 12px;
    border: none
}

.course-card.style3 .course-img .event-date i {
    font-size: 16px;
    position: relative;
    top: 1px;
    margin-right: 5px
}

.course-card.style3 .course-info {
    padding: 0 0 15px;
    margin: 18px 20px;
    position: relative;
    border-bottom: 1px solid #ddd
}

.course-card.style3 .course-metainfo {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 20px 20px
}

.course-card.style3 .course-metainfo i {
    color: #ff4f1e;
    font-size: 20px
}

.course-card.style3 .course-metainfo p {
    font-weight: 16px;
    position: relative;
    padding-left: 22px
}

.course-card.style3 .course-metainfo p i {
    position: absolute;
    top: 4px;
    left: 0
}

.course-card.style3 .course-metainfo .course-metainfo-left ul li:last-child {
    margin-left: 20px
}

.course-card.style3 .course-metainfo .course-metainfo-right .btn {
background: linear-gradient(to left, #49ae07, #49ae07);
    padding: 8px 20px;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s
}




.course-rating {
    padding: 4px 0
}

.course-rating ul {
    line-height: 1
}

.course-rating ul li {
    display: inline-block;
    line-height: 1
}

.course-rating ul li i {
    font-size: 14px;
    color: #ffc107
}

.course-rating ul li i {

}

.course-rating span {
    font-size: 14px;
    padding-left: 20px;
    position: relative;
    display: block;
    line-height: 1;
    color: #818181
}

.course-rating span:before {
    position: absolute;
    top: -2px;
    left: 9px;
    content: "";
    background: rgba(0, 0, 0, .2);
    width: 1px;
    height: 16px
}




.homebody .rs-courses-categories {
padding: 50px 0 220px;}


.rs-courses-categories {
padding: 50px 0;
background-size: cover;
background-position: center;
background: #e9eef2;
}



.owl-carousel.custom-nav .owl-nav {
	position: absolute;
	display: flex;
	width: auto;
	margin: 0 auto;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
top: -60px;
left: 0;
}



.owl-carousel.custom-nav .owl-nav > button {
	margin-right: 6px;

	position: relative;


	border: none;
	text-align: center;
	font-size: 0px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	z-index: 9;

width: 40px;
height: 40px;
line-height: 40px;
	left: 0;
	background: #fff;
	font-size: 22px;

	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	color: #49ae07;
color: #3b9bf0;

border-radius: 50%;box-shadow: 1px 1px 7px #0000000d;

}


.read-more {
color: #000;
padding: 15px 10px;

display: block;

border-top: 1px solid #eee;

}



.req-item {
background: #49ae07;

height: 300px;

display: flex;

align-items: center;

padding: 0 25px;

color: #fff;

border-radius: 5px;
}


.req-item .newsletter-form {
padding: 0;
width: 100%;

}

.req-item .newsletter-form .form-group {

padding: 0;

width: 100%;

position: relative;
}


.req-item .newsletter-form .form-group input {
margin-bottom: 20px;
background: #122354;
border: none;font-size: 13px;
}


.quick-form p {
font-size:13px;
margin-bottom:15px;
}

.quick-form h4 {
position: relative;
padding-bottom: 15px;
margin-bottom: 10px;
font-size: 18px;
}

.quick-form h4::after {
    width: 50px;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;background: #fff;
}


.brand-area .single-logo img {
    width: auto;max-height: 70px;
}

.brand-area .single-logo {
    height: 110px;
    display: grid;
    flex-wrap: wrap;background:#fff;
    align-items: center;
    justify-content: center;
overflow: hidden;
}

.brand-area .single-logo:hover {

}

.brand-area {
padding:30px 0 10px;
background: #f6f6f6;
}


.ptext {
    margin: 0;
    line-height: 24px;
    font-size: 13px;
}


.pad-lef {
padding-left:30px;
}



.header-content .header-text .btn-section {
    margin-top: 35px;
}


.color-two {
    background: #49ae07;
}


.color-two,
.color-two:hover,
.btn-1c,
.header-area .header-area-inner p {
    color: #ffffff;
}


main .btn-custom:hover,
main input[type="button"]:hover,
main input[type="submit"]:hover,
main input[type="reset"]:hover,
main button:hover {
    outline: none !important;
    background: #2D323D;

    color:#fff;
    box-shadow: 0 0.2px 1px -4px rgba(0, 0, 0, 0.109), 0 0.4px 2.6px -4px rgba(0, 0, 0, 0.155), 0 0.9px 5.3px -4px rgba(0, 0, 0, 0.195), 0 1.8px 11px -4px rgba(0, 0, 0, 0.241), 0 5px 20px -4px rgba(0, 0, 0, 0.35);
}

.owl-carousel .btn-custom:hover {

}


.btn-custom.btn-icon {
    position: relative;
}

.btn-custom.btn-icon .fa {
    position: absolute;
    top: 9px;
    left: 30px;
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    border: 2px solid #FFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}




.video-relative {
    position: relative;
    display: inline-block;
}

.video-btn i {
    color: #fff;
    font-size: 23px;
    line-height: 50px;
    margin-left: 4px;
}


.slide-item .video-btn {
    height: 47px;
    width: 47px;
    text-align: center;
    background: transparent;
    position: absolute;
    top: 1px;
    left: 65px;
    text-align: center;
    margin: -30px 0 0 -30px;
    z-index: 1
}

.orangebg {
    border: 3px solid #fff;
}

.video-btn .ripple {
    position: absolute;
    width: 110px;
    height: 110px;
    z-index: -1;
    left: 50%;
    top: 50%;
    opacity: 0;
    margin: -55px 0 0 -55px;
    border-radius: 100%;
    -webkit-animation: ripple 2.8s infinite;
    animation: ripple 2.8s infinite
}

@-webkit-keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.video-btn .ripple:nth-child(2) {
    animation-delay: .4s;
    -webkit-animation-delay: .4s
}

.video-btn .ripple:nth-child(3) {
    animation-delay: .7s;
    -webkit-animation-delay: .7s
}


.btn-custom {
padding: 10px 25px;
border-radius: 25px;
}



.underline-large::after {

    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    bottom: 9px;
    left: 0;
    display: block;
    z-index: -1;
    background: #49ae07;

}
.underline-large {
    position: relative;
}


.owl-nav > button {
background: none;
}



.type-wrap {
  font-size: 50px;
  padding: 20px;
}

/* the above is for styling puposes only */

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}





/****************** New animation for contacts fixed icons *************/


.all-ioc {
position: fixed;
z-index: 9;
left: -7px;
bottom: -20px;
width: 60px;
height: 60px;
display: block;
}

.show-icons {
position: absolute;
bottom: 45px;
left: 30px;
width: 60px;
height: 60px;
color: #ffffff;
font-size: 33px;
text-transform: uppercase;
line-height: 60px;
text-align: center;
z-index: 999;
cursor: pointer;
border-radius: 3px;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 50%;/*
background: -webkit-linear-gradient(#0e2f35, #063f4a, #0e2f35);*/
background: #063f4a;



	
}


.show-icons .ico-img {
display: block;
width: 100% !important;
height: 100% !important;
z-index: 6;
background-size: 80%;
background-image: url("../images/button.png");
background-repeat: no-repeat;
background-position: 50%;
background-color: #063f4a;
border-radius: 50%;
background-color: #49AE07;
}

.show-icons:hover {
	color:#0e2f35;
background: -webkit-linear-gradient(#fbfbfb, #fff);

}


.sonar-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #414141;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}


.sonar-wave {
  animation: amo-button-wave infinite 2.6s 0s linear;

}


@keyframes amo-button-wave {
  0% {
      transform: scale(1, 1);
      opacity: 0.45
  }
  40% {
      opacity: 0.45
  }
  100% {
      transform: scale(1.35, 1.35);
      opacity: 0
  }
}








.sonar-wave2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #414141;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}



.sonar-wave2 {
  animation: amo-button-wave2 infinite 2.6s 0s linear;
}




.sonar-wave2 {
animation-delay: 0.8s;
}




@keyframes amo-button-wave2 {
  0% {
      transform: scale(1, 1);
      opacity: 0.45
  }
  40% {
      opacity: 0.45
  }
  100% {
      transform: scale(1.35, 1.35);
      opacity: 0
  }
}





.whats-icon{
position: absolute;
bottom: 50px;
left: 34px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 23px;
text-transform: uppercase;
line-height: 50px;
text-align: center;
z-index: 99;
cursor: pointer;
border-radius: 3px;
background: #4dc247;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 50%;opacity: 0;	
}


.whats-icon a { 
color: #fff;
}


.whats-icon:hover a {
	color:#fff;

}


.whats-icon:hover{
	color:#fff;
	background:#212121;
}






.phone-icon{
position: absolute;
bottom: 50px;
left: 34px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 23px;
text-transform: uppercase;
line-height: 50px;
text-align: center;
z-index: 99;
cursor: pointer;
border-radius: 3px;
background: #123377;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 50%;opacity: 0;	
}


.phone-icon a { 
color: #fff;
}


.phone-icon:hover a {
	color:#fff;

}


.phone-icon:hover{
	color:#fff;
	background:#212121;
}
















.messenger-icon{
position: absolute;
bottom: 50px;
left: 34px;
width: 50px;
height: 50px;
color: #ffffff;
font-size: 23px;
text-transform: uppercase;
line-height: 50px;
text-align: center;
z-index: 99;
cursor: pointer;
border-radius: 3px;
background: #006AFF;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border-radius: 50%;opacity: 0;	
}


.messenger-icon a { 
color: #fff;
}


.messenger-icon:hover a {
	color:#fff;

}


.messenger-icon:hover{
	color:#fff;
	background:#212121;
}



.all-ioc.active .phone-icon {
left: 210px;opacity: 1;
}


.all-ioc.active .whats-icon {
left: 100px;opacity: 1;
}

.all-ioc.active .messenger-icon {
left: 155px;opacity: 1;
}
/********* New animation for contacts fixed icons **********/





/** feature-section **/

.feature-section{
position: relative;
padding: 50px 0;

}

.feature-block-one .inner-box{
  overflow: hidden;

  transition: all 500ms ease;
}

.feature-block-one .inner-box:hover{

}

.feature-block-one .inner-box .image-box{
  overflow: hidden;
  width: 100%;
display: grid;
align-items: center;background: #fff;  position: relative;
}


.feature-block-one .inner-box .image-box img{
width: auto;
transition: all 500ms ease;
height: 400px;
margin: 0 auto;
object-fit: cover;
}

.feature-block-one .inner-box:hover .image-box img{
  transform: scale(1.05);
}

.feature-block-one .inner-box .content-box{

background: linear-gradient( to top , #111 , #333);
background: linear-gradient(to bottom, #f6f6f6, #f5f5f5);
  padding: 15px 25px;
  text-align: center;
  transition: all 500ms ease;
}

.feature-block-one .inner-box:hover .content-box{

}

.feature-block-one .inner-box .content-box .icon-box{
  margin-bottom: 20px;
  transition: all 500ms ease;
}

.feature-block-one .inner-box:hover .content-box .icon-box{
  color: #fff;
}

.feature-block-one .inner-box .content-box h3{
  position: relative;
  display: block;
  font-size: 18px;font-weight: normal;
  margin-bottom: 0;font-family: "ropoto";
}

.feature-block-one .inner-box .content-box h3 a{
  display: inline-block;
  color: #000;font-weight: normal;
}

.feature-block-one .inner-box .content-box h3 a:hover{
  text-decoration: underline;
}

.feature-block-one .inner-box .content-box p{
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 16px;
}

.feature-block-one .inner-box .content-box .link a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #fff;
  
text-transform: capitalize;
}

.feature-block-one .inner-box .content-box .link a i{
  position: relative;
  opacity: 0;
  font-size: 14px;
  top: 1px;
  transition: all 500ms ease;
}

.feature-block-one .inner-box .content-box .link a:hover i{
  opacity: 1;
  margin-left: 8px;
}



.padd-curo {
padding:0 5px;
}













.margin-des {
margin-left:-50px;
}




.padd-curo .theme-btn {
  margin-top: 5px;
width: 100%;
display: block;
}




div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
padding-left: 0;
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
padding-right: 0;
}

.dataTables_wrapper .dataTables_paginate,
.dataTables_filter { 
float:right;
}

.box-body {
background: #fff;
border-radius: 5px;
padding: 15px;
box-shadow: 5px 2px 15px #eee;
}


#example1_wrapper {
padding:0;
}


.table-bordered > tbody > tr > td i {
color: #49ae07;
font-size: 22px;
}


.table-bordered > tbody > tr > td a {
text-align:center;display: block;color: #000;
}


/*
.email input[type="date"]::before { 
	content: attr(data-placeholder);
	width: 100%;
}

input[type="date"]:focus::before,
input[type="date"]:valid::before { display: none }

*/




 input[type="date"]:before {
    content: attr(placeholder) !important;
    color: #aaa;
    margin-right: 0.5em;
  }
  input[type="date"]:focus:before,
  input[type="date"]:valid:before {
    content: "";
  }

.no-padd-r {
padding-left:0;
}






@media (max-width: 767px) { 

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
    padding: 0;
}

div.dataTables_wrapper div.dataTables_filter input {
    display: inline-block;
    width: 100%;
}



.dataTables_wrapper .dataTables_paginate, .dataTables_filter {
    float: left;
}


.widget-post p {
margin: 0 0 4px;
}

.main-all .wpo-case-area .padd-curo {
    padding: 0 !important;
}


}




.home-one-cta-two {
position: relative;
margin: -110px 0;
z-index: 2;
}

.edu-cta-box {
    background: #49ae07;
    border-radius: 10px;
    padding: 50px 50px;
    position: relative;
/*
background: linear-gradient(to right, #49ae07, #355094);
*/


    background-image: url(../images/ser-cta-bg.jpg);
    background-size: cover;
box-shadow: 5px 5px 15px #00000014;
border-radius: 25px;
display: flex;
align-items: end;
padding: 50px 30px 30px;
z-index: 2;
}

.edu-box {
    position: relative;
z-index: 1;
}

.edu-box::before {
content: "";
right: -8px;
bottom: 1px;
height: 85%;
width: 100px;
position: absolute;
z-index: -1;
border-radius: 50px 0;
transform: skew(5deg,0deg);
background: #49ae07;
}


.edu-box::after {
content: "";
left: -8px;
top: 0;
border-radius: 50px 0 0 0;
transform: skew(5deg,0deg);
height: 85%;
width: 100px;
position: absolute;
z-index: -1;
background: #2e57aa;
}





@media only screen and (max-width:767px) {
    .edu-cta-box {
padding: 30px 20px;
    }
}

.edu-cta-box.home-one-cta .title a:hover,
.edu-cta-box.home-four-cta .title a:hover {
color: #000;
}

.edu-cta-box.home-one-cta .shape-group li.shape-01,
.edu-cta-box.home-four-cta .shape-group li.shape-01 {
top: -50px;
left: -45px;
}

.edu-cta-box.home-one-cta .shape-group li.shape-02,
.edu-cta-box.home-four-cta .shape-group li.shape-02 {
    top: -31px;
    left: -63px;
    z-index: -2
}

.edu-cta-box.home-one-cta .shape-group li.shape-03,
.edu-cta-box.home-four-cta .shape-group li.shape-03 {
    bottom: -50px;
    right: -45px
}

.edu-cta-box .inner {
    position: relative;
    z-index: 12
}

@media only screen and (max-width:767px) {
    .edu-cta-box .inner {
        text-align: center
    }
}

.edu-cta-box .inner .content {
margin-bottom: 25px;
}


.edu-cta-box .inner .content-btn {
display: flex;
align-items: center;
}

.edu-cta-box .inner .content .subtitle {
    font-size: 30px;
display: block;
margin-bottom: 15px;
color: #000;
font-family: "header";
text-transform: capitalize;
}

.edu-cta-box .inner .content .title {
    font-size: 16px;
font-family: "ropoto";
    margin-bottom: 0;
}

.edu-cta-box .inner .content .title a {
    color: #fff
}

@media only screen and (max-width:767px) {
    .edu-cta-box .inner .content .title {
font-size: 18px;

margin: 5px 0;
    }
}

.edu-cta-box .inner .sparator {
left: 0;
    position: absolute;
}

.sp-all {
padding-left: 80px;
position: relative;
margin-left: 30px;
}


.sp-all h3 a {
color: #000;
}

/*
.edu-cta-box .inner .sparator:before {

    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    animation: borderanimate2 2s linear infinite;
        animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: -1;animation-delay: 0.7s;

}*/

.edu-cta-box .inner .sparator:after {

    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #fb6800;
    left: 0;
    top: 0;
    transform: scale(1.3);

}


@media only screen and (max-width:767px) {
    .edu-cta-box .inner .sparator {
        margin: 15px 0
    }
}

.edu-cta-box .inner .sparator span {
display: block;
text-align: center;
height: 60px;
width: 60px;
line-height: 60px;
border-radius: 50%;
font-size: 22px;
color: #fff;
background-color: #fb6800;
text-transform: uppercase;
}

.edu-cta-box .shape-group li {
    position: absolute;
    z-index: -1;
    margin: 0
}

.edu-cta-box .shape-group li.shape-1 {
    top: -31px;
    left: -118px
}

.edu-cta-box .shape-group li.shape-2 {
    bottom: -50px;
    right: -45px
}

.edu-cta-box.cta-style-3 {
    background: blue
}

@media only screen and (max-width:767px) {
    .edu-cta-box.cta-style-3 {
        padding: 40px 30px
    }
}

.edu-cta-box.cta-style-3 .inner .content .subtitle {
    color: #fff
}

.edu-cta-box.cta-style-3 .inner .content .title {
    color: #fff;
    font-weight: 600
}

.edu-cta-box.cta-style-3 .inner .sparator span {
    border: 4px solid rgba(238, 74, 98, .7);
    color: blue
}

.edu-cta-box.cta-style-2 {
    background: #900
}

.edu-cta-box.cta-style-2 .inner .content .subtitle {
    color: #fff
}

.edu-cta-box.cta-style-2 .inner .content .title a {
    color: #fff
}

.edu-cta-box.cta-style-2 .inner .content .title a:hover {
    color: rgba(24, 24, 24, .75)
}

.edu-cta-box.cta-style-2 .inner .sparator span {
    color: #000;
    border-color: rgba(20, 20, 23, .1)
}


.text-md-end {
text-align: right;
}






/*** 

====================================================================
		About Section
====================================================================

***/
.about-section {
  position: relative;
  padding: 50px 0 30px;
  overflow: hidden;
}
.about-section .icon-dotted-map {
  top: 145px;
  left: -585px;
}
.about-section .icon-dotted-map-2 {
top: -50px;
left: 0;
}
.about-section .icon-paper-plan {
left: 100px;
bottom: -50px;
}
.about-section .icon-dotted-line {
  left: 280px;
  top: 300px;
}

.about-section .content-column {
  position: relative;
  z-index: 1;
}
.about-section .content-column .inner-column {
  position: relative;
  padding-left: 15px;
  padding-top: 15px;
}
.about-section .content-column .sec-title {
  margin-bottom: 15px;
}
.about-section .content-column .btn-box {
  margin-top: 0;
}

.about-section .image-column {
  position: relative;
  margin-bottom: 35px;
}
.about-section .image-column .inner-column {
  position: relative;
  padding-right: 50px;
}
.about-section .image-column .image-1 {
  position: relative;
  margin-bottom: 0px;
transform: rotate(-10deg);

border-radius: 20px;

overflow: hidden;
}
.about-section .image-column .image-1 img {
width: 300px;

height: 380px;

object-fit: cover;

object-position: center;border-radius: 20px;
}
.about-section .image-column .image-2 {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 0;
}

.about-section .image-column .image-2 img {
width: 300px;
height: 350px;
}

.about-section .experience {
  position: absolute;
  bottom: -40px;
  right: 0;
  width: 290px;
  height: 101px;
  background-image: url(../images/exp.png);
  padding: 24px 20px 20px 110px;
  font-size: 22px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 700;
  -webkit-box-shadow: 0 25px 40px rgba(0, 0, 0, 0.24);
          box-shadow: 0 25px 40px rgba(0, 0, 0, 0.24);
}
.about-section .experience .count {
  position: absolute;
  left: 25px;
  top: 18px;
  font-size: 70px;
  line-height: 1em;
  font-weight: 700;
}
.about-section .experience strong {
  position: relative;
  margin-top: 7px;
  font-size: 34px;
  line-height: 36px;
  color: #000;
  font-weight: 700;
  display: block;
}





/*** 

====================================================================
  Anim Icons
====================================================================

***/
.anim-icons {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}

.anim-icons.full-width {
  max-width: 100%;
}

.anim-icons .icon {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.icon-dotted-map {
  width: 415px;
  height: 576px;
  background-image: url(../images/icon-dotted-map.png);
}

.icon-dotted-map-2 {
  width: 623px;
  height: 576px;
  background-image: url(../images/icon-dotted-map-2.png);
}

.icon-dotted-map-3 {
  width: 1492px;
  height: 723px;
  background-image: url(../images/icon-dotted-map-3.png);
}

.icon-dotted-map-4 {
  width: 758px;
  height: 700px;
  background-image: url(../images/icon-dotted-map-4.png);
}

.icon-dotted-line {
  width: 150px;
  height: 215px;
  background-image: url(../images/icon-dotted-line.png);
}

.icon-paper-plan {
  width: 278px;
  height: 317px;
  background-image: url(../images/icon-paper-plan.png);
}

.icon-e {
  width: 292px;
  height: 288px;
  background-image: url(../images/icon-e.png);
}

.icon-group-1 {
  width: 433px;
  height: 696px;
  background-image: url(../images/icon-group-1.png);
}

.icon-group-2 {
  width: 412px;
  height: 689px;
  background-image: url(../images/icon-group-2.png);
}

.icon-paper-clip {
  width: 243px;
  height: 201px;
  background-image: url(../images/icon-paper-clip.png);
}

.icon-pencil-line {
  width: 970px;
  height: 387px;
  background-image: url(../images/icon-pencil-line.png);
}

.icon-calculator {
  width: 336px;
  height: 332px;
  background-image: url(../images/icon-calculator.png);
}

.icon-pin-clip {
  width: 188px;
  height: 178px;
  background-image: url(../images/icon-pin-clip.png);
}

.icon-percent {
  width: 214px;
  height: 213px;
  background-image: url(../images/icon-percent.png);
}

.icon-idea {
  width: 194px;
  height: 194px;
  background-image: url(../images/icon-idea.png);
}

.icon-dots {
  width: 214px;
  height: 214px;
  background-image: url(../images/icon-dots.png);
}

.icon-dots-2 {
  width: 196px;
  height: 266px;
  background-image: url(../images/icon-dots-2.png);
}

.icon-dots-3 {
  width: 113px;
  height: 60px;
  background-image: url(../images/icon-dots-3.png);
}

.icon-dots-4 {
  width: 141px;
  height: 145px;
  background-image: url(../images/icon-dots-4.png);
}

.icon-dots-5 {
  width: 135px;
  height: 139px;
  background-image: url(../images/icon-dots-5.png);
}

.icon-dots-6 {
  width: 109px;
  height: 108px;
  background-image: url(../images/icon-dots-6.png);
}

.icon-dots-7 {
  width: 253px;
  height: 246px;
  background-image: url(../images/icon-dots-7.png);
}

.icon-line-1 {
  width: 125px;
  height: 126px;
  background-image: url(../images/icon-line-1.png);
}

.icon-line-2 {
  width: 86px;
  height: 85px;
  background-image: url(../images/icon-line-2.png);
}

.icon-line-3 {
  width: 129px;
  height: 88px;
  background-image: url(../images/icon-line-3.png);
}

.icon-star-1 {
  width: 38px;
  height: 39px;
  background-image: url(../images/icon-star-1.png);
}

.icon-star-2 {
  width: 38px;
  height: 39px;
  background-image: url(../images/icon-star-2.png);
}

.icon-wave {
  width: 77px;
  height: 17px;
  background-image: url(../images/icon-wave.png);
}

.icon-triangle {
  width: 28px;
  height: 24px;
  background-image: url(../images/icon-triangle.png);
}

.icon-square {
  width: 58px;
  height: 57px;
  background-image: url(../images/icon-square.png);
}

.icon-arrow {
  width: 223px;
  height: 105px;
  background-image: url(../images/icon-arrow.png);
}

.icon-arrow-2 {
  width: 311px;
  height: 124px;
  background-image: url(../images/icon-arrow-2.png);
}

.icon-shape-1 {
  width: 557px;
  height: 557px;
  background-image: url(../images/icon-shape-1.png);
}

.icon-shape-2 {
  width: 751px;
  height: 850px;
  background-image: url(../images/icon-shape-2.png);
}

.bounce-y {
  -webkit-animation: bounce-y 10s infinite linear;
          animation: bounce-y 10s infinite linear;
}

.bounce-x {
  -webkit-animation: bounce-x 10s infinite linear;
          animation: bounce-x 10s infinite linear;
}

.spin-one {
  -webkit-animation: fa-spin 10s infinite linear;
          animation: fa-spin 10s infinite linear;
}

.zoom-one {
  -webkit-animation: zoom-one 5s infinite linear;
          animation: zoom-one 5s infinite linear;
}

.zoom-two {
  -webkit-animation: zoom-two 10s infinite linear;
          animation: zoom-two 10s infinite linear;
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounce-y {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes bounce-y {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes zoom-one {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@keyframes zoom-one {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@-webkit-keyframes zoom-two {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoom-two {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.overlay-anim {
  position: relative;
}
.overlay-anim:after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
}
.overlay-anim:hover:after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}





/*======================
    List Style One 
======================*/
.inner-column {
  position: relative;
  margin-bottom: 30px;
}
.inner-column li {
  position: relative;
  padding-left: 40px;
font-size: 17px;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;float: left;
}
.inner-column li:hover .icon {
  -webkit-transform: scale(-1) rotate(-180deg);
          transform: scale(-1) rotate(-180deg);
}
.inner-column li:after {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #00c7c4;
  -webkit-box-shadow: 0 10px;
          box-shadow: 0 10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
content:"\f00c";	font-family: "Font Awesome 5 Pro";
}


.inner-column li:nth-child(4n+2):after {
  background-color: #ef5c72;
}
.inner-column li:nth-child(4n+3):after {
  background-color: #7054e6;
}
.inner-column li:nth-child(4n+4):after {
  background-color: #f89321;
}

.inner-column li {
  width: 50%;
}





.inner-column ul {
margin: 15px 0;
display: inline-block;
width: 100%;
}

/*
.about-section .sec-title h2:after { 
left: 0;
bottom: -5px;
right: auto;
}

.about-section .sec-title h2:before {
left: 0;
right: auto;
}*/


.about-section .sec-title p {
margin-top: 0;
}





/*** 

====================================================================
    Courses Section
====================================================================

***/



.course-block {
  position: relative;
  margin-bottom: 15px;
  z-index: 1;
}
.course-block .inner-box {
  position: relative;
  background-color: #ffffff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;/*
  -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.07);
  box-shadow: rgba(29,14,98,.067) 0 33px 88px 0;*/
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaee;
  border-image: initial;
  transition: all .2s ease-in-out;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 10px;
  position: relative;
  cursor: default;
  padding: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.course-block .inner-box:hover .image-box img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.course-block .inner-box:hover .image-box .image:after {
  left: 0;
  right: 0;
  opacity: 0;
}
.course-block .image-box {
  position: relative;overflow: hidden;
}
.course-block .image-box .image {
  overflow: hidden;
  margin-bottom: 10px;

display: grid;
align-items: center;
justify-content: center;

border-radius: 15px;
height: 255px;
}

.course-block .image-box .image a {

}


.course-block .image-box .image img {
  width: auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
max-height: 255px;
}

.course-block .image-box .image:after {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;display: grid;
align-items: center;
height: 220px;
justify-content: center;
}
.course-block .image-box .price {
  position: absolute;
  right: 0;
  top: 20px;
  height: 30px;
  width: 80px;
  background: var(--bg-theme-color5);
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  border-radius: 20px 0 0 20px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.course-block .image-box .value {
  position: absolute;
  left: 30px;
  bottom: -15px;
  height: 30px;
  background: var(--bg-theme-color3);
  padding: 5px 20px;
  font-size: 11px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}


.course-block .content-box {
  position: relative;
}



.course-block .content-box .course-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 5px;
}
.course-block .content-box .course-info li {
  position: relative;
  font-size: 14px;
  line-height: 25px;
  color: #767676;
  font-weight: 400;
  margin-right: 14px;
}
.course-block .content-box .course-info li i {
  margin-right: 2px;
  color: var(--theme-color2);
  font-size: 14px;
}
.course-block .content-box .title {
margin-bottom: 0;
font-size: 18px;
text-transform: capitalize;
line-height: 25px;
text-align: center;
height: 50px;
align-items: center;
display: grid;

}


.rs-courses-categories .sec-title h2 {

}



.course-block .content-box .title a {
color:#000;
font-size: 16px;
}

.course-block .content-box .title:hover {
  color: var(--theme-color5);
}
.course-block .content-box .other-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #dae6e6;
  padding-top: 15px;
}
.course-block .content-box .rating-box {
  position: relative;
}
.course-block .content-box .rating-box .text {
  font-size: 14px;
  color: #7d8185;
  margin-bottom: 0;
  line-height: 24px;
  margin-bottom: 8px;
  display: block;
}
.course-block .content-box .rating-box .rating {
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 1px;
  color: var(--theme-color4);
}
.course-block .duration {
  position: relative;
  font-size: 14px;
  line-height: 25px;
  color: #767676;
  font-weight: 400;
}
.course-block .duration i {
  margin-right: 2px;
  color: var(--theme-color2);
  font-size: 14px;
}


.fore-top {

}


.circle-half {
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 0.4;
    position: absolute !important;
    max-width: 100%;
    height: auto;
    opacity: .34;
    transform: translatex(50%);
}




.fop .text,
.main-footer .logo-widget p {

}
.main-footer .logo-widget p { 
height: 75px;
overflow: hidden;
}



@media (max-width: 767px) {  
.about-section .image-column {
display:none;
}



.has_style1 .box .box_title { 
font-size: 17px;
margin-top: 10px;}



.main-all {
padding-top: 30px;
}



}






.country-slider  .owl-nav.disabled {
display: none;
}


.lang-btn:hover {
color: #fff;
background: #13296b;
}


.main-header .header-top .top-right{
	float:left;
	position:relative;
line-height: 40px;
}

.header-top .top-right .select-box a i {
position: absolute;
right: 5px;
}

.header-top .top-right .select-box a {
color: #111;display: block;padding: 0 25px 0 10px;	position:relative;
}

.lang-btn {
color: #fff;
padding: 12px;
background: #49ae07;
margin-left: 15px;
}

.lang-btn i {
margin-right: 4px;
}




.has_style1 {
padding: 50px 0;
background: #fff;
}

.has_style1 .box {

margin-bottom: 10px;
position: relative;
cursor: default;
padding: 20px;
border-radius: 10px;
overflow: hidden;

background: #fff;
  box-shadow: rgba(29,14,98,.067) 0 33px 88px 0;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaee;
  border-image: initial;
  transition: all .2s ease-in-out;
    transition-delay: 0s;
cursor: pointer;



}


.has_style1 .box:hover, .product.has_style3 .box:hover {
  transform: translateY(-3%);
}



.has_style1 .box .box_title {
  margin-bottom: 10px !important;
  font-size: 22px;color: #000;
}


.has_style1 p {
color: #666;
height: 88px;
overflow: hidden;
}

.has_style1 .btn.learn-more {
  padding: 0;
  margin: 0;
  font-size: 13px;
  box-shadow: none !important;
  color: #49ae07;
  background-color: transparent;
  font-weight: 500;
  text-align: left;
}


.has_style1 .box .box_img img {
  width: 100%;
height: 180px;
  border-radius: 10px;
}



.rs-machine {
background: #fff;
padding: 80px 0 30px;
}


.course-block.part {
  margin-bottom: 30px;
}


.course-block.part .image-box .image {
  overflow: hidden;
  margin-bottom: 10px;

display: grid;
align-items: center;
justify-content: center;

border-radius: 15px;
height: 120px;
}


.course-block.part .image-box .image img {
  width: auto;
max-width:88%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
max-height: 100px;
}











.service-wrapper .service-image {
position: relative;
z-index: 1;
background: #fff;
border-radius: 15px;
}



.cr-image {
height: 280px;
display: grid;
align-items: center;
justify-content: center;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}




.service-wrapper .service-image img {
  max-width: 100%;
  max-height: 260px;

position: relative;
z-index: -1;
}
.service-wrapper .service-image::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19.36%, rgba(112, 0, 254, 0.55) 71.26%, #7000fe 100%);
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19.36%, rgba(0, 28, 254, 0.55) 71.26%, #2e57aa 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  content: "";
  border-radius: 0 0 15px 15px;
}
.service-wrapper .service-image .icon {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  background-color: #fff;
  text-align: center;
  color: #49ae07;
  font-size: 20px;
  transform: translate(-50%, -50%) rotate(-40deg);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 575px) {
  .service-wrapper .service-image .icon {
    width: 60px;
    height: 60px;
    line-height: 65px;
  }
}
.service-wrapper .service-image .icon:hover {
  background-color: #49ae07;
  color: #fff;
  transform: translate(-50%, -50%) rotate(0);
}

.service-wrapper .service-image .service-content {
  background-color: #fff;
  padding: 15px;
  border-radius: 0 0 15px 15px;
  transition: all 0.4s ease-in-out;
}



.service-wrapper .service-image .service-content h3 {
  font-size: 15px;
  text-transform: capitalize;
text-align: center;
height: 42px;
line-height: 21px;
display: grid;
align-items: center;
}

.service-wrapper .service-image .service-content h3 a {
  color: #000;
}

.service-wrapper .service-image .service-content h3 a:hover {
  color: #999;
}
.service-wrapper .service-image:hover::before {
  opacity: 1;
  visibility: visible;
}
.service-wrapper .service-image:hover .service-content {

}
.service-wrapper .service-image:hover .service-content h3 a {
  color: #fff;
}
.service-wrapper .service-image:hover .icon {
  opacity: 1;
  visibility: visible;
  top: 50%;
}






















.as-shape {
position: absolute;
bottom: 0;
right: 0;
max-height: 300px;
}


/*******************/



.scrolling-wrap {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  gap: 20px;
}
.scrolling-wrap .comm {
  display: flex;
  align-items: center;
  animation: scroll 90s linear infinite;
  gap: 30px;
  cursor: pointer;
}
.scrolling-wrap .comm .cmn-textslide {
font-size: 36px;
line-height: 60px;
  font-weight: 700;
  text-transform: capitalize;

font-family: "header";
color: #0d1224;
}
.scrolling-wrap .comm .cmn-textslide.color-2 {
color: #0f98ea;
}
.scrolling-wrap .comm.cmn-style-2 {
  margin-top: -20px;
}
.scrolling-wrap .comm.cmn-style-2 .cmn-textslide {
  font-size: 100px;
  font-weight: 700;
  color: #E1E4E9;
  line-height: 127px;
}
.scrolling-wrap .comm.cmn-style-2 .cmn-textslide.color-2 {
  color: #FF1B1B;
}
.scrolling-wrap .comm.cmn-style-2 .cmn-textslide.color-3 {
  color: #5B31DE;
}
.scrolling-wrap .comm.cmn-style-3 .cmn-textslide {
  text-transform: uppercase;
  font-size: 19px;
  line-height: 65px;

}
.scrolling-wrap .comm.cmn-style-3 img {
  margin-top: -5px;
}
.scrolling-wrap:hover .comm {
  animation-play-state: paused;
}
.scrolling-wrap.bg-style {
  background-color: #49ae07;
}


  .scrolling-wrap .comm div {
    min-width: 50px;
  }


.scrolling-wrap .comm div img {

max-width: 35px;
margin: 0 auto;
display: block;

}


@media (max-width: 1399px) {
  .scrolling-wrap .comm {
    gap: 20px;
  }
  .scrolling-wrap .comm .cmn-textslide {
font-size: 36px;
line-height: 60px;
  }

}
@media (max-width: 991px) {
  .scrolling-wrap {
    gap: 14px;
  }
  .scrolling-wrap .comm {
    gap: 14px;
  }
  .scrolling-wrap .comm .cmn-textslide {
    font-size: 28px;
  }
  .scrolling-wrap .comm img {
    width: 50px;
    object-fit: contain;
  }
}
@media (max-width: 575px) {
  .scrolling-wrap .comm {
    gap: 12px;
  }
  .scrolling-wrap .comm .cmn-textslide {
    font-size: 16px;
    line-height: 35px;
  }
  .scrolling-wrap .comm img {
    width: 50px;
    object-fit: contain;
  }
}

.mycustom-marque.style-about {
  position: absolute;
  top: 17%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
}
.mycustom-marque.style-about .comm .cmn-textslide {
  color: rgba(71, 97, 164, 0.3);
  font-size: 190px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 155px;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes scroll2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-200%);
  }
}





.marquee-section {
padding: 30px 0;
background: #f6f6f6;
}









.about-one__right {
    position: relative;
    display: block;
    max-width: 575px;
    float: right;
    margin-top: 10px;
    z-index: 1;
}




/* icon */
.about-one__right .icon {
    position: absolute;
bottom: -6px;
left: -6px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: #fff;
    border-top-right-radius: 50%;
    padding: 15px;
}
.portfolio .item:hover .con .icon .arrow {
  transform: scale(1.05);
}
.about-one__right .icon::before {
position: absolute;
    content: "";
    bottom: 6px;
    right: -20px;
    background: transparent;
    width: 20px;
    height: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 6px 6px 0 6px #fff;
transform: rotatey(180deg);
}
.about-one__right .icon::after {
position: absolute;
content: "";
top: -20px;
left: 6px;
background: transparent;
width: 20px;
height: 20px;
border-bottom-right-radius: 20px;
box-shadow: 6px 6px 0 6px #fff;
transform: rotatey(180deg);
}
.about-one__right .icon .arrow {
    position: absolute;
    background: #f3f3f3;
    color: #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    width: 60px;
    height: 60px;
    line-height: 60px;
transform: rotate(45deg);
}



.about-one__right .icon:hover .icon .arrow {
    color: #fff;
    background: #eb1f25;
}




.about-one__shap1 {
    position: absolute;
    top: -30px;
    left: -25px;
    bottom: -10px;
    width: 330px;
    background: #fff8ee;
    z-index: -1;
}

.about-one__right .shape1 {
    position: absolute;
    top: 140px;
    right: -100px;
    opacity: 1;
    z-index: -1;
}

.about-one__right .shape2 {
    position: absolute;
    left: -178px;
    bottom: 50px;
    z-index: -1;
}

.about-one__right-img1 {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}

.about-one__right-img1::before {
 content: "";
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    width: 35%;
    height: 200%;
    right: -100%;
    top: -50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);z-index: 2;
}

.about-one__right-img1:hover:before {
	right:150%;
}

.about-one__right-img1 img {
    width: 100%;
border-radius: 25px;
}

.about-one__right-img2 {
    position: absolute;
    bottom: -30px;
    left: -170px;
    border: 6px solid #ffffff;
    border-radius: 50%;
    z-index: 11;
}

.about-one__right-img2 img {
    width: 315px;
}







/**************************/
/**********************/




.feature-area3 {
    position: relative;
    z-index: 3;
    margin-top: -60px
}

.feature-grid {
    position: relative;
    background-color: #ffffff;
    box-shadow: none;
  padding: 25px 25px 25px;
    z-index: 2;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
border-right: 1px solid #eee;
height: 150px;

display: flex;
align-items: center;
gap: 20px;
}


.feature-area3 .row {
border-radius: 25px;
overflow: hidden;
border: 1px solid #eee;
box-shadow: 1px 2px 10px #08080812;
}


.feature-area3 [class*=owl-]:last-child .feature-grid {
border-right: 0;
}



@media (max-width: 1199px) {
    .feature-grid {
        padding: 30px
    }
}

/*
.feature-grid:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F5F7FA;
    z-index: -1;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}
*/
.feature-grid_icon {
    margin-bottom: 20px
}

.feature-grid_icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out
}

.feature-grid_text {
    margin-bottom: -0.3rem
}

.feature-grid:hover {
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.07)
}

.feature-grid:hover:before {
    height: 0;
    top: 100%
}

.feature-grid:hover .feature-grid_icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}






/**************************/
/***************************/



.service-block {
    position: relative;
    z-index: 1;
margin: 15px 0 10px;
}

/*
.service-block:before {
    content: '';
    background-image: linear-gradient(to top, #000000f0, #0003);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}*/

.service-block_img {
    height: 330px;
}

.service-block_img img {
    object-fit: cover;
    height: 100%;
    object-position: left;
    transition: all ease-in-out 0.5s;
}

.icon-area {
    margin-bottom: 20px;
}

.icon-area img {
    width: 60px;
    filter: brightness(100);
}

.service-block:hover .service-block_img img {
    object-position: center;
}

.service-block_icon {
    background-color: #214586;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    display: block;
    margin: -70px auto 20px auto
}

.service-block_content {
    position: absolute;
    bottom: 10px;
    padding: 15px;
    left: undefined;
    border-radius: 5px;
    width: undefined;
    text-align: left;
    -webkit-transition: all 1.3s ease;
    transition: all 1.3s ease;
    z-index: 3;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    left: 0;
}

.service-block .box-title {
    margin: 0;
    color: #fff;
    text-transform: capitalize;
}

@media (max-width: 1399px) {
    .service-block .box-title {
        font-size: 20px
    }
}

.service-block_text {
    margin-top: 18px;
    margin-bottom: 20px
}

.service-block .service-block_content.style2 {
    bottom: -80px;
    opacity: 0;
    visibility: hidden
}





.colfour {
  width: 25%;
  padding: 0 7px;
  margin-bottom: 14px;
}




.service-block h3{
	position: relative;
	font-size: 16px;
	line-height: 1.6em;
	margin: 0 0 12px;
color: #000;  margin: 0;
text-transform: capitalize;
font-family: "ropoto";
}


.box-title p,
.box-title {
font-size: 18px;
line-height: 1.417;
color: #010F34;
text-transform: capitalize;
margin-bottom: 5px;
}



.service-area2 {
padding: 40px 0;
	position: relative;
}








.images-part {
    position: relative;
    display: flex;
    gap: 15px;
}

.images-part img {
    height: 500px;
    object-fit: cover;
    width: 50%;
}

.images-part img:first-child {
    border-radius: 0 0 180px 180px;
    margin-bottom: 30px;
}

.images-part img:last-child {
    border-radius: 180px 180px 0 0;
    margin-top: 30px;
}



.login-btn {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid;
}




/* ============================================================== 
    # Choose Us Style Three
=================================================================== */
.choose-us-style-three-area .shape {
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
}

.choose-us-style-three-badge {
	position: absolute;
	top: 50%;
	right: 0;
	height: 200px;
	width: 200px;
	display: inline-block;
	transform: translateY(-50%);
	margin-right: -60px;
}

.choose-us-style-three-badge img {
	background: #ffffff;
	border-radius: 50%;
	padding: 17px;
	box-shadow: 0 25px 70px rgb(0 0 0 / 7%);
	position: absolute;
	right: -30px;
	animation: spinner 30s infinite linear;
	height: 200px;
}

.choose-us-style-three-badge img:nth-child(2) {
	position: absolute;
	right: 45px;
	top: 50%;
	transform: translateY(-50%);
	height: 50px;
	padding: 0;
	background: transparent;
	border-radius: inherit;
	animation: inherit;
	box-shadow: none;
}

.illustration-bottom {
	position: absolute;
	right: 0;
	bottom: -80px;
	z-index: 9;
	width: 20%;
}

.list-grid {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	grid-column-gap: 50px;
	margin-top: 35px;
	align-items: center;
}

.list-grid h4 {
	margin: 0;
	text-transform: capitalize;
	font-size: 30px;
}

.list-choose li {
	position: relative;
	z-index: 1;
	padding-left: 35px;
	font-size: 18px;
	margin-top: 5px;
}

.list-choose li::after {
	position: absolute;
	left: 0;
	top: 7px;
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	height: 23px;
	width: 23px;
	text-align: center;
	line-height: 22px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	font-size: 11px;
}

.list-grid .achivement-content {
	text-align: left;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.list-grid .achivement-content .progressbar {
	display: inline-block;
}



.bg-dark {
  background-color: #1f70ad !important;
}


.choose-us-style-three-area {
  padding: 50px 0 50px 40px;
position: relative;
}



.choose-us-style-three-area .title {
  font-size: 26px;
  margin-bottom: 10px;
  color: #fff;
  text-transform: capitalize;
}




/* ============================================================== 
    # Services
=================================================================== */
.services-style-one-area {
  padding: 50px 0;
position: relative;
background: #f9f9f9;
}

.service-one-single {
	margin-bottom: 10px;
}

.service-style-one-item {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 30px;
	background: #ffffff;
	height: 100%;
	border-radius: 30px;
transition: all ease-in-out 0.4s;
padding-right: 60px;
}

.service-style-one-item:hover {
margin-top: -8px;
box-shadow: 1px 1px 215px #18ade821;
}



.service-style-one-item .top {
	display: flex;
	align-items: center;
	margin-bottom: 15px;align-items: center;
}



.service-style-one-item .top i {
font-size: 50px;
color: #459cde;
margin-right: 15px;
line-height: 1;
margin-top: 14px;}

.service-style-one-item .top img {
height: 60px;
margin-right: 25px;
filter: brightness(0);
margin-bottom: 0;
}

.service-style-one-item .top .icon {
	min-width: 90px;
}

.service-style-one-item .top h4 {
	text-transform: uppercase;
	margin: 0;
}


.service-style-one-item .top h4 a {
color: #000;
}


.service-style-one-item .top span {
	text-transform: uppercase;
	
	font-size: 18px;
	color: #1f70ad;
	display: block;
	margin-top: 8px;
}

.service-style-one-item p {
	margin-bottom: 0;
height: 119px;
overflow: hidden;
}

.service-style-one-item img {
	height: 150px;
	margin-bottom: 30px;
	max-width: inherit;
}

.service-style-one-item a.btn-angle {
	display: inline-block;
	height: 58px;
	width: 58px;
	text-align: center;
	line-height: 58px;
	background: #459cde;
	color: #04000b;
	margin-top: 30px;
	border-radius: 50%;
}

.service-style-one-item a.btn-angle:hover {
	background: #1f70ad;
	color: #ffffff;
}

.shape-right-top {
	position: absolute;
	right: 0;
	top: 50px;
	height: 100%;
	width: 28%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top;
}








/* icon */
.service-style-one-item .icon {
    position: absolute;
bottom: -6px;
right: -6px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: #f9f9f9;
    border-top-left-radius: 50%;
    padding: 15px;
}

.service-style-one-item:hover .con .icon .arrow {
  transform: scale(1.05);
}



.service-style-one-item .icon::before {
position: absolute;
content: "";
bottom: 6px;
left: -20px;
background: transparent;
width: 20px;
height: 20px;
border-bottom-right-radius: 20px;
box-shadow: 6px 6px 0 6px #f9f9f9;

}


.service-style-one-item .icon::after {
position: absolute;
content: "";
top: -20px;
right: 6px;
background: transparent;
width: 20px;
height: 20px;
border-bottom-right-radius: 20px;
box-shadow: 6px 6px 0 6px #f9f9f9;

}

.service-style-one-item .icon .arrow {
    position: absolute;
    background: #fff;
    color: #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    width: 60px;
    height: 60px;
    line-height: 60px;
transform: rotate(-45deg);
}

.service-style-one-item .icon:hover .icon .arrow {
    color: #fff;
    background: #eb1f25;
}





.supinner {
display: flex;
justify-content: space-between;
width: 100%;
}


.quickli {
display: inline-block;
width: 100%;
}










/* ------------------------------------
	17. Project Section CSS
---------------------------------------*/

.rs-project.project-style1 {
padding: 40px 0;
}



.homebody .rs-project.project-style1 {
padding: 40px 0 180px;
background: #f6f6f6;
background: linear-gradient(90deg,#0058AB 50%,#3fb4fb 50%);
background: #edeff6;
}


.homebody .rs-project.project-style1 .project-item .project-content {
background: #f9f9f9;
}

.rs-project.portfolio-image .project-img {
  background-image: url(../images/project/portfolio.jpg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
}
.rs-project.project-style1 .project-item {
  position: relative;
  overflow: hidden;
  z-index: 1;
margin-bottom: 25px;
}
.rs-project.project-style1 .project-item .project-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.rs-project.project-style1 .project-item .project-img img {
  width: 100%;
  transition: 1.3s all ease;
  border-radius: 0px;height: 240px;
}
.rs-project.project-style1 .project-item .project-content {
  opacity: 1;
  z-index: 10;
  top: 0;
  border: none;
  bottom: 0;
  left: 0;
  right: 0;
}
.rs-project.project-style1 .project-item .project-content .project-inner {

  display: flex;
  flex-wrap: wrap;
  transition: all .5s ease;
  width: 100%;
  background: #fff;
  padding: 7px 20px;height: 70px;
padding-right: 65px;
}
.rs-project.project-style1 .project-item .project-content .project-inner .title {
font-size: 16px;
line-height: 26px;
font-family: "ropoto";
margin-bottom: 0;
display: grid;
align-items: center;
text-transform: capitalize;
height: 52px;
overflow: hidden;
}
.rs-project.project-style1 .project-item .project-content .project-inner .title {
  color: #010d14;
}
.rs-project.project-style1 .project-item .project-content .project-inner .title:hover {
  color: #3fb4fb;
}
.rs-project.project-style1 .project-item .project-content .project-inner .category {
  color: #fff;
  display: block;
  flex: 0 0 100%;
}
.rs-project.project-style1 .project-item .project-content .project-inner .category {
  color: #333333;
}
.rs-project.project-style1 .project-item .project-content .project-inner .category:hover {
  color: #3fb4fb;
}
.rs-project.project-style1 .project-item .project-content .p-icon {
position: absolute;
right: 0;
width: 55px;
height: 70px;
text-align: center;
background: #3fb4fb;
z-index: 7;
bottom: 0;
line-height: 70px;
transition: all 0.4s ease-in-out 0s;
}
.rs-project.project-style1 .project-item .project-content .p-icon i {
  color: #fff;
}/*
.rs-project.project-style1 .project-item .project-content .p-icon a i:before {
  margin: 0;
  font-size: 18px;
  position: relative;
  top: -4px;
}*/
.rs-project.project-style1 .project-item .project-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: #00000000;
  transition: all .3s ease 0s;
  opacity: 1;
}
.rs-project.project-style1 .project-item:hover .project-img img {
  transform: scale(1.2);
}
.rs-project.project-style1.yellow-modify5 .project-item .project-content .project-inner {
  background: #E8EAEE;
}










.offers-section {

}

.single-portfolio {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s
}

.single-portfolio::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, right top, from(#fdb084), color-stop(#ff9870), color-stop(#ff7e62), color-stop(#ff5f59), to(#ff3656));
background: linear-gradient(to right top, #46acdb, #6593dd, #5a84c6, #305b9f, #000);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

.single-portfolio .portfolio-content {
    position: absolute;
    left: 0;
    top: 55%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
    text-align: center;
    right: 0;
    margin-top: 0;
    font-size: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s;
    transition: .5s
}

.single-portfolio .portfolio-content i {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 38px;
    background-color: #fff;
    color: #000;
    border-radius: 50px;
    font-size: 22px;
    -webkit-transition: .5s;
    transition: .5s
}

.single-portfolio .portfolio-content i:hover {
    background-color: #000;
    color: #fff
}

.single-portfolio .portfolio-content h3 {
    font-size: 25px;
    -webkit-transition: .5s;
    transition: .5s;
    margin-top: 12px;
    margin-bottom: 0
}

.single-portfolio .portfolio-content h3 a {
    color: #fff
}

.single-portfolio:hover,
.single-portfolio:focus {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.single-portfolio:hover::before,
.single-portfolio:focus::before {
    opacity: .9;
    visibility: visible
}

.single-portfolio:hover .portfolio-content,
.single-portfolio:focus .portfolio-content {
    opacity: 1;
    visibility: visible;
    margin-top: -15px
}

.single-portfolio-item {
    margin-bottom: 15px;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #fff;

border-radius: 25px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding: 7px 15px;
}

.single-portfolio-item .portfolio-content {
position: relative;
z-index: 1;
-webkit-transition: .5s;
transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
min-width: 77%;
text-align: left;
padding: 0 15px;
}

.single-portfolio-item .portfolio-content h3 {
    margin: 0;
    font-size: 16px;
    -webkit-transition: .5s;
    transition: .5s;
line-height: 25px;
height: 50px;
overflow: hidden;
font-weight: normal;
display: grid;
align-items: center;text-transform: capitalize;
font-family: "ropoto";
}

.single-portfolio-item .portfolio-content h3 a {
    color: #000
}


.single-portfolio-item .portfolio-image {
  z-index: 1;
position: relative;
overflow: hidden;
display: grid;
align-items: center;
justify-content: center;
}


/*
.single-portfolio-item .portfolio-image:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000c;
  transition: all 0.3s;
opacity: 0;
}

.single-portfolio-item:hover .portfolio-image:before {
opacity: 0.7;
}*/


.single-portfolio-item img {
width: 25px;
}

.single-portfolio-item .portfolio-content span {
    
    -webkit-transition: .5s;
    transition: .5s;
    color: #6b6b84;
color: #999;
font-weight: normal;    
position: relative;
font-size: 13px;
}

/*
.single-portfolio-item .portfolio-content span:after {
    content: "\f006";
    font-family: FontAwesome;
    position: absolute;
    z-index: 1;
    left: 0;
    color: #87868a;
    top: 0;
    display: inline-block;

}
*/
/*
.single-portfolio-item .portfolio-content::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: -webkit-gradient(linear, left bottom, right top, from(#fdb084), color-stop(#ff9870), color-stop(#ff7e62), color-stop(#ff5f59), to(#ff3656));
background: linear-gradient(to right top, #46acdb, #6593dd, #5a84c6, #305b9f, #000);
    z-index: -1;
    -webkit-transition: .5s;
    transition: .5s;
background: linear-gradient( to left , #93050d ,#260809f2);
}
.single-portfolio-item:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}*/

.single-portfolio-item:hover .portfolio-content::before {
    height: 100%
}

.single-portfolio-item:hover .portfolio-content h3 a {
color: #3fb4fb;
}

.single-portfolio-item:hover .portfolio-content span {
color: #3fb4fb;
}


/*
.single-portfolio-item:hover .portfolio-content {
background: linear-gradient( to left , #93050d ,#260809f2);
background: #222;
}*/



.btn-actions {
display: flex;
gap: 8px;
align-items: center;
justify-content: center;
    -webkit-transition: .5s;
    transition: .5s;
}

.btn-actions a {
min-width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background: #0058ab;
color: #fff;
text-align: center;
display: inline-block;
font-size: 17px;

}


.btn-actions a:hover {
background: #49ae07;
color: #fff;
}

.single-portfolio-item:hover .btn-actions {
bottom: 20px;
}








/* ----------------------------------------------------------------
	Page Title
-----------------------------------------------------------------*/


#page-title {
position: relative;

padding: 18px 0;

background-color: #F5F5F5;

border-bottom: 1px solid #EEE;

z-index: 5;

left: 0;

right: 0;

bottom: 0;
}

#page-title .container { position: relative; }

#page-title h1 {
	padding: 0;
	margin: 0;
	line-height: 1;
	color: #333;
	font-size: 16px;text-transform: capitalize;
}

#page-title span {
	display: block;
	margin-top: 10px;
	font-weight: 300;
	color: #777;
	font-size: 18px;
}

.breadcrumb {
	position: absolute;
	width: auto;
	top: 50%;
	left: auto;
	right: 15px;
	margin: -10px 0 0 0;
	background-color: transparent !important;
	padding: 0 !important;
	font-size: 12px;
}

body.stretched .container-fullwidth .breadcrumb { right: 60px !important; }

#header.transparent-header + #page-title.page-title-parallax .breadcrumb { margin-top: 35px !important; }

.breadcrumb a { color: #555; text-transform: capitalize;}

.breadcrumb a:hover { color: #3c7f34; }

.breadcrumb i { width: auto !important; }



.breadcrumb > li {
    display: inline-block;
}


.breadcrumb > li + li::before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}







/*** 

====================================================================
	Services Section Three
====================================================================

***/

.service-section-three{
	position:relative;
	padding:50px 0;

}


.service-section-three .btn-box{
	position:relative;
	margin-top:var(--margin-top-30);
}

.service-block-three{
	position:relative;
}

.service-block-three .inner-box{
	position:relative;
	border-radius:30px 0 0 0;
	text-align:center;
	border-radius:3px;
	overflow:hidden;
	background-color:#e2e2e2;
}

.service-block-three .inner-box .img-box img {
height:250px;
width:100%;
}

.service-block-three .inner-box .img-box {
position: relative;
overflow: hidden;
}

.service-block-three .inner-box .img-box:after {

    content: "";
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    width: 35%;
    height: 200%;
    left: -100%;
    top: -50%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -moz-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}


.service-block-three:hover .inner-box .img-box:after {
	left:150%;
}



.service-block-three .inner-box .icon-box{
	position:relative;
	display:inline-block;
}

.service-block-three .inner-box .icon-box:before{
	position:absolute;
	content:'';
	left:-10px;
	top:-10px;
	right:-10px;
	bottom:-10px;
	border-radius:50px;
	border:2px dashed #fff;
}

.service-block-three .inner-box:hover .icon-box .icon{
	background-color: #2d3286;
	-webkit-transform: scale(-1) rotate(180deg);
    -moz-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    -o-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.service-block-three .inner-box .icon-box .icon{
	position:relative;
	width:70px;
	height:70px;
	line-height:70px;
	border-radius:50px;
	display:inline-block;
	color:#fff;
	font-size:var(--font-36);
	font-family: "Flaticon";
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:var(--color-thirtyone);
}



.featured-imagebox h5 {
background-color: #2d3286;
padding: 15px;
align-items: center;
text-transform: capitalize;

font-weight: normal;
color: #fff;
font-size: 16px;position: relative;
z-index: 1;margin:0;
}
.service-block-three .inner-box h5{
padding: 20px 15px;
align-items: center;
text-transform: capitalize;

font-weight: normal;

font-size: 16px;position: relative;
z-index: 1;margin:0;
}



.service-block-three .inner-box h5:after {
	position:absolute;
	content:'';
	right:0;
	bottom:0;
width:100%;
height:0;
background-color: #2d3286;z-index: -1;transition: all ease-in-out 0.2s;
}


.service-block-three:hover .inner-box h5:after {
height: 100%;
color:#fff;
}

.service-block-three:hover .inner-box h5 {
color:#fff;
}

.service-block-three .inner-box h5 {
	color:#000;
}

.service-block-three .inner-box .text{
	color:#fff;
	font-size:16px;
	margin-top:var(--margin-top-15);
	margin-bottom:25px;
}

.service-block-three .inner-box .plus-icon{
	position:relative;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:4px;
	display:inline-block;
	font-family: "Flaticon";
	color:#fff;
	font-size:16px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:#2d3286;
}

.service-block-three .inner-box:hover .plus-icon{
	background-color:#fff;
	color:#2d3286;
}

.service-block-three .inner-box:hover h5 a {

}

.service-block-three .inner-box .color-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;z-index: -1;
}

.service-block-three .color-one{
	position:absolute;
	left:0px;
	top:0px;
	width:25%;
	height:0%;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
	background-color:#2d3286;
}

.service-block-three .inner-box:hover .color-one{
	height:100%;
}

.service-block-three .color-two{
	position:absolute;
	left:25%;
	top:0px;
	width:25%;
	height:0%;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
	background-color:#2d3286;
}

.service-block-three .inner-box:hover .color-two{
	height:100%;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.service-block-three .color-three{
	position:absolute;
	left:50%;
	top:0px;
	width:25%;
	height:0%;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
	background-color:#2d3286;
}

.service-block-three .inner-box:hover .color-three{
	height:100%;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.service-block-three .color-four{
	position:absolute;
	left:75%;
	top:0px;
	width:25%;
	height:0%;
	transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
	background-color:#2d3286;
}

.service-block-three .inner-box:hover .color-four{
	height:100%;
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}


.colfive {
width: 20%;
padding: 0 5px;
margin-bottom: 10px;
}


.contact-page {
padding: 40px 0;
}




.image-pro img {
  border-radius: 8px;
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.15);
	background:#fff;
margin-bottom: 25px;
}


.gallery-block img {
height: 200px;
width: 100%;
object-fit: cover;
border-radius: 12px;
}




.pru-full {
  padding: 40px 0;}










.login-form-box {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);
    padding: 30px 50px;
    border-radius: 8px;
    background-color: #ffffff;
background-color: #fbfbfb;
}

@media only screen and (max-width: 767px) {
    .login-form-box {
        padding: 25px 20px;
    }
}

.login-form-box .title {
text-align: center;
font-size: 22px;
color: #000;margin-bottom: 30px;
}

.login-form-box a {
    color: #0ABDA5;
}

.login-form-box a:hover {
    color: #0ABDA5;
}

.login-form-box p {
    color: #181818;
    margin-bottom: 25px;
text-align: center;
}


.login-form-box p a { 

}

.login-form-box .form-group {
    position: relative;
}

.login-form-box .form-group input {
    border: 1px solid #e5e5e5;
    height: 50px;
}

.login-form-box .form-group .edu-btn {
    width: 100%;
}

.login-form-box .form-group .password-show {
    position: absolute;
    bottom: 11px;
    left: 18px;
    color: #b2b2b2;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.login-form-box .form-group .password-show:hover {
    color: #0ABDA5;
}

.login-form-box .chekbox-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 25px 0;
}

@media only screen and (max-width: 479px) {
    .login-form-box .chekbox-area {
        display: block;
    }
}

.login-form-box .chekbox-area .edu-form-check {
    position: relative;
}

.login-form-box .chekbox-area .edu-form-check label {
    padding-right: 28px;
}

.login-form-box .chekbox-area .edu-form-check label:before {
    background-color: #f7f7f7;
    border-color: #e5e5e5;
}

.login-form-box .chekbox-area .edu-form-check input {
    height: auto;
}

.login-form-box .chekbox-area .edu-form-check input:checked ~ label::before {
    background-color: #0ABDA5;
    border-color: #0ABDA5;
}

.login-form-box .chekbox-area .edu-form-check input:checked ~ label::after {
    opacity: 1;
}



.form-group label {
  color: #181818;
  margin-bottom: 8px;
  font-size: 14px;
}



.rq-btn {
  height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
  background: #3b9bf0;
  color: #fff;
  border-radius: 50%;
display: inline-block;
}







.service-wrapper .service-image {
position: relative;
z-index: 1;
background: #fff;
border-radius: 15px;
}



.cr-image {
height: 280px;
display: grid;
align-items: center;
justify-content: center;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}




.service-wrapper .service-image img {
  max-width: 100%;
  max-height: 260px;

position: relative;
z-index: -1;
}
.service-wrapper .service-image::before {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19.36%, rgba(112, 0, 254, 0.55) 71.26%, #7000fe 100%);
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19.36%, rgba(0, 28, 254, 0.55) 71.26%, #2e57aa 100%);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  content: "";
  border-radius: 0 0 15px 15px;
}
.service-wrapper .service-image .icon {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  line-height: 50px;
  background-color: #fff;
  text-align: center;
  color: #3b9bf0;
  font-size: 20px;
  transform: translate(-50%, -50%) rotate(-40deg);
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 575px) {
  .service-wrapper .service-image .icon {
    width: 60px;
    height: 60px;
    line-height: 65px;
  }
}
.service-wrapper .service-image .icon:hover {
  background-color: #3b9bf0;
  color: #fff;
  transform: translate(-50%, -50%) rotate(0);
}

.service-wrapper .service-image .service-content {
  background-color: #fff;
  padding: 15px;
  border-radius: 0 0 15px 15px;
  transition: all 0.4s ease-in-out;
}



.service-wrapper .service-image .service-content h3 {
  font-size: 15px;
  text-transform: capitalize;
text-align: center;
height: 42px;
line-height: 21px;
display: grid;
align-items: center;
}

.service-wrapper .service-image .service-content h3 a {
  color: #000;
}

.service-wrapper .service-image .service-content h3 a:hover {
  color: #999;
}
.service-wrapper .service-image:hover::before {
  opacity: 1;
  visibility: visible;
}
.service-wrapper .service-image:hover .service-content {

}
.service-wrapper .service-image:hover .service-content h3 a {
  color: #fff;
}
.service-wrapper .service-image:hover .icon {
  opacity: 1;
  visibility: visible;
  top: 50%;
}











.homebody .adecuad-sss {
background: #f7f7f7;
padding: 140px 0 40px;
}




/*=============contact Popup =================*/

.contact-slide-hide {
    position: relative;
    height: 100%;
    min-width: 100%;
    max-width: 100%;
    background: #fff;
    color: #000;
padding: 30px 0 50px;
}
.contact-nav {
    max-width: 1000px;
    margin: 0px auto;
    display: table;
    width: 100%;
    height: 100%;
}

.contact-nav .contact-nav-form {
    padding-top: 60px;
    display: table-cell;
    vertical-align: middle;
}




.contact-nav-form h2 {
  font-size: 24px;
  color: #204b95;
}



.contact-nav .contact-nav-form .form-control {
    border: 1px solid #e5e5e5;
}

.contact-nav .contact_close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 100%;
    border: none;
    text-align: right;
    font-size: 36px;
}

.contact-nav-media-section {
    position: relative;
    height: 100%;
}
.contact-nav-media {
    position: absolute;
    left: 0px;
    bottom: -49px;

}

.contact-nav-inner p {
    margin: 0px;
}

@media only screen and (max-width: 991px) {
    .contact-nav-inner .row [class*="col-"] {
        margin-bottom: 30px;
    }
    .contact-nav-inner .row [class*="col-"]:last-child {
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .contact-nav-media-section {
        display: none;
    }
}

.about-section-outer {
    position: relative;
}
@media only screen and (max-width: 991px) {
    .about-section-outer {
        padding-top: 30px;
    }
}

.bg-brush-img {
    position: relative;
    z-index: 1;
}
.bg-brush-img:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-image: url(http://thewebmax.com/industro/images/background/brush-left.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left top;
}
@media only screen and (max-width: 991px) {
    .bg-brush-img:before {
        background-size: 50%;
    }
}

/*media margin css*/
@media only screen and (max-width: 767px) {
    .row.justify-content-center [class*="col-"]:last-child.m-b30 {
        margin-bottom: 0px;
    }
    .row.justify-content-center [class*="col-"]:last-child.m-b40 {
        margin-bottom: 0px;
    }
    .row.justify-content-center [class*="col-"]:last-child.m-b50 {
        margin-bottom: 10px;
    }
    .wt-team-1-single p:last-child {
        margin-bottom: 0px;
    }
    .home-contact-section {
        margin-bottom: 0px;
        margin-left: 0px;
    }
}

/*left right slide animation*/
.slide-right {
    -webkit-animation: slide-right 1.5s ease-in-out infinite alternate both;
    animation: slide-right 1.5s ease-in-out infinite alternate both;
}

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
@keyframes slide-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

/*Pre info box*/
.pre-info-box {
    position: relative;
}

.pre-info-box .wt-info {
    padding: 30px;
    padding-bottom: 0px;
}

.pre-info-bg-box h2,
.pre-info-bg-box p {
    color: #fff;
}

.pre-info-bg-box {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    height: 100%;
    padding: 20px;
}

@media only screen and (max-width: 767px) {
    .pre-info-bg-box {
        padding: 80px 15px;
        margin-bottom: 30px;
    }
}