@-o-viewport {width:device-width;}
@-ms-viewport {width:device-width;}
@viewport {width:device-width;}

/* ------Cursor------------------------------------------------------------ */ 
.element {
	  position: fixed;
	  left:0;
	  top:0;
	  width: 30px;
	  height: 30px;
	  pointer-events: none;
	  z-index:10000;
}
.element-item {
	position: fixed;
	transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	border: 2px solid #000;
	border-radius: 50%;
	pointer-events: none;
	opacity:1;
	box-sizing:border-box;	
}
 
.element-item.closeicon:before {
	font-family: Font Awesome\ 5 Pro;
	content: "\f00d";
	position:absolute;
	font-size:9px;
	left:50%;
	color:#fff;
	top:50%;
	width: 10px;
	height: 10px;
	background:none;
	font-weight:100;
	line-height:10px;
	margin:-5px 0 0 -5px;
}
.element-item.swipericon:before {
	font-family: Font Awesome\ 5 Pro;
	content: "\f07e";
	position:absolute;
	font-size:10px;
	left:50%;
	color:#fff;
	top:50%;
	width: 10px;
	height: 10px;
	font-weight:100;
	line-height:10px;
	margin:-5px 0 0 -5px;
	background:none;
}
.content-nav-fixed {
	float:left;
	position:relative;
	width:100%;
	padding:0 70px;
 
}
.content-nav-fixed:before {
	content:'';
	position:absolute;
	left:50%;
	width:1px;
	height:20px;
	top:50%;
	margin-top:-10px;
	background:rgba(255,255,255,0.21);
	z-index:100;
}
.content-nav-fixed li {
	width:50%;
	float:left;
	position:relative;
}
.content-nav-fixed li:first-child {
	border:none;
}
.content-nav-fixed li a.ln , .content-nav-fixed li a.rn {
	color:#fff;
	font-size:12px;
	position:relative;
	width:100%;
}
.content-nav-fixed li a.ln  {
	text-align:left;
	float:left;
}
.content-nav-fixed li a.rn  {
	text-align:right;
	float:right;
}
.content-nav-fixed li a:before {
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:100%;
	bottom:0;
    background: #212121;
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}
.content-nav-fixed li a.ln:before  {
	left:-120px;
}
.content-nav-fixed li a.rn:before  {
	right:-120px;
}
.content-nav-fixed li a:hover:before {
	top:0;
}
.content-nav-fixed li a.ln i , .content-nav-fixed li a.rn i  {
	position:relative;
	z-index:50;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  	-webkit-transition: all 300ms  linear;
	transition: all 300ms linear;
}
.content-nav-fixed li a.ln:hover i   {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
	transition-delay: 0.35s;
}
 .content-nav-fixed li a.rn:hover i  {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
	transition-delay: 0.35s;
}
.content-nav-fixed li a span {
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:500;
	position:relative;
	z-index:10;
}
.content-nav-fixed li a.ln span {
	padding-left:15px;
}
.content-nav-fixed li a.rn span  {
	padding-right:15px;
}
.content-nav_mediatooltip {
	position:absolute;
	bottom:50%;
	margin-bottom:-25px;
	overflow:hidden;
	opacity:1;
	width:50px;
	height:50px;
	border-radius:100%;
}
.content-nav_mediatooltip.cnmd_leftside {
	left:-70px;
}
.content-nav_mediatooltip.cnmd_rightside {
	right:-71px;
}
.content-nav_mediatooltip img {
	width: auto;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	border-radius:100%;
	z-index:1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.single-image {
	margin-bottom:15px;
}
.single-image img {
	width:100%;
	height:auto;
	position:relative;
	z-index:1;
}
.single-image:last-child {
	margin-bottom:0;
}

/* id #wrapper */
#wrapper {
	width: 100%;
    position: relative;
    float: left;
    padding: 0;
    left: 0;
    z-index: 5;
    height: 100%;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
#wrapper.fullsceen-wrap {padding-bottom:80px;}
#wrapper.fs-mode-active {padding:0;}
#wrapper.fs-mode-active .thumbnail-container {bottom:0;}

/* class .content */
.content {
	float: left;
	width: 100%;
	position: relative;
	z-index: 5;
}
.content.vis-column-det{padding-left:450px;}

/* class .full-height */
.full-height {height:100%;}

/* class .hor-content_padd */
.hor-content_padd {padding:0 0px 0 0px;}

/* class .bottom-filter-wrap */
.bottom-filter-wrap {
	bottom:0;
	left:0;
	right:0;
	z-index:100;
	padding:0;
	-webkit-transform: translate3d(0,0,0);
}
.bottom-filter-wrap  .scroll-down-wrap {}
.bottom-filter-wrap:before {}
.bottom-filter-wrap.hor-filter-wrap:before {display:none;}
.bottom-filter-wrap .gallery-filters  {} 
.bottom-filter-wrap.hor-filter-wrap {padding-left:20px;}
.bottom-filter-wrap {padding: 0 24px 0 24px;}
.bottom-filter-wrap .gallery-filters {
	position: absolute;
    bottom: 70px;
    height: auto !important;
    width: 100%;
	top:inherit;
    background: #292929;
    left: 0;
    padding: 35px 30px;
    text-align: left;
	display:none;
}
.bottom-filter-wrap .gallery-filters a {
	float:left;
	width:100%;
	line-height:25px;
	color:#fff;
}
.bottom-filter-wrap .gallery-filters a:before {
    bottom: 50%;
    left: 100%;
    margin-left: -26px;
    height: 2px;
	margin-bottom:-1px;
    background: #fff;
}
.bottom-filter-wrap:before {
    left: 22px;
    right: 24px;
}
.search-input:before , .search-input , .closedet_style , .column-notifer , .bottom-panel ,  .bottom-filter-wrap .scroll-down-wrap   , .bottom-filter-wrap:before , .content-nav-fixed li a span strong  , .section-number , .hero-slider_details_wrap , .thumbnail-container {display:none;} 
.bottom-filter-wrap {padding: 0 10px 0 10px;}

/* class .gallery-filters */
.gallery-filters {
	float:left;
	position:relative;
}
.gallery-filters a {
	margin-right:10px;
    font-size: 10px;
    font-weight: 600;
	letter-spacing:2px;
	color:#666;
    text-decoration: none;
}
.gallery-filters a:before {
    content: '';
    position: absolute;
    bottom: -8px;
    width: 0;
    height: 2px;
    background: #d8522c;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    text-decoration: none;
}
.gallery-filters a.gallery-filter-active:before {width:-webkit-fill-available;}
.gallery-filters a.gallery-filter-active {color:#d8522c;}
.fixed-bottom-content  .gallery-filters {
	float:left;
	width:100%;
	position:relative;
}
.fixed-bottom-content .gallery-filters a{
	float:none;
	margin:0 4px;
	display:inline-block;
	line-height:0;
	padding-bottom:10px;
	font-weight:500;
	color:#666;
}
.fixed-bottom-content .gallery-filters a:before {background:#292929;}
.fixed-bottom-content .gallery-filters a.gallery-filter-active{color:#000;}

/* class .horizontal-grid-wrap */
.horizontal-grid-wrap {
	overflow:hidden;
	top:0;
}
.horizontal-grid-wrap.hgw_fh {height:100%;}
@media only screen and (max-width: 768px) {
#portfolio_horizontal_container , .horizontal-grid-wrap {float:left; width:100%;}
.horizontal-grid-wrap {overflow:auto !important;}
}

/* class .fl-wrap */
.fl-wrap {
	float: left;
	width: 100%;
	position: relative;
}

/* id #portfolio_horizontal_container */
.vis-thumb-info .gallery-item:hover img ,   #portfolio_horizontal_container.no-scale-img .portfolio_item:hover img  {
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
}
#portfolio_horizontal_container {
    height: 100%;
 	float:left;
	width:100%;
	position:relative;
	z-index:1;	 
}
#portfolio_horizontal_container .portfolio_item {
	width: auto;
	height: 100%;
	float:left;
	padding:3px !important;
	overflow:hidden;
    position:absolute !important;
	z-index:1;
}
#portfolio_horizontal_container.no-padding .portfolio_item {padding:0}
#portfolio_horizontal_container.one-ver-columns .portfolio_item {
	padding-bottom:0;    
	padding:3px !important;
}
#portfolio_horizontal_container.two-ver-columns .portfolio_item {height:100%; /* 50% */}
#portfolio_horizontal_container.three-ver-columns .portfolio_item {height:100%; /* 33.3% */}
#portfolio_horizontal_container .portfolio_item img {
	float:left;
	width:auto;
	position:relative;
	z-index:1;
	-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;
}
#portfolio_horizontal_container .portfolio_item:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
#portfolio_horizontal_container .portfolio_item .grid-item-holder {
	width:max-content;
	height:100%;
}
#portfolio_horizontal_container .portfolio_item .grid-item-holder .thumb-info  , .gallery-item  .thumb-info{
	opacity:0;
	visibility:hidden;
	-webkit-transition: all 300ms linear;;
    transition: all 300ms linear;
}
#portfolio_horizontal_container .portfolio_item .grid-item-holder:hover .thumb-info  , .gallery-item:hover .thumb-info {
	visibility:visible;
	opacity:1;
}
@media only screen and (max-width: 1365px) {   
#portfolio_horizontal_container.three-ver-columns .portfolio_item {height:50%;}
#portfolio_horizontal_container  .portfolio_item .thumb-info h3 {font-size:14px;}
}
@media only screen and (max-width: 768px) {
#portfolio_horizontal_container .portfolio_item  , #portfolio_horizontal_container .portfolio_item .grid-item-holder , #portfolio_horizontal_container .portfolio_item .grid-item-holder img {
	width: 100%;
	height: auto !important;
}
#portfolio_horizontal_container  .portfolio_item .thumb-info h3 {font-size:18px;}
}

/* class .one-ver-columns */
.one-ver-columns {
	height:100%;
}

/* class .nicescroll-rails-hr */
.nicescroll-rails-hr {width:inherit;}

/* class .grid-item-holder */
.grid-item-holder {
	float: left;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

/* class .hov_zoom */
.gallery-item:hover .fet_pr-carousel-box-media-zoom , .hov_zoom:hover .box-media-zoom  {transform:scale(1);}
.hov_zoom {overflow:hidden;}
.box-media-zoom {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 40px;
	height: 40px;
	line-height: 40px;
 	transform: scale(0);
	color: #fff;
	font-size:11px;
	background: rgba(0,0,0,0.71);
	border-radius:100%;
	z-index: 5;
	cursor:pointer;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.swiper-link-wrap .box-media-zoom {right:130px;}

/* class .single-popup-image */
.hid-det-items  .single-popup-image {
	opacity:0;
	visibility:hidden;
	top:-90px;
}