@charset "utf-8";
 /* CSS Document */
 @font-face {
 font-family: 'themix';
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400.eot');
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400.eot? #iefix') format('embedded-opentype');
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400.woff') format('woff'),
 		 url('https://cdn.skauting.cz/fonts/TheMix_LT_400.woff2') format('woff2'),
 url('https://cdn.skauting.cz/fonts/TheMix_LT_400.otf') format('opentype'),
 url('https://cdn.skauting.cz/fonts/TheMix_LT_400.svg#themix') format('svg');
 font-weight: 400;
 font-style: normal;
 }
 
 @font-face {
 font-family: 'themix';
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.eot');
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.eot? #iefix') format('embedded-opentype');
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.woff') format('woff'),
 		 url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.woff2') format('woff2'),
 url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.otf') format('opentype'),
 url('https://cdn.skauting.cz/fonts/TheMix_LT_400i.svg#themix') format('svg');
 font-weight: 400;
 font-style: italic;
 }
 
 @font-face {
 font-family: 'themix';
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700.eot');
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700.eot? #iefix') format('embedded-opentype');
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700.woff') format('woff'),
 		 url('https://cdn.skauting.cz/fonts/TheMix_LT_700.woff2') format('woff2'),
 url('https://cdn.skauting.cz/fonts/TheMix_LT_700.otf') format('opentype'),
 url('https://cdn.skauting.cz/fonts/TheMix_LT_700.svg#themix') format('svg');
 font-weight: 700;
 font-style: normal;
 }
 
 
 @font-face {
 font-family: 'themix';
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.eot');
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.eot? #iefix') format('embedded-opentype');
 src: url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.woff') format('woff'),
 		 url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.woff2') format('woff2'),
 url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.otf') format('opentype'),
 url('https://cdn.skauting.cz/fonts/TheMix_LT_700i.svg#themix') format('svg');
 font-weight: 700;
 font-style: italic;
 }
 
 @font-face {
 font-family: 'skautbold';
 src: url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.eot');
 src: url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.eot? #iefix') format('embedded-opentype');
 src: url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.woff') format('woff'),
 		 url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.woff2') format('woff2'),
 		 url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.otf') format('opentype'),
 url('https://cdn.skauting.cz/fonts/skaut-bold-webfont.svg#skautbold') format('svg');
 font-weight: normal;
 font-style: normal;
 }
 
 html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
 html {font-size: 16px;}
 body {font-family: themix, sans-serif;color: #00395b;}
 h1, .h1 {font-family: skautbold, sans-serif;font-weight: normal;font-size: 2.986rem;}
 h2, .h2 {font-weight: 700;font-size: 2.488rem;}
 h3, .h3 {font-weight: 700;font-size: 2.074rem;}
 h4, .h4 {font-weight: 700;font-style: italic;font-size: 1.728rem;}
 h5, .h5 {font-weight: 700;font-size: 1.44rem;}
 h6, .h6 {font-weight: 700;font-style: italic;font-size: 1.2rem;}
 p {font-weight: 400;font-style: normal;text-align:justify!important;font-size: 1.2rem;}
 b {font-weight: 700;}
 i {font-style: italic;}
 .italic {font-style: italic;}
 .bold {font-weight: 700;}
 .uvodlogo {max-height: 200px;min-height: 70px}
.disabled,.btn:disabled,.button:disabled{cursor:not-allowed;opacity:0.3}.disabled *,:disabled *{pointer-events:none}
.btn.disabled:hover,.btn:disabled:hover{box-shadow:none}
.hide{display:none!important}.show-block,.show{display:block!important}.show-inline-block{display:inline-block!important}
.modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:85%}
@media (max-width:1205px){.auto{max-width:95%}}
@media (max-width:600px){.modal-content{margin:0 10px;width:auto!important}.modal{padding-top:30px}
.dropdown-hover.mobile .dropdown-content,.dropdown-click.mobile .dropdown-content{position:relative}	
.hide-small{display:none!important}.mobile{display:block;width:100%!important}.bar-item.mobile,.dropdown-hover.mobile,.dropdown-click.mobile{text-align:center}
.dropdown-hover.mobile,.dropdown-hover.mobile .btn,.dropdown-hover.mobile .button,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button{width:100%}}
@media (max-width:768px){.modal{padding-top:50px}}
@media (min-width:993px){.hide-large{display:none!important}.sidebar.collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.hide-medium{display:none!important}}
@media (max-width:992px){.sidebar.collapse{display:none}.main{margin-left:0!important;margin-right:0!important}.auto{max-width:100%}}
.card,.card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.card-4,.hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{transition:width 0.4s ease-in-out}.animate-input:focus{width:100%!important}
.animate-blink {animation: blinker 1s linear infinite;}@keyframes blinker {50% {opacity: 0;}}
.opacity,.hover-opacity:hover{opacity:0.60}.opacity-off,.hover-opacity-off:hover{opacity:1}
.opacity-max{opacity:0.25}.opacity-min{opacity:0.75}
.col,.half,.third,.twothird,.threequarter,.quarter{float:left;width:100%}
.col.s1{width:8.33333%}.col.s2{width:16.66666%}.col.s3{width:24.99999%}.col.s35{width:29%}.col.s4{width:33.33333%}
.col.s5{width:41.66666%}.col.s6{width:49.99999%}.col.s7{width:58.33333%}.col.s8{width:66.66666%}
.col.s9{width:74.99999%}.col.s10{width:83.33333%}.col.s11{width:91.66666%}.col.s12{width:99.99999%}
@media (min-width:601px){.col.m1{width:8.33333%}.col.m2{width:16.66666%}.col.m3,.quarter{width:24.99999%}.col.m35{width:29%}.col.m4,.third{width:33.33333%}
.col.m5{width:41.66666%}.col.m6,.half{width:49.99999%}.col.m7{width:58.33333%}.col.m8,.twothird{width:66.66666%}
.col.m9,.threequarter{width:74.99999%}.col.m10{width:83.33333%}.col.m11{width:91.66666%}.col.m12{width:99.99999%}}
@media (min-width:993px){.col.l1{width:8.33333%}.col.l2{width:16.66666%}.col.l3{width:24.99999%}.col.l35{width:29%}.col.l4{width:33.33333%}
.col.l5{width:41.66666%}.col.l6{width:49.99999%}.col.l7{width:58.33333%}.col.l8{width:66.66666%}
.col.l9{width:74.99999%}.col.l10{width:83.33333%}.col.l11{width:91.66666%}.col.l12{width:99.99999%}}
.panel{border: 2px solid #a9a9a9;border-radius:16px}
.container,.panel{padding:0.01em 16px}.panel{margin-top:16px;margin-bottom:16px}
.container:after,.container:before,.panel:after,.panel:before,.row:after,.row:before,.row-padding:after,.row-padding:before,
.cell-row:before,.cell-row:after,.clear:after,.clear:before,.bar:before,.bar:after{content:"";display:table;clear:both}
.tooltip,.display-container{position:relative}.tooltip .text{display:none}.tooltip:hover .text{display:inline-block}
.padding-small{padding:4px 8px!important}.padding{padding:8px 16px!important}.padding-large{padding:12px 24px!important}
.display-topleft{position:absolute;left:0;top:0}.display-topright{position:absolute;right:0;top:0}
.display-bottomleft{position:absolute;left:0;bottom:0}.display-bottomright{position:absolute;right:0;bottom:0}
.display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.display-container:hover .display-hover{display:block}.display-container:hover span.display-hover{display:inline-block}.display-hover{display:none}
.display-position{position:absolute}
.circle{border-radius:50%}
.round-small{border-radius:2px}.round,.round-medium{border-radius:4px}.round-large{border-radius:8px}.round-xlarge{border-radius:16px}.round-xxlarge{border-radius:32px}
.padding-16{padding-top:16px!important;padding-bottom:16px!important}.padding-24{padding-top:24px!important;padding-bottom:24px!important}
.padding-32{padding-top:32px!important;padding-bottom:32px!important}.padding-48{padding-top:48px!important;padding-bottom:48px!important}
.padding-64{padding-top:64px!important;padding-bottom:64px!important}
.padding-top-64{padding-top:64px!important}.padding-top-48{padding-top:48px!important}
.padding-top-32{padding-top:32px!important}.padding-top-24{padding-top:24px!important}
.left-align{text-align:left!important}.right-align{text-align:right!important}.justify{text-align:justify!important}.center{text-align:center!important}
.margin{margin:16px!important}.margin-top{margin-top:16px!important}.margin-bottom{margin-bottom:16px!important}
.margin-left{margin-left:16px!important}.margin-right{margin-right:16px!important}
.content,.auto{margin-left:auto;margin-right:auto}.content{max-width:980px}.auto{max-width:1140px}
.left{float:left!important}.right{float:right!important}
.image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.table,.table-all,.table-l{border-collapse:collapse;border-spacing:0;width:100%;display:table}.table-all,.table-l{border:1px solid #ccc}
.bordered tr,.table-all tr{border-bottom:1px solid #161616}.striped tbody tr:nth-child(even){background-color:#0b0b0b}
.table-all tr:nth-child(odd){background-color:#161616}.table-all tr:nth-child(even){background-color:#0b0b0b}
.hoverable tbody tr:hover,.ul.hoverable li:hover{background-color:#333333}.centered tr th,.centered tr td{text-align:center}
.table td,.table th,.table-all td,.table-all th,.table-l td,.table-l th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.table th:first-child,.table td:first-child,.table-all th:first-child,.table-all td:first-child,.table-l th:first-child,.table-l td:first-child{padding-left:16px}
.table-l tr{border-bottom:1px solid #9e9e9e}
.hoverable-l tbody tr:hover,.ul.hoverable-l li:hover{background-color:#ddffdd}
.table-l tr:nth-child(odd){background-color:#cccccc}..table-l tr:nth-child(even){background-color:#999999}
.btn,.button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.btn,.button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.disabled,.btn:disabled,.button:disabled{cursor:not-allowed;opacity:0.3}.disabled *,:disabled *{pointer-events:none}
.btn.disabled:hover,.btn:disabled:hover{box-shadow:none}
.bar{width:100%;overflow:hidden}.center .bar{display:inline-block;width:auto}
.bar .bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0;text-decoration:none}
.bar .dropdown-hover,.bar .dropdown-click{position:static;float:left}
.bar .button{white-space:normal}
.bar-block .bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.bar-block.center .bar-item{text-align:center}.block{display:block;width:100%}
.top,.bottom{position:fixed;width:100%;z-index:2}.top{top:0}.bottom{bottom:0}
.underline-on-hover {text-decoration: none;}
.underline-on-hover:hover {text-decoration: underline;}
.collapsible {
 cursor: progress;
 border: none;
 max-width: 600px;
 outline: none;
}

.hiden {
 padding: 0 18px;
 max-height: 0;
 overflow: hidden;
 transition: max-height 0.2s ease-out;
}
 /* Colors */
.greyscale-max,.grayscale-max,.hover-greyscale:hover,.hover-grayscale:hover{filter:grayscale(100%)}
.greyscale,.grayscale{filter:grayscale(75%)}.greyscale-min,.grayscale-min{filter:grayscale(50%)}
.sepia{filter:sepia(75%)}.sepia-max,.hover-sepia:hover{filter:sepia(100%)}.sepia-min{filter:sepia(50%)}
.amber,.hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.aqua,.hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.blue,.hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.light-blue,.hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.brown,.hover-brown:hover{color:#fff!important;background-color:#795548!important}
.cyan,.hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.blue-grey,.hover-blue-grey:hover,.blue-gray,.hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.green,.hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.light-green,.hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.indigo,.hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.khaki,.hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.lime,.hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.orange,.hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.deep-orange,.hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.pink,.hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.purple,.hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.deep-purple,.hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.red,.hover-red:hover{color:#fff!important;background-color:#f44336!important}
.red2,.hover-red2:hover{color:#fff!important;background-color:#6d2b2c!important}
.sand,.hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.teal,.hover-teal:hover{color:#fff!important;background-color:#009688!important}
.yellow,.hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.white,.hover-white:hover{color:#000!important;background-color:#fff!important}
.black,.hover-black:hover{color:#fff!important;background-color:#000!important}
.grey,.hover-grey:hover,.gray,.hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.light-grey,.hover-light-grey:hover,.light-gray,.hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.dark-grey,.hover-dark-grey:hover,.dark-gray,.hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.pale-red,.hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.pale-green,.hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.pale-yellow,.hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.pale-blue,.hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
/*Grey Theme*/
.theme-g1,.hover-g1:hover{color:#a9a9a9!important;background-color:#050505!important}
.theme-g2,.hover-g2:hover{color:#a9a9a9!important;background-color:#090909!important}
.theme-g3,.hover-g3:hover{color:#a9a9a9!important;background-color:#181818!important}
.theme-g4,.hover-g4:hover{color:#a9a9a9!important;background-color:#272727!important}
.theme-w3{color:#D5DDDE !important; background-color:#475a41 !important}
/* kalendar */
@media (min-width: 550px) {.responsive-iframe-container {padding-bottom: 75%;}}
@media (max-width: 550px) {
 .responsive-iframe-container {padding-bottom: 150%;}
}
.responsive-iframe-container {
 position: relative;
 padding-top: 0;
 height: 0;
 overflow: hidden;
}
.responsive-iframe-container iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.history-tl-container{
 width:100%;
 margin:auto;
 display:block;
 position:relative;
}
.history-tl-container ul.tl{
 margin:20px 0;
 padding:0;
 display:inline-block;

}
.history-tl-container ul.tl li{
 list-style: none;
 margin:auto;
 min-height:50px;
 /*background: rgba(255,255,0,0.1);*/
 border-left:1px dashed #86D6FF;
 padding:0 0 50px 30px;
 position:relative;
}
.history-tl-container ul.tl li:last-child{ border-left:0;}
.history-tl-container ul.tl li::before{
 position: absolute;
 left: -18px;
 top: -5px;
 content: " ";
 border: 8px solid rgba(255, 255, 255, 0.74);
 border-radius: 500%;
 background: #258CC7;
 height: 20px;
 width: 20px;
 transition: all 500ms ease-in-out;

}
.history-tl-container ul.tl li:hover::before{
 border-color: #258CC7;
 transition: all 1000ms ease-in-out;
}
ul.tl li .timestamp{
 color: #8D8D8D;
 position: relative;
 width:100px;
 text-align: right;
}
.tab {
 overflow: hidden;
 border: 1px solid #ccc;
 background-color: #f1f1f1;
}
.tab button {
 background-color: inherit;
 float: left;
 border: none;
 outline: none;
 cursor: pointer;
 padding: 14px 16px;
 transition: 0.3s;
}
.tab button:hover {
 background-color: #ddd;
}
.tab button.active {
 background-color: #ccc;
}
.tabcontent {
 display: none;
 padding: 6px 12px;
 border: 1px solid #ccc;
 border-top: none;
}
/* Carousel */
.divCarousel {width: 500px;margin: 50px auto;text-align: center;}
figure {margin: 0;}
.containerCarousel {width: 500px;height: 300px;text-align: left;margin: 60px auto;-webkit-perspective: 1000px;-webkit-perspective-origin: 50% -25%;}
.carousel {-webkit-transform-style: preserve-3d;-webkit-transform: translateZ(-540px);position: relative;margin: 0;width: 500px;height: 200px;-webkit-transition: 1s;}
.carousel img {position: absolute;border: 6px solid rgb(12 47 17 / 80%);opacity: .5;-webkit-transition: 1s;width: 500px;height: 300px;background:#ccc;}
.carousel img:nth-child(1) { -webkit-transform: translateZ(540px) scale(.8); }
.carousel img:nth-child(2) { -webkit-transform: rotateY(45deg) translateZ(540px) scale(.8); }
.carousel img:nth-child(3) { -webkit-transform: rotateY(90deg) translateZ(540px) scale(.8); }
.carousel img:nth-child(4) { -webkit-transform: rotateY(135deg) translateZ(540px) scale(.8); }
.carousel img:nth-child(5) { -webkit-transform: rotateY(180deg) translateZ(540px) scale(.8); }
.carousel img:nth-child(6) { -webkit-transform: rotateY(225deg) translateZ(540px) scale(.8); }
.carousel img:nth-child(7) { -webkit-transform: rotateY(270deg) translateZ(540px) scale(.8); }
.carousel img:nth-child(8) { -webkit-transform: rotateY(315deg) translateZ(540px) scale(.8); }
.carousel img:nth-child(9) {display:none!important}
.carousel img:nth-child(10) {display:none!important}
.carousel img:nth-child(11) {display:none!important}
.carousel img:nth-child(12) {display:none!important}
label {cursor: pointer;background: #eee;display: inline-block;border-radius: 50%;width: 30px;padding-top: 7px;height: 23px;font: .9em Arial;}
label:hover {background: #ddd;}
input {position: absolute;left: -9999px;}
input:checked + label {font-weight: bold;background: #323232;color: #fff;}
input[value="1"]:checked ~ .containerCarousel .carousel { -webkit-transform: translateZ(-540px); }
input[value="2"]:checked ~ .containerCarousel .carousel { -webkit-transform: translateZ(-540px) rotateY(-45deg); }
input[value="3"]:checked ~ .containerCarousel .carousel { -webkit-transform: translateZ(-540px) rotateY(-90deg); }
input[value="4"]:checked ~ .containerCarousel .carousel { -webkit-transform: translateZ(-540px) rotateY(-135deg); }
input[value="5"]:checked ~ .containerCarousel .carousel { -webkit-transform: translateZ(-540px) rotateY(-180deg); }
input[value="6"]:checked ~ .containerCarousel .carousel { -webkit-transform: translateZ(-540px) rotateY(-225deg); }
input[value="7"]:checked ~ .containerCarousel .carousel { -webkit-transform: translateZ(-540px) rotateY(-270deg); }
input[value="8"]:checked ~ .containerCarousel .carousel { -webkit-transform: translateZ(-540px) rotateY(-315deg); }
input[value="1"]:checked ~ .containerCarousel .carousel img:nth-child(1) { -webkit-transform: translateZ(540px) scale(1); opacity: 1; }
input[value="2"]:checked ~ .containerCarousel .carousel img:nth-child(2) { -webkit-transform: rotateY(45deg) translateZ(540px) scale(1); opacity: 1; }
input[value="3"]:checked ~ .containerCarousel .carousel img:nth-child(3) { -webkit-transform: rotateY(90deg) translateZ(540px) scale(1); opacity: 1; }
input[value="4"]:checked ~ .containerCarousel .carousel img:nth-child(4) { -webkit-transform: rotateY(135deg) translateZ(540px) scale(1); opacity: 1; }
input[value="5"]:checked ~ .containerCarousel .carousel img:nth-child(5) { -webkit-transform: rotateY(180deg) translateZ(540px) scale(1); opacity: 1; }
input[value="6"]:checked ~ .containerCarousel .carousel img:nth-child(6) { -webkit-transform: rotateY(225deg) translateZ(540px) scale(1); opacity: 1; }
input[value="7"]:checked ~ .containerCarousel .carousel img:nth-child(7) { -webkit-transform: rotateY(270deg) translateZ(540px) scale(1); opacity: 1; }
input[value="8"]:checked ~ .containerCarousel .carousel img:nth-child(8) { -webkit-transform: rotateY(315deg) translateZ(540px) scale(1); opacity: 1; }
.mySlides {display: none} .Myslides img {vertical-align: middle;}
.slideshow-container {max-width: 99vw;position: relative;margin: auto;}
.Myslides img:nth-child(9) {display:none!important}
.Myslides img:nth-child(10) {display:none!important}
.Myslides img:nth-child(11) {display:none!important}
.Myslides img:nth-child(12) {display:none!important}
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -22px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0; user-select: none;}
.next {right: 0;border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}
.textSlide {color: #f2f2f2;font-size: 15px;padding: 8px 12px;position: absolute;bottom: 8px;width: 100%;text-align: center;}
.dotSlide {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.activeSlide, .dotSlide:hover {background-color: #717171;}
.fade {animation-name: fade;animation-duration: 1.5s;}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
@media only screen and (max-width: 300px) {.prev, .next,.textSlide {font-size: 11px}}
/* button */
@media (min-width:993px){.button {
 padding: 15px 20px;
 font-size: 20px;
 text-align: center;
 cursor: pointer;
 outline: none;
 color: #fff;
 background-color: #04AA6D;
 border: none;
 border-radius: 10px;
 box-shadow: 0 7px #999;
}}
@media (max-width:992px){.button {
 padding: 15px 20px;
 font-size: 16px;
 text-align: center;
 cursor: pointer;
 outline: none;
 color: #fff;
 background-color: #04AA6D;
 border: none;
 border-radius: 10px;
 box-shadow: 0 7px #999;
}}
.button:hover {background-color: #3e8e41}
.disabled,.button:disabled{cursor:not-allowed;opacity:0.3}.disabled *,:disabled *{pointer-events:none}
.button:active {
 background-color: #3e8e41;
 box-shadow: 0 4px #666;
 transform: translateY(3px);
}