boxed-container-wrap@charset "utf-8";
/*======================================
 [ -Main Stylesheet-
  Theme: Valik
  Version: 1.0
  Last change: 17/05/2022 ]
  	+++Fonts +++back
	++++General Styles++++
	++++Typography ++++
	++++Page preload ++++
	++++Content Styles ++++
	++++Portfolio ++++
	++++Blog ++++
	++++Contacts ++++
	++++Responsive ++++
*/
/*-------------Import fonts ---------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500&display=swap');
/*-------------General Style---------------------------------------*/
html{
	overflow-x:hidden !important;
	height:100%;
	overflow-y: scroll;
}
body{
	margin: 0;
	padding: 0;
	font-family: Montserrat,sans-serif;
	font-weight: 200;
	font-size: 12px;
	background:#151515;
	height:100%;
	text-align:center;
} 
@-o-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
/*--------------Typography--------------------------------------*/
h1 {
	font-size: 4.46666666667em;
	line-height: 1.17em;
}
h2 {
	font-size: 3.2em;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size: 0.9em;
}
h5 {
	font-size: 0.8em;
}
h6 {
	font-size: 0.6em;
}
p {
	text-align: left;
    /*font-size: 12px;*/
    /*line-height: 24px;*/
    padding-bottom: 10px;
    /*font-weight: 500;*/
    color: #5e646a;
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Lora,serif;
    font-size: .8125rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .019em;
    line-height: 2.33;
}
blockquote {
	float:left;
	padding: 10px 20px 0;
	margin: 0 0 20px;
	border-left: 10px solid #eee;
	position:relative;
	font-family: Montserrat,sans-serif;
}
blockquote:before {
	font-family: Font Awesome\ 5 Pro;
	content: "\f10e";
	position:absolute;
	bottom:5px;
	right:10px;
	color:#ccc;
	z-index: -1;
	font-size:34px;
}
blockquote p {
	font-style:italic;
	font-size: 13px;
	color: #333;
}
/* ---------Page preload--------------------------------------*/
 .main-loader-wrap {
	position: fixed;
	left:0;
	top:0;
	right: 0;
	bottom: 0;
	background: #151515;
	opacity: .9;
}
.main-loader-wrap {
	z-index: 10001;
}


.loader_count_wrap {
	position: absolute;
	bottom: 0;
	right: -40px;
	font-weight: 400;
	z-index: 50;
	font-family: Montserrat,sans-serif;
}
.loader_count_wrap:before {
	content: '%';
	position: absolute;
	right:6px;
	width: 30px;
	height: 30px;
	top: 4px;
	line-height: 30px;
	font-size: 15px;
	color:#fff;
} 
.loader_count{
    width: 110px;
	height: 30px;
	line-height: 30px;
 	float: right;
    font-size: 25px;
	color:#fff;
}
.loading-text-container {
	position:absolute;
	top:50%;
	left:50%;
	z-index:4;
	width:150px;
	height:90px;
	margin:-65px 0 0 -75px;
	font-weight:700;
}
.loading-text-container:before {
	content: '';
	position: absolute;
	left: -20px;
	bottom: -8px;
	width: 2px;
	height: 38px;
}
.loading-text {
	font-size:48px;
	color:#fff;
	text-align:left;
	text-transform:uppercase;
	display:block;
	line-height:50px;
	position:relative;
	z-index:2;
	font-family: Montserrat,sans-serif;
}
.loading-text strong {
	display:block;
}
/* ------Cursor------------------------------------------------------------ */

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
  
.element {
	position: fixed;
	left:0;
	top:0;
	width: 20px;
	height: 20px;
	pointer-events: none;
	z-index:10000;
}
.element-item {
	position: fixed;
	transform: translate(-50%, -50%) scale(1.0);
	width: 20px;
	height: 20px;
	pointer-events: none;
	opacity:1;
}
.element-item:before {
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	background:#000;
	border-radius:50%;
	z-index:-1;
	transform: scale(1.0);
  	transition: all 500ms cubic-bezier(.19,1,.22,1) 0ms;
}
.element-item.elem_hover:before {
	opacity:0.2;
	transform: scale(2.5);
}
.element-item.elem_text:before {
	opacity:0.2;
}
.element-item.elem_hover {
	border-color:transparent;
}
.element-item:after {
	font-family: Font Awesome\ 5 Pro;
	content: "";
	position:absolute;
	font-size:7px;
	left:50%;
	color:#fff;
	top:50%;
	width: 14px;
	height: 14px;
	font-weight:100;
	line-height:14px;
	margin:-7px 0 0 -7px;
	opacity:0;
  	transition: all 500ms cubic-bezier(.19,1,.22,1) 0ms;
	transform: scale(0);
}
.element-item.slider_hover:before {
	transform: scale(2.5);
	opacity: 0.4;
}
.element-item.slider_hover:after {
	transform: scale(1.0);
	opacity:1;
	content: "\f07e";
	font-size:13px !important;
	font-weight: 100;
}
.element-item.close-icon:after {
	transform: scale(1.5);
	opacity:1;
	content: "\f00d";
	color:#fff;
	line-height:16px;
}
.element.unvis_elem {
	display: none;
}
/* ---------Content Styles--------------------------------------*/
#main{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:1;
}
#wrapper{
	height:100%;
	margin-left:0;
	vertical-align:top;
	position: absolute;
	left:0;
	top:0;
	right:0;
	z-index:2;
	width:100%;
}
.content-holder{
	position: absolute;
	left:60px;
	top:75px;
	right: 60px;
	padding:90px  0 0; 
	z-index: 2;
	bottom:0;
	opacity: 1;
	transition: all 1.2s ease-in-out;
}
.hid-conh {
	transition-delay: .6s;
	opacity: 0;
} 
.content-holder.fw-con {
	padding-top: 0;
	top:130px;
}
.content-holder.fw-ch {
	left: 0;
	right: 0;
	top: 0;
	padding: 0;
}
.container{
	max-width: 1224px;
	width:92%;
	margin:0 auto;
	position: relative;
	z-index:5;
}
.container.fl-container {
	float:left;
}
.container.small-container {
	max-width:824px;
}
.content {
	width:100%;
	position:relative;
	z-index:4;
	float:left;
}
.content.por_3 {
	background: #fff;
	min-height: 100vh;
	padding-bottom: 130px;
}
.content.pad-content {
	padding: 0 60px 90px;
}
.fl-wrap {
	float:left;
	width:100%;
	position:relative;
}
.no-bg {
	background:none !important;
}
.full-height {
	height:100%;
}
.bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size: cover;
	background-attachment: scroll  ;
	background-position: center  ;
	background-repeat:repeat;
	background-origin: content-box;
} 
.respimg , .single-slider img {
	width:100%;
	height:auto;
}
.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity: 0.5;
	z-index:2;
}
.overlay1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	
	z-index:2;
}
.no-padding {
	padding:0 !important;
}
.content-bg {
	position: fixed;
	bottom: 0;
	left: 60px;
	right: 60px;
	top: 60px;
 	transition: all .4s ease-in-out;
	background: #fff;
	z-index: 1;
}
.hide_cb {
	top: 100%;
}
.progress-bar-wrap {
	position:fixed;
	top:26px;
	left:30%;
	right:30%;
	height:1px;
	background: rgba(255,255,255,0.2);
	z-index:123;
	transition: all .6s ease-in-out;
	transition-delay: .6s;
}
.hide_pw {
	left:100%;
	right:100%;
}
.show_pw {
	left:30%;
	right:30%;	
}
.progress-bar {
    position:relative;
    height:100%;
    width:0%;
	z-index:2;
	top:0;
    transition: all .2s ease-in-out;
}
.single-content {
	padding-bottom: 110px;
}
.pl-spinner   {
	position:fixed;
	top:50%;
	left:50%;
	z-index:411;
	width:40px;
	height:40px;
	margin:-20px 0 0 -20px;
	border-radius:50%;
  	transition: all 500ms cubic-bezier(.19,1,.22,1) 0ms;
	transform:scale(0);
}
.pl-spinner.act-loader {
	transform:scale(1.0);
}
.pl-spinner:before  {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-radius:50%;
	border: 4px solid transparent;
	border-top:4px solid  #ccc;
	border-bottom:4px solid  #ccc;
	animation: rotate 1s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
	box-sizing:border-box;
}
.pl-spinner:after {
	content:'';
	position:absolute;
	width: 4px;
	height: 4px;
	top: 50%;
	left: 50%;
	margin: -2px 0 0 -2px;
	background: rgba(255,255,255,0.4);
	border-radius: 50%;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*------   Header  ------------------------------------------------------*/
.main-header {
	position: fixed;
	bottom: 0;
	box-sizing: border-box;
	left: 60px;
	right: 60px;
	height: 74px;
	background: #fff;
	z-index: 50;
	padding: 0 40px;
	border-top: 1px solid #eee;
	transition: all .4s ease-in-out;
}
.main-header.top-header {
	bottom: calc(100% - 130px) ;
}
.main-header.top-header:before , .fixed-filter:before {
	content: '';
	position: absolute;
	top: -60px;
	left: 0;
	right: 0;
	height: 60px;
	background: #151515;
}
.main-header.top-header:after {
	content: '';
	position: absolute;
	bottom: 0;
	left:40px;
	right: 40px;
	height: 1px;
	background: #ddd;
}
.logo-holder {
	float: left;
	position: relative;
	top: 20px;
}
.logo-holder img {
	width: auto;
	height: 32px;
}
/* ------Navigation------------------------------------------------------------ */
.nav-holder {
	float:right;
	position:relative;
	opacity:1;
	left:0;
	visibility:visible;
	z-index:20;
	top:18px;
	margin-right:25px;
}
.nav-holder nav {
	position:relative;
	float: right;
}
.nav-holder nav li{
	float:left;
	position:relative;
	/*margin-right:20px;*/
	height:70px;
}
.nav-holder nav li ul {
	margin:0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	min-width:190px;
	bottom: 90px;
	right: 0;
	z-index: 1;
	padding:10px 0;
	background: rgba(0,0,0,.8);
	transition: all .2s ease-in-out;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.main-header.top-header .nav-holder nav li ul {
	bottom: auto;
	top: 56px;
}
.nav-holder nav li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
.nav-holder nav li ul li   ul {
	top: auto;
	left: auto;
	right: 100%;
	bottom: -126px;
	margin:0;
	max-width:150px;
}
.main-header.top-header .nav-holder nav li ul li ul {
	bottom: auto;
	top: -10px;
}
.nav-holder nav li ul li:hover  > ul  {
	opacity: 1;
	visibility: visible;
	margin-right:0px;
}
.nav-holder nav li ul li {
    float: none;
    display: block;
	height:auto;
}
.nav-holder nav li a {
	float: left;
	padding: 10px;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
    color: #000;
}
.nav-holder nav li a:hover{
    color: #999;
}
.nav-holder nav li ul a {
	color:#fff;
	float:left;
	width:100%;
	text-align:left;
	padding:2px 15px;
	letter-spacing:0px;
}
.nav-holder nav li a:before {
	content:'';
	position:absolute;
	top:-18px;
	left:0;
	width:0;
	background:#292929;
	height:3px;
}
.nav-holder nav li ul a:before {
    display: none;
}
.nav-holder nav li a.act-link:before {
	width:100%;
}
.nav-holder nav li ul a.act-link   {
    color: #fff;
} 
/* .sb-button {
	float: right;
	width: 20px;
	height: 20px;
	position: relative;
	top: 28px;
	cursor: pointer;
} */
.sb-button {
	float: right;
    width: 90px;
    height: 40px;
    position: relative;
    top: 10px;
    cursor: pointer;
    
     font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
    
    background: #804bd8;
    color: #fff;
}
/* .sb-button span , .sb-button:before , .sb-button:after , .sb-button span:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #000;
} */
.sb-button span , .sb-button span:before   {
	top:0;
	left: 0;
}
.sb-button span:before , .sb-button {
	transition: all 0.3s ease-in-out;
}
.sb-button span:before {
	transition-delay: 0.3s;
}
.sb-button:before {
	bottom: 0;
	left: 0;
}
.sb-button:after {
	right: 0;
	top: 0;
}
.sb-button.r_sbb  {
	/* transform: rotate(45deg); */
}
.sb-button.r_sbb span:before {
	top:17px;
	left: 17px;
}
.nav-button-wrap {
	float:right;
	height:38px;
	width:38px;
	cursor:pointer;
	position:relative;
	top:18px;
	margin-right:24px;
	display: none;
}
.nav-button  {
	position:absolute;
	top:50%;
	left:50%;
	width:22px;
	height:20px;
	margin-left:-11px;
	margin-top:-6px;
}
.nav-button span{
	float:left;
	width:100%;
	height:2px;
	background:#000;
	margin-bottom:4px;
	border-radius:4px;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.nav-button span:first-child {
    width: 50%;
}
/*------  sidebar ------------------------------------------------------*/
.sb-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.4);
	z-index: 17;
	display: none;
}
.sidebar-wrap {
	position: fixed;
	background: #fff;
	top: 100px;
	bottom: 100px;
	right: 60px;
	width: 450px;
	z-index: 18;
	opacity: 0;
	visibility: hidden;
	margin-right: -30px;
	transition: all 0.3s ease-in-out;
}
.top-sb {
	top: 140px;
	bottom: 60px;
}
.vis-sb {
	margin-right: 0;
	opacity: 1;
	visibility: visible;
}
.sidebar-wrap-container::-webkit-scrollbar {
  width: 0px;
}
.sidebar-wrap-container {
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	z-index: 1;
	padding:50px   60px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.sidebar-wrap:before , .sidebar-wrap:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	z-index: 20;
	height: 50px;
	background: #fff;
}
.sidebar-wrap:before{
	bottom: 0;
}
.sidebar-wrap:after {
	top: 0;
}
.sb-widget-wrap {
	margin-bottom:50px;
	padding-bottom:30px;
	border-bottom:1px solid #eee;
	overflow: hidden;
	z-index: 1;
	position: relative;
	opacity: 1;
	transform: translateY(50px)
}
.sidebar-wrap-container .sb-widget-wrap:last-child {
	margin-bottom: 20px;
}
.sb-widget-wrap h3 {
	color: #333;
    text-align: left;
    /*font-size: 16px;*/
    /*font-weight: 800;*/
    margin: 0 0 20px;

 	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
}
.sb-widget p {
	color:#888;
	text-align: left;
}
#subscribe {
	float:left;
	width:100%;
	margin-top:20px;
}
#subscribe .enteremail {
	background-color: none;
	border:1px solid #e4e4e4;
    font-size: 12px;
    height: 55px;
    padding: 0 20px;
    width: 100%;
	outline:none;
}
#subscribe .enteremail:focus  , #subscribe .enteremail:-webkit-autofill {
	background:#f9f9f9;
}
#subscribe .enteremail::-webkit-input-placeholder  {
	color: #000;
	font-weight: 600;
	font-size: 10px;
	position: relative;
	text-transform:uppercase;
	letter-spacing:2px;
}

#register-button {
   margin-top:10px;
	width:100%;
	height:55px;
	float:right;
	background:#292929;
	color:#fff;
	/*font-weight:700;*/
	border:none;
	/*font-size:11px;*/
	cursor:pointer;
	
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
}

#btn-forgot-pass {
   margin-top:10px;
	width:100%;
	height:55px;
	float:right;
	background:#292929;
	color:#fff;
	/*font-weight:700;*/
	border:none;
	/*font-size:11px;*/
	cursor:pointer;
	
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
}

#subscribe-button {
	margin-top:10px;
	width:100%;
	height:55px;
	float:right;
	background:#292929;
	color:#fff;
	/*font-weight:700;*/
	border:none;
	/*font-size:11px;*/
	cursor:pointer;
	
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
}
#subscribe-button:hover  , .twitt_btn:hover , .sidebar-social li a:hover{
	color:rgba(255,255,255,0.7)
}
.subscribe-message{
	float:left;
	width:100%;
	margin-top:20px;
	font-weight:500;
	font-size:11px;
	text-align:left;
	color:#666;
}
#footer-twiit div.user {
	margin-bottom:10px;
	font-size:11px;
	font-style:italic;
}
#footer-twiit div.user a {
	color:#666;
}
#footer-twiit div.user img {
	display:none;
}
#footer-twiit {
	text-align:left;
}
#footer-twiit p.interact {
	 float:left;
	 width:100%;
	 margin:0 0 5px;
}
#footer-twiit p.interact a {
	float:left;
	color:#fff;
	margin-right:10px;
	background:#292929;
	padding:3px 10px;
	font-size:10px;
	font-weight:500;
}
#footer-twiit p.interact a:hover {
	color:#888;
}
#footer-twiit ul li {
	margin-bottom:20px;
	float:left;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
}
#footer-twiit ul li:last-child {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}
#footer-twiit p.tweet {
	text-align:left;
	font-size: 12px;
	padding: 15px 25px;
	background: #f9f9f9;
	font-family: Montserrat,sans-serif;
}
#footer-twiit p.tweet a:hover {
	color:#888;
}
#footer-twiit  .timePosted a {
	color:#999;
	font-style:italic;
	text-align:left;
	margin-top: 10px;
	display: block;
}
.twitt_btn {
	padding:15px 0;
	background:#292929;
	margin-top:20px;
    color: #fff;
    font-weight: 700;
	font-size:11px;
}
.sidebar-social li {
	float:left;
	margin-right:4px;
}
.sidebar-social li a {
	float:left;
	width:36px;
	height:36px;
	line-height:36px;
	border-radius:2px;
	background:#292929;
	color:#fff;
	font-size:11px;
}
.categories_widget_item {
	padding:0  10px 15px 0;
	width: 50%;
	float: left;
}
.categories_widget_item_img {
	overflow: hidden;
	position: relative;
}
.categories_widget_item_img img{
	transition: all 0.3s ease-in-out;
	transform: scale(1.0);
}
.categories_widget_item:hover img {
	transform: scale(1.2);
}
.categories_widget_title {
	float: left;
	padding: 10px 0 0;
	color: #000;
    text-align: left;
    font-size: 13px;
    font-weight: 800;
	position: relative;
}
.categories_widget_title:before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	height: 1px;
	background: #000;
	width: 0;
	transition: all 0.3s ease-in-out;
}
.categories_widget_item:hover .categories_widget_title:before {
	width: 30px;
}
/*------ Button  ------------------------------------------------*/
.single-btn , .hero-btn {
	padding: 20px 40px;
	background: #eee;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 2px;
	display: inline-block;
	margin-top: 50px;
	position: relative;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}
.single-btn span , .hero-btn span {
	position: relative;
	z-index: 4;
}
.hero-btn {
	background: #232323;
}
.single-btn:after , .hero-btn:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 100%;
	z-index: 1;
	background: #232323;
	transition: all 0.3s ease-in-out;
}
.single-btn:before , .hero-btn:before {
	content: '';
	position: absolute;
	left: 50%;
	width: 60px;
	margin-left: -30px;
	bottom: 0;
	z-index: 3;
	height: 0;
	transition: all 0.3s ease-in-out;
	transition-delay: 0.3s;
}
.hero-btn:hover:before{
	margin: 0;
	width: 100%;
	left: 0;
}
.single-btn:hover:before , .hero-btn:before {
	height: 4px;
}
.single-btn:hover , .hero-btn {
	color:#fff;
}
.single-btn:hover:after , .hero-btn:after {
	top:0;
}
/*------ Home -------------------------------------------------*/
.hero-wrap , .bg-wrap , .hero-carousel-container , .hero-blur-container , .hero-blur-container_item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.hero-blur-container_item {
	transform: scale(1.0);
	transition: all  .4s ease-in-out;
}
.hero-blur-container {
	z-index: 1;
}
.hero-carousel_img .bg {
	width: 120%;
}
.hero-blur-container:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 1;
    transition: all .2s ease-in-out;	
}
.hero-blur-container.hideblur:before {
	background: rgba(0,0,0,1);
}
.hero-blur-container.hideblur  .hero-blur-container_item {
	transform: scale(1.1);
	transition-delay: .1s
} 
.hero-carousel-title {
	position: absolute;
	left: 60px;
	right: 70%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}
.hero-carousel-wrapper {
	position: absolute;
	left: 30%;
	right: 0;
    top: 170px;
	bottom: 190px;
	overflow: hidden;
	z-index: 4;
}
.hero-carousel-conatiner {
	float: left;
	position: relative;
	width: 100vw;
}
.hero-carousel_item , .hero-carousel_img {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	overflow:hidden;
}
.hero-carousel_project-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 60px 40px;
	z-index: 20;
	text-align: left;
	transition: all .4s ease-in-out;
	transition-delay: .8s;
	opacity: 0; 
	margin-left: -50px;
}
.hero-carousel .swiper-slide.swiper-slide-active .hero-carousel_project-title {
	opacity: 1;
	margin: 0;
}
.hero-carousel_project-title h3 {
	font-family: Montserrat,sans-serif;
    font-size: 20px;
    font-weight: 600;
    position: relative;	
}
.hero-carousel_project-title h3:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -30px;
	height: 2px;
	width: 40px;
}
.hero-carousel_project-title h5 , .fs-slider_align_title h5 {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    padding-bottom: 2px;
	position: relative;
}
.fs-slider_align_title h5:before {
	content: '';
	position: absolute;
	top: -10px;
	left: 50%;
	height: 2px;
	width: 12px;
	margin:  0 0 0 -6px;
}
.hero-carousel_project-title h3 a , .hero-carousel_project-title h5 , .fs-slider_align_title h5 {
	color: #fff;
}
.hero-carousel_project-title h3 a:hover {
	color: rgba(255,255,255,0.7);
}
.hc-controls , .hc-pag-wrap {
	position: absolute;
	left: 30%;
	bottom: 120px;
	z-index: 50
}
.hc-controls {
	margin-bottom: -6px;
}
.hc_btn {
	float: left;
	margin-right: 20px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}
.hc-single_btn {
	position: absolute;
	right: -35px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50%;
	top: 50%;
	margin-top: -40px;
	cursor: pointer;
	z-index: 50;
}
.hc-single_btn span {
	position: absolute;
	right: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50%;
	top: 0;
	cursor: pointer;
	z-index: 2;
	background: #fff;
	transition: all 0.3s ease-in-out;
}
.hc-single_btn:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -125px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.2);
    margin: -125px 0 0 0;
    z-index: 1;
    background: rgba(255,255,255,0.1);
	transform: scale(1.0);
    transition: all 0.3s ease-in-out;
}
.hc-single_btn i {
	margin-right: 30px;
	transition: all 0.3s ease-in-out;
}
.hc-single_btn:hover span {
	right: 80px;
}
.hc-single_btn:hover i {
	margin: 0;
}
.scroll-down-wrap {
	float: left;
	margin:0 0 0 20px;
	position: relative;
	top: -5px;
}
.scroll-down-wrap span {
	float: left;
	margin-left: 20px;
	position: relative;
	top: 8px;
	font-weight: 600;
	font-size: 11px;
	color:#fff;
	z-index:10;
}
.mousey {
	float: left;
	width: 20px;
	height: 30px;
	border-radius: 6px;
	padding: 0 6px;
	border: 1px solid rgba(255,255,255,0.3);
	box-sizing: border-box;
	position:relative;
	z-index:10;
}
.mousey:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 1px;
    height: 8px;
    left: 50%;
	transform: translateX(-50%);
    background: rgba(255,255,255,0.3);
}
.scroller {
	position: relative;
	left: 50%;
	top: 6px;
	margin-left: -2px;
	width: 4px;
	height: 4px;
	border-radius: 4px;
	animation-name: scroll;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(.15, .41, .69, .94);
	animation-iteration-count: infinite;
}
@keyframes scroll {
	0% {
		opacity: 0;
	}
	10% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(50px);
		opacity: 0;
	}
}
.hc-pag-wrap {
	left: auto;
	right: 60px;
}
.hc-pag {
	float: right;
}
.hc_counter {
	float: left;
	position: relative;
	margin:6px 20px 0 0;
}
.hc_counter:before {
	content: '';
	position: absolute;
	left: 50%;
	width: 1px;
	height: 20px;
	background: rgba(255,255,255,0.5);
	top: 50%;
	margin-top: -10px;
	transform: rotate(45deg);
}
.hc_counter span {
	float: left;
	color: #fff;
	margin: 0 10px;
	height: 10px;
	line-height: 10px;
	font-size: 12px;
	width: 10px;
}
.hero-carousel-title h2{
	color: #fff;
	text-align: left;
	font-family: Montserrat,sans-serif;
	font-size: 48px;
	font-weight: 800;
	padding-bottom: 20px;
	position: relative;
}
.hero-carousel-title h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: -20px;
    width: 50px;
    height: 2px;
    background: #fff;
}
.hero-carousel-title h4 {
	color: #fff;
	text-align: left;
	font-size: 13px;
	font-weight: 600;
}
.hero-video-btn {
	position: absolute;
	top: 50%;
	right: 100px;
	z-index: 20;
	cursor: pointer;
	margin: -35px 0 0 0;
}
.hero-video-btn:before {
	content: '';
	position: absolute;
	right: 100%;
	width: 150px;
	height: 1px;
	margin-right:20px;
	top: 50%;
	background: rgba(255,255,255,0.2);
	transition: all 0.3s ease-in-out;
	transition-delay: 0.3s;
}
.hero-video-btn:hover:before {
	margin-right: -160px;
}
.hero-video-btn strong {
	position: absolute;
	right: 100%;
	top: 28px;
	margin-right: 30px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 600;
	font-size: 10px;
	min-width: 120px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.hero-video-btn:hover strong {
	opacity: 1;
	visibility: visible;
	transition-delay: 0.6s;
}
.hero-video-btn:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -310px;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.1);
	margin: -175px 0 0 0;
	z-index: 1;
	background: rgba(255,255,255,0.05);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
	transition: all 0.3s ease-in-out;
}
.hero-video-btn:hover:after {
	right: -16px;
	margin: -50px 0 0 0;
	width: 100px;
	height: 100px;
}
.hero-video-btn span {
	position: relative;
	z-index: 2;
	width: 70px;
	height: 70px;
	line-height: 70px;
	background: #fff;
	border-radius: 50%;
	float: left;
}
.hero-contact_btn {
	position: absolute;
	top: 0;
	right: 60px;
	padding: 30px 0;
	color: #fff;
	font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
	z-index: 10;
	width: 200px;
}
.hero-contact_btn span {
	position: relative;
	z-index: 2;
}
.hero-contact_btn span:before {
	content: '';
	position: absolute;
	left: 50%;
	width: 0;
	margin: -30px;
	height: 2px;
	bottom: 0;
	background: #fff;
	transition: all 0.3s ease-in-out;
	transition-delay: 0.3s;
}
.hero-contact_btn:hover span:before {
	width: 60px;
}
.hero-contact_btn:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 100%;
	background: #222;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}
.hero-contact_btn:hover:before {
	top:0;
}
.header-contacts {
	position: absolute;
	z-index: 10;
	left: 30px;
	top: 15px;
}
.header-contacts li {
	float: left;
	margin-right: 20px;
  	font-family: Montserrat,sans-serif;
	font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
}
.header-contacts li a , .header-contacts li span {
	float: left;
	font-family: Montserrat,sans-serif;
	font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
}
.header-contacts li a {
	color:#fff;
	position: relative;
}
.header-contacts li a:before {
	content: '';
	position: absolute;
	left: 0;
	height: 1px;
	width: 0;
	background: #fff;
	bottom: -6px;
	transition: all 0.3s ease-in-out;
}
.header-contacts li a:hover:before {
	width: 100%;
}
.header-contacts li span {
	color: rgba(255,255,255,0.8);
	margin-right: 15px;
}
.hero-item {
	position: absolute;
	left: 80px;
	top: 50%;
	z-index: 20;
	transform: translateY(-50%);
}



.hero-item_title {
	max-width: 800px;
	float: left;
	text-align: left;
}
.hero-item_title h2 {
	
	color: #fff;
	position: relative;
	
	font-family: Montserrat,sans-serif;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .375rem;
    line-height: 1.25;
    text-transform: uppercase;
}
.hero-item_title h2:before {
	content: '';
	position: absolute;
	left: 0;
	top: -20px;
	width: 70px;
	height: 2px;
	background: #fff;
}
.hero-item_title h4 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
	color: #fff;
}
.hero-dec_top {
	position: absolute;
	top: 40px;
	left: 60px;
	width: 150px;
	height: 60px;
	z-index: 15;
	box-sizing: border-box;
	border-left: 1px solid rgba(255,255,255,0.3);
	border-top: 1px solid rgba(255,255,255,0.3);
}
.hero-dec_top:before {
	content: '';
	position: absolute;
	right: 0;
	top: -1px;
	width: 40px;
	height: 1px;
}
.hero-dec_top2 {
	position: absolute;
	left: 30%;
	right: 55%;
	height: 1px;
	top: 40px;
	background: rgba(255,255,255,0.3);
	z-index: 15;
}
.hero-link {
	color: #fff;
	position: relative;
	margin-top: 40px;
	float: left;
	font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
}
.hero-link span {
	position: relative;
	padding-left: 30px;
	transition: all 0.3s ease-in-out;
}
.hero-link:hover span {
	padding-left: 15px;
}
.hero-link span:before {
	content: '';
	position: absolute;
	left: 0;
	width: 10px;
	height: 100%;
	top: 0;
	transition: all 0.3s ease-in-out;
}
.hero-link:hover span:before {
	width: 2px;
}
.hero-link i {
	margin-left: 20px;
	transition: all 0.3s ease-in-out;
}
.hero-link:hover i {
	margin-left: 30px;
}
/*------ share------------------------------------------------*/
.share-holder.hor-share {
	float: right;
}
 .share-title {
	float: left;
	font-size: 13px;
	font-family: Montserrat,sans-serif;
	font-weight: 600;
	text-align: left;
	position: relative;
	margin:15px 20px 0 0;
}
.ver-share .share-title {
	margin-bottom: 20px;
}
.share-title:before {
	content: '';
	position: absolute;
	left: 0;
	top: -10px;
	height: 2px;
	width: 20px;
	background: #000;
}
.ver-share .share-container {
	width: 50px;
	float: left;
	border: 1px solid #eee;
	overflow: hidden;
}
.share-icon {
	float:left;
    width: 50px;
    height: 50px;
    line-height: 50px;
	background: #f9f9f9;
    font-size: 12px;
    transition: all 100ms linear;
}
.share-holder.hor-share .share-container .share-icon {
	border-right: 1px solid #eee;
}
.ver-share .share-container .share-icon {
	border-bottom: 1px solid #eee;
}
.ver-share .share-container .share-icon:last-child , .share-holder.hor-share .share-container .share-icon:last-child {
	border: none;
}
.share-icon:hover {
	background: #333;
 
	border-color: transparent;
}
.share-icon:before {
	font-family: Font Awesome\ 5 Brands;
}
.share-icon-digg:before {
    content: "\f1a6";
}
.share-icon-rss:before {
    content: "\f09e";
}
.share-icon-facebook:before  {
    content: "\f39e";
}
.share-icon-twitter:before {
    content: "\f099";
}
.share-icon-tumblr:before {
   content: "\f173";
}
.share-icon-linkedin:before {
     content: "\f0e1";
}
.share-icon-pinterest:before {
    content: "\f231";
}
.share-icon-stumbleupon:before {
    content: "\f1a4";
}
/*------ section------------------------------------------------------*/
.hero-title h2 {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: 2.125rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .25rem;
    line-height: 1.43;
    text-transform: uppercase;
	position: relative;
	/*font-weight: 600;*/
}
.hero-title h4 {
	padding-bottom: 10px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
}
.hero-title.alighn-title h4 {
	padding-bottom: 2px;
}
.hero-title {
	padding-bottom: 80px;
}
.hero-title.alighn-title {
	text-align: left;
}
.hero-title h2:before {
	content: '';
	position: absolute;
	bottom: -10px;
	width: 50px;
	height: 2px;
	background: #000;
	left: 50%;
	margin-left: -25px;
}
.hero-title.alighn-title h2:before {
	left: 0;
	margin: 0;
}

.newHeading {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif !important;
    font-size: 1.25rem !important;
    font-style: normal !important;
    font-weight: 300 !important;
    letter-spacing: .188rem !important;
    line-height: 1.44 !important;
    text-transform: uppercase !important;
    padding-bottom:10px;
}

.bold-text {
    text-align: left;
	/*font-weight: 600;*/
 /*   font-size: 16px;*/
    margin-bottom: 20px;
 
 -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .25rem;
    line-height: 1.4;
    /*text-transform: uppercase;*/
}
/*------ portfolio------------------------------------------------------*/
.gallery-item,
.grid-sizer {
	width: 33.3%;
	position: relative;
	float: left;
	overflow: hidden;
}
.grid-item-holder {
	overflow: hidden;
	position: relative;
}
.gallery-item-second,
.grid-sizer-second {
	width: 66.6%;
}
.four-column .gallery-item {
	width: 19.5%;
}
.four-column .gallery-item.gallery-item-second   , .two-column .gallery-item{
	width: 50%;
}
.min-pad .gallery-item{
	padding:6px;
}
.single-items {
	padding: 0 40px;
}
.big-padding .gallery-item {
	padding:5px;
}
.big-padding2 .gallery-item {
	padding:10px 20px;
}
.no-padding .gallery-item{
	padding: 0;
}
.gallery-item img,
.grid-sizer img {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	background: #292929;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.gallery-item:hover img  {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
.vis-det .gallery-item:hover img {
	 -webkit-transform: scale(1.0);
	transform: scale(1.0);
	transition: all 0ms cubic-bezier(.19,1,.22,1) 0ms;
}
.hov-single-gallery  .gallery-item a {
	position: relative;
	display: block;
	z-index: 20;
}
.hov-single-gallery  .gallery-item i {
	position: absolute;
	left: 50%;
	bottom: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	margin: 0 0 -20px -20px;
	z-index: 20;
	font-size: 10px;
	transform: scale(0);
	transition: all 0.3s ease-in-out;
}
.hov-single-gallery  .gallery-item:hover i {
	transform: scale(1.0);
}
.fixed-filter {
	position: fixed;
	top: 60px;
	left: 60px;
	right: 60px;
	height: 74px;
	z-index: 100;
	background: #fff;
	padding: 0 40px;
}
.portfolio-msg {
	font-size: 14px;
	font-weight: 700;
	font-family: Montserrat,sans-serif;
	position: absolute;
	left: 50%;
	height: 50px;
	line-height: 50px;
	width: 250px;
	margin-left: -125px;
	background: #f5f5f5;
	top: 0;
	margin-top: 50px;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.compload {
	visibility: hidden;
	opacity: 0;
	padding: 0;
}
.vismsg {
	opacity: 1;
	visibility: visible;
}
#infscr-loading {
	display: none!important;
}
.portfolio-msg:before {
	content: '';
	position: absolute;
	top: -20px;
	left: 50%;
	width: 50px;
	height: 1px;
	margin-left: -25px;
	background: #ddd;
}
.gallery-filter_fw {
	padding-bottom: 60px;
}
.gallery-filter_fw.gff2 {
	padding: 0 10px 60px 10px;
}
.gfc_title {
	float: left;
	font-weight: 500;
	margin-left: 10px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    /*font-weight: 500;*/
    /*letter-spacing: 2.5px;*/
    line-height: 1.63;
    text-transform: uppercase;
}
.gallery-filter_fw .gallery-filters   , .fixed-filter .gallery-filter_fw-counter  {
	float: right;
}
.fixed-filter .gallery-filters , .fixed-filter .gallery-filter_fw-counter {
	margin-top: 26px;
}
.fixed-filter .gallery-filters {
	display: inline-block;
}
.fixed-filter .gallery-filter_fw-counter {
	margin-left: 50px;
}
.filter-title {
	text-align: left;
	float: left;
	font-family: Montserrat,sans-serif;
	font-size: 22px;
	font-weight: 800;
	margin-top: 22px;
	position: relative;
}
.gallery-filters a {
	float: left;
	margin-right: 20px;
	position: relative;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
}
.gallery-filters a:before , .footer-social li a:before , .grid-item-holder_title h3:before {
	content: '';
	position: absolute;
	bottom: -10px;
	height: 2px;
	width: 0;
	left: 50%;
	margin-left: -10px;
	transition: all 0.3s ease-in-out;
}
.gallery-filters a.gallery-filter-active:before , .footer-social li a:hover:before , .grid-item-holder_title h3:hover:before {
	width: 20px;
}
.grid-item-holder_title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	z-index: 10;
	transition: all 200ms linear;
	margin-top: 20px;
	opacity: 0;
	visibility: hidden;
}
.vis-det .grid-item-holder_title {
	position: relative;
	float: left;
	width: 100%;
	bottom: 0;
	opacity: 1;
	visibility: visible;
	padding-bottom: 10px;
}
.grid-item-holder_title h3   {
	font-family: Montserrat,sans-serif;
	font-size: 18px;
	font-weight: 600;
	position: relative;
}
.grid-item-holder_title h5   {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2px;
	padding-bottom: 2px;
}
.grid-item-holder_title h3 a , .grid-item-holder_title h5 {
	color:#fff;
}
.vis-det .grid-item-holder_title h3 a , .vis-det .grid-item-holder_title h5 {
	color: #000;
}
.gallery-item:hover .grid-item-holder_title {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
.vis-det .gallery-item:hover .grid-item-holder_title {
	margin-top: 20px;
}
/* .grid-item-holder:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index:2;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.6) 90%);
	transition: all 200ms linear;
	opacity: 0;
} */
/* .gallery-item:hover .grid-item-holder:before {
	opacity: 1;
}
.grid-item-holder:after {
	content: '';
	position: absolute;
	left: 50%;
	height: 0;
	width: 1px;
	bottom: 0;
	z-index: 3;
	background: rgba(255,255,255,0.4);
	transition: all 200ms linear;
}
.vis-det .grid-item-holder:after , .vis-det .grid-item-holder:before {
	display: none;
}
.gallery-item:hover .grid-item-holder:after {
	height: 30px;
} */
.swiper-container {width:100%;height:100%;margin:0 auto;}  
.fw-carousel .swiper-container {
	position:absolute;
	left:0;
	right:0;
	overflow: hidden;
}
.fw-carousel .swiper-slide img   {
	width: auto!important;
	height:100%!important;
	position:relative;
	z-index:1;
}
.fw-carousel    .swiper-slide    {
    width: auto !important;
    height: 100% !important;
    display: inherit !important;
	overflow: hidden;
}
.fs-slider-item {
	overflow: hidden;
}
.fw-carousel .swiper-slide.folio-slider-link {
	width:130px!important;
}
.hs_init {
	position:absolute;
	left:50%;
	width: 350px;
	margin-left: -175px;
	height:1px;
	top:15px;
	background:#ccc;
}
.anim-fw{
    opacity: 0;
    transform: scale(0.94);	
}
.folio-slider-link_item {
    background: #111;
    color: #fff;
    width: 80px;
    height: 100%;
    position: absolute;
    left: 10px;
    top: 0;
	overflow: hidden;
}
.folio-slider-link_item:before {
	font-family: Font Awesome\ 5 Pro;
	content: "\f175";
	position: absolute;
	top: 50%;
	width: 80px;
	height: 80px;
	line-height: 80px;
	margin-top: -40px;
	right: -80px;
	z-index: 4;
	background: #222;
	color: #fff;
	font-size: 11px;
	transition: all .2s ease-in-out;
}
.folio-slider-link_item:after {
	content: "";
	position: absolute;
	top: 0;
	width: 80px;
	bottom: 0;
	right: -80px;
	z-index: 3;
	background: #222;
	transition: all .2s ease-in-out;
}
.folio-slider-link_item:hover:before , .folio-slider-link_item:hover:after  {
	right: 0;
}
.folio-slider-link_item span {
    position: absolute;
    left: -10px;
    top: 50%;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color:#fff;
    letter-spacing: 2px;
    white-space: nowrap;
    transform: rotate(-90deg);
    z-index: 2;
}
.slide-progress-wrap {
	position:absolute;
	bottom:120px;
	right: 60px;
	width:250px;
	height:1px;
	z-index:100;
	overflow:hidden;
	background:rgba(255,255,255,0.41);
}
.slide-progress {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:100%;
	background:#fff;
}
.follow-wrap    {
	position:absolute;
	left:60px;
	z-index:20;
	bottom:110px;
}
.follow-wrap ul {
	position:relative;
	float:left;
}
.follow-wrap ul li {
	float:left;
	margin-right:6px;
}
.follow-wrap ul li a {
	float: left;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    background: #111;
    color: #fff;
    font-size: 11px;
}
.follow-wrap:hover ul {
	visibility:visible;
	opacity:1;
}
.follow-wrap_title {
	float:left;
	margin:8px 20px 0 0;
}
.follow-wrap_title span{
	color: #fff;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:2px;
	text-align:left;
	font-weight:500;
}
.fs-slider-controls {
	position: absolute;
	left: 60px;
	right: 60px;
	bottom: 110px;
	z-index: 50;
}
.fs-slider-controls .hc-pag-wrap {
	bottom: 10px;
	right: 50%;
	transform: translateX(50%);
}
.hsc_pp2.auto_actslider2 i:before  {
	content: "\f28b";
}
.fs-slider-controls .hc_counter , .play-pause_slider2 {
	float: right;
	margin-right: 0;
}
.play-pause_slider2 {
	font-size: 18px;
	color: #fff;
	margin:0 20px 0 0;
	position: relative;
	cursor: pointer;
	font-weight: 900;
	top: -1px;
}
.fs-slider-controls .scroll-down-wrap {
    margin: 0 ;
}
.fs-slider_align_title {
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 0 60px;
	transform: translateY(-50%) translateX(-50%);
	z-index: 20;
}
.fs-slider_align_title h2 {
	font-family: Montserrat,sans-serif;
    font-size: 58px;
    font-weight: 800;
    padding-bottom: 20px;
    position: relative;
}
.fs-slider_align_title h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -50px;
	width: 1px;
	height: 50px;
	background: rgba(255,255,255,0.3);
}
.fs-slider_align_title h2 a {
	color: #fff;
	transition: all 300ms ease-in-out;
}
.fs-slider_align_title h2 a:hover {
	color:rgba(255,255,255,0.5);
}
.fs-slider_dec {
    content: '';
    position: absolute;
    width: 70px;
    height: 1px;
    top: 50%;
	margin-top:-20px; 
    background: rgba(255,255,255,0.3);
    z-index: 19;
}
.fs-slider_dec_left {
	left: 0;
}
.fs-slider_dec_right {
	right: 0;
}
.fsc-holder {
	height: 550px;
	padding: 0 40px;
    z-index: 1;
    overflow: hidden;
}
.fw_cb  {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	background: #111;
	color: #fff;
	z-index: 20;
	cursor: pointer;
	margin-top: -45px;
	transition: all 300ms ease-in-out;
}
.single-slider .fw_cb{
	margin-top: -25px;
}
.fw_cb i{
	transition: all 300ms linear;
}
.fw_cb:hover i{
	transform: rotateX(360deg);
}
.fw-carousel-button-prev {
	left: 15px;
}
.fw-carousel-button-next {
	right: 15px;
}
.fs-slider-button-prev {
	left: 35px;
}
.fs-slider-button-next {
	right: 35px;
}
.fw-slider-button-prev {
	left: 20px;
}
.fw-slider-button-next {
	right: 20px;
}
.slider-controls {
	margin-top: 30px;
	padding:0  40px;
}
.slider-controls.sc_sin {
	margin: 20px 0 30px;
	padding:0;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
.slider-controls.sc_sin:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 10;
    width: 30px;
    height: 1px;
}
.slider-controls.sc_sin .pag-style {
	float: right;
	min-width: auto;
}
.slider-controls.sc_sin .pag-style .swiper-pagination-bullet {
	float: left;
	margin:  0 0 0 18px;
}
.swiper-counter , .swiper-counter span , .sw_title {
	float: left;
	margin-right: 6px;
	font-weight: 600;
	text-align: left;
	width: auto!important;
}
.swiper-pagination-fraction {
	width: auto!important;
	float: left;
}
.swiper-counter div.current {
	bottom: 0;
	position: relative;
}
.hc2 div {
	float: left;
	width: 20px;
}
.hc2 .sw_title {
	margin-right: 6px;
}
.thumbnail-container {
	position: absolute;
	left:40px;
	right:40px;
	top:0;
	bottom:100%;
	background:#f9f9f9;
	z-index:220;
	overflow: hidden;
}
.thumbnail-container.visthumbnails {
	overflow:auto;
}
.thumb-img {
	display: inline-block;
	cursor:pointer;
	margin:10px;
	position:relative;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.thumb-img:hover  {
	opacity:0.4;
}
.thumbnail-wrap {
	padding:110px 70px;
	top: 50%;
	transform: translateY(-50%);
}
.thumb-img:before {
	content:'';
	/*position:absolute;*/
	left:0;
	right:0;
	height:100%;
	opacity:1;
	z-index:2;
	background:#f9f9f9;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.thumb-img.visthumbnails:before{
	opacity:0;
}
.thumb-img img {
	width: auto;
	height:120px;
}
.tumbnail-button {
	float: right;
	position: relative;
	top: -7px;
	cursor:pointer;
	z-index:20;
}
.thumbnail-tooltip {
	position:absolute;
	right:100%;
	font-size:12px;
	font-weight: 600;
	opacity:0;
	visibility:hidden;
	bottom:16px;
	margin-right: 6px;
	color:#000;
	transition: all 300ms ease-in-out;
}
.tumbnail-button:hover .thumbnail-tooltip {
	opacity:1;
	visibility:visible;
}
.un_visbtn {
	opacity: 0;
	transform: scale(0);
}
.list {
	width:20px;
	height:20px;
	overflow:hidden;
	display:inline-table;
}
.list div.list-btn,
.list span{
	display:block;
	width:40px;
	height:40px;
}
 .list div.list-btn{
	position:relative;
	padding: 10px;
}
 .list div.list-btn span{
	width: 20px;
	height: 20px;
	overflow:hidden;
	position: relative;
}
.list div.list-btn i{
	display:block;
	position:absolute;
	background:#000;
	width:6px;
	height:0;
	transition-property: height, transform;
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(.75,0,.3,1);
}
.list div.list-btn i.c1{ left:0px; }
.list div.list-btn i.c2{ left:7px; }
.list div.list-btn i.c3{ left:14px; }
.list div.list-btn i.c1.b1{ height:7px; transform: translate(0, 0); }
.list div.list-btn i.c1.b2{ height:7px; 	transform: translate(0, 8px); }
.list div.list-btn i.c1.b3{ height:7px; transform: translate(0, 40px); }
.list div.list-btn i.c2.b1{ height:10px;  transform: translate(0, 0); }
.list div.list-btn i.c2.b2{ height:7px; transform: translate(0, 11px); }
.list div.list-btn i.c2.b3{ height:7px;  	transform: translate(0, 35px); }
.list div.list-btn i.c3.b1{ height:5px; transform: translate(0, 0); }
.list div.list-btn i.c3.b2{ height:7px;  	transform: translate(0, 6px); }
.list div.list-btn i.c3.b3{ height:7px;  transform: translate(0, 33px); }
.list div.list-btn:hover i.c1.b1{ height:7px; 	transform: translate(0, -8px); }
.list div.list-btn:hover i.c1.b2{ height:7px; transform: translate(0, 0); }
.list div.list-btn:hover i.c1.b3{ height:7px;  	transform: translate(0, 8px); }
.list div.list-btn:hover i.c2.b1{ height:10px;  transform: translate(0, -11px); }
.list div.list-btn:hover i.c2.b2{ height:10px; 	transform: translate(0, 0); }
.list div.list-btn:hover i.c2.b3{ height:7px; 	 	transform: translate(0, 11px); }
.list div.list-btn:hover i.c3.b1{ height:5px;  transform: translate(0, -6px); }
.list div.list-btn:hover i.c3.b2{ height:5px;  transform: translate(0, 0); }
.paginate .list div.list-btn:hover i.c3.b3{ height:7px; transform: translate(0, 6px); }
.pag-style {
	display: inline-block;
	position: relative;
	padding: 7px 0;
	min-width: 250px;
	transform: translateX(-15%);
}
.pag-style .swiper-pagination-bullet {
    opacity: 1;
    background: #000;
	display: inline-block;
	margin: 0 8px;
    width: 6px;
    height: 6px;
    position: relative;
    border-radius: 100%;
    transition: all 300ms ease-out;
}
.pag-style .swiper-pagination-bullet:before  {
    content: '';
    position: absolute;
    left: -7px;
    top: -7px;
    right: -7px;
    bottom: -7px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    transition: all 300ms ease-out;
    transform: scale(0);
}
.pag-style .swiper-pagination-bullet.swiper-pagination-bullet-active:before  , .hov_zoom:hover .box-media-zoom {
    transform: scale(1.0);
}
.box-media-zoom  {
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	border-radius: 50%;
	background: #111;
	z-index: 100;
    transition: all 300ms ease-out;
    transform: scale(0);
	top: 30px;
	right: 25px;
}
.content-nav_holder {
	padding:0 70px;
	background: #252525;
	z-index:20;
}
.content-nav li {
	width:50%;
	float:left;
	position:relative;
}
.content-nav li:first-child {
	border:none;
}
.content-nav li a.ln , .content-nav li a.rn {
	color:#fff;
	font-size:12px;
	position:relative;
	width:100%;
	height:105px;
	line-height:105px;
	z-index:10;
}
.content-nav li a.ln  {
	text-align:left;
	float:left;
}
.content-nav li a.rn  {
	text-align:right;
	float:right;
}
.content-nav li:hover .content-nav-media{
	opacity:0.5;
}
.content-nav li:hover .content-nav-media .bg{
	transform: scale(1.3);
}
.content-nav li a.ln i , .content-nav li a.rn i  , .content-nav-media , .content-nav-media .bg , .closedet_style:before  {
    transition: all 300ms linear;
}
.content-nav li a.ln:hover i ,  .content-nav li a.rn:hover i  {
	transform: rotateX(360deg);
}
.content-nav li:hover a i {
	color:#fff;
}
.content-nav li a span {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:500;
}
.content-nav li a.ln span {
	padding-left:25px;
}
.content-nav li a.rn span  {
	padding-right:25px;
}
.content-nav li a.ln:before , .content-nav li a.rn:before {
	content:'';
	position:absolute;
	width:1px;
	height:20px;
	top:50%;
	margin-top:-10px;
	background:rgba(255,255,255,0.11);
}
.content-nav li a.ln:before {
	right:0;
}
.content-nav li a.rn:before {
	left:0;
}
.content-nav-media {
	position:absolute;
	top:0;
	left:-70px;
	right:-70px;
	bottom:0;
	overflow:hidden;
	opacity:0;
	z-index:1;
}
.content-nav-media .bg {
	transform: scale(1.0);
}
.dec-title {
	position: absolute;
	left: 40px;
	right: 40px;
	bottom: -30px;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
	font-weight: 600; 
	color: #eee;
}
.dec-title span {
	font-family: Montserrat,sans-serif;
	font-size: 5vw;
}
.boxed-container-wrap  {
	padding: 260px 0;
	width: calc(100% - 120px);
	float: left;
	position: relative;
	margin-left: 60px;
}
.boxed-container-wrap:before , .boxed-container-wrap:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 20px;
	background: rgba(255,255,255,0.2);
	z-index: 10;
}
.boxed-container-wrap:after {
	z-index: 11px;
	height: 40px;
	bottom: 80px;
}
.video-holder-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.video-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	line-height: 0;
	z-index: -1;
}
.video-container video {
	width: 100%;
}
.resp-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}
.resp-video iframe,
.resp-video object,
.resp-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.promo-video {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
}
.promo-video h4 {
	font-family: Montserrat,sans-serif;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding-top: 20px;
}
.promo-video-btn {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
	cursor: pointer;
	position: relative;
}
.promo-video-btn:after {
    content: '';
    position: absolute;
    left: -11px;
    top: -11px;
    right: -11px;
    bottom: -11px;
    border-radius: 50%;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
    background: rgba(255,255,255,0.2);
    z-index: -1;
    transform: scale(1.0);
}
.promo-video-btn:hover:after {
	transform: scale(1.1);
}
/* ------sections------------------------------------------------------------ */ 
section {
	float:left;
	width:100%;
	padding:0px 0;
}
section.single-content-section {
	padding:70px 0 20px;
} 
.colmn-section-title h4{
	font-size: 24px;
	font-weight: 800;
	text-align: left; 
	font-family: Montserrat,sans-serif;
	position: relative;
}
.colmn-section-title h4:before {
    content: '';
    position: absolute;
    bottom: -10px;
    width: 50px;
    height: 2px;
    background: #000;
    left: 0;
}
.caption-wrap {
	margin-top: 44px;
} 
.caption-wrap ul li {
	width:25%;
	float:left;
	padding:0 10px 40px 0;
}
.caption-wrap ul li span , .caption-wrap ul li a  {
	width:100%;
	float:left;
	text-align:left;
}
.caption-wrap ul li a {
	width:auto;
	padding-right:6px;
}
.caption-wrap ul li a   {
	text-transform: uppercase;
    font-weight: 700;
	font-size:12px;
	color:#666;
	text-decoration:underline;
}
.caption-wrap ul li a:hover {
	color:#999;
	text-decoration:none;
}
.caption-wrap ul li span   {
    color: #000;
    text-align: left;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}
/*------ footer------------------------------------------------------*/
.main-footer {
	background: #151515;
	padding: 90px 0;
	position: relative;
}
.main-footer:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	height: 80px;
	width: 1px;
	background: rgba(255,255,255,0.1);
}
.policy-box {
	float: left;
	color: #fff;
	text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
}
.footer-social {
	float: right;
}
.footer-social li   {
	float: left;
	margin-left: 20px;
}
.footer-social li a   {
 	position: relative;
	color: #fff;
	font-size: 13px;
}
.to-top-btn {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 40px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	z-index: 10;
	margin-left: -20px;
	cursor: pointer;
}
.to-top i {
    position:relative;
    top: 0;
    transition: all 200ms linear;
}
.to-top:hover i {
     top:-8px;
}
/*------  about ------------------------------------------------------*/
.about-img {
	margin-top: 50px;
}
.inline-facts-holder {
	text-align: left;
	margin-top: 50px;
} 
.inline-facts {
	float: left;
	width: 33.3%;
	
	
    font-family: Montserrat,sans-serif;
    /*font-size: .688rem;*/
    font-style: normal;
    font-weight: 500;
    /*letter-spacing: 2.5px;*/
    line-height: 1.63;
    text-transform: uppercase;
}
.inline-facts .num {
	font-size: 36px;
	color: #000;
    font-weight: 700;
	padding-right: 10px;
}
.inline-facts h6 {
	color: #999;
	font-size: 11px;
}
.services-item {
	padding: 90px 40px 30px;
	background: #f5f5f5;
}
.services-item h4 {
	font-size: 18px;
	text-align: left;
	font-family: Montserrat,sans-serif;
	font-weight: 800;
	padding-bottom: 20px;
}
.services-item i {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 54px;
	color: #000;
	opacity: 0.1;
}
.serv-list {
    float: left;
    width: 100%;
	margin-top: 12px;
	position: relative;
	padding-top: 20px;
	border-top: 1px solid #ddd
}
.serv-list:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 10;
    width: 30px;
    height: 1px;
}
.serv-list li {
	float: left;
    text-align: left;
    padding:0  10px 0 0;
	color: #000;
	font-size: 10px;
	text-transform: uppercase;
}
.serv-number {
	position: absolute;
	top: 30px;
	left: 40px;
    font-weight: 600;
}
.testilider {
	padding: 0 40px;
}
.testilider-controls {
	float:left;
	position:relative;
	margin-top:40px;
}
.testilider-controls .ss-slider-btn {
	float:left;
	width:36px;
	height:36px;
	line-height:36px;
	color:#fff;
	background:#292929;
	border-radius:100%;
	margin-right:6px;
	cursor:pointer;
}

.your-new-swiper-container {
	padding: 0 40px;
}
.your-new-swiper-container-controls {
	float:left;
	position:relative;
	margin-top:40px;
}
.your-new-swiper-container-controls .ss-slider-btn {
	float:left;
	width:36px;
	height:36px;
	line-height:36px;
	color:#fff;
	background:#292929;
	border-radius:100%;
	margin-right:6px;
	cursor:pointer;
}


.tc-pagination {
	margin-top: 30px;
}
.tc-pagination .swiper-pagination-bullet , .hc-pag .swiper-pagination-bullet   {
	background:none;
	position:relative;
	margin-right: 20px;
	height: 6px;
	opacity:1;
}
.tc-pagination .swiper-pagination-bullet:before , .hc-pag .swiper-pagination-bullet:before  {
	content:'';
	position:absolute;
	left:50%;
	top:0;
	height:100%;
	width:6px;
	border-radius:100%;
	background:#000;
	margin-left:-3px;
    transition: all 0.5s ease;
}
.hc-pag .swiper-pagination-bullet:before {
	background: #fff;
}
 .tc-pagination  .swiper-pagination-bullet:after , .hc-pag .swiper-pagination-bullet:after  {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:22px;
	height:22px;
	margin:-11px 0 0 -11px;
	box-sizing:border-box;
	border:1px solid #eee;
	border-radius:100%;
    transition: all 0.3s ease;
    transform :scale(0.0);
}
.hc-pag .swiper-pagination-bullet:after {
	border-color: rgba(255,255,255,.5)
}
 .tc-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active:after , .hc-pag .swiper-pagination-bullet.swiper-pagination-bullet-active:after   {
    transform :scale(1.0);
}
.ts-button-next {
	right: 40px;
}
.ts-button-prev {
	left: 40px;
}

.swiper-button-next {
	right: 40px;
}
.swiper-button-prev {
	left: 40px;
}

.testi-item p{
	text-align:left;
	padding:25px 0 20px 0;
	color: #666;
	font-size:13px;
}
.testi-item {
	padding: 20px 30px 25px;
	background: #fff;
	transition: all 0.3s ease;
	border: 1px solid #eee;
	opacity: 0.9;
	transform: scale(0.9);
}
.testilider .swiper-slide.swiper-slide-active .testi-item {
	border-color:  transparent;
 	opacity: 1;
	background: #f5f5f5;
	transform: scale(1.0);
}
.your-new-swiper-container .swiper-slide.swiper-slide-active .testi-item {
	border-color:  transparent;
 	opacity: 1;
	background: #f5f5f5;
	transform: scale(1.0);
}
.testi-item:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f10e";
    bottom: 20px;
    right: 25px;
    position: absolute;
    color: #000;
    opacity: .2;
    font-size: 24px;
}
.testi-item h3 {
	font-size:14px;
	padding:16px 0 14px 70px;
	font-weight:700;
	text-align:left;
	font-family: Montserrat,sans-serif;
}
.testi-number {
    position: absolute;
    right: 30px;
    top: 20px;
    color: #666;
    font-size: 14px;
    z-index: 20;
    font-weight: 600;
}
.teti-link{
	float:left;
	font-weight:600;
	border-bottom:1px dotted rgba(255,255,255,0.3);
	color:#999;
	font-size:10px;
	letter-spacing:2px;
	text-transform:uppercase;
}
.teti-link:hover {
	text-decoration: underline;
	color: #000;
}
.testi-avatar  , .testi-avatar img{
	width:50px;
	height:50px;
	border-radius:100%;
}
.testi-avatar {
	position:absolute;
	left:30px;
	top:20px;
	opacity:1;
	overflow:hidden;
}
.client-list {
	margin: 30px 0 40px;
}
.client-list:before , .client-list:after {
	content: '';
	position: absolute;
	bottom: -60px;
	left: 50%;
	width: 1px;
	height: 80px;
	background: #eee;
	z-index: 1;
}
.client-list:after {
	z-index: 2;
	height: 30px;
}
.client-list li {
	float: left;
	width: 15%;
	position: relative;
	overflow: hidden;
	padding: 2px;
	margin: 0;
}
.client-list li a {
	float: left;
	width: 100%;
	padding: 40px 50px;
	-webkit-transition: all 400ms linear;
	transition: all 400ms linear;
}
.client-list  li a:hover {
	opacity: 0.5;
}
.client-list li img {
	width: 100%;
	height: auto;
}
.dark-bg-wrap {
	background: #151515;
	padding: 110px 0 80px;
}
.dark-bg-text {
	text-align: left;
	margin-top: 16px;
	/*position: relative;*/
	letter-spacing: 1.5px;
}
.dark-bg-text:before {
	content: '';
	position: absolute;
	left: 0;
	top: -120px;
	height: 100px;
	width: 1px;
	background: rgba(255,255,255,0.2);
}
.dark-bg-text p {
	color: rgba(255,255,255,0.7);
}
.dark-bg-wrap .hero-title h2  , .dark-bg-wrap .hero-title h4  , .dark-bg-text h4 {
	color: #fff;
} 
.dark-bg-wrap .hero-title h2:before {
	background: rgba(255,255,255,0.4)
}
.team-item-img {
	position: relative;	
}
.team-item-img:before {
	content: '';
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	top: 10px;
	z-index: 1;
	opacity: 0;
	background:rgba(0,0,0,0.4);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
	transition: all 0.3s ease-in-out;
}
.team-item-img:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 10px;
	width: 1px;
	background: rgba(255,255,255,0.2);
	height: 0;
	z-index: 2;
	transition: all 0.3s ease-in-out;
}
.team-social {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 4;
	margin-top: -10px;
	opacity: 0;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}
.team-item-img:hover .team-social {
	margin: 0;
	opacity: 1;
}
.team-item-img:hover:before {
	opacity: 1;
}
.team-item-img:hover:after {
	height: 50px;
}
.team-social li {
	display: inline-block;
}
.team-social li a {
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	font-size: 10px;
	font-weight: 600;
}
.team-item  {
	margin-bottom: 30px;	
} 
.team-item-title {
	margin-top: 20px;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
}
.team-item-title span {
	margin-right: 10px;
	color: rgba(255,255,255,0.7);
}
/*------  contact------------------------------------------------------*/
.map-container , #map-single {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
.leaflet-left  {
	right:60px;
	top:50%;
	margin-top:-60px;
}
.leaflet-touch .leaflet-bar a {
	width:40px;
	height:40px;
	line-height:40px;
	border:none;
	background:#fff;
	margin-bottom:2px;
}
.leaflet-container a.leaflet-popup-close-button {
	top:10px;
	right:10px;
}
.leaflet-popup-content-wrapper {
	background:#313131;
}
.content-inner {
	width:480px;
	position: absolute;
	left:60px;
	top:50%;
	margin-top:-225px;
	transform-style: preserve-3d;
	perspective: 1000px;
	backface-visibility: hidden;
	transition: .9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	z-index:2;
}
.content-inner > * {
	backface-visibility: hidden;
	transition: .9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.content-inner.vis-con-form .content-front {
	transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
 ;
}
.content-inner.vis-con-form .content-back {
	transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}
.content-inner .content-front,
.content-inner .content-back {
    position: relative;
    transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
    perspective: 1000px;
    backface-visibility: hidden;
   -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    height: 100%;
    float: left;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 0px 30px 30px;
}
.cf-inner {
    display: block;
    float: left;
    width: 100%;
}
 .cf-inner-new {
    display: block;
    float: left;
    width: 100%;
}
    
.content-front {
	background:#fff;
	z-index: 1;
	position:relative;
}
.content-inner .content-back {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	overflow:hidden;
}
.contact-details {
	text-align:left;
	margin-top:30px;
	z-index:2;
}
.contact-details ul li {
	text-align:left;
	float:left;
	width:100%;
	font-weight: 400;
    letter-spacing: 1.5px;
    word-spacing: 0;
	margin-bottom:12px;
	font-size:12px;
	color:#000;
}
.contact-details ul li span {
	float:left;
	padding-bottom:10px;
	color: #666;
	width:100%;
}
.contact-details ul li a {
	color:#000;
	transition: all 200ms linear;
	text-transform: uppercase;
}
.contact-details-title h2{
    font-size: 18px;
    text-align: left;
  	font-family: Montserrat,sans-serif;
	color: #000;
    font-weight: 500;
	position: relative;
    padding-bottom: 0px;
}
.contact-details-title h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    height: 2px;
    width: 20px;
    background: #000;
}
.contact-details-wrap {
	z-index:1;
}
.hidden-contact_form-wrap_inner::-webkit-scrollbar {
    width: 0px;
}
.hidden-contact_form-wrap_inner {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:0px;
	overflow-y: scroll;
	z-index:21;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.close-contact_form {
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:50px;
	line-height:50px;
	background:#eee;
	cursor:pointer;
	font-size:14px;
	z-index: 100;
}
.custom-form {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 0px;
}
.custom-form textarea,
.custom-form input[type="text"],
.custom-form input[type=email]  {
	float: left;
	border: none;
	background: #eee;
	width: 100%;
	padding: 15px 30px;
	/*font-size: 12px;*/
	position: relative;
	color:#000;
	/*font-family: Montserrat,sans-serif; */
	-webkit-appearance: none;
	
	font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
}
.custom-form input::-webkit-input-placeholder,
.custom-form textarea::-webkit-input-placeholder  {
	color: #000;
	font-weight: 600;
	font-size: 11px;
	position: relative;
	font-family: Montserrat,sans-serif;
}
.custom-form input:-moz-placeholder,
.custom-form textarea:-moz-placeholder {
	color: #fff;
	font-weight: 600;
	font-size: 10px;
	text-transform:uppercase;
	position: relative;
	font-family: Montserrat,sans-serif;
}
.custom-form textarea {
	height: 150px;
	resize: none;
	padding: 35px 30px 25px 30px;
	-webkit-appearance: none;
}
.custom-form input {
	margin-bottom: 20px;
}
.custom-form button {
	margin-top:25px;
	padding:20px 0;
	/*font-size:12px;*/
	outline: none;
	border: none;
	/*font-weight: 600;*/
	cursor: pointer;
	-webkit-appearance: none;
	background: #232323;
	width: 100%;
	border-radius:0;
	color:#fff;
	position: relative;
	
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
}
.custom-form button:before {
    content: '';
    position: absolute;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    bottom: 0;
    z-index: 3;
    height: 0;
    transition: all 0.3s ease-in-out;
}
.custom-form button:hover:before {
	height: 5px;
}
#message {
	text-align:left;
	float:left;
	width:100%;
	color:#000;
}
#message h3 {
	font-size:12px;
	padding-bottom:5px;
	text-transform:uppercase;
}
#message p {
	color:#666;
}
#message p strong {
	font-weight:800px;
}
/* ------Blog------------------------------------------------------------ */
 .blog-filters {
	z-index:20;
	background:#f5f5f5;
	padding-right: 180px;
	top: 20px;
}
.post_header {
	z-index: 10
}
.blog-btn-filter {
	right: 0;
	top: 0;
	width: 180px; 
	position: absolute;
	background: #232323;
}
.blog-btn-filter:before {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 0;
	transition: all 0.3s ease-in-out;
}
.blog-btn-filter:hover:before {
	width: 10px;
}
.blog-filter-wrap {
	display: none;
	position: absolute;
	top: 60px;
	right:0;
	width: 360px;
	padding: 25px 20px 15px;
	background: #232323;
	overflow: hidden;
}
.blog-filter-wrap_item  {
	float: left;
	width: 50%;
	padding: 0 20px;
}
.blog-btn-filter ul li {
	float: left;
	width: 100%;
	padding: 6px 0;
	text-align: left;
}
.blog-btn-filter ul li a  {
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	letter-spacing: 2px;
}
.blog-btn-filter ul li a:hover {
	color: #999;
}
.blog-filter-wrap_title {
	position: absolute;
	left: 34px;
	bottom: -13px;
	color:rgba(255,255,255,0.5);
	font-size: 44px;
	font-family: Montserrat,sans-serif;
}
.blog-btn {
	float: left;
	width: 180px;
 	height: 60px;
	line-height: 60px;
	position: relative;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	letter-spacing: 2px;
}
.blog-btn:hover {
	color: #fff;
}
.blog-search-wrap button {
	background:none;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border:none;
	outline:none;
	position:absolute;
	right: 0;
	top: 0;
	cursor:pointer;
}
.blog-search-wrap button:hover {
	color:#000;
}
.blog-search-wrap input {
	float:left;
	border:none;
    height: 60px;
	width: 100%;
	background:#f5f5f5;
	padding: 0 50px 0 30px;
	color:#000;
	outline:none;
	font-family: Montserrat,sans-serif;
}
.blog-search-wrap input::-webkit-input-placeholder,
.blog-search-wrap input::-webkit-input-placeholder  {
	color: #000;
	font-weight: 600;
	font-size: 12px;
	position: relative;
	font-family: Montserrat,sans-serif;
}
.post-item {
	width: 50%;
	position: relative;
	float: left;
}
.post-items {
	z-index: 1
}
.post-items .post-item:nth-child(odd) {
	padding: 0 20px 40px 0;
}
.post-items .post-item:nth-child(even) {
	padding: 0 0 40px 20px;
}
.post-item_media a {
	display: block;
	position: relative;
}
.post-item_media a:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,0.4);
	transition: all 0.3s ease-in-out;
	opacity: 0;
	z-index: 1;
}
.post-item_media a:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f178";
    position: absolute;
    color: #fff;
	width: 20px;
	height: 20px;
	line-height: 20px;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -10px;
    font-size: 16px;
    opacity: 0;
	z-index: 2;
	transition: all 0.3s ease-in-out;
}
.post-item_media a:hover:before , .post-item_media a:hover:after{
	opacity: 1;
}
.post-item_media img {
	width: 100%;
	height: auto;
}
.post-item_content {
	padding: 20px 0;
}
.post-item_content h3 {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 15px;
	text-align: left;
	font-family: Montserrat,sans-serif;
	position: relative;
	float: left;
	width: 100%;
}
.post-item_content h3:before , .post-item_content h3:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #ddd;
	z-index: 1;
}
.post-item_content h3:after {
	z-index: 2; 
	transition: all 0.3s ease-in-out;
	bottom: 100%;
}
.post-item_content h3:hover:after {
	bottom: 0;
}
.post-item_content h3 a {
	display: block;
}
.post-item_content h3:hover a {
	color: #666;
}
.post-item_content h3 a , .post-header a , .post-header span , .post-link {
	color: #000
}
.post-header a , .post-header span  {
	float: left;
	margin-right: 10px;
	font-size: 12px;
	font-weight: 600;
	color: #666;
}
.post-opt{
	margin-bottom:20px;
}
.post-opt li {
    float: left;
    margin-right: 10px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 800;
}
.post-opt li i {
	margin-right: 6px;
	color: #000;
	font-weight: 800;
}
.post-opt li a, .post-opt li span {
    color: #999;
}
.post-item_content p {
	text-align: left;
	color: #5e646a;
}
.post-item_content .single-btn {
	margin-top: 10px;
}
.pagination {
	margin:50px 0 90px 0 ;
	text-align:center;
	display: inline-block;
	z-index:10;
	position:relative;
}
.pagination  a {
	float:left;
	width:60px;
	height:60px;
	line-height:60px;
	box-sizing:border-box;
	position:relative;
	font-size:12px;
	color:#fff;
    background: #111;
}
.pagination a.current-page, .pagination a:hover {
    background: #333;
}
.pagination  a i {
	font-size:12px;
}
.single-post-content_column {
	padding: 35px 40px;
	background: #f5f5f5;
}
.spc_title {
	margin-bottom: 15px;
	text-align: left;
	font-family: Montserrat,sans-serif;
	position: relative;
	font-size: 18px;
	font-weight: 800;
 	display: block;
	padding-bottom: 10px;
}
.single-post_opt li {
	float: left;
	width: 50%;
	text-align: left;
	padding: 10px 0;
}
.single-post_opt li span , .single-post_opt li a {
	float: left;
	margin-right: 10px;
    color: #000;
    text-align: left;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase
}
.single-post_opt li a {
	color: #666;
    text-decoration: underline;
}
.single-post_opt li a:hover {
	text-decoration: none;
	color: #000;
}
.pr-tags {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
}
.pr-tags:before {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 10;
	width: 30px;
	height: 1px;
}
.pr-tags span {
    float: left;
    margin:8px 25px 0 0;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}
.pr-tags li {
    float: left;
    margin-right: 10px;
    font-size: 10px;
	font-weight: 600;
}
.pr-tags li a {
	float: left;
	padding: 10px 13px;
	color: #fff;
	background: #222;
}
.hor-share {
	margin-top: 20px;
}
.hor-share .share-container {
	width: auto;
	border: 1px solid #eee;
	float: left;
}
.fix-column .share-holder .share-title {
	float: left;
	margin:15px 0 30px 0  ;
	width: 100%;
}
.single-post-comm {
	margin-top: 30px;
}
#comments.single-post-comm {
	margin-top: 0;
	padding-top: 0;
}
.comment-num {
	position:absolute;
	right:40px;
	top:30px;
	z-index:10;
	font-size:11px;
	font-weight:800;
}
.comment {
	float: left;
	padding-left: 0;
	margin-top:20px;
	position:relative;
}
.comment-body {
	position: relative;
	margin:10px 0 10px 0px;
	padding: 30px;
	background:#f9f9f9;
	border:1px solid #eee;
}
.comment-author {
	/*position: absolute;*/
	/*top: 30px;*/
	/*left: -86px;*/
	text-align: left;
}
.comment-author img {
	border-radius: 50%;
}
.comment .children {
	margin-left: 70px;
}
.fn , .pr-subtitle {
	display: block;
	text-align: left; 
	margin-bottom: 10px;
	font-size:16px;
	font-weight:800; 
	font-family: Montserrat,sans-serif;
}
.prs_dec {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #eee;
	position: relative;
}
.prs_dec:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 10;
    width: 30px;
    height: 1px;
}
.comment-meta,
.comment-meta a {
	font-size: 12px;
	letter-spacing: 1px;
	color: #292929;
	font-weight:800;
	padding-bottom: 10px;
	text-align: left;
}
#respond {
	margin-top: 40px;
}
#reply-title {
	padding-bottom: 30px;
	margin-bottom: 5px;
} 
/* ------404------------------------------------------------------------ */
.error-wrap .overlay {
	opacity: 0.5;
}
.error-container {
	top:45%;
	z-index:20;
	transform: translateY(-50%);
}
.error-container:after {
	content: '';
	position: absolute;
	top: 100%;
	margin-top: 30px;
	height: 100px;
	width: 1px;
	background: rgba(255,255,255,0.2);
}
.error-container:before {
	content: '';
	position: absolute;
	top: 100%;
	margin-top: 100px;
	height: 30px;
	width: 1px;
}
.error-container h2 {
	font-size: 204px;
	color: #fff;
	font-weight: 700;
	line-height:234px;
 	font-family: Montserrat,sans-serif;
	padding-bottom: 40px;
	position: relative;
}
.error-container p {
	color: rgba(255, 255, 255, 0.91);
	font-size: 11px;
	text-align:center;
	letter-spacing:2px;
	font-weight: 600;
	text-transform:uppercase;
	margin-bottom: 30px;
}
.err_btn{
	padding: 18px 50px;
    background: #111;
    font-size: 11px;
	color: #fff;
	font-weight: 600;
	display: inline-block;
}
.folio-filter_btn {
	display: none;
}
/*------  Responsive ------------------------------------------------------*/
@media only screen and  (max-width: 1258px) {
.hero-dec_top2 {
	display:none;
}
.four-column .gallery-item {
	width: 33.3%;
}
}
@media only screen and  (max-width: 1068px) {
.main-header {
	bottom: auto;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 20px 0 10px;
}
.content-holder.fw-ch {
    top: 0px;
}
.nav-button-wrap {
	display: block;
}
.content-holder {
    left: 0;
    top: 40px;
    right: 0;
    padding: 50px 0 0;
}
.content-bg {
    left: 0;
    right: 0;
    top: 0;
}
.about-img img , .blog-media {
	margin-bottom: 20px;
}
.content-bg.hide_cb {
	top: 0;
}
.main-menu nav ul  , .hero-contact_btn , .hero-dec_top , .header-contacts , .hc-single_btn , .scroll-down-wrap , .hc-pag-wrap , .element , .dark-bg-text:before , .close-contact_form , .show_contact-form , .fixed-filter:before {
	display:none;
}
.main-menu{
	position: absolute  ;
	top:74px;
	right:-20px;
	width:300px;
	z-index:50;
 	padding:15px 10px ;
 	background:#111;
	visibility:hidden;
	opacity:0;
	-webkit-transition: all 0.4s  ease-in-out;
	transition: all 0.4s  ease-in-out;
}
.vismobmenu {
	opacity:1;
	right:0;
	visibility:visible;
}
.menusb {
	display:block;
	float:left;
	position:relative;
	width:100%;
	overflow:hidden;
}
.main-menu .menusb ul  {
	display:block;
	float:left;
	position:relative;
	width:100%;
}
.menusb li {
	margin: 0;
	float: left;
	width:100%;
	position:relative;
	overflow:hidden;
	padding:0 20px;
}
.menusb   li i {
	position:absolute;
	right:18px;
	top:12px;
}
.menusb  a {
	float:left;
	width:100%;
	padding:8px 5px;
	position:relative;
	
	color: #fff;
	text-align:left;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
}
.menusb  a.act-link {
	color:rgba(255,255,255,0.71);
}
.menusb a.back{
	padding-left:24px;
}
.menusb a.back:before{
	font-family: Font Awesome\ 5 Pro;
	content: "\f104";
	font-size:12px;
	font-weight: 100;
}
.submen-dec:before {
	font-family: Font Awesome\ 5 Pro;
	content: '\f105';
	position: absolute;
	right: 40px;
	width: 10px;
	height: 10px;
	top: 14px;
	font-size:12px;
	color:#fff;
	z-index: 20;
	font-weight: 100;
}
.hero-carousel-container {
	overflow-y: scroll;
}
.hero-carousel-title {
    position: relative;
	float: left;
	width: 100%;
    left: 0;
    right: inherit;
	padding: 0 30px;
    top: inherit;
    transform: translateY(0);
	margin: 90px 0 50px;
}
.hero-carousel-wrapper {
    position: relative;
    left: 0;
    right: 0;
    top: inherit;
    bottom: inherit;
	float: left;
	width: 100%; 
	height: 450px;
}
.hc-controls {
    position: relative;
    left: 0;
    bottom: inherit;
 	display: inline-block;
	margin: 30px 0 20px;
}
.hc_btn_next {
	margin-right: 0;
}
.hero-blur-container  {
    position:fixed;
}
.hero-carousel_img , .hero-carousel_project-title {
    left: 30px;
    right: 30px;
}
.progress-bar-wrap {
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
} 
.dark-bg-text {
    margin: 20px 0 30px;
}
.hero-title {
    padding-bottom: 30px;
}
.inline-facts-holder {
    margin: 0 0 30px;
}
.inline-facts {
    width: auto;
	margin-right: 20px
}
.client-list li {
    width: 33.3%;
} 
.team-item-img , .team-item-title , .content-inner , .map-container , .content-inner .content-back , .hidden-contact_form-wrap_inner  {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.hidden-contact_form-wrap_inner  {
	padding: 0;
}
.content-inner .content-back {
    height: auto;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
	padding-top: 0;
	padding-bottom: 50px;
}
.map-container  {
    height: 400px;
}
.content-inner {
    left: 0;
    top: 0;
    margin-top: 0;
    perspective: 0;
}
.main-header:after {
	content: "";
	position: absolute;
	bottom: 0;
	left:10px;
	right: 10px;
	height: 1px;
	background: #ddd;
}	
.leaflet-left {
    right: 30px;
}	
.four-column .gallery-item  , .gallery-item, .grid-sizer {
    width: 50%;
}
.content.pad-content {
    padding: 0 0 50px;
}
.fixed-filter {
    top: auto;
    left: 0;
    right: 0;
    padding: 0 30px;
	bottom: 0;
	border-top:1px solid #eee;
}
.content-holder.fw-con {
    top: 74px;
}
.blog-filters {
	margin-bottom: 50px;
	padding: 0 0 60px 0;
}
.blog-btn-filter {
    top: auto;
    width: 100%;
    bottom: 0;
}
.fix-column_init {
	margin:   30px 0 0;
}
.blog-filter-wrap , .blog-btn , .single-post-content_column   {
	width: 100%;
}
.single-post-content_column {
	background: none;
	float: left;
	padding:30px  0 0;
}
section.single-content-section {
    padding: 10px 0 20px;
}
.colmn-section-title h4 {
	margin-bottom: 30px;
}
.ver-share .share-container {
    width: auto;
    border: 1px solid #eee;
    overflow: hidden;
}
.ver-share .share-container .share-icon {
	border:none;
    border-left: 1px solid #eee;
}
.fsc-holder {
    height: 350px;
    padding:0;
}
.thumbnail-container {
    left: 0;
    right: 0;
}
.thumbnail-wrap {
    padding: 50px 30px 30px;
}
.thumb-img {
    display: inherit;
	float: left;
}
.thumb-img img {
    height: 80px;
}
.single-items {
    padding: 0 10px;
}
.boxed-container-wrap {
    padding: 200px 0;
    width: 100%;
    margin-left: 0;
	margin-bottom: 30px;
}
.main-header.top-header:after {
    left: 20px;
    right: 20px;
}
.fs-slider-controls {
    left: 20px;
    right: 20px;
    bottom: 20px;
}
.fs-slider_align_title {
    padding: 0 20px;
	transform: translateY(-50%) translateX(0);
	width: 100%;
	left: 0;
}
.fs-slider_align_title h2 {
    font-size: 38px;
    padding-bottom: 20px;
}
.fs-slider-controls .hc_counter, .play-pause_slider2 {
	float: none;
    display: inline-block;
}
.play-pause_slider2 {
	top: 8px;
}
.fs-slider-controls .hc_counter {
	margin-right: 20px;
	top: 6px;
}
.follow-wrap {
    bottom: 30px;
	left: 30px;
}
.hero-item {
    left: 30px;
}
.slide-progress-wrap {
    bottom: 50px;
}
.gallery-filter_fw {
    margin-top: 30px;
}
}
@media only screen and  (max-width: 768px) {
.sidebar-wrap {
    right: 30px;
    width: auto;
	left: 30px;
}
.sidebar-wrap-container {
    padding: 50px 30px;
}
.categories_widget_item {
    padding: 0 0 15px 0;
    width: 100%;
}
.ts-button-next , .ts-button-prev , .swiper-button-prev , .swiper-button-next {
	top:100%;
	margin-top: -30px;	
}
.policy-box {
    width: 100%;
	text-align: center; 
}
.main-footer:before , .hero-video-btn:after , .hero-video-btn:before , .follow-wrap , .filter-title , .slider-controls , .fw-carousel-button-next , .fw-carousel-button-prev , .folio-slider-link_item{
    display: none;
}
.main-footer {
    padding: 60px 0 90px;
}
.footer-social {
	display: inline-block;
	float: none;
	margin: 10px 0 0;
}
.client-list li  {
    width: 50%;
}
.client-list li a {
    padding: 20px 25px;
}
.pagination a {
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.comment-body {
    margin: 10px 10px 10px 10px;
}
.comment-author {
    top: 0;
    left: -56px;
}
.comment-author img {
    width: 40px;
	height: 40px;
}
.pr-tags span {
    margin: 8px 0 20px 0;
    width: 100%;
	text-align: left;
}
.pr-tags li a {
	margin-bottom: 10px;
}
.content-nav_holder {
    padding: 0 ;
}
.content-nav li , .content-nav li a {
	width: 100%;
}
.content-nav li a span {
    display: inline-block;
}
.content-nav li a.rn , .content-nav li a.ln {
    text-align: center;
}
.caption-wrap ul li {
    width:auto;
	margin-right: 0;
	padding: 0 10px 20px 0; 
}
.caption-wrap {
    margin-top: 14px;
}
.box-media-zoom {
    width: 36px;
    height: 36px;
    line-height: 36px;
 	font-size: 10px;
    top: 15px;
    right: 15px;
}
.hero-item_title h2 {
    font-size: 45px;
}
.hero-video-btn {
    top: 100%;
    right:auto;
	left: 30px;
    margin: -65px 0 0 0;
}
.hero-video-btn span {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.hero-video-btn strong {
    right: -100%;
	margin-right: -90px;
	top: 14px;
    opacity: 1;
	visibility: visible;
}
.folio-filter_btn {
	display: inline-block;
	padding: 15px 0;
	width: 300px;
	cursor: pointer;
	color: #fff;
	background: #222;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 2px;
}
.gallery-filter_fw {
    margin-top: 10px;
	padding-bottom: 10px;
}
.gallery-filter_fw .gallery-filters , .fixed-filter .gallery-filters {
	width: 300px;
	background: #292929;
	position: absolute;
	left: 50%;
	top: 48px;
	margin-left: -150px;
	z-index: 10;
	padding: 30px 20px 15px;
	display: none;
}
.fixed-filter .gallery-filters {
	left: 0;
	top: auto;
	bottom: 100%;
	margin: 0;
}
.gallery-filter_fw .gallery-filters a , .fixed-filter .gallery-filters a {
    float: left;
	margin: 0 0 15px 0;
    font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	width: 100%;
}
.gallery-filters a:before , .fixed-filter .gallery-filters a:before {
    bottom: -6px;
}
.gfc_title {
    float: none;
	display: inline-block;
	margin-top: 15px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2.5px;
    line-height: 1.63;
    text-transform: uppercase;
}
.gallery-filter_fw.gff2 {
    padding: 0 0 10px 0;
}
.fixed-filter .folio-filter_btn {
	position: absolute;
	padding: 0;
	left: 0;
	top: -1px;
	height: 75px;
	line-height: 74px;	
}		
.fixed-filter .gallery-filter_fw-counter {
    margin-top: 16px;
}	
.fw-carousel .swiper-slide img, .fw-carousel .swiper-slide {
    width: 100% !important;
    height: auto !important;
    display: block;
}
.fw-carousel .swiper-slide img {
	margin-bottom: 10px;
}
.fw-carousel .swiper-wrapper {
    height: inherit !important;
    display: block;
}
.fw-carousel .swiper-container, .fw-carousel, .fw-carousel-wrap , .no-mob-hidden  {
    height: auto !important;
}
.fw-carousel .swiper-container {
	position:relative;
}
.fsc-holder {
    height: auto;
    padding:30px 10px 20px;
}
}
@media only screen and  (max-width: 640px) {
.hero-carousel-title h2 {
    font-size: 38px;
}
.content-inner .content-front {
    padding: 0px 30px 0;
}
 .content-inner .content-back {
    padding: 10px 30px 50px;
}
.four-column .gallery-item , .gallery-item, .grid-sizer , .post-item {
	width: 100%;
}
.post-items .post-item:nth-child(odd) , .post-items .post-item:nth-child(even) {
    padding: 0 0 40px;
}
.hero-title h2 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: 2.125rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .25rem;
    line-height: 1.43;
    text-transform: uppercase;
}
.error-container h2 {
    font-size: 124px;
    line-height: 154px;
    padding-bottom: 30px;
}
.hid-mob {
	display: none;
}	
.fw_cb {
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 10px;
}
.slider-controls {
    padding: 0 20px;
}
.caption-wrap ul li {
    width:50%;
	margin-right: 0;
	padding: 0 10px 20px 0; 
}
.fs-slider-button-prev , .fs-slider-button-next , .fs-slider_dec {
	top: 100%
}
.fs-slider-button-next {
    right: 15px;
}
.fs-slider-button-prev {
    left: 15px;
}
.fs-slider_dec {
	margin-top: -28px;
	width: 50px;
}
.fs-slider_align_title h2 {
    font-size: 28px;
}
.hero-video-btn {
    margin: -95px 0 0 0;
}
.hero-video-btn strong {
    right: -100%;
	margin-right: -90px;
	top: 14px;
    opacity: 1;
	visibility: visible;
}
.slide-progress-wrap {
    bottom: 20px;
    right: 30px;
    width: inherit;
	left: 30px;
}
.hero-item_title h2 {
    font-size: 30px;
}
.hero-item_title h4 {
    font-size: 12px;
    font-weight: 400;
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .bg {
    	background-attachment: scroll !important;
    	-webkit-background-size:cover;
    	background-position:center;
    }
}


.post-item_media-new a:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,0.4);
	transition: all 0.3s ease-in-out;
	opacity: 0;
	z-index: 1;
}
.post-item_media-new a:after {
    font-family: Font Awesome\ 5 Pro;
    content: "\f178";
    position: absolute;
    color: #fff;
	width: 30px !important;
	height: 20px;
	line-height: 20px;
	left: 50%;
	top: 50%;
	margin: -10px 0 0 -10px;
    font-size: 16px;
    opacity: 0;
	z-index: 2;
	transition: all 0.3s ease-in-out;
}
.post-item_media-new a:hover:before , .post-item_media-new a:hover:after{
	opacity: 1;
}

.new-text-sub-fond {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: 1.688rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2.0px;
    line-height: 1.63;
    text-transform: uppercase;
}

.new-text-sub-fond-small {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.63;
}

 .new-text-sub-fond-1 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem !important;
    font-style: normal;
    font-weight: 600 !important;
    /*letter-spacing: 2.5px;*/
    line-height: 1.63;
    text-transform: uppercase;
}

.set-padding-desktop {
    padding-top:40px;
}

.new-text-sub-fond-link {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: .688rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.63;
    text-transform: uppercase;
}

.img-heading {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Montserrat,sans-serif;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .188rem;
    line-height: 1.44;
    text-transform: uppercase;
}

.add-padding-top-dek {
    padding-top: 35px;
}

.sa-nav-menu {
    padding: 0px !important;
    padding-top: 10px !important;
    letter-spacing: 1.5px !important;
}

.sa-list-img-d1 {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;
}

.sa-list-img-d2 {
    font-size: 2.2rem !important;font-weight: 600 !important;margin-bottom: 0rem !important;
}

.sa-list-img-d3 {
    display: flex; justify-content: center; align-items: center;
}

.sa-list-img-d4 {
    position: absolute; bottom: 2%; left: 50%; transform: translate(-50%, -50%); text-align: center;
}

.sa-list-img-h1 {
    width: 60%;margin-top: 0px !important;padding: 5px !important;
}

.sa-list-img-h2 {
    background: white;width: 5%;height: 5%;
}

.contact-dk-padding {
    padding: 40px;
}

.guest-user-log-div {
    padding: 10px 60px 30px !important;
}

 .remove-padding-to-zero {
    position: revert;     padding: 30px !important;margin-top: 20px !important;
   
}

.comment-heading {
        padding-left : 30px !important;
    }
    
.sa-tab-text {
   
    font-family: Montserrat,sans-serif;
    font-size: .688rem !important;
    font-style: normal;
    font-weight: 600 !important;
    /* letter-spacing: 2.5px; */
    line-height: 1.63;
    text-transform: uppercase;
}

.full-width-height-image {
    width: 100%;
    height: 100vh; /* 100% of the viewport height */
    object-fit: cover; /* Scale the image to cover the entire container */
    padding: 0px;
}

.new-sa-project-name {
    font-size: 1rem !important;
    padding-left: 10px !important;
    margin-bottom: 0px !important;
}

.new-sa-project-name2 {
    /*font-size: 1rem !important;*/
    padding-left: 10px !important;
    margin-bottom: 0px !important;
    color:#808080;
    letter-spacing: 2px !important;
}

.custom-container {
  padding-right: 0; 
  overflow-x: clip; 
}

.comment-row-img-set {
    padding-left:30px;
}

 .comment-row-img-set2 {
        padding-left:70px;
    }

.comment-new-img-p-front {
     -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: Montserrat,sans-serif;
        font-size: 1rem !important;
        font-style: normal;
        font-weight: 500 !important;
        letter-spacing: 0px;
        line-height: 1.63;
}


.films-desk {
        display:block;
    }
    
     .films-mob {
        display:none;
    }


@media (max-width: 767px) {
    .dark-bg-wrap {
    	background: #151515;
    	padding: 50px 0 15px;
    }
    
    .logo-mobile {
        padding-left: 0rem;
    }
    
    .client-list li {
        width: 25%;
    }
    
    .cf-inner {
        display: block;
        float: left;
        width: 100%;
        padding-top: 110px;
    }
    
    .cf-inner-new {
        display: block;
        float: left;
        width: 100%;
        padding-top: 0px;
    }
    
    .new-text-sub-fond {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: Montserrat,sans-serif;
        font-size: .688rem !important;
        font-style: normal;
        font-weight: 600 !important;
        letter-spacing: 2.5px;
        line-height: 1.63;
        text-transform: uppercase;
    }
    
    .new-text-sub-fond-1 {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: Montserrat,sans-serif;
        font-size: .388rem !important;
        font-style: normal;
        font-weight: 600 !important;
        /*letter-spacing: 2.5px;*/
        line-height: 1.63;
        text-transform: uppercase;
        padding-bottom: 0px !important;
    }
    
    .contact-details ul li {
    	text-align:left;
    	float:left;
    	width:100%;
    	font-weight: 500;
        letter-spacing: 1.5px;
        word-spacing: 0;
    	margin-bottom:12px;
    	font-size: .688rem !important;
    	color:#000;
    }
    .contact-details ul li span {
    	float:left;
    	padding-bottom:10px;
    	color: #666;
    	width:100%;
    }
    .contact-details ul li a {
    	color:#000;
    	transition: all 200ms linear;
    	text-transform: uppercase;
    }
    
    .grid_col--5__zagq7 {
        width: 100% !important;
    }
    
    .set-padding-desktop {
        padding-top:0px;
    }
    
    .set-adjest-top {
        padding-top: 20px;
    }
    
    .add-padding-top-dek {
        padding-top: 0px !important;
    }
    
    .sa-list-img-d1 {
        position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;
    }
    
    .sa-list-img-d2 {
        font-size: 0.9rem !important;font-weight: 600 !important;margin-bottom: 0rem !important;
    }
    
    .sa-list-img-d3 {
        display: flex; justify-content: center; align-items: center;
    }
    
    .sa-list-img-d4 {
        position: absolute; bottom: 2%; left: 50%; transform: translate(-50%, -50%); text-align: center;
    }
    
    .sa-list-img-h1 {
        padding: 2px !important;width: 55%;margin-top: 0px !important;
    }
    
    .sa-list-img-h2 {
        background: white;width: 6%;height: 6%;
        
    }
    
    .contact-dk-padding {
        padding: 10px;
    }
    
    .guest-user-log-div {
        padding: 0px 20px 0px !important;
    }
    
    .remove-gust-user-log-padding {
        padding-top: 0px !important;
    }
    
    .remove-padding-to-reg {
        padding :0px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .remove-padding-to-zero {
        position: revert;     padding: 0px !important;margin-top: 20px !important;
       
    }
    
    .mobile-disply-none {
        display : none;
    }
    
    .comment-heading {
        padding-left : 60px !important;
    }
    
    .full-width-height-image {
       width: 100%; 
       padding: 0px;
        height: 100%; 
    }
    
    .comment-row-img-set {
        padding-left:60px;
    }
    
     .comment-row-img-set2 {
        padding-left:65px;
    }
    
    .films-desk {
        display:none;
    }
    
    .films-mob {
        display:block;
    }
    
  
        
  
}