/*   
Theme Name: SiteRussia
Theme URI: siterussia.ru
Description: Дизайн сайта разработанный компанией Site Russia
Author: Wolf
Author URI: siterussia.ru
Version: 1.0
*/



@font-face {
    font-family: 'GT Eesti Pro';
    src: local('GT Eesti Pro Text Light'), local('GT-Eesti-Pro-Text-Light'),
        url('/fonts/GTEestiProText-Light.woff2') format('woff2'),
        url('/fonts/GTEestiProText-Light.woff') format('woff'),
        url('/fonts/GTEestiProText-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }

@font-face {
    font-family: 'GT Eesti Pro';
    src: local('/fonts/GT Eesti Pro Text Book'), local('GT-Eesti-Pro-Text-Book'),
        url('/fonts/GTEestiProText-Book.woff2') format('woff2'),
        url('/fonts/GTEestiProText-Book.woff') format('woff'),
        url('/fonts/GTEestiProText-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'GT Eesti Pro';
    src: local('GT Eesti Pro Text Medium'), local('GT-Eesti-Pro-Text-Medium'),
        url('/fonts/GTEestiProText-Medium.woff2') format('woff2'),
        url('/fonts/GTEestiProText-Medium.woff') format('woff'),
        url('/fonts/GTEestiProText-Medium.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}





/* Все что меньше 921 + iPad вертикальный */
@media (max-width: 921px) {
	#top, #header, #menu{display: none;}
	#mobile{box-shadow: 0px 20px 40px 0px #00000005;padding: 15px;}
	#mobile img{width: 200px;}
	.block{padding: 20px 0px;}
	.mr{margin: 20px 0px;}
	.button, .button2, .button4{display: block!important;padding: 15px;}
	
	.citylist ul {padding-left: 20px;}
	.citylist ul li {width: 50%;float: left;}
	
	#mmenu{background-color: #F7F7F7;}
	#mmenu .modal-content{width: 100%;border: none;background-color: #F7F7F7;}
	#mmenu .menu{display: inline-block;width: 100%;list-style: none;font-size: 23px;padding: 0px;padding-top: 0px;}
	#mmenu .menu li{padding-bottom: 10px;}
	#mmenu .menu a{color: black;}
	#mmenu .menu .title a {text-transform: uppercase;font-weight: bold;}
	#mmenu .cont>a{display: block;padding: 5px 0px;}
	#mmenu .cont span{display: block;padding-top: 10px;}
	#mmenu .cont .phone{font-size: 22px;font-weight: bold;color: black;}
	#mmenu .cont .mail{color: var(--main-color);}
	#mmenu .soc{margin-top: 10px;}
	
	

	#slider h1{font-size: 35px;text-align: center;}
	#slider .bts .button{margin-bottom: 10px;}
	#slider .pr .it{padding: 10px;font-size: 14px;}
	
	#usl .item{text-align: center;}
	
	#prem .info{margin-bottom: 20px;}
	#usl2{background-size: cover!important;background-position: 30%!important;}
	#vz .col-sm-4{margin-bottom: 20px;}
	
	#polom .item{height: 150px;padding: 0px 20%;}
	#form1 .in{padding: 6% 10%;}
	#form1 .call .wpcf7-submit{width: 100%;margin-top: 10px;}
	#price td:nth-child(2){white-space: nowrap;}
	#form2 .in, #form3 .in{padding: 5%;}
	#usl3{background-position: 40%!important;}
	#usl3 .info{margin-top: 20px;}
	#usl3 .info div{margin-bottom: 10px;}
	#form3 .bts .button{margin-bottom: 10px;}
	

	.seplist{text-align: center;}

	
	
	
	#footer{text-align: center;}
	#footer .menu{margin-top: 20px;}
	#footer .text-right{text-align: center!important;}
	
	.za {padding: 0px!important;background-color: #fff;}
	.za .h-100{height: auto!important;margin-top: 30px;}
	.za .modal-dialog{height: 100%;margin: 0;}
	.za .modal-content {height: 100%;width: 100%;border-radius: 0;}
	.za .modal-body .t{font-size: 35px;line-height: 40px;padding-bottom: 15px;}
	.za .modal-body .st{font-size: 16px;padding-bottom: 15px;}
	.za .info{width: 100%;}
	.za .modal-body .poly{margin-bottom: 20px}

}


@media (min-width: 992px) {
	#mobile{display: none!important;}
	.block{padding-bottom: 50px;}
	.citylist ul li {width: 33%;float: left;}
	.block h2{padding-top: 10px!important;}
	.mr{margin-bottom: 50px;}
	.button, .button2, .button4{padding: 15px;}
	
	
	
	#slider .pr .it{padding: 18px 0px;}
	#usl .item h3{max-width: 80%;}
	#prem .item{display: flex;}
	#polom .item{height: 200px;padding: 0px 25%;}
	#form1 .in, #form3 .in{padding: 6% 20%;}
	#form1 .call{display: flex;justify-content: center;}
	#form1 .call .button{border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
	#brands .in, #vz .in{max-width: 50%;}
	#price td:last-child{width: 10%;}
	#form2 .in{padding: 5% 20%;}
	#usl3 .in{max-width: 55%;}
	#usl3 .info{margin-top: 50px;}
	#som .item{height: 220px;}
	#footer .soc{display: flex;justify-content: flex-end;}



	
	#tovar .info{padding: 30px;}
	#tovar .price del{font-size: 25px;}
	#tovar .price{font-size: 40px;}
	
	.za .modal-dialog{margin: 0px;right: 0px;position: absolute;}
	.za .modal-body{padding: 40px;}
	.za .modal-body .t{font-size: 45px;line-height: 54px;padding-bottom: 30px;}
	.za .modal-body .st{font-size: 22px;line-height: 34px;padding-bottom: 30px;}
	.za .modal-body .poly{padding-top: 1vh;}
	
}

@media (min-width: 1200px) {
	.container{max-width: 1200px;}
	.button, .button2, .button4{padding: 15px 35px;}
	


} 
:root{
	--main-color: #F68E2C;
	
}

/* Кнопка вверх */
.btn-back-top {opacity: 0;background: black;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;transition: .5s;z-index: 1030;}
.btn-back-top:hover{opacity: 1!important;}
.btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);}

/* Кнопка вотсап */
.whatsapp-button{position: fixed;right: 70px;bottom: 70px;background: #25D366;border-radius: 50%;width: 65px;height: 65px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);}
.whatsapp-button:before,
.whatsapp-button:after {content: " ";display: block;position: absolute;border: 50%;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; }
.whatsapp-button:after{animation-delay: .5s;}
@keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}}
@media (max-width: 921px) {.whatsapp-button {bottom: 10px!important;left: 10px;}}

/* Топ акция */
.ntf{background-color: #f32c11;color: white;padding: 10px;}
.ntf .but{color: white;font-weight: bold;}
.ntf .ntf-close{color: white;text-decoration: none;font-size: 35px;line-height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ntf .container{display: flex;gap: 15px;justify-content: space-between;align-items: center;}

/* Ваш город ? */
.city{position: relative;}
.citychose{position: absolute;background-color: var(--main-color);padding: 15px 20px;top: 4.2em;left: 2em;border-radius: 10px;color: white;box-shadow: 0px 20px 45px rgb(0 0 0 / 16%);z-index: 777;font-size: 14px;}
.citychose:before{width: 1.3rem;height: 1.3rem;content: '';position: absolute;top: -.5rem;transform: rotate(45deg) skew(10deg,10deg);border-radius: .3rem;left: 2rem;background: inherit;}
.citychose .chose{display: flex;gap: 15px;}
.citychose .chose a{color: white;white-space: nowrap;font-weight: bold;border-bottom: dotted 1px;text-decoration: none;}
.citychose .chose a:hover{border-bottom: none;}
.citychose .title{margin-bottom: 5px;}
.citychose .title span{font-weight: bold;}
.citychose .city-close.x{position: absolute;top: 5px;right: 9px;color: white;text-decoration: none;font-size: 27px;line-height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
@media (max-width: 921px) {.citychose{left: 0;right: 0;margin: auto;max-width: 300px;top: 75px;}}

.citylist h3 {clear: both;}
.citylist a{color: black;}
.citylist ul{display: inline-block;width: 100%;}


html, body{
	font-family: 'GT Eesti Pro',Arial,Helvetica,sans-serif!important;
	font-size: 16px!important;
	margin: 0px;
	padding: 0px;
	color: black;
	font-weight: 300;
}
h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 10px!important;padding-bottom: 30px!important;}
h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-size: 35px;}
svg{overflow: visible;}
.aligncenter{display: block;margin: 5px auto 5px auto;}
.alignright{float:right;padding-left: 10px;padding-bottom: 10px;}
.ajax-loader{display: none!important;}
.box {overflow:hidden;}
.box img {-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.box img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;}

.breadcrumbs {color: black;font-size: 14px;padding-bottom: 10px;}
.breadcrumbs a{color: #7F7F7F;border-bottom: 1px solid;}

.gallary{margin-left: -5px;margin-right: -5px;padding-bottom: 20px;}
.gallary .thumb{padding: 5px;}

.button{display: inline-block;text-align: center;background-color: var(--main-color);border: 1px solid var(--main-color);color: white;border-radius: 3px;font-weight: 500;white-space: nowrap;}
.button2{display: inline-block;text-align: center;border: 1px solid #FFFFFF;color: white;border-radius: 3px;font-weight: 500; margin-bottom:10px}
.button3{display: inline-block;text-align: center;background-color: #F7F7F7;color: var(--main-color);border-radius: 3px;font-weight: 500;padding: 10px 50px;font-size: 16px;}
.button4{display: inline-block;text-align: center;background-color: white;color: var(--main-color);border-radius: 3px;font-weight: 500;}
.button:hover, .button2:hover, .button4:hover{background-color: black;border: 1px solid black;color: white;text-decoration: none;}
.button3:hover{background-color: var(--main-color);color: white;text-decoration: none;}

/* Убираем обводку у кнопок */
button:active, button:focus {outline: none;}
button::-moz-focus-inner {border: 0;}

a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;color: black;}
a:hover{text-decoration: none;}
.phone{white-space: nowrap;}

/*Animate*/
a, .button, .button2, .button3, .button4, #top a, #header .nav a, #usl .item, #usl .item a, #usl .item svg, #polom .item, #price tr, #som .item, #footer a, #header .cart, #contact .item a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}

/*HOVER*/
.breadcrumbs a:hover, #top a:hover, #header .nav a:hover, #menu .nav a:hover, #usl .item a:hover, #footer a:hover, #header .cart:hover, #contact .item a:hover{color: var(--main-color)!important;text-decoration: none;}


#top{padding: 11px 0px;}
#top .nav{gap: 30px;}
#top .con{display: flex;gap: 30px;align-items: center;}
#top .con .city{display: flex;align-items: center;white-space: nowrap;gap: 5px;}

.big{font-size: 20px;}
.time{color: gray;}

#header{padding: 20px 0px;border-top: 1px solid #70707020;}
#header .container{display: flex;align-items: center;justify-content: space-between;}
#header .logo{display: flex;align-items: center;gap: 30px;line-height: 18px;}
#header .logo .text{font-size: 14px;}
#header .r{display: flex;align-items: center;gap: 30px;}
#header .zvon{border-bottom: 1px solid var(--main-color);color: var(--main-color);}
#header .zvon:hover{color: black!important;border-color: black;}
#header .phone{font-size: 20px;font-weight: bold;}
#header .time{font-size: 12px;text-align: right;}
#header .button{padding: 10px 35px;}


#menu{padding: 10px 0px;border-top: 1px solid #DEE2EB;background-color: #f1f7ff;}
#menu .nav{display: flex;justify-content: space-between;}
#menu .nav a{color: black;font-size: 14px;font-weight: 500;text-transform: uppercase;}
#menu .nav .current-menu-item > a, #menu .nav .current-menu-parent > a{color: var(--main-color);}
#menu .menu-item-has-children:after{content: url(/images/arr.svg);margin-left: 3px;position: relative;top: -2px;}
#menu .menu-item-has-children:hover .sub-menu{display: block;}
#menu .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 10px 0px;list-style: none;z-index: 10;}
#menu .sub-menu li{padding: 5px 20px;}
#menu .sub-menu a{font-size: 16px;}



#slider{color: white;padding-top: 50px;}
#slider h1{padding: 0px!important;font-size: 45px;font-weight: bold;}
#slider h1 span{display: inline-block;border-bottom: 2px solid #FFFFFF20;}
#slider .st{color: #D4D7D9;font-size: 20px;line-height: 26px;padding: 20px 0px;}
#slider .prem{font-size: 14px;color: #B3B6B9;margin-top: 40px;}
#slider .prem .title{font-size: 20px;color: white;font-weight: bold;}
#slider .prem .item{margin-bottom: 15px; font-size:18px;}
#slider .pr{background-color: #F7F7F7;color: black;margin-top: 40px!important;}
#slider .pr .it{text-align: center;}
#slider .pr .it:nth-child(2){background-color: #E8E8E8;}
#slider .phone{font-size:30px; color:white; display:inline-block;}
#slider .flex{display:flex; justify-content:space-between; margin-bottom:20px; align-items:center;}



#text1{font-size: 18px;padding-top: 50px;}
#text1 .info{background-color: #F7F7F7;padding: 40px;border-bottom: 5px solid var(--main-color);font-size: 16px;}

#usl .item{margin-left: -1px;margin-top: -1px;margin-bottom: 20px;}
#usl .item a{color: black;}
#usl .item h3{font-size: 20px;font-weight: bold;margin-top: 10px;}
#usl .item svg{opacity: 0;position: absolute;left: 20px;bottom: 85px;}
#usl .item:hover svg{opacity: 1;}

#prem .st{color: var(--main-color);text-transform: uppercase;font-size: 13px;font-weight: bold;}
#prem h2{line-height: 40px;}
#prem .info{display: flex;color: #777777;}
#prem .info svg{margin-right: 20px;}
#prem .info .title{font-weight: bold;margin-bottom: 10px;color: black;}
#prem .item .text{background-color: #F7F7F7;border-bottom: 5px solid var(--main-color);padding: 30px 20px;}

.owl-controls{display: flex;margin-top: 20px;}
.owl-controls svg path{opacity: 0.5;}
.owl-controls svg:hover path{opacity: 1;}
.owl-controls .owl-next, .owl-controls .owl-dots{margin-left: 30px;}
.owl-dot span {width: 10px;height: 10px;margin: 0px 5px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;border-radius: 30px;}
.owl-dot.active span, .owl-dots .owl-dot:hover span {background: var(--main-color);}

#polom .item{border: 1px solid #E6E6E6;padding: 20px 30px 0px 30px;margin-left: -1px;margin-top: -1px;text-align: center;display: flex;align-items: center;justify-content: center;}
#polom .item:hover{box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.16);}
#polom .item h3{font-size: 20px;color: var(--main-color);}

#form1 .in{text-align: center;background: url(/images/fon.webp) no-repeat, #F7F7F7;border-bottom: 5px solid var(--main-color);}
#form1 .phone{color: black;font-weight: bold;white-space: nowrap;}
#form1 .color{color: var(--main-color);}
#form1 .poly{color: #777777;}
#form1 .call{margin: 20px 0px;}
#form1 .call .wpcf7-text{padding: 14px;width: 100%;}



#usl2{background: url(images/usl2.jpg) no-repeat center center, #F7F7F7;padding: 50px 0px;}

#usl2 ol {list-style-type: none; counter-reset: num;margin: 0 0 0 45px;padding: 15px 0 5px 0;font-size: 18px;}
#usl2 ol li {position: relative;padding: 0 0 10px 0;margin-bottom: 5px;}
#usl2 ol li:before {content: counter(num); counter-increment: num;display: inline-block;position: absolute;top: 0;left: -38px;width: 28px;height: 28px;background: var(--main-color);color: white;text-align: center;
line-height: 28px;font-size: 18px;border-radius: 50%;}

#brands{font-size: 18px;}
#brands .info{background-color: #F7F7F7;padding: 40px;border-bottom: 5px solid var(--main-color);font-size: 16px;}

#brands .brands{margin: 20px 0px;}
#brands .brands .item{border: 1px solid #E6E6E6;margin-left: -1px;margin-top: -1px;text-align: center;display: flex;align-items: center;justify-content: center;padding: 10px;}
#brands .brands .item:hover{box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.16);}
#brands .brands .item img{max-width: 100%;height: auto; mix-blend-mode: darken;}


#price{font-size: 18px;}
#price th{border-top: none;}
#price td{vertical-align: middle;}
#price tr:hover{box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.16);}

#form2 .in{text-align: center;background: url(/images/fon2.webp) no-repeat, var(--main-color);color: white;border-bottom: 5px solid var(--main-color);}
#form2 .button2{background-color: white;color: var(--main-color);}

#vz img{border-bottom: 5px solid var(--main-color);}
#vz .title{font-size: 18px;font-weight: bold;padding: 10px 0px 5px 0px;}

#text3{font-size: 18px;}
#text3 .info{background-color: #F7F7F7;padding: 40px;border-bottom: 5px solid var(--main-color);font-size: 16px;}

#usl3{background: url(images/usl3.jpg) no-repeat center center, #f2f2f2;padding: 50px 0px;}
#usl3 .info{font-size: 15px;}

#som .item{border: 1px solid #E6E6E6;margin-left: -1px;margin-top: -1px;padding: 20px;text-align: center;}
#som .item:hover{box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.16);}
#som .item .num{font-size: 50px;font-weight: bold;color: var(--main-color);}
#som .item h3{font-size: 18px;font-weight: bold;}
#som .item .info{color: #777777;}

#form3 .in{text-align: center;background: url(/images/fon2.webp) no-repeat, #F7F7F7;border-bottom: 5px solid var(--main-color);}
#form3 .button2{background-color: white;color: var(--main-color);border-color: var(--main-color);}

#text4{font-size: 18px;}
#text4 .info{background-color: #F7F7F7;padding: 40px;border-bottom: 5px solid var(--main-color);font-size: 16px;}

#contact{padding-top: 20px;}
#contact .item{font-size: 14px;color: #999999;}
#contact .item a, #contact .item .ad{display: block;font-size: 20px;color: black;font-weight: 500;line-height: 20px;}



#footer{background-color: #F7F7F7;padding: 50px 0px;}
#footer .phone{display: block;color: black;font-weight: 500;font-size: 25px;}
#footer .time{color: #777777;padding-bottom: 10px;}
#footer .mail{color: var(--main-color);}
#footer .menu{list-style: none;padding: 0px;}
#footer .menu li{width: 50%;float: left;margin-bottom: 10px;}
#footer .menu li a{color: black;}
#footer .soc .title{padding-bottom: 10px;}
#footer .text{margin-top: 20px;}

#footer .bottom{padding-top: 40px;}
#footer .bottom, #footer .bottom a{font-size: 15px;color: #777777;}

#footer .adress{margin-top: 10px;}

.seplist .col-sm-3{position: relative;padding-bottom: 20px;}
.seplist p{margin: 0px;}
.seplist .title{text-align: center;font-weight: bold;font-size: 25px;}
.seplist .desc{position: absolute;bottom: 50px;background-color: green;color: white;}
.seplist .price{color: white;background-color: red;text-align: center;font-size: 16px;font-weight: bold;padding: 5px;}

.za .modal-content{border-radius: 0px;border: none;}
.za .modal-body{height: 100vh;}
.za .modal-body .close{right: 0px;}
.za .modal-body .t{font-weight: bold;}
.za .modal-body .st{color: #545560;}
.za .modal-body .wpcf7-text, .za .modal-body .wpcf7-textarea{border: none;border-bottom: 1px solid #54556020;margin-bottom: 30px;padding: 10px 0px;}
.za .modal-body .poly{color: #A8A8A8;font-size: 12px;line-height: 14px;}
.za .modal-body .wpcf7-file{margin-bottom: 10px;}
.za .codedropz-upload-inner h3, .za .codedropz-upload-inner span{display: none;}



.full{background-color: #fff;}
.full a{color: black;}
.full .modal-dialog{max-width: 100%;}
.full .modal-content{width: 100%;border: none;}
.full .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;}
.full .st{font-size: 18px;padding-bottom: 10px;}
.full .list{list-style: none;padding-left: 0px;display: inline-block;width: 100%;padding-top: 15px;font-size: 18px;}
.full .list li{padding-bottom: 5px;}
.full .select2-selection, .full .select2-selection__arrow{height: 40px!important;}
.full .select2-selection__rendered{line-height: 40px!important;}
.full .menu{display: inline-block;width: 100%;list-style: none;font-size: 25px;padding: 0px;padding-top: 0px;}
.full .menu li{padding-bottom: 15px;}
.full .cont>a{display: block;padding: 5px 0px;}
.full .cont .phone{font-size: 22px;font-weight: bold;color: black;}
.full .cont .mail{color: #E61870;}




/* Калькулятор */
/* Лейбел */
.ezfc-form .ezfc-label{font-weight: bold;padding-bottom: 5px;}
.ezfc-form .ezfc-text {font-size: 1.6em;font-weight: 700;padding: .3em;}
.ezfc-form .ezfc-slider-element .ui-slider-handle{background: var(--main-color)!important;border: none;}
/* Цена */
.ezfc-form .ezfc-price {font-weight: bold;}
.ezfc-form .ezfc-price-value {color: var(--main-color);font-size: 60px;vertical-align: middle;}
.ezfc-form .ezfc-price-currency {font-size: 40px;vertical-align: middle;}
/* Импут */
.ezfc-element-input, .ezfc-element-numbers, .ezfc-element-select, .ezfc-element-select, .ezfc-element-textarea{width: 100%;border-radius: 10px;border: 1px solid #E2E2EB;padding: 10px!important;appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none;margin: 0!important;}
.ezfc-element-select{cursor: pointer;background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;}
/* Если есть иконка */
.ezfc-form .ezfc-element.ezfc-has-icon {padding-left: 50px!important;}
/* Кнопка */
.ezfc-form .button{padding: 15px 30px!important;}
/* Сообщение ниже формы */
.ezfc-required-notification {font-size: .8em;margin-top: 1em;}

/* Радио с картинками */
@media (max-width: 921px) {
	.fimg .ezfc-element-radio-container{display: flex!important;align-items: center;margin-bottom: 5px;}
	.fimg .ezfc-element-radio{max-width: 100px;}
	.fimg .ezfc-element-option-has-image img{padding-right: 10px;}
	.ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{text-align: left!important;}
}
@media (min-width: 992px) {
	.fimg .ezfc-element-option-container {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -0.5%;margin-right: -0.5%;}
	.fimg .ezfc-element-radio-container{margin-right: 0.5%;margin-left: 0.5%;flex: 0 0 32.333333%;max-width: 32.333333%;}
}
.fimg .ezfc-element-radio-container{background-color: white;border-radius: 10px;padding: 10px!important;}
.ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{display: block!important;}
.fimg .ezfc-element-option-has-image img{opacity: 1!important;}
.fimg .ezfc-element-option-has-image img.ezfc-selected~.ezfc-addon-option {border-color: var(--main-color);}
.fimg .ezfc-element-option-has-image .ezfc-addon-option{border: 2px solid #E2E2EB;border-radius: 10px;top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;}


/* Радио и чек */
.ezfc-element-checkbox-input, .ezfc-element-radio-input{display: none;}
.ezfc-element-radio-container, .ezfc-element-checkbox-container{padding: 4px 0px;display: flex;}
.ezfc-element-radio-text label, .ezfc-element-checkbox-text label{cursor: pointer;}
.fcheck .ezfc-addon-label{cursor: pointer;width: 20px;height: 20px;background-color: transparent;border: #797979 1px solid;display: inline-block!important;margin: 0 5px 0 0;position: relative;vertical-align: middle;border-radius: 100%;line-height: 1em;}
/* Радио */
.fcheck .ezfc-addon-label:after {content: '';width: 12px;height: 12px;background-color: transparent;display: inline-block;border-radius: 100%;position: absolute;top: 3px;left: 3px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-outtransition: all .2s ease-in-out;}
.fcheck .ezfc-element-radio-input:checked+.ezfc-addon-label:after {background-color: var(--main-color);}
/* Чекбокс */
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: var(--main-color);}
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label:before {content: "\f00c";font-family: FontAwesome;font-size: .9em;position: relative;left: .1em;}
/* Сообщение после отправки */
.ezfc-success-text{background-color: green;text-align: center;padding: 20px 0px;color: white;font-weight: bold;font-size: 20px;}



/* Да, Нет */
.fdanet .ezfc-text-right{flex: 0 0 80%;text-align: left;}
.fdanet .ezfc-element-option-selectable-text{background-color: white;}
.fdanet .ezfc-element-option-selectable-text.ezfc-selected{background-color: var(--main-color)!important;}

/* Кнопки плюс минус у числа 
.fdanet .ui-spinner{overflow: visible;}
.fdanet .ui-spinner-down{
	border-radius: 50%;
    position: absolute;
    left: -40px;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: var(--main-color);
    border: none;
}


.fdanet .ui-spinner-down:hover{background: none!important;opacity: 1!important;box-shadow: none;}

.fdanet .ui-spinner-down span{background: none;text-indent: 0;}
.fdanet .ui-spinner-down span:before {content: "\f068";color: white;font: normal normal normal 14px/1 FontAwesome;}
*/

.fslide .ezfc-text-right{flex: 0 0 40%;text-align: left;}

.fplus tbody{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.fplus .ezfc-element-table_order-row {display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: space-between;background-color: white;padding: 5px;margin: 0.2%;}
.fplus .ezfc-element-table_order-table .ezfc-element-table_order-image-column, .fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{width: 100%;text-align: center;line-height: 20px;display: flex;justify-content: center;}
.fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{padding: 10px 0px;}
@media (max-width: 921px) {
	.fplus .ezfc-element-table_order-row{flex: 0 0 49.5%;max-width: 49.5%;}
}
@media (min-width: 992px) {
	.fplus .ezfc-element-table_order-row{flex: 0 0 16.266666666%;max-width: 16.266666666%;}
}