@charset "utf-8";
/* CSS Document */
/*

	@Author: Frenify
	@URL: http://themeforest.net/user/frenify
	Version: 1.0
	
*/
/*------------------------------------------------------------------*/
/*	01) BASE
/*------------------------------------------------------------------*/
.cons_w_wrapper{
	position: relative;
	clear: both;
	width: 100%;
	min-height: 1px;
	z-index: 1;
	transform: translateZ(0);
}
.cons_w_wrapper,
.cons_w_wrapper *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.cons_w_wrapper:after{
	content: '';
	clear: both;
	display: table;
}
.cons_w_wrapper p{
	letter-spacing: 0px;
}
.cons_w_wrapper a{
	text-decoration: none;
}
.cons_w_wrapper a:hover{
	text-decoration: none;
}
.vivaco_w_fn_svg{
	width: 20px;
	height: 20px;
	fill: currentcolor;
}
.fn_cs_sticky_section{
	position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    overflow: visible;
    top: 150px;
}
.fn_cs_sticky_section:after{
	clear: both;
	display: table;
	content: '';
}
.fn_clearfix:after{
	clear: both;
	display: table;
	content: '';
}
.fn_cs_lightgallery .lightbox{
	cursor: pointer;
}

/* All Dividers*/
.frenify-shape-divider{
  	overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.frenify-shape-divider-top{top: -1px;}
.frenify-shape-divider-bottom{bottom: -1px;}
.frenify-shape-divider .vivaco_shape_svg{
    display: block;
    height: auto;
    fill: currentcolor;
    left: -1px;
    right: -1px;
    position: relative;
    width: 101%;
    width: calc(100% + 2px);
    width: -moz-calc(100% + 2px);
    width: -webkit-calc(100% + 2px);
}
/* #1 Divider */
.frenify-shape-divider.frenify-shape-divider1{
	overflow: visible;
}
.frenify-shape-divider-top.frenify-shape-divider1{top: 0px;}
.frenify-shape-divider-bottom.frenify-shape-divider1{bottom: 0px;}
.frenify-shape-divider1 .fn__shape{
	position: absolute;
	right: 0;
	bottom: 0;
}
.frenify-shape-divider1 .shape_a{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 388px 660px;
	border-color: transparent;
    display: block;
    border-bottom-color: rgba(255,255,255,.01);
    position: absolute;
    bottom: 0;
	right: 0;
}
.frenify-shape-divider1 .shape_b{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 488px 360px;
	border-color: transparent;
    display: block;
    border-bottom-color: rgba(255,255,255,.01);
    position: absolute;
    bottom: 0;
	right: 0;
}
.frenify-shape-divider1[data-pos="left"] .fn__shape{
	right: auto;
	left: 0;
}
.frenify-shape-divider1.frenify-shape-divider-top[data-pos="right"] .fn__shape{transform: rotate(-90deg);}
.frenify-shape-divider1.frenify-shape-divider-top[data-pos="left"] .fn__shape{transform: rotate(90deg);}
.frenify-shape-divider1[data-pos="left"] .shape_a{
	right: auto;
	left: 0;
	border-width: 0;
	border-color: transparent;
	border-left-color: rgba(255,255,255,.01);
}
.frenify-shape-divider1[data-pos="left"] .shape_b{
	right: auto;
	left: 0;
	border-width: 0;
	border-color: transparent;
	border-left-color: rgba(255,255,255,.01);
}


/* DEPRECATED TEXT */
.fn_cs_deprecated_text{
	display: none !important;
	width: 100%;
	clear: both;
	margin: 10px 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 20px;
	max-width: 1210px;
	box-sizing: border-box;
	position: absolute;
	z-index: 9;
}
.fn_cs_deprecated_text:after{
	clear: both;
	display: table;
	content: '';
}

.fn_cs_deprecated_text .inner{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding-left: 75px;
	background-color: #f7fbff;
	min-height: 120px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border-radius: 3px;
	overflow: hidden;
}
.fn_cs_deprecated_text .inner h5{
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #6387a6;
	font-weight: 600;
	margin-bottom: 5px;
}
.fn_cs_deprecated_text .inner p{
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #777;
}
.fn_cs_deprecated_text .inner p span{
	font-weight: 600;
}
.fn_cs_deprecated_text .icon_holder{
	width: 50px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background-color: #3793ff;
}
.fn_cs_deprecated_text .icon_holder i{
	width: 27px;
    height: 27px;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    line-height: 27px;
    color: #3793ff;
}





/* ************** */
/* ************** */
/* ************** */
/* ************** */
.fn_cs_posts_slider{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_posts_slider .img_holder{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	transition: all 1.6s ease;
	overflow: hidden;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_posts_slider .img_holder:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background-color: rgba(0,0,0,.5);
}
.fn_cs_posts_slider .title_holder,
.fn_cs_posts_slider .item{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.fn_cs_posts_slider .item{
	min-height: 100%;
	overflow: hidden;
}
.fn_cs_posts_slider .title_holder > *{
	transform: translateY(120px) translateZ(0);
	transition: all .5s .5s ease;
	opacity: 0;
}
.fn_cs_posts_slider .swiper-slide-active .title_holder > *:nth-child(1){
	transition: all .8s .5s ease;
}
.fn_cs_posts_slider .swiper-slide-active .title_holder > *:nth-child(2){
	transition: all .8s .6s ease;
}
.fn_cs_posts_slider .swiper-slide-active .title_holder > *:nth-child(3){
	transition: all .8s .7s ease;
}
.fn_cs_posts_slider .swiper-slide-active .title_holder > *:nth-child(4){
	transition: all .8s .8s ease;
}
.fn_cs_posts_slider .swiper-slide-active .img_holder{
	transform: scale(1.2);
}
.fn_cs_posts_slider .swiper-slide-active .title_holder > *{
	transform: translateY(0px) translateZ(0);
	opacity: 1;
}
body.admin-bar .fn_cs_posts_slider .title_holder{
    min-height: calc(100vh - 32px);
    min-height: -moz-calc(100vh - 32px);
    min-height: -webkit-calc(100vh - 32px);
}
.fn_cs_posts_slider .title_holder{
	z-index: 4;
	padding: 200px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100vh;
}
.fn_cs_posts_slider .fn_author_meta{
	max-width: 700px;
    width: fit-content;
    width: max-content;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
}
.fn_cs_posts_slider .date_meta{
	margin-left: 20px;
}
.fn_cs_posts_slider .fn_author_meta p a{
	color: #ccc;
}
.fn_cs_posts_slider .fn_author_meta p a:before{
	background-color: #ccc;
}
.fn_cs_posts_slider .slide_desc{
	width: 100%;
	max-width: 530px;
	margin-bottom: 40px;
}
.fn_cs_posts_slider .title_holder p{
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #cccccc;
}
.fn_cs_posts_slider .slide_title{
	width: 100%;
	max-width: 700px;
	margin-bottom: 40px;
}
.fn_cs_posts_slider .title_holder h3{
	margin: 0;
	padding: 0;
	font-size: 72px;
	line-height: 1;
	font-style: italic;
}
.fn_cs_posts_slider .title_holder h3 a{
	color: #fff;
}
.fn_cs_posts_slider .title_holder h3 a:hover{
	color: #ff0066;
}
.fn_cs_posts_slider .swiper-slide {
  height: auto;
}
.fn_cs_posts_slider .read_more{
	width: 100%;
	max-width: 700px;
}
.fn_cs_posts_slider .read_more a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	border-radius: 4px;
	background-color: #f3b469;
	color: #000;
	font-size: 18px;
	letter-spacing: 0;
	float: left;
}
.fn_cs_posts_slider .read_more a:hover{
	background-color: #000;
	color: #f3b469;
}
.fn_cs_swiper_number_progress{
	width: 100%;
	position: absolute;
	bottom: 66px;
	z-index: 999;
}
.fn_cs_swiper_number_progress .progress_inner{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.fn_cs_swiper_number_progress .progress_wrap{
	width: 80px;
	display: block;
	margin-right: 4px;
	overflow: hidden;
}
.fn_cs_swiper_number_progress .progress_wrap .fn_count{
	display: block;
	text-align: left;
	color: #343536;
	font-size: 12px;
	line-height: 2;
	font-weight: 600;
	transition: all .8s ease;
}
.fn_cs_swiper_number_progress .progress_wrap .fn_progress{
	height: 4px;
	display: block;
	width: 100%;
	background-color: #343536;
	position: relative;
}
.fn_cs_swiper_number_progress .progress_wrap .fn_progress:after{
	content: '';
	position: absolute;
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #ccc;
	transition: all .8s ease;
}
.fn_cs_swiper_number_progress .progress_wrap.active .fn_progress:after{
	width: 100%;
	transition: all 1.6s ease;
}
.fn_cs_swiper_number_progress .progress_wrap.active .fn_count{
	color: #ccc;
	transition: all 1.6s ease;
}
.vivaco_fn_wrapper .elementor-section .elementor-container{
	width: 100%;
}



/**************/
/**************/
/**************/
.fn_cs_audio{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
}
.fn_cs_audio .podcast_icon{
	width: 260px;
	height: 260px;
	display: block;
	flex: 0 0 auto;
	padding: 8px;
	border-radius: 8px;
	border: 2px solid #cdc6c6;
}
.fn_cs_audio .icon_inner{
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #94d8c9;
	border-radius: 8px;
	display: block;
	color: #000;
}
.fn_cs_audio .icon_inner .vivaco_fn_svg{
	width: 130px;
	height: 130px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -65px 0 0 -65px;
}
.fn_cs_audio .title_holder{
	width: 100%;
	padding: 0 50px;
}
.fn_cs_audio .title_holder > *:last-child{
	margin-bottom: 0;
}
.fn_cs_audio_alpha .fn_cs_audio_in{
	display: flex;
	flex-direction: row;
}
.fn_cs_audio_alpha .fn_left{
	width: 100%;
	position: relative;
	background-color: #ffefef;
	padding: 90px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.fn_cs_audio_alpha .fn_left:after{
	content: '';
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	width: 5000px;
	background-color: #ffefef;
}
.fn_cs_audio_alpha .fn_left:before{
	content: none;
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	width: 5000px;
	background-color: #ffefef;
}
.fn_cs_audio_alpha .fn_right{
	width: 400px;
	min-width: 400px;
	position: relative;
	background-color: #0b0e13;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 20px 0;
}
.fn_cs_audio_alpha .fn_right:after{
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	width: 5000px;
	background-color: #0b0e13;
}
.fn_cs_audio_alpha .fn_right:before{
	content: none;
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	width: 5000px;
	background-color: #0b0e13;
}
.fn_cs_audio_alpha .fn_right .fn_lines:after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -25px;
	right: 0;
	background-color: #24272b;
	width: 1px;
	height: 50px;
}
.fn_cs_audio_alpha .fn_right .fn_lines:before{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -50px;
	right: 11px;
	background-color: #24272b;
	width: 1px;
	height: 100px;
}
.fn_cs_audio .title_holder h5{
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Heebo';
	margin-bottom: 13px;
}

.fn_cs_audio .title_holder h3{
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 40px;
	font-weight: 600;
	font-family: 'K2D';
	text-transform: uppercase;
	margin-bottom: 18px;
}

.fn_cs_audio .title_holder h4{
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 24px;
	font-weight: 400;
	font-family: 'Heebo';
}
.fn_cs_audio_alpha .fn_right_in{
	min-height: 100px;
    position: relative;
    width: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.fn_cs_audio_alpha .fn_right a{
	display: block;
	text-decoration: none;
	height: 50px;
	line-height: 50px;
	padding-right: 70px;
	position: relative;
	text-transform: uppercase;
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	max-width: 100%;
	font-family: 'Heebo';
}
.fn_cs_audio_alpha .fn_right a .btn_text{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.fn_cs_audio_alpha .fn_right a .btn_icon{
	width: 50px;
	height: 50px;
	display: block;
	top: 0;
	right: 0;
	border-radius: 50%;
	position: absolute;
	background: #323337;
	transition: all .3s ease-in-out;
}
.fn_cs_audio_alpha .fn_right a .btn_icon:after{
	content: '';
	position: absolute;
	border: 6px solid transparent;
	border-left-width: 12px;
	border-left-color: #fff;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
}
.fn_cs_audio_alpha .fn_right a:hover .btn_icon{
	transform: scale(1.3);
}


.fn_cs_audio_beta{
	background-color: #ffefef;
	padding: 90px 0;
}
.fn_cs_audio_beta .fn_cs_audio_in{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.fn_cs_audio_beta .title_holder p a{
	height: 70px;
	display: block;
	line-height: 70px;
	padding: 0 90px 0 40px;
	float: left;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
	border-radius: 4px;
	background-color: #0b0e13;
	font-size: 16px;
	letter-spacing: .5px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Heebo';
	position: relative;
}
.fn_cs_audio_beta .title_holder p a .btn_icon{
	width: 30px;
	height: 30px;
	display: block;
	top: 50%;
	margin-top: -15px;
	right: 40px;
	border-radius: 50%;
	position: absolute;
	background: #312b27;
	transition: all .3s ease-in-out;
}
.fn_cs_audio_beta .title_holder p a .btn_icon:after{
	content: '';
	position: absolute;
	border: 4px solid transparent;
	border-left-width: 8px;
	border-left-color: #fff;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -3px;
}
.fn_cs_audio_beta .title_holder p a:hover .btn_icon{
	transform: scale(1.3);
}
.fn_cs_audio.fn_cs_audio_beta .title_holder h3{
	margin-bottom: 21px;
}
.fn_cs_audio.fn_cs_audio_beta .title_holder{
	padding-right: 0;
}

@media(max-width: 1040px){
	.fn_cs_audio_alpha .fn_cs_audio_in{flex-wrap: wrap;}
	.fn_cs_audio_alpha .fn_left:before,
	.fn_cs_audio_alpha .fn_right:before{content: '';}
	.fn_cs_audio_alpha .fn_right{width: 100%;min-width: 100%;}
	.fn_cs_audio_alpha .fn_right_in{padding-left: 0;align-items: flex-start;}
}
@media(max-width: 768px){
	.fn_cs_audio_beta .fn_cs_audio_in{flex-direction: column;align-items: flex-start;}
	.fn_cs_audio .podcast_icon{
		width: 200px;
		width: 20vw;
		height: 200px;
		height: 20vw;
		margin-bottom: 30px;
	}
	.fn_cs_audio .title_holder{padding: 0;}
	.fn_cs_audio .icon_inner .vivaco_fn_svg{
		width: 100px;
		width: 10vw;
		height: 100px;
		height: 10vw;
		margin: 0;
		transform: translate(-50%,-50%);
	}
}
@media(max-width: 480px){
	.fn_cs_audio .podcast_icon{
		width: 200px;
		width: 50vw;
		height: 200px;
		height: 50vw;
		margin-bottom: 50px;
	}
	.fn_cs_audio .icon_inner .vivaco_fn_svg{
		width: 100px;
		width: 25vw;
		height: 100px;
		height: 25vw;
		margin: 0;
		transform: translate(-50%,-50%);
	}
	.fn_cs_audio .title_holder{padding: 0;}
	.fn_cs_audio_alpha .fn_left{flex-wrap: wrap;}
}



























/* GALLERY SHORTCODE */
.fn_cs_gallery_slider{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_gallery_slider .swiper-slide-active .abs_img{
	transform: scale(1) rotate(0deg);
}
.fn_cs_gallery_slider .swiper-slide-active .item{
	opacity: 1;
}
.fn_cs_gallery_slider .item{
	opacity: .3;
	transition: all .5s ease;
}
.fn_cs_gallery_slider.ready .swiper-container{
	overflow: visible;
}
.fn_cs_gallery_slider .swiper-button-prev{
	position: absolute;
	right: 100%;
	width: 4000px;
	height: 100%;
	top: 0;
	left: auto;
	margin: 0;
	background: none;
}
.fn_cs_gallery_slider .swiper-button-next{
	position: absolute;
	left: 100%;
	width: 4000px;
	height: 100%;
	top: 0;
	right: auto;
	margin: 0;
	background: none;
}
.fn_cs_gallery_slider .item{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.fn_cs_gallery_slider .abs_img{
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	transition: all 1s ease;
	transform: scale(1.2) rotate(5deg);
}
.fn_cs_gallery_slider .swiper-slide{
	height: 800px;
}
.fn_cs_gallery_collage,
.fn_cs_gallery_collage .inner{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_gallery_collage ul{
	margin: 0;
	padding: 0;
	margin-left: -20px;
	list-style-type: none;
}
.fn_cs_gallery_collage ul li{
	width: 50%;
	float: left;
	padding-left: 20px;
	margin-bottom: 20px;
}
.fn_cs_gallery_collage ul li:nth-of-type(3n-2){
	width: 100%;
}
.fn_cs_gallery_collage ul li .item{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
}
.fn_cs_gallery_collage ul li .item img{
	min-width: 100%;
	opacity: 0;
}
.fn_cs_gallery_collage ul li .item .abs_img{
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	transition: all 1s ease;
}
.fn_cs_gallery_collage ul li .item:hover .abs_img{
	transform: scale(1.2) rotate(5deg);
}
@media(max-width: 768px){
	.fn_cs_gallery_collage ul li{width: 100%;}
}

.fn_cs_gallery_collage_pro,
.fn_cs_gallery_collage_pro .inner{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_gallery_collage_pro ul{
	margin: 0;
	padding: 0;
	margin-left: -20px;
	list-style-type: none;
}
.fn_cs_gallery_collage_pro ul li{
	width: 100%;
	float: left;
	padding-left: 20px;
	margin-bottom: 20px;
}
.fn_cs_gallery_collage_pro ul li .item{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
}
.fn_cs_gallery_collage_pro ul li .item img{
	min-width: 100%;
	opacity: 0;
}
.fn_cs_gallery_collage_pro ul li .item .abs_img{
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	transition: all 1s ease;
}
.fn_cs_gallery_collage_pro ul li .item:hover .abs_img{
	transform: scale(1.2) rotate(5deg);
}
@media(max-width: 768px){
	.fn_cs_gallery_collage_pro ul li{width: 100%;}
}
.fn_cs_gallery_masonry,
.fn_cs_gallery_masonry .inner{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_gallery_masonry  ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: -20px;
}
.fn_cs_gallery_masonry ul li{
	width: 25%;
	float: left;
	padding-left: 20px;
	margin-bottom: 20px;
}
.fn_cs_gallery_masonry ul li .item{
	overflow: hidden;
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	cursor: pointer;
}
.fn_cs_gallery_masonry ul li img{
	min-width: 100%;
	transition: all 1s ease;
}
.fn_cs_gallery_masonry ul li .item:hover img{
	transform: scale(1.2);
}
.fn_cs_gallery_masonry[data-cols="1"] ul li{width: 100%;}
.fn_cs_gallery_masonry[data-cols="2"] ul li{width: 50%;}
.fn_cs_gallery_masonry[data-cols="3"] ul li{width: 33.3333%;}
.fn_cs_gallery_masonry[data-cols="4"] ul li{width: 25%;}
@media(max-width: 1040px){
	.fn_cs_gallery_masonry[data-cols="3"] ul li,
	.fn_cs_gallery_masonry[data-cols="4"] ul li{width: 50%;}
}
@media(max-width: 768px){
	.fn_cs_gallery_masonry[data-cols="2"] ul li,
	.fn_cs_gallery_masonry[data-cols="3"] ul li,
	.fn_cs_gallery_masonry[data-cols="4"] ul li{width: 100%;}
}


.fn_cs_gallery_collage_a,
.fn_cs_gallery_collage_a .inner{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_gallery_collage_a .item_col{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_gallery_collage_a .second_col{
	margin-top: 40px;
}
.fn_cs_gallery_collage_a .item{
	overflow: hidden;
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	cursor: pointer;
	border-radius: 15px;
}
.fn_cs_gallery_collage_a .item:first-child{margin-bottom: 20px;}
.fn_cs_gallery_collage_a .item img{
	min-width: 100%;
	opacity: 0 !important;
}
.fn_cs_gallery_collage_a .item .abs_img{
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	transition: all 1s ease;
}
.fn_cs_gallery_collage_a .item:hover .abs_img{
	transform: scale(1.2) rotate(5deg);
}

.fn_cs_swiper_progress{
	width: 100%;
	float: left;
	clear: both;
	margin-top: 30px;
	display: flex;
	justify-content: center;
}
.fn_cs_swiper_progress .my_pagination_in{
	float: left;
	position: relative;
}
.fn_cs_swiper_progress span{
	display: block;
	float: left;
	font-size: 18px;
	font-family: 'Muli';
	letter-spacing: 0;
	color: #222;
	height: 22px;
	line-height: 22px;
}
.fn_cs_swiper_progress .pagination_progress{
	width: 100px;
	margin: 0 20px;
	position: relative;
}
.fn_cs_swiper_progress .pagination_progress .all{
	height: 1px;
	width: 100%;
	position: absolute;
	z-index: 5;
	top: 0;
	top: 50%;
	left: 0;
	background-color: #ccc;
}
.fn_cs_swiper_progress .pagination_progress .all span{
	height: 1px;
	width: 100%;
	background-color: #222;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	transform-origin: left top;
	transform: scale(0);
	transition: all .3s ease;
}
.fn_cs_gallery_grid{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_gallery_grid ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.fn_cs_gallery_grid ul li{
	width: 25%;
	float: left;
	margin: 0;
	padding: 0;
}
.fn_cs_gallery_grid ul li img{
	opacity: 0;
	min-width: 100%;
}
.fn_cs_gallery_grid ul li .item{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
}
.fn_cs_gallery_grid ul li .item:after{
	left: 20px;
	right: 20px;
	content: '';
	position: absolute;
	height: 0;
	bottom: 0;
	background-color: #100f11;
}
.fn_cs_gallery_grid ul li .item_in{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
}
.fn_cs_gallery_grid ul li .abs_img{
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	
	transition: all 1s ease;
	will-change: transform;
}
.fn_cs_gallery_grid ul li .item:hover .abs_img{
	transform: scale(1.2) rotate(5deg);
}
.fn_cs_gallery_grid[data-cols="3"] ul li{width: 33.3333%;}
.fn_cs_gallery_grid[data-cols="2"] ul li{width: 50%;}
.fn_cs_gallery_grid[data-cols="1"] ul li{width: 100%;}
@media(max-width: 1040px){
	.fn_cs_gallery_grid[data-cols="3"] ul li,
	.fn_cs_gallery_grid[data-cols="2"] ul li,
	.fn_cs_gallery_grid[data-cols="4"] ul li{width: 50%;}
}
@media(max-width: 768px){
	.fn_cs_gallery_grid[data-cols="3"] ul li,
	.fn_cs_gallery_grid[data-cols="2"] ul li,
	.fn_cs_gallery_grid[data-cols="4"] ul li{width: 100%;}
}





.fn_cs_swiper__dots.fnfn{
	margin: 0;
	padding: 0;
	padding-top: 80px;
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.fn_cs_swiper__dots.fnfn .fn_dots{
	margin: 0 5px;
	padding: 0;
	opacity: 1;
	display: block;
	width: 30px;
	height: 6px;
	border-radius: 3px;
	background-color: #3c3b3d;
	transition: all .3s ease;
}
.fn_cs_swiper__dots.fnfn .fn_dots.swiper-pagination-bullet-active{
	background-color: #ff7c00;
}

.fn_cs_swiper__progress{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 80px;
}
.fn_cs_swiper__progress .my_pagination_in{
	float: left;
	position: relative;
}
.fn_cs_swiper__progress span{
	display: block;
	float: left;
	font-size: 15px;
	font-family: 'Muli';
	letter-spacing: 0;
	color: #444;
	height: 20px;
	line-height: 20px;
}
.fn_cs_swiper__progress span.total{
	color: #888;
}
.fn_cs_swiper__progress .pagination_progress{
	width: 100px;
	margin: 0 15px;
	position: relative;
}
.fn_cs_swiper__progress .pagination_progress .all{
	height: 1px;
	width: 100%;
	position: absolute;
	z-index: 5;
	top: 0;
	top: 50%;
	left: 0;
	background-color: #3c3b3d;
}
.fn_cs_swiper__progress .pagination_progress .all span{
	height: 1px;
	width: 100%;
	background-color: #eee;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	transform-origin: left top;
	transform: scale(0);
	transition: all .3s ease;
	border-radius: 3px;
	display: block;
}






.fn_author_meta{
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 25px;
}
.fn_author_meta .author_img{
	display: block;
	margin-right: 20px;
	width: 40px;
	min-width: 40px;
	height: 40px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 50%;
	background-color: #000;
}
.fn_author_meta .date_meta a{
	display: block;
    float: left;
    height: 32px;
    border: 1px solid #b3b3b4;
    border-radius: 4px;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px;
    color: #ccc;
    text-decoration: none;
    background-color: transparent;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
ul.fn_postlist .fn_post_item_1 .date_meta a:hover,
.fn_author_meta .date_meta a:hover{
	background-color: #f3b469;
	color: #000;
	border-color: #f3b469;
}
.fn_author_meta.has_date_meta p{
	width: auto;
	margin-right: 20px;
}
.fn_author_meta p{
	margin: 0;
	padding: 0;
	width: 100%;
}
.fn_author_meta p a{
	font-weight: 500;
	text-decoration: none;
	color: #888;
	text-transform: capitalize;
	position: relative;
}
.fn_author_meta p a:before{
	content: '';
    width: 0;
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 100%;
    background-color: #888;
	
    -webkit-transition: left .3s ease, width .3s ease;
    -moz-transition: left .3s ease, width .3s ease;
    -ms-transition: left .3s ease, width .3s ease;
    -o-transition: left .3s ease, width .3s ease;
    transition: left .3s ease, width .3s ease;
}
.fn_author_meta p a:hover:before{
	width:100%;
	left:0;
	
	-webkit-transition: width .3s ease;
	-moz-transition: width .3s ease;
	-ms-transition: width .3s ease;
	-o-transition: width .3s ease;
	transition: width .3s ease;
}







/* New Shortcode */
/* Hard Mode */
/* Filter Shortcode */
.fn_cs_posts_filter{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_posts_filter .filter_section{
	padding: 15px 30px;
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
}
.fn_cs_posts_filter .filter_section_in{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.fn_cs_posts_filter .fn_filter_label{
	font-size: 12px;
	font-family: 'Heebo';
	color: #888;
	text-transform: uppercase;
	margin: 5px 30px 5px 0;
	line-height: 40px;
}
.fn_cs_posts_filter .input_wrapper{
	background-color: #eee;
	border-radius: 4px;
	border: 1px solid #eee;
	transition: all .3s ease;
}
.fn_cs_posts_filter .fn_filter_wrap{
	width: 240px;
    min-width: 240px;
    height: 40px;
    position: relative;
  	margin: 5px 0;
	margin-right: 10px;
}
.fn_cs_posts_filter .fn_filter_wrap.opened .input_wrapper{
	border-color: #cfd5e1;
	background-color: #fdfdfd;
}
.fn_cs_posts_filter .fn_filter_wrap.filtered .new_value{
	display: block;
}
.fn_cs_posts_filter .category_filter .input_wrapper{
	display: flex;
}
.fn_cs_posts_filter .input_wrapper .new_value{
	display: none;
    background: #f0ca6e;
    color: #632f08;
    padding: 0 10px;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    margin-top: 4px;
    margin-left: 4px;
    font-size: 13px;
	float: left;
	letter-spacing: .25px;
	font-family: 'Heebo';
	z-index: 3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: max-content;
	min-width: intrinsic;
	min-width: -moz-max-content;
	min-width: -webkit-max-content;
	max-width: 100%;
	text-transform: uppercase;
	font-weight: 500;
}
.fn_cs_posts_filter .filter_in{
	width: 100%;
	position: relative;
}
.fn_cs_posts_filter .filter_in input{
	height: 38px;
    border: none;
    border-radius: 4px;
    padding: 0px 15px;
    padding-right: 55px;
    line-height: 38px;
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: transparent !important;
    cursor: pointer;
	font-size: 15px;
	color: #444;
	font-family: 'Heebo';
}
.fn_cs_posts_filter .filter_in input::-webkit-input-placeholder {
  color: #888;
}
.fn_cs_posts_filter .filter_in input::-moz-placeholder {
  color: #888;
}
.fn_cs_posts_filter .filter_in input:-ms-input-placeholder {
  color: #888;
}
.fn_cs_posts_filter .filter_in input:-moz-placeholder {
  color: #888;
}
.elementor .fn_cs_posts_filter .vivaco_fn_author_meta p{
	margin-bottom: 5px;
}
.fn_filter_wrap span.icon{
	position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    z-index: 0;
    right: 6px;
	top: 50%;
	margin-top: -16px;
    color: #bbb;
	border-radius: 4px;
	transition: all .3s ease;
	box-shadow: 0 2px 5px transparent;
}
.fn_filter_wrap span.icon:hover{
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.fn_filter_wrap span.icon .vivaco_w_fn_svg{
	width: 12px;
	height: 12px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -6px 0px 0px -6px;
	color: inherit;
}
.fn_filter_wrap .loader.small .loader_process .ball{
	background-color: #30b893;
}
.fn_filter_wrap span.reset{
	opacity: 0;
    visibility: hidden;
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: #aaa;
    transition: all .3s ease;
    border-radius: 3px;
    top: 50%;
    margin-top: -6px;
    left: 50%;
    margin-left: -6px;
    cursor: pointer;
}
.fn_filter_wrap span.reset:before{
	content: '';
    position: absolute;
    z-index: 5;
    width: 9px;
    height: 1px;
    top: 6px;
    left: 2px;
    background-color: #fff;
    transform: rotate(135deg);
}
.fn_filter_wrap span.reset:after{
	content: '';
    position: absolute;
    z-index: 5;
    width: 9px;
    height: 1px;
    top: 6px;
    left: 2px;
    background-color: #fff;
    transform: rotate(45deg);
}
.fn_filter_wrap.await span.icon .vivaco_fn_w_svg{
	opacity: 0;
	visibility: hidden;
}
.fn_filter_wrap.await .loader.small{
	opacity: 1;
	visibility: visible;
}
.fn_filter_wrap.ready span.reset{
	opacity: 1;
	visibility: visible;
}
.fn_filter_wrap.ready span.icon .vivaco_fn_w_svg{
	opacity: 0;
	visibility: hidden;
}
.fn_filter_wrap.ready span.icon{
	z-index: 5;
	cursor: pointer;
}
.fn_filter_wrap span.icon:hover span.reset{
	background-color: #f6244b;
    box-shadow: 0px 0px 10px rgba(246,36,75,0.3);
}

.fn_cs_posts_filter .post_section{
	width: 100%;
	float: left;
	clear: both;
	padding-top: 40px;
}
.fn_cs_posts_filter .my_list{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_posts_filter .my_list ul{
	margin: 0;
	padding: 0;
	margin-left: -40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	list-style-type: none;
}
.fn_cs_posts_filter .my_list ul li{
	margin: 0;
	padding: 0;
	width: 25%;
	float: left;
	padding-left: 40px;
	margin-bottom: 40px;
}
.fn_cs_posts_filter .my_list .item{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.fn_cs_posts_filter .my_list .item:after{
	top: 30px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	border-radius: 5px;
	content: '';
	position: absolute;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
}
.fn_cs_posts_filter .my_list .image_holder{
	padding: 0 20px;
	width: 100%;
	float: left;
	clear: both;
	z-index: 3;
	margin-bottom: 36px;
}
.fn_cs_posts_filter .my_list .item > *{
	position: relative;
	z-index: 1;
}
.fn_cs_posts_filter .my_list .img_in{
	border: 1px solid #f0ca6e;
	width: 100%;
	float: left;
	border-radius: 4px;
	position: relative;
}
.fn_cs_posts_filter .my_list .img_in .img_wrap{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}
.fn_cs_posts_filter .my_list .image_holder img{
	min-width: 100%;
	opacity: 0;
}
.fn_cs_posts_filter .my_list .image_holder:hover .abs_img{
	transform: scale(1.2) rotate(5deg);
}
.fn_cs_posts_filter .my_list .image_holder .abs_img{
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	transition: all 1s ease;
}
.fn_cs_posts_filter .my_list .image_holder span{
	position: absolute;
	display: block;
	max-width: 100%;
	bottom: -18px;
	left: 4px;
	z-index: 5;
	padding: 5px;
	background-color: #fff;
	border-radius: 4px;
}
.fn_cs_posts_filter .my_list .image_holder span a{
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
    background-color: #f0ca6e;
    border-radius: 4px;
    font-family: 'Heebo';
    font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.25px;
    text-transform: uppercase;
    color: #582300;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}
.fn_cs_posts_filter .my_list .image_holder span a:hover{
	background-color: #c00a27;
	color: #fff;
}

.fn_cs_posts_filter .my_list .title_holder{
	width: 100%;
	padding: 0 30px;
	float: left;
	clear: both;
	margin-bottom: 23px;
}
.fn_cs_posts_filter .my_list .title_holder .fn__title{
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 600;
}
.fn_cs_posts_filter .my_list .title_holder .fn__title a{
	text-decoration: none;
}
.fn_cs_posts_filter .vivaco_fn_read_holder{
	padding: 0 30px 23px 30px;
}
.fn_cs_posts_filter .my_list .vivaco_fn_author_meta .author_img{
	width: 40px;
	height: 40px;
	left: 30px;
}
.fn_cs_posts_filter .my_list .vivaco_fn_author_meta{
	padding: 0 30px 0 85px;
	margin: 0;
	min-height: 40px;
	margin-bottom: 22px;
	margin-top: auto;
}
.fn_cs_posts_filter .my_list .vivaco_fn_extra_meta{
	padding: 15px 30px;
}
.fn_cs_posts_filter .vivaco_fn_author_meta p span,
.fn_cs_posts_filter .vivaco_fn_author_meta p a{
	font-size: 15px;
}
.fn_cs_posts_filter .vivaco_fn_author_meta .date_meta a{
	font-size: 13px;
}
.fn_cs_posts_filter .nothing_found{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	justify-content: center;
}
.fn_cs_posts_filter .nothing_found_in{
	padding-top: 80px;
	padding-bottom: 50px;
	width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
	text-align: center;
}
.fn_cs_posts_filter .nothing_found .icon_holder{
	width: 110px;
	height: 130px;
	display: block;
	position: relative;
	margin-bottom: 45px;
}
.fn_cs_posts_filter .nothing_found .vivaco_fn_svg{
	width: 110px;
	height: 130px;
	right: 0;
	bottom: 0;
	position: absolute;
}
.fn_cs_posts_filter .nothing_found .vivaco_fn_svg .st0{
	fill: #eee;
}
.fn_cs_posts_filter .nothing_found .vivaco_fn_svg .st1{
	stroke: #eee;
	stroke-width:7;
	stroke-miterlimit:10;
	fill: none;
}
.fn_cs_posts_filter .nothing_found h3{
	margin: 0;
	padding: 0;
	font-size: 48px;
	color: #888;
	font-family: 'Muli';
	margin-bottom: 25px;
}
.fn_cs_posts_filter .nothing_found p{
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: #888;
	font-family: 'Muli';
	font-weight: 300;
	line-height: 1;
}


.filter_popup_list{
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	background-color: #fff;
	border-radius: 4px;
    box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
	padding: 7px 5px;
	z-index: 5555555;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
	transform: translateY(30px);
	border: 1px solid #eee;
}
.fn_filter_wrap.status .filter_popup_list{
	overflow: auto;
}
.filter_popup_list:after{
	clear: both;
	display: table;
	content: '';
}
.filter_popup_list_in:after{
	clear: both;
	display: table;
	content: "";
}
.filter_popup_list_in .item{
	cursor: pointer;
    color: #606266;
    height: 26px;
    line-height: 26px;
    padding-left: 15px;
    margin-bottom: 2px;
	font-weight: 400;
	padding: 0 32px 0px 10px;
	font-size: 15px;
	border-radius: 2px;
	position: relative;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.difficulty_filter .filter_popup_list_in .item{
	padding-left: 34px;
}
.filter_popup_list_in .no_records{
	opacity: .5;
	font-weight: 400;
	padding: 0 10px;
	font-size: 15px;
	border-radius: 2px;
}
.filter_popup_list_in .item:last-child{
	margin-bottom: 0;
}
.filter_popup_list_in .fn_color{
	position: absolute;
	width: 14px;
	height: 14px;
	display: block;
	border-radius: 5px;
	left: 10px;
	top: 50%;
	margin-top: -7px;
}
.filter_popup_list_in .item.disabled{
	display: none;
}
.filter_popup_list_in .item:hover{
    background-color: #f6f3f6;
}
.filter_popup_list_in .item.disabled{
	display: none;
}
.filter_popup_list_in .item.sending .checked_icon{
	opacity: 1;
}
.filter_popup_list_in .checked_icon{
	width: 12px;
	height: 12px;
	display: block;
	right: 10px;
	top: 50%;
	margin-top: -6px;
	position: absolute;
	color: #aaa;
	opacity: 0;
	transition: all .3s ease;
}
.filter_popup_list_in .checked_icon .vivaco_fn_svg{
	width: 12px;
	height: 12px;
	position: absolute;
	top: 0;
	left: 0;
}
.fn_filter_wrap.opened .filter_popup_list{
	opacity: 1;
	visibility: visible;
	transform: translateY(1px);
}
.fn_animated{
	-webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    visibility: hidden;
}
.fn_animated.done{
	visibility: visible;
}
.fadeInTop {
     -webkit-animation-name: fadeInTop; 
     animation-name: fadeInTop; 
}
@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}


.fn_cs_posts_filter[data-cols="1"] .my_list ul li{width: 100%;}
.fn_cs_posts_filter[data-cols="2"] .my_list ul li{width: 50%;}
.fn_cs_posts_filter[data-cols="3"] .my_list ul li{width: 33.3333%;}
.fn_cs_posts_filter[data-cols="4"] .my_list ul li{width: 25%;}
.fn_cs_posts_filter[data-cols="5"] .my_list ul li{width: 20%;}
.fn_cs_posts_filter[data-cols="6"] .my_list ul li{width: 16.6666%;}
.fn_cs_posts_filter[data-cols="7"] .my_list ul li{width: 14.2857%;}
.fn_cs_posts_filter[data-cols="8"] .my_list ul li{width: 12.5%;}
@media(max-width: 1600px){
	.fn_cs_posts_filter[data-cols="6"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="7"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="8"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="5"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="4"] .my_list ul li{width: 33.3333%;}
}
@media(max-width: 1400px){
	.fn_cs_posts_filter[data-cols="6"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="7"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="8"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="5"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="4"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="3"] .my_list ul li{width: 50%;}
}
@media(max-width: 1040px){
	.fn_cs_posts_filter .filter_section{
		padding: 15px 20px;
	}
	.fn_cs_posts_filter .my_list ul{margin-left: -20px;}
	.fn_cs_posts_filter .my_list ul li{padding-left: 20px;margin-bottom: 20px;}
}
@media(max-width: 1300px){
	
	.fn_cs_posts_filter[data-cols="2"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="3"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="4"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="5"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="6"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="7"] .my_list ul li,
	.fn_cs_posts_filter[data-cols="8"] .my_list ul li{width: 100%;}
	
	.fn_cs_posts_filter .fn_filter_wrap{
		width: 100%;
		min-width: 100%;
		margin-right: 0;
	}
	.fn_cs_posts_filter .fn_filter_label{
		margin-right: 0;
	}
}
@media(max-width: 768px){
	.fn_cs_featured_posts_slider .top_left{
		flex-direction: column;
		align-items: flex-start;
		
	}
	.fn_cs_featured_posts_slider .top_left h3{
		
	}
	.fn_cs_featured_posts_slider .top_left h3 + p:after{display: none;}
	.fn_cs_featured_posts_slider .top_left h3 + p{padding-left: 0;}
}



/* Pagination */
.fn_cs_posts_filter .my_pagination{
	width: 100%;
	float: left;
	clear: both;
	margin-top: 5px;
}
.fn_cs_posts_filter .my_pagination ul{
	margin: 0px;
    list-style-type: none;
    margin-left: 0px;
}
.fn_cs_posts_filter .my_pagination ul li{
	margin: 0;
    padding: 0;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}
.fn_cs_posts_filter .my_pagination li > span,
.fn_cs_posts_filter .my_pagination li a{
	width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 3px;
    background-color: #eee;
    color: #0e0e10;
    position: relative;
	display: block;
	text-align: center;
}
.fn_cs_posts_filter .my_pagination ul li:nth-last-child(2){margin-right: 30px;}
.fn_cs_posts_filter .my_pagination ul li p{
	line-height: 32px;
	font-family: 'Muli';
	color: #888;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 400;
}
.fn_cs_posts_filter .my_pagination li a:hover,
.fn_cs_posts_filter .my_pagination li.current > a,
.fn_cs_posts_filter .my_pagination li.current > span{
	color: #fff;
	background-color: #222;
}







.fn_cs_pin_image{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
}
.fn_cs_pin_image:hover img{
	transform: scale(1.2) rotate(5deg);
}
.fn_cs_pin_image img{
	min-width: 100%;
	transition: all 1s ease;
}
.fn_cs_pin_image a:hover{
	background-color: #e60023;
	color: #fff;
}
.fn_cs_pin_image a{
	height: 40px;
	float: left;
	line-height: 40px;
	padding: 0 18px 0 46px;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .5px;
	color: #444;
	text-decoration: none;
	position: absolute;
	z-index: 55;
	left: 20px;
	top: 20px;
	border-radius: 3px;
	background-color: #fff;
}
.fn_cs_pin_image .vivaco_w_fn_svg{
	width: 20px;
	left: 20px;
	position: absolute;
	height: 20px;
	top: 50%;
	margin-top: -10px;
}











.fn_cs_instructions .fn_image,
.fn_cs_instructions .fn_desc,
.fn_cs_instructions .fn_number,
.fn_cs_instructions .item,
.fn_cs_instructions{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_instructions .item > *:last-child{margin-bottom: 0;}
.fn_cs_instructions .title_holder h3{
	font-size: 28px;
	margin-bottom: 41px;
}
.fn_cs_instructions .fn_image{
	overflow: hidden;
}
.fn_cs_instructions .item img{
	min-width: 100%;
	transition: all 1s ease;
}

.fn_cs_instructions .fn_image:hover img{
	transform: scale(1.2) rotate(5deg);
}
.fn_cs_instructions ul{
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	clear: both;
	list-style-type: none;
}
.fn_cs_instructions ul li{
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 50px;
}
.fn_cs_instructions .fn_number{
	margin-bottom: 22px;
}
.fn_cs_instructions .fn_number span{
	float: left;
	background-color: #f0ca6e;
	padding: 0 23px;
	border-radius: 4px;
	color: #582300;
	display: block;
	line-height: 40px;
	font-weight: 800;
	font-size: 21px;
	letter-spacing: 0.25px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}
.fn_cs_instructions .fn_desc p{
	margin: 0;
}
.fn_cs_instructions .fn_desc{
	font-size: 18px;
	color: #444;
	margin-bottom: 23px;
}
.fn_cs_instructions .fn_desc strong{
	color: #1e1e1e;
}









/* Video */
.fn_cs_video{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding: 220px 0;
}
.fn_cs_video[data-line="yes"] .video_line{display: block;}
.fn_cs_video .video_in{
	width: 100%;
	text-align: center;
}
.fn_cs_video .fn__title{
	padding: 0;
	font-family: "Heebo", Sans-serif;
    font-size: 100px;
    font-weight: 600;
    line-height: 85px;
    letter-spacing: 0px;
	margin: 0 auto;
	max-width: 800px;
    margin-bottom: 20px;
}
.fn_cs_video .video_wrapper{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	max-width: 100%;
	justify-content: center;
	flex-direction: column;
}
.fn_cs_video .fn_rounded{
	width: 120px;
    height: 120px;
    border: 6px solid rgba(255,255,255,.075);
    border-radius: 100%;
    position: relative;
    display: block;
	box-shadow: 0px 3px 8px transparent, inset 0px 1px 3px transparent;
	transition: border .1s ease, box-shadow .5s ease;
}
.fn_cs_video .fn_rounded:before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #ff0066;
	top: 50%;
	left: 50%;
	margin-left: 2px;
	transform: translate(-50%,-50%);
}
.fn_cs_video .fn_rounded:hover{
	border-width: 0;
	box-shadow: 0px 3px 8px #f06, inset 0px 3px 3px #000;
}
.fn_cs_video .video_inn{
	display: flex;
	justify-content: center;
	position: relative;
}
.fn_cs_video .video_inn a{
	position: absolute;
	text-decoration: none;
	margin: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.fn_cs_video .video_line{
	width: 100%;
	height: 40px;
	position: relative;
	display: none;
	margin-top: 40px;
}
.fn_cs_video .video_line:after{
	top: 0;
	width: 6px;
	height: 40px;
	left: 50%;
	margin-left: -3px;
	display: block;
	content: '';
	position: absolute;
	border-radius: 10px;
    background-color: rgba(255,255,255,.075);
}
.fn_cs_video .fn_corner__a{
	border-bottom-width: 388px;
}
.fn_cs_video .fn_corner__b{
	border-bottom-width: 488px;
}
.fn__corner{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.fn_corner__a{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 488px 660px;
	border-color: transparent;
    display: block;
    border-bottom-color: rgba(255,255,255,.01);
    position: absolute;
    bottom: 0;
	right: 0;
	z-index: -1;
}
.fn_corner__b{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 588px 360px;
	border-color: transparent;
    display: block;
    border-bottom-color: rgba(255,255,255,.01);
    position: absolute;
    bottom: 0;
	right: 0;
	z-index: -1;
}





/* Image shortcode */
/* Common CSS */
.fn_cs_image .title_holder{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 70px;
	display: flex;
	padding: 10px;
	max-width: 100%;
	text-align: center;
	align-items: center;
	justify-content: center;
	background-color: rgba(11,10,12,.8);
	z-index: 5;
}
.fn_cs_image .title_holder p{
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 14px;
	font-family: 'Open Sans';
}
/* Image shortcode: Simple */
.fn_cs_image_simple{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_image_simple .image_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
}
.fn_cs_image_simple .image_holder img{
	min-width: 100%;
	opacity: 0;
}
.fn_cs_image_simple .abs_img{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.fn_cs_image_alpha .image_holder img{
	min-width: 100%;
	opacity: 0;
}
.fn_cs_image_alpha .abs_img{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_image_alpha{
	width: 100%;
	float: left;
	clear: both;
	padding: 0 20px 20px 0;
	position: relative;
}
.fn_cs_image_alpha .image_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	border: 1px solid rgba(255,255,255,.04);
}
.fn_cs_image_alpha .image_holder img{
	min-width: 100%;
	opacity: 0;
}
.fn_cs_image_alpha .abs_img{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_image_alpha:after{
	right: 0;
	top: 20px;
	left: 20px;
	bottom: 0;
	content: '';
	position: absolute;
	display: block;
	background-color: #0f0d10;
}

.fn_cs_image_beta{
	width: 100%;
	float: left;
	clear: both;
	padding: 40px;
	position: relative;
}
.fn_cs_image_beta .abs_img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_image_beta .image_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.fn_cs_image_beta .image_holder img{
	opacity: 0;
	min-width: 100%;
}
.fn_cs_image_beta .fn_frame .fn_a:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 120px;
	background-color: #f0ff00;
}
.fn_cs_image_beta .fn_frame .fn_a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 20px;
	height: 100px;
	width: 20px;
	background-color: #f0ff00;
}
.fn_cs_image_beta .fn_frame .fn_b:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	width: 120px;
	background-color: #f0ff00;
}
.fn_cs_image_beta .fn_frame .fn_b:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 20px;
	height: 100px;
	width: 20px;
	background-color: #f0ff00;
}
.fn_cs_image_beta .fn_frame .fn_c:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 20px;
	width: 120px;
	background-color: #f0ff00;
}
.fn_cs_image_beta .fn_frame .fn_c:before{
	content: '';
	position: absolute;
	right: 0;
	top: 20px;
	height: 100px;
	width: 20px;
	background-color: #f0ff00;
}
.fn_cs_image_beta .fn_frame .fn_d:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	height: 20px;
	width: 120px;
	background-color: #f0ff00;
}
.fn_cs_image_beta .fn_frame .fn_d:before{
	content: '';
	position: absolute;
	right: 0;
	bottom: 20px;
	height: 100px;
	width: 20px;
	background-color: #f0ff00;
}

.fn_cs_image_gamma{
	width: 100%;
	float: left;
	clear: both;
	padding: 0 40px;
	position: relative;
}
.fn_cs_image_gamma .abs_img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_image_gamma .image_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	z-index: 5;
}
.fn_cs_image_gamma .image_holder img{
	opacity: 0;
	min-width: 100%;
}
.fn_cs_image_gamma .fn_frame .fn_a{
	position: absolute;
	display: block;
	top: 20px;
	left: 20px;
	bottom: 20px;
	right: 20px;
	background-color: #28262a;
	border-radius: 3px;
	z-index: 1;
}
.fn_cs_image_gamma .fn_frame .fn_b{
	position: absolute;
	display: block;
	top: 40px;
	left: 0px;
	bottom: 40px;
	right: 0px;
	background-color: #161518;
	border-radius: 3px;
	z-index: 0;
}



.fn_cs_image_delta{
	width: 100%;
	float: left;
	clear: both;
	padding: 40px;
	position: relative;
}
.fn_cs_image_delta .abs_img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_image_delta .image_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	z-index: 5;
	border: 1px solid #30295a;
	box-shadow: 0px 3px 20px rgba(0,0,0,0.2);
}
.fn_cs_image_delta .image_holder img{
	opacity: 0;
	min-width: 100%;
}
.fn_cs_image_delta .fn_a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	background-color: rgba(255,255,255,.03);
	box-shadow: 0px 5px 40px rgba(0,0,0,0.1);
}



.fn_cs_image_epsilon{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.fn_cs_image_epsilon .abs_img{
	position: absolute;
	left: -70px;
	right: -70px;
	top: -70px;
	bottom: -70px;
	border-radius: 50px;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_image_epsilon .image_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	z-index: 5;
	color: #eee;
	border: 15px solid rgba(238,238,238,.2);
	border-radius: 50px;
	transform: rotate(19deg);
	overflow: hidden;
	box-shadow: 0 0 60px rgba(0,0,0,0.3);
}
.fn_cs_image_epsilon .image_holder img{
	opacity: 0;
	min-width: 100%;
}
.fn_cs_image_epsilon .img_in{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	transform: rotate(-19deg);
}
.fn_cs_image_epsilon .fn_a{
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: -1;
	transform: rotate(7deg);
	border-radius: 50px;
	background-color: #d3662a;
}
.fn_cs_image_epsilon .fn_b{
	display: block;
	position: absolute;
	left: -50px;
	right: -50px;
	bottom: -50px;
	top: -50px;
	z-index: -2;
	border: 1px solid rgba(223,108,45,.1);
	border-radius: 50%;
}
.fn_cs_image_zeta{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.fn_cs_image_zeta .image_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	z-index: 3;
}
.fn_cs_image_zeta .image_holder img{
	min-width: 100%;
	opacity: 0;
}
.fn_cs_image_zeta .abs_img{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_image_zeta .fn_a{
	position: absolute;
	z-index: 1;
	box-shadow: 0px 10px 60px rgba(143,67,221,.3);
	display: block;
	right: -17px;
	top: -17px;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	background-color: #9947ca;
}
.fn_cs_image_zeta .fn_b{
	position: absolute;
	z-index: 2;
	box-shadow: 0px 10px 60px rgba(255,108,0,.3);
	display: block;
	left: -17px;
	right: 0;
	top: 0;
	bottom: -17px;
	background-color: #ff6c00;
	border-radius: 50%;
}



.fn_cs_image_eta{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.fn_cs_image_eta .abs_img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
	bottom: 0px;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_image_eta .image_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	z-index: 5;
	color: #eee;
	overflow: hidden;
	padding: 0 20px;
}
.fn_cs_image_eta .image_holder img{
	opacity: 0;
	min-width: 100%;
}
.fn_cs_image_eta .img_in{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.fn_cs_image_eta .fn_a{
	display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%;
    border: 30px solid #4d1042;
    border-top-left-radius: 5000px;
    border-right: 0;
    border-bottom-left-radius: 5000px;
	z-index: 33;
}
.fn_cs_image_eta .fn_c{
	display: block;
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    right: 0;
    border: 30px solid #4d1042;
    border-top-right-radius: 5000px;
    border-left: 0;
    border-bottom-right-radius: 5000px;
}
.fn_cs_image_eta .fn_b{
	display: block;
	position: absolute;
	left: -50px;
	right: -50px;
	bottom: -50px;
	top: -50px;
	z-index: -2;
	border: 2px solid rgba(255,255,255,.03);
	border-radius: 50%;
}


.fn_cs_accordion{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_accordion .acc_head{
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	min-height: 70px;
	display: flex;
	padding: 10px 70px;
	position: relative;
	align-items: center;
	background-color: #0f0d10;
	margin-bottom: 5px;
	cursor: pointer;
	border-radius: 3px;
}
.fn_cs_accordion .acc_head p{
	color: #999;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Heebo';
}
.fn_cs_accordion .acc_head:after{
	content: none;
	position: absolute;
	right: 0;
	width: 40px;
	height: 2px;
	background-color: #171517;
	top: 50%;
	margin-top: -1px;
}
.fn_cs_accordion .accordion_in{
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 5px;
}
.fn_cs_accordion .accordion_in:last-child{
	margin-bottom: 0;
}
.fn_cs_accordion .acc_content{
	display: none;
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	position: relative;
	margin: 5px 0;
	border: none !important;
	background: none !important;
}
.fn_cs_accordion .acc_content_in{
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	padding: 13px 20px;
	position: relative;
	background-color: #0f0d10;
}
.fn_cs_accordion .plus{
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	background-color: #171517;
	left: 20px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
}
.fn_cs_accordion .plus:after{
	content: '';
	position: absolute;
	width: 2px;
	height: 12px;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -1px;
	background-color: #ff0066;
	display: block;
	transition: all 300ms ease;
}
.fn_cs_accordion .plus:before{
	content: '';
	position: absolute;
	width: 12px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -6px;
	background-color: #ff0066;
	display: block;
	transition: all 300ms ease;
}
.fn_cs_accordion .accordion_in.acc_active .plus:before{transform: rotate(180deg);}
.fn_cs_accordion .accordion_in.acc_active .plus:after{transform: rotate(-90deg);}

.fn_cs_accordion[data-plus-pos="right"] .plus{
	left: auto;
	right: 20px;
}
.fn_cs_accordion[data-plus-pos="right"] .acc_head:after{
	right: auto;
	left: 0;
}
.fn_cs_accordion[data-line="yes"] .acc_head:after{
	content: '';
}
.fn_cs_accordion[data-line=""][data-plus-pos="right"] .acc_head{
	padding-left: 20px;
}
.fn_cs_accordion[data-line=""][data-plus-pos="left"] .acc_head{
	padding-right: 20px;
}



.fn_cs_counter_with_caption,
.fn_cs_counter_with_caption .item{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_counter_with_caption .item{
	position: relative;
}
.fn_cs_counter_with_caption .item:after{
	content: '';
	position: absolute;
	left: 100%;
	width: 40px;
	height: 2px;
	background-color: rgba(255,255,255,.07);
	display: block;
	margin-left: -20px;
	top: 50%;
	margin-top: -1px;
}
.fn_cs_counter_with_caption[data-column="four"] ul li:nth-of-type(4n) .item:after,
.fn_cs_counter_with_caption[data-column="two"] ul li:nth-of-type(2n) .item:after,
.fn_cs_counter_with_caption[data-column="three"] ul li:nth-of-type(3n) .item:after,
.fn_cs_counter_with_caption ul li:last-child .item:after{content: none;}
.fn_cs_counter_with_caption ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: -20px;
}
.fn_cs_counter_with_caption ul li{
	width: 33.3333%;
	float: left;
	padding-left: 20px;
	margin-bottom: 30px;
}
.fn_cs_counter_with_caption[data-align="left"] ul li{text-align: left;}
.fn_cs_counter_with_caption[data-align="left"] .item:after{display: none;}
.fn_cs_counter_with_caption[data-align="center"] ul li{text-align: center;}
.fn_cs_counter_with_caption[data-align="right"] ul li{text-align: right;}
.fn_cs_counter_with_caption[data-align="right"] .item:after{display: none;}

.fn_cs_counter_with_caption[data-column="two"] ul li{width: 50%;}
.fn_cs_counter_with_caption[data-column="three"] ul li{width: 33.3333%;}
.fn_cs_counter_with_caption[data-column="four"] ul li{width: 25%;}

@media(max-width: 1040px){
	.fn_cs_counter_with_caption[data-column="four"] ul li:nth-of-type(2n) .item:after,
	.fn_cs_counter_with_caption[data-column="three"] ul li:nth-of-type(2n) .item:after{
		content: none;
	}
	.fn_cs_counter_with_caption[data-column="four"] ul li,
	.fn_cs_counter_with_caption[data-column="three"] ul li{width: 50%;}
}
@media(max-width: 768px){
	.fn_cs_counter_with_caption .item:after{display: none;}
	.fn_cs_counter_with_caption[data-column="four"] ul li:nth-of-type(2n) .item:after{
		content: none;
	}
	.fn_cs_counter_with_caption[data-column="two"] ul li,
	.fn_cs_counter_with_caption[data-column="four"] ul li,
	.fn_cs_counter_with_caption[data-column="three"] ul li{width: 100%;padding-left: 0px;}
	
	.fn_cs_counter_with_caption[data-column="two"] ul,
	.fn_cs_counter_with_caption[data-column="four"] ul,
	.fn_cs_counter_with_caption[data-column="three"] ul{margin: 0px;}
}

.fn_cs_counter_with_caption ul li h3{
	margin: 0;
	padding: 0;
	font-weight: 900;
	font-size: 48px;
	color: #ff0066;
	letter-spacing: 0;
}
.fn_cs_counter_with_caption ul li p{
	color: #666;
	margin: 0;
	padding: 0;
	font-size: 16px;
	letter-spacing: 0;
}

.fn_cs_counter_with_caption[data-position="top"] ul li h3{
	display: inline-block;
	position: relative;
}

.fn_cs_counter_with_caption[data-position="top"] .suffix{
	position: absolute;
	top: -35px;
	left: 100%;
	margin-left: 6px;
}







.fn_cs_features_icon_list{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_features_icon_list .icon_list{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_features_icon_list .icon_list ul{
	margin: 0;
	list-style-type: none;
	padding: 0;
	margin-left: -30px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.fn_cs_features_icon_list .icon_list li{
	width: 33.3333%;
	float: left;
	padding-left: 30px;
	margin-bottom: 30px;
}
.fn_cs_features_icon_list .icon_list .info_item{
	width: 100%;
	float: left;
	clear: both;
	border-radius: 2px;
	min-height: 200px;
	height: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
	transition: all .3s ease-out;
}
.fn_cs_features_icon_list .icon_list .item_in{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding: 70px 40px 63px;
	height: 100%;
	border: 1px solid #201e21;
}
.fn_cs_features_icon_list .icon_list .item_in > *{
	z-index: 5;
	position: relative;
}
.fn_cs_features_icon_list .icon_list .info_item:after{
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 0px solid #ff0066;
	background-color: transparent;
	position: absolute;
	content: '';
	transition: all .3s ease-out;
	opacity: 0;
	z-index: 1
}
.fn_cs_features_icon_list.color .icon_list .info_item:after{
	border-width: 0 !important;
}
.fn_cs_features_icon_list .icon_list .info_item:hover{
	border-color: transparent !important;
}
.fn_cs_features_icon_list .icon_list .info_item:hover:after{
	opacity: 1;
	border-width: 10px;
}
.fn_cs_features_icon_list .icon_list .icon{
	width: 60px;
	height: 60px;
	display: block;
	left: 50%;
	margin-left: -30px;
	position: relative;
	margin-bottom: 35px;
}
.fn_cs_features_icon_list .icon_list .vivaco_w_fn_svg{
	width: 60px;
	height: 60px;
	color: #ff0066;
	transition: all .3s ease;
}
.fn_cs_features_icon_list .icon_list i{
	font-size: 60px;
	color: #ff0066;
}
.fn_cs_features_icon_list .icon_list h3{
	margin: 0;
	padding: 0;
	font-size: 26px;
	letter-spacing: 0;
	color: #ccc;
	font-family: 'Heebo';
	margin-bottom: 15px;
}
.fn_cs_features_icon_list .icon_list p{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans';
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #666;
	letter-spacing: 0;
}
.fn_cs_features_icon_list .icon_list a{
	display: inline-block;
	font-family: 'Heebo';
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	color: #ff0066;
	text-transform: uppercase;
	margin-top: 26px;
    width: fit-content;
    width: max-content;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
	max-width: 100%;
}
.fn_cs_features_icon_list[data-view="stacked"] span.icon{
	width: 100px;
	height: 100px;
	background-color: #ff0066;
	border-radius: 100%;
	margin-bottom: 25px;
	margin-left: -50px;
}
.fn_cs_features_icon_list[data-view="stacked"] span.icon .vivaco_w_fn_svg,
.fn_cs_features_icon_list[data-view="stacked"] span.icon i{
	color: #ff0066;
}
.fn_cs_features_icon_list[data-view="stacked"] span.icon .vivaco_w_fn_svg,
.fn_cs_features_icon_list[data-view="framed"] span.icon .vivaco_w_fn_svg{
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	position: absolute;
}
.fn_cs_features_icon_list[data-view="framed"] span.icon i,
.fn_cs_features_icon_list[data-view="stacked"] span.icon i{
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 60px;
	transform: translate(-50%,-50%);
}
.fn_cs_features_icon_list[data-view="framed"] span.icon{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	margin-bottom: 24px;
	margin-left: -50px;
	border: 3px solid #ff0066;
}
.fn_cs_features_icon_list[data-view="stacked"] .icon_list .info_item,
.fn_cs_features_icon_list[data-view="framed"] .icon_list .info_item{
	min-height: 225px;
}
.fn_cs_features_icon_list[data-align="left"] .icon_list span.icon{
	left: 0 !important;
	margin-left: 0 !important;
}
.fn_cs_features_icon_list[data-align="left"] .icon_list .info_item{
	text-align: left;
}
.fn_cs_features_icon_list[data-align="right"] .icon_list span.icon{
	left: auto !important;
	margin-left: auto !important;
	right: 0 !important;
}
.fn_cs_features_icon_list[data-align="right"] .icon_list .info_item{
	text-align: right;
}
.fn_cs_features_icon_list[data-cols="2"] .icon_list li{width:50%;}
.fn_cs_features_icon_list[data-cols="4"] .icon_list li{width:25%;}

.fn_cs_features_icon_list_beta .icon_list .item_in{
	padding: 0;
	display: flex;
	max-width: 100%;
	flex-direction: row;
}
.fn_cs_features_icon_list_beta .icon_list .icon{
    min-width: fit-content;
    min-width: max-content;
    min-width: intrinsic;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
	margin: 0 30px 0 0;
}
@media(max-width: 480px){
	.fn_cs_features_icon_list_beta .icon_list .icon{
		margin: 0 0 16px 0;
	}
	.fn_cs_features_icon_list_beta .icon_list .item_in{
		flex-direction: column;
	}
}
.fn_cs_features_icon_list_beta .title_holder{
	flex: 1;
	margin-top: 10px;
}
.fn_cs_features_icon_list_beta[data-view="framed"] span.icon,
.fn_cs_features_icon_list_beta[data-view="stacked"] span.icon{
	width: 60px;
	height: 60px;
	margin: 0 30px 0 0;
}
.fn_cs_features_icon_list_beta[data-view="framed"] span.icon i,
.fn_cs_features_icon_list_beta[data-view="stacked"] span.icon i{
	font-size: 24px;
}
.fn_cs_features_icon_list_beta[data-view="stacked"] span.icon .vivaco_w_fn_svg, 
.fn_cs_features_icon_list_beta[data-view="framed"] span.icon .vivaco_w_fn_svg{
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
}
.fn_cs_features_icon_list_beta .icon_list .info_item,
.fn_cs_features_icon_list_beta[data-view="stacked"] .icon_list .info_item,
.fn_cs_features_icon_list_beta[data-view="framed"] .icon_list .info_item{
	min-height: inherit;
}
@media(max-width: 1040px){
	.fn_cs_features_icon_list[data-cols="3"] .icon_list li{width:50%;}
	.fn_cs_features_icon_list[data-cols="4"] .icon_list li{width:50%;}
}
@media(max-width: 768px){
	.fn_cs_features_icon_list[data-cols="2"] .icon_list li{width:100%;}
	.fn_cs_features_icon_list[data-cols="3"] .icon_list li{width:100%;}
	.fn_cs_features_icon_list[data-cols="4"] .icon_list li{width:100%;}
}
















.fn_cs_project_category{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_project_category .filter_wrapper{
	margin-bottom: 55px;
	width: 100%;
    display: flex;
	clear: both;
    justify-content: center;
}

.fn_cs_project_category[data-filter-align="left"] .filter_wrapper{justify-content: flex-start;}
.fn_cs_project_category[data-filter-align="right"] .filter_wrapper{justify-content: flex-end;}
.fn_cs_project_category[data-filter-bg="disable"] ul.posts_filter{border:none;background-color: transparent !important;padding: 0;}
.fn_cs_project_category[data-filter-bg="disable"] ul.posts_filter li:first-child a{padding-left: 0;}

.fn_cs_project_category ul.posts_filter{
	margin: 0;
    padding: 12px 46px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
	justify-content: center;
    border-radius: 45px;
    border: 1px solid rgba(255,255,255,.07);
    background-color: rgba(255,255,255,.02);
}
.fn_cs_project_category ul.posts_filter:after{
	clear: both;
	display: table;
	content: '';
}
.fn_cs_project_category ul.posts_filter li{
	margin: 5px 0;
	padding: 0 1px;
	display: block;
	float: left;
	transform: translateZ(0);
}
.fn_cs_project_category ul.posts_filter li a{
	display: block;
	color: #666;
	text-transform: uppercase;
	transform: translateZ(0);
	font-family: 'Heebo';
	font-size: 13px;
	line-height: 21px;
	padding: 0 17px;
	position: relative;
}
.fn_cs_project_category ul.posts_filter li:last-child a:after{content: none;}
.fn_cs_project_category ul.posts_filter li a:after{
	content: '';
	width: 1px;
	height: 12px;
	background-color: rgba(255,255,255,.07);
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -6px;
}
.fn_cs_project_category ul.posts_filter li a:hover,
.fn_cs_project_category ul.posts_filter li a.current{
	color: #ff4b36;
}
.fn_cs_project_category ul.posts_filter li a.current{
	font-weight: 500;
}
.fn_cs_project_category ul.posts_list{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: -50px;
}
.fn_cs_project_category ul.posts_list:after{
	clear: both;
	display: table;
	content: '';
}
.fn_cs_project_category ul.posts_list li{
	width: 33.3333%;
    float: left;
    position: relative;
    margin: 0px 0px 49px 0px;
    padding-left: 50px;
}
.fn_cs_project_category ul.posts_list li .item{
	position: relative;
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_project_category ul.posts_list li .item img{
	position: relative;
	min-width: 100%;
}
.fn_cs_project_category ul.posts_list li .overlay:after{
	content: '';
	background-color: #0f0d10;
	position: absolute;
	width: 2px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -1px;
	display: block;
}
.fn_cs_project_category ul.posts_list li .overlay:before{
	content: '';
	background-color: #0f0d10;
	position: absolute;
	width: 20px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -10px;
	display: block;
}
.fn_cs_project_category ul.posts_list li .overlay{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	background-color: rgba(255,0,102,.9);
	transition: all .3s ease;
}
.fn_cs_project_category .img_holder:hover .overlay{
	opacity: 1;
}
.fn_cs_project_category ul.posts_list li .overlay a{
	display: block;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.fn_cs_project_category .img_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.fn_cs_project_category .abs_img{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.fn_cs_project_category[data-list-style="grid"] .img_holder{
	overflow: hidden;
	border-radius: 2px;
}
.fn_cs_project_category[data-list-style="grid"] .img_holder img{
	opacity: 0;
}
.fn_cs_project_category .inner{
	position: relative;
	width: 100%;
}
.fn_cs_project_category .inner:after{
	clear: both;
	display: table;
	content: '';
}
.fn_cs_project_category ul.posts_list li .title_holder{
	padding: 25px 0 0 0;
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_project_category ul.posts_list li .title_holder h3{
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-family: 'Heebo';
	font-weight: 400;
}
.fn_cs_project_category ul.posts_list li .title_holder h3 a{
	color: #ccc;
}
.fn_cs_project_category ul.posts_list li .title_holder p{
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #666;
	font-family: 'Heebo';
	letter-spacing: .1px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.fn_cs_project_category ul.posts_list li .title_holder p a{
	color: #666;
}
.fn_cs_project_category ul.posts_list li .title_holder p a:hover{
	text-decoration: underline;
}
@media(max-width: 1040px){
	.fn_cs_project_category ul.posts_list li{width: 50%;}
	.fn_cs_project_category ul.posts_list li .title_holder{
		opacity: 1;
		visibility: visible;
	}
	.fn_cs_project_moving_title{
		display: none;
	}
}
@media(max-width: 768px){
	.fn_cs_project_category ul.posts_list li{width: 100%;}
}







.fn_cs_partners{
	width: 100%;
    height: auto;
    clear: both;
    float: left;
}
.fn_cs_partners .owl-carousel img{
	width: auto;
	display: inline-block;
}
.fn_cs_partners .owl-carousel .item{
	text-align: center;
}
.fn_cs_partners .owl-carousel .owl-stage{
    display: flex;
    align-items: center;
}
.fn-shape-divider-backup{
	padding: 10px 0px;
	text-align: center;
	background: rgba(0,0,0,0.1);
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 14px;
	font-weight: 900;
	display: none;
}
.elementor-edit-mode .fn-shape-divider-backup{
	display: block;
}
.elementor-edit-mode .fn-clone-widget .fn-shape-divider-backup{
	display: none;
}
.elementor-widget.fn_absolute{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.elementor-widget.fn_absolute.fn_top{
	top: 0;
	bottom: auto;
}
.elementor-section .elementor-container{
	z-index: 2;
}


/* Progress Bar */
.fn_cs_progress_bar,
.fn_cs_progress_wrap{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_progress{
	width:100%;
	float: left;
	clear: both;
	margin-bottom:15px;
}
.fn_cs_progress > span{
	margin: 0px 0px 8px 0px;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	text-align: left;
	float: left;
	clear: both;
}
.fn_cs_progress span.label{
	font-size:14px;
	font-weight:400;
	color:#ccc;
	letter-spacing:1px;
	position: relative;
	padding-right: 32px;
	float: left;
}
.fn_cs_progress span.label:after{
	content: '';
	width: 12px;
	height: 1px;
	background-color: #666;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -1px;
}
.fn_cs_progress span.number{
	float: left;
	font-size: 16px;
	color: #666;
}
.fn_cs_progress .fn_cs_bar_bg{
	background: #eee;
	width: 100%;
	min-width: 100%;
	position: relative;
	height: 20px;
	float: left;
	clear: both;
}
.fn_cs_progress .fn_cs_bar_bg .fn_cs_bar_wrap{
	width:0px;
	height:100%;
}
.fn_cs_progress .fn_cs_bar_bg .fn_cs_bar_wrap.open{
	-webkit-animation: fn_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Safari 4+ */
	-moz-animation:    fn_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Fx 5+ */
	animation:         fn_expand 3s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* IE 10+ */
	width:100%;
}
.fn_cs_progress .fn_cs_bar_bg .fn_cs_bar{
	height:100%;
	background:#333;
	width:0px;
	overflow:hidden;
}
.fn_cs_progress_wrap[data-strip="on"] .fn_cs_progress .fn_cs_bar{
	background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	
	-webkit-animation: fn_bar_move 4s linear infinite;
	-moz-animation: fn_bar_move 4s linear infinite;
	animation: fn_bar_move 4s linear infinite;
	background-size: 50px 50px;
}

@-webkit-keyframes fn_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}}
@-moz-keyframes fn_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}}
@keyframes fn_bar_move {0%{background-position: 0 0;} 100% {background-position: 50px 50px;}}

/*expand width animation*/
@-webkit-keyframes fn_expand {0%{ width:0%; } 100%{ width:100%; }}
@-moz-keyframes fn_expand {0%{ width:0%; } 100%{ width:100%; }}
@keyframes fn_expand {0%{ width:0%; } 100%{ width:100%; }}








.fn_cs_process_wrap{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.fn_cs_process_wrap .process_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.fn_cs_process_wrap ul{
	margin: 0px 0px 0px -40px;
	list-style-type: none;
}
.fn_cs_process_wrap ul li{
	margin: 0px 0px 50px 0px;
	float: left;
	width: 25%;
	text-align: center;
	padding-left: 40px;
}
.fn_cs_process_wrap ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.fn_cs_process_wrap ul li .list_inner:after{
	content: "";
	position: absolute;
	left: 100%;
	width: 40px;
	height: 1px;
	background-color: #1c1a1d;
	top: 62px;
}
.fn_cs_process_wrap ul li:last-child .list_inner:after{
	content: none;
}

@media(min-width:1041px){
	.fn_cs_process_wrap ul li:nth-of-type(4n) .list_inner:after{
		content: none;
	}
}

@media(min-width:769px) and (max-width:1040px){
	.fn_cs_process_wrap ul li{
		width: 33.3333%;
	}
	.fn_cs_process_wrap ul li:nth-of-type(3n) .list_inner:after{
		content: none;
	}
}

@media(max-width:768px){
	.fn_cs_process_wrap ul li{
		width: 100%;
	}
	.fn_cs_process_wrap ul li .list_inner:after{
		content: none;
	}
}
.fn_cs_process_wrap ul li .shapes{
	position: relative;
	display: inline-block;
}
.fn_cs_process_wrap ul li .shapes .vivaco_w_fn_svg{
	width: 125px;
	height: 125px;
}
.fn_cs_process_wrap ul li .first{
	position: absolute;
	top: 5px;
	left: -5px;
	color: rgba(255,0,102,.2);
	z-index: -1;
}
.fn_cs_process_wrap ul li .second{
	color: #ff0066;
}
.fn_cs_process_wrap ul li .third{
	position: absolute;
	top: 0px;
	left: 0px;
}
.fn_cs_process_wrap ul li .third path{
	stroke: #fdd202;
}
.fn_cs_process_wrap ul li .number{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	font-weight: 900;
	color: #111;
	font-family: 'Poppins';
	font-size: 30px;
}
.fn_cs_process_wrap ul li .text{
	font-family: "Muli";
	font-size: 18px;
	line-height: 24px;
	color: #777;
	padding-top: 36px;
	margin: 0px;
}
.fn_process_shape_path{fill:none;stroke:#F7931E;stroke-width:2;stroke-miterlimit:10;}







.fn_cs_pricing{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.fn_cs_pricing .fn_column{
	margin: 0px;
	list-style-type: none;
}

.fn_cs_pricing[data-price-column="one"] .fn_column > li{width: 100%;}
.fn_cs_pricing[data-price-column="two"] .fn_column > li{width: 50%;}
.fn_cs_pricing[data-price-column="three"] .fn_column > li{width: 33.3333%;}
.fn_cs_pricing[data-price-column="four"] .fn_column > li{width: 25%;}
.fn_cs_pricing[data-h="yes"] .fn_column{display: flex;flex-direction: row;flex-wrap: wrap;}
.fn_cs_pricing[data-h="yes"] .fn_column li .item{height: 100%;display: flex;flex-direction: column;}
.fn_cs_pricing[data-h="yes"] .my_button{margin-top: auto;}
.fn_cs_pricing[data-h="yes"] .fn_column > li[data-centered="yes"] .item{height: 100%;}
@media(max-width: 1040px){
	.fn_cs_pricing .fn_column > li{width: 100% !important;margin-bottom: 10px !important;margin-top: 0 !important;}
}

.fn_cs_pricing .fn_column > li{
	margin: 0px;
	width: 33.3333%;
	float: left;
	margin-top: 40px;
}
.fn_cs_pricing .fn_column li .item{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	box-shadow: 0px 5px 30px rgba(0,0,0,.1);
	padding: 70px;
	background-color: #171517;
}


.fn_cs_pricing .fn_column > li.lifetime{display: none;}
.fn_cs_pricing .fn_column.active > li.lifetime{display: block;}
.fn_cs_pricing .fn_column.active > li.annual{display: none;}

.fn_cs_pricing .fn_column > li[data-centered="yes"]{margin-top: 0;position: relative;z-index: 1;}
.fn_cs_pricing .fn_column > li[data-centered="yes"] .item{padding-top: 110px;padding-bottom: 110px;}






.fn_cs_pricing ul li .plan_wrapper{
	width: 100%;
	height: auto;
	float: left;
	text-align: center;
	margin-bottom: 23px;
	display: flex;
	justify-content: center;
}
.fn_cs_pricing ul li .plan{
	display: block;
	color: #666;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0px;
	background-color: #1e1c1e;
	padding: 0 35px;
	border-radius: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.fn_cs_pricing ul li .price_box{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	margin-bottom: 40px;
}

.fn_cs_pricing ul li .currency{
	color: #111;
	font-family: "Poppins";
	font-size: 24px;
	font-weight: 500;
	display: flex;
	justify-content: flex-start;

}
.fn_cs_pricing ul li .price{
	color: #111;
	font-family: "Poppins";
	font-size: 72px;
	line-height: 72px;
	font-weight: 500;
}
.fn_cs_pricing ul li .per_time{
	color: #777;
	font-family: "Muli";
	font-size: 18px;
	font-weight: 400;
	display: flex;
	line-height: 1;
	align-items: flex-end;
	position: relative;
	top: -9px;
	padding-left: 5px;
}
.fn_cs_pricing .fn_service_list{
	margin: 0px;
	list-style-type: none;
}
.fn_cs_pricing .fn_service_list > li{
	margin: 0px 0px 16px 0px;;
	width: 100%;
	float: left;
	position: relative;
	padding-left: 44px;
}
.fn_cs_pricing .fn_service_list > li:last-child{margin-bottom: 0px;}
.fn_cs_pricing .fn_service_list p{
	margin-bottom: 0px;
	font-family: "Muli";
	font-size: 18px;
	font-weight: 400;
	color: #111;
}
.fn_cs_pricing .my_shape{
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 100%;
}
.fn_cs_pricing .active .my_shape{
	background-color: #ccf2ef;
}
.fn_cs_pricing .in_active p{
	color: #ccc;
}
.fn_cs_pricing .in_active .my_shape{
	background-color: #eee;
}
.fn_cs_pricing .in_active .my_shape:before{
	position: absolute;
	content: "";
	width: 10px;
	height: 2px;
	background-color: #aaaaaa;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.fn_cs_pricing .in_active .vivaco_w_fn_svg{display: none;}
.fn_cs_pricing .vivaco_w_fn_svg{
	width: 12px;
	height: 12px;
	color: #26e4d3;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.fn_cs_pricing .my_button{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding-top: 42px;
}
.fn_cs_pricing .my_button a{
	display: block;
	color: #111;
	font-family: "Muli";
	font-size: 15px;
	font-weight: 400;
	background-color: #26e4d3;
	text-align: center;
	padding: 0 20px;
	line-height: 60px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	border-radius: 2px;
}

.fn_cs_pricing_switcher{
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	margin-bottom: 50px;
}
.fn_cs_pricing_switcher .ann_title,
.fn_cs_pricing_switcher .life_title{
	display: inline-block;
	color: #111;
	font-weight: 700;
	font-size: 18px;
	font-family: 'Muli';
}
.fn_cs_pricing_switcher .ann_title{padding-right: 15px;}
.fn_cs_pricing_switcher .life_title{padding-left: 15px;}
.fn_cs_pricing_switcher .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.fn_cs_pricing_switcher .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}
.fn_cs_pricing_switcher .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.fn_cs_pricing_switcher .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}
.fn_cs_pricing_switcher input:checked + .slider {
  background-color: #2196F3;
}
.fn_cs_pricing_switcher input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.fn_cs_pricing_switcher input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.fn_cs_pricing_switcher .slider.round {
  border-radius: 34px;
}

.fn_cs_pricing_switcher .slider.round:before {
  border-radius: 50%;
}




.fn_cs_pricing .fn_new span{
	display: block;
	text-align: center;
    left: 0;
    width: 200%;
    -webkit-transform: translateY(-50%) translateX(-50%) translateX(45px) rotate(-45deg);
    -ms-transform: translateY(-50%) translateX(-50%) translateX(45px) rotate(-45deg);
    transform: translateY(-50%) translateX(-50%) translateX(45px) rotate(-45deg);
    margin-top: 45px;
    line-height: 2;
    text-transform: uppercase;
	background-color: #db3157;
    font-weight: 500;
    color: #fff;
    font-size: 11px;
    letter-spacing: 1.1px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.21);
}
.fn_cs_pricing .fn_new{
	display: block;
	position: absolute;
    top: 0;
    left: auto;
    right: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 250px;
    overflow: hidden;
    height: 250px;
	z-index: 2;
}







.emaillist .es-field-wrap{
	width: 100%;
}
.emaillist form{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
}
.emaillist input[type="email"]{
	width: 100%;
	height: 70px;
	background-color: rgba(255,255,255,.03);
	border: 1px solid rgba(255,255,255,.021);
	border-right-width: 0;
	padding: 0 29px;
	line-height: 68px;
	border-radius: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.emaillist input[type="email"]:hover,
.emaillist input[type="email"]:focus{
	background-color: rgba(255,255,255,.03);
	outline: none;
	outline-color: transparent;
	border-color: rgba(255,255,255,.021);
}
.emaillist input[type="submit"]{
	font-family: 'Heebo';
	text-transform: uppercase;
	font-size: 16px;
	color: #0f0d10;
	background-color: #ff0066;
	padding: 0 50px;
	height: 70px;
	line-height: 70px;
	border-radius: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.emaillist input[type="submit"]:hover{
	background-color: #222;
	color: #ccc;
}
	





.fn_cs_team_member{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_team_member .r_list .fn_item{
	height: 100%;
}
.fn_cs_team_member .r_list .swiper-slide{
	height: auto;
}
.fn_cs_team_member .c_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -45px;
}
.fn_cs_team_member .c_list .fn_item{
	width: 33.3333%;
	clear: none;
	padding-left: 45px;
	margin-bottom: 45px;
	height: auto;
}
.fn_cs_team_member .r_list{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_team_member .item{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding: 40px;
	background-color: #181519;
	border-radius: 5px;
	height: 100%;
	transition: all .3s ease;
}
.fn_cs_team_member .img_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	background-color: #525252;
	overflow: hidden !important;
	border-radius: 3px;
}
.fn_cs_team_member .img_holder img{
	opacity: 0;
	z-index: -1;
	position: relative;
	min-width: 100%;
}
.fn_cs_team_member .title_holder{
	width: 100%;
	float: left;
	clear: both;
	padding: 25px 0px 0px 0px;
	text-align: center;
}
.fn_cs_team_member .title_holder h3{
	margin: 0;
	padding: 0;
	font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.4;
    color: #ccc;
	margin-bottom: 7px;
}
.fn_cs_team_member .title_holder p{
	margin: 0px;
	position: relative;
	overflow: hidden;
}
.fn_cs_team_member .title_holder span{
	margin: 0px;
	padding: 0px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: .1px;
	font-family: "Heebo";
	font-size: 13px;
	font-weight: 400;
    display: block;
	position: relative;
	transition: all .3s ease;
}
.fn_cs_team_member .title_holder p a{
	text-decoration: none;
	color: #ff0066;
	font-family: "Heebo";
	font-size: 15px;
	font-weight: 400;
	position: absolute;
	top: 120%;
	left: 50%;
	transform: translate(-50%);
	transition: all .3s ease;
}
.fn_cs_team_member[data-popup="yes"] .item:hover .title_holder a{top: 0px;}
.fn_cs_team_member[data-popup="yes"] .item:hover .title_holder span{transform: translateY(-100%);}
.fn_cs_team_member[data-popup="yes"] .view .title_holder a{top: 0px;}
.fn_cs_team_member[data-popup="yes"] .view .title_holder span{transform: translateY(-100%);}


.fn_cs_team_member .item:hover .original_img{
	transform: scale(1.2) translateZ(0);
}
.fn_cs_team_member .original_img{
	position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 10;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
	transition: all 0.7s ease;
	transform: translateZ(0);
}

.fn_cs_team_member .hidden_desc,
.fn_cs_team_member .hidden_image{
	width: 0px;
	height: 0px;
	position: absolute;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	z-index: -999999;
	margin: 0px;
	padding: 0px;
}
.fn_cs_team_member .icon_list ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	display: flex;
	clear: both;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.fn_cs_team_member .icon_list li{
	padding: 0;
	margin: 2px;
}
.fn_cs_team_member .icon_list a{
	display: block;
	width: 38px;
	height: 38px;
	color: #ff0066;
	position: relative;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	transform: translateZ(0);
	border: 3px solid rgba(255,255,255,.07);
    background-color: rgba(255,255,255,.02);
}
.fn_cs_team_member .icon_list .vivaco_w_fn_svg{
	width: 16px;
	height: 16px;
	color: currentColor;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
}
.fn_cs_team_member .icon_list a:hover{
	transform: translateY(-5px) translateZ(0);
	border-color: transparent !important;
	border-bottom-color: #ff0066 !important;
	border-radius: 0;
	background-color: transparent !important;
}

@media(max-width: 1040px){
	.fn_cs_team_member .c_list{margin-left: -20px;}
	.fn_cs_team_member .c_list .fn_item{width: 50%;padding-left: 20px;}
}
@media(max-width: 768px){
	.fn_cs_team_member .c_list .fn_item{width: 100%;}
}

.fn_cs_worker_boxx,
.fn_cs_worker_boxx *{
	box-sizing: border-box;
}
.fn_cs_worker_boxx .overlay{
	width: 9000px;
    right: 100%;
    position: absolute;
    cursor: pointer;
    top: 0;
    bottom: 0;
    background-color: rgba(15,13,16,0.9);
    z-index: 3;
    transform: translateX(-105%);
    transition: all .4s ease;
}
.fn_cs_worker_boxx.opened .overlay,
.fn_cs_worker_boxx.opened{
	transform: translateX(0px);
}
.fn_cs_worker_boxx{
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	width: 350px;
	height: 100vh;
	z-index: 111111;
	transition: all .4s ease-in-out;
	transform: translateX(350px);
}
.fn_cs_worker_boxx .info_box{
	position: fixed;
	width: 350px;
	height: 100vh;
	top: 0px;right: 0px;
	background-color: #fff;
	z-index: 1;
}
.fn_cs_worker_boxx .info_box_inner{
	width: 100%;
	height: 100%;
	position: relative;
}

.fn_cs_worker_boxx .img_wrapper{
	
}
.fn_cs_worker_boxx .fn_image{
	width: 100%;
	position: relative;
}
.fn_cs_worker_boxx .fn_image img{
	min-width: 100%;
}
.fn_cs_worker_boxx .fn_image .main{
	position:absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.fn_cs_worker_boxx .worker_social{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	background-color: #ff0066;
	padding: 12px 30px 7px 30px;
}
.fn_cs_worker_boxx .worker_social ul{
	margin: 0px;
	list-style-type: none;
}
.fn_cs_worker_boxx .worker_social ul li{
	margin: 0px 5px 5px 0px;
	display: inline-block;
}
.fn_cs_worker_boxx .worker_social ul li:last-child{margin-right: 0px;}
.fn_cs_worker_boxx .worker_social ul li a{
	text-decoration: none;
	color: #000;
    width: 30px;
    height: 30px;
    border: 2px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.fn_cs_worker_boxx .worker_social ul li a:hover{
	border-color: transparent !important;
	border-bottom-color: #000 !important;
	transform: translateY(-5px) translateZ(0);
    border-radius: 0;
}
.fn_cs_worker_boxx .worker_social ul li a .vivaco_w_fn_svg{
	width: 13px;
	height: 13px;
}
.fn_cs_worker_boxx .main_content{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 0px 30px 0px 30px;
	position: relative;
}
.fn_cs_worker_boxx .main_content:after{
	background: rgba(255,255,255,0.7); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,1)); /* Standard syntax */
	
	
	content: '';
	position: absolute;
	height: 40px;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 5;
}
.fn_cs_worker_boxx .main_content .name_holder{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 33px 0px 0px 0px;
	position: relative;
	z-index: 5;
}
.fn_cs_worker_boxx .main_content .name_holder:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 40px;
	background: rgba(255,255,255,0.7); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.7)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.7)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.7)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,.7)); /* Standard syntax */
}
.fn_cs_worker_boxx .main_content .name_holder h3{
	margin: 0px;
	padding: 0px;
	font-family: "Poppins";
	font-size: 22px;
	font-weight: 400;
	line-height: 32px;
	color: #111;
}
.fn_cs_worker_boxx .main_content .name_holder span{
	margin: 0px;
	padding: 0px;
	font-family: "Muli";
	font-size: 15px;
	font-weight: 400;
	color: #777;
}
.fn_cs_worker_boxx .main_content .description{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
	padding: 40px 0;
}
.fn_cs_worker_boxx .main_content .description p{
	margin-bottom: 31px;
	font-family: "Muli";
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	color: #777;
}
.fn_cs_worker_boxx .main_content .description p:last-child{
	margin-bottom: 0;
}
.fn_cs_worker_boxx .trigger{
	width: 30px;
	height: 30px;
	background-color: #eeeeee;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 1;
	border-radius: 2px;
}
.fn_cs_worker_boxx .trigger a{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 2;
}
.fn_cs_worker_boxx .trigger:before{
	position: absolute;
	content: "";
	width: 2px;
	height: 11px;
	background-color: #000;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
.fn_cs_worker_boxx .trigger:after{
	position: absolute;
	content: "";
	width: 2px;
	height: 11px;
	background-color: #000;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(-45deg);
}






.fn_cs_triple_blog{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_triple_blog .c_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -45px;
}
.fn_cs_triple_blog .c_list .fn_item{
	width: 33.3333%;
	clear: none;
	padding-left: 45px;
	margin-bottom: 45px;
	height: auto;
}
.fn_cs_triple_blog .r_list{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_triple_blog .abs_img{
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
	position: absolute;
	
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	
	transition: all 1s ease;
}
.fn_cs_triple_blog .img_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
}
.fn_cs_triple_blog .item:hover .abs_img{
	transform: scale(1.1);
}
.fn_cs_triple_blog .img_holder img{
	opacity: 0;
	min-width: 100%;
}
.fn_cs_triple_blog .img_holder a{
	top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
	position: absolute;
	display: block;
	z-index: 5;
	text-decoration: none;
}
.fn_cs_triple_blog .title_holder{
	width: 100%;
	float: left;
	clear: both;
	padding: 25px 0 0 0;
}
.fn_cs_triple_blog .title_holder h3{
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 1.4;
	font-family: 'Heebo';
}
.fn_cs_triple_blog .title_holder p{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
    font-size: 13px;
	font-family: 'Heebo';
	margin-bottom: 4px;
}
.fn_cs_triple_blog .title_holder p a{
	text-decoration: none;
    color: #666;
    position: relative;
    transition: all .3s ease;
	font-weight: 400;
}
.fn_cs_triple_blog .title_holder p a:hover{
	text-decoration: underline;
}
.fn_cs_triple_blog .title_holder .b_cat:after{
	position: relative;
    content: "  /  ";
	margin: 0 5px;
}
@media(max-width: 1040px){.fn_cs_triple_blog .c_list .fn_item{width: 50%;}}
@media(max-width: 768px){.fn_cs_triple_blog .c_list .fn_item{width: 100%;}}
























.fn_cs_testimonials{
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
}
.fn_cs_testimonials .c_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -45px;
}
.fn_cs_testimonials .c_list .r_item{
	width: 33.3333%;
	clear: none;
	padding-left: 45px;
	margin-bottom: 45px;
	height: auto;
}
.fn_cs_testimonials .r_list{
	width: 100%;
	float: left;
	clear: both;
	transform: translateZ(0);
}
.fn_cs_testimonials .swiper-slide { height: auto; }
.fn_cs_testimonials .r_title h3{
	margin: 0;
    padding: 0;
    font-size: 30px;
    line-height: 40px;
    color: #eee;
    letter-spacing: 0;
    font-family: 'Muli';
    font-weight: 400;
    margin-bottom: 45px;
}
.fn_cs_testimonials .r_item{
	padding-top: 20px;
	width: 100%;
	float: left;
	clear: both;
	height: 100%;
	padding-bottom: 10px;
}
.fn_cs_testimonials_in{
	height: 100%;
	display: flex;
	flex-direction: column
}
.fn_cs_testimonials .r_desc,
.fn_cs_testimonials .r_item_in,
.fn_cs_testimonials .r_reviewer{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_testimonials .r_item_in{
	border-radius: 5px;
	position: relative;
	padding: 73px 30px 40px 30px;
	height: 100%;
	background-color: #181519;
	display: flex;
	flex-direction: column;
}
.fn_cs_testimonials .r_item_in:after{
	background-color: #181519;
	opacity: .5;
	bottom: -10px;
	height: 10px;
	left: 20px;
	right: 20px;
	content: '';
	position: absolute;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.fn_cs_testimonials .r_quote{
	width: 60px;
    height: 60px;
    display: block;
    left: 26px;
    top: -24px;
    position: absolute;
}
.fn_cs_testimonials .r_quote .vivaco_w_fn_svg{
	position: absolute;
	width: 60px;
	height: 60px;
	bottom: 0;
	left: 0;
	color: #ff0066;
}
.fn_cs_testimonials .r_review{
	margin-bottom: 29px;
	margin-top: auto;
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_testimonials .r_desc p{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans';
	letter-spacing: 0;
	font-size: 16px;
	line-height: 26px;
	color: #666;
	
}
.fn_cs_testimonials .r_desc{
	margin-bottom: 21px;
}
.fn_cs_testimonials .r_reviewer{
	display: flex;
	flex-direction: column;
	min-height: 60px;
	justify-content: center;
}
.fn_cs_testimonials .r_reviewer{
	padding-left: 80px;
	position: relative;
}
.fn_cs_testimonials .r_reviewer .abs_img{
	width: 60px;
	height: 60px;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 100%;
}
.fn_cs_testimonials .r_reviewer h3{
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-family: 'Heebo';
	font-weight: 400;
	letter-spacing: .25px;
	margin-bottom: 3px;
	color: #666;
	text-transform: uppercase;
}
.fn_cs_testimonials .r_reviewer h5{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #333;
	letter-spacing: 0;
	font-family: 'Open Sans';
	font-weight: 400;
}
.fn_cs_testimonials .swiper-wrapper{
	margin-bottom: 45px;
}
.fn_cs_testimonials.ready .swiper-container{
	overflow: visible;
}



.fn_cs_testimonials .r_item_in,
.fn_cs_testimonials .r_desc p,
.fn_cs_testimonials .r_reviewer h3,
.fn_cs_testimonials .r_reviewer h5,
.fn_cs_testimonials .r_item_in:after,
.fn_cs_testimonials .r_quote .vivaco_w_fn_svg{
	transition: all .3s ease;
}
.fn_cs_testimonials .r_item{transform: translateZ(0);}

.fn_cs_testimonials .r_item:hover .r_item_in{background-color: #ff0066;}
.fn_cs_testimonials .r_item:hover .r_item_in:after{background-color: #ff0066;}
.fn_cs_testimonials .r_item:hover .r_quote .vivaco_w_fn_svg{color: #fff;}
.fn_cs_testimonials .r_item:hover .r_desc p{color: #0f0d10;}
.fn_cs_testimonials .r_item:hover .r_reviewer h3{color: #0f0d10;}
.fn_cs_testimonials .r_item:hover .r_reviewer h5{color: #0f0d10;}


@media(max-width: 1040px){
	.fn_cs_testimonials .c_list{margin-left: -20px;}
	.fn_cs_testimonials .c_list .r_item{width: 50%;padding-left: 20px;}
}
@media(max-width: 768px){
	.fn_cs_testimonials .c_list .r_item{width: 100%;}
}

/*---------------------------------------------------*/
/*	12) 5 stars
/*---------------------------------------------------*/
.fn_cs_review__stars{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_review__stars .review_in{
	width: 100px;
	height: 20px;
	position: relative;
	overflow: hidden;
}
.fn_cs_review__stars .vivaco_w_fn_svg{
	width: 100px;
	height: 20px;
	display: block;
}
.fn_cs_review__stars .rating_relative{
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	height: 20px;
}
.fn_cs_review__stars .rating_relative div{
	position: absolute;
	top: 0;
	left: 0;
}
.fn_cs_review__stars .rating_absolute{
	position: absolute;
	z-index: 5;
	overflow: hidden;
	top: 0;
	left: 0;
}
.fn_cs_review__stars .rating_relative .vivaco_w_fn_svg{
	color: #6f6f6f;
}
.fn_cs_review__stars .rating_absolute .vivaco_w_fn_svg{
	color: #ffba00;
}








.fn_cs_triple_portfolio{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_triple_portfolio .item{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}
.fn_cs_triple_portfolio .abs_img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.fn_cs_triple_portfolio .title_link{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-decoration: none;
	z-index: -1;
}
.fn_cs_triple_portfolio .title_holder{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
    padding: 20px 30px;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
	transition: all .3s ease;
}
.fn_cs_triple_portfolio .title_holder p{
	margin: 0;
	padding: 0;
	font-family: 'Heebo';
	font-size: 13px;
	text-transform: uppercase;
	color: #666;
	transition: all .3s ease;
}
.fn_cs_triple_portfolio .title_holder p a{
	text-decoration: none;
	color: #666;
}
.fn_cs_triple_portfolio .title_holder p a:hover{
	text-decoration: underline;
}
.fn_cs_triple_portfolio .title_holder h3{
	margin: 0;
	padding: 0;
	font-family: 'Heebo';
	font-size: 20px;
	color: #ccc;
}
.fn_cs_triple_portfolio .title_holder h3 a{
	color: #ccc;
	text-decoration: none;
}
.fn_cs_triple_portfolio .title_holder h3 a:hover{
	color: #ff0066;
}
.fn_cs_triple_portfolio .img_holder{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_triple_portfolio .img_holder a{
	text-decoration: none;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.fn_cs_triple_portfolio .img_holder img{
	min-width: 100%;
	opacity: 0;
}
.fn_cs_triple_portfolio .c_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -45px;
}
.fn_cs_triple_portfolio .c_list .fn_item{
	width: 33.3333%;
	clear: none;
	padding-left: 45px;
	margin-bottom: 45px;
	height: auto;
}
.fn_cs_triple_portfolio .r_list{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_triple_portfolio .swiper-wrapper{
	margin-bottom: 45px;
}




















/* Image after before: twenty-twenty */
.fn_cs_after_before{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
}
.fn_cs_after_before .twentytwenty-handle{
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
	background-color: transparent;
}
.fn_cs_after_before .twentytwenty-right-arrow{
	border-left-color: #fff;
	border-width: 11px;
	border-top-width: 7px;
	border-bottom-width: 7px;
	margin-right: -27px;
}
.fn_cs_after_before span{
	z-index: 55;
}
.fn_cs_after_before .twentytwenty-up-arrow{
	border-bottom-color: #fff;
	border-width: 11px;
	border-left-width: 7px;
	border-right-width: 7px;
	margin-top: -27px;
}
.fn_cs_after_before .twentytwenty-down-arrow{
	border-top-color: #fff;
	border-width: 11px;
	border-left-width: 7px;
	border-right-width: 7px;
	margin-bottom: -27px;
}
.fn_cs_after_before .twentytwenty-left-arrow{
	border-right-color: #fff;
    margin-left: -27px;
	border-width: 11px;
	border-top-width: 7px;
	border-bottom-width: 7px;
}
.fn_cs_after_before .twentytwenty-handle:after{
	background-color: #e52a5f;
    top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    border-radius: 4px;
	content: '';
	position: absolute;
}
.fn_cs_after_before .twentytwenty-vertical .twentytwenty-handle:before{
	height: 4px;
	left: -5000px;
	right: -5000px;
	top: 50%;
	margin-top: -2px;
	background-color: #000;
	position: absolute;
	content: '';
	box-shadow: none;
	z-index: -1;
}
.fn_cs_after_before .twentytwenty-horizontal .twentytwenty-handle:before{
	width: 4px;
	top: -5000px;
	bottom: -5000px;
	left: 50%;
	margin-left: -2px;
	background-color: #000;
	position: absolute;
	content: '';
	box-shadow: none;
	z-index: -1;
}




@media(max-width: 1040px){
	.fn_cs_triple_portfolio .c_list{margin-left: -20px;}
	.fn_cs_triple_portfolio .c_list .fn_item{width: 50%;padding-left: 20px;}
}
@media(max-width: 768px){
	.fn_cs_triple_portfolio .c_list .fn_item{width: 100%;}
}
















/*********************************/
/* Portfolio Single: Prev & Next */
/*********************************/
/* Common */
.fn_cs_psingle_prevnext{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_psingle_prevnext .to_portfolio{
	width: 120px;
	height: 120px;
	min-width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateZ(0);
}
.fn_cs_psingle_prevnext .to_portfolio:before{
	position: absolute;
	content: '';
	z-index: -2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.fn_cs_psingle_prevnext .to_portfolio a{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	text-decoration: none;
	z-index: 55;
}
.fn_cs_psingle_prevnext .to_portfolio .que{
	display: block;
	position: relative;
	width: 21px;
	height: 21px;
	z-index: 3;
	transition: all .3s ease;
	transform: translateZ(0);
}
.fn_cs_psingle_prevnext .fn_tooltip{
	position: absolute;
    bottom: 100%;
    display: block;
    min-width: fit-content;
    min-width: max-content;
    min-width: intrinsic;
    min-width: -moz-max-content;
    min-width: -webkit-max-content;
    padding: 0 10px;
    background-color: #000;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 4px;
    line-height: 24px;
    color: #fff;
    transform: translateX(-50%) translateZ(0) translateY(-5px);
    left: 50%;
	opacity: 0;
	transition: all .3s ease;
	box-shadow: 0px 1px 4px #414141;
}
.fn_cs_psingle_prevnext .to_portfolio:hover .fn_tooltip{
	opacity: 1;
	transform: translateX(-50%) translateZ(0) translateY(-10px);
}
.fn_cs_psingle_prevnext .fn_tooltip:after{
	content: '';
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #000;
	transform: translateZ(0);
}
.fn_cs_psingle_prevnext .to_portfolio .que > span{
	position: absolute;
	width: 3px;
	height: 3px;
	display: block;
	transition: all .3s ease;
}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(1){left: 0px;top: 0px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(2){left: 6px;top: 0px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(3){left: 12px;top: 0px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(4){left: 18px;top: 0px;}

.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(5){left: 0px;top: 6px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(6){left: 6px;top: 6px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(7){left: 12px;top: 6px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(8){left: 18px;top: 6px;}

.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(9){left: 0px;top: 12px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(10){left: 6px;top: 12px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(11){left: 12px;top: 12px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(12){left: 18px;top: 12px;}

.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(13){left: 0px;top: 18px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(14){left: 6px;top: 18px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(15){left: 12px;top: 18px;}
.fn_cs_psingle_prevnext .to_portfolio .que span:nth-child(16){left: 18px;top: 18px;}

.fn_cs_psingle_prevnext .to_portfolio:hover .que span{
	background-color: #662ee4;
}

.fn_cs_psingle_prevnext .n_post p{
	margin: 0;
	padding: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Muli';
	font-weight: 500;
	margin-bottom: 7px;
	transition: all .3s ease;
}
.fn_cs_psingle_prevnext .n_post h3{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-family: 'Rubik';
	font-weight: 500;
	transition: all .3s ease;
}
.fn_cs_psingle_prevnext .n_post a{
	text-decoration: none;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 25;
}
.fn_cs_psingle_prevnext .n_post .vivaco_w_fn_svg{
	position: absolute;
	width: 21px;
	height: 21px;
	top: 50%;
	margin-top: -10px;
	transition: all .3s ease;
}
.fn_cs_psingle_prevnext .prev_post .vivaco_w_fn_svg{
	right: 100%;
	margin-right: 30px;
	transform: rotate(180deg) translateZ(0);
}
.fn_cs_psingle_prevnext .next_post .vivaco_w_fn_svg{
	left: 100%;
	margin-left: 30px;
}

/* Alpha */
.fn_cs_psingle_prevnext_alpha .prevnext_inner{
	width: 100%;
	display: flex;
	flex-direction: row;
}
.fn_cs_psingle_prevnext_alpha .to_portfolio:before{
	border: 1px solid #ddd;
}
.fn_cs_psingle_prevnext_alpha .to_portfolio .que > span{
	background-color: #222;
}
.fn_cs_psingle_prevnext_alpha .to_portfolio{
	position: relative;
}
.fn_cs_psingle_prevnext_alpha .n_post{
	width: 50%;
	height: 120px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	transition: all .3s ease;
	position: relative;
	transform: translateZ(0);
	overflow: hidden;
}
.fn_cs_psingle_prevnext_alpha .n_post:before{
	position: absolute;
	content: '';
	z-index: -2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.fn_cs_psingle_prevnext_alpha .prev_post{
	padding: 0 20px 0px 100px;
}
.fn_cs_psingle_prevnext_alpha .next_post{
	padding: 0 100px 0px 20px;
	text-align: right;
}
.fn_cs_psingle_prevnext_alpha .n_post p{
	color: #999;
}
.fn_cs_psingle_prevnext_alpha .n_post h3{
	color: #222;
}
.fn_cs_psingle_prevnext_alpha .n_post .vivaco_w_fn_svg{
	color: #222;
}
.fn_cs_psingle_prevnext_alpha .n_post_in{
	width: 100%;
	position: relative;
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="1"] .n_post:hover p{color: #eee;}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="1"] .n_post:hover h3{color: #fff;}


.fn_cs_psingle_prevnext_alpha[data-alpha-animation="1"] .n_post:after{
	position: absolute;
	content: '';
	background-color: #662ee4;
	z-index: -1;
	transition: all .5s cubic-bezier(0, 0, 0.2, 1);
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="1"] .prev_post:after{
	left: 100%;
	top: 0;
	bottom: 0;
	right: 0;
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="1"] .next_post:after{
	right: 100%;
	top: 0;
	bottom: 0;
	left: 0;
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="1"] .next_post:hover:after{
	right: 0;
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="1"] .prev_post:hover:after{
	left: 0;
}

.fn_cs_psingle_prevnext_alpha[data-alpha-animation="1"] .n_post.prev_post:hover .vivaco_w_fn_svg{margin-right: 40px;color: #fff;transition: all .3s .2s ease;}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="1"] .n_post.next_post:hover .vivaco_w_fn_svg{margin-left: 40px;color: #fff;transition: all .3s .2s ease;}

.fn_cs_psingle_prevnext_alpha[data-alpha-animation="2"] .abs_img{
	width: 50px;
	height: 50px;
	opacity: 0;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	transition: all .3s ease;
	top: 50%;
}

.fn_cs_psingle_prevnext_alpha[data-alpha-animation="2"] .prev_post .abs_img{
	right: 100%;
	margin-right: 30px;
	transform: translateY(-50%) translateZ(0) translateX(-10px);
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="2"] .next_post .abs_img{
	left: 100%;
	margin-left: 30px;
	transform: translateY(-50%) translateZ(0) translateX(10px);
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="2"] .n_post:hover .abs_img{
	width: 50px;
	height: 50px;
	opacity: 1;
	transition: all .3s .15s ease;
	transform: translateY(-50%) translateZ(0) translateX(0px);
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="2"] .next_post:hover .vivaco_w_fn_svg{
	opacity: 0;
	margin-left: 45px;
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="2"] .prev_post:hover .vivaco_w_fn_svg{
	opacity: 0;
	margin-right: 45px;
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="3"] .abs_img{
	width: 160px;
	top: 0;
	bottom: 0;
	opacity: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	transition: all .3s ease;
}

.fn_cs_psingle_prevnext_alpha[data-alpha-animation="3"] .prev_post .abs_img{
	left: 0;
	transform: translateX(-80%);
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="3"] .next_post .abs_img{
	right: 0;
	transform: translateX(80%);
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="3"] .n_post:hover .abs_img{
	opacity: 1;
	transition: all .5s .15s ease;
	transform: translateX(0%);
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="3"] .next_post:hover .vivaco_w_fn_svg{
	opacity: 0;
	margin-left: 45px;
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="3"] .prev_post:hover .vivaco_w_fn_svg{
	opacity: 0;
	margin-right: 45px;
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="3"] .prev_post:hover .n_post_in{
	transition: all .5s ease;
	transform: translateX(90px);
}
.fn_cs_psingle_prevnext_alpha .n_post_in{
	transition: all .3s ease;
}
.fn_cs_psingle_prevnext_alpha[data-alpha-animation="3"] .next_post:hover .n_post_in{
	transform: translateX(-90px);
	transition: all .5s ease;
}

.fn_cs_psingle_prevnext_alpha[data-switch="prev"] .next_post{opacity: .3;}
.fn_cs_psingle_prevnext_alpha[data-switch="prev"] .next_post *{display: none;}
.fn_cs_psingle_prevnext_alpha[data-switch="next"] .prev_post{opacity: .3;}
.fn_cs_psingle_prevnext_alpha[data-switch="next"] .prev_post *{display: none;}
.fn_cs_psingle_prevnext_alpha[data-switch="no"] .next_post{opacity: .3;}
.fn_cs_psingle_prevnext_alpha[data-switch="no"] .next_post *{display: none;}
.fn_cs_psingle_prevnext_alpha[data-switch="no"] .prev_post{opacity: .3;}
.fn_cs_psingle_prevnext_alpha[data-switch="no"] .prev_post *{display: none;}




/* Beta */
.fn_cs_psingle_prevnext_beta .prevnext_inner{
	width: 100%;
	display: flex;
	position: relative;
	flex-direction: row;
}
.fn_cs_psingle_prevnext_beta .n_post_in{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	z-index: 15;
}
.fn_cs_psingle_prevnext_beta .n_post{
	width: 50%;
	z-index: 2;
	position: relative;
	padding: 220px 0;
}
.fn_cs_psingle_prevnext_beta .to_portfolio{
	position: absolute;
	left: 50%;
	margin-left: -60px;
	z-index: 5;
}
.fn_cs_psingle_prevnext_beta .to_portfolio:before{
	background-color: #0b0b0f;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.fn_cs_psingle_prevnext_beta .to_portfolio .que > span{
	background-color: #999;
}
.fn_cs_psingle_prevnext_beta .next_post{
	padding-left: 80px;
	padding-right: 100px;
	text-align: right;
	border-left: 2px solid #0b0b0f;
}
.fn_cs_psingle_prevnext_beta .prev_post{
	padding-right: 80px;
	padding-left: 100px;
	border-right: 2px solid #0b0b0f;
}

.fn_cs_psingle_prevnext_beta .abs_img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_psingle_prevnext_beta .abs_img div{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0.5);
}
.fn_cs_psingle_prevnext_beta .n_post p{
	color: #999;
}
.fn_cs_psingle_prevnext_beta .n_post h3{
	color: #fff;
}
.fn_cs_psingle_prevnext_beta .n_post .vivaco_w_fn_svg{
	color: #fff;
}

.fn_cs_psingle_prevnext_beta .n_post.prev_post:hover .vivaco_w_fn_svg{margin-right: 40px;color: #fff;transition: all .3s .2s ease;}
.fn_cs_psingle_prevnext_beta .n_post.next_post:hover .vivaco_w_fn_svg{margin-left: 40px;color: #fff;transition: all .3s .2s ease;}




/* Gamma */
.fn_cs_psingle_prevnext_gamma .prevnext_inner{
	display: flex;
	width: 100%;
	position: relative;
	flex-direction: column;
}
.fn_cs_psingle_prevnext_gamma .to_portfolio{
	position: absolute;
	top: 50%;
	left: 480px;
	margin-top: -60px;
	z-index: 22;
}
.fn_cs_psingle_prevnext_gamma .to_portfolio:before{
	background-color: #0b0b0f;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.fn_cs_psingle_prevnext_gamma .to_portfolio .que > span{
	background-color: #999;
}
.fn_cs_psingle_prevnext_gamma .n_post{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	z-index: 2;
}
.fn_cs_psingle_prevnext_gamma .n_post_in{
	width: 100%;
	float: left;
	max-width: 480px;
	padding: 220px 120px 220px 20px;
	text-align: right;
	background-color: #0b0b0f;
	position: relative;
	z-index: 15;
}
.fn_cs_psingle_prevnext_gamma .prev_post .vivaco_w_fn_svg{
	transform: none;
	left: 100%;
	margin-left: 30px;
	right: auto;
	margin-right: auto;
}
.fn_cs_psingle_prevnext_gamma .n_post_inner{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.fn_cs_psingle_prevnext_gamma .prev_post{
	border-bottom: 2px solid #0b0b0f;
}

.fn_cs_psingle_prevnext_gamma .next_post{
	border-top: 2px solid #0b0b0f;
}
.fn_cs_psingle_prevnext_gamma .n_post p{
	color: #999;
}
.fn_cs_psingle_prevnext_gamma .n_post h3{
	color: #fff;
}
.fn_cs_psingle_prevnext_gamma .abs_img{
	position: absolute;
	top: 0;
	left: 480px;
	right: 0;
	bottom: 0;
	z-index: 1;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_psingle_prevnext_gamma .abs_img div{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0.5);
}

.fn_cs_psingle_prevnext_gamma .n_post:hover .vivaco_w_fn_svg{margin-left: 40px;color: #fff;transition: all .3s .2s ease;}



/* Next ALPHA */
.fn_cs_psingle_prevnext_next_a .prevnext_inner{
	width: 100%;
	float: left;
	clear: both;
	background-color: #0b0b0f;
	padding-top: 1px;
	position: relative;
}
.fn_cs_psingle_prevnext_next_a .prevnext_inner:after{
	background-color: rgba(221,221,221,0.1);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	z-index: 1;
}
.fn_cs_psingle_prevnext_next_a .to_portfolio{
	margin: -1px auto 0px auto;
}
.fn_cs_psingle_prevnext_next_a .to_portfolio:before{
	border-left: 1px solid rgba(221,221,221,0.1);
	border-right: 1px solid rgba(221,221,221,0.1);
}
.fn_cs_psingle_prevnext_next_a .to_portfolio .que > span{
	background-color: #999;
}
.fn_cs_psingle_prevnext_next_a .only_next_post_a{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.fn_cs_psingle_prevnext_next_a .only_next_post_a a{
	text-decoration: none;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 25;
}
.fn_cs_psingle_prevnext_next_a .abs_img{
	position: absolute;
	top: 0;
	left: 0px;
	right: 0;
	bottom: 0;
	z-index: 1;
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.fn_cs_psingle_prevnext_next_a .abs_img div{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0.5);
}
.fn_cs_psingle_prevnext_next_a .title_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	z-index: 5;
	padding: 190px 20px;
	text-align: center;
}
.fn_cs_psingle_prevnext_next_a .title_holder p{
	margin: 0;
	padding: 0;
	font-size: 24px;
	letter-spacing: 0;
	color: #999;
	font-family: 'Muli';
	text-transform: uppercase;
}
.fn_cs_psingle_prevnext_next_a .title_holder h3{
	margin: 0;
	padding: 0;
	color: #eee;
	font-size: 60px;
	letter-spacing: 0;
	font-weight: 400;
	font-family: 'Quicksand';
	line-height: 1.2;
}

@media(max-width: 1040px){
	/* ALPHA */
	.fn_cs_psingle_prevnext_alpha .prev_post{
		width: 100%;
	}
	.fn_cs_psingle_prevnext_alpha .next_post{
		width: 100%;
		margin-top: 80px;
	}
	.fn_cs_psingle_prevnext_alpha .prevnext_inner{
		flex-direction: column;
	}
	.fn_cs_psingle_prevnext_alpha .to_portfolio{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 3;
		background-color: #fff;
	}
	/* BETA */
	.fn_cs_psingle_prevnext_beta .next_post{
		width: 100%;
		border-left-width: 0;
		border-top: 2px solid;
	}
	.fn_cs_psingle_prevnext_beta .prev_post{
		width: 100%;
		border-right-width: 0;
		border-bottom: 2px solid;
	}
	.fn_cs_psingle_prevnext_beta .prevnext_inner{
		flex-direction: column;
	}
	.fn_cs_psingle_prevnext_beta .n_post{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.fn_cs_psingle_prevnext_beta .to_portfolio{
		top: 50%;
		left: 50%;
		margin: 0;
		transform: translate(-50%,-50%);
	}
	
	/* GAMMA */
	.fn_cs_psingle_prevnext_gamma .n_post_in{
		padding-top: 100px;
		padding-bottom: 100px;
		width: 100%;
		max-width: 100%;
	}
	.fn_cs_psingle_prevnext_gamma .abs_img{
		display: none;
	}
	.fn_cs_psingle_prevnext_gamma .to_portfolio{
		left: 0;
		box-shadow: 0px 0px 3px;
	}
	.fn_cs_psingle_prevnext_gamma .next_post{
		border-top-color: #000;
	}
	.fn_cs_psingle_prevnext_gamma .prev_post{
		border-bottom-color: #000;
	}
	
	/* NEXT: ALPHA */
	.fn_cs_psingle_prevnext_next_a .title_holder{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.fn_cs_psingle_prevnext_next_a .title_holder h3{
		font-size: 30px;
	}
	.fn_cs_psingle_prevnext_next_a .title_holder p{
		font-size: 18px;
		margin-bottom: 10px;
	}
}







.fn_cs_icon_alpha{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
}
.fn_cs_icon_alpha .icon{
	width: 130px;
	height: 130px;
	display: block;
	position: relative;
	border-radius: 50%;
}
.fn_cs_icon_alpha .icon_in{
	width: 76px;
	height: 76px;
	position: absolute;
	left: 50%;
	margin-left: -38px;
	border-radius: 50%;
	background-color: #ff5e62;
	text-align: center;
}
.fn_cs_icon_alpha i{
	font-size: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.fn_cs_icon_alpha img,
.fn_cs_icon_alpha .vivaco_w_fn_svg{
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
	color: #fff;
	z-index: 3;
}
.fn_cs_icon_alpha .shape_a{
	width: 100px;
	display: block;
	height: 100px;
	left: 50%;
	margin-left: -50px;
	position: absolute;
	z-index: -1;
	background-color: #ff5e62;
	border-radius: 50%;
	opacity: .5;
}
.fn_cs_icon_alpha .shape_b{
	width: 130px;
	top: 0;
	left: 50%;
	margin-left: -65px;
	display: block;
	height: 130px;
	position: absolute;
	z-index: -1;
	background-color: #ff5e62;
	border-radius: 50%;
	opacity: .4;
}
.fn_cs_icon_alpha[data-align="center"]{justify-content: center;}
.fn_cs_icon_alpha[data-align="right"]{justify-content: flex-end;}

.fn_cs_icon_simple{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
}
.fn_cs_icon_simple[data-align="center"]{justify-content: center;}
.fn_cs_icon_simple[data-align="right"]{justify-content: flex-end;}


.fn_cs_icon_beta{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
}
.fn_cs_icon_beta[data-align="center"]{justify-content: center;}
.fn_cs_icon_beta[data-align="right"]{justify-content: flex-end;}
.fn_cs_icon_beta .icon{
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
	z-index: 1;
}
.fn_cs_icon_beta .icon:after{
	content: '';
	z-index: -1;
	position: absolute;
	width: 60px;
	height: 60px;
	bottom: -10px;
	background-color: #dae3ed;
	display: block;
	border-radius: 50%;
}
.fn_cs_icon_p_number{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
}
.fn_cs_icon_p_number .step_icon{
	display: block;
	position: relative;
}
.fn_cs_icon_p_number[data-align="center"]{justify-content: center;}
.fn_cs_icon_p_number[data-align="right"]{justify-content: flex-end;}

.fn_cs_icon_p_number img,
.fn_cs_icon_p_number .vivaco_w_fn_svg{
	width: 125px;
	height: 125px;
	display: block;
}
.fn_cs_icon_p_number .fn_first{
	position: absolute;
	top: 5px;
	left: -5px;
	color: #fff100;
	z-index: -1;
}
.fn_cs_icon_p_number .fn_second{
	color: #026be7;
}
.fn_cs_icon_p_number .fn_third{
	position: absolute;
	top: 0px;
	left: 0px;
}
.fn_cs_icon_p_number .fn_third path{
	stroke: #ffd200;
}
.fn_cs_icon_p_number .fn_number{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
	font-weight: 900;
	color: #fff;
	font-family: 'Heebo';
	font-size: 40px;
}
.fn_cs_icon .vivaco_w_fn_svg{display: block;}
.fn_cs_icon_bordered{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
}
.fn_cs_icon_bordered[data-align="center"]{justify-content: center;}
.fn_cs_icon_bordered[data-align="right"]{justify-content: flex-end;}
.fn_cs_icon_bordered .icon{
	width: 100px;
	height: 100px;
	display: block;
	border: 6px solid rgba(255,255,255,.6);
	box-shadow: 0 10px 80px rgba(0,0,0,0.07);
	border-radius: 100%;
}
.fn_cs_icon_bordered .icon_in{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #b69271;
	border-radius: 100%;
}
.fn_cs_icon_bordered i{
	font-size: 40px;
	color: #fff;
	left: 50%;
	top: 50%;
	position: absolute;
	transform: translate(-50%,-50%);
}
.fn_cs_icon_bordered img,
.fn_cs_icon_bordered .vivaco_w_fn_svg{
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	color: #fff;
}

.fn_cs_icon_h_circle{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
	padding-bottom: 10px;
}
.fn_cs_icon_h_circle[data-align="center"]{justify-content: center;}
.fn_cs_icon_h_circle[data-align="right"]{justify-content: flex-end;}
.fn_cs_icon_h_circle .icon_in{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;
	border-radius: 50%;
	background-color: #f7f4f0;
	display: block;
}
.fn_cs_icon_h_circle .icon{
	width: 350px;
	height: 350px;
	display: block;
	position: relative;
}
.fn_cs_icon_h_circle i{
	font-size: 245px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.fn_cs_icon_h_circle img,
.fn_cs_icon_h_circle .vivaco_w_fn_svg{
	width: 245px;
	height: 245px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.fn_cs_icon_h_circle .shape_a{
	top: 0;
	left: -5px;
	right: -5px;
	bottom: -10px;
	background-color: #fff;
	border-radius: 50%;
	display: block;
	position: absolute;
	z-index: 1;
	box-shadow: 0 10px 30px rgba(0,0,0,0.07);
}



.fn_cs_instagram{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.fotofly_instagram_content{
    margin: 0px auto;
	position: relative;
	height: auto;
}
.fn_cs_instagram .fixer{
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}
.fn_cs_instagram ul{
	list-style-type: none;
	margin: 0;
    float: left;
    position: relative;
	text-align: left;
}
.fn_cs_instagram ul li{
	margin: 0px;
    width: 25%;
    float: left;
    padding-left: 10px;
    margin-bottom: 10px;
}
.fn_cs_instagram ul a img{
	display: block;
	padding: 15px;
	margin: 0;
	float: left;
	width: 25%;
	
	border-radius: 20px;
}
.fn_cs_instagram .title_holder{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_instagram .title_holder .vivaco_w_fn_svg{
	width: 40px;
	height: 40px;
	margin-bottom: 8px;
	color: #ff5e62;
}
.fn_cs_instagram .title_holder h3{
	margin: 0;
	padding: 0;
	font-family: 'Heebo';
	letter-spacing: 0;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 17px;
}
.fn_cs_instagram .title_holder h3 a{
	color: #ccc;
}
.fn_cs_instagram .title_holder h3 a:hover{
	color: #ff5e62;
}
@media(max-width: 480px){
	.fn_cs_instagram ul a img{width: 50%;}
}







.fn_cs_intro_testimonials[data-style="centered"] .icon{
	position: relative;
	margin-right: 0px;
	top: 0px;
	right: auto;
}
.fn_cs_intro_testimonials[data-style="centered"] .intro_inner{
	text-align: center;
}
.fn_cs_intro_testimonials[data-style="centered"] .extra{
	width: auto;
	max-width: 100%;
	display: inline-block;
	float: none;
}
.fn_cs_intro_testimonials[data-style="centered"] .extra .short{
	padding-left: 0px;
}
.fn_cs_intro_testimonials[data-style="centered"] .image_box{
	margin: 0px auto;
	margin-bottom: 17px;
}
.fn_cs_intro_testimonials[data-style="centered"] .icon .vivaco_w_fn_svg{
	width: 46px;
	height: 46px;
}
.fn_cs_intro_testimonials{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
}
.fn_cs_intro_testimonials .icon_wrapper{
	width: 100%;
	float: none;
	clear: both;
	margin: 0 auto;
	position: relative;
}
.fn_cs_intro_testimonials .intro_inner{
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	position: relative;
}
.fn_cs_intro_testimonials .owl-nav{
	height: 0;
}
.fn_cs_intro_testimonials .owl-carousel{
	margin: 0px;
	list-style-type: none;
	position: static;
}
.fn_cs_intro_testimonials .owl-carousel .item{
	margin: 0px auto;
	width: 100%;
	max-width: 850px;
}
.fn_cs_intro_testimonials .text_box{
	margin-bottom: 19px;
}
.fn_cs_intro_testimonials .text_box{
	width: 100%;
	float: left;
}
.fn_cs_intro_testimonials .text_box p{
	font-family: "Poppins";
	font-weight: 500;
	color: #222222;
	font-size: 30px;
	line-height: 1.4;
}
.fn_cs_intro_testimonials .extra{
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}
.fn_cs_intro_testimonials .image_box{
	position: relative;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	overflow: hidden;
}
.fn_cs_intro_testimonials .image_box .image{
	position: absolute;
	top: -4px;
	bottom: -4px;
	left: -4px;
	right: -4px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 100%;
	opacity: 0;
	transition: all 1s ease;
	transform: scale(1.5) translateZ(0);
}
.fn_cs_intro_testimonials .owl-item.active .image_box .image{
	opacity: 1;
	transition: all 1s .3s ease;
	transform: scale(1) translateZ(0);
}
.fn_cs_intro_testimonials .extra .short{padding-left: 30px;}
.fn_cs_intro_testimonials .extra .short h3{
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	position: relative;
}
.fn_cs_intro_testimonials .extra .short .author{
	font-family: "Poppins";
	font-size: 18px;
	color: #222222;
	font-weight: 600;
	margin-bottom: 0px;
	margin-bottom: 7px;
}
.fn_cs_intro_testimonials .extra .job{
	font-family: "Muli";
	font-size: 16px;
	color: #777777;
	font-weight: 400;
	display: block;
}
.fn_cs_intro_testimonials .extra .short .author span,
.fn_cs_intro_testimonials .extra .short .job span{
	position: relative;
	display: block;
	transform: translateY(102%);
	transition: all 1s ease;
}
.fn_cs_intro_testimonials .owl-item.active .extra .author span{
	transform: translateY(0px);
	transition-delay: 0.3s;
}
.fn_cs_intro_testimonials .owl-item.active .extra .job span{
	transform: translateY(0px);
	transition-delay: 0.6s;
}
.fn_cs_intro_testimonials .icon{
	position: absolute;
	top: 9px;
	right: 100%;
	margin-right: 20px;
}
.fn_cs_intro_testimonials .icon .vivaco_w_fn_svg{
	width: 24px;
	height: 24px;
	color: #222222;
}
.fn_cs_intro_testimonials .owl-dots{
	display: none;
}
.fn_cs_intro_testimonials .fn_nav{
	position: absolute;
	width: 100%;
}

.fn_cs_intro_testimonials .prev,
.fn_cs_intro_testimonials .next{
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 5;
	top: 50%;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.8);
	cursor: pointer;
}
.fn_cs_intro_testimonials .prev .vivaco_w_fn_svg,
.fn_cs_intro_testimonials .next .vivaco_w_fn_svg{
	opacity: 0;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
	color: #fff;
}
.fn_cs_intro_testimonials .prev .vivaco_w_fn_svg.replaced-svg,
.fn_cs_intro_testimonials .next .vivaco_w_fn_svg.replaced-svg{
	opacity: 1;
}
.fn_cs_intro_testimonials .next{
	right: 50px;
}
.fn_cs_intro_testimonials .prev{
	left: 50px;
}
.fn_cs_intro_testimonials .prev .vivaco_w_fn_svg{
	transform: rotate(180deg);
}







.fn_cs_category_list{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_category_list .cat_list{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_category_list .cat_list .item_in{
	min-height: inherit;
}
.fn_cs_category_list ul{
	margin: 0;
	list-style-type: none;
	padding: 0;
	margin-left: -30px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.fn_cs_category_list li{
	width: 33.3333%;
	float: left;
	padding-left: 30px;
	margin-bottom: 30px;
}
.fn_cs_category_list .info_item{
	width: 100%;
	float: left;
	clear: both;
	border-radius: 2px;
	min-height: 200px;
	height: 100%;
	text-align: center;
	position: relative;
	transition: all .3s ease-out;
}
.fn_cs_category_list .info_item a{
	text-decoration: none;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 10;
}
.fn_cs_category_list .item_in{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding: 35px 35px 24px 35px;
	height: 100%;
	border: 1px solid #201e21;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	transition: all .3s ease-out;
}
.fn_cs_category_list .item_in > *{
	z-index: 5;
	position: relative;
}
.fn_cs_category_list .info_item:after{
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	border: 0px solid #ff0066;
	background-color: transparent;
	position: absolute;
	content: '';
	transition: all .3s ease-out;
	opacity: 0;
	z-index: 1
}
.fn_cs_category_list.color .info_item:after{
	border-width: 0 !important;
}
.fn_cs_category_list .info_item:hover .item_in{
	border-color: transparent !important;
}
.fn_cs_category_list .info_item:hover:after{
	opacity: 1;
	border-width: 10px;
}
.fn_cs_category_list h3{
	margin: 0;
	padding: 0;
	font-size: 20px;
	letter-spacing: 0;
	color: #ccc;
	font-weight: 400;
	font-family: 'Heebo';
}
.fn_cs_category_list[data-align="left"] .info_item{
	text-align: left;
}
.fn_cs_category_list[data-align="right"] .info_item{
	text-align: right;
}
.fn_cs_category_list[data-cols="2"] li{width:50%;}
.fn_cs_category_list[data-cols="4"] li{width:25%;}

.fn_cs_category_list .img_holder{
	margin-bottom: 25px;
}
.fn_cs_category_list .img_holder img{
	opacity: 0;
	min-width: 100%;
}
.fn_cs_category_list .abs_img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

@media(max-width: 1040px){
	.fn_cs_category_list[data-cols="3"] li{width:50%;}
	.fn_cs_category_list[data-cols="4"] li{width:50%;}
}
@media(max-width: 768px){
	.fn_cs_category_list[data-cols="2"] li{width:100%;}
	.fn_cs_category_list[data-cols="3"] li{width:100%;}
	.fn_cs_category_list[data-cols="4"] li{width:100%;}
}




/* Title Shortcode */
.fn_cs_title_alpha{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
.fn_cs_title_alpha .fn__title{
	margin: 0;
	padding: 0 20px;
	position: relative;
    z-index: 3;
	max-width: 100%;
}
.fn_cs_title_alpha .title_in{
	display: block;
	position: relative;
	padding: 26px 78px;
	background-color: #ff7c00;
	font-family: 'Heebo';
	color: #0b0a0c;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 1.2;
	border-radius: 2px;
	text-align: center;
}
.fn_cs_title_alpha .title_in:after{
	content: '';
	top: 10px;
	left: -10px;
	bottom: 10px;
	right: -10px;
	position: absolute;
	background-color: #ff7c00;
	opacity: .5;
	z-index: -1;
	border-radius: 2px;
}
.fn_cs_title_alpha .title_in:before{
	content: '';
	top: 20px;
	left: -20px;
	bottom: 20px;
	right: -20px;
	position: absolute;
	background-color: #ff7c00;
	opacity: .2;
	z-index: -2;
	border-radius: 2px;
}
.fn_cs_title_alpha[data-align="center"]{justify-content: center;}
.fn_cs_title_alpha[data-align="right"]{justify-content: flex-end;}
@media(max-width: 768px){
	.fn_cs_title_alpha .title_in{
		padding-left: 20px;
		padding-right: 20px;
	}
}


.fn_cs_title_beta{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
.fn_cs_title_beta .fn__title{
	margin: 0;
	padding: 0;
	position: relative;
    z-index: 3;
	max-width: 100%;
}
.fn_cs_title_beta .title_in{
    position: relative;
    padding: 21px 80px 21px 40px;
    font-family: 'Heebo';
    color: #0b0a0c;
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 1.2;
    text-align: center;
    height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.fn_cs_title_beta .title_in:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 40px;
	bottom: 0;
	z-index: -1;
	background-color: #ef09b7;
}
.fn_cs_title_beta .fn_a:after{
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 20px;
	border-style: solid;
	border-width: 70px 0 0 20px;
	border-color: transparent transparent transparent #ef09b7;
}
.fn_cs_title_beta .fn_b:after{
	content: '';
    position: absolute;
    top: 0px;
    right: 19px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 0 0 17px;
    border-color: transparent transparent transparent #ef09b7;
    transform: skewX(15deg);
    opacity: 0.2;
}
.fn_cs_title_beta .fn_b:before{
	content: '';
    position: absolute;
    top: 0px;
    right: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 0 0 31px;
    border-color: transparent transparent transparent #ef09b7;
    transform: skewX(16deg);
    opacity: .2;
}
.fn_cs_title_beta[data-align="center"]{justify-content: center;}
.fn_cs_title_beta[data-align="right"]{justify-content: flex-end;}


.fn_cs_title_gradient{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
.fn_cs_title_gradient .fn__title{
	margin: 0;
	max-width: 100%;
}
.fn_cs_title_gradient[data-align="center"]{justify-content: center;text-align: center;}
.fn_cs_title_gradient[data-align="right"]{justify-content: flex-end;text-align: right;}



.fn_cs_custom_products{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_custom_products .swiper-slide {
  height: auto;
}
.fn_cs_custom_products .c_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -45px;
}
.fn_cs_custom_products .c_list .fn_item{
	width: 33.3333%;
	clear: none;
	padding-left: 45px;
	margin-bottom: 45px;
	height: auto;
}
.fn_cs_custom_products .r_list .fn_item{
	width: 100%;
	height: 100%;
}
.fn_cs_custom_products .r_list{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_custom_products .item{
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}
.fn_cs_custom_products .img_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fn_cs_custom_products .img_holder img{
	-webkit-filter: drop-shadow(0px 5px 20px rgba(0,0,0,0.5));
    filter:         drop-shadow(0px 5px 20px rgba(0,0,0,0.5)); 
}
.fn_cs_custom_products .title_holder{
	width: 100%;
	float: left;
	clear: both;
	margin-top: auto;
	padding: 31px 0 0 0;
}
.fn_cs_custom_products .title_holder h3{
	margin: 0;
	padding: 0;
	font-size: 26px;
	line-height: 1.4;
	font-family: 'Heebo';
	margin-bottom: 16px;
}
.fn_cs_custom_products .title_holder p{
	margin: 0;
	padding: 0;
    font-size: 16px;
	line-height: 26px;
}
.fn_cs_custom_products[data-align="left"] .img_holder{align-items: flex-start;}
.fn_cs_custom_products[data-align="left"] .title_holder{text-align: left;}
.fn_cs_custom_products[data-align="center"] .img_holder{align-items: center;}
.fn_cs_custom_products[data-align="center"] .title_holder{text-align: center;}
.fn_cs_custom_products[data-align="right"] .img_holder{align-items: flex-end;}
.fn_cs_custom_products[data-align="right"] .title_holder{text-align: right;}

@media(max-width: 1040px){.fn_cs_custom_products .c_list .fn_item{width: 50%;}}
@media(max-width: 768px){.fn_cs_custom_products .c_list .fn_item{width: 100%;}}







/* Working Hours */
.fn_cs_working_hours{
	padding: 40px 30px;
	border-radius: 10px;
}
.fn_cs_working_hours,
.fn_cs_working_hours .title_holder,
.fn_cs_working_hours .list_holder{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_working_hours .title_holder{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.fn_cs_working_hours .title_holder .fn_icon{
	width: 60px;
	height: 60px;
	display: block;
	position: relative;
	box-shadow: 0px 10px 40px rgba(0,0,0,0.1);
	background-color: rgba(255,255,255,.1);
	border-radius: 50%;
	margin-bottom: 16px;
}
.fn_cs_working_hours .title_holder .vivaco_w_fn_svg{
	width: 30px;
	height: 30px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
}
.fn_cs_working_hours .title_holder h3{
	margin: 0;
	padding: 0;
	font-family: 'Heebo';
	font-size: 17px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 25px;
}
.fn_cs_working_hours ul{
	margin: 0;
	list-style-type: none;
	padding: 0;
}
.fn_cs_working_hours li{
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.fn_cs_working_hours li:last-child{
	border-bottom-color: transparent !important;
	margin-bottom: 0;
}
.fn_cs_working_hours .item{
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.fn_cs_working_hours .item span{
	font-family: 'Open Sans';
	font-size: 16px;
	color: #fff;
	letter-spacing: 0;
	line-height: 32px;
}




.fn_cs_gallery_mosaic{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_gallery_mosaic .inner{
	float: left;
	min-width: 100%;
	width: calc(100% + 40px);
    width: -moz-calc(100% + 40px);
    width: -webkit-calc(100% + 40px);
	margin-left: -40px;
}
.fn_cs_gallery_mosaic .inner:after{
	clear: both;
	display: table;
	content: '';
}
.fn_cs_gallery_mosaic .second_col{
	padding-left: 40px;
}
.fn_cs_gallery_mosaic .first_col,
.fn_cs_gallery_mosaic .second_col{
	float: left;
	width: 50%;
}
.fn_cs_gallery_mosaic .first_col:first-child{
	margin-top: 80px;
}
.fn_cs_gallery_mosaic .first_col{
	padding-left: 40px;
}
.fn_cs_gallery_mosaic .first_bottom_right{
	min-width: 50%;
}
.fn_cs_gallery_mosaic .first_bottom_left{
	margin-left: 40px;
}
.fn_cs_gallery_mosaic .second_top_left{
	min-width: 50%;
}
.fn_cs_gallery_mosaic .second_top_right{
	margin-right: 40px;
}
.fn_cs_gallery_mosaic .second_top{
	align-items: flex-end;
}
.fn_cs_gallery_mosaic .second_top,
.fn_cs_gallery_mosaic .first_bottom{
	width: 100%;
	display: flex;
	flex-direction: row;
	column-gap: 40px;
}
.fn_cs_gallery_mosaic .abs_img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.fn_cs_gallery_mosaic .item_in{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
}
.fn_cs_gallery_mosaic .item{
	margin-bottom: 40px;
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
}
.fn_cs_gallery_mosaic  img{
	min-width: 100%;
	opacity: 0;
}
@media(max-width: 768px){
	.fn_cs_gallery_mosaic .first_col:first-child{margin-top: 0}
	.fn_cs_gallery_mosaic .first_col,
	.fn_cs_gallery_mosaic .second_col{
		width: 100%;
	}
}

.fn_cs_gallery_mosaic_four .first_col,
.fn_cs_gallery_mosaic_four .second_col,
.fn_cs_gallery_mosaic_four{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_gallery_mosaic_four .second_col_in,
.fn_cs_gallery_mosaic_four .first_col_in{
	float: left;
	width: 100%;
	clear: both;
	column-gap: 20px;
	display: flex;
}
.fn_cs_gallery_mosaic_four .second_left,
.fn_cs_gallery_mosaic_four .first_left{
	width: 60%;
	float: left;
	margin-bottom: 20px;
}
.fn_cs_gallery_mosaic_four .second_right,
.fn_cs_gallery_mosaic_four .first_right{
	width: 40%;
	float: left;
	margin-bottom: 20px;
}
.fn_cs_gallery_mosaic_four .item{
	width: 100%;
	display: flex;
}
.fn_cs_gallery_mosaic_four img{
	min-width: 100%;
	opacity: 0;
}
.fn_cs_gallery_mosaic_four .item_in{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.fn_cs_gallery_mosaic_four .first_right{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
}
.fn_cs_gallery_mosaic_four .abs_img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.fn_cs_gallery_mosaic_four .second_left .item{
	max-width: 66.6666%;
}
.fn_cs_gallery_mosaic_four .second_right .item{
	max-width: 75%;
}
.fn_cs_gallery_mosaic_four .second_left{
	display: flex;
	justify-content: flex-end;
}


.fn_cs_countdown{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_countdown .expired{display: none;}
.fn_cs_countdown .inner{
	display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.fn_cs_countdown .item{
	flex: 1;
	text-align: center;
	padding: 10px 20px;
}
.fn_cs_countdown .item h3{
	margin: 0;
	padding: 0;
	font-weight: 600;
	color: #3c4d45;
	font-family: 'Dancing Script';
	font-size: 72px;
	margin-bottom: 13px;
}
.fn_cs_countdown .item p{
	margin: 0;
	padding: 0;
	font-family: 'Heebo';
	font-size: 18px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.fn_cs_circular_progress {
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.fn_cs_circular_progress .fn_circle {
	width: 160px;
	height: 160px;
	display: block;
	position: relative;
	text-align: center;
	border: 14px solid #eeeeee;
	border-radius: 100%;
}
.fn_cs_circular_progress canvas{
	vertical-align: middle;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.fn_cs_circular_progress .fn_percent{
	position: absolute;
	width: 100px;
	height: 100px;
	font-size: 30px;
	color: #fff;
	text-align: center;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-color: #59b6b9;
	border-radius: 100%;
	box-shadow: 0 0 10px rgba(38,163,82,.3);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.fn_cs_circular_progress[data-alignment="left"]{justify-content: flex-start;}
.fn_cs_circular_progress[data-alignment="center"]{justify-content: center;}
.fn_cs_circular_progress[data-alignment="right"]{justify-content: flex-end;}











.fn_cs_slider{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_slider .swiper-slide {
  height: auto;
}
body.admin-bar .fn_cs_slider .item{
    min-height: calc(100vh - 32px);
    min-height: -moz-calc(100vh - 32px);
    min-height: -webkit-calc(100vh - 32px);
}
.fn_cs_slider .img_holder{
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all 1s ease-in-out;
}
.fn_cs_slider .swiper-slide-active .img_holder{
	transform: scale(1.2);
}
.fn_cs_slider .img_holder:after{
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(24,24,24,.8);
}
.fn_cs_slider .item{
	padding: 200px 0;
	min-height: 100vh;
	height: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.fn_cs_slider .title_holder{
	position: relative;
	z-index: 4;
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 180px;
	text-align: center;
}
.fn_cs_slider .title_holder h3{
	font-size: 72px;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	font-family: 'Heebo';
	color: #fff;
	font-weight: 500;
	letter-spacing: 0;
	opacity: 0;
	transform: translateY(20px) rotate(5deg);
	transition: all .3s ease-in-out;
}
.fn_cs_slider .swiper-slide-active .title_holder h3{
	opacity: 1;
	transform: translateY(0px) rotate(0deg);
}
.fn_cs_slider .title_holder h3 .word{
	display: inline-block;
}
.fn_cs_slider .title_holder h3 .character{
	display: inline-block;
	position: relative;
	opacity: 0;
	visibility: hidden;
	transform: translateZ(0) rotateY(-90deg);
	
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	    -ms-transition: all .4s ease-in-out;
	     -o-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;
}
.fn_cs_slider .title_holder h3 .character.opened{
	opacity: 1;
	visibility: visible;
	transform: rotate(0deg);
}
@media(max-width: 1040px){
	.fn_cs_slider .title_holder h3{font-size: 36px;}
}
.fn_cs_swiper_nav_prev,
.fn_cs_swiper_nav_next{
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 5;
	top: 50%;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.8);
	cursor: pointer;
}
.fn_cs_swiper_nav_prev .vivaco_w_fn_svg,
.fn_cs_swiper_nav_next .vivaco_w_fn_svg{
	opacity: 0;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -12px;
	color: #fff;
}
.fn_cs_swiper_nav_prev .vivaco_w_fn_svg.replaced-svg,
.fn_cs_swiper_nav_next .vivaco_w_fn_svg.replaced-svg{
	opacity: 1;
}
.fn_cs_swiper_nav_next{
	right: 50px;
}
.fn_cs_swiper_nav_prev{
	left: 50px;
}
.fn_cs_swiper_nav_prev .vivaco_w_fn_svg{
	transform: rotate(180deg);
}
@media(max-width: 1040px){
	.fn_cs_swiper_nav_next{right: 20px;}
	.fn_cs_swiper_nav_prev{left: 20px;}
	.fn_cs_swiper_nav_prev,
	.fn_cs_swiper_nav_next{
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
	.fn_cs_slider .title_holder{
		padding: 0 80px;
		max-width: 960px;
	}
	.fn_cs_swiper_nav_prev .vivaco_w_fn_svg,
	.fn_cs_swiper_nav_next .vivaco_w_fn_svg{
		width: 16px;
		height: 16px;
		margin: -8px 0 0 -8px;
	}
	.fn_cs_intro_testimonials .next{right: 20px;}
	.fn_cs_intro_testimonials .prev{left: 20px;}
	.fn_cs_intro_testimonials .prev,
	.fn_cs_intro_testimonials .next{
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
	.fn_cs_slider .title_holder{
		padding: 0 80px;
		max-width: 960px;
	}
	.fn_cs_intro_testimonials .prev .vivaco_w_fn_svg,
	.fn_cs_intro_testimonials .next .vivaco_w_fn_svg{
		width: 16px;
		height: 16px;
		margin: -8px 0 0 -8px;
	}
}






/* image after before */
.fn_cs_after_before .juxtapose{
	z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.fn_cs_after_before img{
	max-width: 100%;
    position: absolute;
    top: 0;
    display: block;
}
div.jx-control{
	width: 4px;
	background-color: #000;
}
div.jx-handle{
	width: 80px;
	margin-left: -40px;
}
div.jx-controller{
	width: 80px;
	height: 80px;
	background-color: #ff0066;
	border-radius: 4px;
	margin-left: -38px;
	border: none;
	outline: none;
	outline-color: transparent;
}
div.jx-arrow{
	display: none;
}
a.jx-knightlab{
	display: none;
}
div.jx-controller:after{
	content: '';
	top: 50%;
	margin-top: -6px;
	position: absolute;
	border: 6px inset transparent;
	border-left: 6px solid #111;
    right: 50%;
    border-width: 11px;
    border-top-width: 7px;
    border-bottom-width: 7px;
    margin-right: -27px;
}
div.jx-controller:before{
	content: '';
	top: 50%;
	margin-top: -6px;
	position: absolute;
	border: 6px inset transparent;
	border-right: 6px solid #111;
    left: 50%;
    border-width: 11px;
    border-top-width: 7px;
    border-bottom-width: 7px;
    margin-left: -27px;
}





.fn_cs_social_list{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_social_list .s_list{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-content: center;
	flex-wrap: wrap;
}
.fn_cs_social_list[data-align="left"] .s_list{justify-content: flex-start;}
.fn_cs_social_list[data-align="center"] .s_list{justify-content: center;}
.fn_cs_social_list[data-align="right"] .s_list{justify-content: flex-end;}
.fn_cs_social_list a{
	text-decoration: none;
	font-family: 'Heebo';
	font-weight: 600;
	font-size: 18px;
	color: #ccc;
}
.fn_cs_social_list .sep{
	margin: 0 10px;
	color: #ccc;
}



.fn_cs_sign{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	flex-direction: row;
}
.fn_cs_sign .right_part{
	width: 50%;
	padding-left: 20px;
}
.fn_cs_sign .left_part{
	max-width: 170px;
	justify-content: center;
	display: flex;
	flex-direction: column;
	width: 50%;
	padding-right: 20px;
	border-right: 1px solid #262626;
}
.fn_cs_sign .fn__title{
	margin-bottom: 8px;
	color: #ccc;
}
.fn_cs_sign .fn__desc{
	margin: 0;
	color: #666;
}



/* Line Shortcode */
/* 12 April 2021 */
.fn_cs_line{
	overflow: hidden;
	width: 100%;
	float: left;
	clear: both;
	height: 6px;
	display: flex;
	flex-direction: row;
	max-width: 100%;
}
.fn_cs_line_beta span{
	display: block;
}
.fn_cs_line_beta span:last-child{
	margin-right: 0 !important;
}

/* Video Shortcode */
/* Button Layout */
/* 12 April 2021 */
.fn_cs_video_button{
	width: 100%;
	float: left;
	clear: both;
}
.fn_cs_video_button .video_wrapper{
    float: left;
    clear: both;
    display: flex;
    max-width: 100%;
    flex-direction: row;
    justify-content: flex-start;
	align-items: center;
	position: relative;
}
.fn_cs_video_button .video_inn{
	display: flex;
    justify-content: center;
    position: relative;
}
.fn_cs_video_button a{
	position: absolute;
    text-decoration: none;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 7;
}
.fn_cs_video_button .fn_rounded{
	width: 50px;
    height: 50px;
    border: 3px solid #f06;
    border-radius: 100%;
    position: relative;
    display: block;
    box-shadow: 0px 2px 3px transparent, inset 0px 1px 3px transparent;
    transition: border .1s ease, box-shadow .3s ease;
}
.fn_cs_video_button .fn_rounded:after{
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 13px;
    border-color: transparent transparent transparent #ff0066;
    top: 50%;
    left: 50%;
    margin-left: 2px;
    transform: translate(-50%,-50%);
}
.fn_cs_video_button .fn__title{
	margin: 0 0 0 20px;
	padding: 0;
	font-weight: 400;
	font-size: 24px;
	letter-spacing: 0;
	font-family: 'Heebo';
}