body{
  background:#F8F8F8;
  font-family: 'Rubik', sans-serif;
}
::selection{
  background:#ff3333;
  color:#fff;
}
*{
  font-family: 'Rubik', sans-serif;
}
.navbar{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:60px;
  /*background-image:url(img/logo.png);*/
  background-repeat:no-repeat;
  background-position:73px center;
  background-color:#fff;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  /*animation:navbar .4s;*/
  z-index:9999;
}
.nav-container{
  position:relative;
  margin:0 auto;
  width:900px;
}
.navbar li.active{
  font-weight:500;
  color:#232323;
  border-bottom:solid 3px #FF3333;
}
.navbar a.active{
  font-weight:500;
  color:#232323;
}
.navbar ul{
  margin: 0;
  padding-right: 0;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
}
.navbar li{
  display:inline-block;
  color: #7e7e7e;
  line-height: 57px;
  text-decoration: none;
  font-size:14px;
  cursor:default;
}
.navbar li a{
  color:#7e7e7e;
  text-decoration:none;
  font-size:14px;
  font-weight:400;
  cursor:default;
}
.nav-active{
  font-weight:500;
  color:#000;
}
.botbar{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:60px;
  background-image:url(img/bestokna-logo.png);
  background-size:200px;
  background-repeat:no-repeat;
  background-position:30px center;
  background-color:#232323;
  color:#fff;
  padding-right:49px;
  line-height:60px;
  z-index:999;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.26);
  /*animation:botbar .4s;*/
  text-align: right;
}
@keyframes navbar{
  from{transform:translateY(-60px)};
    to{transform:translateY(-0px)};
}
@keyframes botbar{
  from{transform:translateY(60px)};
    to{transform:translateY(0px)};
}
.red-button{
  color:#fff;
  text-decoration:none;
  background:#FF3333;
  padding: 9px 30px 9px 30px;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  border-radius:1000px;
  font-size:16px;
  transition:.1s;
}
.white-button{
  color:#232323;
  text-decoration:none;
  background:#FFF;
  padding: 9px 30px 9px 30px;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  border-radius:1000px;
  font-size:16px;
  transition:.1s;
  cursor:pointer;
}
.white-button:hover{
  background:#b5b5b5;
}
.inline-button{
  display:inline-block;
  margin-top:10px;
}
.red-button:hover{
  background:#b21818;
}
.grey-button{
  color:#fff;
  text-decoration:none;
  background:#4A4A4A;
  padding: 9px 30px 9px 30px;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  border-radius:1000px;
  font-size:16px;
  transition:.1s;
}
.grey-button:hover{
  background:#2A2A2A;
}
.tip{
 position:fixed;
 left:49px;
 bottom:68px;
 z-index:10;
 height:18px;
 padding-top:13px;
 padding-bottom:13px;
 padding-left:50px;
 padding-right:28px;
 color:#000;
 border-radius:100px;
 background-image:url(img/info-icon.svg);
 background-size:33.5px;
 background-repeat: no-repeat;
 background-position: 5px center;
 background-color:#98D2FF;
 border:1px solid #0090FF;
 animation:botbar .4s;
}
.tip p{
  margin:0;
  padding:0;
  font-size:16px;
}
.price-summary{
  font-size:23px;
  font-weight:500;
  margin-right:39px;
}
.price-summary-title{
  color:#A5A5A5;
  font-size:13px;

}
.error.active{
  width:400px;
  height:250px;
  position:fixed;
  top:calc(50% - 125px);
  left:calc(50% - 200px);
  background-image:url(img/warning.svg);
  background-position:center 25px;
  background-repeat: no-repeat;
  background-color:#fff;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  border-radius:10px;
  text-align:center;
  transition: .4s;
  transform:scale(1);opacity:1;
  z-index:999999999;
}
.error{
  transform:scale(0);opacity:0;
  display:none;
}
.error p{
  width:339px;
  margin:0 auto;
  margin-top:103px;
}
.country-selector{
  position:fixed;
  top:15px;
  right:29px;
  width:30px;
  height:30px;
}
.right-panel{
  width:500px;
  height:calc(100% - 120px);
  position:fixed;
  top:60px;
  right:0;
  z-index:800;
  text-align:center;
  animation:right-panel .4s;
  overflow-y: auto;
}
@keyframes right-panel{
  from{opacity:0;transform:translateY(50px);}
    to{opacity:1;transform:translateY(0px);}
}
.right-panel h1{
  font-size:21px;
  font-weight: 500;
  color:#1C1A1A;
  margin-top:60px;
  margin-bottom:32px;
}
.right-panel input[type="text"], .right-panel input[type="number"]{
  font-size:14px;
  border-radius:50px;
  border:none;
  padding-left:29px;
  padding-right:29px;
  padding-top:13px;
  padding-bottom:13px;
  outline:none;
  margin-bottom:15px;
  border:1px solid #d6d6d6;
  width:413px;
  -webkit-apperance:none;
}
.input-label{
  text-align:left;
  margin-left:32px;
  margin-bottom:0;
  font-size:14px;
}
.right-panel-help{
  color:#5A5A5A;
  text-decoration:underline;
  font-style: italic;
  font-size:13px;
  text-align:right;
  margin-top:28px;
}
.left-panel.active{
  width:230px;
  height:calc(100% - 120px);
  position:fixed;
  top:60px;
  left:0;
  background:#232323;
  z-index:800;
  transition:.3s;
  transform: translateX(0px);
  transition-timing-function: cubic-bezier(0.000, 0.550, 0.165, 0.970);
  padding:0;
}
.left-panel{
  width:230px;
  height:calc(100% - 120px);
  position:fixed;
  top:60px;
  left:0;
  background:#232323;
  z-index:800;
  transform: translateX(-230px);
  transition:.2s;
  padding:0;
}
.preview{
  width:calc(100vw - 500px);
  background:url(img/wb.svg);
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  height:calc(100% - 120px);
  top:60px;
  left:0px;
  position:absolute;

}
.stamp-container{
  margin:0 auto;
  width:379px;
  display:grid;
  grid-gap:15px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.stamp{
  width:182px;
  height:99px;
  cursor:pointer;
  background-size:cover;
  background-repeat: no-repeat;
  background-position:center;
  text-align: center;
  margin-bottom:25px;
  border:3px solid #f8f8f8;
}
.stamp p{
  margin-top:103px;
  font-size:13px;
}
.stamp.active{
  border:3px solid #1BC883;
}
.stamp.active p{
  font-weight:500;
}
.color-container{
  margin:0 auto;
  width:379px;
  display:grid;
  grid-gap:15px;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
}
.color{
  width:80px;
  height:80px;
  cursor:pointer;
  background-size:cover;
  background-repeat: no-repeat;
  background-position:center;
  text-align: center;
  margin-bottom:25px;
  border-radius:100%;
  border:3px solid #f8f8f8;
}
.color img{
  width:80px;
  height:80px;
  border-radius:100%;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.color p{
  margin-top:8px;
  font-size:13px;
}
.color.active{
  border:3px solid #1BC883;
}
.color.active p{
  font-weight:500;
}
.right-container{
  width:430px;
  margin:0 auto;
  text-align:left;
}
.right-container h1{
  text-align:center;
}
h3{
  font-weight:500;
  font-size:16px;
  color:#232323;
}
.control {
            font-family: arial;
            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 5px;
            padding-top: 16px;
            cursor: pointer;
            font-size: 16px;
            transition:.2s;
        }
            .control input {
                position: absolute;
                z-index: -1;
                opacity: 0;
                transition:.2s;
            }
        .control_indicator {
            position: absolute;
            top: 14px;
            left: 0;
            height: 20px;
            width: 20px;
            background: #e6e6e6;
            border: 0px solid #000000;
            transition:.2s;
        }
        .control-radio .control_indicator {
            border-radius: 50%;
            transition:.2s;
        }

        .control:hover input ~ .control_indicator,
        .control input:focus ~ .control_indicator {
            background: #cccccc;
            transition:.2s;
        }

        .control input:checked ~ .control_indicator {
            background: #1BC883;
            transition:.2s;
        }
        .control:hover input:not([disabled]):checked ~ .control_indicator,
        .control input:checked:focus ~ .control_indicator {
            background: #0e6647d;
            transition:.2s;
        }
        .control input:disabled ~ .control_indicator {
            background: #e6e6e6;
            opacity: 2;
            pointer-events: none;
            transition:.2s;
        }
        .control_indicator:after {
            box-sizing: unset;
            content: '';
            position: absolute;
            display: none;
            transition:.2s;
        }
        .control input:checked ~ .control_indicator:after {
            display: block;
            transition:.2s;
        }
        .control-radio .control_indicator:after {
            left: 7px;
            top: 7px;
            height: 6px;
            width: 6px;
            border-radius: 50%;
            background: #ffffff;
            transition:.2s;
        }
        .control-radio input:disabled ~ .control_indicator:after {
            background: #7b7b7b;
            transition:.2s;
        }

.right-panel-text{
  color:#232323;
  font-size:13px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  right: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .2s;
  transition: .2s;
}
input:checked + .slider {
  background-color: #1BC883;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(-26px);
  -ms-transform: translateX(-26px);
  transform: translateX(-26px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.switch-label{
  position:relative;
  display:inline-block;
  padding-top:3px;
  vertical-align: top;
  text-transform:uppercase;
}
.basket-box{
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  background:#fff;
  border-radius:9px;
  padding:30px 30px 30px 30px;
  margin-top:30px;
  margin-left:30px;
  margin-right:30px;
  position:relative;
}
.basket-container{
  max-width:1920px!important;
  width:calc(100%);
  height:calc(100% - 120px);
  /*position:absolute;
  top:60px;
  left:50%;
  margin-left:calc(-50% + 35px);
  */
  display:block;
  margin:80px auto;
  animation:right-panel .4s;
}
.basket-heading{
  font-weight:500;
  color:#232323;
  font-size:22px;
  margin:0;
}
.basket-head-cont{
  display:grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr;
}
.edit-door{
  background-image:url(img/edit.svg);
  background-size:16px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-color:#4A4A4A;
  border:none;
  outline:none;
  color:#fff;
  padding:5px 10px 5px 30px;
  border-radius:4px;
  cursor:pointer;
  transition:.1s;
}
.edit-door:hover{
  background-color:#2A2A2A;
}
.delete-door{
  background-image:url(img/garbage.svg);
  background-size:16px;
  background-repeat: no-repeat;
  background-position: center;
  background-color:#4A4A4A;
  border:none;
  outline:none;
  color:#fff;
  padding:5px 15px 5px 15px;
  border-radius:4px;
  cursor:pointer;
  transition:.1s;
  content:'';
}
.delete-door:hover{
  background-image:url(img/garbage.svg);
  background-size:16px;
  background-repeat: no-repeat;
  background-position: center;
  background-color:#2A2A2A;
}
.add-door{
  margin-top:30px;
  padding:10px 20px 10px 40px;
  border-radius:60px;
  border:2px solid #1BC883;
  background-image:url(img/add.svg);
  background-size:20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color:transparent;
  font-family: 'Rubik', sans-serif;
  cursor:pointer;
  font-size:14px;
  color:#232323;
  transition:.1s;
  outline:none;
}
.add-door:hover{
  background-image:url(img/add-w.svg);
  background-size:20px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color:#1BC883;
  color:#fff;
}
.benefits-container{
  display:grid;
  grid-gap:15px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top:15px;
}
.benefits-container div{
  height:60px;
  padding-left:90px;
  display: flex
}
.benefits-container div span{
  font-size:16px;
  color:#232323;
  display:block;
  align-self:center
}
.labels-container{
  display:grid;
  grid-gap:15px;
  grid-template-columns: 0.25fr 1.75fr 1fr 1fr;
  margin-top:15px;
}
.label-label{
  font-size:12px;
  color:#9e9e9e
}
.label{
  color:#232323;
  font-size:20px;
  margin:0;
}
.amount-input{
  font-size:14px;
  border-radius:50px;
  border:none;
  outline:none;
  text-align: center;
  width:60px;
  padding:7px 10px 7px 10px;
  border:1px solid #d6d6d6;
}
.netto-price{
  font-size:20px;
  color:#1BC883;
  margin:0;
  font-weight:500;
}
.brutto-price{
  font-size:14px;
  margin:0;
  color:#636363
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   opacity: 1;
}
.basket-preview{
  width:30%;
  height:auto;
  display:inline-block;
  margin-top:20px;
}
.basket-preview img{
  width:100%;
  margin-bottom:20px;
}
.basket-table{
  width:69%;
  height:auto;
  display:inline-block;
  vertical-align: top;
  overflow-x:auto;
  background:Red;
  margin-top:40px;
}
.basket-table table{
  width:100%;
  margin-bottom:20px;
}

.alert-bg.active, .error-bg.active{
  z-index:9999999;
  background:#000;
  opacity:0.2;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  display:block;
  transition: .3s;
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);

}
.alert-bg, .error-bg{
  z-index:-3;
  opacity:0;
  transition: .3s;
  -webkit-backdrop-filter:blur(0px)
}
  .alert.active{
    width:400px;
    position:fixed;
    top:calc(50% - 125px);
    left:calc(50% - 200px);
    background-image:url(img/info-icon.svg);
    background-position:center 25px;
    background-repeat: no-repeat;
    background-size:50px;
    background-color:#fff;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
    border-radius:10px;
    text-align:center;
    transition: .3s;
    transform:translateY(0);opacity:1;
    z-index:999999999;
    padding:90px 0px 30px 0px;
  }
.alert-title{
  font-weight:500;
  color:#232323;
  font-size:16px;
}
.alert-text{
  font-size:14px;
  color:#232323;
}
.alert{
  transform:translateY(100px);opacity:0;
  width:400px;
  position:fixed;
  top:calc(50% - 125px);
  left:calc(50% - 200px);
  background-image:url(img/info-icon.svg);
  background-position:center 25px;
  background-repeat: no-repeat;
  background-size:50px;
  background-color:#fff;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  border-radius:10px;
  text-align:center;
  transition: .1s;
  z-index:-1;
  padding:90px 0px 30px 0px;
}
.checkout-main-container{
  max-width:1520px!important;
  width:calc(100% - 70px);
  height:calc(100% - 120px);
  /*position:absolute;
  top:60px;
  left:50%;
  margin-left:calc(-50% + 35px);
  */
  display:block;
  margin:60px auto;
  animation:right-panel .4s;
}
.checkout-container{
  margin-top:20px;
  display:grid;
  grid-gap:15px;
  grid-template-columns: repeat(auto-fit, minmax(32%, 1fr))
}
.checkout-box{
  background:#fff;
  border-radius:10px;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);

}
.checkout-box-header{
  background-color:#232323;
  color:#fff;
  font-size:20px;
  text-align:center;
  margin:0;
  display:block;
  margin-top:-20px;
  border-radius:10px 10px 0px 0px;
  line-height:40px;
  position:relative;
  margin-top:15px;
}
.checkout-box-container{
  width:calc(100% - 40px);
  margin:0 auto;
  margin-bottom:40px;
}
.input-text{
  font-size:14px;
  border-radius:50px;
  border:none;
  padding-left:29px;
  padding-right:29px;
  padding-top:13px;
  padding-bottom:13px;
  outline:none;
  margin-bottom:15px;
  border:1px solid #d6d6d6;
  -webkit-apperance:none;
}
select{
  font-size:14px;
  border-radius:50px;
  border:none;
  padding-left:29px;
  padding-right:29px;
  padding-top:13px;
  padding-bottom:13px;
  outline:none;
  margin-bottom:15px;
  border:1px solid #d6d6d6;
}
.payu-button{
  background-color:#000;
  background-image:url(img/payu-logo.svg);
  background-position:center;
  background-size:55px;
  background-repeat:no-repeat;
  width:100%;
  border:1px solid #000;
  border-radius:50px;
  outline:none;
  padding-top:13px;
  padding-bottom:13px;
  margin-bottom:10px;
  cursor:pointer;
  transition:.1s;
}
.payu-button:hover{
  box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.2);
  background-color:#191919;
}
.payu-button.active{
  background-color:#000;
  background-image:url(img/payu-logo.svg);
  background-position:center;
  background-size:55px;
  background-repeat:no-repeat;
  width:100%;
  border:1px solid #000;
  border-radius:50px;
  outline:none;
  padding-top:13px;
  padding-bottom:13px;
  margin-bottom:10px;
  cursor:pointer;
  transition:.1s;
  box-shadow: 0px 0px 0px 4px #1BC883;
}
.payment-button{
  background-color:#fff;
  width:100%;
  border:1px solid #d6d6d6;
  border-radius:50px;
  outline:none;
  padding-top:12px;
  padding-bottom:12px;
  margin-bottom:10px;
  cursor:pointer;
  font-size:14px;
  transition:.1s;
}
.payment-button.active{
  background-color:#fff;
  width:100%;
  border:1px solid #d6d6d6;
  border-radius:50px;
  outline:none;
  padding-top:12px;
  padding-bottom:12px;
  margin-bottom:10px;
  cursor:pointer;
  font-size:14px;
  transition:.1s;
  box-shadow: 0px 0px 0px 4px #1BC883;
}
.payment-button:hover{
  box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.2);
  background-color:#e2e2e2;
}
.hamburger{
  width:40px;
  height:40px;
  background:url(img/hamburger.svg);
  background-size:23px;
  background-position:center;
  background-repeat: no-repeat;
  border:none;
  outline:none;
  cursor:pointer;
  position:fixed;
  top:11px;
  left:20px;
  z-index:99999999999999999;
  transition:.2s;
  transform: scale(1);
}
.hamburger.active{
  width:40px;
  height:40px;
  background:url(img/hamburger.svg);
  background-size:23px;
  background-position:center;
  background-repeat: no-repeat;
  border:none;
  outline:none;
  cursor:pointer;
  position:fixed;
  top:11px;
  left:20px;
  z-index:99999999999999999;
  transition:.2s;
  transform: scale(0);
}
.close-ham.active{
  width:40px;
  height:40px;
  background:url(img/close-w.svg);
  background-size:20px;
  background-position:center;
  background-repeat: no-repeat;
  border:none;
  outline:none;
  cursor:pointer;
  position:fixed;
  top:11px;
  left:20px;
  z-index:99999999999999999;
  transition:.2s;
  transform: scale(1);
}
.close-ham{
  width:40px;
  height:40px;
  background:url(img/close-w.svg);
  background-size:20px;
  background-position:center;
  background-repeat: no-repeat;
  border:none;
  outline:none;
  cursor:pointer;
  position:fixed;
  top:11px;
  left:20px;
  z-index:99999999999999999;
  transition:.2s;
  transform: scale(0);
}
.left-panel ul{
  list-style:none;
  margin-top:30px;
}
.left-panel ul li{
  padding-top:10px;
  padding-bottom:10px;
  margin-top:2px;
  margin-bottom:2px;
}
.left-panel a{
  color:#fff;
  text-decoration: none;
  padding-top:5px;
  padding-bottom:5px;
}
.left-panel ul li{
  margin-left:-40px;
  padding-left:40px;
  background-image:url(img/flat-arrow.svg);
  background-repeat:no-repeat;
  background-size:7px;
  background-position: right 15px center;
}
.left-panel ul li:hover{
  background-image:url(img/flat-arrow.svg);
  background-repeat:no-repeat;
  background-size:7px;
  background-position: right 25px center;
  background-color:#141414;
  transition: .1s;
  padding-left:43px;

}
.poland{
  width:48px;
  height:48px;
  background:url(img/poland.svg);
  background-size:cover;
  background-position:center;
  background-repeat: no-repeat;
  border:none;
  border-radius: 50px;
  outline:none;
  margin-left:8px;
  margin-right:8px;
  cursor:pointer;
  transition: .2s;
}
.poland:hover{
  box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.09);
}
.uk{
  width:48px;
  height:48px;
  background:url(img/united-kingdom.svg);
  background-size:cover;
  background-position:center;
  background-repeat: no-repeat;
  border:none;
  border-radius: 50px;
  outline:none;
  margin-left:8px;
  margin-right:8px;
  cursor:pointer;
  transition: .2s;
}
.uk:hover{
  box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.09);
}
.germany{
  width:48px;
  height:48px;
  background:url(img/germany.svg);
  background-size:cover;
  background-position:center;
  background-repeat: no-repeat;
  border:none;
  border-radius: 50px;
  outline:none;
  margin-left:8px;
  margin-right:8px;
  cursor:pointer;
  transition: .2s;
}
.germany:hover{
  box-shadow: 0px 0px 0px 6px rgba(0,0,0,0.15);
}
.summary-table-heading th{
  font-size:12px;
  color:#a8a8a8;
  font-weight:400;
  text-align:left;
}
.summary-table-rows{
  line-height:1.4;
}
.summary-table-rows td{
  padding-top:10px;
  padding-bottom:10px;
  font-size:13px;
}
.summary-table-summary{
  font-weight:500;
  background:#eaf7ff;
  font-size:14px;
}
.summary-table-summary td{
  padding-top:10px;
  padding-bottom:10px;
}
.summary-table{
  width:100%;
  border-collapse: collapse;
}
.small-label{
  font-size:12px;
  color:#a8a8a8;
  font-weight:400;
  text-align:left;
}
.summary-textarea{
  width:100%;
  resize:none;
  border:1px solid #d6d6d6;
  height:100px;
  outline:none;
}
.control-c {
            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 5px;
            padding-top: 15px;
            cursor: pointer;
            font-size: 16px;
            transition:.2s;
        }
            .control-c input {
                position: absolute;
                z-index: -1;
                opacity: 0;
                transition:.2s;
            }
        .control_indicator-c {
            position: absolute;
            top: 13px;
            left: 0;
            height: 20px;
            width: 20px;
            background: #e6e6e6;
            border: 0px solid #000000;
            transition:.2s;
        }
        .control-radio-c .control_indicator-c {
            border-radius: undefined%;
            transition:.2s;
        }

        .control-c:hover input ~ .control_indicator-c,
        .control-c input:focus ~ .control_indicator-c {
            background: #cccccc;
            transition:.2s;
        }

        .control-c input:checked ~ .control_indicator-c {
            background: #1bc883;
            transition:.2s;
        }
        .control-c:hover input:not([disabled]):checked ~ .control_indicator-c,
        .control-c input:checked:focus ~ .control_indicator-c {
            background: #0e6647d;
            transition:.2s;
        }
        .control-c input:disabled ~ .control_indicator-c {
            background: #e6e6e6;
            opacity: 0.6;
            pointer-events: none;
            transition:.2s;
        }
        .control_indicator-c:after {
            box-sizing: unset;
            content: '';
            position: absolute;
            display: none;
            transition:.2s;
        }
        .control-c input:checked ~ .control_indicator-c:after {
            display: block;
        }
        .control-checkbox-c .control_indicator-c:after {
            left: 8px;
            top: 4px;
            width: 3px;
            height: 8px;
            border: solid #ffffff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
            transition:.2s;
        }
        .control-checkbox-c input:disabled ~ .control_indicator-c:after {
            border-color: #7b7b7b;
            transition:.2s;
        }
.href{
  color:#0090ff;
  text-decoration: none;
}
.href:hover{
  text-decoration: underline;
}
.checkout-error{
  color:#ff3333;
  font-size:13px;
  text-align:center;
}
.valid-check-bg{
  background:#fff;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
  padding:10px 20px 15px;
  margin-bottom:10px
}