﻿/*-----| 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; }
