/* Start:/local/components/capybara/masterpiece/templates/.default/style.css?16832017018563*/
.tab-pane-wrapper
{
	/*overflow-y: hidden;
	max-height: 150px;
	position: relative;
	transition: .2s all;*/
}

.tab-content:after
{
	position: absolute;
	opacity: 1;
	transition: .2s all;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    content: '';
    background: -webkit-linear-gradient(bottom, #fff, rgba(255,255,255,0));
    /* background: linear-gradient(to top, #fff, rgba(255,255,255,0));*/
}


.exp-slider-wrap__title-hidden
{
	display: none !important;
}

@media (max-width:900.1px){
	.exp-slider-wrap__title-hidden
	{
		display: block !important;
		position: static !important;
		-webkit-transform: none !important; 
	    -ms-transform: none !important;
	     transform: none !important;
	     padding: 15px;
	     margin: 0;
	}
}

	.nav-tabs [data-tab^="tab-"] {
		opacity: .3;
		position: relative;
		display: flex;
    	align-items: stretch;
	}
	
	.nav-tabs [data-tab^="tab-"].active {
		opacity: 1;
	}

	.exp-slider-wrap__subtitle,
	.nav-tabs
	{
    background-color: #eedecf;
    margin: 0 !important;
		padding: 15px;
	}

	.exp-slider-wrap
	{
    width: 100%;
    height: 100%;
    margin: 0 !important;
	}

	.grid__column
	{
		position: relative;
	}

	.tab-content
	{
		overflow-y: hidden;
		position: relative;
	}


	.exp-slider-wrap__funcinner
	{
		background-color: #eedecf;
	}

	.exp-slider-wrap__info
	{
		background-color: #fff;
		display: flex;
		flex-direction: column;
	}

	@media (min-width: 900.1px)
	{
		.masterpiece__wrapper
		{
			min-height: 350px;
			height: 100%;
    		position: relative;
		}
		#masterpiece
		{
			width: 60rem;
			height:100%;
			position:absolute;
	    	margin:0;
	    	z-index:999;
		}
		
		.try_to_show
		{
		  transform: translate(var(--offset-x), var(--offset-y));
		  height: var(--offset-height) !important;
		  
		  width:var(--offset-width) !important;
		  box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
		}

		.try_to_show .tab-content
		{
			padding: 15px !important;
			overflow-y: auto;
		}

		.try_to_show .exp-slider-wrap
		{
		    height: 100%;
		}

		.try_to_show .exp-slider-wrap__info
		{
			/*overflow-y: auto;*/
		}

		.try_to_show .tab-content::-webkit-scrollbar {
	    height: 10px;
	    width: 10px;
	    background: #fff;
		}

		.try_to_show .tab-content::-webkit-scrollbar-thumb {
		    background: #eedecf;
		    -webkit-border-radius: 1ex;
		    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
		}

		.try_to_show .tab-content::-webkit-scrollbar-corner {
		    background: #fff;
		}

	}
	.try_to_show .tab-content:after
	{
		display: none;
		opacity: 0;
	}

	.try_to_show#masterpiece
	{
		opacity: 0.6;
	}

	.try_to_show#masterpiece:hover
	{
		opacity: 1;
	}

	.custom_masterpiece
	{
		box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
	}

	#full_img
	{
		transition: .5s all;
		opacity: 0;
	}

	.full_imgquickload
	{
		width: 100%;
		height: 100%;
	}

	@media (max-width: 900.1px)
	{
		#masterpiece
		{
			width: 100%;
		}

		.try_to_show .tab-pane-wrapper
		{
			    max-height: fit-content;
		}

		.tab-content
		{
			max-height:150px;
		}

		.try_to_show .tab-content
		{
			max-height: none;
		}
		.exp-slider-wrap
		{
			-webkit-box-direction:normal !important;
			-ms-flex-direction:column !important;
			flex-direction:column !important;
		}

	}

	.tab-content
	{
		height: 100%;
	}

	#masterpiece
	{
		transition: .5s all;
	}



.nav-tabs [data-tab^="tab-"].active::after
{
	position: absolute;
    bottom: -20px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-width: 11px 20px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #fff;
}

.nav-tabs>li{
	display: flex;
	align-items: stretch;
}

.exp-slider-wrap__title
{
	position: relative !important;
	left: 0 !important;
    top: 0 !important;
    height: max-content;
}

.exp-slider-wrap__title::after
{
    position: absolute;
    top: 0;
    left: -29px;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border-width: 25px 15px;
    border-style: solid;
    border-color: transparent;
    border-right-color: #fff;
}

.exp-slider-wrap__title-hidden.exp-slider-wrap__title::after
{
	display: none;
}

.tab-pane__img_preview
{
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	display: inline-block;
	cursor: pointer;
}

.activesmallimg
{
	border: 2px solid #87685b;
}

.slider-1__bg-loader
{
	position: absolute;
	top: 50%;
	left: 50%;
	display: none;
}

.slider-1__bg-loader__img
{

}

.slider-1__bg-slide
{
	transition: .5s all;
	display: flex;
    justify-content: center;
        position: relative;

}

.slider-1__bg-microgallery
{
    position: absolute;
    bottom: 0;
        max-width: 100%;
    overflow-x: hidden;
    opacity: 0.65;
    transition: .2s all;
        display: flex;
    justify-content: center;

    width: 100%;
    background: rgba(0,0,0,0.2);
    padding: 0.5rem;
}

.slider-1__item
{
	background-color: #eedecf;
}

.tab-pane-gallerywrapper>*
{
	margin:0 0.25rem;
}

.slider-1__bg-microgallery>.tab-pane-gallerywrapper>*
{
	width: 50px;
	height: 50px;
	transition: .5s all;
}

.slider-1__bg-slide:hover .slider-1__bg-microgallery
{
	opacity:1;
}

/*.slider-1__bg-slide:hover .slider-1__bg-microgallery>.tab-pane-gallerywrapper>*
{

	width: 50px;
	height: 50px;
}*/

.nav-tabs__icon
{
	cursor: pointer;
}

.exp-slider-wrap__zoom{
            animation-name: stretch;
            animation-duration: 2.0s;
            animation-timing-function: ease-out;
            animation-direction: alternate;
            animation-iteration-count: infinite;
            animation-play-state: running;
            transition: .2s all;
        }

@keyframes stretch {
            0% {
                
            }
  
            
  
            100% {
                transform: scale(1.2);
            }
        }

#masterpiece:not(.try_to_show)
{
	min-height:350px;
}

.tab-pane-title>h3
{
	align-self: center;
	margin: 0;
}

.tab-pane-title
{
	display:flex;
	margin-bottom: var(--header-text-bottom-offset-3);
}

 .tgl {
	 display: none;
}
 .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
	 box-sizing: border-box;
}
 .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
	 background: none;
}


 .tgl + .tgl-btn {
	 outline: 0;
	 display: block;
	 width: 4em;
	 height: 2em;
	 position: relative;
	 cursor: pointer;
	 user-select: none;
}
 .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
	 position: relative;
	 display: block;
	 content: "";
	 width: 50%;
	 height: 100%;
}
 .tgl + .tgl-btn:after {
	 left: 0;
}
 .tgl + .tgl-btn:before {
	 display: none;
}
 .tgl:checked + .tgl-btn:after {
	 left: 50%;
}


.tgl-btn
{
	margin-left:1rem;
}

 .tgl-ios + .tgl-btn {
	 background: #eedecf;
	 border-radius: 2em;
	 padding: 2px;
	 transition: all 0.4s ease;
	 border: 1px solid #eedecf;
}
 .tgl-ios + .tgl-btn:after {
	 border-radius: 2em;
	 background: #fbfbfb;
	 transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
	 box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 0 rgba(0, 0, 0, .08);
}
 .tgl-ios + .tgl-btn:hover:after {
	 will-change: padding;
}
 .tgl-ios + .tgl-btn:active {
	 box-shadow: inset 0 0 0 2em #e8eae9;
}
 .tgl-ios + .tgl-btn:active:after {
	 padding-right: 0.8em;
}
 .tgl-ios:checked + .tgl-btn {
	 background: #96DDA2;
}
 .tgl-ios:checked + .tgl-btn:active {
	 box-shadow: none;
}
 .tgl-ios:checked + .tgl-btn:active:after {
	 margin-left: -0.8em;
}

.icon-bg{
	position: relative;
}

.icon-bg::before
{
	content: '';
	position: absolute;
	top:0;
	left:0;
	background: #eedecf;
	backdrop-filter: blur(15px);
	/*border-radius: 50%;*/
	border-bottom-right-radius: 40%;
	width: 50px;
	height: 50px;
	z-index: 999;
	opacity: 0.45;
	box-shadow: rgba(99, 99, 99, 0.7) 0px 2px 8px 0px;
	            animation-name: changeopac;
            animation-duration: 2.0s;
            animation-timing-function: ease-out;
            animation-direction: alternate;
            animation-iteration-count: infinite;
            animation-play-state: running;
            transition: .2s all;
}
.icon-bg>svg
{
	z-index: 1000;
}

@keyframes changeopac {
            0% {
                opacity: 0.25;
            }
  
            
  
            100% {
                opacity: 0.45;
            }
        }
/* End */
/* /local/components/capybara/masterpiece/templates/.default/style.css?16832017018563 */