#msgr{position: fixed;bottom: 110px;right: 50px;width: 50px;display:none;z-index: 5}
.msg{position:relative; width: 42px;float: left;border-radius: 50%;margin:0 4px 5px;box-shadow: 2px 2px 6px -4px rgb(21 21 21)}
.msg img{width: 22px;margin: 10px;float: left}
.jvs{background: #218b00;cursor:pointer}
.tg{background: #37AEE2}
.vib{background: #7F4DA0}
.wsp{background: #2AB200}

@keyframes myImgAnimation {
  0% {opacity: 0}
  0.1% {opacity: 1}
  25% {opacity: 1}
  27% {opacity: 0}
  100% {opacity: 0}
  }
  
  @keyframes bgcolor {
  0% {transform: scale(1);background: #218b00;box-shadow: 0 0 0 4px rgba(33, 139, 0, .1)}
  24.5% {background: #218b00;box-shadow: 0 0 0 10px rgba(33, 139, 0, .3)}
  25.5% {transform: scale(1);background: #37AEE2;box-shadow: 0 0 0 4px rgba(55, 174, 226, .12)}
  49.5% {background: #37AEE2;box-shadow: 0 0 0 10px rgba(55, 174, 226, .4)}
  50.5% {transform: scale(1.2);background: #7F4DA0;box-shadow: 0 0 0 5px rgba(127, 77, 160, .11)}
  74.5% {transform: scale(.9);background: #7F4DA0;box-shadow: 0 0 0 10px rgba(127, 77, 160, .3)}
 
  99.5% {transform: scale(1.2);background: #2AB200;box-shadow: 0 0 0 5px rgba(42, 178, 0, .13)}
  100% {background: #2AB200;box-shadow: 0 0 0 10px rgba(42, 178, 0, .35)}
 }
  
#msc {position: fixed;z-index: 5;bottom: 50px;right: 50px;width: 50px;height: 50px;float: left;border-radius: 50%;background: #151515;cursor:pointer;transition: .3s ease;display:none}
#msc:hover{background: #C23000}
#msc img{width: 24px;margin: 13px;float: left}
#msgrb {position: fixed;z-index: 5;cursor:pointer;bottom: 50px;right: 50px;width: 50px;height: 50px;float: left;box-shadow: 0 0 0 0 rgba(55, 174, 226, 40%);border-radius: 50%;background: #37AEE2;animation-name: bgcolor; animation-duration: 12s; animation-iteration-count: infinite}
#msgrb img {position: absolute;opacity:0; width: 30px;margin: 10px;float: left; animation-name: myImgAnimation; animation-duration: 12s; animation-iteration-count: infinite}
#msgrb img:nth-child(1) {opacity: 1;animation-delay: 0s}
#msgrb img:nth-child(2) {animation-delay: 3s}
#msgrb img:nth-child(3) {animation-delay: 6s}
#msgrb img:nth-child(4) {animation-delay: 9s}
#msgrb img:nth-child(5) {animation-delay: 12s}


.jvs::before{content: "закзать звонок";position: absolute;background: #e92a0c;color: #fff;
width: max-content;padding: 5px 10px;right: 60px;top: 9px;line-height: 14px;font-size: 13px;opacity: 0;}

.tg::before{content: "написать в Telegram";position: absolute;background: #e92a0c;color: #fff;
width: max-content;padding: 5px 10px;right: 60px;top: 9px;line-height: 14px;font-size: 13px;opacity: 0;}

.vib::before{content: "написать в Viber";position: absolute;background: #e92a0c;color: #fff;
width: max-content;padding: 5px 10px;right: 60px;top: 9px;line-height: 14px;font-size: 13px;opacity: 0;}
.wsp::before{content: "написать в WhatsApp";position: absolute;background: #e92a0c;color: #fff;
width: max-content;padding: 5px 10px;right: 60px;top: 9px;line-height: 14px;font-size: 13px;opacity: 0;}
.msg::before{transition: .1s ease;z-index: 10;pointer-events: none;}
.msg::after{content: '';width: 0;height: 0;display: block;position: absolute;z-index: 10;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #e92a0c;top: 15px;right: 55px;opacity: 0;transition: .1s ease;pointer-events: none;}
.msg:hover::before, .msg:hover::after{opacity:1}



.orderwin h4{line-height: 40px;font-size: 26px;font-weight: 600;letter-spacing:1px;margin-bottom: 5px;color: #fff;text-align: center}
.orderwin{width:400px;max-width:90%;height: 350px;position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;z-index:60;text-align: center;display:none}
.orderwin input{float: left;height: 50px;padding: 0 10px;border: 0;border-radius: 0;float: left;width: 100%;outline: none;transition: .3s all ease;font-size: 14px; color:#fff;background-color: transparent;border-bottom: 1px solid #9da1a5;background-size: 22px;background-position: bottom 14px right 10px;background-repeat: no-repeat;margin-bottom: 20px;}
.orderwin  input:hover, .orderwin  input:focus  {border-bottom: 1px solid #e92a0c;}
.orderwin button{color: #fff;width: 100%;font-weight: 600;outline: none;background: #e92a0c;border: 1px solid #e92a0c;font-size: 15px;line-height: 50px;border-radius: 0.35rem}
.orderwin button:hover{background-color: #c5230a;border: 1px solid #b8210a}

.fcin{background-image: url(../image/icon/fa.svg);}
.fcip{background-image: url(../image/icon/fp.svg);}

.orderclose, .closeser, .calcback{float: left;font-size: 13px;border-bottom: 1px dashed #e92a0c;color: #e92a0c;line-height: 16px;width:58px;text-align: center;margin: 10px calc(50% - 29px) 0;cursor: pointer;transition: .3s all ease;user-select: none;}
.orderclose:hover, .closeser:hover{border-bottom: 1px dashed rgb(148 121 101 / 0%);}
#whatinorder {display: block;color: #e92a0c;font-size: 18px;line-height: 20px;}
.message {display:none;line-height: 22px;font-size: 15px;color: #fff;}
.orderwin .loader{width: 165px;padding: 35px 0;display:none}


.custom-checkbox {position: absolute;z-index: -1;opacity: 0;height: 20px!important;width: 20px!important;margin: 0;left: 0;}


.custom-checkbox+label {display: inline-block;align-items: center;user-select: none;line-height: 17px;font-size:14px;float: left;font-weight:500;margin-bottom:10px}


.custom-checkbox+label::before {content: '';display: inline-block;width:16px;height:16px;flex-shrink: 0;flex-grow: 0;border: 1px solid #9da1a5;border-radius: 0;margin-right:8px;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;position: absolute;left: 0;margin-top:3px;}



.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {border-color: #e92a0c;}

.custom-checkbox:not(:disabled):active+label::before {background-color: #e92a0c;border-color: #80bdff;}

.custom-checkbox:focus+label::before {box-shadow: 0 0 0 2px rgba(255 255 255 / 15%);}


.custom-checkbox:focus:not(:checked)+label::before {border-color: #80bdff;}


.custom-checkbox:checked+label::before {border-color: #e92a0c;background-color: #e92a0c;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}


.custom-checkbox:disabled+label::before {background-color: #e9ecef;}

.checkbox label{color: #9da1a5;font-size: 13px;font-size: 12px;text-align: left;padding-left: 24px;text-align: justify;}
.checkbox label a{color: #9da1a5; border-bottom:1px dashed #9da1a5}
.checkbox label a:hover{color:#e9ecef;border-bottom:none}

.mask{position: fixed;display:none;width: 110%;height: 140vh;left: -5%;top: -5vh;z-index: 59;background: rgb(0 0 0 / 95%);transition: .5s all ease-out}
.acmask{backdrop-filter: blur(5px);background: rgb(0 0 0 / 85%)}
.ovhi{overflow:hidden}


.fastbuy{height: 35px;line-height: 35px;background: #e92a0c;color: #fff;font-weight: 600;text-align: center;border-radius: .35rem;font-size: 1rem;
cursor: pointer;transition: .3s all ease;}
.fastbuy:hover{background:#c5230a	}


.af{text-align: center;color: #495057;font-size: 90%;margin: -20px 0 20px;}



ol.sublist  {
	list-style: none;
	ounter-reset: num;
	padding:0;
}
ol.sublist  li {
	counter-increment: num;
}
ol.sublist > li::before {content: counter(num);font-size:2rem;font-weight:600}
ol.sublist  li h2{display: inline-block;padding-left: .5rem;}

ol.sublist ol {
	list-style: none;
	counter-reset: num2;
	padding:0;
}
ol.sublist  ol > li {
	counter-increment: num2;
	padding-left:.5rem;
}
ol.sublist  ol > li::before {
	padding-right:.5rem;
	content: counter(num) '.' counter(num2);
}


@media (max-width:560px){
#msgrb, #msc{right:25px;bottom:25px}
#msgr{bottom: 85px;right: 25px
}