@charset "utf-8";
/*
Theme Name: Kioto
Theme URI: https://themeforest.net/item/kioto-personal-portfolio-wordpress-theme/
Description: Kioto – Personal and Portfolio WordPress Theme
Text Domain: kioto
Author: Marketify
Author URI: http://themeforest.net/user/marketify
Version: 1.0.2
Tested up to: 6.5
Requires PHP: 7.4
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
*/

/*
Note: This theme requires PHP 7.4 or higher. Please ensure your server environment meets this requirement to avoid any compatibility issues. The decision to support PHP 7.4 and higher is based on the latest statistics and usage trends.
*/

/*

	@Author: Marketify
	@URL: http://themeforest.net/user/marketify


	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) Intital CSS
	02) Mobile Menu
	03) Sidebar Menu
	04) Blog
	05) Breadcrumbs and page title
	06) Blog Single
	07) Comments
	08) 404 Page
	09) Protected Page
	10) Portfolio
	11) Portfolio Single

*/

/*------------------------------------------------------------------*/
/*	01) Intital CSS
/*------------------------------------------------------------------*/

:root{
	--bff: 'Syne', sans-serif;
    --bc: #767676;
	--abh: 32px;
}
@media(max-width:782px){
	:root{
		--abh: 46px;
	}
}
body, html{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body:after{
	clear: both;
	display: table;
	content: '';
}
html{
	height: auto;
}
body{
	width: 100%;
	font-family: var(--bff);
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 0px;
	word-wrap: break-word;
	font-weight: 400;
	background-color: #f9f9f9;
	color: var(--bc);

	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
@media(max-width:1024px){
	body,html{overflow-x: hidden;}
	body{overflow: hidden;}
}
h1,h2,h3,h4,h5,h6{
	font-weight: 600;
	color: #000;
	line-height: 1.3;
}
.fn__svg,
.e-font-icon-svg{
	width: 15px;
	height: 15px;
	fill:currentcolor;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color: var(--bc);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: var(--bc);
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: var(--bc);
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: var(--bc);
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: var(--bc);
}

::placeholder { /* Most modern browsers support this now. */
   color: var(--bc);
}
.admin-bar .kioto_fn_sticky_section{
	top: 132px;
}
.kioto_fn_sticky_section{
	position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
	overflow: visible;
	top: 100px;
}
.kioto_fn_sticky_section:after{
	clear: both;
	display: table;
	content: '';
}
*{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	   -moz-box-sizing: border-box; /* Firefox, other Gecko */
			box-sizing: border-box; /* Opera/IE 8+ */
}
.clearfix:after,
.clearfix:before{
	clear: both;
	display: table;
	content: '';
}
.fn__container{
	max-width: 1240px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	padding:0px 20px;
	position:relative;
	clear:both;
}
.fn__container[data-page-style="full"]{
	/* max-width: 800px; */
}
@media(max-width:1600px){
	.fn__container{max-width: 968px;}
}
@media(max-width:1040px){
	.fn__container{max-width: 100%;}
}

#fn_preloader{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    display: flex;
}
#fn_preloader:before,
#fn_preloader:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-color: #000;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#fn_preloader:after{
    left: auto;
    right: 0;
}
#fn_preloader .loader_line{
    margin: auto;
    width: 1px;
    height: 250px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.8s ease 0s;
    -o-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}
#fn_preloader .loader_line:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 0%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    -webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
    -o-animation: lineheight 1000ms ease-in-out 0s forwards;
    animation: lineheight 1000ms ease-in-out 0s forwards;
}
#fn_preloader .loader_line:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #999999;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: lineround 1200ms linear 0s infinite;
    -o-animation: lineround 1200ms linear 0s infinite;
    animation: lineround 1200ms linear 0s infinite;
    animation-delay: 2000ms;
}

@keyframes lineheight{
    0%{
        height: 0%;
    }
    100%{
        height: 100%;
    }
}

@keyframes lineround{
    0%{
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%{
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
}

/*hiding all*/
#fn_preloader.preloaded .loader_line:after{
    opacity: 0;
}
#fn_preloader.preloaded  .loader_line{
    opacity: 0;
    height: 100%!important;
}
#fn_preloader.preloaded:before,
#fn_preloader.preloaded:after{
    -webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    -o-animation: preloadedzero 300ms ease-in-out 500ms forwards;
    animation: preloadedzero 300ms ease-in-out 500ms forwards;
}
@keyframes preloadedzero{
    0%{
        width: 50%;
    }
    100%{
        width: 0%;
    }
}

.kioto_fn_wrapper{
	width: 100%;
	min-height: 100vh;
	position: relative;
	display: flex;
	flex-direction: column;
}
.admin-bar .kioto_fn_wrapper{
	min-height: calc(100vh - var(--abh));
}

.kioto_fn_sidebar_menu .retina_logo{
	display: none;
}
.kioto_fn_mobilemenu_wrap .retina_logo{
	display: none;
}
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	.kioto_fn_sidebar_menu .retina_logo{display: block;}
	.kioto_fn_mobilemenu_wrap .retina_logo{display: block;}
	.kioto_fn_sidebar_menu .desktop_logo{display: none;}
	.kioto_fn_mobilemenu_wrap .desktop_logo{display: none;}
	.kioto_fn_sidebar_menu .mobile_logo{display: none;}
}
.kioto_fn_single_template{
	padding: 100px 0px;
}
.index_page{
	padding: 100px 0px;
}

.kioto_fn_full_page_template{
	/* padding: 100px 0px; */
}
.kioto_fn_pages{
	width: 100%;
    min-height: 100vh;
    position: relative;
    padding-left: 400px;
}
.kioto_fn_pages_in{
	position: relative;
    width: 100%;
    border-left: 1px solid #ebebeb;
    min-height: 100vh;
}
@media(max-width:1600px){
	.kioto_fn_pages{padding-left: 350px;}
}
@media(max-width:1040px){
	.kioto_fn_pages{padding-left: 0px;}
	.index_page{padding-top: 140px;}
	.kioto_fn_single_template{padding-top: 140px;}
	/* .kioto_fn_full_page_template{padding-top: 140px;} */
}

.kioto_fn_page_ajax{
	width: 100%;
	float: left;
	clear: both;
	
	-webkit-animation: customOne .8s ease-in-out 0s 1 normal none running;
    animation: customOne .8s ease-in-out 0s 1 normal none running;
}
@-webkit-keyframes customOne{
	0%{
		opacity: 0;
		transform: translateX(-50px)
	}
	to{
		opacity: 1;
		transform: none
	}
}
@keyframes customOne{
	0%{
		opacity: 0;
		transform: translateX(-50px)
	}
	to{
		opacity: 1;
		transform: none
	}
}

.kioto_fn_page_ajax[data-style="vertical"]{
	-webkit-animation: customOneExtra .8s ease-in-out 0s 1 normal none running;
    animation: customOneExtra .8s ease-in-out 0s 1 normal none running;
}
@-webkit-keyframes customOneExtra{
	0%{
		opacity: 0;
		transform: translateY(50px)
	}
	to{
		opacity: 1;
		transform: none
	}
}
@keyframes customOneExtra{
	0%{
		opacity: 0;
		transform: translateY(50px)
	}
	to{
		opacity: 1;
		transform: none
	}
}

.line_effect{
	text-decoration: none;
	color: currentColor;
	display: inline-block;
	position: relative;
}
.line_effect:after{
	content: '';
    width: 0;
    height: 1px;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 3px;
    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
    background: currentColor;
}
.line_effect:hover:after{
	width:100%;
	left:0;
	right:auto;
}
.text_hover_effect{
	position: relative;
	display: inline;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .5s;
}
.text_hover_effect:after{
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
}
.text_hover_effect:hover{
	background-size: 100% 1px;
}
.kioto_tm_full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 5;
}

.tm_text_effect span{
	display: block;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.tm_text_effect .wrapper{
	overflow: hidden;
	position: relative;
}
.tm_text_effect .after{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	transform: translateY(100%);
}
.tm_text_effect:hover .before{
	transform: translateY(-100%);
}
.tm_text_effect:hover .after{
	transform: translateY(0);
}
.kioto_fn_hassidebar{
	width: 100%;
	display: flex;
}
.kioto_fn_leftsidebar{
	width: 65%;
	padding-right: 40px;
}
.kioto_fn_rightsidebar{
	width: 35%;
}

@media(max-width:1600px){
	.kioto_fn_leftsidebar{width: 70%;}
	.kioto_fn_rightsidebar{width: 30%;}
}
@media(max-width:1040px){
	.kioto_fn_hassidebar{flex-direction: column;}
	.kioto_fn_leftsidebar{width: 100%;padding: 0px;margin-bottom: 50px;}
	.kioto_fn_rightsidebar{width: 100%;padding-left: 0px;border: none;}
}
.abs_image{
	position: relative;
}
.abs_image img{
	opacity: 0;
	min-width: 100%;
}
.abs_image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.kioto_fn_full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 5;
}

/*------------------------------------------------------------------*/
/*	02) Mobile Menu
/*------------------------------------------------------------------*/

.kioto_fn_mobilemenu_wrap{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 10;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.admin-bar .kioto_fn_mobilemenu_wrap{
	top: var(--abh);
}
@media(max-width:1040px){
	.kioto_fn_mobilemenu_wrap{display: block;}
}
.kioto_fn_mobilemenu_wrap .mobile_in{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding: 10px 10px 10px 20px;
}
.kioto_fn_mobilemenu_wrap .logo img{
	max-width: 90px;
	max-height: 70px;
}
.kioto_fn_mobilemenu_wrap .trigger{
	line-height: 0;
}
.kioto_fn_mobilemenu_wrap .hamburger{
	opacity: 1;
}
.kioto_fn_mobilemenu_wrap .hamburger .hamburger-inner::before,
.kioto_fn_mobilemenu_wrap .hamburger .hamburger-inner::after,
.kioto_fn_mobilemenu_wrap .hamburger .hamburger-inner{
	background-color: #000;
	width: 35px;
	height: 2px;
}
.kioto_fn_mobilemenu_wrap .dropdown{
	width: 100%;
    height: auto;
    clear: both;
    float: left;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: all .3s ease;
    position: absolute;
    top: 100%;
    left: 0;
}
.kioto_fn_mobilemenu_wrap .dropdown.opened{
	opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}
.kioto_fn_mobilemenu_wrap .dropdown_in{
	width: 100%;
	padding: 20px;
}
.kioto_fn_mobilemenu_wrap .dropdown_in ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.kioto_fn_mobilemenu_wrap .dropdown_in ul li{
	width: 100%;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.kioto_fn_mobilemenu_wrap .dropdown_in ul li a{
	position: relative;
	padding: 2px 0px;
	display: block;
	color: #000;
}
.kioto_fn_mobilemenu_wrap .dropdown_in .sub-menu{
	padding-left: 15px;
	display: none;
}
.kioto_fn_mobilemenu_wrap .menu-item-has-children > a:after{
	width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-left-color: #666;
    right: 1px;
    top: 50%;
	margin-top: -5px;
	transition: all .3s ease;
	transform-origin: left center;
}
.kioto_fn_mobilemenu_wrap .active.menu-item-has-children > a:after{
	transform: rotate(90deg);
	margin-top: -8px;
}

/*------------------------------------------------------------------*/
/*	03) Sidebar Menu
/*------------------------------------------------------------------*/

.kioto_fn_sidebar_menu{
	width: 400px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	position: fixed;
	background-color: #fff;
	padding: 0px 100px;
	display: flex;
	align-items: center;
	z-index: 99;
}
.kioto_fn_sidebar_menu.dark{background-color: #444;}
@media(max-width:1600px){
	.kioto_fn_sidebar_menu{width: 350px;padding: 0px 70px;}
}
@media(max-width:1040px){
	.kioto_fn_sidebar_menu{display: none;}
}
.admin-bar .kioto_fn_sidebar_menu{
	top: var(--abh);
}
.kioto_fn_sidebar_menu .sidebar_inner{
	width: 100%;
}
.kioto_fn_sidebar_menu .logo{
	margin-bottom: 50px;
}
.kioto_fn_sidebar_menu .logo img{
	max-width: 140px;
	max-height: 100px;
}
.kioto_fn_sidebar_menu .logo__text{margin: 0px;}
.kioto_fn_sidebar_menu .menu{
	padding: 0;
	width: 100%;
	float: left;
	display: grid;
	margin-bottom: 50px;
}
.kioto_fn_sidebar_menu .menu ul{
	margin: 0px;
	list-style-type: none;
}
.kioto_fn_sidebar_menu .menu ul.sub-menu{
	position: absolute;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
	border: none;
	background-color: transparent;
	width: 0;
	height: 0;
	opacity: 0;
	top: 0;
	left: 100%;
}
.kioto_fn_sidebar_menu .menu ul li{
	margin: 0px;
	width: 100%;
	float: left;
	max-width: 100%;
	overflow: hidden;
	position: relative;
}
.kioto_fn_sidebar_menu .menu ul li a{
	color: var(--bc);
	padding: 5px 0px;
	display: block;
	position: relative;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.kioto_fn_sidebar_menu li.menu-item-has-children > a{padding-right: 10px;}
.kioto_fn_sidebar_menu li.menu-item-has-children > a:after{
    width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-left-color: #868A9B;
    right: 0px;
    top: 50%;
	transform: translateY(-50%);
}
.kioto_fn_sidebar_menu .menu ul li a:hover{
	color: #000;
}
.kioto_fn_sidebar_menu .menu ul li.active a{
	color: #000;
}
#kioto_fn_fixedsub{
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index: 2222222;
	left: 50%;
	top: 550px;
	width: 290px;
	background-color: #fff;
	transform: translateY(-19px);
	transition: all .5s ease;
}
.kioto_fn_sidebar_menu.dark #kioto_fn_fixedsub{
	background-color: #444;
}
#kioto_fn_fixedsub.opened{
	opacity: 1;
	visibility: visible;
}
#kioto_fn_fixedsub ul{
	margin: 0px;
	list-style-type: none;
	width: 260px;
	background-color: #fff;
	padding: 20px 0px;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.05);
	box-sizing: border-box;
}
#kioto_fn_fixedsub ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(0px);
	transition: all .5s ease;
}
#kioto_fn_fixedsub ul li{
	position: relative;
	padding: 0px 30px;
	margin: 0px;
}
#kioto_fn_fixedsub ul a{
	display: block;
	position: relative;
	color: var(--bc);
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;;
	padding: 3px 0px;
	transition: all .3s ease;
}
#kioto_fn_fixedsub ul a:hover{color: #000;}
#kioto_fn_fixedsub li.menu-item-has-children > a:after{
	width: 0px;
	height: 0px;
	content: '';
	position: absolute;
	border: 5px solid transparent;
	border-left-color: #666;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
}
#kioto_fn_fixedsub ul li:hover > ul{
	opacity: 1;
	visibility: visible;
	transform: translateY(-20px);
}
.kioto_fn_sidebar_menu .copyright a{
	color: #000;
}
.kioto_fn_sidebar_menu .copyright p{margin: 0px;}
.kioto_fn_sidebar_menu.dark .copyright p{color: #bbb;}
.kioto_fn_sidebar_menu.dark .copyright a{color: #bbb;}
.kioto_fn_sidebar_menu.dark .copyright a:hover{color: #fff;}
.kioto_fn_sidebar_menu.dark .menu ul li a{color: #bbb;}
.kioto_fn_sidebar_menu.dark .menu ul li a:hover{color: #fff;}

/*------------------------------------------------------------------*/
/*	04) Blog
/*------------------------------------------------------------------*/

.kioto_fn_posts{
	width: 100%;
}
.kioto_fn_postlist{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.kioto_fn_posts .post_item{
	width: 100%;
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 40px 0;
	transition: .3s;
	position: relative;
}
.kioto_fn_posts > .kioto_fn_postlist:hover > .post_item{
	opacity: .4;
}
.kioto_fn_posts > .kioto_fn_postlist:hover > .post_item:hover{
	opacity: 1;
}
.kioto_fn_posts > .kioto_fn_postlist > .post_item:first-child{
	padding-top: 0px;
}
.kioto_fn_posts > .kioto_fn_postlist > .post_item:last-child{
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.kioto_fn_posts .list_inner{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.kioto_fn_posts .post_item.sticky .list_inner{
	background-color: #f3f3f3;
	padding: 40px;
}
.kioto_fn_posts .title{
	width: 50%;
}
.kioto_fn_posts .title h3{
	font-size: 24px;
	margin: 0px;
	padding: 0px;
}
@media(max-width:1600px){
	.kioto_fn_posts .title h3{font-size: 21px;}
}
.kioto_fn_posts .title h3 a{
	display: inline-block;
	color: #000;
}
.hover_image{
	width: 400px;
	position: fixed;
	right: 180px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-perspective: 400px;
    perspective: 400px;;
	z-index: 11;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	pointer-events: none
}
.hover_image .img.active{
	opacity: 1;
	transform: scale(1);
}
.hover_image .img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	transform: scale(0.95);
	transition: .5s;
}
.hover_image .abs_image{
	-webkit-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
}
.hover_image .abs_image .main:before{
	position: absolute;
	content: "";
	top: -15px;
	left: 15px;
	bottom: 15px;
	right: -15px;
	border: 1px solid rgba(0,0,0,.1);
	z-index: -1;
	transition: all .3s ease;
}
@media(max-width:1600px){
	.hover_image{width: 300px;right: 75px;}
}
.kioto_fn_posts .news_image{
	display: none;
	position: absolute;
	z-index: -11;
}
.metapart{
	width: 50%;
	text-align: right;
	padding-left: 50px;
	transition: all .3s ease;
}
.fn_metabox{
	width: 100%;
}
.fn_metabox ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.fn_metabox ul li{
	display: inline-block;
	position: relative;
	margin-left: 12px;
}
.fn_metabox ul li:after{
	position: relative;
	content: "/";
	margin-left: 12px;
}
.fn_metabox ul li:first-child{
	margin: 0px;
	padding: 0px;
}
.fn_metabox ul li:last-child:after{
	display: none;
}
.fn_metabox a{
	color: #000;
}
.kioto_fn_pagination{
	width: 100%;
	margin-top: 75px;
}
.kioto_fn_pagination ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.kioto_fn_pagination ul li{
	margin: 0px 8px 0px 0px;
	padding: 0px;
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background-color: #eaeaea;
	transition: all .3s ease;
}
.kioto_fn_pagination ul li:last-child{
	margin-right: 0px;
}
.kioto_fn_pagination ul li:hover{
	background-color: #666;
}
.kioto_fn_pagination ul li.view{
	width: auto;
	background-color: transparent;
}
.kioto_fn_pagination ul li.active{
	background-color: #666;
}
.kioto_fn_pagination ul li.active span{
	color: #fff;
}
.kioto_fn_pagination ul li a{
	display: block;
	color: var(--bc);
	transition: all .3s ease;
}
.kioto_fn_pagination ul li a:hover{
	color: #fff;
}
.kioto_fn_pagination .fn__svg{
	color: var(--bc);
	width: 12px;
	height: 12px;
	transition: all .3s ease;
}
.kioto_fn_pagination ul li:hover .fn__svg{
	color: #fff;
}
@media(max-width:1040px){
	.kioto_fn_posts .list_inner{flex-direction: column-reverse;}
	.kioto_fn_posts .title{width: 100%;}
	.metapart{padding-left: 0px;width: 100%;text-align: left;margin-bottom: 10px;}
}

/*------------------------------------------------------------------*/
/*	05) Breadcrumbs and page title
/*------------------------------------------------------------------*/

.kioto_fn_pagetitle{
	width: 100%;
	margin-bottom: 65px;
}
.kioto_fn_pagetitle .fn__title{
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 5px;
	margin: 0px;
}
.kioto_fn_breadcrumbs{
	width: 100%;
	margin-bottom: 20px;
}
.kioto_fn_breadcrumbs ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.kioto_fn_breadcrumbs ul li{
	margin: 0px;
	padding: 0px;
	position: relative;
	display: inline-block;
	padding-right: 15px;
	margin-right: 10px;
}
.kioto_fn_breadcrumbs ul li:last-child{
	margin: 0px;
	padding: 0px;
}
.kioto_fn_breadcrumbs ul li:after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	background-color: rgba(0,0,0,.15);
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 100%;
}
.kioto_fn_breadcrumbs ul li:last-child:after{
	display: none;
}
.kioto_fn_breadcrumbs span:last-child:after{
	display: none;
}
.kioto_fn_breadcrumbs a{
	color: #000;
}

/*------------------------------------------------------------------*/
/*	06) Blog Single
/*------------------------------------------------------------------*/

.kioto_fn_blog_single{
	width: 100%;
}
.blog_single_image{
	width: 100%;
	position: relative;
	margin-bottom: 45px;
}
.blog_single_image img{
	opacity: 0;
	min-width: 100%;
	position: relative;
}
.blog_single_image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.blog_desriptions_box{
	width: 100%;
}
.blog_desriptions_box .main_content{
	width: 100%;
	margin-top: 6px;
}
.blog_desriptions_box .blog_title{
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.blog_desriptions_box .blog_title h1{
	font-size: 25px;
	margin: 0px;
}
@media(max-width:1600px){
	.blog_desriptions_box .blog_title h1{font-size: 22px;}
}
.kioto_fn_tags{
	width: 100%;
	display: flex;
	padding-top: 40px;
}
.kioto_fn_tags span{
	text-transform: uppercase;
	color: #000;
	font-weight: 600;
}
.kioto_fn_tags ul{
	padding-left: 10px;
	margin: 0px;
}
.kioto_fn_tags ul li{
	display: inline-block;
	margin: 0px;
	margin-right: 3px;
}
.kioto_fn_tags ul li:last-child{
	margin-right: 0px;
}
.kioto_fn_tags ul li a{
	color: #000;
}
.kioto_fn_prev_next{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(0,0,0,.1);
	margin-top: 50px;
	padding-top: 50px;
}
.kioto_fn_prev_next .image{
	position: relative;
	width: 80px;
	min-width: 80px;
	height: 80px;
	overflow: hidden;
}
.kioto_fn_prev_next .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transform: scale(1) translateZ(0);
	
	transition: all .3s ease;
}
.kioto_fn_prev_next .image:hover .main{
	transform: scale(1.1) translateZ(0)
}
.kioto_fn_prev_next .prev,
.kioto_fn_prev_next .next{
	display: flex;
	align-items: center;
	width: 50%;
}
.kioto_fn_prev_next .prev .info{
	padding-left: 20px;
}
.kioto_fn_prev_next .next .info{
	padding-right: 20px;
}
.kioto_fn_prev_next .subtitle{
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: var(--bc);
	font-weight: 500;
	display: inline-block;
}
.kioto_fn_prev_next .title{
	font-size: 17px;
	margin: 0px;
	text-overflow: ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	line-clamp:2;
	overflow: hidden;
}
@media(max-width:1600px){
	.kioto_fn_prev_next .title{font-size: 16px;}
}
.kioto_fn_prev_next .prev{
	padding-right: 20px;
}
.kioto_fn_prev_next .next{
	text-align: right;
	flex-direction: row-reverse;
	padding-left: 20px;
}
.kioto_fn_prev_next .title a{
	color: #000;
	word-wrap: break-word;
}
.kioto_fn_prev_next .image .main[data-bg-img=""]{
	background-color: #eee;
}
.kioto_fn_prev_next[data-status="prev"] .next{
	opacity: 0;
	pointer-events: none;
}
.kioto_fn_prev_next[data-status="next"] .prev{
	opacity: 0;
	pointer-events: none;
}
@media(max-width:768px){
	.kioto_fn_prev_next{flex-direction: column;align-items: baseline;justify-content: flex-start;}
	.kioto_fn_prev_next .prev{margin-bottom: 30px;width: 100%;padding: 0px;}
	.kioto_fn_prev_next .next{width: 100%;padding: 0px;text-align: left;flex-direction: row;}
	.kioto_fn_prev_next .next .info{padding-left: 20px;padding-right: 0px;}
}

/*------------------------------------------------------------------*/
/*	07) Comments
/*------------------------------------------------------------------*/

.kioto_fn_comment{
	width: 100%;
	margin-top: 80px;
}
.kioto_fn_comment .comment_in{
	width: 100%;
}
.kioto_fn_comment .comment_list{
	width: 100%;
	background-color: #f1f1f1;
	padding: 40px;
	margin-bottom: 40px;
}
.kioto_fn_comment .comment-title-count{
	margin: 0px 0px 20px 0px;
	font-size: 17px;
	text-transform: uppercase;
}
.kioto_fn_comment .commentlist{
	margin: 0px;
	list-style-type: none;
}
.kioto_fn_comment .comment{
	width: 100%;
}
.kioto_fn_comment .comment-body{
	margin: 0px 0px 20px 0px;
    position: relative;
    padding: 40px;
    background-color: #f9f9f9;
}
.kioto_fn_comment .infos_wrap{
	width: 100%;
	display: flex;
	align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 30px;
    margin-bottom: 22px;
}
@media(max-width:768px){
	.kioto_fn_comment .infos_wrap{flex-direction: column;align-items: baseline;}
	.kioto_fn_comment .comment-avatar{margin-right: 0px;margin-bottom: 10px;}
}
.kioto_fn_comment .comment-avatar{
	width: 60px;
	height: 60px;
	border-radius: 100%;
	margin-right: 15px;
}
.kioto_fn_comment .comment-avatar img{
	border-radius: 100%;
	object-fit: cover;
}
.kioto_fn_comment h4.author{
	margin: 0px;
	padding: 0px;
	font-size: 17px;
}
.kioto_fn_comment .time{
	margin: 0px;
	padding: 0px;
}
.kioto_fn_comment .comment-desc a{
	color: #000;
}
.kioto_fn_comment .fn_reply:empty{
	display: none;
}
.kioto_fn_comment .fn_reply{
	margin-top: 20px;
	display: flex;
}
.kioto_fn_comment .fn_reply .comment-reply{
	display: flex;
	position: relative;
	margin: 0 5px 5px 0;
}
.kioto_fn_comment .fn_reply .comment-reply a{
	padding-left: 29px;
	margin: 0;
}
.kioto_fn_comment .fn_reply .fn__svg{
	position: absolute;
	left: 10px;
	width: 12px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	color: #fff;
}
.kioto_fn_comment .fn_reply_wrapper{
	width: 100%;
	float: left;
}
.kioto_fn_comment .fn_reply a{
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	line-height: 26px;
	padding: 0 10px;
	display: block;
	float: left;
	border: none;
	background-color: #666;
	text-transform: capitalize;
	height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 5px 5px 0;
	transition: all .3s ease;
}
.kioto_fn_comment .fn_reply a:hover{
	background-color: #000;
}
.kioto_fn_comment .commment-text-wrap{
	width: 100%;
}
.kioto_fn_comment .commment-text-wrap p{
	margin: 0px;
}
.kioto_fn_comment .comment-respond{
	width: 100%;
}
.kioto_fn_comment .children{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-left: 20px;
}
.kioto_fn_comment #cancel-comment-reply-link{
	text-transform: capitalize;
	color: var(--bc);
	transition: all .3s ease;
	margin-left: 20px;
}
.kioto_fn_comment #cancel-comment-reply-link:hover{
	color: #000;
}
.kioto_fn_comment .comment-reply-title{
	margin: 0px 0px 20px 0px;
	font-size: 17px;
	text-transform: uppercase;
}
.kioto_fn_comment .comment-respond{
	width: 100%;
	background-color: #f1f1f1;
	margin-bottom: 20px;
	padding: 40px;
}
.kioto_fn_comment .commentlist .comment-respond{
	background-color: #f9f9f9;
}
.kioto_fn_comment li.comment .comment-respond{
	-webkit-animation: kioto-slide-down .5s ease;
	-moz-animation: kioto-slide-down .5s ease;
}
@-webkit-keyframes kioto-slide-down{
      0%{ opacity: 0; transform: translateY(10px) translateZ(0);}   
    100%{ opacity: 1; transform: translateY(0px) translateZ(0);}
}
@-moz-keyframes kioto-slide-down{
      0%{ opacity: 0;  transform: translateY(10px) translateZ(0);}   
    100%{ opacity: 1; transform: translateY(0px) translateZ(0);}
}
.kioto_fn_comment .comment-respond form{
	padding: 0px;
}
.kioto_fn_comment .comment-respond textarea{
	padding: 20px;
    height: 120px;
	width: 100%;
	max-width: 100%;
    background-color: #e9e9e9;
    resize: none;
    font-size: 16px;
	margin-bottom: 15px;
	color: var(--bc);
	border: none;
}
.kioto_fn_comment .comment-respond input[type="text"]{
	width: 100%;
    height: 50px;
    padding: 5px 20px;
    background-color: #e9e9e9;
	font-size: 16px;
	margin-bottom: 20px;
	color: var(--bc);
	border: none;
}
.kioto_fn_comment .comment-form-cookies-consent{
	margin-bottom: 20px;
}
.kioto_fn_comment .form-submit{
	margin: 0px;
}
.kioto_fn_comment .logged-in-as{
	margin: 0px 0px 20px 0px;
}
.kioto_fn_comment .logged-in-as a{
	color: #000;
	transition: all .3s ease;
}
.kioto_fn_comment .logged-in-as a:hover{
	color: #000;
}

/*------------------------------------------------------------------*/
/*	08) 404 Page
/*------------------------------------------------------------------*/

.kioto_fn_error_page{
	width: 100%;
	min-height: 100vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 150px 20px;
}
.kioto_fn_error_page .details .svg{
	width: 120px;
	height: 120px;
	opacity: .4;
	margin-bottom: 30px;
}
.kioto_fn_error_page .details{
	max-width: 500px;
}
.kioto_fn_error_page .details p{
	font-size: 18px;
	margin-bottom: 40px;
}
.kioto_fn_error_page .fn__title{
	font-size: 200px;
	line-height: 1;
	margin-bottom: 30px;
}
.kioto_fn_error_page .fn__heading{
	font-size: 40px;
	text-transform: uppercase;
	margin-bottom: 22px;
}
@media(max-width:768px){
	.kioto_fn_error_page .fn__title{font-size: 100px;margin-bottom: 25px;}
	.kioto_fn_error_page .fn__heading{font-size: 28px;margin-bottom: 20px;}
}
.kioto_fn_error_page .searchbox{
	position: relative;
}
.kioto_fn_error_page form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.kioto_fn_error_page input[type="text"]{
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-right: none;
	padding: 0 30px;
	border-radius: 3px 0 0 3px;
	background: #eaeaea;
	color: var(--bc);
}
.kioto_fn_error_page input[type="text"]:focus{
	outline:none;
}
.kioto_fn_error_page .searchbox span{
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	min-width: 60px;
	background-color: #666;
	border-radius: 0 3px 3px 0;
}
.kioto_fn_error_page input[type="submit"]{
	position: relative;
	width: 60px;
	height: 60px;
	display: block;
	z-index: 3;
	background: none !important;
	outline: none !important;
}
.kioto_fn_error_page .searchbox .fn__svg{
	display: block;
    position: absolute;
   	left: 50%;
    top: 50%;
    color: #f5f5f5;
    transform: translate(-50%,-50%) rotate(-90deg);
}
.kioto_fn_error_page .icon .fn__svg{
	width: 100px;
	height: 100px;
	margin-bottom: 35px;
}

/*------------------------------------------------------------------*/
/*	09) Protected Page
/*------------------------------------------------------------------*/

.kioto-fn-protected{
	width: 100%;
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	padding: 150px 20px;
}
.kioto-fn-protected .message_holder{
	max-width: 500px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.kioto-fn-protected .icon .fn__svg{
	color: #b9b8c3;
    display: inline-block;
    width: 100px;
	height: 100px;
	margin-bottom: 35px;
}
.kioto-fn-protected h3{
	margin-bottom: 20px;
	font-size: 40px;
	text-transform: uppercase;
}
.kioto-fn-protected p{
	margin: 0;
    padding: 0;
    font-size: 18px;
    margin-bottom: 40px;
}
@media(max-width:768px){
	.kioto-fn-protected h3{font-size: 28px;margin-bottom: 15px;}
	.kioto-fn-protected p{margin-bottom: 30px;}
}
.kioto-fn-protected form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.kioto-fn-protected input[type="password"]{
	display: block;
    width: 100%;
    height: 70px;
    line-height: 68px;
    border: 1px solid #b9b8c3;
    border-right: none;
    padding: 0 30px;
    border-radius: 3px 0 0 3px;
}
.kioto-fn-protected input[type="submit"]{
	display: block;
    height: 70px;
	font-size-adjust: 0 25px;
    border: none;
    border-radius: 0 3px 3px 0;
	background-color: #666;
	color: #f5f5f5;
	font-family: var(--hff);
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: .5px;
}

/*------------------------------------------------------------------*/
/*	10) Portfolio
/*------------------------------------------------------------------*/

.titles_wrapper{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 70px;
}
.titles_wrapper .kioto_fn_pagetitle{
	width: auto;
	margin-bottom: 0px;
}
@media(max-width:1040px){
	.titles_wrapper{flex-direction: column;align-items: baseline;margin-bottom: 30px;}
	.titles_wrapper .kioto_fn_pagetitle{margin-bottom: 60px;}
}
.posts_filter{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.posts_filter li{
	margin: 0px;
	padding: 0px;
	margin-left: 12px;
	display: inline-block;
	position: relative;
}
.posts_filter li:first-child{
	margin-left: 0px;
}
.posts_filter li:after{
	position: relative;
	content: "/";
	margin-left: 15px;
}
.posts_filter li:last-child:after{
	display: none;
}
.posts_filter li{
	display: inline-block;
	position: relative;
	margin-left: 12px;
}
.posts_filter li a{
	color: var(--bc);
	display: inline-block;
	transition: all .3s ease;
}
.posts_filter li a:hover,
.posts_filter li a.current{
	color: #000;
}
.kioto_fn_ajax_portfolio{
	width: 100%;
}
.kioto_fn_ajax_portfolio .portfolio_list{
	width: 100%;
}
.kioto_fn_ajax_portfolio .portfolio_item{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: -30px;
	display: flex;
	flex-wrap: wrap;
}
.kioto_fn_ajax_portfolio .portfolio_item li{
	margin: 0px;
	padding: 0px;
	width: 33.3333%;
	padding-left: 30px;
	margin-bottom: 30px;
}
.kioto_fn_ajax_portfolio .portfolio_item li .list_inner{
	width: 100%;
	position: relative;
	border: 1px solid rgba(0,0,0,.1);
	padding: 10px;
}
.kioto_fn_ajax_portfolio .portfolio_item li .abs_image:before{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(3.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(3.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.kioto_fn_ajax_portfolio .portfolio_item li .list_inner .abs_image:hover:before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(3.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.kioto_fn_ajax_portfolio .portfolio_list .abs_image{
	margin-bottom: 10px;
	overflow: hidden;
}
.kioto_fn_ajax_portfolio .portfolio_item .details{
	border-top: 1px solid rgba(0,0,0,.1);
	padding: 20px 20px 10px 20px;
}
.kioto_fn_ajax_portfolio .portfolio_item .name{
	font-size: 18px;
	margin: 0px;
}
.kioto_fn_ajax_portfolio .portfolio_item .name a{
	color: #000;
}
.kioto_fn_ajax_portfolio .portfolio_item  .job a{
	color: var(--bc);
}
@media(max-width:1040px){
	.kioto_fn_ajax_portfolio .portfolio_item li{width: 50%;}
}
@media(max-width:768px){
	.kioto_fn_ajax_portfolio .portfolio_item{margin-left: 0px;}
	.kioto_fn_ajax_portfolio .portfolio_item li{width: 100%;padding-left: 0px;}
}

/*------------------------------------------------------------------*/
/*	12) Portfolio Single
/*------------------------------------------------------------------*/

.portfolio_single_content{
	width: 100%;
}
.portfolio_single_content .fn_portfolio_single_image{
	position: relative;
}
.portfolio_single_content .fn_portfolio_single_image[data-width="full"] .or_image{
	min-width: 100%;
}
.portfolio_single_content .fn_portfolio_single_image .pl_image{
	position: relative;
	opacity: 0;
	min-width: 100%;
}
.portfolio_single_content .fn_portfolio_single_image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.portfolio_single_content .single_gallery{
	width: 100%;
	margin-bottom: 55px;
	margin-top: 40px;
}
.portfolio_single_content .single_gallery ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.portfolio_single_content .single_gallery ul li{
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-bottom: 40px;
}
.portfolio_single_content .single_gallery ul li:last-child{
	margin-bottom: 0px;
}
.portfolio_single_content .single_gallery ul li .image{
	position: relative;
}
.portfolio_single_content .single_gallery ul li .image[data-width="full"] .or_image{
	min-width: 100%;
}
.portfolio_single_content .single_gallery ul li .pl_image{
	position: relative;
	opacity: 0;
	min-width: 100%;
}
.portfolio_single_content .single_gallery ul li .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.portfolio_single_content .fn_portfolio_single_image .video_icon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80px;
	height: 80px;
	border-radius: 100%;
	background-color: #fff;
	transition: all .3s ease;
}
.portfolio_single_content .fn_portfolio_single_image .video_icon:before{
	position: absolute;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 8px 0 8px 13.9px;
	border-color: transparent transparent transparent #000;
	transform: translate(-50%,-50%) rotate(0deg);
	top: 50%;
	left: 50%;
	margin-left: 3px;
}
.portfolio_single_content .fn_portfolio_single_image:hover .video_icon{
	background-color: #eaeaea;
}
.portfolio_informations{
	width: 100%;
	border: 1px solid rgba(0,0,0,.1);
	margin-bottom: 40px;
}
.portfolio_informations .title{
	width: 100%;
	padding: 25px 40px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.portfolio_informations .title h3{
	text-transform: uppercase;
	font-size: 17px;
	margin: 0px;
}
.portfolio_informations .content{
	width: 100%;
	padding: 40px;
}
@media(max-width:1600px){
	.portfolio_informations .title{padding: 20px;}
	.portfolio_informations .content{padding: 20px;}
}
.portfolio_informations span{
	display: inline-block;
}
.portfolio_informations span:first-child{
	min-width: 120px;
	font-weight: 500;
}
.portfolio_informations ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.portfolio_informations ul li{
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}
.portfolio_informations ul li:last-child{
	margin-bottom: 0px;
}
.portfolio_informations ul li a{
	color: #000;
}
.portfolio_descriptions{
	width: 100%;
	border: 1px solid rgba(0,0,0,.1);
}
.portfolio_descriptions .single_title{
	width: 100%;
	padding: 25px 40px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.portfolio_descriptions .single_title h3{
	text-transform: uppercase;
	font-size: 17px;
	margin: 0px;
}
.portfolio_descriptions .content{
	width: 100%;
	padding: 40px 40px 15px 40px;
}
@media(max-width:1600px){
	.portfolio_descriptions .single_title{padding: 20px;}
	.portfolio_descriptions .content{padding: 20px 20px 0px 20px;}
}
.portfolio_descriptions .content p{
	margin-bottom: 25px;
}
.portfolio_descriptions .extra{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 25px;
}
.portfolio_descriptions .extra li{
	width: 100%;
	position: relative;
	margin-bottom: 5px;
}
.portfolio_descriptions .extra li:last-child{
	margin-bottom: 0px;
}
.single-kioto-project .kioto_fn_rightsidebar{
	border: none;
	padding-left: 0;
}
.fn_ajax_more{
	display: inline-block;
	position: relative;
	overflow: hidden;
	margin-top: 40px;
}
.fn_ajax_more:before{
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #000;
	transform: translateY(100%);
	pointer-events: none;
	transition: all .3s ease;
}
.fn_ajax_more:hover:before{
	transform: translateY(0);
}
.fn_ajax_more span{
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
}
.fn_ajax_more a{
	display: block;
	padding: 15px 35px;
	background-color: #666;
}
.fn_ajax_more.disabled{
	display: none;
}

/*Contact Form*/

.kioto_form_wrapper{
	width: 100%;
}
.kioto_form_wrapper ul{
	list-style-type: none;
	margin: 0px 0px 0px -15px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}
.kioto_form_wrapper ul li{
	margin: 0px;
	padding: 0px;
	width: 50%;
	padding-left: 15px;
	margin-bottom: 15px;
}
.kioto_form_wrapper ul li:last-child{
	width: 100% !important;
}
.kioto_form_wrapper ul li input{
	width: 100%;
	height: 50px;
	padding: 5px 20px;
	background-color: transparent;
	font-family: var(--bff);
	color: var(--bc);
	border: 1px solid rgba(0,0,0,.1);
	font-size: 15px;
}
.kioto_form_wrapper ul li select{
	width: 100%;
	height: 50px;
	padding: 0px 20px 0px 15px;
	background-color: transparent;
	font-family: var(--bff);
	color: var(--bc);
	border: 1px solid rgba(0,0,0,.1);
	font-size: 15px;
}
.kioto_form_wrapper textarea{
	width: 100%;
	max-width: 100%;
	padding: 20px;
	height: 120px;
	background-color: transparent;
	resize: none;
	font-size: 15px;
	font-family: var(--bff);
	border: 1px solid rgba(0,0,0,.1);
}
.kioto_form_wrapper ul li input:focus,
.kioto_form_wrapper ul li select:focus,
.kioto_form_wrapper ul li textarea:focus{
	outline: none;
	border: 1px solid rgba(0,0,0,.1);
}
@media(max-width:1040px){
	.kioto_form_wrapper ul{margin-left: 0px;}
	.kioto_form_wrapper ul li{width: 100%;padding-left: 0px;}
}