@charset "utf-8";
/*
Theme Name: Erling
Theme URI: https://themeforest.net/item/erling-personal-portfolio-wordpress-theme/
Description: Erling – Personal and Portfolio WordPress Theme
Text Domain: erling
Author: Marketify
Author URI: http://themeforest.net/user/marketify
Version: 1.0.0
Tested up to: 6.4
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: 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) Imported Files
	02) Intital CSS
	03) Mobile Menu
	04) Horizontal Menu
	05) Sidebar Menu
	06) Blog
	07) 404 Page
	08) Classic Footer
	09) Breadcrumbs
	10) Protected Page
	11) Blog Single
	12) Portfolio Single
	13) Blocks
	14) Comments
	15) Contact Form
	16) To Top

*/

/*------------------------------------------------------------------*/
/*	01) Imported Files
/*------------------------------------------------------------------*/
@import "framework/css/import/wp-core.css";
@import "framework/css/import/theme-base.css";
@import "framework/css/import/widgets.css";
/*------------------------------------------------------------------*/
/*	02) Intital CSS
/*------------------------------------------------------------------*/
:root{
	--iff: 'Syne';
	--hff: 'Syne';
	--bff: 'Syne';
	--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: 16px;
	line-height: 1.7;
	letter-spacing: 0px;
	font-weight: 400;
	background-color: #f7f7f7;
	color: #868a9b;
	
	-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: 700;
	color: #000;
	line-height: 1.3;
}
.fn__svg{
	width: 15px;
	height: 15px;
	fill:currentcolor;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   color: #868a9b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #868a9b;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #868a9b;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #868a9b;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: #868a9b;
}

::placeholder { /* Most modern browsers support this now. */
   color: #868a9b;
}
.admin-bar .erling_fn_sticky_section{
	top: 140px;
}
.erling_fn_sticky_section{
	position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
	overflow: visible;
	top: 107px;
}
.erling_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: 1210px;
	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: 1050px;}
}

#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%;
    }
}

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

/*------------------------------------------------------------------*/
/*	03) Mobile Menu
/*------------------------------------------------------------------*/
.erling_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 .erling_fn_mobilemenu_wrap{
	top: var(--abh);
}
@media(max-width:1040px){
	.erling_fn_mobilemenu_wrap{display: block;}
}

.erling_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;
}
.erling_fn_mobilemenu_wrap .logo img{
	max-width: 90px;
	max-height: 70px;
}
.erling_fn_mobilemenu_wrap .trigger{
	line-height: 0;
}
.erling_fn_mobilemenu_wrap .hamburger{
	opacity: 1;
}
.erling_fn_mobilemenu_wrap .hamburger .hamburger-inner::before,
.erling_fn_mobilemenu_wrap .hamburger .hamburger-inner::after,
.erling_fn_mobilemenu_wrap .hamburger .hamburger-inner{
	background-color: #000;
}
.erling_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;
}
.erling_fn_mobilemenu_wrap .dropdown.opened{
	opacity: 1;
    transform: translateY(0px);
    visibility: visible;
}
.erling_fn_mobilemenu_wrap .dropdown_in{
	width: 100%;
	padding: 20px;
}
.erling_fn_mobilemenu_wrap .dropdown_in ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.erling_fn_mobilemenu_wrap .dropdown_in ul li{
	width: 100%;
	position: relative;
	margin: 0px;
	padding: 0px;
}
.erling_fn_mobilemenu_wrap .dropdown_in ul li a{
	position: relative;
	padding: 2px 0px;
	display: block;
	color: #000;
	
}
.erling_fn_mobilemenu_wrap .dropdown_in .sub-menu{
	padding-left: 15px;
	display: none;
}
.erling_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;
}
.erling_fn_mobilemenu_wrap .active.menu-item-has-children > a:after{
	transform: rotate(90deg);
	margin-top: -8px;
}

/*------------------------------------------------------------------*/
/*	04) Horizontal Menu
/*------------------------------------------------------------------*/

.erling_fn_header{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
}
@media(max-width:1040px){
	.erling_fn_header{display: none;}
}
.admin-bar .erling_fn_header{
	top: var(--abh);
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease; 
}
.erling_fn_header .header_inner{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 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;
}
.erling_fn_header.animate{
	background-color: #fff;
}
.erling_fn_header .logo img{
	max-width: 120px;
	max-height: 70px;
}
.erling_fn_header .retina_logo{
	display: none;
}
.erling_fn_sidebar_menu .retina_logo{
	display: none;
}
.erling_fn_mobilemenu_wrap .retina_logo{
	display: none;
}
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	.erling_fn_header .retina_logo{display: block;}
	.erling_fn_sidebar_menu .retina_logo{display: block;}
	.erling_fn_mobilemenu_wrap .retina_logo{display: block;}
	.erling_fn_header .desktop_logo{display: none;}
	.erling_fn_sidebar_menu .desktop_logo{display: none;}
	.erling_fn_mobilemenu_wrap .desktop_logo{display: none;}
}
.erling_fn_header .logo__text{
	margin-bottom: 0px;
}
.erling_fn_header .menu{
	display: flex;
	align-items: center;
}
.erling_fn_header .list{
	position: relative;
}
.erling_fn_header .my_main_menu{
	margin: 0px;
	padding: 0px;
	position: relative;
	list-style-type: none;
}
.erling_fn_header .my_main_menu > li{
	margin: 0px 45px 0px 0px;
	display: inline-block;
	position: relative;
	padding: 0px;
	left: 10px;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_header .my_main_menu > li:last-child{
	margin-right: 0px;
}
.erling_fn_header .my_main_menu > li > a{
	text-decoration: none;
	color: #868A9B;
	display: inline-block;
	padding: 30px 0px;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_header .my_main_menu > li.opened{
	opacity: 1;
    visibility: visible;
    left: 0px;
}
.erling_fn_header.animate .my_main_menu > li > a{
	padding: 20px 0px;
}
.erling_fn_header .my_main_menu > li > a:hover{
	color: #000;
}
.erling_fn_header .my_main_menu > li.current > a{
	color: #000;
}
.erling_fn_header .sub-menu.reversed{
	left: auto;
	right: 100%;
}
.erling_fn_header .sub-menu{
	position: absolute;
	top: 100%;
	background-color: #fff;
	min-width: 220px;
	opacity: 0;
	visibility: hidden;
	margin: 0px;
	list-style-type: none;
	line-height: 1.5;
	padding: 15px 0px;
	margin-top: 30px;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.05);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_header li:hover > ul{
	opacity: 1;
	visibility: visible;
	margin: 0px;
}
.erling_fn_header .sub-menu li{
	margin: 0px;
	width: 100%;
	position: relative;	
}
.erling_fn_header .sub-menu li a{
	text-decoration: none;
	color: #868a9b;
	padding: 3px 20px;
	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;
}
.erling_fn_header .sub-menu li a:hover{
	color: #000;
}
.erling_fn_header .sub-menu ul{
	left: 100%;
	transform: translateY(-25px)
}
.erling_fn_header .my_main_menu > li.menu-item-has-children:before{
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	left: 100%;
	margin-left: 15px;
	
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_header .my_main_menu > li.menu-item-has-children:before{
	 border-color: #868a9b transparent transparent transparent;
}
.erling_fn_header .sub-menu li.menu-item-has-children:before{
	width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    border: 5px solid transparent;
    border-left-color: #666;
    right: 15px;
    top: 50%;
	transform: translateY(-50%);
    transition: all .3s ease;
    transform-origin: left center;
}
.erling_fn_header .trigger{
	line-height: 1;
	padding-left: 40px;
}
.trigger .hamburger-inner, 
.trigger .hamburger-inner:after, 
.trigger .hamburger-inner:before{
	height: 2px;
	width: 30px;
}
.trigger .hamburger{
	padding: 0px;
}

/*------------------------------------------------------------------*/
/*	05) Sidebar Menu
/*------------------------------------------------------------------*/

.erling_fn_sidebar_menu{
	width: 400px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	position: fixed;
	background-color: #fff;
	box-shadow: 0 0 30px rgb(0 0 0 / 5%);
	display: flex;
	align-items: center;
	z-index: 99;
}
@media(max-width:1600px){
	.erling_fn_sidebar_menu{width: 300px;}
}
@media(max-width:1040px){
	.erling_fn_sidebar_menu{display: none;}
}
.admin-bar .erling_fn_sidebar_menu{
	top: var(--abh);
}
.erling_fn_sidebar_menu .sidebar_inner{
	width: 100%;
	padding: 0px 70px;
}
.erling_fn_sidebar_menu .logo{
	margin-bottom: 60px;
}
.erling_fn_sidebar_menu .logo img{
	max-width: 140px;
	max-height: 100px;
}
.erling_fn_sidebar_menu .menu{
	padding: 0;
	width: 100%;
	float: left;
	display: grid;
	margin-bottom: 55px;
}
.erling_fn_sidebar_menu .menu ul{
	margin: 0px;
	list-style-type: none;
}
.erling_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%;
}
.erling_fn_sidebar_menu .menu ul li{
	margin: 0px;
	width: 100%;
	float: left;
	max-width: 100%;
	overflow: hidden;
	position: relative;
}
.erling_fn_sidebar_menu .menu ul li a{
	color: #868A9B;
	padding: 3px 0px;
	display: block;
	position: relative;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_sidebar_menu li.menu-item-has-children > a{padding-right: 10px;}
.erling_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%);
}
.erling_fn_sidebar_menu .menu ul li a:hover{
	color: #000;
}
.erling_fn_sidebar_menu .menu ul li.active a{
	color: #000;
}

#erling_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;
}
#erling_fn_fixedsub.opened{
	opacity: 1;
	visibility: visible;
}
#erling_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;
}
#erling_fn_fixedsub ul ul{
	position: absolute;
	left: 100%;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	
	transform: translateY(0px);
	
	transition: all .5s ease;
}
#erling_fn_fixedsub ul li{
	position: relative;
	padding: 0px 30px;
	margin: 0px;
}
#erling_fn_fixedsub ul a{
	display: block;
	position: relative;
	color: #868A9B;
	padding: 3px 0px;
	transition: all .3s ease;
}
#erling_fn_fixedsub ul a:hover{color: #000;}
#erling_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%);
}
#erling_fn_fixedsub ul li:hover > ul{
	opacity: 1;
	visibility: visible;
	transform: translateY(-20px);
}
.erling_fn_sidebar_menu .copyright a{
	color: #000;
}

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

.erling_fn_posts{
	width: 100%;
}
.erling_fn_postlist{
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}
.erling_fn_postlist .post_item{
	margin: 0px 0px 40px 0px;
	padding: 0px;
}
.erling_fn_postlist .post_item .list_inner{
	width: 100%;
	height: 100%;
	clear: both;
	position: relative;
}
.erling_fn_postlist .post_item .image{
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
	display: none;
}
.erling_fn_postlist .post_item.has-post-thumbnail .image{
	display: block;
}
.erling_fn_postlist .post_item .image img{
	position: relative;
	min-width: 100%;
	opacity: 0;
}
.erling_fn_postlist .post_item .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);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_postlist .post_item .image:hover .main{
	transform: scale(1.1) translateZ(0)
}
.erling_fn_postlist .post_item .details{
	width: 100%;
	background-color: #fff;
	padding: 40px;
}
.erling_fn_postlist .post_item .title{
	width: 100%;
	margin-bottom: 15px;
}
.erling_fn_postlist .post_item .title h3{
	font-size: 20px;
	margin: 0px;
}
.erling_fn_postlist .post_item .title a{
	color: #000;
}
.erling_fn_postlist .post_item .text{
	width: 100%;
	margin-bottom: 30px;
}
.erling_fn_postlist .post_item .text p{
	margin: 0px;
}
.erling_fn_postlist .post_item.sticky .fn_metabox{
	background-color: #666;
}
.erling_fn_postlist .post_item.sticky .fn_metabox span{
	color: #ccc;
}
.erling_fn_postlist .post_item.sticky .fn_metabox a{
	color: #fff;
	text-transform: capitalize;
}
.erling_fn_postlist .post_item.sticky .fn_metabox ul li:after{
	background-color: rgba(255,255,255,.15);
}
.erling_fn_postlist .post_item.sticky .details{
	background-color: #eaeaea;
}
.erling_fn_read_more{
	width: 100%;
}
.erling_fn_read_more a{
	color: #fff;
	display: inline-block;
	background-color: #666;
	padding: 12px 30px;
	position: relative;
	border: none;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_read_more a:hover{
	background-color: #000;
}
.fn_metabox{
	width: 100%;
	background-color: #eaeaea;
	padding: 15px 40px;
}
.fn_metabox ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.fn_metabox ul li{
	margin: 0px;
	padding: 0px;
	position: relative;
	display: inline-block;
	padding-right: 15px;
	margin-right: 10px;
}
.fn_metabox 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%;
}
.fn_metabox ul li:last-child{
	margin: 0px;
	padding: 0px;
}
.fn_metabox ul li:last-child:after{
	display: none;
}
.fn_metabox a{
	color: #000;
	text-transform: capitalize;
}
.line_effect{
	text-decoration: none;
	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;
}
.erling_fn_full_link{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 5;
}
.erling_fn_pagination{
	width: 100%;
}
.erling_fn_pagination ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.erling_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;
}
.erling_fn_pagination ul li:last-child{
	margin-right: 0px;
}
.erling_fn_pagination ul li:hover{
	background-color: #666;
}
.erling_fn_pagination ul li.view{
	width: auto;
	background-color: transparent;
}
.erling_fn_pagination ul li.active{
	background-color: #666;
}
.erling_fn_pagination ul li.active span{
	color: #fff;
}
.erling_fn_pagination ul li a{
	display: block;
	color: #868a9b;
	transition: all .3s ease;
}
.erling_fn_pagination ul li a:hover{
	color: #fff;
}
.erling_fn_pagination .fn__svg{
	color: #868a9b;
	width: 12px;
	height: 12px;
	transition: all .3s ease;
}
.erling_fn_pagination ul li:hover .fn__svg{
	color: #fff;
}
.erling_fn_hassidebar{
	width: 100%;
	display: flex;
}
.erling_fn_leftsidebar{
	width: 65%;
	padding-right: 40px;
	margin-bottom: 120px;
}
.erling_fn_rightsidebar{
	width: 35%;
	margin-bottom: 120px;
}

@media(max-width:1600px){
	.erling_fn_leftsidebar{width: 70%;}
	.erling_fn_rightsidebar{width: 30%;}
}
@media(max-width:1040px){
	.erling_fn_hassidebar{flex-direction: column;}
	.erling_fn_leftsidebar{width: 100%;padding: 0px;margin-bottom: 50px;}
	.erling_fn_rightsidebar{width: 100%;}
}

/*------------------------------------------------------------------*/
/*	07) 404 Page
/*------------------------------------------------------------------*/

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

/*------------------------------------------------------------------*/
/*	08) Classic Footer
/*------------------------------------------------------------------*/

.footer_fn_classic{
	width: 100%;
	background-color: #333;
	padding: 60px 0px;
	text-align: center;
	margin-top: auto;
}
.footer_fn_classic p{
	color: #fff;
	margin: 0px;
}
.footer_fn_classic a{
	color: #868A9B;
	text-decoration: none;
	transition: all .3s ease;
}
.footer_fn_classic a{
	text-decoration: none;
	display: inline-block;
	position: relative;
}
.footer_fn_classic a:hover{
	color: #fff;
}
.footer_fn_classic a: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;
}
.footer_fn_classic a:hover:after{
	width:100%;
	left:0;
	right:auto;
}

/*------------------------------------------------------------------*/
/*	09) Breadcrumbs
/*------------------------------------------------------------------*/

.erling_fn_breadcrumbs{
	width: 100%;
	margin-bottom: 10px;
}
.erling_fn_breadcrumbs ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.erling_fn_breadcrumbs ul li{
	margin: 0px;
	padding: 0px;
	position: relative;
	display: inline-block;
	padding-right: 15px;
	margin-right: 10px;
}
.erling_fn_breadcrumbs ul li:last-child{
	margin: 0px;
	padding: 0px;
}
.erling_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%;
}
.erling_fn_breadcrumbs ul li:last-child:after{
	display: none;
}
.erling_fn_breadcrumbs span:last-child:after{
	display: none;
}
.erling_fn_breadcrumbs a{
	color: #000;
}
.erling_fn_pagetitle{
	width: 100%;
	margin-top: 158px;
	margin-bottom: 100px;
}
.erling_fn_pagetitle .fn__title{
	font-size: 35px;
	margin: 0px;
}

/*------------------------------------------------------------------*/
/*	10) Protected Page
/*------------------------------------------------------------------*/

.erling-fn-protected{
	width: 100%;
    min-height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	padding: 150px 20px;
}
.erling-fn-protected .message_holder{
	max-width: 500px;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.erling-fn-protected .icon .fn__svg{
	color: #b9b8c3;
    display: inline-block;
    width: 100px;
	height: 100px;
	margin-bottom: 35px;
}
.erling-fn-protected h3{
	margin-bottom: 20px;
	font-size: 40px;
	text-transform: uppercase;
}
.erling-fn-protected p{
	margin: 0;
    padding: 0;
    font-size: 18px;
    margin-bottom: 40px;
}
@media(max-width:768px){
	.erling-fn-protected h3{font-size: 28px;margin-bottom: 15px;}
	.erling-fn-protected p{margin-bottom: 30px;}
}
.erling-fn-protected form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.erling-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;
}
.erling-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;
}

/*------------------------------------------------------------------*/
/*	11) Blog Single
/*------------------------------------------------------------------*/

.erling_fn_blog_single{
	width: 100%;
}
.blog_single_image{
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
.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%;
	background-color: #fff;
}
.blog_desriptions_box .main_content{
	width: 100%;
	padding: 40px;
}
.blog_desriptions_box .blog_title{
	width: 100%;
	margin-bottom: 20px;
}
.blog_desriptions_box .blog_title h1{
	font-size: 25px;
	margin: 0px;
}
.erling_fn_tags{
	width: 100%;
	display: flex;
	padding-top: 40px;
}
.erling_fn_tags span{
	text-transform: uppercase;
	color: #000;
	font-weight: 600;
}
.erling_fn_tags ul{
	padding-left: 10px;
	margin: 0px;
}
.erling_fn_tags ul li{
	display: inline-block;
	margin: 0px;
	margin-right: 3px;
}
.erling_fn_tags ul li:last-child{
	margin-right: 0px;
}
.erling_fn_tags ul li a{
	color: #000;
}
.erling_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;
}
.erling_fn_prev_next .image{
	position: relative;
	width: 80px;
	min-width: 80px;
	height: 80px;
	overflow: hidden;
}
.erling_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;
}
.erling_fn_prev_next .image:hover .main{
	transform: scale(1.1) translateZ(0)
}
.erling_fn_prev_next .prev,
.erling_fn_prev_next .next{
	display: flex;
	align-items: center;
	width: 50%;
}
.erling_fn_prev_next .prev .info{
	padding-left: 20px;
}
.erling_fn_prev_next .next .info{
	padding-right: 20px;
}
.erling_fn_prev_next .subtitle{
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #868a9b;
	font-weight: 500;
	display: inline-block;
}
.erling_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){
	.erling_fn_prev_next .title{font-size: 16px;}
}
.erling_fn_prev_next .prev{
	padding-right: 20px;
}
.erling_fn_prev_next .next{
	text-align: right;
	flex-direction: row-reverse;
	padding-left: 20px;
}
.erling_fn_prev_next .title a{
	color: #000;
	word-wrap: break-word;
}
.erling_fn_prev_next .image .main[data-bg-img=""]{
	background-color: #eee;
}
.erling_fn_prev_next[data-status="prev"] .next{
	opacity: 0;
	pointer-events: none;
}
.erling_fn_prev_next[data-status="next"] .prev{
	opacity: 0;
	pointer-events: none;
}
@media(max-width:768px){
	.erling_fn_prev_next{flex-direction: column;align-items: baseline;justify-content: flex-start;}
	.erling_fn_prev_next .prev{margin-bottom: 30px;width: 100%;padding: 0px;}
	.erling_fn_prev_next .next{width: 100%;padding: 0px;text-align: left;flex-direction: row;}
	.erling_fn_prev_next .next .info{padding-left: 20px;padding-right: 0px;}
}
.erling_fn_related_posts{
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}
.erling_fn_related_posts .related_title{
	width: 100%;
    background-color: #eaeaea;
    padding: 25px 40px;
}
.erling_fn_related_posts .related_title h3{
	font-size: 17px;
    text-transform: uppercase;
	margin: 0px;
}
.erling_fn_related_posts .content{
	width: 100%;
    background-color: #fff;
    padding: 40px 40px 0px 40px;
}
.erling_fn_related_posts .content > ul{
	margin: 0px 0px 0px -40px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
}
.erling_fn_related_posts .content > ul > li{
	margin: 0px 0px 40px 0px;
	padding: 0px;
	padding-left: 40px;
	width: 50%;
}
.erling_fn_related_posts .content > ul > li .list_inner{
	width: 100%;
	height: 100%;
	clear: both;
	position: relative;
}
@media(max-width:768px){
	.erling_fn_related_posts .content > ul{margin: 0px;}
	.erling_fn_related_posts .content > ul > li{width: 100%;padding-left: 0px;}
}
.erling_fn_related_posts .content .image{
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
}
.erling_fn_related_posts .content .image img{
	position: relative;
	min-width: 100%;
	opacity: 0;
}
.erling_fn_related_posts .content .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);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_related_posts .content .image:hover .main{
	transform: scale(1.1) translateZ(0)
}
.erling_fn_related_posts .content .details{
	width: 100%;
	background-color: #f5f5f5;
}
.erling_fn_related_posts .content .title{
	width: 100%;
	padding: 30px;
}
.erling_fn_related_posts .content .title h3{
	font-size: 20px;
	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){
	.erling_fn_related_posts .content .title h3{font-size: 18px;}
}
.erling_fn_related_posts .content .title a{
	color: #000;
}

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

.portfolio_single_content{
	width: 100%;
}
.portfolio_single_content .fn_portfolio_single_image{
	position: relative;
}
.portfolio_single_content .fn_portfolio_single_image img{
	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%;
/*	border-bottom: 1px solid rgba(0,0,0,.1);*/
	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 img{
	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;
}

.erling_fn_related_items{
	width: 100%;
	margin-top: 100px;
}
.erling_fn_related_items .title{
	width: 100%;
	background-color: #eaeaea;
	padding: 25px 40px;
}
.erling_fn_related_items .title h3{
	text-transform: uppercase;
	font-size: 17px;
	margin: 0px;
}
.erling_fn_related_items .content{
	width: 100%;
	background-color: #fff;
	padding: 40px 40px 0px 40px;
}
.erling_fn_related_items ul{
	margin: 0px;
	padding: 0px;
	margin-left: -40px;
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}
.erling_fn_related_items ul li{
	margin: 0px;
	padding: 0px;
	width: 50%;
	padding-left: 40px;
	margin-bottom: 40px;
}
@media(max-width:768px){
	.erling_fn_related_items ul{margin: 0px;}
	.erling_fn_related_items ul li{width: 100%;padding-left: 0px;}
}
.erling_fn_related_items ul li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	position: relative;
	overflow: hidden;
}
.erling_fn_related_items ul li .image{
	position: relative;
	overflow: hidden;
}
.erling_fn_related_items ul li .image img{
	position: relative;
	min-width: 100%;
	opacity: 0;
}
.erling_fn_related_items ul li .image .main[data-bg-img=""]{
	background-color: #eee;
}
.erling_fn_related_items ul li .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	transform: scale(1)translateZ(0);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_related_items ul li .details{
	position: absolute;
	z-index: 2;
	bottom: -100px;
	left: 20px;
	right: 20px;
	background-color: #fff;
	padding:8px 20px 13px 20px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_related_items ul li .details span{
	font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #868a9b;
    font-weight: 500;
}
.erling_fn_related_items ul li .details span a{
	color: #868a9b;
	transition: all .3s ease;
}
.erling_fn_related_items ul li .details span a:hover{
	color: #000;
}
.erling_fn_related_items ul li .details h3{
	color: #000;
	font-size: 17px;
	margin-bottom: 0px;
}
.erling_fn_related_items ul li .list_inner:hover .details{
	bottom: 20px;
}
.erling_fn_related_items ul li .list_inner:hover .image .main{
	transform: scale(1.1)translateZ(0);
}
.portfolio_informations{
	width: 100%;
	margin-bottom: 40px;
}
.portfolio_informations .title{
	width: 100%;
	background-color: #eaeaea;
	padding: 25px 40px;
}
.portfolio_informations .title h3{
	text-transform: uppercase;
	font-size: 17px;
	margin: 0px;
}
.portfolio_informations .content{
	width: 100%;
	padding: 40px;
	background-color: #fff;
}
.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%;
}
.portfolio_descriptions .single_title{
	width: 100%;
	padding: 25px 40px;
	background-color: #eaeaea;
}
.portfolio_descriptions .single_title h3{
	text-transform: uppercase;
	font-size: 17px;
	margin: 0px;
}
.portfolio_descriptions .content{
	width: 100%;
	background-color: #fff;
	padding: 40px 40px 15px 40px;
}
.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;
}
.erling_fn_ajax_portfolio .filter_wrapper{
	width: 100%;
	margin-bottom: 42px;
}
.erling_fn_ajax_portfolio .filter_wrapper ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.erling_fn_ajax_portfolio .filter_wrapper ul li{
	margin: 0px;
	padding: 0px;
	display: inline-block;
	margin-right: 30px;
}
.erling_fn_ajax_portfolio .filter_wrapper ul li:last-child{
	margin-right: 0px;
}
.erling_fn_ajax_portfolio .filter_wrapper ul li a{
	color: #868a9b;
	
	transition: all .3s ease;
}
.erling_fn_ajax_portfolio .filter_wrapper ul li.current a,
.erling_fn_ajax_portfolio .filter_wrapper ul li a:hover{
	color: #000;
}
.erling_fn_ajax_portfolio{
	width: 100%;
}
.erling_fn_ajax_portfolio .portfolio_list{
	margin: 0px;
	padding: 0px;
	margin-left: -40px;
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
}
.erling_fn_ajax_portfolio .portfolio_list li{
	width: 33.3333%;
	padding-left: 40px;
	margin-bottom: 40px;
}
@media(max-width:1040px){
	.erling_fn_ajax_portfolio .portfolio_list li{width: 50%;}
}
@media(max-width:768px){
	.erling_fn_ajax_portfolio .portfolio_list{margin: 0px;}
	.erling_fn_ajax_portfolio .portfolio_list li{width: 100%;padding-left: 0px;}
}
.erling_fn_ajax_portfolio .portfolio_list li .list_inner{
	width: 100%;
	height: auto;
	clear: both;
	position: relative;
	overflow: hidden;
}
.erling_fn_ajax_portfolio .portfolio_list li .image{
	position: relative;
	overflow: hidden;
}
.erling_fn_ajax_portfolio .portfolio_list li .image img{
	position: relative;
	min-width: 100%;
	opacity: 0;
}
.erling_fn_ajax_portfolio .portfolio_list li .image .main{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	transform: scale(1)translateZ(0);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_ajax_portfolio .portfolio_list li .details{
	position: absolute;
	z-index: 2;
	bottom: -100px;
	left: 20px;
	right: 20px;
	background-color: #fff;
	padding:8px 20px 13px 20px;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.erling_fn_ajax_portfolio .portfolio_list li .details h3{
	color: #000;
	font-size: 20px;
	margin-bottom: 2px;
}
.erling_fn_ajax_portfolio .portfolio_list li .details span{
	font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 500;
}
.erling_fn_ajax_portfolio .portfolio_list li .details span a{
	color: #868a9b;
}
.erling_fn_ajax_portfolio .portfolio_list li .details h3{
	color: #000;
	font-size: 17px;
}
.erling_fn_ajax_portfolio .portfolio_list li .list_inner:hover .details{
	bottom: 20px;
}
.erling_fn_ajax_portfolio .portfolio_list li .list_inner:hover .image .main{
	transform: scale(1.1)translateZ(0);
}
.fn_ajax_more{
	width: 100%;
}
.fn_ajax_more a{
	color: #fff;
	display: inline-block;
	background-color: #666;
	padding: 12px 30px;
	position: relative;
	border: none;
	
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
.fn_ajax_more a:hover{
	background-color: #000;
}
.fn_ajax_more.disabled a{
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/*------------------------------------------------------------------*/
/*	13) Blocks
/*------------------------------------------------------------------*/

code{
	margin: 0px;
}
.nav_ws .erling_fn_pages{
	padding-left: 400px;
}
.nav_ws .footer_fn_classic{
	padding-left: 400px;
}
@media(max-width:1600px){
	.nav_ws .erling_fn_pages{padding-left: 300px;}
	.nav_ws .footer_fn_classic{padding-left: 300px;}
}
@media(max-width:1040px){
	.nav_ws .erling_fn_pages{padding-left: 0px;}
	.nav_ws .footer_fn_classic{padding-left: 0px;}
	.nav_ws .footer_fn_widget{padding-left: 0px;}
}

/*------------------------------------------------------------------*/
/*	14) Comments
/*------------------------------------------------------------------*/

.erling_fn_comment{
	width: 100%;
}
.erling_fn_comment .comment_in{
	width: 100%;
}
.erling_fn_comment .comment_list{
	width: 100%;
	background-color: #fff;
	margin-bottom: 40px;
}
.erling_fn_comment .comment-title-count{
	background-color: #eaeaea;
	margin: 0px;
	padding: 25px 40px;
	font-size: 17px;
	text-transform: uppercase;
}
.erling_fn_comment .commentlist{
	margin: 0px;
	padding: 40px;
	list-style-type: none;
}
.erling_fn_comment .comment{
	width: 100%;
}
.erling_fn_comment .comment-body{
	margin: 0px 0px 20px 0px;
    position: relative;
    padding: 40px;
    background-color: #f5f5f5;
}
.erling_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){
	.erling_fn_comment .infos_wrap{flex-direction: column;align-items: baseline;}
	.erling_fn_comment .comment-avatar{margin-right: 0px;margin-bottom: 10px;}
}
.erling_fn_comment .comment-avatar{
	width: 60px;
	height: 60px;
	border-radius: 100%;
	margin-right: 15px;
}
.erling_fn_comment .comment-avatar img{
	border-radius: 100%;
	object-fit: cover;
}
.erling_fn_comment h4.author{
	margin: 0px;
	padding: 0px;
	font-size: 17px;
}
.erling_fn_comment .time{
	margin: 0px;
	padding: 0px;
}
.erling_fn_comment .comment-desc a{
	color: #000;
}
.erling_fn_comment .fn_reply:empty{
	display: none;
}
.erling_fn_comment .fn_reply{
	margin-top: 20px;
	display: flex;
}
.erling_fn_comment .fn_reply .comment-reply{
	display: flex;
	position: relative;
	margin: 0 5px 5px 0;
}
.erling_fn_comment .fn_reply .comment-reply a{
	padding-left: 29px;
	margin: 0;
}
.erling_fn_comment .fn_reply .fn__svg{
	position: absolute;
	left: 10px;
	width: 12px;
	height: 12px;
	top: 50%;
	margin-top: -6px;
	color: #fff;
}
.erling_fn_comment .fn_reply_wrapper{
	width: 100%;
	float: left;
}
.erling_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;
}
.erling_fn_comment .fn_reply a:hover{
	background-color: #000;
}
.erling_fn_comment .commment-text-wrap{
	width: 100%;
}
.erling_fn_comment .commment-text-wrap p{
	margin: 0px;
}
.erling_fn_comment .comment-respond{
	width: 100%;
}
.erling_fn_comment .children{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-left: 20px;
}
.erling_fn_comment #cancel-comment-reply-link{
	text-transform: capitalize;
	color: #868a9b;
	transition: all .3s ease;
	margin-left: 20px;
}
.erling_fn_comment #cancel-comment-reply-link:hover{
	color: #000;
}
.erling_fn_comment .comment-reply-title{
	background-color: #eaeaea;
	margin: 0px;
	padding: 25px 40px;
	font-size: 17px;
	text-transform: uppercase;
}
.erling_fn_comment .comment-respond{
	width: 100%;
	background-color: #fff;
	margin-bottom: 20px;
}
.erling_fn_comment .commentlist .comment-respond{
	background-color: #f5f5f5;
}
.erling_fn_comment li.comment .comment-respond{
	-webkit-animation: erling-slide-down .5s ease;
	-moz-animation: erling-slide-down .5s ease;
}
@-webkit-keyframes erling-slide-down{
      0%{ opacity: 0; transform: translateY(10px) translateZ(0);}   
    100%{ opacity: 1; transform: translateY(0px) translateZ(0);}
}
@-moz-keyframes erling-slide-down{
      0%{ opacity: 0;  transform: translateY(10px) translateZ(0);}   
    100%{ opacity: 1; transform: translateY(0px) translateZ(0);}
}
.erling_fn_comment .comment-respond form{
	padding: 40px;
}
.erling_fn_comment .comment-respond textarea{
	padding: 20px;
    height: 120px;
	width: 100%;
	max-width: 100%;
    background-color: #eaeaea;
    resize: none;
    font-size: 16px;
	margin-bottom: 15px;
	color: #868a9b;
}
.erling_fn_comment .comment-respond input[type="text"]{
	width: 100%;
    height: 50px;
    padding: 5px 20px;
    background-color: #eaeaea;
	font-size: 16px;
	margin-bottom: 20px;
	color: #868a9b;
}
.erling_fn_comment .comment-form-cookies-consent{
	margin-bottom: 20px;
}
.erling_fn_comment .form-submit{
	margin: 0px;
}
.erling_fn_comment .logged-in-as{
	margin: 0px 0px 20px 0px;
}
.erling_fn_comment .logged-in-as a{
	color: #000;
	transition: all .3s ease;
}
.erling_fn_comment .logged-in-as a:hover{
	color: #000;
}

/*------------------------------------------------------------------*/
/*	15) Contact Form
/*------------------------------------------------------------------*/

.erling_fn_contact_form_wrapper{
	width: 100%;
}
.erling_fn_contact_form_wrapper input{
	width: 100%;
	height: 50px;
	padding: 5px 20px;
	background-color: #eaeaea;
	font-size: 16px;
	color: #868a9b;
}
.erling_fn_contact_form_wrapper input:focus{
	outline: none;
	background-color: #eaeaea;
}
.erling_fn_contact_form_wrapper textarea{
	width: 100%;
	max-width: 100%;
	height: 100px;
	padding: 15px 20px;
	background-color: #eaeaea;
	font-size: 16px;
	color: #868a9b;
}
.erling_fn_contact_form_wrapper .wpcf7-form-control-wrap{
	margin-bottom: 15px;
	display: block;
}
.erling_fn_contact_form_wrapper .wpcf7-form-control-wrap:last-child{
	margin-bottom: 9px;
}
.erling_fn_contact_form_wrapper br{
	display: none;
}
.erling_fn_contact_form_wrapper input[type=submit]{
/*	width: auto !important;*/
	height: auto !important;
	font-family: "Syne", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #666666;
    border-style: none;
    padding: 20px 40px;
	text-transform: capitalize;
	transition: all .3s ease;
}
.erling_fn_contact_form_wrapper input[type=submit]:hover{
	background-color: #000000;
}
.wpcf7 form .wpcf7-response-output{
	margin: 20px 0px 0px 0px !important;
}
.erling_fn_single_template{
	margin-top: 160px;
}










/*------------------------------------------------------------------*/
/*	16) To Top
/*------------------------------------------------------------------*/

.fn_progressbar{
    position: fixed;
	height: 100px;
    width: 1px;
	bottom: 25px;
    right: -25px;
    background-color: rgba(0,0,0,.08);
    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;
}
.fn_progressbar.animate{
	right: 25px;
}
.fn_progressbar .fn_line{
	position: absolute;
    width: 1px;
	height: auto;
    background-color: rgba(0,0,0,.4);
}

.fn_progressbar .text{
	position: absolute;
    bottom: 100px;
    left: 0px;
    font-size: 13px;
    transform: rotateZ(90deg);
    text-transform: uppercase;
    transform-origin: left;
    white-space: nowrap;
}
.fn_progressbar a{
	text-decoration: none;
	color: #000;
}