@charset "utf-8";
/*
Theme Name: Vivaco
Theme URI: https://themeforest.net/item/vivaco-multipurpose-creative-wordpress-theme/31688792
Description: Vivaco – Multipurpose Creative WordPress Theme is for many purpose.
Text Domain: vivaco
Author: Frenify
Author URI: http://themeforest.net/user/frenify
Version: 1.5
Tested up to: 5.7.2
Requires PHP: 5.6
License: Located in 'licensing' folder
License URI: license.txt
Tags: custom-header, custom-background, threaded-comments, custom-menu, featured-images, full-width-template, theme-options, translation-ready
*/
/*

	@Author: Frenify
	@URL: http://themeforest.net/user/frenify


	This file contains the styling for the actual theme, this
	is the file you need to edit to change the look of the
	theme.

	This files contents are outlined below.
	
	01) Imported Files
	02) Theme base
	03) Wrapper CSS
	04) Header
	06) Mobile Menu
	07) HAMBURGER MENU
	08) Footer
	09) Page Title
	10) Posts List
	11) 404 Page
	12) Protected Page
	13) PAGINATION
	14) Blog Single
	15) Author Info
	16) Tags
	17) Comments
	18) Contact form 7
	19) Magic Cursor
	20) Ajax Portfolio
	21) Share
	22) Search


*/




/*------------------------------------------------------------------*/
/*	01) Imported Files
/*------------------------------------------------------------------*/
@import "framework/css/import/wp-core.css";
@import "framework/css/import/widgets.css";
/*------------------------------------------------------------------*/
/*	02) Theme base
/*------------------------------------------------------------------*/
.vivaco_fn_pageloader{
	position: fixed;
	z-index: 9999999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	transition: all .5s ease;
}
.preloader_loaded .vivaco_fn_pageloader{
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
}
.vivaco_fn_pageloader .fn_preloader{
	position: absolute;
    top: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
    justify-content: center;
    left: 0;
    transform: translateY(-50%);
    padding: 0 20px;
    box-sizing: border-box;
}
.vivaco_fn_pageloader .fn_item{
	-webkit-animation: vivaco-preloader-animation 2s linear infinite;
    -moz-animation: vivaco-preloader-animation 2s linear infinite;
    -o-animation: vivaco-preloader-animation 2s linear infinite;
    animation: vivaco-preloader-animation 2s linear infinite;
	color: transparent;
	font-size: 80px;
    text-transform: uppercase;
    font-weight: 600;
	font-family: 'Heebo';
}
@keyframes vivaco-preloader-animation{
	0% {
		text-shadow: #fff 0 0 0;
	}

	90%, 100% {
		text-shadow: #000 0 0 19px;
	}
}
[class^="fn__"]{
	display: block;
}
.vivaco_fn_hidden{
	height: 0;
	width: 0;
	position: absolute;
	z-index: -999;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
}
body, html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
body:after{
	clear: both;
	display: table;
	content: '';
}
html{
	height: auto;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.625;
	letter-spacing: 0px;
	font-weight: 400;
	color: #aaa;
	overflow: visible;
	background-color: #0b0a0c;
	
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
@media(max-width: 1040px){body{overflow: hidden;}}
.vivaco_w_fn_svg,
.vivaco_fn_svg{
	width: 20px;
	height: 20px;
	fill: currentcolor;
}
a i{
	transition: none;
}
ol, ul{
	margin: 30px;
}
ol ol,
ol ul,
ul ol,
ul ul{
	margin: 15px;
}
textarea,
input,
button{outline: none;}
:focus{
	outline-color: transparent;
	outline-style: none;
}
dl{
	margin-bottom: 20px;
}
dl dt{margin: 5px 0;}
dl dt:last-child{margin-bottom: 0;}
input[type=button],
input[type=submit],
button{
	font-family: 'Heebo';
}
body blockquote:after{
	clear: both;
	display: table;
	content: '';
}
body blockquote{
	border-left: 3px solid #ff00c0;
	font-style: italic;
	margin: 10px 0px 23px 0px;
	clear: both;
    max-width: 100%;
	background-color: transparent;
	line-height: 1.7;
	color: #ccc;
    box-sizing: border-box;
	font-size: 20px;
	padding: 12px 12px 12px 4%;
}
.pingback a{
	color: #ff00c0;
}
blockquote p{
	margin-bottom: 30px;
}
blockquote p:last-child{
	margin-bottom: 0px;
}
table a,
dd a,
dt a,
blockquote a{
	color: #ccc;
}
table{
	width: 100%;
	margin: 0 0 30px 0;
}
body code, body pre{
	border-left: 3px solid #ff00c0;
	font-style: italic;
	margin: 10px 0px 30px 0px;
	line-height: 1.7;
	color: #ccc;
    box-sizing: border-box;
	font-size: 20px;
	max-width: 100%;
	display: inline-block;
    overflow-x: visible;
    padding: 4px 4px 4px 10px;
  	white-space: pre-wrap;
  
 	-ms-word-wrap: break-word;
    word-wrap: break-word;
    background-color: rgba(255,255,255,.02);
}
br + code,
br + pre{
	margin-top: 30px;
}
p code,
p pre,
p+code{
	margin-top: 0;
}
p+pre{
	margin: 20px 0px;
}
.uneditable-input,
textarea,
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week]{
	color: #ccc;
	height: 44px;
	font-size: 16px;
	background-color: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.021);
}
input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 	color: #666;
}
input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  	color: #666;
}
input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  	color: #666;
}
input[type="text"]:-moz-placeholder { /* Firefox 18- */
 	color: #666;
}
input[type=button],
input[type=submit]{
	border: none;
	height: 44px;
	font-weight: 500;
	font-size: 14px;
	padding: 0px 25px;
	letter-spacing: .5px;
	background-color: #316397;
	color: #fff;
}
input[type=button]:hover,
input[type=submit]:hover{
	background-color: #d24e1a;
	color: #fff;
}
a{
	text-decoration: none;
}
textarea{height: auto;max-width: 600px;}

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover{
	color: #ff00c0;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a{
	color: #eee;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 400;
	font-family: 'Heebo';
	line-height: 1.25;
	margin-bottom: 30px;
}

body p{margin-bottom: 30px;letter-spacing: 0px;}
img{max-width: 100%;}

.frenify-ready[data-fn-bg-img]{
	-webkit-animation: none;
    animation: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
[data-fn-bg-img]{
    background: linear-gradient(45deg, #000, #b2b0b0);
    background-size: 400% 400%;

    -webkit-animation: data-fn-bg-img 1s ease infinite;
    -moz-animation: data-fn-bg-img 1s ease infinite;
    animation: data-fn-bg-img 1s ease infinite;
}

@-webkit-keyframes data-fn-bg-img {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes data-fn-bg-img {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes data-fn-bg-img {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
/*------------------------------------------------------------------*/
/*	03) Wrapper CSS
/*------------------------------------------------------------------*/
.vivaco-fn-wrapper *:after,
.vivaco-fn-wrapper *:before,
.vivaco-fn-wrapper *,
.vivaco-fn-wrapper{
	box-sizing: border-box;
}
.vivaco-fn-wrapper{
	position: relative;
}
.vivaco-fn-wrapper:after{
	content: '';
	position: absolute;
	z-index: -2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.vivaco-fn-wrapper,
.index_page,
.blog_info,
.fn_single_content,
.fn_page_blog,
.vivaco_fn_pages,
.vivaco_fn_full_page_template,
.vivaco_fn_content{
	width: 100%;
	float: left;
	clear: both;
}
.vivaco_fn_pages{transform: translateZ(0);}
.fn_narrow_container:after,
.fn-container:after{
	clear: both;
	display: table;
	content: '';
}
.fn-container .fn_narrow_container{
	padding: 0;
	max-width: 800px;
}
.fn-container .fn-container{
	margin: 0;
	max-width: 100%;
	padding: 0;
}
.fn-container{
	z-index: 5;
}
.fn_narrow_container{
	max-width: 840px;
	padding: 0 20px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.vivaco_fn_hassidebar .vivaco_fn_full_page_in{
	margin-bottom: 0 !important;
}
.fn_single_content .vivaco_fn_hassidebar{
	padding: 0;
}
.vivaco_fn_hassidebar{
	width: 100%;
	float: left;
	clear: both;
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	flex-direction: row;
	padding: 0 20px;
}
.vivaco_fn_hassidebar .vivaco_fn_leftsidebar{
	width: 70%;
	padding-right: 70px;
	min-width: 70%;
}
.vivaco_fn_blog_content{
	width: 100%;
	float: left;
	clear: both;
	padding: 50px 0 100px;
}
.vivaco_fn_hassidebar .vivaco_fn_leftsidebar ul.vivaco_fn_postlist{padding-top: 0;padding-bottom: 0;}
.vivaco_fn_hassidebar .vivaco_fn_leftsidebar ul.vivaco_fn_postlist li:first-child{margin-top: 0;}
.vivaco_fn_hassidebar .vivaco_fn_rightsidebar{
	width: 30%;
	min-width: 30%;
}
@media(max-width: 1040px){
	.vivaco_fn_hassidebar{flex-direction: column;}
	.vivaco_fn_hassidebar .vivaco_fn_rightsidebar{width: 100%;min-width: 100%;}
	.vivaco_fn_hassidebar .vivaco_fn_leftsidebar{width: 100%;min-width: 100%;padding-right: 0;}
}
/*------------------------------------------------------------------*/
/*	04) Header
/*------------------------------------------------------------------*/
.vivaco_fn_header{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	z-index: 999;
	background-color: #fff;
}
.vivaco_fn_header .header_inner{
	width: 100%;
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	max-width: 100%;
	flex-direction: row;
	align-items: center;
}
.vivaco_fn_header .header_logo{
	min-width: fit-content;
}
.vivaco_fn_header .header_logo img{
	max-width: 110px;
}
.vivaco-fn-wrapper[data-pos="fixed"] .vivaco_fn_header{position: fixed;}
.vivaco-fn-wrapper[data-pos="absolute"] .vivaco_fn_header{position: absolute;background-color: transparent;}
ul.vivaco_fn_main_nav{
	margin: 0;
	padding: 0 20px;
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	width: 100%;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
}
ul.vivaco_fn_main_nav > li{
	margin: 0 2px;
	padding: 0;
	position: relative;
}
ul.vivaco_fn_main_nav > li > a{
	display: block;
	height: 100px;
	line-height: 100px;
	text-decoration: none;
	padding: 0 20px;
	font-family: 'Heebo';
	font-size: 18px;
	color: #333;
	position: relative;
	transform: translateZ(0);
}
ul.vivaco_fn_main_nav > li > a span{position: relative;padding: 5px 0;}
ul.vivaco_fn_main_nav > li > a span:after{
	content: '';
	position: absolute;
	bottom: 0;
	height: 1px;
	left: 0;
	transform: scaleX(0);
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	transition: all .3s ease;
	background-color: #ff00c0;
	outline: none;
	display: block;
}
ul.vivaco_fn_main_nav > li:hover > a span:after{	
	transform: scaleX(1);
}
ul.vivaco_fn_main_nav ul.sub-menu li.menu-item-has-children a span,
ul.vivaco_fn_main_nav > li.menu-item-has-children > a span{
	position: relative;
}
ul.vivaco_fn_main_nav > li:hover > ul{
	display: block;
	-webkit-animation: vivaco-submenu-animation .4s ease;
    -moz-animation: vivaco-submenu-animation .4s ease;
}
ul.vivaco_fn_main_nav ul.sub-menu{
	position: absolute;
	width: 220px;
	left: 0;
	top: 100%;
	z-index: 3;
	background-color: #0b0a0c;
	margin: 0;
	padding: 21px 0px;
	list-style-type: none;
	border-radius: 2px;
	display: none;
	box-shadow: 3px 3px 3px 0px rgba(255,255,255,.02);
}
.vivaco_fn_header .header_nav_wrap{
	width: 100%;
}
ul.vivaco_fn_main_nav ul.sub-menu a{
	color: #ccc;
	text-decoration:none;
	font-size: 18px;
	display: block;
	font-family: 'Heebo';
	padding: 0 20px;
	position: relative;
}
ul.vivaco_fn_main_nav ul.sub-menu a:after{
	content: '';
	position: absolute;
	top: 0;
	left: 15px;
	bottom: 100%;
	width: 1px;
	background-color: #ff00c0;
	transition: all .3s ease;
}
ul.vivaco_fn_main_nav ul.sub-menu li:hover > a:after{
	bottom: 0;
}
ul.vivaco_fn_main_nav ul.sub-menu li:hover > a{color: #ff00c0;padding-left: 26px;padding-right: 14px}
ul.vivaco_fn_main_nav ul.sub-menu li{padding: 0; margin-bottom: 10px;position: relative;}
ul.vivaco_fn_main_nav ul.sub-menu li:last-child{margin-bottom: 0;}
ul.vivaco_fn_main_nav ul.sub-menu ul{
	position: absolute;
	top: -21px;
	left: 100%;
}
ul.vivaco_fn_main_nav li:hover ul.sub-menu li:hover > ul{
	display: block;
	-webkit-animation: vivaco-submenu-animation .4s ease;
    -moz-animation: vivaco-submenu-animation .4s ease;
}
@-webkit-keyframes vivaco-submenu-animation {
      0% { opacity: 0; transform: translateY(10px) translateZ(0);}   
    100% { opacity: 1; transform: translateY(0px) translateZ(0);}
}
@-moz-keyframes vivaco-submenu-animation {
      0% { opacity: 0; transform: translateY(10px) translateZ(0);}   
    100% { opacity: 1; transform: translateY(0px) translateZ(0);}
}
.mobile_retina_logo,
.retina_logo{
	display: none;
}
@media (-webkit-min-device-pixel-ratio: 1.1),(min-device-pixel-ratio: 1.1),(min-resolution: 120dpi) {
	.mobile_retina_logo,
	.retina_logo{display: block;}
	.mobile_logo,
	.desktop_logo{display: none;}
}
.vivaco_fn_header .header_helper{
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	align-items: center;
	flex-direction: row;
}
.vivaco_fn_header .vivaco_fn_buy_nav,
.vivaco_fn_header .fn_finder{
	width: 46px;
	min-width: 40px;
	height: 40px;
	position: relative;
}
.vivaco_fn_header .fn_finder{
	cursor: pointer;
}
.vivaco_fn_header a.buy_icon .vivaco_fn_svg{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
}
.vivaco_fn_header a.buy_icon{
	text-decoration: none;
	color: #ccc;
}
.vivaco_fn_header a.buy_icon span{
	position: absolute;
    right: 2px;
    top: 0;
    font-size: 12px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    text-align: center;
    background: #444;
    line-height: 18px;
    color: #fff;
}
.vivaco_fn_header .fn_finder .vivaco_fn_svg{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -9px;
}
.vivaco_fn_header .fn_trigger{
	width: 46px;
	height: 40px;
	cursor: pointer;
	position: relative;
	background-color: #ff00c0;
	border-radius: 2px;
	margin-left: 16px;
}
.vivaco_fn_header .fn_trigger .ham_progress{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 3px;
	overflow: hidden;
	transition: all .7s linear;
	border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.vivaco_fn_header .fn_trigger.ready:hover .ham_progress{
	width: 100%;
}
.vivaco_fn_header .fn_trigger .ham_progress:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: #0f0d10;
}
.vivaco_fn_header .hamburger{
	width: 24px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -12px;
}
.vivaco_fn_header .hamburger.is-active{
	margin-top: -3px;
}
.vivaco_fn_header .hamburger-box{
	width: 24px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -12px;
}
.vivaco_fn_header .hamburger .hamburger-inner::before,
.vivaco_fn_header .hamburger .hamburger-inner::after,
.vivaco_fn_header .hamburger .hamburger-inner{
	width: 24px;
	background-color: #0f0d10;
}
.vivaco_fn_header .hamburger--collapse-r .hamburger-inner::after{
	top: -12px;
}
.vivaco_fn_header .hamburger-inner::before{
	top: -6px;
}
[data-skin="dark"] ul.vivaco_fn_main_nav > li > a,
[data-skin="dark"] .vivaco_fn_header .fn_finder{color: #ccc;}
[data-skin="dark"] .vivaco_fn_header{background-color: #0f0d10;}


/*------------------------------------------------------------------*/
/*	05) Right Popup Panel
/*------------------------------------------------------------------*/
.vivaco-fn-content_archive,
.vivaco_fn_portfolio_page,
.vivaco_fn_full_page_in{
	width: 100%;
	float: left;
	clear: both;
}
.vivaco-fn-content_archive,
.page-template-page-blog .vivaco_fn_pages{margin-bottom: 200px;}
@media(max-width: 1040px){
	.vivaco-fn-content_archive,
	.page-template-page-blog .vivaco_fn_pages{margin-bottom: 100px;}
}
.vivaco_fn_right_panel,
.vivaco_fn_right_panel *{
	filter: none;
}
body.admin-bar .vivaco_fn_right_panel{top: 32px;}
.vivaco_fn_pages,
.vivaco_fn_right_panel{transition: all .4s ease-in-out;}
.fn_opened .vivaco_fn_right_panel .extra_closer{transform: translateX(0);}
.fn_opened .vivaco_fn_right_panel{transform: translateX(0);}
.vivaco_fn_right_panel{
	transform: translateX(470px);
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	flex-direction: row;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background-color: #fff;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
}
.vivaco_fn_right_panel .extra_closer{
	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;
}
.vivaco_fn_right_panel .fn_closer{
	width: 20px;
	height: 20px;
	top: 30px;
	left: 50%;
	margin-left: -10px;
	display: block;
	position: absolute;
	border-radius: 2px;
	background-color: rgba(255,255,255,.07);
	background-color: rgba(255,255,255,.3);
	cursor: pointer;
	transition: all 300ms ease;
}
.vivaco_fn_right_panel .fn_closer:hover{
	background-color: rgba(255,255,255,.5);
}
.vivaco_fn_right_panel .fn_closer .vivaco_fn_svg{
	width: 10px;
	height: 10px;
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
}
.vivaco_fn_popup_sidebar{
	width: 470px;
	height: 100%;
	max-height: 100%;
	background-color: #0b0a0c;
	padding: 100px 0px 50px 0px;
}
.vivaco_fn_popup_sidebar .sidebar_wrapper{
	padding: 0 50px;
}




/*------------------------------------------------------------------*/
/*	06) Mobile Menu
/*------------------------------------------------------------------*/
.vivaco_fn_mobilemenu_wrap{
	width: 100%;
	float: left;
	clear: both;
	display: none;
	overflow: hidden;
	position: relative;
	z-index: 55;
}
.vivaco_fn_mobilemenu_wrap .hamburger{
	opacity: 1;
}
.vivaco_fn_mobilemenu_wrap ul{
	list-style-type: none;
	margin: 0px;
}
.vivaco_fn_mobilemenu_wrap .logo_hamb{
	width: 100%;
	float: left;
	clear: both;
	padding: 20px;
	background-color: #0b0e13;
	
	box-sizing: border-box;
}
.vivaco_fn_mobilemenu_wrap .logo_hamb .in{
	width: 100%;
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	align-items: center;
	justify-content: space-between;
}
.vivaco_fn_mobilemenu_wrap .menu_logo a{
	text-decoration: none;
	display: block;
	cursor: pointer;
}
.vivaco_fn_mobilemenu_wrap .menu_logo a img{
	max-width: 225px;
	max-width: 110px;
	max-height: 40px;
}
.vivaco_fn_mobilemenu_wrap .mobilemenu{
	width: 100%;
	float: left;
	clear: both;
	padding: 40px 20px 30px 20px;
	background-color: #0b0a0c;
	display: none;
	overflow: hidden;
	
	box-sizing: border-box;
}
.vivaco_fn_mobilemenu_wrap .vert_menu_list ul{
	margin: 20px 0px 10px 0px;
	list-style-type: none;
	margin-left: 20px;
	display: none;
	position: relative;
	overflow: hidden;
}
.vivaco_fn_mobilemenu_wrap .vert_menu_list a{
	text-decoration: none;
    color: #ccc;
    font-size: 18px;
    line-height: 30px;
    display: block;
    position: relative;
    font-weight: 500;
}
.vivaco_fn_mobilemenu_wrap .vert_menu_list a:hover{
	color: #fff;
}
.vivaco_fn_mobilemenu_wrap .vert_menu_list ul a{
	text-transform: none;
}
.vivaco_fn_mobilemenu_wrap .vert_menu_list li{
	margin: 0px;
	position: relative;
	margin-bottom: 10px;
}
.vivaco_fn_mobilemenu_wrap .vert_menu_list li.menu-item-has-children > a:after{
	width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-left-color: #eee;
    right: 1px;
    top: 50%;
	margin-top: -5px;
	transition: all .3s ease;
	transform-origin: left center;
}
.vivaco_fn_mobilemenu_wrap .vert_menu_list li.active.menu-item-has-children > a:after{
	transform: rotate(90deg);
	margin-top: -8px;
}
.vivaco_fn_mobilemenu_wrap .vert_menu_list li.menu-item-has-children:hover > a:after,
.vivaco_fn_mobilemenu_wrap .vert_menu_list li.active.menu-item-has-children > a:after{
	border-left-color: #fff;
}
.vivaco_fn_mobilemenu_wrap .vert_menu_list li.active.menu-item-has-children > a{
	color: #fff;
}
.vivaco_fn_mobilemenu_wrap .menu_logo{
	margin-right: 20px;
}
/*------------------------------------------------------------------*/ 
/*	07) HAMBURGER MENU
/*------------------------------------------------------------------*/
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger-box {
  width: 30px;
  height: 18px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 2px;
    background-color: #000;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
	
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before{
    top: -8px;
}
.hamburger-inner::after{
    bottom: -10px;
}
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after{
    top: -16px;
	
	-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	   -moz-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	    -ms-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	     -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
	        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before{
	-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	   -moz-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	    -ms-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	     -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner{
	-webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
	   -moz-transform: translate3d(0, -10px, 0) rotate(45deg);
	    -ms-transform: translate3d(0, -10px, 0) rotate(45deg);
	        transform: translate3d(0, -10px, 0) rotate(45deg);
	
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after{
    top: 0;
    opacity: 0;
	
	-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	   -moz-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	    -ms-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	     -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
	        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before{
    top: 0;
	
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
	
	-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	   -moz-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	    -ms-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	     -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
	        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger{
	padding: 0px;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.hamburger-box{display: block;}

.hamburger .hamburger-inner::before,
.hamburger .hamburger-inner::after,
.hamburger .hamburger-inner{
	background-color: #ccc;
	width: 30px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
/*------------------------------------------------------------------*/
/*	08) Footer
/*------------------------------------------------------------------*/
.vivaco_fn_searchlist{
	width: 100%;
	float: left;
	clear: both;
}
.index_page{margin-bottom: 200px;}
.single-vivaco-project .vivaco_fn_footer{margin-top: 200px;}
.vivaco_fn_searchlist{margin-bottom: 200px;}
.search-no-results .vivaco_fn_searchlist{margin-bottom: 0;}
.single-vivaco-project[data-elementor-device-mode] .vivaco_fn_footer{margin-top: 0px;}
@media(max-width: 1040px){
	.index_page{margin-bottom: 100px;}
	.vivaco_fn_searchlist{margin-bottom: 100px;}
	.single-vivaco-project .vivaco_fn_footer{margin-top: 100px;}
}
.vivaco_fn_footer{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	background-color: #0f0d10;
}
.vivaco_fn_footer .footer_content{
	width: 100%;
	float: left;
	clear: both;
	padding: 85px 0px 100px 0;
}
.vivaco_fn_footer .footer_copy{
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}
.vivaco_fn_footer .footer_copy p{
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.vivaco_fn_footer .footer_copy a{
	color: #aaa;
	text-decoration: none;
}
.vivaco_fn_footer .footer_copy a:hover{
	color: #ff00c0;
}
.vivaco_fn_footer .vivaco_fn_social_list{
	width: 100%;
}
.vivaco_fn_footer .vivaco_fn_social_list ul{
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	justify-content: center;
	list-style-type: none;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	margin-left: -20px;
	margin-bottom: 23px;
}
.vivaco_fn_footer .vivaco_fn_social_list li{
	margin: 0 0 20px 0;
	padding-left: 20px;
}

.vivaco_fn_footer .vivaco_fn_social_list a{
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 50%;
	border: 6px solid rgba(255,255,255,.075);
	line-height: 68px;
	text-align: center;
	font-size: 30px;
	color: #666;
	position: relative;
	transition: all .3s ease;
}
.vivaco_fn_footer .vivaco_fn_social_list a:hover{
	color: #ff00c0;
	transform: translateY(-5px);
	border-color: transparent;
	border-bottom-color: #ff00c0;
	border-radius: 0;
}
/*------------------------------------------------------------------*/
/*	09) Page Title
/*------------------------------------------------------------------*/
.vivaco_fn_pagetitle{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding: 120px 0 150px;
	text-align: center;
	background-color: #0f0d10;
}
.vivaco_fn_pagetitle .fn-container{
	z-index: 5;
}
.vivaco_fn_404 .fn_corner .fn_corner_a,
.vivaco_fn_pagetitle .fn_corner .fn_corner_a{
	border-bottom-width: 388px;
}
.vivaco_fn_404 .fn_corner .fn_corner_b,
.vivaco_fn_pagetitle .fn_corner .fn_corner_b{
	border-bottom-width: 488px;
}
.vivaco-fn-protected .fn_corner,
.vivaco_fn_404 .fn_corner,
.vivaco_fn_pagetitle .fn_corner{
	position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
}
.fn_corner .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,0,192,0.05);
    position: absolute;
    bottom: 0;
	right: 0;
	z-index: -1;
}
.fn_corner .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,0,192,0.05);
    position: absolute;
    bottom: 0;
	right: 0;
	z-index: -1;
}
.fn_corner[data-pos="left"] .fn_corner_a{
	right: auto;
	left: 0;
	border-width: 390px 0 0 660px;
	border-color: transparent;
	border-left-color: rgba(255,0,192,0.05);
}
.fn_corner[data-pos="left"] .fn_corner_b{
	right: auto;
	left: 0;
	border-width: 490px 0 0 360px;
	border-color: transparent;
	border-left-color: rgba(255,0,192,0.05);
}
.vivaco_fn_pagetitle h3{
	font-family: 'Heebo';
	font-weight: 900;
	margin: 0;
	padding: 0;
	font-size: 100px;
	font-size: 5.21vw;
	font-size: calc(20px + 4.17vw);
	font-size: -moz-calc(20px + 4.17vw);
	font-size: -webkit(20px + 4.17vw);
	line-height: 1;
	letter-spacing: 0;
}
.vivaco_fn_breadcrumbs{
	width: 100%;
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	justify-content: center;
	margin-top: 32px;
}
.vivaco_fn_breadcrumbs ul{
	margin: 0;
	padding: 0 39px;
    display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
	list-style-type: none;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,.07);
    background-color: rgba(255,255,255,.02);
}
.vivaco_fn_breadcrumbs ul li{
	margin: 0;
	padding: 0;
}
.vivaco_fn_breadcrumbs span,
.vivaco_fn_breadcrumbs a{
	font-family: 'Heebo';
	font-size: 15px;
	line-height: 42px;
	display: block;
	padding: 0 10px;
}
.vivaco_fn_breadcrumbs span{
	color: #888;
}
.vivaco_fn_breadcrumbs a{
	color: #ccc;
	text-decoration: none;
}
.vivaco_fn_breadcrumbs a:hover{
	color: #ff00c0;
}
.vivaco_fn_breadcrumbs li.separator{
	padding: 0 10px;
}
.vivaco_fn_breadcrumbs li.separator span{
	display: block;
	width: 5px;
	position: relative;
	padding: 0;
	margin: 0;
}
.vivaco_fn_breadcrumbs li.separator .vivaco_fn_svg{
	width: 9px;
	height: 9px;
	position: relative;
	left: -2px;
}
/*------------------------------------------------------------------*/
/*	10) Posts List
/*------------------------------------------------------------------*/
ul.vivaco_fn_postlist{
	padding: 50px 0px 50px 0px;
	margin: 0;
	width: 100%;
	float: left;
	clear: both;
	list-style-type: none;
}
ul.vivaco_fn_postlist li{
	float: left;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	margin-top: 50px;
}
ul.vivaco_fn_postlist .item{
	float: left;
	width: 100%;
	clear: both;
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	flex-direction: row;
	padding: 41px 40px 45px 40px;
	border-radius: 5px;
    border: 1px solid rgba(255,255,255,.07);
	background-color: rgba(255,255,255,.02);
}
.home ul.vivaco_fn_postlist .item.has-post-thumbnail{
	margin-top: 0;
}
.home ul.vivaco_fn_postlist .item{
	margin-top: 20px;
}
ul.vivaco_fn_postlist .item.sticky{
	border-width: 5px;
    border-color: rgba(255,0,192,.1);
    background-color: rgba(255,0,192,.02);
}
ul.vivaco_fn_postlist .item.has-post-thumbnail{
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	border: none;
}
ul.vivaco_fn_postlist .item.has-post-thumbnail .post_right{
	width: 50%;
	padding: 50px 0 50px 50px;
}
ul.vivaco_fn_postlist .item.has-post-thumbnail .post_left{
	display: block;
}
ul.vivaco_fn_postlist .abs_img a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
ul.vivaco_fn_postlist .abs_img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all 1s ease;
}
ul.vivaco_fn_postlist .img_wrap:hover .abs_img{
	transform: scale(1.2) rotate(5deg);
}
ul.vivaco_fn_postlist .img_wrap{
	float: left;
	width: 100%;
	height: 100%;
	clear: both;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
	z-index: 5;
}
ul.vivaco_fn_postlist .post_left:after{
	content: '';
	position: absolute;
	left: 20px;
	top: 40px;
	bottom: 0px;
	right: 0px;
	background-color: rgba(255,255,255,.05);
	border-radius: 3px;
}
ul.vivaco_fn_postlist .img_wrap img{
	opacity: 0;
	min-width: 100%;
}
ul.vivaco_fn_postlist .post_left{
	width: 50%;
	display: none;
	position: relative;
	padding: 20px 20px 20px 0;
}
ul.vivaco_fn_postlist .post_right{
	width: 100%;
	padding: 0;
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	flex-direction: column;
	justify-content: center
}
ul.vivaco_fn_postlist .excerpt_holder{
	margin-bottom: 33px;
}
ul.vivaco_fn_postlist .excerpt_holder p{
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 28px;
}
ul.vivaco_fn_postlist .excerpt_holder p:after{
	content: '...';
}
.post_title{
	margin-bottom: 17px;
	width: 100%;
	float: left;
	clear: both;
}
ul.vivaco_fn_postlist .post_title h3{
	font-size: 30px;
	margin: 0;
	padding: 0;
}
ul.vivaco_fn_postlist .vivaco_fn_author_meta{
	margin-top: 0;
	margin-bottom: 26px;
}
.vivaco_fn_category_info{
	width: 100%;
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 26px;
}
.vivaco_fn_category_info .read_time{
	color: #aaa;
	font-weight: 400;
	position: relative;
	padding-left: 30px;
}
.vivaco_fn_category_info .read_time .icon{
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 0;
	color: #888;
}
.vivaco_fn_category_info span{
	font-size: 13px;
	text-transform: uppercase;
	color: #aaa;
	font-family: 'Heebo';
}
.vivaco_fn_category_info a{
	display: block;
    float: left;
    height: 25px;
    line-height: 23px;
	border: 1px solid rgba(255,255,255,.15);
    background-color: rgba(255,255,255,.02);
    padding: 0 13px;
    border-radius: 2px;
    text-decoration: none;
    font-family: 'Heebo';
    font-size: 13px;
    color: #aaa;
    font-weight: 600;
    text-transform: uppercase;
    margin: 4px 10px 4px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.vivaco_fn_category_info a.fn_last_category{
	margin-right: 20px;
}
.vivaco_fn_category_info a:hover{
	background-color: #ff00c0;
	color: #0f0d10;
}
.vivaco_fn_read a{
	position: relative;
	display: inline-block;
	line-height: 50px;
	color: #0f0d0f;
	font-family: 'Heebo';
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	padding: 0 66px 0 30px;
	background-color: #ff00ca;
	border-radius: 3px;
}
.vivaco_fn_read a .vivaco_fn_svg{
	width: 11px;
	height: 11px;
	position: absolute;
	right: 36px;
	top: 19px;
	
    -ms-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
    transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
    -webkit-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
	
	-ms-transform:scale(1,1) translateX(7px) rotate(90deg);
	-webkit-transform:scale(1,1) translateX(7px) rotate(90deg);
	transform:scale(1,1) translateX(7px) rotate(90deg);
}
.vivaco_fn_read a .arrow:after{
    position: absolute;
    content: '';
    border-bottom: 1px solid #0f0d0f;
    height: 1px;
    width: 22px;
    right: 42px;
    top: 50%;
    margin-top: -1px;
	
    -ms-transform-origin: right;
    transform-origin: right;
	-ms-transform:scale(1,1) translateX(9px);
	-webkit-transform:scale(1,1) translateX(9px);
	transform:scale(1,1) translateX(9px);
	
    pointer-events: none;
	
    transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
    -webkit-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
}

.vivaco_fn_read a:hover .vivaco_fn_svg:nth-child(2){
	-ms-transform: rotate(90deg) translateY(-14px);
	-webkit-transform: rotate(90deg) translateY(-14px);
	transform: rotate(90deg) translateY(-14px);
}
.vivaco_fn_read a:hover .vivaco_fn_svg{
	-ms-transform: rotate(90deg) translateY(-19px);
	-webkit-transform: rotate(90deg) translateY(-19px);
	transform: rotate(90deg) translateY(-19px);
}
.vivaco_fn_read a:hover .arrow:after{
	-ms-transform:scale(0,1) translateX(0);
	-webkit-transform:scale(0,1) translateX(0);
	transform:scale(0,1) translateX(0);
}

.vivaco_fn_author_meta{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
	padding-left: 80px;
	min-height: 60px;
	display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 20px;
	margin-top: auto;
}
.vivaco_fn_author_meta .author_img{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	
	
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.vivaco_fn_author_meta p,
.elementor .vivaco_fn_author_meta p{
	margin: 0;
	padding: 0;
	margin-bottom: 5px; 
	line-height: 1;
	color: #ccc;
}
.vivaco_fn_author_meta p span,
.vivaco_fn_author_meta p a{
	font-weight: 400;
	color: #ccc;
	font-family: 'Heebo';
	font-size: 15px;
	text-transform: uppercase;
}
.vivaco_fn_author_meta p a:hover{
	color: #ff00c0;
}
.vivaco_fn_author_meta .date_meta{
	line-height: 1;
}
.vivaco_fn_author_meta .date_meta span{
	color: #888;
	text-decoration: none;
	font-size: 14px;
}
/*------------------------------------------------------------------*/
/*	11) 404 Page
/*------------------------------------------------------------------*/
.vivaco_fn_404{
	width: 100%;
	float: left;
	clear: both;
	padding: 100px 0 150px 0;
	position: relative;
	background-color: #0f0d10;
}
.vivaco_fn_404 .error_wrap{
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}
.vivaco_fn_404 .fn__heading,
.vivaco_fn_404 .fn__title,
.vivaco_fn_404 .fn__desc{
	margin: 0;
    padding: 0;
    letter-spacing: 0;
}
.vivaco_fn_404 .fn__title{
	font-family: 'Heebo';
    font-weight: 500;
    font-size: 300px;
    font-size: 15.63vw;
    font-size: calc(60px + 12.51vw);
    font-size: -moz-calc(60px + 12.51vw);
    font-size: -webkit(60px + 12.51vw);
    line-height: 1;
}
.vivaco_fn_404 .fn__heading{
	font-family: 'Heebo';
	font-size: 48px;
    margin-bottom: 13px;
}
.vivaco_fn_404 .fn__desc{
	font-size: 24px;
	letter-spacing: -0.1px;
	margin-bottom: 50px;
}
.vivaco_fn_404 .search_holder{
	width: 100%;
	position: relative;
	border-radius: 5px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.vivaco_fn_404 input[type="submit"]{
	width: 70px;
	height: 70px;
	min-width: 70px;
	z-index: 5;
	background-color: transparent !important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	position: absolute;
	right: 0;
	top: 0;
}
.vivaco_fn_404 .search_holder span{
	width: 70px;
	height: 70px;
	position: absolute;
	right: 0;
	top: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	display: block;
	z-index: 1;
	background-color: #ff00c0;
	color: #0f0d10;
}
.vivaco_fn_404 .search_holder span .vivaco_fn_svg{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -9px;
}
.vivaco_fn_404 input[type="text"]{
	width: 100%;
	padding: 0 100px 0px 30px;
	height: 70px;
	line-height: 70px;
	border-radius: 5px;
	background-color: rgba(255,255,255,.03);
	border: 1px solid rgba(255,255,255,.021);
	overflow: hidden;
	font-size: 16px;
	color: #888;
}
.vivaco_fn_404 input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 	color: #666;
	font-size: 16px;
	font-weight: 400;
}
.vivaco_fn_404 input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  	color: #666;
	font-size: 16px;
	font-weight: 400;
}
.vivaco_fn_404 input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  	color: #666;
	font-size: 16px;
	font-weight: 400;
}
.vivaco_fn_404 input[type="text"]:-moz-placeholder { /* Firefox 18- */
 	color: #666;
	font-size: 16px;
	font-weight: 400;
}
/*------------------------------------------------------------------*/
/*	12) Protected Page
/*------------------------------------------------------------------*/
.vivaco-fn-protected{
	width: 100%;
	float: left;
	clear: both;
	background-color: #0f0d10;
	position: relative;
	padding: 125px 0 150px 0;
}
.vivaco-fn-protected .in{
	width: 100%;
    display: flex;
	display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}
.vivaco-fn-protected p{
	margin: 0;
    padding: 0;
    font-size: 24px;
	letter-spacing: -0.2px;
}
.vivaco-fn-protected h3{
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 400;
	font-size: 48px;
    margin-bottom: 20px;
	letter-spacing: -0.2px;
}
.vivaco-fn-protected .container-custom form{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	width: 100%;
	flex-direction: row;
	overflow: hidden;
}
.vivaco-fn-protected .container-custom input[type="submit"]:hover{
	background-color: #222;
    color: #ccc;
}
.vivaco-fn-protected .container-custom input[type="submit"]{
    height: 70px;
    line-height: 70px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: block;
    z-index: 1;
    background-color: #ff00c0;
    color: #0f0d10;
	font-size: 16px;
	font-family: 'Heebo';
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
	padding: 0 30px;
}
.vivaco-fn-protected .container-custom input[type="password"]{
	width: 100%;
	margin: 0;
    padding: 0 30px;
    height: 70px;
    line-height: 70px;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    font-size: 18px;
    color: #444;
	background-color: rgba(255,255,255,.03);
	border: 1px solid rgba(255,255,255,.021);
	border-right-width: 0;
}
.vivaco-fn-protected .container-custom{
	width: 100%;
	max-width: 500px;
	margin: 50px auto 0 auto;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.vivaco-fn-protected .icon{
	display: block;
	color: rgba(255,255,255,.07);
	margin-bottom: 40px;
}
.vivaco-fn-protected .icon .vivaco_fn_svg{
	width: 130px;
	height: 130px;
}
/*------------------------------------------------------------------*/ 
/*	13) PAGINATION
/*------------------------------------------------------------------*/
.vivaco_fn_pagination{
	width: 100%;
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
	margin-top: 15px;
}
.vivaco_fn_pagination:after{
	clear: both;
	display: table;
	content: '';
}
.vivaco_fn_pagination ul{
	margin: 0px;
	list-style-type: none;
}
.vivaco_fn_pagination ul:after{
	clear: both;
	display: table;
	content: '';
}
.vivaco_fn_pagination li{
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}
.vivaco_fn_pagination li:nth-last-child(2){
	margin-right: 30px;
}
.vivaco_fn_pagination li span,
.vivaco_fn_pagination li a{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 700;
	font-size: 14px;
	border-radius: 8px;
}
.vivaco_fn_pagination li a{
	text-decoration: none;
	transition: all .5s ease;
	color: #fff;
	background-color: #6f6f6f;
}
.vivaco_fn_pagination li span,
.vivaco_fn_pagination li a:hover{
	color: #fff;
	background-color: #f0ca6e;
}
.vivaco_fn_pagination li p{
	margin: 0px;
	padding: 0px;
	line-height: 32px;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 15px;
	font-family: 'Heebo';
	color: #888;
}
.vivaco-fn-wrapper[data-pagination-text="disable"] .vivaco_fn_pagination li.view{display: none;}
.vivaco_fn_pagination.fn_type_3 li > span,
.vivaco_fn_pagination.fn_type_3 li a{
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	font-weight: 400;
	border-radius: 3px;
	border: 1px solid rgba(255,255,255,.07);
    background-color: rgba(255,255,255,.02);
	color: #888;
	position: relative;
	font-family: 'Heebo';
}
.vivaco_fn_pagination.fn_type_3 li a{
	box-shadow: none;
}
.vivaco_fn_pagination.fn_type_3 li a:hover,
.vivaco_fn_pagination.fn_type_3 li.active > a,
.vivaco_fn_pagination.fn_type_3 li.active > span{
	color: #0f0d10;
	background-color: #ff00c0;
}
.vivaco_fn_pagination.fn_type_3 li.next a:hover span,
.vivaco_fn_pagination.fn_type_3 li.next a:hover span:after,
.vivaco_fn_pagination.fn_type_3 li.next a:hover span:before,
.vivaco_fn_pagination.fn_type_3 li.prev a:hover span,
.vivaco_fn_pagination.fn_type_3 li.prev a:hover span:after,
.vivaco_fn_pagination.fn_type_3 li.prev a:hover span:before{
	background-color: #0f0d10;
}
.vivaco_fn_pagination.fn_type_3 li.next a{
	width: auto;
	padding: 0 43px 0 12px;
}
.vivaco_fn_pagination.fn_type_3 li.prev a{
	width: auto;
	padding: 0 12px 0 43px;
}
.vivaco_fn_pagination.fn_type_3 li.next a:hover span{
	right: 8px;
}
.vivaco_fn_pagination.fn_type_3 li.next a span{
	width: 20px;
	height: 1px;
	background-color: #888;
	top: 50%;
	display: block;
	position: absolute;
	right: 13px;
	transition: all .3s ease;
}
.vivaco_fn_pagination.fn_type_3 li.next a span:after{
	width: 10px;
    height: 1px;
    transform: rotate(40deg);
    position: absolute;
    right: -1px;
    top: -3px;
    content: '';
    background-color: #888;
}
.vivaco_fn_pagination.fn_type_3 li.next a span:before{
	width: 10px;
    height: 1px;
    transform: rotate(-40deg);
    position: absolute;
    right: -1px;
    top: 3px;
    content: '';
    background-color: #888;
}
.vivaco_fn_pagination.fn_type_3 li.prev a:hover span{
	left: 8px;
}
.vivaco_fn_pagination.fn_type_3 li.prev a span{
	width: 20px;
	height: 1px;
	background-color: #888;
	top: 50%;
	display: block;
	position: absolute;
	left: 13px;
	transition: all .3s ease;
}
.vivaco_fn_pagination.fn_type_3 li.prev a span:after{
	width: 10px;
    height: 1px;
    transform: rotate(40deg);
    position: absolute;
    left: -1px;
    top: 3px;
    content: '';
    background-color: #0e0e10;
}
.vivaco_fn_pagination.fn_type_3 li.prev a span:before{
	width: 10px;
    height: 1px;
    transform: rotate(-40deg);
    position: absolute;
    left: -1px;
    top: -3px;
    content: '';
    background-color: #0e0e10;
}
.vivaco_fn_pagination.fn_type_2 ul{
	margin-left: -15px;
}
.vivaco_fn_pagination.fn_type_2 li{
	margin-left: 15px;
}
.vivaco_fn_pagination.fn_type_2 li span,
.vivaco_fn_pagination.fn_type_2 li a{
	font-size: 18px;
	width: auto;
	height: 26px;
	line-height: 26px;
	background-color: transparent;
	color: #222;
	font-family: 'Muli';
	font-weight: 600;
	text-align: left;
	overflow: visible;
	position: relative;
}
.vivaco_fn_pagination.fn_type_2 li a:hover,
.vivaco_fn_pagination.fn_type_2 li.active a,
.vivaco_fn_pagination.fn_type_2 li.active > span{
	color: #fea202;
}
.vivaco_fn_pagination.fn_type_2 li.next a:hover span,
.vivaco_fn_pagination.fn_type_2 li.next a:hover span:after,
.vivaco_fn_pagination.fn_type_2 li.next a:hover span:before,
.vivaco_fn_pagination.fn_type_2 li.prev a:hover span,
.vivaco_fn_pagination.fn_type_2 li.prev a:hover span:after,
.vivaco_fn_pagination.fn_type_2 li.prev a:hover span:before{
	background-color: #fea202;
}
.vivaco_fn_pagination.fn_type_2 li a:after{
	left: -4px;
	right: -4px;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
}
.vivaco_fn_pagination.fn_type_2 li a:hover,
.vivaco_fn_pagination.fn_type_2 li > span:hover{
	background-color: transparent;
}
.vivaco_fn_pagination.fn_type_2 li.next a{
	padding-right: 33px;
}
.vivaco_fn_pagination.fn_type_2 li.next a:hover span{
	right: -5px;
}
.vivaco_fn_pagination.fn_type_2 li.next a span{
	width: 20px;
	height: 1px;
	background-color: #222;
	top: 50%;
	display: block;
	position: absolute;
	right: 0;
	transition: all .3s ease;
}
.vivaco_fn_pagination.fn_type_2 li.next a span:after{
	width: 10px;
    height: 1px;
    transform: rotate(40deg);
    position: absolute;
    right: -1px;
    top: -3px;
    content: '';
    background-color: #222;
}
.vivaco_fn_pagination.fn_type_2 li.next a span:before{
	width: 10px;
    height: 1px;
    transform: rotate(-40deg);
    position: absolute;
    right: -1px;
    top: 3px;
    content: '';
    background-color: #222;
}
.vivaco_fn_pagination.fn_type_2 li.prev a{
	padding-left: 33px;
}
.vivaco_fn_pagination.fn_type_2 li.prev a:hover span{
	left: -5px;
}
.vivaco_fn_pagination.fn_type_2 li.prev a span{
	width: 20px;
	height: 1px;
	background-color: #222;
	top: 50%;
	display: block;
	position: absolute;
	left: 0;
	transition: all .3s ease;
}
.vivaco_fn_pagination.fn_type_2 li.prev a span:after{
	width: 10px;
    height: 1px;
    transform: rotate(40deg);
    position: absolute;
    left: -1px;
    top: 3px;
    content: '';
    background-color: #222;
}
.vivaco_fn_pagination.fn_type_2 li.prev a span:before{
	width: 10px;
    height: 1px;
    transform: rotate(-40deg);
    position: absolute;
    left: -1px;
    top: -3px;
    content: '';
    background-color: #222;
}
/*------------------------------------------------------------------*/
/*	14) Blog Single
/*------------------------------------------------------------------*/
.vivaco_fn_post_header .img_in,
.vivaco_fn_post_header .img_wrapper,
.vivaco_fn_post_header .fn_post_title,
.vivaco_fn_post_header .fn_post_image,
.vivaco_fn_blog_single .blog_content,
.vivaco_fn_post_content,
.vivaco_fn_post_header,
.vivaco_fn_blog_single{
	width: 100%;
	float: left;
	clear: both;
}
.vivaco_fn_post_header .fn_post_image.rel_image .img_in{
    float: none;
    margin: 0 auto;
    width: auto;
	width: fit-content;
	width: max-content;
	width: intrinsic;
	width: -moz-max-content;
	width: -webkit-max-content;
	max-width: 100%;
	overflow: visible;
	border-radius: 0;
	position: relative;
}
.vivaco_fn_post_header .fn_post_image.rel_image .img_in:after{
	bottom: -20px;
    left: 20px;
    height: 20px;
    right: 20px;
    content: '';
    position: absolute;
    background-color: rgba(255,255,255,.05);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.vivaco_fn_post_header .fn_post_image.rel_image img{
	min-width: inherit;
	opacity: 1;
	border-radius: 5px;
}
.vivaco_fn_post_header .fn_post_image.rel_image .img_wrapper:after{
	display: none;
}
.comment-text a,
.blog_content div:not(.wp-block-archives) a:not(.wp-block-button__link),
.blog_content a:not(.wp-block-button__link){
	color: #ff00c0;
}
ul.wp-block-archives a:hover{
	color: #ff00c0;
}
.wp-block-latest-posts.wp-block-latest-posts__list a,
a.wp-block-latest-comments__comment-link,
a.wp-block-latest-comments__comment-author{
	color: #ccc;
}
.wp-block-latest-posts.wp-block-latest-posts__list a:hover,
a.wp-block-latest-comments__comment-link:hover,
a.wp-block-latest-comments__comment-author:hover{
	color: #ff00c0;
}
.comment-text a:hover,
.blog_content .fn_narrow_container div:not(.wp-block-archives) a:hover{
	text-decoration: underline;
}
.vivaco_fn_post_header .author__meta{
	width: 100%;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 20px;
}
.vivaco_fn_post_header .date_meta,
.vivaco_fn_post_header .author_name,
.vivaco_fn_post_header .author_name a{
	text-decoration: none;
	font-size: 15px;
	font-family: 'Heebo';
	color: #888;
	text-transform: capitalize;
}
.vivaco_fn_post_header .author_name a{
	color: #ccc;
}
.vivaco_fn_post_header .author_name a:hover{
	color: #ff00c0;
}
.vivaco_fn_post_header .author_name{
	padding-right: 31px;
	position: relative;
}
.vivaco_fn_post_header .author_name:after{
	content: '';
	position: absolute;
	width: 1px;
	height: 14px;
	right: 15px;
	background-color: rgba(255,255,255,.1);
	top: 50%;
	margin-top: -7px;
}
.vivaco_fn_post_header .fn_post_title{
	background-color: #0f0d10;
	position: relative;
	padding: 110px 0 220px 0;
	text-align: center;
}
.vivaco_fn_post_header .fn_post_title .fn_corner{
	position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
}
.vivaco_fn_post_header .post_title .fn__title{
	font-size: 60px;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	font-weight: 500;
	margin-bottom: 19px;
}
@media(max-width: 1040px){
	.vivaco_fn_post_header .post_title .fn__title{font-size: 40px;}
}
.vivaco_fn_post_header .vivaco_fn_category_info{
	justify-content: center;
}
.vivaco_fn_post_header .fn_post_image{
	position: relative;
	margin-top: -150px;
}
.vivaco_fn_post_header .fn_post_image[data-image="0"]{display: none;}
.vivaco_fn_post_header .img_in{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.vivaco_fn_post_header .img_wrapper{
	position: relative;
	padding-bottom: 20px;
}
.vivaco_fn_post_header .img_wrapper img{
	min-width: 100%;
	opacity: 0;
}
.vivaco_fn_post_header .img_wrapper:after{
	bottom: 0;
	left: 20px;
	height: 20px;
	right: 20px;
	content: '';
	position: absolute;
	background-color: rgba(255,255,255,.05);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.vivaco_fn_post_header .post_header_bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.vivaco_fn_blog_single .blog_content{
	margin: 50px 0;
}
.vivaco_fn_blog_single .blog_content + .blog_info{
	margin-top: 13px;
}
.blog_info{
	margin-top: 70px;
	position: relative;
}
.blog_info > .fn_narrow_container{
	position: relative;
	z-index: 55;
}
.fn_single_content{
	position: relative;
}
.vivaco_fn_leftsidebar,
.vivaco_fn_rightsidebar,
.fn_ws .vivaco_fn_leftsidebar,
.fn_ws .vivaco_fn_rightsidebar,
.fn_full .fn_single_content{
	padding-top: 100px;
	padding-bottom: 100px;
}
/*------------------------------------------------------------------*/
/*	15) Author Info
/*------------------------------------------------------------------*/
.vivaco_fn_author_info{
	width: 100%;
	float: left;
	clear: both;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-direction: row;
	padding: 40px;
	border-radius: 5px;
	margin-bottom: 35px;
	border: 1px solid rgba(255,255,255,.07);
    background-color: rgba(255,255,255,.02);
}
.vivaco_fn_author_info p{
	margin: 0;
	padding: 0;
	font-size: 18px;
	margin-bottom: 19px;
}
.vivaco_fn_author_info h3{
	margin: 0;
	padding: 0;
	font-size: 24px;
	margin-bottom: 17px;
}
.vivaco_fn_author_info .title_holder{
	width: 100%;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-direction: column;
	min-height: 200px;
	justify-content: center;
}
.vivaco_fn_author_info .img_holder{
	width: 200px;
	min-width: 200px;
	height: 200px;
	position: relative;
	margin-right: 40px;
	border-radius: 4px;
	overflow: hidden;
}
.vivaco_fn_author_info .img_holder .abs_img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.vivaco_fn_author_info .author_bottom ul{
	margin: -5px 0 0 -5px;
	padding: 0;
	list-style-type: none;
}
.vivaco_fn_author_info .author_bottom ul li{
	margin: 5px 0 0px 5px;
	float: left;
	padding: 0;
	transform: translateZ(0);
}
.vivaco_fn_author_info .author_bottom ul li a{
	display: block;
	width: 40px;
	height: 40px;
	color: #666;
	position: relative;
	font-size: 20px;
	line-height: 34px;
	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);
}
.vivaco_fn_author_info .author_bottom ul li a:hover{
	color: #ff00c0;
	transform: translateY(-5px) translateZ(0);
	border-color: transparent;
	border-bottom-color: #ff00c0;
	border-radius: 0;
	background-color: transparent;
}
/*------------------------------------------------------------------*/
/*	16) Tags
/*------------------------------------------------------------------*/
.vivaco_fn_tags{
	width: 100%;
	float: left;
	clear: both;
	color: #aaa;
	margin-bottom: 73px;
}
.vivaco_fn_tags label{
	font-size: 15px;
	font-family: 'Heebo';
	margin-right: 5px;
	text-transform: uppercase;
	position: relative;
	padding-left: 29px;
}
.vivaco_fn_tags label .vivaco_fn_svg{
	position: absolute;
    left: 0;
    top: 0px;
    width: 19px;
    height: 19px;
}
.vivaco_fn_tags a{
	font-family: 'Heebo';
	color: #eee;
	font-size: 15px;
	text-decoration: none;
}
.vivaco_fn_tags a:hover{
	text-decoration: underline;
}
[data-text-skin="dark"] .vivaco_fn_tags a{
	color: #333;
}
[data-text-skin="dark"] .vivaco_fn_tags{
	color: #666;
}
/*------------------------------------------------------------------*/
/*	17) Comments
/*------------------------------------------------------------------*/
.vivaco_fn_comment_wrapper{
	width: 100%;
	float: left;
	clear: both;
	background-color: #0f0d10;
	position: relative;
}
.vivaco_fn_comment_wrapper .fn_corner{
	position: relative;
	z-index: 2;
}
.vivaco_fn_full_page_in .vivaco_fn_comment{
	padding-bottom: 50px;
}
.vivaco_fn_comment{
	width: 100%;
	float: left;
	clear: both;
	padding: 150px 0;
}
.vivaco_fn_comment:after{
	clear: both;
	display: table;
	content: '';
}
.vivaco_fn_leftsidebar .vivaco_fn_comment{
	padding: 50px 0;
}
.vivaco_fn_comment .comment_in{
	max-width: 800px;
	margin: 0 auto;
}
.vivaco_fn_comment h3.comment-title-count{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 500;
	color: #aaa;
	text-transform: uppercase;
	font-family: 'Heebo';
	line-height: 1;
	margin-bottom: 8px;
}
.vivaco_fn_comment ul.children:after,
.vivaco_fn_comment ul.commentlist:after{
	clear: both;
	display: table;
	content: '';
}
.vivaco_fn_comment ul.children,
.vivaco_fn_comment ul.commentlist{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.vivaco_fn_comment ul.children{
	padding-left: 20px;
}
.vivaco_fn_comment li.comment{
	margin: 0;
	padding: 38px 0 0 0;
	width: 100%;
	float: left;
	clear: both;
}
.vivaco_fn_comment li.comment .comment-respond{
	-webkit-animation: vivaco-slide-down 1s ease;
    -moz-animation: vivaco-slide-down 1s ease;
	padding: 30px;
    border-radius: 4px;
    margin: 30px 0 0 0;
  	background: #0f0d10;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 50%);
}
@-webkit-keyframes vivaco-slide-down {
      0% { opacity: 0; transform: translateY(20px) translateZ(0);}   
    100% { opacity: 1; transform: translateY(0px) translateZ(0);}
}
@-moz-keyframes vivaco-slide-down {
      0% { opacity: 0;  transform: translateY(20px) translateZ(0);}   
    100% { opacity: 1; transform: translateY(0px) translateZ(0);}
}
.vivaco_fn_comment .author_rating{
	width: 100%;
	float: left;
	clear: both;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-direction: row;
}
.vivaco_fn_comment .author_rating h4.author{
	padding-right: 35px;
	position: relative;
}
.vivaco_fn_comment .author_rating h4.author:after{
	content: '';
	position: absolute;
	width: 16px;
	height: 1px;
	background-color: #bbb;
	right: 10px;
	top: 50%;
	margin-top: -1px;
}
.vivaco_fn_comment .fn_rating{
	width: auto;
	float: left;
	margin-bottom: 13px;
}
.vivaco_fn_comment .fn_rating_item{
	width: 14px;
	height: 14px;
	float: left;
	margin-right: 4px;
	position: relative;
	color: #ffba00;
}
.vivaco_fn_comment .fn_rating_item .vivaco_fn_svg{
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -7px;
}
.vivaco_fn_comment .comment-body{
	padding-left: 110px;
	position: relative;
}
.vivaco_fn_comment .comment-avatar{
	position: absolute;
	width: 80px;
	height: 80px;
	display: block;
	top: 0;
	left: 0;
}
.vivaco_fn_comment .comment-avatar img{
	border-radius: 50%;
}
.vivaco_fn_comment h4.author{
	margin: 0;
	padding: 0;
	font-weight: 500;
	font-family: 'Heebo';
	font-size: 20px;
	margin-bottom: 11px;
	text-transform: capitalize;
	line-height: 1;
}
.vivaco_fn_comment h4.author a{
	line-height: 1;
}
.vivaco_fn_comment h4.author a:hover{
	color: #ff00c0;
}
.vivaco_fn_comment p.time{
	margin: 0;
	padding: 0;
	color: #888;
	line-height: 1;
	font-size: 13px;
	font-family: 'Heebo';
	text-transform: uppercase;
	font-weight: 500;
}
.vivaco_fn_comment .comment-data{
	padding-bottom: 31px;
	padding-top: 10px;
}
.vivaco_fn_comment .comment-text p{
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 33px;
	letter-spacing: 0;
}
.vivaco_fn_comment .fn_reply{
	display: block;
}
.vivaco_fn_comment .fn_reply:after{
	clear: both;
	display: table;
	content: '';
}
.vivaco_fn_comment .fn_reply .comment-reply{
	display: block;
	float: left;
	position: relative;
	margin: 0 5px 5px 0;
}
.vivaco_fn_comment .fn_reply .comment-reply a{
	padding-left: 29px;
	margin: 0;
}
.vivaco_fn_comment .fn_reply .vivaco_fn_svg{
	position: absolute;
	left: 10px;
	width: 14px;
	height: 14px;
	top: 50%;
	margin-top: -7px;
	color: #000;
}
.vivaco_fn_comment .fn_reply a{
    font-size: 14px;
    color: #0f0d10;
    text-decoration: none;
    line-height: 24px;
    padding: 0 10px;
    display: block;
    float: left;
    border-radius: 2px;
    border: none;
    background-color: #ff00c0;
    font-family: 'Heebo';
    text-transform: capitalize;
    height: 26px;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin: 0 5px 5px 0;
}
.vivaco_fn_comment #cancel-comment-reply-link:hover{
	background-color: #ff00c0;
    color: #0f0d10;
}
.vivaco_fn_comment .commment-text-wrap{
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding-bottom: 45px;
}
.vivaco_fn_comment p.logged-in-as{
	margin-bottom: 32px;
	width: 100%;
	float: left;
	clear: both;
	margin-top: -7px;
}
.vivaco_fn_comment h3.comment-reply-title{
	margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    color: #aaa;
    text-transform: uppercase;
    font-family: 'Heebo';
    line-height: 1;
    margin-bottom: 21px;
	width: 100%;
	float: left;
	clear: both;
}
.vivaco_fn_comment h3.comment-reply-title .comment-title{
	display: block;
    float: left;
    margin: 0 10px 10px 0;
    line-height: 28px;
}
.vivaco_fn_comment .comment_list + .comment-respond{
	padding-top: 95px;
}
.vivaco_fn_comment .comment-respond{
	padding: 0;
	width: 100%;
	float: left;
	clear: both;
	transform: translateZ(0);
}
.vivaco_fn_comment .input-holder{
	margin-bottom: 10px;
}
.vivaco_fn_comment .input-holder input{
	width: 100%;
	max-width: 100%;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,0.07);
    background-color: rgba(229,229,229,0.03);
	display: block;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
	font-weight: 500;
}
.vivaco_fn_comment .input-holder textarea{
	width: 100%;
	max-width: 100%;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,0.07);
    background-color: rgba(229,229,229,0.03);
	padding: 14px 20px;
	display: block;
	font-size: 16px;
	font-weight: 400;
}
.vivaco_fn_comment input[type=submit]{
	border-radius: 4px;
	background-color: #ff00c0;
	color: #0f0d10;
	padding: 0 27px;
	line-height: 50px;
	height: 50px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	max-width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}
.vivaco_fn_comment input[type=submit]:hover{
	background-color: #222;
    color: #ccc!important;
}
.vivaco_fn_comment p.logged-in-as{
	color: #ff00c0;
	font-weight: 400;
    font-size: 16px;
}
.vivaco_fn_comment p.logged-in-as a{
	margin: 0;
    padding: 0;
    color: #ff00c0;
    font-weight: 400;
    font-family: 'Heebo';
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: none;
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .5s;
}
.vivaco_fn_comment p.logged-in-as a:hover{
	background-size: 100% 1px;
}
.vivaco_fn_comment p.form-submit{
	margin: 0;
	padding: 0;
	margin-top: 20px;
	width: 100%;
	float: left;
	clear: both;
}
.vivaco_fn_comment .input-half{
	width: 50%;
	float: left;
}
.vivaco_fn_comment .input-author{
	padding-right: 5px;
}
.vivaco_fn_comment .input-email{
	padding-left: 5px;
}
.vivaco_fn_comment p.comment-form-cookies-consent{
	margin: 0;
    padding: 0;
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 20px;
}
.fn_checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 17px;
	width: 20px;
	height: 20px;
	margin-right: 10px !important;
	float: left;
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

/* Hide the browser's default checkbox */
.fn_checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.fn_checkbox span {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #222;
	border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.fn_checkbox:hover input ~ span {
    background-color: #333;
}

/* When the checkbox is checked, add a blue background */
.fn_checkbox input:checked ~ span {
    background-color: #444;
}

/* Create the checkmark/indicator (hidden when not checked) */
.fn_checkbox span:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.fn_checkbox input:checked ~ span:after {
    display: block;
}

/* Style the checkmark/indicator */
.fn_checkbox span:after {
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid #eee;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.vivaco_fn_comment p.comment-form-cookies-consent:after{
	clear: both;
	display: table;
	content: '';
}
.vivaco_fn_comment p.comment-form-cookies-consent label{
	margin: 0;
    padding: 0;
    font-size: 14px;
    color: #888888;
    line-height: 1;
	cursor: pointer;
}
.vivaco_fn_comment #cancel-comment-reply-link{
	font-size: 14px;
	color: rgb(136, 136, 136);
	text-decoration: none;
	line-height: 26px;
	padding: 0px 10px;
	float: left;
	border-radius: 4px;
	border: 1px solid rgba(255,255,255,.07);
    background-color: rgba(255,255,255,.02);
	margin: 0px 0px 10px;
	text-transform: none;
}
.vivaco_fn_comment .waiting{
    background: #fef7f1;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 10px;
    border-left: 4px solid #d54e21;
    margin-bottom: 10px;
}
/*------------------------------------------------------------------*/
/*	18) Contact form 7
/*------------------------------------------------------------------*/
.fn_contact{
	float: left;
	clear: both;
	margin-left: -20px;
}
.fn_contact > *{
	width: 100%;
	float: left;
	padding-left: 20px;
	margin-bottom: 20px;
	text-align: center;
}
.fn_contact > *:last-child{
	margin-bottom: 0;
}

.fn_contact input:not([type='submit'])::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 	color: #666;
}
.fn_contact input:not([type='submit'])::-moz-placeholder { /* Firefox 19+ */
  	color: #666;
}
.fn_contact input:not([type='submit']):-ms-input-placeholder { /* IE 10+ */
  	color: #666;
}
.fn_contact input:not([type='submit']):-moz-placeholder { /* Firefox 18- */
 	color: #666;
}
.fn_contact .select2-container--default .select2-selection--single{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 50px;
	line-height: 48px;
	border: 1px solid rgba(255,255,255,.07);
    background-color: rgba(255,255,255,.02);
	border-radius: 3px;
	padding: 0 20px;
	outline: none;
	font-size: 14px;
	font-family: 'Open Sans';
	position: relative;
}
.fn_contact .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 48px;
	padding: 0;
	text-align: left;
	color: #ccc;
}
[data-text-skin="dark"] .fn_contact .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #666;
}
.select2-dropdown{
	border: 1px solid rgba(255,255,255,.07);
    background-color: #100f11;
	font-size: 14px;
	font-family: 'Open Sans';
	outline: none;
	border-radius: 3px;
}
.select2-search--dropdown{
	padding: 10px;
}
.select2-results{
	padding: 0 10px 10px 10px;
}
.select2-results__option--selectable{
	border-radius: 3px;
	color: #888;
	font-family: 'Heebo';
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	background: #000;
    border: 1px solid #222;
    border-radius: 3px;
    height: 30px;
    line-height: 40px;
    padding: 0 10px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
	background-color: #ff00c0;
	color: #0f0d10;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 10px;
    right: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-top-color: #333;
}
.select2-container{
	width: 100% !important;
}
.fn_contact select,
.fn_contact input:not([type='submit']){
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 50px;
	line-height: 48px;
	border: 1px solid rgba(255,255,255,.07);
    background-color: rgba(255,255,255,.02);
	border-radius: 3px;
	padding: 0 20px;
	outline: none;
	font-size: 14px;
	font-family: 'Open Sans';
	position: relative;
	color: #ccc;
}
.fn_contact select option{
	font-size: 16px;
	font-family: 'Open Sans';
	background-color: #0b0a0c;
	color: #fff;
	border: none;
}
.fn_contact input[type="submit"]:hover{
	background-color: #222;
	color: #ccc;
}
.fn_contact .full_btn input[type="submit"]{
	width: 100%;
}
.fn_contact input[type="submit"]{
	background: #ff00c0;
    padding: 0 32px;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    border-radius: 3px;
    font-family: 'Heebo';
    font-size: 16px;
    color: #0f0d10;
}
.fn_contact textarea{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 250px;
	border: 1px solid rgba(255,255,255,.07);
    background-color: rgba(255,255,255,.02);
	border-radius: 3px;
	font-size: 14px;
	font-family: 'Open Sans';
	outline: none;
	padding: 15px 20px;
}
.fn_contact textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 	color: #666;
}
.fn_contact textarea::-moz-placeholder { /* Firefox 19+ */
  	color: #666;
}
.fn_contact textarea:-ms-input-placeholder { /* IE 10+ */
  	color: #666;
}
.fn_contact textarea:-moz-placeholder { /* Firefox 18- */
 	color: #666;
}
.fn_contact .fn_half{
	width: 50%;
}
@media(max-width: 768px){
	.fn_contact .fn_half{width: 100%;}
}
.wpcf7{
	min-height: 1px; 
}
.wpcf7 form .wpcf7-response-output{
	clear: both;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    border-radius: 5px;
}
.wpcf7-not-valid-tip{
	text-align: left;
	display: block;
    margin: 10px 0 0 0;
    font-size: 12px
}
.wpcf7 .fn_contact .ajax-loader{
	position: absolute;
}
/*------------------------------------------------------------------*/
/*	19) Magic Cursor
/*------------------------------------------------------------------*/
body.elementor-editor-active .frenify-cursor{
	display: none;
}
.frenify-cursor[data-default="no"]{opacity: 0;}
.frenify-cursor[data-default="no"].cursor-inner{
	transition: opacity .3s ease;
}
.frenify-cursor[data-default="no"].cursor-inner.cursor-hover,
.frenify-cursor[data-default="no"].cursor-inner.cursor-slider{opacity: 1;}
.frenify-cursor[data-link="no"].cursor-inner.cursor-hover{opacity: 0;}
.frenify-cursor[data-slider="no"].cursor-inner.cursor-slider{opacity: 0;}
.frenify-cursor{
	position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
}
.frenify-cursor.mouse-down .fn-cursor{
	transform: scale(.9);
}
@media(max-width: 1040px){
	.frenify-cursor{display: none;}
}
.cursor-link{
    width: 30px;
    height: 30px;
	margin-left: -15px;
    margin-top: -15px;
    border: 2px solid rgba(255,255,255,.5);
    z-index: 10000000;
    -webkit-transition: all .08s ease-out;
    transition: all .08s ease-out;
}
.cursor-outer{
    z-index: 10000000;
    -webkit-transition: transform .08s ease-out, opacity 1s ease;
    transition: transform .08s ease-out, opacity 1s ease;
}
.cursor-outer .fn-cursor{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.5);
}
.cursor-inner .fn-cursor{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -3px 0 0 -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
	background-color: rgba(255,255,255,.5);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.cursor-outer.cursor-slider,
.cursor-outer.cursor-hover{
	opacity: 0;
    -webkit-transition: transform .08s ease-out, opacity .2s ease;
    transition: transform .08s ease-out, opacity .2s ease;
}
.cursor-inner{
    z-index: 10000001;
}
.cursor-inner.cursor-hover .fn-cursor {
	margin: -40px 0 0 -40px;
	width: 80px;
	height: 80px;
	background-color: rgba(255,255,255,.1);
}

.cursor-inner.cursor-slider:not(.cursor-hover) .fn-cursor {
	margin-left: -30px;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	background-color: transparent;
	border: 5px solid rgba(255,255,255,.5);
}
.cursor-inner.cursor-slider.cursor-hover span:after,
.cursor-inner.cursor-slider.cursor-hover span:before{
	background-color: #fff;
}
.cursor-inner.cursor-slider .fn-left,
.cursor-inner.cursor-slider .fn-right{
	opacity: 1;
	visibility: visible;
}
.cursor-inner.cursor-slider .fn-left:after{left: -26px;}
.cursor-inner.cursor-slider .fn-left:before{left: -26px;}
.cursor-inner.cursor-slider .fn-left:after{right: -26px;}
.cursor-inner.cursor-slider .fn-left:before{right: -26px;}

.cursor-inner .fn-left,
.cursor-inner .fn-right{
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}
.cursor-inner .fn-left:after{
	content: '';
	position: absolute;
	width: 2px;
	height: 12px;
	transform: rotate(50deg);
	left: -20px;
	top: 50%;
	margin-top: -10px;
	background-color: rgba(255,255,255,.5);
	transition: all .3s ease;
}
.cursor-inner .fn-left:before{
	content: '';
	position: absolute;
	width: 2px;
	height: 12px;
	transform: rotate(130deg);
	left: -20px;
	top: 50%;
	margin-top: -2px;
	background-color: rgba(255,255,255,.5);
	transition: all .3s ease;
}
.cursor-inner .fn-right:after{
	content: '';
	position: absolute;
	width: 2px;
	height: 12px;
	transform: rotate(50deg);
	right: -20px;
	top: 50%;
	margin-top: -2px;
	background-color: rgba(255,255,255,.5);
	transition: all .3s ease;
}
.cursor-inner .fn-right:before{
	content: '';
	position: absolute;
	width: 2px;
	height: 12px;
	transform: rotate(130deg);
	right: -20px;
	top: 50%;
	margin-top: -10px;
	background-color: rgba(255,255,255,.5);
	transition: all .3s ease;
}


figure{margin: 20px 0;}
figure figcaption{margin-bottom: 0;}
.vivaco-fn-wrapper blockquote{
	color: #ccc;
}
.wp-block-image{
	margin: 0;
	margin-bottom: 30px;
}
hr{
	border-color: #555;
}
.wp-calendar-nav .wp-calendar-nav-next a{
	border-left: 1px solid #111;
}
.blog_content .wp-calendar-nav a,
.blog_content .wp-calendar-nav .wp-calendar-nav-next a{
	background-color: #222;
	color: #ccc;
	text-decoration: none;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
	background-color: #222;
}
.wp-block-table.is-style-stripes{
	border-bottom-color: #222;
}
.wp-block-categories-dropdown{
	margin-bottom: 20px;
}
.wp-block-calendar tbody td, .wp-block-calendar th,
table, table td, table th, table tr{
	border-color: #222;
}
table th,
.wp-block-latest-comments__comment-excerpt p,
.wp-block-calendar table caption, .wp-block-calendar table tbody{
	color: #888;
}
.wp-block-calendar table th{
	background-color: #222;
}
.blog_content .wp-block-tag-cloud a:hover{
	background-color: #ff00c0;
    color: #0f0d10 !important;
}
.wp-block-search .wp-block-search__button{
	background-color: #ff00c0;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	color: #0f0d10;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.wp-block-search .wp-block-search__button:hover{
	background-color: #222;
    color: #ccc;
}
.wp-block-search .wp-block-search__input{
	margin: 0;
    width: 100%;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
    border: 1px solid rgba(255,255,255,.07) !important;
    background-color: rgba(255,255,255,.02);
    overflow: hidden;
    font-size: 15px;
    color: #444;
	max-width: 300px;
	min-width: inherit;
	outline: none;
	outline-color: transparent;
}
.wp-block-search .wp-block-search__input:hover,
.wp-block-search .wp-block-search__input:focus{
	border-color: rgba(255,255,255,.07);
	background-color: rgba(255,255,255,.02);
}
.wp-block-search .wp-block-search__button{
	margin: 0;
}
.blog_content .wp-block-tag-cloud a{
	font-size: 14px;
    color: #888 !important;
    text-decoration: none;
    padding: 0 13px;
    display: block;
    float: left;
    border-radius: 2px;
    margin: 0 5px 5px 0;
    font-style: normal;
    text-transform: uppercase;
    height: 25px;
    line-height: 25px;
    border: 1px solid rgba(255,255,255,.07);
    background-color: rgba(255,255,255,.02);
    font-family: 'Heebo';
    font-weight: 600;
}
.blog_content .wp-block-calendar table a{
	color: #0f0d10;
    background-color: #ff00c0;
}
table th{
	font-weight: 600;
	color: #ccc !important;
}
.calendar_wrap table th{
	text-align: center;
}
select, .widget_block select{
	border-color: #222;
	color: #888;
    background-color: rgba(255,255,255,.02)
}
.vivaco_fn_pagelinks{
	width: 100%;
	float: left;
	clear: both;
}
.vivaco_fn_pagelinks .title{
	float: left;
    line-height: 32px;
	margin: 5px 5px 0 0;
	font-size: 15px;
    font-family: 'Heebo';
    color: #888;
    text-transform: uppercase;
}
.vivaco_fn_pagelinks .post-page-numbers,
.vivaco_fn_pagelinks a{
	text-decoration: none;
	width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,.07);
    background-color: rgba(255,255,255,.02);
    color: #888;
    position: relative;
    font-family: 'Heebo';
	margin: 5px 5px 0 0;
	display: block;
	float: left;
	text-align: center;
}
.vivaco_fn_pagelinks a:hover,
.vivaco_fn_pagelinks .post-page-numbers.current{
	color: #0f0d10;
    background-color: #ff00c0;
}

.vivaco_fn_categories{
	width: 100%;
	float: left;
	clear: both;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}
.vivaco_fn_categories a{
	display: block;
	font-family: 'Heebo';
	font-size: 13px;
	color: #888;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 5px;
}
.vivaco_fn_categories a:hover{
	text-decoration: underline;
}
.elementor-editor-active .vivaco_fn_portfolio_page .portfolio_content{
	display: block !important;
}
.vivaco_fn_portfolio_page > *:first-child{
	margin-top: 150px;
}
.vivaco_fn_portfolio_page .portfolio_content,
.vivaco_fn_portfolio_page .portfolio_list{
	width: 100%;
	float: left;
	clear: both;
}
.vivaco_fn_portfolio_page .fn_ajax_more{
	width: 100%;
	float: left;
	clear: both;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.vivaco_fn_portfolio_page .fn_ajax_more a{
	display: block;
	font-size: 16px;
	color: #0f0d10;
	letter-spacing: 0;
	font-family: 'Heebo';
	text-transform: uppercase;
	height: 50px;
	line-height: 50px;
	border-radius: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 47px;
	background-color: #ff00c0;
	transition: background .5s ease, color .5s ease, opacity 1.5s .5s ease;
}
.vivaco_fn_portfolio_page.go .fn_ajax_more a{
	opacity: 0;
	transition: background .5s ease, color .5s ease, opacity .2s ease;
}
.vivaco_fn_portfolio_page .fn_ajax_more a:hover{
	background-color: #222;
	color: #ccc;
}
.vivaco_fn_portfolio_page .fn_ajax_more.disabled a{
	background-color: #222;
	color: #ccc;
	cursor: no-drop;
}
/*------------------------------------------------------------------*/
/*	20) Ajax Portfolio
/*------------------------------------------------------------------*/
.vivaco_fn_ajax_portfolio{
	width: 100%;
	float: left;
	clear: both;
}
.vivaco_fn_ajax_portfolio .filter_wrapper{
	margin-bottom: 55px;
	width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	clear: both;
    justify-content: center;
}
.vivaco_fn_ajax_portfolio ul.posts_filter{
	margin: 0;
    padding: 12px 46px;
    display: -webkit-flex;
    display: -ms-flexbox;
    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);
}
.vivaco_fn_ajax_portfolio ul.posts_filter:after{
	clear: both;
	display: table;
	content: '';
}
.vivaco_fn_ajax_portfolio ul.posts_filter li{
	margin: 5px 0;
	padding: 0 1px;
	display: block;
	float: left;
	transform: translateZ(0);
}
.vivaco_fn_ajax_portfolio ul.posts_filter li a{
	display: block;
	color: #888;
	text-transform: uppercase;
	transform: translateZ(0);
	font-family: 'Heebo';
	font-size: 13px;
	line-height: 21px;
	padding: 0 17px;
	position: relative;
}
.vivaco_fn_ajax_portfolio ul.posts_filter li:last-child a:after{content: none;}
.vivaco_fn_ajax_portfolio 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;
}
.vivaco_fn_ajax_portfolio ul.posts_filter li a:hover,
.vivaco_fn_ajax_portfolio ul.posts_filter li a.current{
	color: #ccc;
}
.vivaco_fn_ajax_portfolio ul.posts_filter li a.current{
	font-weight: 500;
}
.vivaco_fn_ajax_portfolio ul.posts_list{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-left: -50px;
}
.vivaco_fn_ajax_portfolio ul.posts_list:after{
	clear: both;
	display: table;
	content: '';
}
.vivaco_fn_ajax_portfolio ul.posts_list li{
	width: 33.3333%;
    float: left;
    position: relative;
    margin: 0px 0px 49px 0px;
    padding-left: 50px;
}
.vivaco_fn_ajax_portfolio ul.posts_list li .item{
	position: relative;
	width: 100%;
	float: left;
	clear: both;
}
.vivaco_fn_ajax_portfolio ul.posts_list li .item img{
	position: relative;
	min-width: 100%;
}
.vivaco_fn_ajax_portfolio 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;
}
.vivaco_fn_ajax_portfolio 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;
}
.vivaco_fn_ajax_portfolio 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,1);
	transition: all .3s ease;
}
.vivaco_fn_ajax_portfolio .img_holder:hover .overlay{
	opacity: .9;
}
.vivaco_fn_ajax_portfolio ul.posts_list li .overlay a{
	display: block;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.vivaco_fn_ajax_portfolio .img_holder{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
.vivaco_fn_ajax_portfolio .inner{
	position: relative;
	width: 100%;
}
.vivaco_fn_ajax_portfolio .inner:after{
	clear: both;
	display: table;
	content: '';
}
.vivaco_fn_ajax_portfolio ul.posts_list li .title_holder{
	padding: 25px 0 0 0;
	width: 100%;
	float: left;
	clear: both;
}
.vivaco_fn_ajax_portfolio ul.posts_list li .title_holder h3{
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-family: 'Heebo';
	font-weight: 400;
}
.vivaco_fn_ajax_portfolio ul.posts_list li .title_holder p{
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #888;
	font-family: 'Heebo';
	letter-spacing: .1px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.vivaco_fn_ajax_portfolio ul.posts_list li .title_holder p a{
	color: #888;
}
.vivaco_fn_ajax_portfolio ul.posts_list li .title_holder p a:hover{
	text-decoration: underline;
}
.vivaco_fn_ajax_portfolio .abs_img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.vivaco_fn_ajax_portfolio[data-list-style="grid"] .img_holder{
	border-radius: 2px;
	overflow: hidden;
}
.vivaco_fn_ajax_portfolio[data-list-style="grid"] ul.posts_list li .item img{
	opacity: 0;
}
.vivaco_fn_ajax_portfolio[data-filter-style="nobg"] .filter_wrapper{
	justify-content: flex-start;
}
.vivaco_fn_ajax_portfolio[data-filter-style="nobg"] ul.posts_filter{
	background: none;
	border: none;
	padding: 0;
	justify-content: flex-start;
}
.vivaco_fn_ajax_portfolio[data-filter-style="nobg"] ul.posts_filter li a{
	padding-left: 0;
	padding-right: 34px;
}
.vivaco_fn_ajax_portfolio[data-filter-style="nobg"] ul.posts_filter li a:after{
	margin-left: -17px;
}
.vivaco_fn_ajax_portfolio[data-filter-style="nobg"] .filter_wrapper{margin-bottom: 34px;}
/*------------------------------------------------------------------*/
/*	21) Share
/*------------------------------------------------------------------*/
.vivaco_fn_like_share{
	width: 100%;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	clear: both;
	position: relative;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.vivaco_fn_like_share .share_lines{
	position: absolute;
	display: block;
	width: 120px;
	height: 6px;
	background-color: #272628;
	border-radius: 10px;
	bottom: 100%;
	margin-bottom: 40px;
}
.vivaco_fn_like_share .share_lines:after,
.vivaco_fn_like_share .share_lines:before{
	width: 20px;
	height: 6px;
	position: absolute;
	top: 0;
	content: '';
	background-color: #272628;
	border-radius: 10px;
}
.vivaco_fn_like_share .share_lines:after{
	left: 100%;
	margin-left: 10px;
}
.vivaco_fn_like_share .share_lines:before{
	right: 100%;
	margin-right: 10px;
}
.vivaco_fn_like_share .like_btn{
	margin-right: 5px;
}
.vivaco_fn_like_share .vivaco_fn_sharebox{
	margin-left: 5px;
}
.vivaco_fn_like_share .like_btn a{
	text-decoration: none;
	display: block;
	padding: 0 30px 0 60px;
	line-height: 42px;
	height: 44px;
	border-radius: 5px;
	position: relative;
	border: 1px solid rgba(255,255,255,.07);
	background-color: rgba(255,255,255,.02);
	font-family: 'Heebo';
	color: #888;
	font-size: 16px;
	letter-spacing: 0;
}
.vivaco_fn_like_share .like_btn a:hover{
	border-color: rgba(255,255,255,.2);
}
.vivaco_fn_like_share .like_btn a.liked{
	color: #ff00c0;
}
.vivaco_fn_like_share .like_btn .vivaco_w_fn_svg{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 30px;
}
.vivaco_fn_sharebox a{
	text-decoration: none;
	display: block;
	padding: 0 30px 0 60px;
	line-height: 42px;
	height: 44px;
	border-radius: 5px;
	position: relative;
	border: 1px solid rgba(255,255,255,.07);
	background-color: rgba(255,255,255,.02);
	font-family: 'Heebo';
	color: #888;
	font-size: 16px;
	letter-spacing: 0;
}
.vivaco_fn_sharebox a:hover{
	border-color: rgba(255,255,255,.2);
}
.vivaco_fn_sharebox .vivaco_w_fn_svg{
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 30px;
}
.vivaco_fn_sharebox .share_hidden_box{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: -99;
	margin: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
}
.vivaco_fn_popupshare,
.vivaco_fn_popupshare *{
	box-sizing: border-box;
}
.vivaco_fn_popupshare{
	position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(17,16,18,0.95);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    z-index: -9;
    transition: all 0.3s ease;
	transform: scale(0.9) translateY(-250px);
}
.vivaco_fn_popupshare.opened{
	opacity: 1;
    visibility: visible;
    z-index: 9999;
	transform: scale(1) translateY(0px);
}
.vivaco_fn_popupshare .share_box{
	position: relative;
    width: 420px;
    height: auto;
    background: #0b0a0c;
    border-radius: 5px;
    overflow: hidden;
}
.vivaco_fn_popupshare .share_content{
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 30px;
	position: relative;
}
.vivaco_fn_popupshare .share_header{
	float: left;
	width: 100%;
	clear: both;
	background-color: #bfa264;
	height: 60px;
	line-height: 60px;
	font-family: 'Heebo';
	font-weight: 900;
	font-size: 15px;
	text-transform: uppercase;
	color: #0f0d10;
	text-align: center;
	letter-spacing: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.vivaco_fn_popupshare .share_title{
	float: left;
	width: 100%;
	clear: both;
	height: 65px;
	line-height: 65px;
	font-family: 'Heebo';
	font-weight: 500;
	font-size: 18px;
	color: #ccc;
	text-align: center;
	letter-spacing: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	border-bottom: 1px solid #151316;
}
.vivaco_fn_popupshare .share_list{
	float: left;
	width: 100%;
	clear: both;
	margin: 50px 0 24px 0;
	padding: 0 20px;
}
.vivaco_fn_popupshare .share_list ul{
	margin: 0;
	padding: 0;
	margin-left: -20px;
	list-style-type: none;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.vivaco_fn_popupshare .share_list ul li{
	margin: 0;
	padding: 0;
	padding-left: 20px;
	margin-bottom: 20px;
	float: left;
}
.vivaco_fn_popupshare .share_list a{
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 50%;
	border: 6px solid rgba(255,255,255,.075);
	line-height: 68px;
	text-align: center;
	font-size: 30px;
	color: #888;
	position: relative;
	transition: all .3s ease;
}
.vivaco_fn_popupshare .share_list a:hover{
	color: #ff00c0;
	transform: translateY(-5px);
	border-color: transparent;
	border-bottom-color: #ff00c0;
	border-radius: 0;
}
.vivaco_fn_popupshare .share_closer{
	cursor: pointer;
	background-color: #100f11;
	width: 50px;
	height: 30px;
	bottom: 0;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transition: all .3s ease;
	color: rgba(153,153,153,.4);
}
.vivaco_fn_popupshare .share_closer:hover{
	background-color: #bfa264;
	color: #0f0d10;
}
.vivaco_fn_popupshare .share_closer .vivaco_fn_svg{
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
}
.vivaco_fn_portfolio_single .vivaco_fn_post_header .post_title .fn__title{
	margin-bottom: 69px;
}
/*------------------------------------------------------------------*/
/*	22) Search
/*------------------------------------------------------------------*/
body.open_search_popup .vivaco_fn_searchpopup{
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	z-index: 9999999999;
}
.vivaco_fn_searchpopup,
.vivaco_fn_searchpopup *{
	box-sizing: border-box;
}
.vivaco_fn_searchpopup{
	margin: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateY(-100%);
	transition: all 500ms ease;
}
.vivaco_fn_searchpopup .extra_closer{
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	transform: translateY(205%);
	background-color: rgba(15,13,16,0.9);
	transition: all 500ms ease;
}
body.open_search_popup .extra_closer{
	transform: translateY(0);
}
.vivaco_fn_searchpopup .search_inner{
	background-color: #0b0a0c;
}
.vivaco_fn_searchpopup .search_box{
	position: relative;
}
.vivaco_fn_searchpopup .search_box input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
.vivaco_fn_searchpopup .search_box input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
.vivaco_fn_searchpopup .search_box input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
.vivaco_fn_searchpopup .search_box input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #666;
}
.vivaco_fn_searchpopup .search_box input[type="text"]{
	width: 100%;
	min-width: 100%;
	padding: 0 50px 0 0 !important;
	height: 100px;
	line-height: 100px;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	outline-color: transparent !important;
	font-family: 'Open Sans';
	color: #eee;
	font-size: 30px;
}
.vivaco_fn_searchpopup .search_box input[type="submit"]{
	width: 38px !important;
	height: 100px !important;
	top: 0;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	background-color: transparent !important;
	position: absolute;
	right: -8px;
	z-index: 10;
}
.vivaco_fn_searchpopup .search_box a{
	display: block;
	width: 38px !important;
	height: 100px !important;
	top: 0;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	background-color: transparent !important;
	position: absolute;
	right: -8px;
	z-index: 5;
	color: #ccc;
}
.vivaco_fn_searchpopup .search_box .vivaco_fn_svg{
	width: 22px;
	height: 22px;
	left: 50%;
	top: 50%;
	margin: -11px 0 0 -11px;
	position: absolute;
}
.vivaco_fn_searchpopup .search_box:after{
	height: 2px;
	left: -8px;
	right: -8px;
	background-color: #111;
	position: absolute;
	content: '';
	bottom: 0;
}
.vivaco_fn_searchpopup .search_box:before{
	height: 2px;
	left: 50%;
	right: 50%;
	background-color: #555;
	position: absolute;
	content: '';
	bottom: 0;
	transition: all 300ms ease;
	z-index: 33;
}
.vivaco_fn_searchpopup.focused .search_box:before{
	right: -20px;
	left: -20px;
}

.vivaco_fn_searchpopup .search_inner{
	position: relative;
	width: 100%;
	padding: 100px 0;
}
.vivaco_fn_searchpopup .search_closer{
	cursor: pointer;
	position: absolute;
	display: block;
	height: 20px;
	line-height: 20px;
	right: 50px;
	z-index: 5;
	top: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #ccc;
	font-family: 'Quicksand', sans-serif;
	letter-spacing: 0;
	font-size: 14px;
	transition: all 300ms ease;
}
.vivaco_fn_searchpopup .search_closer:hover{
	color: #fff;
}
.vivaco_fn_searchpopup .search_closer.closed .s_btn,
.vivaco_fn_searchpopup .search_closer:hover .s_btn{
	background-color: #ff00c0;
}
.vivaco_fn_searchpopup .search_closer.closed .s_btn:after,
.vivaco_fn_searchpopup .search_closer:hover .s_btn:after,
.vivaco_fn_searchpopup .search_closer.closed .s_btn:before,
.vivaco_fn_searchpopup .search_closer:hover .s_btn:before{
	background-color: #000;
}
.vivaco_fn_searchpopup .search_closer .s_text{
	position: relative;
	display: block;
	padding-left: 7px;
	padding-right: 27px;
}

.vivaco_fn_searchpopup .search_closer .s_btn{
	width: 20px;
	height: 20px;
	top: 0;
	right: 0;
	position: absolute;
	display: block;
	background-color: #282828;
	border-radius: 3px;
	transition: all 300ms ease;
}
.vivaco_fn_searchpopup .search_closer .s_btn:after{
	content: '';
	background-color: #fff;
	width: 1px;
	height: 9px;
	position: absolute;
	left: 9px;
	top: 6px;
	transform: rotate(45deg);
	border-radius: 3px;
	transition: all 300ms ease;
}
.vivaco_fn_searchpopup .search_closer .s_btn:before{
	content: '';
	background-color: #fff;
	width: 1px;
	height: 9px;
	position: absolute;
	left: 9px;
	top: 6px;
	transform: rotate(135deg);
	border-radius: 3px;
	transition: all 300ms ease;
}
.elementor-text-editor a{color: #ff00c0;}





/*------------------------------------------------------------------*/
/*	xx) Responsive
/*------------------------------------------------------------------*/
@media(max-width: 1040px){
	.vivaco_fn_ajax_portfolio ul.posts_list li .title_holder{
		opacity: 1;
		visibility: visible;
	}
	.fn_cs_project_moving_title{
		display: none;
	}
	.vivaco_fn_ajax_portfolio ul.posts_list li{width: 50%;}
}

.vivaco_fn_leftsidebar ul.vivaco_fn_postlist .item{flex-direction: column;}
.vivaco_fn_leftsidebar ul.vivaco_fn_postlist .post_left{width: 100%;}
.vivaco_fn_leftsidebar ul.vivaco_fn_postlist .item.has-post-thumbnail .post_right{width: 100%;padding-left: 40px;padding-bottom: 0;padding-right: 40px;}
@media(max-width: 1040px){
	.vivaco_fn_leftsidebar ul.vivaco_fn_postlist .item.has-post-thumbnail .post_right{padding-left: 20px;padding-right: 20px;}
	.vivaco_fn_header{display: none;}
	.vivaco_fn_mobilemenu_wrap{display: block;}
	ul.vivaco_fn_postlist .item{flex-direction: column;}
	ul.vivaco_fn_postlist .post_left{width: 100%;}
	ul.vivaco_fn_postlist .item.has-post-thumbnail .post_right{width: 100%;padding-left: 40px;padding-bottom: 0px;padding-right: 40px;}
}
@media(max-width: 768px){
	.vivaco_fn_comment{padding: 100px 0;}
	.vivaco_fn_author_info .title_holder{min-height: inherit;}
	.vivaco_fn_ajax_portfolio ul.posts_list li{width: 100%;}
	.vivaco_fn_author_info .img_holder{margin: 0 0 30px 0;width: 100%;min-width: 100%;}
	.vivaco_fn_author_info{flex-direction: column;padding: 20px;}
	.vivaco_fn_comment .comment-body{padding-left: 0;}
	.vivaco_fn_comment .comment-avatar{display: none;}
	.vivaco_fn_comment .input-author{width: 100%;padding-right: 0;}
	.vivaco_fn_comment .input-email{width: 100%;padding-left: 0;}
	.vivaco_fn_comment .input-half{width: 100%;}
	
	
	ul.vivaco_fn_postlist .item{padding: 21px 20px 25px 20px;}
	ul.vivaco_fn_postlist .item.has-post-thumbnail .post_right{padding-left: 20px;padding-right: 20px;}
}




/* Page Text Skin: Dark */
[data-text-skin="dark"] .vivaco_fn_category_info span,
[data-text-skin="dark"] .vivaco_fn_category_info a{
	color: #555;
}
[data-text-skin="dark"] .vivaco_fn_ajax_portfolio ul.posts_filter li a:hover,
[data-text-skin="dark"] .vivaco_fn_ajax_portfolio ul.posts_filter li a.current,
[data-text-skin="dark"] .vivaco_fn_breadcrumbs a{color: #111;}
[data-text-skin="dark"] .vivaco_fn_ajax_portfolio ul.posts_filter li a,
[data-text-skin="dark"] .vivaco_fn_breadcrumbs span{color: #555;}
[data-text-skin="dark"] .vivaco_fn_author_info .author_bottom ul li a,
[data-text-skin="dark"] .vivaco_fn_footer .vivaco_fn_social_list a{
	border-color: rgba(0,0,0,0.075);
	color: #555;
}
[data-text-skin="dark"] .vivaco_fn_author_info .author_bottom ul li a:hover,
[data-text-skin="dark"] .vivaco_fn_footer .vivaco_fn_social_list a:hover{
	color: #ff00c0;
	border-color: transparent;
	border-bottom-color: #ff00c0;
}
[data-text-skin="dark"] .vivaco_fn_comment p.logged-in-as a,
[data-text-skin="dark"] .widget_block a,
[data-text-skin="dark"],
[data-text-skin="dark"] .vivaco_fn_comment p.comment-form-cookies-consent label,
[data-text-skin="dark"] .vivaco_fn_footer .footer_copy a,
[data-text-skin="dark"] .vivaco_fn_footer .footer_copy p{
	color: #888;
}
[data-text-skin="dark"] .vivaco_fn_footer .footer_copy a:hover{
	color: #ff00c0;
}
[data-text-skin="dark"] ul.vivaco_fn_postlist .item.has-post-thumbnail{
	background-color: transparent
}
[data-text-skin="dark"] .emaillist input[type="email"],
[data-text-skin="dark"] .vivaco_fn_ajax_portfolio ul.posts_filter,
[data-text-skin="dark"] .fn_contact .select2-container--default .select2-selection--single,
[data-text-skin="dark"] .fn_contact textarea,
[data-text-skin="dark"] .fn_contact select,
[data-text-skin="dark"] .fn_contact input:not([type='submit']),
[data-text-skin="dark"] .vivaco_fn_sharebox a,
[data-text-skin="dark"] .vivaco_fn_pagination.fn_type_3 li > span,
[data-text-skin="dark"] .vivaco_fn_pagination.fn_type_3 li a,
[data-text-skin="dark"] .vivaco_fn_comment .input-holder input,
[data-text-skin="dark"] .vivaco_fn_comment .input-holder textarea,
[data-text-skin="dark"] .widget_block.widget_tag_cloud a,
[data-text-skin="dark"] .widget_block.widget_meta a,
[data-text-skin="dark"] ul.vivaco_fn_postlist .item,
[data-text-skin="dark"] .vivaco_fn_author_info,
[data-text-skin="dark"] .vivaco_fn_category_info a{
	border-color: rgba(0,0,0,0.07);
	background-color: rgba(0,0,0,0.02);
}
[data-text-skin="dark"] .vivaco-fn-protected,
[data-text-skin="dark"] .vivaco_fn_404,
[data-text-skin="dark"] .vivaco_fn_post_header .fn_post_title,
[data-text-skin="dark"] .vivaco_fn_pagetitle,
[data-text-skin="dark"] .vivaco_fn_comment_wrapper{
	background-color: rgba(0,0,0,0.05);
}
[data-text-skin="dark"] .wid-title span:after,
[data-text-skin="dark"] .wid-title span:before,
[data-text-skin="dark"] .wp-block-archives li:after,
[data-text-skin="dark"] .widget_categories li:after,
[data-text-skin="dark"] .widget_archive li:after{
	background-color: rgba(0,0,0,0.07);
}
[data-text-skin="dark"] .vivaco_fn_post_header .author_name:after{
	background-color: rgba(0,0,0,0.1);
}
[data-text-skin="dark"] .vivaco-fn-protected .icon{
	color: rgba(0,0,0,0.07);
}
[data-text-skin="dark"] .vivaco_fn_post_header .author_name a{
	color: #333;
}
.fn__text_skin_dark .select2-dropdown{
	background-color: #fff;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.1);
}
.fn__text_skin_dark .select2-container--default .select2-search--dropdown .select2-search__field{
	background: #fff;
	border-color: #eee;
}

.vivaco_fn_popup_sidebar .wp-block-archives a,
.vivaco_fn_popup_sidebar .widget_vivaco_custom_categories a,
.vivaco_fn_popup_sidebar .widget_archive a,
.vivaco_fn_popup_sidebar .widget_categories a{
	background-color: #0b0a0c;
}
.vivaco_fn_widget_about .afwa_title h3{
	color: #ccc;
}

.wp-block-archives a, .widget_vivaco_custom_categories a, .widget_archive a, .widget_categories a{
	border-radius: 2px;
}
.vivaco-fn-wrapper .opt-in-hound-opt-in-heading{
	color: #ccc;
}





.elementor-editor-active .vivaco_fn_header{z-index: 0;}



/* Totop Button */
.vivaco_fn_totop{
	width: 30px;
	height: 30px;
	text-decoration: none;
	display: block;
	position: fixed;
	right: 50px;
	bottom: 50px;
	transform: translateY(20px);
	transition: all .3s ease;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
	z-index: 9998;
	background-color: #ff00c0;
	border-radius: 3px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	color: #0f0d10;
}
.vivaco_fn_totop.scrolled{
	transform: translateY(0px);
	opacity: 1;
	visibility: visible;
}
.vivaco_fn_totop .vivaco_fn_svg{
	width: 12px;
	height: 12px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -6px 0 0 -6px;
	transition: all .3s ease-in-out;
}
.vivaco_fn_totop:hover .fn_first{
	margin-top: -3px;
	transform: scaleX(0.9) translateZ(0);
}
.vivaco_fn_totop:hover .fn_second{
	margin-top: -9px;
	transform: scaleX(0.9) translateZ(0);
}


/* Right Panel Light Skin */
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar{background-color: #fff;}
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_right_panel .extra_closer{background-color: rgba(245,245,245,0.9);}
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_right_panel .fn_closer{background-color: #ededed;}
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_right_panel .fn_closer .vivaco_fn_svg{color: #888;}
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_right_panel .vivaco_fn_widget_about .afwa_title h3{color: #0b0a0c;}
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_right_panel .widget_block a{color: #888;}
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_right_panel .vivaco_fn_widget_about .afwa_desc p{color: #666;}
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .wp-block-archives a,
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .widget_vivaco_custom_categories a,
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .widget_archive a,
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .widget_categories a{
	background-color: #fff;
	color: #0b0a0c;
}
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .wp-block-archives span.count:after,
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .widget_vivaco_custom_categories span.count:after,
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .widget_archive span.count:after,
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .widget_categories span.count:after{
	background-color: #ededed;
}
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .wp-block-archives span.count,
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .widget_vivaco_custom_categories span.count,
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .widget_archive span.count,
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .widget_categories span.count{
	background-color: #f7f7f7;
	color: #666;
}
.vivaco-fn-wrapper[data-rp-skin="light"] .opt-in-hound-opt-in-wrapper{
	background-color: #f7f7f7 !important;
	border-color: #ededed;
}
.vivaco-fn-wrapper[data-rp-skin="light"] .opt-in-hound-opt-in-content-wrapper p{color: #666;}
.vivaco-fn-wrapper[data-rp-skin="light"] .opt-in-hound-opt-in-heading{color: #0b0a0c;}
.vivaco-fn-wrapper[data-rp-skin="light"] .opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-input input[type=email]{
	background-color: #efefef !important;
}
.vivaco-fn-wrapper[data-rp-skin="light"] .vivaco_fn_popup_sidebar .wid-title span{color: #888;}

/* Search Panel Light Skin */
.vivaco_fn_searchpopup[data-skin="light"] .search_inner{background-color: #fff;}
.vivaco_fn_searchpopup[data-skin="light"]:after{background-color: rgba(245,245,245,0.9);}
.vivaco_fn_searchpopup[data-skin="light"] .search_box:before{background-color: rgba(0,0,0,.3)}
.vivaco_fn_searchpopup[data-skin="light"] .search_box:after{background-color: rgba(0,0,0,.1);}
.vivaco_fn_searchpopup[data-skin="light"] .search_box a{color: #0b0a0c;}
.vivaco_fn_searchpopup[data-skin="light"] .search_closer{color: #777;}
.vivaco_fn_searchpopup[data-skin="light"] .search_closer:hover{color: #0b0a0c;}
.vivaco_fn_searchpopup[data-skin="light"] .search_box input[type="text"]::-webkit-input-placeholder {color: #aaa;}
.vivaco_fn_searchpopup[data-skin="light"] .search_box input[type="text"]::-moz-placeholder {color: #aaa;}
.vivaco_fn_searchpopup[data-skin="light"] .search_box input[type="text"]:-ms-input-placeholder {color: #aaa;}
.vivaco_fn_searchpopup[data-skin="light"] .search_box input[type="text"]:-moz-placeholder {color: #aaa;}
.vivaco_fn_searchpopup[data-skin="light"] .search_box input[type="text"]{color: #777;}




.vivaco_fn_footer .footer_totop{
	width: 100%;
	height: 1px;
	float: left;
	clear: both;
	position: relative;
	z-index: 15;
}
.vivaco_fn_footer .footer_totop:after{
	left: 0;
	top: 0;
	height: 1px;
	background-color: rgba(255,255,255,.07);
	content: '';
	position: absolute;
	right: 50%;
	margin-right: 75px;
}
.vivaco_fn_footer .footer_totop:before{
	right: 0;
	top: 0;
	height: 1px;
	background-color: rgba(255,255,255,.07);
	content: '';
	position: absolute;
	left: 50%;
	margin-left: 75px;
}
.vivaco_fn_footer .footer_totop a{
	width: 30px;
    height: 30px;
    text-decoration: none;
    display: block;
    right: 50px;
    bottom: 50px;
    transition: all .3s ease;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);
    z-index: 9998;
    background-color: #ff00c0;
    border-radius: 3px;
    cursor: pointer;
    color: #0f0d10;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	top: -15px;
}
.vivaco_fn_footer .footer_totop a .vivaco_fn_svg{
	width: 12px;
	height: 12px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -6px 0 0 -6px;
	transition: all .3s ease-in-out;
}
.vivaco_fn_footer .footer_totop a:after{
	content: '';
	position: absolute;
	left: -10px;
	bottom: -10px;
	right: -10px;
	top: 10px;
	background-color: #ff00c0;
	border-radius: 3px;
	display: block;
	z-index: -1;
	opacity: .2;
}
.vivaco_fn_footer .footer_totop a:hover .fn_first{
	margin-top: -3px;
	transform: scaleX(0.9) translateZ(0);
}
.vivaco_fn_footer .footer_totop a:hover .fn_second{
	margin-top: -9px;
	transform: scaleX(0.9) translateZ(0);
}
.vivaco_fn_footer .footer_right_totop a{
	text-decoration: none;
    color: #aaa;
    font-family: 'Heebo';
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.vivaco_fn_footer .footer_right_totop .fn_icon{
	width: 46px;
    height: 40px;
    text-decoration: none;
    display: block;
    transition: all .3s ease;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);
    z-index: 9998;
    background-color: #ff00c0;
    border-radius: 2px;
    cursor: pointer;
    color: #0f0d10;
    position: relative;
	margin-left: 20px;
}
.vivaco_fn_footer .footer_right_totop .fn_icon .vivaco_fn_svg{
	width: 12px;
	height: 12px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -6px 0 0 -6px;
    -ms-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
    transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
    -webkit-transition: all 0.33s cubic-bezier(0.12,0.75,0.4,1);
}
.vivaco_fn_footer .footer_right_totop a:hover .fn_icon .fn_first{
	margin-top: -3px;
	transform: scaleX(0.9) translateZ(0);
}
.vivaco_fn_footer .footer_right_totop a:hover .fn_icon .fn_second{
	margin-top: -9px;
	transform: scaleX(0.9) translateZ(0);
}
.vivaco_fn_footer .footer_right{
	flex: none;
	margin-left: 50px;
}
.vivaco_fn_footer[data-pos="right"] .footer_copy{
	text-align: left;
	margin: 0;
}
.vivaco_fn_footer[data-pos="right"] .vivaco_fn_social_list ul{
	justify-content: flex-start;
}
.vivaco_fn_footer[data-pos="right"] .footer_content{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
@media(max-width: 480px){
	.vivaco_fn_footer .footer_right .fn_text{display: none;}
	.vivaco_fn_footer .footer_right_totop .fn_icon{margin-left: 0;}
	.vivaco_fn_footer .footer_right{margin-left: 30px;}
	.vivaco_fn_footer[data-pos="right"] .footer_content{
		padding: 85px 0;
	}
}

/* Monster Widget */
a.rsswidget{
	line-height: 27px;
}
.widget_pages li a{
	color: #ccc;
}
.widget_block.widget_rss .rss-date{
	display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    vertical-align: middle;
    padding: 4px 8px;
    border-radius: 2px;
	background-color: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.021);
}
.wp-block-latest-posts a,
.wp-block-latest-comments__comment-link,
.wp-block-latest-comments__comment-author,
.wp-block-archives a{
	color: #ccc !important;
}
.wp-block-latest-posts a:hover,
.wp-block-latest-comments__comment-link:hover,
.wp-block-latest-comments__comment-author:hover,
.wp-block-archives li:hover a{
	color: #ff00c0 !important;
}
.wp-calendar-nav a,
.wp-calendar-table a{
	background-color: rgba(255,255,255,.07) !important;
	color: #eee !important;
}

/**/
.aligncenter{
	text-align: center;
}
.is-style-squared .wp-block-button__link{
	border-radius: 0;
}
.wp-caption{
	margin-bottom: 30px;
}
.wp-block-image .alignleft{
	margin-right: 30px;
	margin-bottom: 30px;
}
.wp-block-image .alignright{
	margin-left: 30px;
	margin-bottom: 30px;
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption{
	left: 0;
}
.has-background-dim .wp-block-cover-text a{
	color: #fff !important;
}
.wp-block-button__link{
	line-height: 1.5;
	padding: 13px 30px;
	font-family: 'Heebo';
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none !important;
	margin-bottom: 20px;
	border-radius: 20px;
}
.is-style-outline>.wp-block-button__link,
.wp-block-button__link.is-style-outline{
	border: 2px solid #ff0066;
	padding-top: 11px;
	padding-bottom: 11px;
	background-color: transparent !important;
}
.blocks-gallery-caption{
	margin-bottom: 30px;
	text-align: center;
}
.wp-block-gallery{
	margin-bottom: 30px;
}
@media(max-width: 768px){
	.vivaco_fn_footer .vivaco_fn_social_list ul{margin-left: -10px;}
	.vivaco_fn_footer .vivaco_fn_social_list li{
		margin: 0 0 10px 0;
		padding-left: 10px;
	}
	.vivaco_fn_footer .vivaco_fn_social_list a{
		width: 50px;
		height: 50px;
		border-width: 4px;
		line-height: 42px;
		font-size: 18px;
	}
}
@media(max-width: 1300px){
	.vivaco_fn_searchpopup .search_closer{right: 20px;}
}
.vivaco_fn_all_pages{
	width: 100%;
	float: left;
	clear: both;
}