.number_widget_lo.active_string i:last-child {
    font-size: 24px;
    bottom: -16px!important;
    position: absolute;
    right: 8px;
}
.callback-wh:hover i:last-child {
    color: #fff;
}

/********************Main Widget Promo****************/
#main_widget_promo {
position: fixed;
width: 80px;
height: 80px;
bottom: 5%;
left: 5%;
z-index: 999999;
overflow: unset;
}
.back_widget{
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
opacity: 0!important;
position: fixed;
transition: 0.5s;
top: 0;
left: 0;
z-index: -1;
}
.back_widget.active{
transition: 0.8s;
opacity: 1;
z-index: 999;
top: 0;
}
#main_widget_promo p{
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
left: 20%;
bottom: 10px;
box-shadow: 0 0 5px #807f7f;
transition: 0.5s;
cursor: pointer;
border: 0.5px solid #ffffff;
font-size: 30px!important;
}
.main_widget_btn{
z-index: 5;
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
background: #41af00;
left: 0;
bottom: 0;
border: 2px solid #ffffff;
box-shadow: 0 0 5px #807f7f;
transition: 0.5s;
cursor: pointer;
}
#main_widget_promo p:nth-child(3n-1) {
background: #ff0000;
z-index: 1;
transition-delay: 0.6s;
}
#main_widget_promo p:nth-child(4n-1) {
background: #d9fbff;
transition-delay: 0.5s;
z-index: 2;
}
#main_widget_promo p:nth-child(5n-1) {
background: #04771d;
transition-delay: 0.4s;
z-index: 3;
}
#main_widget_promo p:nth-child(6n-1) {
background: #7a509c;
transition-delay: 0.3s;
z-index: 4;
}
#main_widget_promo p:nth-child(7n-1) {
background: #d20101;
transition-delay: 0.3s;
z-index: 4;
}
#main_widget_promo p:nth-child(3n-1).active {
transform: translateY(-190px);
transition-delay: 0s;
}
#main_widget_promo p:nth-child(4n-1).active {
transform: translateY(-130px);
transition-delay: 0.1s;
}
#main_widget_promo p:nth-child(5n-1).active {
transform: translateY(-70px);
transition-delay: 0.2s;
}
#main_widget_promo p:nth-child(6n-1).active {
transform: translateY(-80px);
transition-delay: 0.3s;
display: none;
}
#main_widget_promo p:nth-child(7n-1).active {
transform: translateY(-90px);
transition-delay: 0.3s;
}
#main_widget_promo p:nth-child(3n-1) i {
color: #ffffff!important;
margin: 9px;
}
#main_widget_promo p:nth-child(4n-1) i {
margin: 8px 10px;
color: #203d4e!important;
font-size: 30px;
}
#main_widget_promo p:nth-child(5n-1) i {
color: #ffffff!important;
margin: 8px 12px;
font-size: 30px;
}
#main_widget_promo p:nth-child(6n-1) i {
color: #ffffff!important;
margin: 10px;
font-size: 28px;
}
#main_widget_promo p:nth-child(7n-1) i {
color: #ffffff!important;
margin: 10px 14px;
}
#main_widget_promo p span{
font-size: 12px;
color: #1d1d1d;
width: 195px;
opacity: 0;
transition:0.2s;
position: absolute;
top: 0;
font-weight: bold;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
left: 70px;
padding: 10px;
background: #d6e1e6;
font-family: 'PT Sans', sans-serif;
visibility: hidden;
transform: translateX(80px);
cursor:auto;
}
#main_widget_promo p:nth-child(3n-1) span{
transition:0.1s;
}
#main_widget_promo p:nth-child(4n-1) span{
transition:0.2s;
}
#main_widget_promo p:nth-child(5n-1) span{
transition:0.3s;
}
#main_widget_promo p:nth-child(7n-1) span{
transition:0.5s;
}
#main_widget_promo p.active span{
visibility: visible;
opacity: 1;
transform: translateX(0px);
transition:1s;
}
#main_widget_promo p:nth-child(3n-1).active span{
transition-delay: 0.8s;
}
#main_widget_promo p:nth-child(4n-1).active span{
transition-delay: 0.9s;
}
#main_widget_promo p:nth-child(5n-1).active span{
transition-delay: 1s;
}
#main_widget_promo p:nth-child(6n-1).active span{
transition-delay: 1.2s;
}
#main_widget_promo p:nth-child(7n-1).active span{
transition-delay: 1.2s;
}
#main_widget_promo p:nth-child(2n).active span:after,
#main_widget_promo p:nth-child(2n-1).active span:after,
.map_teplo_widget:after{
position: absolute;
content: '';
width: 10px;
height: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 40%;
left: 0;
z-index: -1;
margin-left: -5px;
background: #d6e1e6;
}
#main_widget_promo p:last-child.active span:after {
top: 30%!important;
}
#main_widget_promo p:nth-child(2n):hover i,
#main_widget_promo p:nth-child(2n-1):hover i{
transform: rotate(10deg);
}
#main_widget_promo p:hover{
transform: scale(1.1);
transition: 0.5s;
box-shadow: 0 0 15px #807f7f;
}
.main_widget_btn_slider{
display: none;
}
.main_widget_btn:hover{
transform: translateY(-5px) scale(1.1);
transition: 0.5s;
background: #55e800;
box-shadow: 0 0 15px #807f7f;
border: 2px solid #229fbf;
}
.main_widget_btn_slider i{
color: #ffffff;
font-size:38px;
transform: rotate(0deg);
transition: 0.5s;
}
.main_widget_btn_slider:nth-child(2n-1) i{
margin: 20px 24px;
}
.main_widget_btn_slider:nth-child(3n-1) i{
margin: 18px;
}
.main_widget_btn_slider:nth-child(4n-1) i{
margin: 20px;
}
@media(max-width: 767px){
#main_widget_promo {
bottom: 3%;
left: 3%;
}
.main_widget_btn_slider i{
font-size:30px;
}
.main_widget_btn_slider:nth-child(2n-1) i{
margin: 16px 20px;
}
.main_widget_btn_slider:nth-child(3n-1) i{
margin: 14px;
}
.main_widget_btn_slider:nth-child(4n-1) i{
margin: 16px;
}
#main_widget_promo p:nth-child(3n-1).active {
transform: translateY(-250px);
}
#main_widget_promo p:nth-child(4n-1).active {
transform: translateY(-190px);
}
#main_widget_promo p:nth-child(5n-1).active {
transform: translateY(-130px);
}
#main_widget_promo p:nth-child(6n-1).active {
transform: translateY(-70px);
display: block;
}
#main_widget_promo p:nth-child(7n-1).active {
transform: translateY(-90px);
}
.main_widget_btn{
width: 65px;
height: 65px;
}
#main_widget_promo p{
left: 10%;
bottom: -5px;
}
}

/*********Feedback String************/
.callback_lo{
overflow: hidden;;
}
.number_widget_lo {
width: 220px;
position: absolute;
top: 20px;
transition: 0.3s;
left: 90px;
visibility: hidden;
opacity: 0;
z-index: 99;
border-radius: 30px;
border: 2px solid #ffffff;
height: 48px;
background: linear-gradient(45deg, #0e0e1f 0%, #0a192f 100%)!important;
}
.number_widget_lo:after{
position: absolute;
content: '';
width: 10px;
height: 10px;
transform: rotate(45deg);
top: 39%;
transition: 0.3s;
left: 0px;
z-index: -5;
margin-left: -3px;
background: linear-gradient(45deg, #0e0e1f 0%, #0a192f 100%)!important;
}
.number_widget_lo strong {
position: absolute;
bottom: 50px;
right: -10px;
width: 25px;
height: 25px;
z-index: 9999;
overflow: hidden;
border-radius: 50%;
background: rgb(25 66 0 / 54%);
background: linear-gradient(45deg, #0e0e1f 0%, #0a192f 100%)!important;
}
.number_widget_lo strong:after,
.number_widget_lo strong:before {
width: 15px;
height: 2px;
background: #ffffff;
content: "";
display: block;
transition: .3s;
left: 5px;
position: absolute;
top: 11px;
box-shadow: 0 0 5px #000;
}
.number_widget_lo strong:hover:after,
.number_widget_lo strong:hover:before {
background: #ff0000;
transition: .3s;
cursor: pointer;
}
.number_widget_lo strong:hover{
cursor: pointer;
}
.number_widget_lo strong:after {
transform: rotate(45deg);
}
.number_widget_lo strong:before {
transform: rotate(-45deg);
}
.number_widget_lo.active_string {
transition: 0.3s;
opacity: 1;
visibility: visible;
}
.number_widget_lo button {
border: none;
transition: .3s;
background: rgb(255 0 0);
border-radius: 50%;
border: 1px solid #ffc107;
width: 35px;
height: 35px;
display: block;
font-size: 18px;
margin: 5px 0;
color: #ffffff;
box-shadow: 0 0 5px #000;
}
.number_widget_lo button:hover {
transition: .3s;
color: #ffffff;
background: #509c05;
cursor: pointer;
}
.number_widget_lo input {
border-radius: 20px;
padding: 0 10px;
width: 170px;
color: #000;
float: left;
font-weight: bold;
height: 38px;
margin: 3px;
border: 2px solid #7f7f7f;
}
.number_widget_lo:hover,
.number_widget_lo:hover:after  {
transition: 0.5s;
background: #317906;
border: 2px solid #ffffff;
}
.number_widget_lo:hover:after  {
border: none;
left: 10%;
}
.mfp_number_widget_lo{
padding: 0;
font-size: 14px;
color: #fff;
font-weight: bold;
}
@media (max-width: 767px){
.number_widget_lo {display: none!important;}
}
/***************** Feedback footer *******************/
.success.success_feedback_footer.visible {
width: 100%;
height: 100%;
text-align: center;
margin: 0;
}
.success.success_feedback_footer.visible p {
display: block;
margin: 0 auto;
}
/***************** Modal Window *******************/
*::-webkit-input-placeholder{color:#999;opacity:1;}
*:-moz-placeholder{color:#999;opacity:1;}
*::-moz-placeholder{color:#999;opacity:1;}
*:-ms-input-placeholder{color:#999;opacity:1;}
:-moz-ui-invalid:not(output){box-shadow:0 0 0 red;}
center{position: fixed;z-index: 999;top: 150px;}
.hidden{display:none;}
.popup-form{margin: 10px auto;letter-spacing: 1px;padding: 10px 10px 20px 10px;text-align: center;width: 400px;position: relative;overflow: hidden;border-radius: 10px;background: rgb(73 40 55);background: rgb(87,42,63);background: -webkit-linear-gradient(45deg, #0e0e1f 0%, #0a192f 100%)!important;background: linear-gradient(45deg, #296b2b 0%, #0b2d1e 100%)!important;}
.button-center{margin:0;padding:0;text-align:center;}
.popup-form button.button{margin: 10px auto 0 auto;font-size:16px;font-weight:bold;text-transform:uppercase;background: #34901d;border: 0;transition: .3s;padding: 8px 30px;color: #fff;cursor: pointer;letter-spacing: 2px;border-radius: 20px;}
.popup-form button.button:hover{background-color: #d3e100;color: #000;transition: .3s;}
p.zakaz{margin: 5px auto;padding: 0;text-align:center;font-size: 20px;font-weight:bold;color: white;width: calc(100% - 10%);text-transform:uppercase;}
.popup-form label, .popup-form input{display:block;font-weight:normal;}
.popup-form label span{margin: 5px auto;color:teal;font-size:22px;display: block;color: #ffffff;}
.popup-form input{padding: 10px 20px;font-size: 14px;border: none;margin: 0 auto;display: block;width: calc(100% - 15%);background: #ffffff;border-color: #34901d;color: #292929;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.success{display:none;position:absolute;margin:2px;padding:0 30px;top:0;left:0;border-radius: 10px;width: 100%;height: 100%;text-align:center;background-color: #fff;text-transform:uppercase;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;z-index:2;}
.success_number_widget_lo{display:none;position:absolute;margin: 0;padding: 0px 10px;top:0;left:0;border-radius: 30px;width: 100%;height: 100%;text-align:center;background-color: #7a0439!important;text-transform:uppercase;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;z-index:2;}
.success.visible{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background: rgb(255 255 255);background-color: var(--bs-indigo);}
.success.visible p{margin:0;padding:0;color: #ffffff;}
.success.visible p span.sencs{font-weight:bold;font-size: 20px;}
.success_number_widget_lo.visible{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.success_number_widget_lo.visible p{margin:0;padding:0;color: #ffffff;}
.rotate_widget_btn a:first-child{
display: none;
}
@media(max-width: 767px){
.rotate_widget_btn a:first-child{
display: block!important;
}
.rotate_widget_btn a:last-child{
display: none!important;
}
.popup-form {position: fixed;top: 4%;}
}
@media(max-width: 500px){
.popup-form {width: calc(100% - 3%);}
}