:root {
  --clrTheme:#000;
}
.cmpModalBox{background: rgba(0, 0, 0, .2);  position: fixed; overflow: hidden; top: 0; width: 100%; height: 100%; z-index: -999; opacity:0;  transition: 0.3s ease all; }
.cmpModalBox.opencmpBox{z-index: 9999; opacity:1; }
.cmpModalBox .cmpModalBoxContent{position: absolute; top:50%; left:50%;  transform: translate(-50%, -50%);max-width: 750px; width: 100%}
.cmpModalBox .cmpModalBoxContent .cmpModalBoxInner{ box-shadow:0px 0px 5px rgba(0,0,0,.4) ; width: 100%; padding: 20px 45px; background-color: #fff;  transition: 0.7s ease all;  transform: scale(.6); opacity:0; border-radius:6px; max-height: 700px;}
.cmpModalBox.opencmpBox .cmpModalBoxContent .cmpModalBoxInner{  transform: scale(1); opacity:1; }
.closeModalBox, .backBtnCmp{position: absolute; top:0px; width: 20px; height: 20px; color: #000;}
.firstModalBox{max-height: 500px; overflow-y: auto; overflow-x: hidden; padding-right: 10px;}
.cmpModalBoxContent .cmpbtnBlock {background: #fff; padding: 10px 15px;}
.eventClick{position: relative;}
.closeModalBox{right:0px;}
.backBtnCmp{left:0; width: auto;}
.eventClick{position: relative;}
/*.closeModalBox:before{position: absolute; height: 22px; width: 1px; background: #000; content: ''; transform: rotate(33deg);}
.closeModalBox:after{position: absolute; height: 22px; width: 1px; background: #000; content: ''; transform: rotate(126deg); }*/
.closeModalBox img{ transform: rotate(0deg); transition: 0.8s ease all;}
.closeModalBox:hover img{ transform: rotate(360deg); }
.cmpModalBoxContent p{font-size: 13px; text-align: justify; color: #000; line-height: normal;}
.cmpModalBoxContent p strong{font-weight: bold;}
.cmpModalBoxContent .card-header{background: none; border:none; padding: 10px; }
.cmpModalBoxContent .card{border-radius:0; margin-bottom: 10px; font-size: 14px; padding:0;}
.cmpModalBoxContent #accordion{padding:20px 0; text-align: left;}
.cmpModalBoxContent #accordion .card-header a{position: relative; display: block; width: 100%; font-weight: bold; color: #000;}
.cmpModalBoxContent #accordion .card-header a[aria-expanded="true"]:before{font: normal normal normal 14px/1 FontAwesome; content: "\f107"; position: absolute; right:0px; top:2px;}
.cmpModalBoxContent #accordion .card-body{text-align: left; font-size: 14px; padding:0 10px 10px;}
.cmpModalBoxContent #accordion .card-header a[aria-expanded="false"]:after{font: normal normal normal 14px/1 FontAwesome; content: "\f106"; position: absolute; right:0px; top:2px;}
.cmpBtn{border:1px solid #000; color: #fff; background: #000; border-radius:25px; padding:6px 0px; width: 205px; text-transform: uppercase; display: inline-block; font-size: 14px;}
.cmpBtn:hover{background: #000; border-color: #000; color: #fff;}
.checkRadio{position: relative; margin-bottom: 0;}
.checkRadio input[type="checkbox"].switch{height: 21px !important;   outline: none;  display: inline-block;   vertical-align: top; position: relative; margin: 0;background: #c9c9c9;
 transition: background .3s; cursor: pointer; outline: none;  -webkit-appearance: none;   -moz-appearance: none; width: 35px; border-radius:10px; }
 .checkRadio input[type="radio"].switch{height: 21px !important;   outline: none;  display: inline-block;   vertical-align: top; position: relative; margin: 0;background: #2b8f31;
 transition: background .3s; cursor: pointer; outline: none;  -webkit-appearance: none;   -moz-appearance: none; width: 35px; border-radius:10px; }
.checkRadio input[type="checkbox"].switch:after, .checkRadio input[type="radio"].switch:after{left: 2px; top: 50%; border-radius: 50%; width: 15px; height: 15px; background: #fdfdfd; content: ''; position: absolute; transform: translateY(-50%); transition: 0.3s ease all;}
.checkRadio input:checked[type="checkbox"].switch, .checkRadio input:checked[type="radio"].switch{background: #2b8f31;}
.checkRadio input:checked[type="checkbox"].switch:after, .checkRadio input:checked[type="radio"].switch:after{background: #fdfdfd; right:2px; left:inherit; top: 50%; border-radius: 50%; width: 15px; height: 15px;  content: ''; position: absolute; transform: translateY(-50%); transition: 0.3s ease all;}
.cmpModalBoxContent .secondModalBox .card{border:none; padding: 20px 0px; margin: 10px 20px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
.cont_InfoBar {padding: 0 40px;}
.cmpModalBoxContent .secondModalBox p{line-height: 24px;}
.cmpModalBoxContent .secondModalBox {transition: 0.6s ease all; display: none;}
.textLeft{text-align: left !important;}
.settingBtn{color: #fff;  border: 1px solid #000;} 
.settingBtn:hover{color: #fff; background:#000 ; border: 1px solid #000;} 
.cmpModalBoxContent .secondModalBox p a{ color: var(--clrTheme);}
.secondModalBox .checkRadio input[type="checkbox"].switch:after{top:49%;}
.cmpBtn{cursor:pointer;}
.footerCookies{position: fixed; bottom: 0;  left: 0; padding: 6px 0;  width: 100%;  min-height: 60px;  max-height: 400px; color: #fff; z-index: 999; background-color: #202020;
    border-top: 1px solid #fff;  transition: bottom .3s cubic-bezier(.17,.04,.03,.94);}
    .footerCookies p{margin-bottom: 0; color: #fff; font-size: 14px;}
.footerCookies p span{color: #fff; text-decoration: underline; cursor: pointer;}   
.footerCookies p span:hover{color: var(--clrTheme);}   
.rightButton_holder .cmpBtn{margin: 0 4px; letter-spacing: 0.4px; width: 100px; border-radius:25px;}
.rightButton_holder .cmpBtn{background: #202020; color: #fff; border:1px solid #fff;}
.rightButton_holder .cmpBtn:hover{background: #fff; color: #000; border:1px solid #fff;}
.rightButton_holder .footerCloseModalBox{position: static; color: #fff; display: inline-block; border: 1px solid #fff; border-radius: 100%; text-align: center; width: 40px;
height: 40px;line-height: 37px;}
.footer{padding-bottom: 70px;}
@media(max-width:1500px){
    .cont_InfoBar { padding: 0 2%;}
}
@media(max-width:1200px){
   .cont_InfoBar{padding: 0; }
   .cont_InfoBar .contentLeft{  width: 44%;  }
}
@media(max-width:1000px){
    .cont_InfoBar{padding: 0; flex-wrap: wrap;}
    .cont_InfoBar .contentLeft{  width: 100%; margin-bottom: 10px;  }
    .footer{padding-bottom: 150px;}
    .rightButton_holder .footerCloseModalBox{position: absolute;top: 8px;right: 15px;}
    .footerCookies{padding-bottom: 20px;}
    #wlbkwc_messageButton, .uwy{z-index: 9 !important;}
}
@media (max-height: 440px) {
 .cmpModalBox .cmpModalBoxContent .cmpModalBoxInner{max-height: 90vh; overflow-y: inherit;}
}

@media(max-width:766px){
    .footerCookies{   bottom:0; }
    
    
    .cmpModalBox .cmpModalBoxContent{max-width: 95%;}
    .cmpModalBox .cmpModalBoxContent .cmpModalBoxInner{max-height: 90vh; padding:15px 15px;}
    .cmpModalBoxContent #accordion{ padding:0;}
    .cmpBtn{padding: 6px 20px; font-size: 12px;}
    .cmpModalBoxContent .secondModalBox .card{margin: 0;}
    .cont_InfoBar {justify-content: center !important;}
    .cont_InfoBar .contentLeft{  width: 100%; margin-bottom: 10px;  }
    .footerCookies{padding-bottom: 20px;}
    .footer{padding-bottom: 220px;}
    .rightButton_holder .footerCloseModalBox{padding: 0; width: 36px; height: 36px; line-height: 33px; text-align: center;}
    .rightButton_holder .footerCloseModalBox img{width: 16px;}
     .footerCookies p{padding-right: 50px;}
     .cmpModalBoxContent .secondModalBox .card .d-flex.justify-content-between span{text-align: left;}
      .firstModalBox {  max-height: 49vh;}
      .cmpbtnBlock .cmpBtn {margin-top: 10px; width: 100%; font-size: 14px; text-align: center;}
      .cmpbtnBlock .cmpBtn{margin-left: 7px;}
      .cmpbtnBlock {margin-left: -7px;}
      .cmpbtnBlock .cmpBtn{font-size: 12px;}
      .firstModalBox{padding-right: 0;}
}
@media(max-width:500px){
    .cmpModalBox .cmpModalBoxContent{max-width: 400px;}
    .firstModalBox {  max-height: 52vh;}
    .cmpbtnBlock {flex-wrap:wrap;}
    .cmpbtnBlock .cmpBtn, .cmpbtnBlock{margin-left: 0px;}
    .cmpbtnBlock .cmpBtn{font-size: 14px;} 
    .cmpModalBoxContent p.mb-0{text-align: left;}
    .rightButton_holder .cmpBtn{letter-spacing: 0.2px;}
    .footerCookies p {padding-right: 0;font-size: 12px; line-height: 19px;}
    
}
@media(max-width:375px){
    .firstModalBox {  max-height: 51vh;}
    .rightButton_holder .cmpBtn{margin-bottom: 5px;}
}
.firstModalBox::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}
.firstModalBox::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3);
}

.analyticsText {
  font-size: 14px;
  border-top: 1px solid rgba(0,0,0,.125);
  padding: 10px 0;
  color: #000;
  font-weight: bold;
}

@media ( max-height: 400px ){
 .firstModalBox {  max-height: 48vh;}


}