﻿/*-----| CONTAINER													|--------------------------------------------------------------------------------------------------------------*/

.cms_jssor_section													{ position: relative; width: 100%; min-height: 320px; }

.cms_jssor_section_art.cms_jssor_section						{ min-height: 0; }



@media screen and (max-width: 960px) {

.cms_jssor_container													{ position: absolute; left: 50%; top: 0; width: 960px; height: 320px; margin: 0 0 0 -480px; }

}



.cms_slider_static													{ line-height: 1px; background-repeat: no-repeat; background-size: cover; background-position: center; }



/*-----| SLIDES														|--------------------------------------------------------------------------------------------------------------*/

.cms_jssor .slides													{ cursor: default; position: relative; top: 0px; left: 0px; overflow: hidden; }

.cms_jssor .slide														{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.cms_jssor .slide picture											{ position: absolute; z-index: 1 !important; left: 0; top: 0; right: 0; bottom: 0; }

.cms_jssor .slide picture img										{ width: 100%; height: 100%; object-fit: cover; }

/*.cms_jssor .slide > div												{ background-repeat: no-repeat; background-position: center; background-size: cover; }*/



.cms_jssor .slide > div > div > div .cms_jssor_img			{ background-repeat: no-repeat; background-position: center; background-size: cover; }

.cms_jssor .slide > div > div > div .cms_jssor_txt			{ padding: 15px; }

.cms_jssor .slide > div > div > div .cms_jssor_txt > div	{ padding: 15px; background: rgba( 0,0,0,0.35 ); }

.cms_jssor .slide .flex_box_12_12								{ width: 100.0%; }

.cms_jssor .slide .flex_box_12_11								{ width:  91.6666%; }

.cms_jssor .slide .flex_box_12_10								{ width:  83.3333%; }

.cms_jssor .slide .flex_box_12_9									{ width:  75.0%; }

.cms_jssor .slide .flex_box_12_8									{ width:  66.6666%; }

.cms_jssor .slide .flex_box_12_7									{ width:  58.3333%; }

.cms_jssor .slide .flex_box_12_6									{ width:  50.0%; }

.cms_jssor .slide .flex_box_12_5									{ width:  41.6666%; }

.cms_jssor .slide .flex_box_12_4									{ width:  33.3333%; }

.cms_jssor .slide .flex_box_12_3									{ width:  25.0%; }

.cms_jssor .slide .flex_box_12_2									{ width:  16.6666%; }

.cms_jssor .slide .flex_box_12_1									{ width:   8.3333%; }

@media screen and (min-width: 641px) and (max-width: 959px) {

.cms_jssor .slide > div > div > div .cms_jssor_img			{ display: none; }

.cms_jssor .slide > div > div > div .cms_jssor_txt			{ min-width: 50%; }

}

@media screen and (max-width: 640px) {

.cms_jssor .slide > div > div > div .cms_jssor_img			{ display: none; }

.cms_jssor .slide > div > div > div .cms_jssor_txt			{ min-width: 100%; }

}

/*-----| ARROWS														|--------------------------------------------------------------------------------------------------------------*/

.cms_jssor_section													{ overflow: hidden; }

.cms_jssor > div:nth-last-of-type(1),

.cms_jssor > div:nth-last-of-type(2)							{ position: absolute; top: 50% !important; width: 64px !important; height: 64px !important; margin-top: -32px !important; cursor: pointer; }

.cms_jssor > div:nth-last-of-type(1)							{ right: 0 !important; }

.cms_jssor > div:nth-last-of-type(2)							{ left: 0 !important; }

@media screen and (max-width: 959px) {

.cms_jssor > div:nth-last-of-type(1)							{ right: 50% !important; margin-right: -50vW !important; }

.cms_jssor > div:nth-last-of-type(2)							{ left: 50% !important; margin-left: -50vW !important; }

.cms_padding_1 .cms_jssor > div:nth-last-of-type(1)		{ right: 53.4% !important; margin-right: -50vW !important; }

.cms_padding_1 .cms_jssor > div:nth-last-of-type(2)		{ left: 53.4% !important; margin-left: -50vW !important; }

}

/*.cms_container_narrow .cms_jssor > div:nth-last-of-type(1),

.cms_container	 .cms_jssor > div:nth-last-of-type(1),

.cms_container_wide .cms_jssor > div:nth-last-of-type(1)	{ right: 0 !important; margin-right: 0 !important; }

.cms_container_narrow .cms_jssor > div:nth-last-of-type(2),

.cms_container	 .cms_jssor > div:nth-last-of-type(2),

.cms_container_wide .cms_jssor > div:nth-last-of-type(2)	{ left: 0 !important; margin-left: 0 !important; }*/



.cms_jssor > div > .cms_jssor_arrow								{ position: relative; width: 64px; height: 64px; background: rgba( 0,0,0,0.35 ); }

.cms_jssor > div > .cms_jssor_arrow:before					{ display: block; content: ""; position: absolute; top: 22px; width: 18px; height: 18px; border: solid #ffffff; border-width: 2px 2px 0 0; }

.cms_jssor_arrow.cms_jssor_arrow_left:before					{ transform: rotate(225deg); left: 27px; }

.cms_jssor_arrow.cms_jssor_arrow_right:before				{ transform: rotate(45deg); left: 16px; }

/*.cms_jssor > div > .cms_jssor_arrow:before					{ display: block; position: absolute; left: 16px; top: 16px; right: 16px; bottom: 16px; line-height: 32px; font-size: 24px; font-family: "FontAwesome"; text-align: center; color: #ffffff; }

.cms_jssor_arrow.cms_jssor_arrow_left:before					{ content: "\f053"; }

.cms_jssor_arrow.cms_jssor_arrow_right:before				{ content: "\f054"; }*/

@media screen and (min-width: 1920px) {

.cms_jssor > div:nth-last-of-type(1)							{ margin-right: -960px !important; }

.cms_jssor > div:nth-last-of-type(2)							{ margin-left:  -960px !important; }

}



/*-----| BULLETS														|--------------------------------------------------------------------------------------------------------------*/

.cms_jssor > div:nth-last-of-type(3)							{ position: absolute; left: 0 !important; bottom: 0 !important; right: 0 !important; width: 100% !important; height: 16px !important; }

.cms_jssor > div:nth-last-of-type(3) > div					{ display: flex !important; flex-wrap: nowrap; justify-content: center; position: static !important; width: 100% !important; height: 16px !important; }

.cms_jssor > div:nth-last-of-type(3) > div > div			{ position: relative !important; z-index: 1000000000000 !important; left: 0 !important; width: 32px !important; height: 16px !important; cursor: pointer; }

.cms_jssor > div:nth-last-of-type(3) > div > div > svg	{ display: none; }

.cms_jssor > div:nth-last-of-type(3) > div > div:after	{ display: block; content: ""; position: absolute; left: 2px; top: 4px; right: 2px; bottom: 4px; border: 1px solid #ffffff; }

.cms_jssor > div:nth-last-of-type(3) > div > div:hover:after	{ background: rgba( 255,255,255,0.5 ); }

.cms_jssor > div:nth-last-of-type(3) > div > div.iav:after	{ background: rgba( 255,255,255,1 ); }



.cms_jssor																{ position: relative; margin: 0 auto; overflow: hidden; visibility: hidden; }

.cms_jssor_blocker													{ position: absolute; left: 0px; top: 0px; right: 0; bottom: 0; background-color: rgba(0,0,0,0.7); }

.cms_jssor_blocker:after											{ display: block; content: ""; left: 50%; top: 50%; width: 48px; height: 48px; margin: -24px 0 0 -24px; background: url("/pages/img/spinner.svg") no-repeat center; background-size: contain; }

#cms_jssor_shadow.cms_jssor										{ visibility: visible; }



.cms_slider_static													{ position: relative; }

.cms_slider_static picture											{ position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; }

.cms_slider_static picture img									{ width: 100%; height: 100%; object-fit: cover; }

