@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Open+Sans+Condensed:wght@300;700&display=swap');
@import url("colors.css");
body {font-family: 'Open Sans', sans-serif;}

.c000 {color: #232323;}
.c333 {color: #333;}
.cf4 {color: #f4f4f4;}
.cf4:hover {color: #f1f1f1;}
.cfff {color: #fff;}
.cfff:hover {color: #f1f1f1;}
.color_white-grey {color: #f4f4f4;}

.fbold {font-weight: bold;}
.f600 {font-weight: 600;}
.f500 {font-weight: 500;}
.f400 {font-weight: 400;}
.fs13 {font-size: 14px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px}
.f30 {font-size: 30px}
.f36 {font-size: 36px;}
.f40 {font-size: 40px;}
.f48 {font-size: 48px;}
.f56 {font-size: 56px;}

.border-1-px {border: 1px;}
.border-2-px {border: 2px;}

.solid {border: solid;}

.border-white {border: white;}

.white {background-color: #fff;}

.grey {background-color: #f4f4f4;}
.black_gray {background-color: #232323;}
.yellow {background-color:#f7e841;  color:#232323;transition: 200ms linear; }
.yellow:hover {background-color: #f4f4f4;transition: 200ms linear; text-decoration: none;}

.small_padding {padding: 1rem;}
.padding {padding: 2rem;}
.icon-small {font-size: 24px; width: 24px; height: 24px; }
.m0 {margin: 0;}
.p0 {padding: 0;}
.m3 {margin: 3rem;}
.m15 {margin: 15px;}
.mr-30 {margin-right: 30px;}
.mt_m-30 {margin-top: -30px;}

.p15 {padding: 15px;}
.pl-15 { padding-left: 15px;}
.pt-15 {padding-top: 15px;}
.pr-15 {padding-right: 15px;}
.pb-15 {padding-bottom: 15px;}
.pt-20 {padding-top: 20px;}
.pb-20 {padding-bottom: 20px;}
.pl-20 {padding-left: 20px;}
.pr-20 {padding-right: 20px;}
.pt-25 {padding-top: 25px;}
.pb-25 {padding-bottom: 25px;}
.pl-25 {padding-left: 25px;}
.pr-25 {padding-right: 25px;}

.pt-30 {padding-top: 30px;}
.pb-30 {padding-bottom: 30px;}
.pl-30 {padding-left: 30px;}
.pr-30 {padding-right: 30px;}

.pt-50 {padding-top: 50px;}
.pb-50 {padding-bottom: 50px;}

.pt-60 {padding-top: 60px;}
.pb-60 {padding-bottom: 60px;}

.pt-70 {padding-top: 70px;}
.pb-70 {padding-bottom: 70px;}

.pt-80 {padding-top: 80px;}
.pb-80 {padding-bottom: 80px;}

.pt-90 {padding-top: 90px;}
.pb-90 {padding-bottom: 90px;}

.mt-20 {margin-top: 20px;}
.mb-20 {margin-bottom: 20px;}
.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mt-50 {margin-top: 50px;}
.mb-50 {margin-bottom: 50px;}
.mb-70 {margin-top: 70px;}
.mb-70 {margin-bottom: 70px;}

.w-80-px {width: 80px; max-width: 80px;}

.centered {text-align: center;}
.inline-block {display: inline-block;}
.block {display: block;}
.flex {display: flex;}
.inline-flex {display: inline-flex;}
.relative {position: relative;}

.br15 {border-radius: 15px;}
.br30 {border-radius: 30px;}
.decoration-none { transition: 200ms linear; text-decoration: none;}
.decoration-none:hover{color:#898989}

.lh13 {line-height: 1.3;}
.line-height-50 {line-height: 50px;}
.round {border-radius: 50%;}
.roundcoub {border-radius: 3%;}
.radiuszero {border-radius: 0;}
.radius3em {border-radius: 3em;}

.h50 {height: 50px; overflow: hidden;}
.h70 {height: 70px; overflow: hidden;}
.h100 {height: 100px; overflow: hidden;}
.h120 {height: 120px; overflow: hidden;}
.h150 {height: 150px; overflow: hidden;}
.h200 {height: 200px; overflow: hidden;}

.border-top {border-top: 1px solid #e4e4e4;}

.line-height-1-3 {line-height: 1.3;}
.line-height-1-4 {line-height: 1.4;}
.line-height-1-5 {line-height: 1.5;}
.line-height-1-6 {line-height: 1.6;}
.line-height-1-7 {line-height: 1.7;}
.line-height-1-8 {line-height: 1.8;}
.line-height-2 {line-height: 2;}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.text-decoration-none {text-decoration: none;}
.text-decoration-underline {text-decoration: underline;}

.cover {background-size: cover;}
.left-center-bacgkround {background-position: left center;}

.icon-medium {width: 36px; height: 36px; font-size: 36px; line-height: 40px;}
.icon-small {width: 24px; height: 24px; font-size: 24px; line-height: 28px;}
.sc_button {   padding: 1.4em 3.1em 1.45em; border-radius: 3em;
    -webkit-box-sizing: border-box;    -ms-box-sizing: border-box;    box-sizing: border-box;    -webkit-box-shadow: 0 0.813rem 1.313rem rgb(0 0 0 / 2%);
    -moz-box-shadow: 0 .813rem 1.313rem rgba(0,0,0,.02);    box-shadow: 0 0.813rem 1.313rem rgb(0 0 0 / 2%);}

.box_shadow_medium-visible {    -webkit-box-shadow: .213rem .413rem .413rem 0.513rem rgba(0,0,0,.05);    -moz-box-shadow: .213rem .413rem .413rem 5.313rem rgba(0,0,0,.05);    box-shadow: .213rem .413rem .413rem 0.513rem rgba(0,0,0,.05);
}
.box_shadow-medium:hover {    -webkit-box-shadow: 0 .813rem 1.313rem rgba(0,0,0,.05);    -moz-box-shadow: 0 .813rem 1.313rem rgba(0,0,0,.05);    box-shadow: 0 .813rem 1.313rem rgba(0,0,0,.05);
}

.hoverblock:hover {}
.swiper-container {   width: 100%;   height: 600px;    position: relative;}

.swiper-container .swiper-slide {position: relative;}
.swiper-container .swiper-slide img {position: relative;    z-index: 0; max-width: 100%; }
.swiper-container .content {position: absolute; width: 100%; top:-10px;    padding: 30px 0;}
.swiper-container .content h1 {font-size: 46px; color: #232323; margin-bottom: 35px; position: relative;    z-index: 2; display: block; margin-top: 30px;}
.swiper-container .content h1:before {content: ''; position: absolute; background-color: #f6e841; width: 150px; height: 70px; border-radius: 15px; top: 0; left: -10px;
    z-index: -1;}
.swiper-brands {max-height: 180px;}
.swiper-brands .swiper-slide .icons {position: relative; z-index: 2;}
.swiper-brands .swiper-slide .icons:after {    content: '';    position: absolute;    left: 10%;    top: 27%;    width: 6.075em;    height: 3.675em;
    z-index: -1;    -webkit-border-radius: 1.7em;    -moz-border-radius: 1.7em;    border-radius: 1.7em;    -webkit-transition: all ease .3s;
    -ms-transition: all ease .3s;    transition: all ease .3s; background-color: #f1f1f1;}
.swiper-brands .swiper-slide:nth-child(2n+1) .icons::after {left: 20%; top: 50%;}
.swiper-brands .swiper-slide:nth-child(3n+1) .icons:after {left: 40%; top: 30%;}
.sc_item_title:after {    content: '';    position: absolute;    width: 3.4rem;    height: 4px;    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px;
    left: 0;    bottom: 0; background-color: #f7e841; left: 50%;    -webkit-transform: translateX(-50%);    -moz-transform: translateX(-50%);    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);    transform: translateX(-50%);}
.sc_item_title_left:after {    content: '';    position: absolute;    width: 3.4rem;    height: 4px;    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px;
    left: 0;    bottom: 0; background-color: #f7e841; left: 50%;    -webkit-transform: translateX(-50%);    -moz-transform: translateX(-50%);    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);    transform: translateX(-50%);}
.sc_services_light .sc_services_item_title {    font-size: 1.5em;    line-height: 1.2;}
.reviews-swiper {max-height: 300px;}
.reviews-swiper .item_content {    -webkit-border-radius: 2.94rem;    -moz-border-radius: 2.94rem;    border-radius: 2.94rem;  padding: 2em 6.2em 0;}
.reviews-swiper .item_content .autor img { max-width: 75px; max-height: 75px; border-radius: 50%; margin-bottom: -50px;   }
.map {position: relative; z-index: 1;}
.map .content {position: absolute; bottom: 30px; width: 100%;}
.whatsapp-call {border: 2px solid green; padding: 4px 8px; border-radius: 10px; color: #fff; transition: 200ms linear;align-content;}
.whatsapp-call:hover{color:#f7e841; transition: 200ms linear;}
.whatsapp-call i {color: green; margin-right: 7px;}
header.fixed {position: fixed; top:0; width: 100%; right: 0; left: 0; right: 0; z-index: 9;}
.img_tovar {border-radius: 15px 15px 0 0; max-width: 100%;}
.callback {width: 500px; max-width: 500px;}
footer {position: relative;}
footer .container .binary {    background-image: url(https://cdn.binarywd.com/pro/images/whitelogosmall.svg);    background-position: top center;    z-index: 5;    position: absolute;    width: 49px;    height: 62px;    display: block;    right: 15%;    bottom: 0;    background-repeat: no-repeat;}
#wpforms-form-104 {color: #f4f4f4;}
.wpcf7-form-control 
   {padding: 15px 10px; width: 100%; border-radius: 5px !important; margin-bottom: 10px; border: 1px solid #f4f4f4;}
.wpcf7-form-control.hidden
   {display: none;}
.wpcf7-form-control.wpcf7-checkbox
   {border: 0;}
#wpforms-form-104 .wpforms-submit 
{    -webkit-box-shadow: 0.213rem 0.413rem 0.413rem 0.513rem rgb(0 0 0 / 5%);
	-moz-box-shadow: .213rem .413rem .413rem 5.313rem rgba(0,0,0,.05);
	box-shadow: 0.213rem 0.413rem 0.413rem 0.513rem rgb(0 0 0 / 5%);
	padding:15px 30px;
	border-radius: 3em; 
	color: #333;
	font-weight: 600;
	border: 0;
	transition: 200ms linear;
	background: #f4f4f4; /*Цвет кнопки формы желтый*/
}
#wpforms-form-104 .wpforms-submit:hover{
	transition: 200ms linear;
	background: #f7e841; /*Цвет кнопки формы желтый*/
} 
.razdel_rubrika {
    background: #f7f7f7 url('../images/title_bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.right-center-background {background-position: right center;}
.razdel_rubrika .title-rubricks:not span {display: none;}
.top_logo {max-width: 140px; display: block;}
.breadcrumbs a {display: inline-block; font-size: 14px; font-weight: 400; color: #333; text-decoration: none;}
.list-style-type-none {list-style-type: none;}

.romb li {position: relative; padding-left: 50px; display: block; padding-bottom: 20px;}
.romb li:before {background-position: center; content: '';    z-index: 5;    position: absolute; width: 42px; height: 42px; left: 0; top:-10px;  }

.footer_logo {max-width: 300px; margin-bottom: 30px;}
.category__description {text-align: justify;}
.category__description h2, .single__description h2 {font-size: 26px; margin-top: 0;}
.sc_services_item_featured_top {min-height: 300px;}
.sc_services_item_featured_top .img_tovar {max-height: 250px;}
.sc_services_item_featured_top .description {height: 75px; overflow: hidden; margin-bottom: 15px; text-align: justify;}
.single__description {text-align: justify;}
@media (max-width: 1400px) {
.display-xl {
	/*display: none; Зачем-то периодически скрывает иконки соц сетей*/
	}
}

@media (max-width: 540px) {
    .callback {max-width: 360px; width: 360px;}
    .sc_item_title {font-size: 26px;}
    .swiper-container .content h1 {font-size: 26px;}
    .f30 {font-size: 22px;}
    h2 {font-size: 26px;}
    .reviews-swiper .item_content {padding: 15px; font-size: 14px;}
    .m3 {margin: 0.5rem;}
}