.fl{float:left;}.fr{float:right;}
.mt-2{margin-top:2%;}.mt-3{margin-top:3%;}.mt-5{margin-top:5%;}
.ml-2{margin-left:2%;}.ml-3{margin-left:3%;}.ml-5{margin-left:5%;}
.mb-2{margin-bottom:2%;}.mb-3{margin-bottom:3%;}.mb-5{margin-bottom:5%;}
.mt-20{margin-top:20px;}.mt-30{margin-top:30px;}.mt-50{margin-top:50px;}
.mb-20{margin-bottom:20px;}.mb-30{margin-bottom:30px;}.mb-50{margin-bottom:50px;}
.wk-1{float:left;width:8.33%;}.wk-2{float:left;width:16.66%;}.wk-3{float:left;width:25%;}.wk-4{float:left;width:33.33%;}.wk-5{float:left;width:41.66%;}.wk-6{float:left;width:50%;}.wk-7{float:left;width:58.33%;}.wk-8{float:left;width:66.66%;}.wk-9{float:left;width:75%;}.wk-10{float:left;width:83.33%;}.wk-11{float:left;width:91.66%;}.wk-12{float:left;width:100%;}

.bg-none{background-color: transparent!important;}
.br-none{border: none!important;}
.sh-none{box-shadow: none!important;}
.d-none{display:none;}
select {background-color: white;border: thin solid #0b75b9;border-radius: 4px;display: inline-block;font: inherit;line-height: 1.5em;padding: 0.5em 3.5em 0.5em 1em;margin: 0;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
select.classic {background-image:linear-gradient(45deg, transparent 50%, #0b75b9 50%),linear-gradient(135deg, #0b75b9 50%, transparent 50%),linear-gradient(to right, white, white);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;background-size:5px 5px,5px 5px,2.5em 2.5em;background-repeat: no-repeat;}

.modal {display: none;position: fixed;z-index: 1;top:-100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);align-items: center;justify-content: center;}
.modal-content {background-color: #fefefe00;margin: auto;padding: 0;border: 1px solid #fefefe00;width: 80%;max-width:650px;border-radius:20px;position:relative;}
.modal-content img{width:100%;}
.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
.close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;}
.modal-content p{width: 100%;text-align: center;font-weight: 700;font-size:20px;}
.mcprev, .mcnext{float:left;position: absolute;font-size:50px;color:white;background-color:#2222228a;width:65px;height:65px;border-radius:50%;display:flex;align-items: center;justify-content: center;padding:0px 10px 10px 5px;top:calc(50% - 40px);left:-25px;cursor:pointer;}
.mcnext{right:-25px;left:auto;padding:0 10px 10px 15px;}


@media only screen and (max-width:850px){
    .wk-2, .wk-4{width:33.33%;}
    .wk-5, .wk-6{width:50%;}
    .wk-3, .wk-7, .wk-8, .wk-9, .wk-10, .wk-11, .wk-12{width:100%;}
}
@media only screen and (max-width:670px){
    .wk-1, .wk-2{width:33.33%;}
    .wk-3, .wk-4{width:50%;}
    .wk-5, .wk-6, .wk-7, .wk-8, .wk-9, .wk-10, .wk-11, .wk-12{width:100%;}
}
@media only screen and (max-width:530px){
    .wk-1, .wk-2{width:50%;}
    .wk-3, .wk-4, .wk-5, .wk-6, .wk-7, .wk-8, .wk-9, .wk-10, .wk-11, .wk-12{width:100%;}
}