/*
=============================================
	margin
=============================================
*/
.margin-7{
	float: left;
	width: 100%;
	margin-bottom: 7px;
}
.margin-bottom-30{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.margin-bottom-28{
	float: left;
	width: 100%;
	margin-bottom: 28px;
}
.margin-bottom-36{
	float: left;
	width: 100%;
	margin-bottom: 36px;
}

/*
=============================================
		Social icons style 1
=============================================
*/
.social-icons-form{
	float: left;
	width: 100%;
}
.social-icons{
	float: left;
	width: 100%;
}
.social-icons li{
	float: left;
	width: auto;
	margin-right: 15px;
}
.social-icons li:last-child{
	margin-right: 0px;
}
.social-icons li a{
	font-size: 16px;
	color: #fff;
	display: inline-block;
}
/*
=============================================
	Social icons style 3
=============================================
*/
.social-icons-03{
	float: left;
	width: 100%;
	margin-bottom: 0px;
}
.social-icons-03 li{
	display: inline-block;
	width: auto;
}
.social-icons-03 li a{
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	text-align: center;
	color: #fff;
}
/*
=============================================
		Social icons style 4
=============================================
*/
.social-icons-04{
	float: left;
	width: 100%;
}
.social-icons-04 li{
	float: left;
	width: auto;
	margin-right: 10px;
}
.social-icons-04 li:last-child{
	margin-bottom: 0px;
}
.social-icons-04 li a{
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	border-radius: 5px;
}
/*
=============================================
		Gradient style 1
=============================================
*/
.overlay-gradient{
	position: relative;
	z-index: 2;
}
.overlay-gradient:before{
	position: absolute;
	content: "";
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 1;
	z-index: 1;
}

/*
=============================================
		Heading style 1
=============================================
*/
.heading-01{
	margin-bottom: 45px;
	float: left;
	width: 100%;
}
.heading-01 small{
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	letter-spacing: 7px;
	margin-left: 30px;
	margin-bottom: 36px;
}
.heading-01 small:after,
.heading-01 small:before{
	position: absolute;
	content: "";
	top:50%;
	left: -75px;
	width: 60px;
	border-bottom: 2px solid rgba(255,255,255,0.8);
}
.heading-01 small:after{
	left: -88px;
	width: 8px;
}
.heading-01 h2{
	font-weight: 600;
	text-transform: capitalize;
	line-height: 60px;
	color: #fff;
	/*margin: 0px 0px 36px;*/
	margin-bottom: 0px;
	width: 100%;
}
.heading-01 p{
	color: #fff;
	margin: 0px 0px 0px;
}
/*
=============================================
		Heading style 1 align center
=============================================
*/
.align-center{
	text-align: center;
	float: left;
	width: 100%;
}
.heading-01.align-center small{
	margin-left: 0px;
}
.heading-01.align-center small:before{
	left: 0px;
	right: 0px;
}
.heading-01.align-center small:after{
	left: -10px;
}
/*
=============================================
		Heading style 2
=============================================
*/
.heading-02{
	float: left;
	width: 100%;
}
.heading-02 h4{
	font-size: 30px;
	line-height: normal;
	text-transform: capitalize;
	display: inline-block;
	font-weight: 600;
	width: 100%;
	margin-bottom: 4px;
}
.heading-02 span{
	display: inline-block;
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
}
/*
=============================================
		custom short style
=============================================
*/

.bor-w{
	border:1px solid #ccc;
	color: #fff;
}
.border-top{
	border-top: 1px solid rgba(0,0,0,0.1);
}
.margin-30{
	float: left;
	width: 100%;
	margin: 0px 0px 80px;
}
.margin-50{
	float: left;
	width: 100%;
	margin-bottom:50px;
}
.padding-bottom-0{
	padding-bottom: 0px;
}
/*
=============================================
		custom button style
=============================================
*/
.btn-normal{
	display: inline-block;
	padding: 15px 40px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
}
.clr-aro{
	color: #444;
	display: inline-block;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 16px;
	position: relative;
}
.clr-aro:before{
	position: absolute;
	content: "\f105";
	font-family: fontawesome;
	font-size: 14px;
	top:50%;
	right: -15px;
	margin-top: -8px;
}
/*
=============================================
		custom
=============================================
*/
.radius-30{
	border-radius: 30px;
}
.radius-30 i{
	margin-right: 10px;
}
.bg-clr{
	color: #fff;
}
.light-bg{
	background: #f4f7fa;
}
.b-hover-r{
	border:1px solid #ccc;
	color: #ccc;
}
.b-hover-r:hover{
	color: #fff;
}
.eft1{
	bottom: 0;
    left: 0;
    margin-top: -92px;
    opacity: 0;
    padding: 64px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    z-index: 1;
}
.eft1 a{
	margin: 0px 0px;
}
.white-clr h4,
.white-clr p,
.white-clr h3{
	color: #fff;
}
/*
=============================================
		Meta style 1
=============================================
*/
.meta{
	float: left;
	width: auto;
}
.meta li{
	float: left;
	width: auto;
	position: relative;
	line-height: normal;
	padding-right: 10px;
	margin-right: 10px;
}
.meta li:before{
	border-right: 1px solid;
    bottom: 0;
    content: "";
    height: 14px;
    margin: -5px 0;
    position: absolute;
    right: 0;
    top: 50%;
}
.meta li:last-child{
	margin-right: 0px;
	padding-right: 0px;
}
.meta li:last-child:before{
	border: none;
}
.meta li a{
	display: inline-block;
	text-transform: capitalize;
}
/*
=============================================
	meta style icon
=============================================
*/
.meta-icon-1{
	float: left;
	width: 100%;
}
.meta-icon-1 li{
	float: left;
	width: auto;
	margin-right: 15px;
}
.meta-icon-1 li:last-child{
	margin-right: 0px;
}
.meta-icon-1 li a{
	display: inline-block;
	width: 100%;
	text-transform: capitalize;
	font-style: italic;
	color: #444;
}
.meta-icon-1 li a i{
	margin-right: 10px;
	float: left;
	width: auto;
	margin-top: 2px;
}
/*
=============================================
	meta style 2
=============================================
*/
.meta-02{
	float: left;
	width: 100%;
}
.meta-02 li{
	float: left;
	width: auto;
	margin-right: 15px;
	padding-right: 15px;
	position: relative;
}
.meta-02 li:before{
	position: absolute;
	top:50%;
	right: 0px;
	content: "";
	border-right: 1px solid #b1b1b1;
	height: 12px;
	margin-top: -5px;
}
.meta-02 li:last-child:before{
	display: none;
}
.meta-02 li a{
	text-transform: capitalize;
	color: #666666;
}
.meta-02 li:last-child{
	margin-right: 0px;
	padding-right: 0px;
}
/*
=============================================
	meta style 3
=============================================
*/
.meta-03{
	float: left;
	width: 100%;
}
.meta-03 li{
	float: left;
	width: 100%;
	text-align: center;
}
.meta-03 li a{
	display: inline-block;
	color: #999;
	text-transform: capitalize;
}
/*
=============================================
		slick slider dots style
=============================================
*/
.slick-dots{
	width: 10px;
	text-align: center;
	position: absolute;
	bottom: 50%;
	left: auto;
	right: 100px;
	margin: 0 auto;
	z-index: 999;
}
.slick-dots li{
	display: inline-block;
	width: auto;
	float: none;
	margin-right: 15px;
}
.slick-dots li:last-child{
	margin-right: 0px;
}
.slick-dots li button{
	background: #fff;
	font-size: 0px;
	padding: 2px;
	background: transparent;
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	border:2px solid rgba(255,255,255,0.4);
}
.slick-dots li.slick-active button{

	-moz-transform:scale(1.4);
	-o-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
}
/*
=============================================
		slick slider arrows style
=============================================
*/
.slick-arrow{
	position: absolute;
	top:50%;
	width: 70px;
	font-size: 0px;
	height: 70px;
	text-align: center;
	background:transparent;
	margin-top: -25px;
}
.slick-arrow:before{
	position: absolute;
	content: "";
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 16px;
	width: 100%;
	height: 100%;
	font-size: 24px;
	border:1px solid #ccc;
	font-family: fontawesome;
	color: #ccc;
}
.slick-prev.slick-arrow:before{
	content: "\f104";
}
.slick-next.slick-arrow:before{
	content: "\f105";
}
.slick-prev.slick-arrow{
	left: -100px;
}
.slick-next.slick-arrow{
	left: auto;
	right: -100px;

}
.slick-arrow:hover:before{
	color: #fff;
}
/*
=============================================
		buttons hover style
=============================================
*/
/*[class^="eft-"]{
	position: relative;
	overflow: hidden;
	padding: 10px 40px;
	font-size: 16px;
	width: auto;
	border: 1px solid currentColor;
	display: inline-block;
	padding: 15px 40px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
}*/
[class^="eft-"]:before,
[class^="eft-"]:after{
	z-index: -1;
}
.eft-8 {
}
.eft-8:hover {
	color: #fff;
}
.eft-8 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.eft-8:hover span {
  width: 225%;
  height: 562.5px;
}
.eft-8:active {
}
/*
=============================================
		buttons hover style 2
=============================================
*/
.eft-9 {
  color: ;
}
.eft-9:hover {
  color:#fff ;
}
.eft-9:before,
.eft-9:after,
.eft-9 span:before,
.eft-9 span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: 0.4s ease-in-out;
}
.eft-9:after,
.eft-9 span:before {
  top: auto;
  bottom: 0;
}
.eft-9 span:before,
.eft-9 span:after {
  transition-delay: 0.4s;
}
.eft-9:hover:before, .eft-9:hover:after,
.eft-9:hover span:before,
.eft-9:hover span:after {
  height: 80px;
}
.eft-9:active {
  background-color: #;
}
/*
=============================================
		buttons hover style 3
=============================================
*/
.eft-10:hover {
  color: #fff;
}
.eft-10:before,
.eft-10:after,
.eft-10 span:before,
.eft-10 span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 80px;
  transition: 0.4s;
}
.eft-10:after,
.eft-10 span:before {
  left: auto;
  right: 0;
}
.eft-10 span:before,
.eft-10 span:after {
  transition-delay: 0.4s;
}
.eft-10:hover {
  color: #fff;
}
.eft-10:hover:before,
.eft-10:hover:after,
.eft-10:hover span:before,
.eft-10:hover span:after {
  width: 250px;
}
.eft-10:active {
  background-color: #;
}

@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
/*
=============================================
		buttons hover style 4
=============================================
*/
.eft-11 {
  position: relative;
  color: #6f5d9d;
}
.eft-11:before, .eft-11:after {
  position: absolute;
  top: 50%;
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: all 0.8s ease-in-out;
}
.eft-11:before {
  left: -20px;
  transform: translate(-50%, -50%);
  transition: all 0.8s ease-in-out;
}
.eft-11:after {
  right: -20px;
  transform: translate(50%, -50%);
  transition: all 0.8s ease-in-out;
}
.eft-11:hover:before {
  animation: criss-cross-left 0.8s both;
  animation-direction: alternate;
}
.eft-11:hover:after {
  animation: criss-cross-right 0.8s both;
  animation-direction: alternate;
}
/*
=============================================
	custom style hover
=============================================
*/
.eft-8,
.eft-9,
.eft-10,
.eft-11{
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.eft-10 span,
.eft-9 span{
	z-index: 2;
}
.eft-8:after,
.eft-9:after,
.eft-9 span:after,
.eft-10:after,
.eft-10 span:after,
.eft-11:after{
	z-index: -1;
}
.eft-8:before,
.eft-9:before,
.eft-9 span:before,
.eft-10:before,
.eft-10 span:before,
.eft-11:before{
	z-index: -1;
}
/*
=============================================
	checkbox style
=============================================
*/
.checkbox{
	float: left;
	width: 100%;
	margin: 6px 0 0;
}
.checkbox input[type="checkbox"]{
	display: none;
}
.checkbox input[type="checkbox"]:checked ~ label span:before{
	opacity: 1;
}
.checkbox label{
	margin-bottom: 0px;
	float: left;
	width: 100%;
}
.checkbox label span{
	width: 12px;
	height: 12px;
	display: inline-block;
	float: left;
	border:1px solid ;
	margin: 4px 10px 0 0;
	border-radius: 4px;
	position: relative;
}
.checkbox label span:before{
	position: absolute;
	content: "\f00c";
	font-family: fontawesome;
	font-size: 15px;
	top:50%;
	left: 0px;
	right: 0px;
	margin-top: -12px;
	opacity: 0;
}
.checkbox label{
	color: #999;
	text-transform: capitalize;
	font-size: 12px;
}
/*
=============================================
	radio style 1
=============================================
*/
.radio{
	float: left;
	width: auto;
	margin-right: 15px;
}
.radio input[type="radio"]{
	display: none;
}
.radio input[type="radio"]:checked + label span:before{
	content: "\f00c";
}
.radio input[type="radio"]:checked + label span{
}
.radio input[type="radio"]:checked + label{
}
.radio label{
	margin-bottom: 0px;
	position: relative;
	float: left;
	width: 100%;
	padding-left: 25px;
	text-transform: capitalize;
	font-size: 16px;
}
.radio label span{
	position: absolute;
	width: 15px;
	height: 15px;
	border:1px solid;
	float: left;
	top:50%;
	left: 0px;
	margin-top: -7px;
}
.radio label span:before{
	position: absolute;
	content: "";
	font-family: fontawesome;
	font-size: 18px;
	top:50%;
	left: 0px;
	right: 0px;
	color: #fff;
	bottom: 0px;
	margin-top: -16px;
	text-shadow:0px 0px 1px #000;
}
/*
=========================================



=========================================
*/
/*=======================================
    BUTTONS STYLES
=======================================*/
.buttons{
    float: left;
    width: 100%;
}
.buttons li{
    float: left;
    width: auto;
}
.black_bg{
    float: left;
    width: 100%;
    background-color: #000;
}
.lg_btn,
.normal_btn{
    display: inline-block;
    padding: 7.5px 40px;
    border-radius: 20px;
    color:#252525;
    text-transform: capitalize;
    background-color: #fff;
    border:2px solid transparent;
    font-weight: 400;
    font-size: 16px;
}
.border_btn{
    border-color: #fff;
    background-color: transparent;
    color:#fff;
}
.arrow_btn{
    display: inline-block;
    color:#fff;
    text-transform: capitalize;
    font-size: 16px;
}
.arrow_btn i{
    margin-left: 20px;
}
.lg_btn{
    padding: 12.5px 40px;
    border-radius: 30px;
}
.theme_bg{
    color:#fff;
}
.theme_bg:hover{
    color:#fff;
}
.normal_btn:hover{
    color:#fff;
    border-color: #fff;
}
/*=======================================
    SOCIAL ICONS STYLES
=======================================*/
.social_icons{
    float: left;
    width: 100%;
}
.social_icons li{
    float: left;
    width: auto;
    margin-right: 15px;
}
.social_icons li:last-child{
    margin-right: 0px;
}
.social_icons li a{
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border:2px solid #fff;
    text-align: center;
    line-height: 31px;
    font-size: 15px;
    color:#fff;
}
.social_icons li:hover a{
    color:#fff;
}
/*=======================================
    SOCIAL ICONS STYLES 2
=======================================*/
.social_icons_simple{
    float: left;
    width: 100%;
    text-align: center;
}
.social_icons_simple li{
    display: inline-block;
    margin-right: 15px;
}
.social_icons_simple li:last-child{
    margin-right: 0px;
}
.social_icons_simple li a{
    display: inline-block;
    font-size: 14px;
    color:#646464;
}
/*=======================================
    HEADING STYLES  1
=======================================*/
.heading{
    float: left;
    width: 100%;
    margin-bottom: 27px;
}
.heading h4{
    display: inline-block;
    width: 100%;
	margin-top: -6px;
    margin:0px;
    font-weight: 600;
}
.heading h3,
.heading h4{
    text-transform: capitalize;
    font-weight: 600;

}
.heading h3 strong{margin: 0px 10px;}
.heading p{
    color:#fff;
    font-weight: 200;
    margin-bottom: 0px;
}
.heading p{
    color:#999999;
    font-style: italic;
}


.white_text_ts h3,
.white_text_ts h4,
div.white_text_ts p{
    color:#fff;
}
/*=======================================
    HEADING ALIGN
=======================================*/
.align-center{
    float: left;
    width: 100%;
    text-align: center;
}
.align-left{
    float: left;
    width: 100%;
    text-align: left;
}
.align-right{
    float: left;
    width: 100%;
    text-align: right;
}
/*=======================================
    HEADING WHITE
=======================================*/
.white_text h3 strong,
.white_text h4,
.white_text h3{
    color:#fff;
}
.white_text h3{
    font-weight: bold;
}
/*=======================================
    HEADING LINE HIGHT
=======================================*/
.line-50 h3{
    line-height: 50px;
    margin-bottom: 10px;
}
.line-50{
    margin-bottom: 23px;
}
/*=======================================
    HEADING STYLE 2
=======================================*/
.h-style-2{
    margin-bottom: 23px;
}
.h-style-2 h3{
    margin-bottom: 13px;
}
.h-style-2 p{
    color:#999999;
}
.bline{
    display: inline-block;
    width: 5%;
    border-bottom: 2px solid;
    line-height: normal;
    margin-bottom: 0px;
}
/*=======================================
    META TAGS
=======================================*/
.meta{
    float: left;
    width: 100%;
}
.meta li {
    float: left;
    width: auto;
    margin-right: 12px;
}
.news_caption .meta li:before{
	display: none;
}
.meta li:last-child{
    margin-right: 0px;
}
.meta li a{
    display: inline-block;
    font-size: 12px;
    color:#999999;
    text-transform: capitalize;
}
.meta li a i{
    margin-right: 11px;
    float: left;
    padding: 0px 0px 0px;
}
/*=======================================
    META TAGS ENDS
=======================================*/

.overlay{
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
}
.overlay:before,
.overlay:after{
    position: absolute;
    content: "";
    top:0px;
    bottom: 0px;
    z-index: -1;
}
.overlay:after{
	background: #000;
opacity: 0.62;
	width: 56%;
	left: auto;
    right: 0px;
}
.overlay:before{
	position: absolute;
	content: "";
	left: 0px;
    right: auto;
    width: 44%;
    background: rgba(0,0,0,0.44);
}
.banner_style_02 .slide,
.overlay-blue,
.overlay-green{
    position: relative;
    z-index: 2;
}
.banner_style_02 .slide:before,
.overlay-blue:before,
.overlay-green:before{
    position: absolute;
    content: "";
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.7;
}
.kf_slides_dosts{
    float: right;
    width: 50px;
    position: absolute;
    top:50%;
    right: 0px;
		display: none;
    margin-top: -50px;
}
.kf_slides_dosts li{
    float: left;
    width: 100%;
    list-style: none;
}
.kf_slides_dosts li div span{

}
.kf_slides_dosts li div span .inProgress {
    float: left;

}
.kf_slides_dosts li > div{

}
.kf_slides_dosts div {
  display: block;
  height: 100px;
  padding: 0;
  cursor: pointer;
  margin-right: 0;
  float: left;
  color: white;
  float: left;
  width: 100%;
}
.kf_slides_dosts div:last-child {
  margin-right: 0;
}
.kf_slides_dosts div span.progressBar {
  width: 4px;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  display: block;
  position: relative;
}
.kf_slides_dosts div span:before{
  border:2px solid #fff;
  position: absolute;
  top:0px;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  content: "";
  left: -5px;
  z-index: 2;
  background: rgba(255,255,255,0.9);
}
.kf_slides_dosts div span.progressBar .inProgress{
    position: relative;
    width: 100%;
    height: 0px;
    background: rgba(255, 255, 255, 1);
}
.kf_slides_dosts div span.progressBar .inProgress:before{
    position: absolute;
    content: "";
    top:auto;
    bottom: -15px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    right: -6px;
    border:2px solid transparent;
    z-index: 10;
}
div.kf_slides_dosts span div.inProgress.added:before{
    background: #fff !important;
    border-color: #fff !important;
    z-index: 3;
}


.effect-d{
    float: left;
    width: 100%;
}
.effect-d figure{
    position: relative;
    overflow: hidden;
}
.effect-d figure:before{
    position: absolute;
    content: "";
    top:0px;
    left: -100%;
    right: 0px;
    bottom: 0px;
    opacity: 0;
}
.effect-d:hover figure:before{
    left: 0px;
    opacity: 0.75;
}
.icon_style{
    font-size: 0px;
    display: inline-block;
    color:#fff;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.icon_style:before{
    position: absolute;
    content: "";
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99;
    cursor: url(../images/image.png), auto;
}