/*------------------------------------------------------------------------
# mod_mx_fshow Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2021 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/

/* F U L L S C R E E N   S L I D E R */
.fs_gallery_slider,
.contacts_map {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
.fs_gallery_slider:before,
.fs_gallery_slider:after,
.gallery_kenburns:after,
.fw_background:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 25%;
	width: 100%;
	content: '';
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.34) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.34) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.34) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 20;
}

.light_color_scheme .fs_gallery_slider:before,
.light_color_scheme .fs_gallery_slider:after,
.light_color_scheme .gallery_kenburns:after,
.light_color_scheme .fw_background:after {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.fs_gallery_slider:after {
	top: auto;
	bottom: 0;
	height: 44%;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 81%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 81%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 81%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.light_color_scheme .fs_gallery_slider:after {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 81%, rgba(255,255,255,0.4) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 81%,rgba(255,255,255,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 81%,rgba(255,255,255,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.fs_gallery_container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.fs_gallery_container li:before {
	display: none;
}
.fs_gallery_container .fs_slide iframe {
    z-index: 5;
    position: absolute;
	left:50%;
}
.fs_gallery_container.fade {
	opacity: 1 !important;
}
.fs_gallery_container.fade li,
.fs_gallery_container li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: block;
	opacity: 0;
	background-position: center !important;
	transition: opacity 1500ms;
	-webkit-transition: opacity 1500ms;
}
.fs_gallery_container.fade li.current-slide,
.fs_gallery_container li.current-slide {
	opacity: 1;
}
.no_fit.fs_gallery_container li {
	background-size: cover !important;
}
.fit_always.fs_gallery_container li {
	background-size: contain !important;
}
.fit_width.fs_gallery_container li {
	background-size: 100% auto !important;
}
.fit_height.fs_gallery_container li {
	background-size: auto 100% !important;
}
.fs_gallery_container.zoom li {
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	transition: opacity 1000ms, transform 1000ms;
	-webkit-transition: opacity 1000ms, -webkit-transform 1000ms;
}
.fs_gallery_container.zoom li.current-slide {
	opacity: 1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.fs_gallery_container.slide_left li {
	-ms-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	transition: opacity 1000ms, transform 1000ms;
	-webkit-transition: opacity 1000ms, -webkit-transform 1000ms;
}
.fs_gallery_container.slide_right li {
	-ms-transform: translate(50%, 0);
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0);
	transition: opacity 1000ms, transform 1000ms;
	-webkit-transition: opacity 1000ms, -webkit-transform 1000ms;
}
.fs_gallery_container.slide_top li {
	-ms-transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
	transition: opacity 1000ms, transform 1000ms;
	-webkit-transition: opacity 1000ms, -webkit-transform 1000ms;
}
.fs_gallery_container.slide_bottom li {
	-ms-transform: translate(0, 100%);
	-webkit-transform: translate(0, 100%);
	transform: translate(0, 100%);
	transition: opacity 1000ms, transform 1000ms;
	-webkit-transition: opacity 1000ms, -webkit-transform 1000ms;
}
.fs_gallery_container.slide_top li.current-slide,
.fs_gallery_container.slide_bottom li.current-slide,
.fs_gallery_container.slide_left li.current-slide,
.fs_gallery_container.slide_right li.current-slide {
	opacity: 1;
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	transition: opacity 1000ms, transform 1000ms;
	-webkit-transition: opacity 1000ms, -webkit-transform 1000ms;
}

/* FS Gallery Thumbs */
.fs_thmb_viewport {
	display: block;
	width: 100%;
	height: 60px;
	position: absolute;
	transition: bottom 350ms;
	-webkit-transition: bottom 350ms;
	z-index: 66;
}

.fs_thmb_viewport div.label {
	background: rgba(51,61,77, 0.55);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-translateX(-50%);
	top: -30px;
	z-index: 35;
	line-height: 28px;
	padding: 1px 16px;
	text-transform: uppercase;
	font-size: 10px;
	color: rgba(255,255,255, 0.5);
	letter-spacing: 1.5px;
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	cursor: pointer;
	font-weight: 400;
}

.light_color_scheme .fs_thmb_viewport div.label {
	background: rgba(255,255,255, 0.55);
	color: rgba(54,59,67, 0.5);
}

.fs_thmb_viewport div.label i {
	font-size: 19px;
	padding-top: 1px;
	line-height: 27px;
	display: block;
}

.fs_thmb_wrapper {
	position: relative;
	overflow: hidden;
	height: 120px;
	display: block;
}

.fs_thmb_viewport .fs_thmb_list {
	position: absolute;
	left: 0;
	top: 0;
	height: 120px;
	z-index: 30;
	padding: 0;
	margin: 0;
	transition:left 500ms, transform 500ms;
}
.fs_thmb_viewport .fs_thmb_list.hovered {
	transition:left 100ms;
}

.fs_thmb_viewport .fs_thmb_list li {
	display: inline-block;
	float: left;
	width: 200px;
	height: 120px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	position: relative;
}

.fs_thmb_viewport .fs_thmb_list li:before {
	display: none;
}

.fs_thmb_viewport .fs_thmb_list li:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #191919;
	content: '';
	opacity: 0.57;
	transition: opacity 300ms;
	-webkit-transition: opacity 300ms;;
}

.light_color_scheme .fs_thmb_viewport .fs_thmb_list li:after {
	background: #f6f7f8;
	opacity: 0.28;
}

.fs_thmb_viewport .fs_thmb_list li:hover:after,
.fs_thmb_viewport .fs_thmb_list li.current-thmb:after {
	opacity: 0;
}

.fs_thmb_viewport .fs_thmb_list li img {
	width: 100%;
	height: auto;
}

.fs_thmb_viewport.hide_me {
	bottom: -150px !important;
}

/* FS Gallery Buttons */
.fs_controls {
	position: absolute;
	right: 30px;
	transition: bottom 350ms;
	-webkit-transition: bottom 350ms;
	z-index: 40;
	line-height: 16px;
	bottom:90px;
}

.fs_controls.hide_me {
	bottom: 30px !important;
}

.fs_title_wrapper.hide_me {
	bottom: 27px !important;
}

.fs_controls a {
	display: inline-block;
	vertical-align: top;
	height: 16px;
	line-height: 16px;
	margin-left: 19px;
	transition: all 350ms;
	-webkit-transition: all 350ms;
	color: #fff;
	font-size: 15px;
}

.light_color_scheme .fs_controls a {
	color: #363b43;
}

.fs_controls a:first-child {
	margin-left: 0;
}

.fs_controls a.fs_play_pause .icon-Play {
	display: block;
}
.fs_controls a.fs_play_pause .icon-Pause {
	display: none;
}
.fs_controls a.fs_play_pause.fs_state_play .icon-Pause {
	display: block;
}
.fs_controls a.fs_play_pause.fs_state_play .icon-Play {
	display:none;
}
.fs_slider_prev,
.fs_slider_next {
	position: absolute;
	left: 30px;
	top: 50%;
	z-index: 100;
	margin-top: -6px;
	height: 13px;
	width: 27px;
	background-image: url("../img/sprite.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 300px 150px;
	opacity: 1;
	transition: opacity 300ms;
	-webkit-transition: opacity 300ms;
}

.fs_slider_prev:hover,
.fs_slider_next:hover {
	opacity: 0.8;
}

.fs_slider_next {
	left: auto;
	right: 30px;
	background-position: -27px 0;
}

.light_color_scheme .fs_slider_prev,
.light_color_scheme .fs_slider_next {
	background-position: 0 -70px;
}

.light_color_scheme .fs_slider_next {
	background-position: -27px -70px;
}

.fs_slider_prev:after,
.fs_slider_next:after {
	position: absolute;
	left: 36px;
	top: 0;
	line-height: 13px;
	height: 13px;
	color: #fff;
	font-weight: 400;
	font-size: 12px;
	content: attr(data-count);
	opacity: 1 !important;
}

.light_color_scheme .fs_slider_prev:after,
.light_color_scheme .fs_slider_next:after {
	color: #363b43;
}

.fs_slider_next:after {
	left: auto;
	right: 36px;
}

.hide_text:after {
	display: none !important;
}

.fs_controls .info_btn {
	line-height: 14px;
	padding-top: 2px;
}

.fs_controls .info_btn span {
	font-size: 16px;
	line-height: 14px;
}

/* FS Gallery Caption */
.fs_title_wrapper {
	position: absolute;
	left: 30px;
	width: 50%;
	bottom:90px;
	transition: all 350ms;
	-webkit-transition: all 350ms;
	z-index: 40;
}

.fs_title_wrapper.hide_me,
.fs_title_wrapper.show_hide_info {
	opacity: 0 !important;
	visibility: hidden;
}

.fs_title_wrapper.hide_me.show_hide_info {
	opacity: 1 !important;
	visibility: visible;
}

.fs_title_wrapper h1,
.fs_title_wrapper h3 {
	text-align: left;
	text-transform: none;
	letter-spacing: normal;
	font-weight: 700;
	padding: 0;
	margin: 0;
	color: #fff;
	opacity:0;
}
.gallery_started .fs_title_wrapper h1,
.gallery_started .fs_title_wrapper h3 {
	opacity:1;
}

.light_color_scheme .fs_title_wrapper h1,
.light_color_scheme .fs_title_wrapper h3 {
	color: #363b43;
}

.fs_title_wrapper h1 {
	line-height: 25px;
	font-size: 24px;
	margin-bottom: 7px;
}

.fs_title_wrapper h3 {
	font-size: 14px;
	line-height: 16px;
	padding-top: 8px;
	position: relative;
}

.fs_title_wrapper h3:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 2px;
	background: #fff;
	content: '';
}

.light_color_scheme .fs_title_wrapper h3:before {
	background: #363b43;
}

.fs_title_wrapper h3:empty:before {
	display: none;
}

/* FS Update */
.fs_controls,
.fs_title_wrapper {
	bottom:40px;
}
.fs_thmb_viewport  {
	bottom:-60px;
}
.thmbs_showed .fs_controls,
.thmbs_showed .fs_title_wrapper {
	bottom:210px;
}
.thmbs_showed .fs_thmb_viewport  {
	bottom:60px;
}
.hide_title .fs_title_wrapper {
	opacity:0;
}

.fs_gallery_page .fs_controls {
	transition: bottom 350ms;
	-webkit-transition: bottom 350ms;
}
.fs_gallery_page .page-template-page-fullscreen-slider .footer,
.fs_gallery_page .single-gallery .footer,
.fs_gallery_page .footer,
.fs_gallery_page .main_header {
	transition: top 350ms, transform 350ms, opacity 350ms!important;
	-webkit-transition: top 350ms, transform 350ms, opacity 350ms!important;
}
.fs_gallery_page .fs_title_wrapper,
.fs_gallery_page .fs_thmb_viewport {
	transition: bottom 350ms, transform 350ms, opacity 350ms;
	-webkit-transition: bottom 350ms, transform 350ms, opacity 350ms;
}
.fs_gallery_page.hide_fs_controls .main_header {
	transform:translateY(-100%);
	opacity:0;
}
.fs_gallery_page.hide_fs_controls .fs_controls {
	bottom:30px;
}
.fs_gallery_page.hide_fs_controls .footer,
.fs_gallery_page.hide_fs_controls .fs_thmb_viewport,
.fs_gallery_page.hide_fs_controls .fs_title_wrapper {
	transform:translateY(120%);
	opacity:0;
}
.fs_gallery_page.hide_fs_controls .footer {
	transform:translateY(100%);
}

@media only screen and (min-width: 901px) {
	.page-template-page-fullscreen-slider,
	.single-gallery {
		overflow: hidden;
	}

	.page-template-page-fullscreen-slider .footer,
	.single-gallery .footer {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 300;
		transition: bottom 350ms;
		-webkit-transition: bottom 350ms;
	}
}

.page-template-page-with-slider .fs_gallery_wrapper,
.page-template-page-with-slider .fs_gallery_container,
.page-template-page-with-slider .fs_gallery_slider {
	width: 45.6%;
}
.page-template-page-with-slider .fs_slider_next {
	right:auto;
	left:45.6%;
	transform:translateX(-100%);
	margin-left:-36px;
}

.page-template-page-with-slider .fs_controls,
.page-template-page-with-slider .fs_thmb_viewport {
	display: none !important;
}

.page-template-page-with-slider .fs_title_wrapper {
	bottom: 27px !important;
}

.fs_gallery_wrapper {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* A N I M A T I O N */
.loading,
.anim_el.loading {
	opacity:.01!important;
	z-index:-10!important;
}
.anim_el {
	transition:opacity 500ms!important;
}

.personal_preloader {
	position:fixed;
	left:-100%;
	top:-100%;
	width:1px;
	height:1px;
	z-index:-100;
	opacity:0;
}

.fs_gallery_container li.fs_slide:before {
	content:'';
	width:50px;
	height:50px;
	position:fixed;
	left:50%;
	top:50%;
	margin:-9px 0 0 -25px;
	transform:translate(-50%,-50%);
	border-radius:100%;
	border:rgba(0,0,0,0) 3px solid;
	border-top-color:#ffffff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-animation: sas_preloader 750ms ease-in-out infinite;
	animation: sas_preloader 750ms ease-in-out infinite;
	transition:opacity 400ms, z-index 400ms;
	z-index:-1;
	display:block;
}
.fs_gallery_container .fs_slide:after {
	content:'';
	display:block;
	transition:opacity 600ms;
	z-index:30;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.fs_gallery_container .fs_slide.current-slide:before {
	z-index:55;
}
.fs_gallery_container .fs_slide.block_loaded:before {
	z-index:-10!important;
	opacity:0;
}
.fs_gallery_container .fs_slide.was_showed:after {
	opacity:0;
}
.fs_gallery_container .fs_slide.video_slide:before,
.fs_gallery_container .fs_slide.video_slide:after {
	display:none!important;
}

@keyframes sas_preloader {
	0% {
		transform:rotate(0deg);
	}
	25% {
		transform:rotate(90deg);
	}
	50% {
		transform:rotate(180deg);
	}
	75% {
		transform:rotate(270deg);
	}
	100% {
		transform:rotate(360deg);
	}
}
@-webkit-keyframes sas_preloader {
	0% {
		transform:rotate(0deg);
	}
	25% {
		transform:rotate(90deg);
	}
	50% {
		transform:rotate(180deg);
	}
	75% {
		transform:rotate(270deg);
	}
	100% {
		transform:rotate(360deg);
	}
}