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

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
         url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic.woff2') format('woff2'),
         url('fonts/OpenSans-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Medium.woff2') format('woff2'),
         url('fonts/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiBold.woff2') format('woff2'),
         url('fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
         url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}


*, ::after, ::before {box-sizing: border-box;}
.container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
body {margin: 0; line-height: 1.5; font-family: 'Open Sans', sans-serif !important; background-color: #f9fdf9;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}
a{color: var(--main-color); text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
img, svg{vertical-align: middle;}
label {display: inline-block;margin-bottom: .5rem;}
button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none;}
button:active, button:focus {outline: none;} 
button::-moz-focus-inner {border: 0;}
button.close{border: none;}
p {margin-top: 0;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;font-weight: bold;;line-height: 1.2;}
h1{font-size:55px;margin-bottom: 30px; font-weight: 500;}
h2{font-size:32px;margin-bottom: 20px; text-transform: uppercase;}
h3{font-size: 26px;margin-bottom: 15px;}

/* iPad */
@media (min-width: 768px){
	.col-pl-2{grid-template-columns: repeat(2, 1fr);}
	#slide .flex{justify-content:center;}
} 
@media (max-width: 1200px) {
	.modal .modal-dialog{width: 100%; padding: 0 18px 0 0;;}
	.block{padding: 40px 0px;}
	.block h2, .block h3{font-size: 25px;line-height: 33px; color: #1e401f;}
	
	.grid{gap: 20px;}
	.col-m-2{grid-template-columns: repeat(2, 1fr);}
	.col-m-3{grid-template-columns: repeat(3, 1fr);}
	.o1{order: 1;}
	.o2{order: 2;}

	.form img{margin: 0px auto;}
	
	.form, .form4{padding: 20px 20px 0px 20px!important;}
	.form .wpcf7-form, .form2 .wpcf7-form{display: grid!important;gap: 5px;}
	.form .wpcf7-submit, .form2 .wpcf7-submit{margin: 0px!important;padding: 15px 20px!important;border-radius: 12px!important;}
	
	#block7 h3, .form2 h2{font-size: 25px;}
	
	#tabs{padding: 20px!important;}
}
@media (max-width: 992px) {
	#mobile {background: #f9fdf9;}
	#mobile .container{display: grid;grid-auto-flow: column;align-items: center;justify-content: space-between;padding-top: 15px;padding-bottom: 15px; }
	#mobile .container.grid {gap: 15px;}
	#mobile .logo img { width: 80px;}
	#mobile .text {max-width: 170px; font-size: 14px; color: #707070;}
	#mobile .nav a {font-size: 15px; font-weight: 600; justify-content: center; display: flex;   align-items: center;}

	#mobile.mobr .container {display: flex; flex-direction: column; gap: 10px;}
	.mobd {display: flex; flex-direction: column; align-items: center; gap: 10px;}
	
	#mobile.mobr .container {background: #EFEFEF; color: #219ab8;}
	#mobile .telr {color: #3d7a47; line-height: 1;}
	#mobile a.phone { font-size: 14px!important; display: inline-block; padding-bottom: 5px;}
	#mobile .worktime { font-size: 14px;}
	#mobile .address {font-size: 14px!important;}
	.uk { font-size: 13px; font-weight: 500; padding: 55px 10px 15px 10px;}

	#mobile .burger svg {  width: 28px;}

	#header, #menu, #top{display: none!important;}

	#za{background-color: #f3f3f3 !important;}
	#za .poly{margin-bottom: 20px;}
	#mmenu{background-color: #f3f3f3;}
	#mmenu .modal-dialog{background-color: #f3f3f3;}
	
	#mmenu .nav{display: inline-block;width: 100%;list-style: none;margin-bottom: 10px;}
	#mmenu .nav>ul{padding: 0px;}
	#mmenu .nav>li{padding: 5px 0px; list-style: none; text-align: left; padding-left: 12px; border-bottom: 1px solid #dfdfdf; margin: 5px; font-size: 14px;}
	#mmenu .nav>li>a{text-transform: uppercase;}
	#mmenu .nav.mobusl>li>a {font-weight: 600;}
	
	#mmenu .nav .sub-menu{padding-top: 10px;}
	#mmenu .nav .sub-menu>li{padding: 10px 0px;list-style: none;}
	
	#mmenu .nav ul.hide {display: none!important;}
	#mmenu .nav .menu-item-has-children {position: relative;}
	#mmenu .nav span.menu-closed:after {content: "";width: 50px;max-height: 50px;position: absolute;right: 0;top: 6px;bottom: 6px;background-image: url('images/marrow.svg');background-size: 12px 7px;background-position: center;background-repeat: no-repeat;transform-origin: center;transform: rotate(-90deg);-webkit-transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);}
	#mmenu .nav span.menu-closed:before {content: "";position: absolute;right: 50px;top: 6px;bottom: 6px;border-left: 1px solid #F8F8F8;}
	#mmenu .nav span.menu-closed.menu-open:after{transform: rotate(0deg);opacity: 0.3;}
	#mmenu .nav span.menu-closed.menu-open:before{opacity: 0;}
	
	
	#mmenu .cont{display: grid;}
	#mmenu .cont .phone{font-weight: bold;font-size: 20px;margin: 10px 0px;}
	#mmenu .cont .ad{margin: 10px 0px;}
	#mmenu .cont .mail{color: #fd5354;margin-top: 10px;}
	#mmenu .soc{margin-top: 20px;}
	
	#mmenu .kvart{margin-top: 20px;}

	h1{font-size:30px;}
	h2{font-size:25px;}
	h3{font-size: 22px;}
	
	.modal-body { height: 100vh; background: #eaf3ea;}
}
@media (max-width: 991px) {
    .modal .modal-dialog {
        padding: 0;
    }
}
/* iPhone 5 */
@media (max-width: 321px){
	.modal .modal-dialog {width: 100%;padding: 20px 15px 20px 0px!important;}
	.modal .modal-dialog .button{width: 100%;padding: 20px!important;}
	#mobile .text {font-size: 10px!important;}
	.block h2, .block h3{font-size: 26px;line-height: 28px;}
}
@media (min-width: 991px) {
	.container{max-width: 1260px;}
	#mobile{display: none!important;}

	.modal .modal-dialog{max-width: 500px; height: 110%; padding: 30px; position: absolute; right: 0; margin: 0px; background: #eaf3ea;}
	.wpcf7 .wpcf7-form .wpcf7-response-output {display: block!important; padding-top: 20px;}
	.block{padding: 70px 0px;}
	.block h2{ font-weight: 700; font-size: 32px; text-transform: uppercase; color: #1e401f; margin-bottom: 30px;}
	.grid{gap: 30px;}
	.col-pc-2{grid-template-columns: repeat(2, 1fr);}
	.col-pc-3{grid-template-columns: repeat(3, 1fr);}
	.col-pc-4{grid-template-columns: repeat(4, 1fr);}
	.col-pc-5{grid-template-columns: repeat(5, 1fr);}
	.col-pc-6{grid-template-columns: repeat(6, 1fr);}
	.col-pc-7{grid-template-columns: repeat(7, 1fr);}
	.col-pc-1-2{grid-template-columns: 1fr 2fr;}
	.col-pc-07-2{grid-template-columns: 0.7fr 2fr;}
	.col-pc-2-07{grid-template-columns: 2fr 0.7fr;}
	.col-pc-2-1 {grid-template-columns: 2fr 1fr;}
	.col-pc-2-3 {grid-template-columns: 2fr 3fr;}
	.col-pc-3-7 {grid-template-columns: 3fr 7fr;}
	.col-pc-15-1 {grid-template-columns: 1.5fr 1fr;}
	.col-pc-15-25 {grid-template-columns: 1.5fr 2.5fr;}
	.col-pc-1-01-2{grid-template-columns: 1fr 0.1fr 2fr;}


	#slide {padding: 40px 0;}
}

:root{
	--main-color: #000;
	--hover-color: #3d7a47;
	--gray-color: #6C6F71;
}

/* Дата для мобильного */
input[type="date"]:before {color: lightgrey;content: attr(placeholder) !important;margin-right: 0.5em;} 
input[type="date"]:focus:before {content: '' !important;}

/* Кнопка вверх */
.btn-back-top {opacity: 0;background: #3d7a47a3;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;left: 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;}}

.img-fluid { max-width: 100%; border-radius: 25px;}
.aligncenter{display: block;margin: 5px auto 5px auto;}
.alignright{float:right;padding-left: 10px;padding-bottom: 10px;}
.table {width: 100%;margin-bottom: 1rem;color: #212529;border-collapse: collapse;}
.table td, .table th {padding: 0.75rem;vertical-align: top;border-top: 1px solid #dee2e6;}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.05);}
.p404{text-align: center;padding: 50px 0px;}
.grid{display: grid;}
.ac{align-items: center;}

/* Табы */
.nav {display: flex;flex-wrap: wrap;padding: 0;margin: 0;list-style: none;outline: none;}
.nav-link:focus, .nav-link:hover {text-decoration: none;}
.nav-link {display: block;}
.tab-content>.tab-pane {display: none;}
.tab-content>.active {display: block;}
.fade {transition: opacity .15s linear;}
.fade:not(.show) {opacity: 0;}
/* Пролистывание на мобильном */
.scroll{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;}
.scroll::-webkit-scrollbar {height: 2px;-webkit-appearance: none;}
.scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.scroll::-webkit-scrollbar-thumb {background: #AAC375;}

/* Гармошка */
.collapse:not(.show) {display: none;}
.collapsing {position: relative;height: 0;overflow: hidden;transition: height .35s ease;}

/* Модальное */
.modal {position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;}
.modal-body {padding: 0!important;}
.modal-content {background-color: #eaf3ea!important; border: none!important; }
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} /*Нужно что бы не прыгало */
.modal-open {overflow: hidden;}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.full {background-color: #f3f3f3; max-width: 100%!important;}
.modal .close{cursor: pointer; position: absolute; top: 5px; right: 5px; border: none; background-color: #EAF3EA;}
.modal .grid{gap: 20px;}
.modal .title{font-size: 30px;line-height: 55px;font-weight: bold;}
.modal .text{color: #545560;font-size: 20px;line-height: 35px;}
.modal p {font-weight: 600; padding-bottom: 10px;}
.modal div.st {padding: 10px 0;}

div.modal-dialog {height: max-content!important;}
.modal-dialog.h100 {background-color: #f3f3f3;}
.modal-dialog { margin: 0!important; }
.modal-dialog .nav .sub-menu{padding: 0!important;}
.modal-dialog .button { margin: 10px auto 0; width: 90%;}
.modal-dialog .wpcf7-submit {width: 100%; margin-top: 15px;}

.modal-body.mobilka {display: grid; align-items: center; width: 100vw;}
#CityChoose .container {padding-top: 50px; background: #eaf3ea;}

.modal-dialog .d-flex.h-100.align-items-center {height: 100vh;}

/* Анимация при наведении на картинку */
.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.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

/* Хлебные */
.breadcrumbs {color: var(--main-color);font-size: 14px;padding-bottom: 10px;}
.breadcrumbs a{color: var(--main-color);border-bottom: 1px solid;}

/* Слайдер */
.owl-nav .disabled{display: none;}


.owl-controls{display: flex; justify-content: center; 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: 15px;}
.owl-dot span {width: 10px;height: 10px;margin: 0px 5px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;border-radius: 30px;}
#svusl .owl-dots {display:flex;justify-content:center;gap:0;margin-top:20px}
#svusl .owl-dot span {width:12px;height:12px;border-radius:50%;background:#d0e2d0;display:block;transition:0.3s}
#svusl .owl-dot.active span,#svusl .owl-dot:hover span {background:#1e401f}
.owl-nav button {opacity: 0.85;}  .owl-nav button:hover {opacity: 1;}


/* Форма связи */
.wpcf7{position: relative;}
/*.wpcf7 .wpcf7-form{display: grid;gap: 20px;}*/
.wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response, .wpcf7 .wpcf7-form .wpcf7-spinner, .wpcf7 .wpcf7-form .wpcf7-response-output{display: none;}
.wpcf7 .wpcf7-form-control.wpcf7-not-valid{border: 1px solid red!important;}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;font-size: 14px;color: red;font-weight: 500;}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output{display: block;font-size: 14px;color: green;font-weight: 500;border: 2px solid green;padding: 10px;margin-top: 10px;text-align: center;background-color: #00800005;}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-mask, .wpcf7 .wpcf7-textarea{border: none;border-bottom: 1px solid #54556020;padding: 10px 0px;width: 100%;outline: none; border-radius: 20px; padding: 15px; margin: 5px 0;}
.wpcf7 .wpcf7-form.submitting .wpcf7-spinner {display: block;background-image: url(images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;}
.wpcf7 .wpcf7-submit{cursor: pointer;border: none;}

/* Другое  */
.ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;}
.phone{white-space: nowrap;}
.h100{display: flex;align-items: center;}

/* Кнопка */
.button {display: block; background: #3d7a47; color: #fff; font-size: 16px; padding: 12px 25px; text-align: center; border-radius: 10px; width: 100%;}
.button:hover {background: #2d6137; transform: translateY(-2px);}
button.owl-dot.active span {   background-color: #3D7A47 !important; }


.citylist a:hover{color: var(--hover-color);}
.citylist ul{gap: 0px 20px;}

a{transition: all 0.25s ease-out;text-decoration:none}
#top a:hover,#header .phone:hover,#footer .menu a:hover,#menu .nav a:hover,#cont .con a:hover,a.phone:hover,#form2 a.phone:hover{color:#3d7a47!important}
.grad-button,button,#form2 .grad-button__link{transition:all 0.5s}
h1 span,h2 span,h3 span{color:#3d7a47;display:block}
a.phone{color:#1f1f1f;font-size:18px;font-weight:600;display:flex;align-items:center;gap:5px}

#header{background:#f9fdf9;border-bottom:1px solid #d9e8d7;padding:20px 0}
#header .header-row{grid-template-columns: 2fr 1fr 1fr; align-items:center;}
#header .logo { display: flex; align-items: center; font-size: 14px; gap: 10px;}
#header .h-left{display: flex; align-items: flex-start; gap: 5px; flex-direction: column; font-size: 14px;}
#header .messengers{display:flex;gap:8px}
#header .messengers a{display:inline-block;width:40px}
#header .messengers img{width:100%;height:auto}
#header .address, #header .worktime{color:#555;}
#header .address span {cursor: pointer; color: #3d7a47; transition: .3s all;}
#header .address span:hover {color: #000;}
#header .logo img{height:95px}
#header .h-right{display:flex;align-items:center;gap:15px}
#header .phone{font-size:18px;font-weight:500;color:#3d7a47}
#header .button.calc-btn{background: #3d7a47;color: #fff; padding: 12px 25px; border-radius: 10px; font-size: 15px; text-decoration: none; white-space: nowrap;}
#header .button.calc-btn:hover{background:#2d6137}

@media(max-width:991px){
	#header .header-row{flex-direction:column;gap:20px}
	#header .h-right{flex-direction:column;gap:10px}
	#header .button.calc-btn{width:100%}
}


#menu{background-color:#eaf3ea}
#menu .container{display:flex;align-items:center;gap:60px}
#menu .nav{display:flex;flex-grow:1;justify-content:space-between}
#menu .nav li{display:inline;position:relative}
#menu .nav a{color:#3d7a47;font-size:16px;display:flex;align-items:center;padding:15px 0;font-weight:500;transition:transform 0.3s ease}
#menu .nav li.menu-item-has-children>a::after{content:"\276F";font-size:14px;margin-left:8px;color:#3d7a47;display:inline-block;transition:transform 0.3s ease}
#menu .nav li:hover>a::after{transform:rotate(90deg)}

#menu ul.sub-menu{position:absolute;top:100%;left:0;z-index:11;display:none;flex-direction:column;align-items:flex-start;background:#fff;padding: 0;border:1px solid #d0e0cf;border-radius:0;box-shadow:0 12px 24px rgba(0,0,0,0.07);min-width:220px;white-space:nowrap;transition:all 0.2s ease}
#menu .nav li:hover>ul.sub-menu{display:flex!important}
#menu ul.sub-menu li{width:100%}
#menu ul.sub-menu li a{font-size:15px;font-weight:500;color:#294d2f;padding:12px 18px;border-radius:0;border-bottom:1px solid #eaeaea;display:block;transition:background 0.2s ease,color 0.2s ease}
#menu ul.sub-menu li:last-child a{border-bottom:none}
#menu ul.sub-menu li a:hover{background:#f5fbf5;color:#1e401f}



.line {width: 100%; height: 5px; background-color:#26B1D4; margin: 20px 0;}
@media (max-width: 991px) {
	#text-ph .line {width: 80%;}
	#svusl .line {width: 70%;}
}
#hero-banner{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;padding:120px 0 120px;color:#1e401f}
#hero-banner { position: relative; overflow: hidden;}
#hero-banner .hero-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; }
#hero-banner .container,
#hero-banner .hero-inner { position: relative; z-index: 1; }
#hero-banner::before{content:"";position:absolute;inset:0;background:rgb(0 0 0 / 53%); z-index: 1;}
#hero-banner .container{position:relative;z-index:2}
#hero-banner .hero-inner{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center;max-width:1000px;margin:0 auto}
#hero-banner .hero-text h1{font-size:50px;font-weight:700;line-height:1.1;margin:0;color:#fff;text-transform:uppercase}
#hero-banner .hero-text p{font-size:18px;color:#f0f0f0;margin-top:10px}
#hero-banner .hero-benefits{display: flex;gap: 30px;flex-wrap: wrap;justify-content: center;margin-top: 20px;background: rgba(255,255,255,0.07);padding: 30px 20px;border-radius: 12px;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.06);}
#hero-banner .benefit{display:flex;flex-direction:column;align-items:center;gap:10px;width:200px;justify-content: space-evenly;}
#hero-banner .benefit img{width:48px;height:auto}
#hero-banner .benefit span{font-size: 16px; font-weight: 500; color: #fff; line-height: 1.4;}
#hero-banner .hero-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;}
#hero-banner .hero-actions .button{background: #3d7a47;color: #fff;  padding: 15px 15px; font-weight: 600; text-transform: uppercase;}
#hero-banner .hero-actions .button:hover{background:#2c5a34}
#hero-banner .hero-actions .button.green{background:#4ea964}
#hero-banner .hero-actions .button.green:hover{background:#3c8b50}
#hero-banner .hero-actions .button.dark{background:#1e401f}
#hero-banner .hero-actions .button.dark:hover{background:#163217}
#hero-banner .hero-actions .hero-socials{display:flex;gap:12px;justify-content:center;margin-bottom:20px}
#hero-banner .hero-actions .hero-socials img{width:50px;height:50px}
@media(max-width:991px){
	#hero-banner{padding:80px 20px}
	#hero-banner .hero-text h1{font-size:34px}
	#hero-banner .hero-text p{font-size:16px}
	#hero-banner .hero-benefits{gap:20px}
	#hero-banner .benefit{width:45%}
	#hero-banner .hero-actions{width: 100%; flex-direction:column;gap:12px}
	#hero-banner .benefit img{width:40px;height:auto}
	#hero-banner .benefit span{font-size: 13px; }
}


#text-ph{background:#f9fdf9}
#text-ph .text-el{font-size:16px;line-height:1.6;color:#333;margin-bottom:25px}
#text-ph .modern-block{display:flex;align-items:stretch;gap:60px}
#text-ph .modern-image{flex:1;min-height:100%}
#text-ph .modern-image img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.06)}
#text-ph .modern-content{flex:1;display:flex;flex-direction:column;justify-content:center}
#text-ph .modern-actions{display:flex;gap:20px;flex-wrap:wrap}
#text-ph .button{padding: 12px 22px; font-weight: 600; font-size: 16px;}
#text-ph .button.green{background:#3d7a47;color:#fff}
#text-ph .button.green:hover{background:#2d6137}
#text-ph .button.dark{background:#1e401f;color:#fff}
#text-ph .button.dark:hover{background:#122e17}
@media(max-width:991px){
	#text-ph{padding:40px 0}
	#text-ph .modern-block{flex-direction:column;gap:30px}
	#text-ph .modern-actions{justify-content:center}
	#text-ph .button{width:90%;text-align:center}
}
#text-ph .modern-block { position: relative; }
#text-ph .modern-content {background: rgba(255,255,255,0.85); padding: 40px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.05);}


#advantage-block{background:#f9fdf9;}
#advantage-block .advantage-wrapper{display:flex;flex-wrap:wrap;gap:30px;align-items:stretch;}
#advantage-block .advantages-list{flex:1 1 55%;display:grid;grid-template-columns:1fr 1fr;gap:30px;}
#advantage-block .adv-item{display:flex;gap:20px;background:#ffffff;border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.03); align-items: center;}
#advantage-block .adv-item img{width:48px;height:48px;flex-shrink:0;}
#advantage-block .adv-item h3{margin:0 0 8px;font-size:18px;color:#1e401f; line-height: normal;}
#advantage-block .adv-item p{margin:0;color:#444;}
#advantage-block .advantage-promo{flex:1 1 40%;background:#eaf3ea;padding:40px;border-radius:16px;display:flex;flex-direction:column;justify-content:center;}
#advantage-block .advantage-promo h3{color:#1e401f;font-size:22px;margin-bottom:15px;}
#advantage-block .advantage-promo p{color:#1e401f;margin-bottom:25px;line-height:1.5;}
#advantage-block .button-green{background:#3d7a47;color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;display:inline-block;font-weight:600;}
#advantage-block .button-green:hover{background:#2d6137;}
@media(max-width:991px){
#advantage-block .advantage-wrapper{flex-direction:column-reverse;}
#advantage-block .advantages-list{grid-template-columns:1fr;}
}

#services-grid {background: #f9fdf9;}
#services-grid .services-head {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-bottom: 50px; gap: 30px;}
#services-grid .services-head .desc {font-size: 16px; line-height: 1.6; color: #444; flex: 1; max-width: 650px; text-align: right;}
#services-grid .services-cards {display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 30px;}
#services-grid .service-card {background: #fff; padding: 30px 25px; border-radius: 20px; box-shadow: 0 4px 24px rgba(0,0,0,0.04); border: 1px solid #e6efe3; transition: 0.3s;}
#services-grid .service-card:hover {transform: translateY(-5px);}
#services-grid .service-card img {width: 44px; height: 44px; margin-bottom: 20px;}
#services-grid .service-card h3 {font-size: 20px; color: #1e401f; margin-bottom: 12px;}
#services-grid .service-card p {font-size: 15px; color: #444; line-height: 1.5;}
@media (max-width: 991px) {
	#services-grid h2.title {text-align: center;}
	#services-grid .services-head .desc {text-align: left;}
	#services-grid .services-head {  flex-direction: column; gap: 0; align-items: center; margin-bottom: 20px;}
}


#cta-block { padding: 80px 0; background: linear-gradient(90deg, #eaf3ea 0%, #f9fdf9 100%); text-align: center;}
#cta-block .container {max-width: 90%; margin: 0 auto; padding: 0 15px;}
#cta-block .cta-title {font-size: 32px; font-weight: 700; color: #1e401f; margin-bottom: 20px;}
#cta-block .cta-subtitle {font-size: 18px; line-height: 1.6; color: #444; margin-bottom: 35px;}
#cta-block a.button {  font-weight: 500; width: 100%; margin: 0 auto; max-width: max-content; padding: 12px 80px;}
@media (max-width: 991px) {#cta-block .container {max-width: 90%; margin: 0 auto; padding: 0 15px;}}
#cta-block .cta-contacts {display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 35px;}
#cta-block .cta-link {display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 600; color: #1e401f; background: #fff; padding: 12px 22px; border-radius: 12px; text-decoration: none; box-shadow: 0 4px 16px rgba(0,0,0,0.05); transition: 0.3s;}
#cta-block .cta-link:hover {color: #3d7a47; transform: translateY(-2px);}
#cta-block .cta-link img {width: 22px; height: 22px;}
@media (max-width: 991px) {
	#cta-block .cta-link {width: 100%;}
	#cta-block a.button {width: 100%; padding: 15px 80px;}
	#cta-block .cta-contacts { margin-bottom: 20px;}
}


#included-block { background:#f9fdf9;}
#included-block .included-wrapper {display:flex;gap:60px;align-items:center;flex-wrap:wrap;}
#included-block .included-image {flex:1;min-width:300px;}
#included-block .included-image img {width:100%;height:auto;border-radius:20px;box-shadow:0 6px 24px rgba(0,0,0,0.06);}
#included-block .included-content {flex:1;min-width:300px;}
#included-block .included-desc {color:#444;margin-bottom:30px;}
#included-block .il {display:grid;grid-template-columns:1fr 1fr;gap:15px;list-style:none;padding:0;margin:0;}
#included-block .il li {position:relative;padding-left:28px;color:#333;}
#included-block .il li::before {content:'✓';position:absolute;left:0;top:0;color:#3d7a47;font-weight:700;}
#included-block .button {width: max-content;}
@media(max-width:991px) {
	#included-block .included-wrapper {flex-direction:column;}
	#included-block .il {grid-template-columns:1fr;}
	#included-block .button {width: 100%;}

}


#svusl h2 {text-align:center;}
#svusl .owl-carousel {margin-top: 40px; padding-bottom: 20px;}
#svusl .card-item {background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.06); display:flex; flex-direction:column;}
#svusl .card-item .image img {width:100%; height:240px; object-fit:cover;}
#svusl .card-item .content {padding:25px; background:rgba(255,255,255,0.95); text-align:center;}
#svusl .card-item .content p.pod {font-size:17px; font-weight:600; color:#1e401f; margin-bottom:0;}
#svusl .owl-nav {position: absolute; bottom: 0; right: 0; display: flex; width: 100%; justify-content: space-between; align-items: baseline;}
#svusl .owl-nav button {width:44px;height:47px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;border:none;}
#svusl .owl-nav button.owl-prev {background-image:url(./images/next.svg);background-repeat:no-repeat;background-position:center;}
#svusl .owl-nav button.owl-next {background-image:url(images/prev.svg);background-repeat:no-repeat;background-position:center;}
@media(max-width:991px) {
  #svusl {padding:40px 0;}
  #svusl h2 {font-size:26px;}
  #svusl .card-item .image img {height:180px;}
  #svusl .owl-carousel {gap:20px;}
  #svusl .card-item .content {padding:20px;}
}


#services-block { background: #f9fdf9;}
#services-block .section-title {text-align: center;}
#services-block .service-item {display: flex; align-items: center; gap: 20px;}
#services-block .service-item.reverse {flex-direction: row-reverse;}
#services-block .service-content {flex: 1; background: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 4px 24px rgba(0,0,0,0.04);}
#services-block .service-content .service-num {font-size: 18px; font-weight: 600; color: #3d7a47; display: block; margin-bottom: 10px;}
#services-block .service-content h3 {font-size: 24px; color: #1e401f; margin: 0 0 20px;}
#services-block .service-content p {font-size: 16px; color: #444; margin-bottom: 25px; line-height: 1.6;}
#services-block .button-link {background: #3d7a47; color: #fff; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-weight: 600; display: inline-block;}
#services-block .button-link:hover {background: #2d6137;}
#services-block .service-image {flex: 1; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,0.05);}
#services-block .service-image img {width: 100%; height: 100%; max-height: 550px; object-fit: cover; display: block;}
#services-block .service-num { font-size: 18px; font-weight: 600; color: #3d7a47;position: relative; padding-left: 40px; margin-bottom: 15px;}
#services-block .service-num::before { content: ''; width: 30px; height: 2px; background: #3d7a47; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
@media(max-width:991px) {
	#services-block .service-item, #services-block .service-item.reverse {flex-direction: column; margin-bottom: 45px;}
	#services-block .service-content, #services-block .service-image {width: 100%;}
}
@media (min-width: 991px) {#services-block .service-item {margin-bottom: 20px;}}


#showcase-block {background:#f9fdf9;}
#showcase-block .showcase-wrapper {position:relative; display:flex; align-items:center; justify-content:flex-end;}
#showcase-block .showcase-image {position:absolute; left:0; top:0; bottom:0; width:50%; z-index:1; overflow:hidden; border-radius:0 40px 40px 0;}
#showcase-block .showcase-image img {width:100%; height:100%; object-fit:cover;border-radius: 10px;}
#showcase-block .showcase-card {position:relative; z-index:2; background:#fff; border-radius:30px; padding:60px; max-width:700px; margin-left:auto; box-shadow:0 8px 30px rgba(0,0,0,0.05);}
#showcase-block .suptitle {font-size:14px; text-transform:uppercase; color:var(--c1); font-weight:600; margin-bottom:16px;}
#showcase-block .section-title {font-size:32px; font-weight:700; color:#1e401f; margin-bottom:24px;}
#showcase-block .showcase-card p {font-size:16px; color:#444; line-height:1.6; margin-bottom:30px;}
#showcase-block .button {display:inline-block; padding:16px 32px; font-size:16px; font-weight:600; border-radius:16px; text-decoration:none; transition:.3s; box-shadow:0 6px 16px rgba(0,0,0,0.08); width: max-content;}
#showcase-block .showcase-button:hover {background:#026c66;}
#showcase-block .showcase-card a[href^="tel:"] {display:inline-flex; align-items:center; gap:10px; margin-top:20px; font-size:18px; font-weight:600; color:#1e401f; text-decoration:none; transition:.3s; margin-left: 10px;}
#showcase-block .showcase-card a[href^="tel:"]:hover {color:#008578;}
@media(max-width:991px) {
	#showcase-block .showcase-wrapper {flex-direction:column-reverse; align-items:stretch;}
	#showcase-block .showcase-image {position:relative; width:100%; height:300px; border-radius:20px; margin-bottom:30px;}
	#showcase-block .showcase-card {padding:30px; border-radius:20px;}
	#showcase-block .section-title {font-size:26px;}
	#showcase-block .showcase-card a[href^="tel:"] {font-size: 20px; text-align: center; width: 100%;justify-content: center; margin-left: 0;}
	#showcase-block .button {margin: 0 auto; width: 100%; padding:12px 30px;}
}


#calc { background: #f6fdf6;}
#calc .info { font-size: 18px; color: #444; margin-bottom: 25px;}
#calc .calculator-content { background: #ffffff; padding: 30px; border-radius: 12px; box-shadow: 0 6px 24px rgba(0,0,0,0.05);}
@media (max-width: 991px) {
  #calc .info { font-size: 15px;  }
  #calc .calculator-content { padding: 20px; }
}


#price .price-table-wrap {overflow-x: auto; border-radius: 12px; box-shadow: 0 4px 20px #0000000a; background: #fff; padding: 15px;}
#price .price-table-wrap table {min-width: 370px; width: 100%; border-collapse: collapse; font-size: 15px; text-align: center;}
#price .price-table-wrap thead th {background: var(--c1); color: #fff; text-transform: uppercase; font-weight: 500; padding: 14px 10px; border: none;}
#price .price-table-wrap tbody td {padding: 18px 12px; border-bottom: 1px solid #e0e0e0; word-break: break-word;}
#price .price-table-wrap tbody tr:last-child td {border-bottom: none;}
#price .price-table-wrap tbody td:first-child {text-align: left; font-weight: 500;}
#price .price-table-wrap tbody td:last-child {white-space: nowrap;}
#price .price-note {font-size: 15px; color: #666; margin-top: 25px; text-align: right;}
@media(max-width:991px){
  #price .price-note {text-align: left;}
}


#catalog .grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px;}
#catalog .card {background: #fff; border: 1px solid #4a9c53; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .3s;}
#catalog .card:hover {box-shadow: 0 8px 30px #00000015;}
#catalog .img-wrap img {width: 100%; /*height: 220px; object-fit: cover;*/ display: block;}
#catalog .card-body {padding: 20px; display: flex; flex-direction: column; flex-grow: 1;}
#catalog .card-body h3 {font-size: 18px; font-weight: 700; margin-bottom: 10px; color: #000;}
#catalog .card-body .desc {font-size: 15px; color: #666; flex-grow: 1;}
#catalog .card-body .desc p {margin-bottom: 5px;}
#catalog .card-body h3::after {content: ""; display: block; height: 1px; background: #e0e0e0; margin: 10px 0 ;}
#catalog .divider-line {content: ""; display: block; height: 1px; background: #e0e0e0; margin: 10px 0 20px;}
#catalog .tags {display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px;}
#catalog .tags span {padding: 6px 12px; font-size: 13px; border: 1px solid #4a9c53; border-radius: 20px; color: #4a9c53; font-weight: 500; background: #fff;}
#catalog .button {width: 100%; text-align: center; padding: 12px 0; border-radius: 8px; font-size: 15px; font-weight: 600; background: linear-gradient(90deg,#4a9c53,#296e36); color: #fff; text-decoration: none;}
@media(max-width: 991px) {
	#catalog h2 {text-align: center;}
	#catalog .owl-dots {display: flex; justify-content: center;}
}



#text-block { background: #f9fdf9;}
#text-block .text-block-inner {	margin: 0 auto;padding: 40px;background: #ffffff;border-radius: 20px;box-shadow: 0 10px 40px rgba(0,0,0,0.04);}
#text-block .text-heading {display: flex;align-items: center;gap: 20px;margin-bottom: 30px;}
#text-block .text-heading .line {width: 40px;height: 4px;background: #3d7a47;border-radius: 2px;}
#text-block .text-title {font-size: 30px;font-weight: 700;color: #1e401f;margin: 0;}
#text-block .text-content p {font-size: 17px;line-height: 1.75;	color: #444;margin-bottom: 20px;}
@media (max-width: 768px) {
	#text-block .text-block-inner {	padding: 25px 20px;}
	#text-block .text-title { font-size: 24px; }
	#text-block .text-content p { font-size: 15px; }
}


#services-flow { background:#f9fdf9;}
#services-flow .section-title {font-size:32px; font-weight:700; color:#1e401f; text-align:center; margin-bottom:60px;}
#services-flow .flow-wrapper {display: grid; grid-template-columns: 1fr 1fr;position:relative;border-left:2px dashed #3d7a478c; padding-left:20px;}
#services-flow .flow-item {position:relative; margin-bottom:50px; display:flex; align-items:center; gap:20px;}
#services-flow .flow-icon {width:50px; height:50px; background:#fff; border:2px solid #1e401f; border-radius:10px; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgba(0,0,0,0.05);}
#services-flow .flow-icon img {width:24px; height:24px;}
#services-flow .flow-content h3 {font-size:20px; font-weight:700; color:#1e401f; margin-bottom:10px;}
#services-flow .flow-content p {font-size:15px; color:#444; line-height:1.6; margin:0;}
@media(max-width:768px) {
	#services-flow .flow-wrapper {grid-template-columns: 1fr; padding-left:10px;}
	#services-flow .flow-item {flex-direction:column; gap:10px; margin-bottom:40px; padding:0 10px 0 0;}
	#services-flow .flow-icon {left:-25px;}
	#services-flow .section-title {font-size:26px;}
	#services-flow .flow-content {text-align: center;}
	#services-flow .flow-wrapper {border-right: 2px dashed #3d7a478c;}
}



#steps-block {background:#f9fdf9;}
#steps-block .section-top {text-align:center; margin-bottom:60px;}
#steps-block .suptitle {font-size:14px; text-transform:uppercase; color:var(--c1); font-weight:600; letter-spacing:1px;}
#steps-block .section-title {font-size:32px; font-weight:700; color:#1e401f;}
#steps-block .steps-track {position:relative; display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px; align-items:flex-start;}
#steps-block .step-track-line {position:absolute; top:0; left:50%; transform:translateX(-50%); width:2px; height:100%; background:repeating-linear-gradient(to bottom, #3d7a478c , #3d7a478c 8px, transparent 8px, transparent 16px); z-index:-1;}
#steps-block .step-item {position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; z-index:1;}
#steps-block .step-item.mid {margin-top:-30px;}
#steps-block .step-circle {background:#fff; padding:8px 20px; border-radius:40px; font-size:14px; font-weight:600; color:#1e401f; box-shadow:0 4px 20px rgba(0,0,0,0.06); margin-bottom:30px; position:relative; z-index:2;}
#steps-block .step-box {background:#fff; border-radius:20px; padding:30px; box-shadow:0 4px 20px rgba(0,0,0,0.05); max-width:100%;}
#steps-block .step-num {font-size:64px; font-weight:700; background:linear-gradient(45deg, #1e401f, #4bb272); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:20px;}
#steps-block .step-title {font-size:20px; font-weight:700; color:#1e401f; margin-bottom:10px;}
#steps-block .step-text {font-size:16px; color:#444; line-height:1.6;}
@media(max-width:991px) {
  #steps-block .steps-track {grid-template-columns:1fr; gap:50px;}
  #steps-block .step-item.mid {margin-top:0;}
  #steps-block .section-title {font-size:26px;}
  #steps-block .step-box {padding:25px;}
  #steps-block .step-num {font-size:48px;}
}


#cta-block2 {padding: 20px 0; background:#f9fdf9;}
#cta-block2 .cta-box {background:#fff; border-radius:20px; padding:40px 50px; box-shadow:0 4px 24px rgba(0,0,0,0.06); display:flex; justify-content:space-between; align-items:center; gap:40px; flex-wrap:wrap;}
#cta-block2 .cta-text h2 {font-size:28px; font-weight:700; color:#1e401f; margin:0 0 15px;}
#cta-block2 .cta-text p {font-size:16px; color:#444; line-height:1.6; margin:0;}
#cta-block2 .button {display:flex; align-items:center; gap:12px; padding:16px 28px; font-size:18px; font-weight:600; border-radius:16px; text-decoration:none; box-shadow:0 4px 12px rgba(0,0,0,0.1); transition:.3s; width: max-content;}
#cta-block2 .button img {width:20px; height:20px;}
@media(max-width:768px) {
  #cta-block2 .cta-box {flex-direction:column; text-align:center; padding:30px;}
}


#about-hero { position: relative; padding: 100px 0; background: #1e401f url('./images/onas.jpg') center center / cover no-repeat fixed; color: #fff;}
#about-hero::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#eaf3ead4; z-index:1;}
#about-hero .about-hero-content {position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:60px;}
#about-hero h3 {color: #1e401f;}
#about-hero .left {flex:1 1 50%; color:#fff;}
#about-hero .left p { font-size: 16px; font-weight:500; line-height: 1.7; max-width: 500px; color: #1e401f;}
#about-hero .right {flex:1 1 40%; display:flex; flex-direction:column; gap:25px;}
#about-hero .fact {display:flex; align-items:center; gap:20px; background:#fff; padding:20px 25px; border-radius:16px; box-shadow:0 6px 30px rgba(0,0,0,0.06);}
#about-hero .fact img {width:40px; height:40px;}
#about-hero .fact strong { display: block; font-size: 25px; font-weight: 600; color: #1e401f;}
#about-hero .fact .span {font-size:14px; color:#555;}
@media(max-width:991px) {
  #about-hero {padding:60px 0;}
  #about-hero .about-hero-content {flex-direction:column;}
}

#about-brief { background:#fff;}
#about-brief .about-brief-grid {display: flex; align-items: flex-end; justify-content: flex-end; flex-wrap: wrap; gap: 20px;}
#about-brief .about-brief-content {flex:1 1 50%;}
#about-brief .section-title {font-size:32px; font-weight:700; color:#1e401f; margin-bottom:40px;}
#about-brief .about-points {display:flex; flex-direction:column; gap:15px;}
#about-brief .point-item {display:flex; align-items:center; gap:20px; background:#eaf3ea; border-radius:16px; padding:20px 25px; box-shadow:0 4px 16px rgba(0,0,0,0.04);}
#about-brief .point-item .icon img {width:36px; height:36px;}
#about-brief .point-item .text strong {display:block; font-size:18px; font-weight:700; color:#1e401f; margin-bottom:6px;}
#about-brief .point-item .text p {font-size:15px; color:#444; line-height:1.6; margin:0;}
#about-brief .about-brief-photo {flex: 1 1 45%; text-align: center;}
#about-brief .about-brief-photo img {width: 100%; height: 350px; object-fit: cover;border-radius:20px; box-shadow:0 8px 24px rgba(0,0,0,0.05);}
@media(max-width:991px) {
  #about-brief .about-brief-grid {flex-direction:column;}
  #about-brief .section-title {text-align:center; font-size:26px;}
  #about-brief .about-brief-photo img {max-width:100%; margin-top:20px;}
}



#comp {background:#f9fdf9;}
#comp .blue-line {width:90px; height:4px; background:#1e401f; margin-top:10px;}
#comp .about-items {display:flex; flex-wrap:wrap; gap:25px 40px; }
#comp .about-item {display:flex; flex-direction:column; align-items:flex-start; width:calc(50% - 30px);}
#comp .about-num {display:flex; align-items:baseline; justify-content:space-between; width:100%;}
#comp .about-num .small {color:#1e401f; font-size: 16px; font-weight: 500; text-transform:uppercase; display:inline-block; transform:translateY(-10px);}
#comp .about-num .big { font-size: 80px; font-weight: 700; color: #1e401f; margin: 0;}
#comp .b-line {width:100%; height:5px; background:#cce2cd; margin:-24px 4px 10px 0; border-radius:3px;}
#comp .about-text p {font-size: 16px; color: #444; margin: 0;}
@media (max-width: 991px) {
	#comp h2 {margin-bottom: 40px;}
	#comp .about-items {width:100%; flex-direction:column; margin-top:-30px; gap:0;}
	#comp .about-item {width:100%; align-items:flex-start!important; margin-bottom: 20px;}
	#comp .about-num .big {font-size:48px;}
}



#text-featured { background:#f9fdf9;}
#text-featured .text-featured-wrapper {display:flex; justify-content:space-between; align-items:flex-start; gap:60px; flex-wrap:wrap;}
#text-featured .text-featured-content {flex:1 1 55%;}
#text-featured .text-featured-content h2 {font-size:32px; font-weight:700; color:#1e401f; margin-bottom:20px;}
#text-featured .text-featured-content p {font-size:16px; color:#444; line-height:1.7; margin-bottom:20px;}
#text-featured .text-featured-content .button {margin-top:10px;}
#text-featured .text-featured-note {flex:1 1 35%; background:#fff; border-radius:20px; padding:30px; box-shadow:0 6px 24px rgba(0,0,0,0.06);}
#text-featured .tf-line {margin-bottom:25px;}
#text-featured .tf-num {display:block; font-size:36px; font-weight:700; color:#1e401f; line-height:1;}
#text-featured .tf-label {font-size:14px; color:#666;}
@media(max-width:991px) {
  #text-featured .text-featured-wrapper {flex-direction:column;}
  #text-featured .text-featured-content h2 {font-size:26px;}
  #text-featured .tf-num {font-size:28px;}
  #text-featured .text-featured-note {width:100%;}
}

#text-featured .text-featured-note {flex:1 1 35%; background:#fff; border-radius:20px; padding:30px; box-shadow:0 6px 24px rgba(0,0,0,0.06);}
#text-featured .feature-line {display:flex; align-items:center; gap:15px; margin-bottom:20px;}
#text-featured .feature-line img {width:24px; height:24px;}
#text-featured .feature-line span {font-size:15px; color:#1e401f; font-weight:600;}



#text-block-2 { background: linear-gradient(180deg, #f2f9f2 0%, #f9fdf9 100%); padding: 50px 0 30px;}
#text-block-2.b2{ padding: 50px 0 0; margin-bottom: -25px;}
#text-block-2 .alt-title { text-align: center; font-size: 28px; font-weight: 700; color: #1e401f; position: relative; margin-bottom: 40px;}
#text-block-2.b2 .alt-title { font-size: 40px;}
#text-block-2 .alt-title::before {content: "“"; display: block; font-size: 60px; line-height: 1; color: #e4f1e2; text-align: center; margin-bottom: -20px;}
#text-block-2 .alt-text {max-width: 860px; margin: 0 auto; font-size: 16.5px; line-height: 1.8; color: #444; text-align: justify; padding: 0 20px;}
@media (max-width: 991px) { 
	#text-block-2 .alt-title {  font-size: 24px; }  
	#text-block-2 .alt-text {font-size: 15.5px;}
}


#rews .review-card .quote {font-size: 16px;color: #444; line-height: 1.6; margin-bottom: 35px; position: relative; z-index: 2;}
#rews .reviews-header { display: grid;  grid-template-columns: 1fr 1fr; margin-bottom: 30px;}
#rews .review-numbers {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px; gap: 40px;}
#rews .review-numbers .stat {text-align: center; flex: 1; min-width: 150px;}
#rews .review-numbers .num {font-size: 40px; font-weight: 700; color: #1e401f;}
#rews .review-numbers .desc {font-size: 14px; font-weight: 500; color: #666;}
#rews .review-card {background: #fff; border-radius: 20px; padding: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: space-between; transition: all 0.3s ease;}
#rews .review-card:hover {box-shadow: 0 15px 40px rgba(0,0,0,0.08);}
#rews .quote-wrap {flex: 1;}
#rews .stars {color: #f4b400; font-size: 25px; margin-bottom: 15px;}
#rews .quote {font-size: 16px; color: #444; line-height: 1.6; position: relative; margin-bottom: 35px;}
#rews .quote::before {content: "“"; position: absolute; top: -50px; left: 0; font-size: 160px; color: #eef5eb; font-family: Georgia, serif; z-index: -1;}
#rews .author strong {display: block; font-weight: 600; color: #1e401f; font-size: 16px;}
#rews .author span {font-size: 14px; color: #666;}
@media (max-width: 991px) {
	#rews .reviews-header h2 {text-align: center;}
	#rews .reviews-header {grid-template-columns:1fr; gap: 15px;}
	#rews .review-numbers {align-items: center; text-align: center; margin-bottom: 5px;}
	#rews .owl-nav button { width: 15px!important;  height: 26px!important; }
	#rews .review-numbers .num { font-size: 32px;}
	#rews .review-numbers { gap: 15px; }
}
#rews .owl-nav { position: absolute; top: 50%; left: 0; right: 0; display: flex; justify-content: space-between; transform: translateY(-50%); pointer-events: none; padding: 0 10px; z-index: 5;}
#rews .owl-nav button {width: 20px; height: 43px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; border: none; pointer-events: auto; transition: transform 0.3s ease;}
#rews .owl-nav button:hover { transform: scale(1.05);}
#rews .owl-nav .owl-prev { background-image: url('./images/next.svg');}
#rews .owl-nav .owl-next { background-image: url('./images/prev.svg');}
#rews .owl-nav .owl-prev, #rews .owl-nav .owl-next {opacity: 0.3; transition: .3s all;}
#rews .owl-nav .owl-prev:hover, #rews .owl-nav .owl-next:hover {opacity: 1;}


#faq h2 {font-weight: 400; text-transform: uppercase;}
#faq .mini-block { background: #fff; padding: 20px; margin-left: 60%;}
#faq .faq-wrapper{display:grid;grid-template-columns: 450px 1fr;gap:30px;align-items:flex-start}
#faq .faq-contact{background:url('https://kolodec-kraft.ru/wp-content/uploads/2025/07/kopka.webp');padding:30px 0 0 30px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,0.06);}
#faq .faq-contact p{text-transform: uppercase; font-size:16px; margin-bottom:10px;}
#faq .faq-contact span{font-size:14px; display:block;margin-bottom:20px;}
#faq .cont-mess {display: flex; gap: 25px;}
#faq .messengers{display:flex;justify-content:center;gap:15px;}
#faq .messenger {width:40px;height:40px;}
@media(max-width:991px){
	#faq .faq-wrapper{grid-template-columns:1fr;}
	#faq .faq{order:1; }
	#faq .faq-contact{order:2;}
	#faq .faq-contact p { font-size: 18px; margin-bottom: 10px;}
	#faq .faq-contact {padding: 35px;}
}
/* ----- Аккордеон ----- */
#accordion .card{background:#b1b1b117;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.06);overflow:hidden;margin-bottom:16px; transition: .3s all; box-shadow: 1px 1px 6px 0px #cccccc;}
#accordion .card>a{background: #fff; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; padding: 20px 24px;}
#accordion .card>a:after{content:url('<?= get_template_directory_uri(); ?>/images/arr-blue.svg'); transition: .3s all;}
#accordion .card>a.collapsed:after{transform:rotate(180deg); transition: .3s all;}
#accordion .card>a.collapsed { background: #fff;}
#accordion .card>a.collapsed:after{content: "+"; }
#accordion .tr{ padding: 25px; font-size: 16px; background: #e9f3e9; padding-top: 20px; margin-top: -20px;}
#accordion .card>a:after{ content: "–"; font-size: 35px; font-weight: 600; color: #1e401f; margin-left: auto; transition: .3s;}
#accordion .card>a { background: #e9f3e9; font-size: 17px; font-weight: 600; }
@media(max-width:991px){
	#accordion .tr, #accordion .card>a {padding: 20px;}
	#accordion .card>a{ padding:20px 20px 20px 28px; }
}
#faq .faq-contact {position: relative;background-size: cover;background-position: bottom;padding: 30px 0 0 30px;border-radius: 10px;display: flex;flex-direction: column;justify-content: space-between;min-height: 500px;color: #fff;overflow: hidden;}
#faq .faq-contact h2 {font-size: 28px; font-weight: 700; line-height: 1.4; margin-bottom: auto; background: #e9f3e9; padding: 10px 0; margin-left: -35px;text-align: center;}
#faq .mini-call-block { background: #eaf3ea; color: #1e401f; padding: 20px; border-top-left-radius: 10px; border-top-right-radius: 0;border-bottom-left-radius: 0;border-bottom-right-radius: 0; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1); margin-top: 30px; margin-left: 155px; box-shadow: 1px 1px 6px 0px #cccccc;}
#faq.b2 .mini-call-block{margin-top: 80%;}
#faq .mini-call-block p {margin: 0;font-size: 16px;font-weight: 600;line-height: 1.4;margin-bottom: 10px;}
#faq .mini-call-content {display: flex;align-items: center;gap: 10px;font-size: 18px;font-weight: bold;text-decoration: underline;}
#faq .mini-call-content img {width: 20px;height: 20px;}
@media (max-width: 768px) {
	#faq h2 {color: #1e401f;}
	#faq .faq-contact {	padding: 25px;}
	#faq .faq-contact h2 {	font-size: 22px;}
	#faq .mini-call-block {	padding: 20px;}
	#faq .mini-call-block { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-left: 0px;}
	#faq.b2 .mini-call-block{margin-top: 0%;}
}
@media (min-width: 991px) {.fix { position: sticky; top: 40px; align-self: start; z-index: 1; }}

#geo {background: #f9fdf9;}
#geo .geo-inner {display: grid; gap: 40px; align-items: start;}
#geo .geo-title { background: rgb(234 243 234); display: inline-block; padding: 12px 20px; border-radius: 12px; margin-bottom: 25px;}
#geo .geo-actions {display: flex; flex-wrap: wrap; gap: 15px;}
#geo .geo-actions.mobile-only {display: none;}
#geo .geo-list {display: grid; gap: 15px 20px; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); list-style: none; padding: 0; margin: 0;}
#geo .geo-list li a {font-size: 16px; font-weight: 500; color: #3d7a47; text-decoration: none; position: relative; transition: color 0.2s ease;}
#geo .geo-list li a::after {content: ""; display: block; width: 0%; height: 1px; background: #3d7a47; transition: width 0.3s ease; margin-top: 3px;}
#geo .geo-list li a:hover {color: #1e401f;}
#geo .geo-list li a:hover::after {width: 100%;}
@media (max-width: 991px) {
	#geo .geo-title { text-align: center;}
	#geo .geo-inner {grid-template-columns: 1fr;} 
	#geo .geo-actions {display: none;} 
	#geo .geo-actions.mobile-only {display: flex; gap: 12px; margin-top: 30px;}
}


#docs {background: #f9fdf9;}
#docs .docs-title {font-size: 30px; font-weight: 700; color: #1e401f; text-align: center; margin-bottom: 50px;}
#docs .docs-grid {gap: 30px; justify-content: center; margin: 0 auto;}
#docs .doc-card {text-align: center; background: #fff; border-radius: 12px; padding: 20px; transition: box-shadow 0.3s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.03);}
#docs .doc-card:hover {box-shadow: 0 8px 20px rgba(0,0,0,0.06);}
#docs .doc-image img {width: 100%; height: auto; margin: 0 auto; display: block;}
#docs .doc-label {margin-top: 15px; font-size: 14px; font-weight: 500; color: #3d7a47; background: rgba(61, 122, 71, 0.08); padding: 6px 12px; display: inline-block; border-radius: 6px;}
@media(max-width: 991px) {#docs .docs-grid {grid-template-columns: 1fr 1fr; gap: 30px;}}




#contact-grid-layout {background: #f9fdf9; }
#contact-grid-layout h2 {text-align: center; }
#contact-grid-layout .btn-center {text-align: center; margin-bottom: 50px;}
#contact-grid-layout .btn-main {display: inline-block; background: #1e401f; color: #fff; padding: 12px 28px; border-radius: 30px; font-weight: 600; transition: 0.3s;}
#contact-grid-layout .btn-main:hover {background: #3d7a47;}
#contact-grid-layout .grid-cards {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
#contact-grid-layout .card {background: #fff; border-radius: 20px; padding: 30px; text-align: left; box-shadow: 0 4px 24px rgba(0,0,0,0.04); transition: 0.3s;}
#contact-grid-layout .card:hover {transform: translateY(-5px);}
#contact-grid-layout .mess {display: flex;}
#contact-grid-layout .flex { display: grid;  gap: 15px;}
#contact-grid-layout .fl {display: flex; align-items: center; gap: 15px;}
#contact-grid-layout .card img { width: 45px; height: 45px; }
#contact-grid-layout .card h3 {font-size: 18px; margin: 10px 0; color: #1e401f;}
#contact-grid-layout .card p, #contact-grid-layout .card a {font-size: 15px; color: #444; margin: 0;}
#contact-grid-layout .card a {font-size: 18px;}
#contact-grid-layout .card a {color: #3d7a47; font-weight: 600; text-decoration: none;}
#contact-grid-layout .card a:hover {color: #1e401f;}
#contact-grid-layout .image-card {background: url('https://ekokolodec.ru/wp-content/uploads/2025/07/gotovyy-kolodets-1.webp') center/cover no-repeat; position: relative; display: flex; align-items: center; justify-content: center; color: #fff;}
#contact-grid-layout .image-card .overlay {background: rgba(0,0,0,0.4); padding: 20px 30px; border-radius: 20px; text-align: center;}
#contact-grid-layout .image-card span {font-size: 16px;}
#contact-grid-layout .image-card strong {font-size: 28px; display: block; margin-top: 8px;}
@media (max-width: 991px) {
	#contact-grid-layout .grid-cards {gap: 20px; grid-template-columns: 1fr; }
}


#footer {background: #eaf3ea; color: #1e401f; padding: 60px 0 20px;}
#footer .footer-grid {display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 40px;}
#footer .footer-col .title {font-size: 18px; font-weight: 600; margin-bottom: 15px;}
#footer .footer-col .desc {font-size: 14px; line-height: 1.6; margin: 15px 0 25px;}
#footer .footer-col a.button-outline {display: inline-block; padding: 10px 20px; border: 2px solid #1e401f; border-radius: 8px; color: #1e401f; font-weight: 600; text-decoration: none; transition: 0.2s;}
#footer .footer-col a.button-outline:hover {background: #1e401f; color: #fff;}
#footer .contacts .phone {font-size: 18px; font-weight: 700; display: block; margin-bottom: 10px;}
#footer .contacts .mail {color: #1e401f; display: inline-block; margin: 10px 0;}
#footer .soc {display: flex; gap: 15px; margin-top: 15px;}
#footer .soc img {width: 40px; height: 40px;}
#footer .footer-bottom {margin-top: 40px; font-size: 14px; color: #555; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; border-top: 1px solid #ddd; padding-top: 20px;}
#footer .footer-bottom a {color: #1e401f; text-decoration: none;}
#footer .footer-bottom a:hover {text-decoration: underline;}
@media(max-width: 991px) {
  #footer .footer-grid {grid-template-columns: 1fr; text-align: center;}
  #footer .footer-col a.button-outline {margin: 0 auto;}
  #footer .soc {justify-content: center;}
  #footer .footer-bottom {flex-direction: column; text-align: center;}
}
#footer ul { padding-left: 0;}
#footer ul li {padding:4px 0; list-style:none;}
#footer ul li a {display:inline-block; color:#1e401f; text-decoration:none; font-size:16px; font-weight:500; position:relative; padding-bottom:3px; transition:color 0.2s;}
#footer ul li a::after {content:""; position:absolute; left:0; bottom:0; height:2px; width:100%; background-color:#c3dbc3; transform:scaleX(0); transform-origin:left; transition:transform 0.3s ease;}
#footer ul li a:hover {color:#3d7a47;}
#footer ul li a:hover::after {transform:scaleX(1);}
#footer .logo img {width: 150px;}


#contpage {padding: 0 0 50px;}
#contpage .bold{ font-size: 25px;white-space: nowrap;display: block;font-weight: 600; }
#contpage h3{ font-size:30px;margin-bottom:10px; font-weight: 500; }
#contpage .item{ margin-bottom:15px; }

#title-h1 h1 { margin: 20px 0 0;}

/* Калькуляторы */
.ezfc-form-elements { margin-bottom: 40px;}
/* Лейбел */
.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(--c1)!important;border: none;border-radius:10px;}
/* Цена */
.ezfc-form .ezfc-price {font-weight: bold;}
.ezfc-form .ezfc-price-value {color: var(--c1);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-textarea {
  width: 100%; border: 2px solid var(--c1); border-radius: 10px; padding: 15px!important; appearance: none;
  -moz-appearance: none; -webkit-appearance: none; outline: none; margin: 0!important;
}
.ezfc-element-textarea {height: 150px;}
.ezfc-element-select {
  cursor: pointer; background: #fff no-repeat right 5px top 55%; border-radius: 10px;
}
.ezfc-theme-default .ezfc-element-select {padding: .3em; border: 2px solid var(--c1);}
/* Если есть иконка */
.ezfc-form .ezfc-element.ezfc-has-icon {padding-left: 50px!important; border-radius: 10px;}
/* Кнопка */
.ezfc-theme-default .ezfc-element-submit {padding: 10px!important;}
.ezfc-form .button {border: none; width: max-content; padding: 15px 40px!important; transition: .3s all; background: var(--c1); color: #fff; border-radius: 10px; cursor: pointer; }
.ezfc-element.ezfc-submit-wrapper {margin-top: -30px;}
.ezfc-form .button:hover {background: #1e401f;}
/* Сообщение ниже формы */
.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;padding:10px;}
  .fimg .ezfc-element-option-has-image img{padding-right: 10px;}
}
@media (min-width: 992px) {
  .fimg .ezfc-element-option-container {display: flex; margin: 0; gap: 0px;}
  .fimg .ezfc-element-radio-container{margin: 0 0.5%;flex: 0 0 32.333333%;max-width: 32.333333%;}
  .fimg.two .ezfc-element-radio-container{flex: 0 0 48.999999%;max-width: 48.999999%;border:2px solid var(--c4);}
  .fimg.two .ezfc-element-radio-container.ezfc-option-wrapper-selected{border-color:var(--c1);}
}
.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 .ezfc-addon-option { top: 0; left: 0; width: 100%; height: 100%; position: absolute;}
/* Радио и чек */
.ezfc-grid-6 .ezfc-col-2{padding:0 10px;}
.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;}
/* Да/Нет */
.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(--c1)!important;}
/* Стилизация блока */
#calc {background-color: var(--c3);}
.ezfc-element.ezfc-custom-element.ezfc-column.ezfc-col-3.calcstiky.ezfc-element-wrapper-group {
  background: #fff; border-radius: 10px; height: max-content;
}
.ezfc-element-option-container {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.ezfc-element-option-has-image { display: inline-block; padding: 0 .75em .75em 0; position: relative; text-align: center; border: 1px solid var(--c1); border-radius: 10px;}

.ezfc-element-radio-container.ezfc-element-single-option-container.ezfc-element-option-has-image.ezfc-option-wrapper-selected {
    border: 3px solid #3d7a47;
}
.ezfc-image-selection-style-default .ezfc-element-option-has-image img {object-fit: contain;}
.ezfc-element-option-has-image { padding: 0 0.25em .5em 0.25em!important;}
.ezfc-grid-6 .ezfc-col-6 { width: 100%; margin: 8px 0;}
/* Цвета */
:root{
  --c1:#3d7a47;
  --c2:#26b1d4;
  --c3:#f6fdf6;
  --c4:#8ef78d;
}
img.ezfc-element-option-image.ezfc-element-radio-image { height: 170px; }
@media (max-width: 921px) { img.ezfc-element-option-image.ezfc-element-radio-image { height: 100px; }}
.ezfc-element-radio-container.ezfc-element-single-option-container.ezfc-option-wrapper-selected { color: #3d7a47;}
.ezfc-element-table_order-table tbody {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px;}
.ezfc-element-table_order-table tr {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
}
.ezfc-element-table_order-table .ezfc-element-table_order-image-column { width: 80px!important;}
.ezfc-element-table_order-table .ezfc-element-table_order-row {display: flex;flex-direction: column;align-items: center;}
.ezfc-element-table_order-table {width: 100%;}
.ezfc-element-table_order-table .ezfc-element-table_order-image { width: 100%;}
@media (max-width: 991px) {.ezfc-element-table_order-table tbody {grid-template-columns: 1fr; gap: 0px;}}
.ezfc-element-radio-container.ezfc-element-single-option-container.ezfc-element-option-has-icon.ezfc-element-option-has-selectable-text.ezfc-element-option-has-image { padding: 0 !important;}
.ezfc-element-option-image.ezfc-element-option-selectable-text.ezfc-element-radio-image { border: none; display: inline; background: none; text-align: center; align-items: center; padding: 1px 20% 7px !important;}
.ezfc-flex-item.ezfc-text-right.ezfc-label-padding {text-align: left!important;}


fieldset.hidden-fields-container { border: none;}

#pagge.block {padding: 30px 0;}

#clearfy-cookie a, .poly a {color: #3d7a47;} #clearfy-cookie a:hover, .poly a:hover {color: #1e401f;}

.wpcf7 input {-webkit-appearance: checkbox;}


/* Виджет мессенджеров */
.msg-widget{position:fixed;right:60px;bottom:60px;z-index:9999;}
.msg-toggle{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:transform .3s;position:relative;}
.msg-toggle:before,.msg-toggle:after{content:"";display:block;position:absolute;border:1px solid #667eea;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:msg-pulse 1.5s linear infinite;opacity:0;backface-visibility:hidden;}
.msg-toggle:after{animation-delay:.5s;}
@keyframes msg-pulse{0%{transform:scale(0.5);opacity:0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}}
.msg-toggle:hover{transform:scale(1.05);}
.msg-toggle .msg-close{display:none;}
.msg-widget.active .msg-toggle svg:first-child{display:none;}
.msg-widget.active .msg-toggle .msg-close{display:block;}
.msg-list{position:absolute;bottom:65px;right:0;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;}
.msg-widget.active .msg-list{opacity:1;visibility:visible;transform:translateY(0);}
.msg-item{display:block;transition:transform .3s;}
.msg-item:hover{transform:scale(1.1);}
.msg-item img{display:block;border-radius:50%;}
.msg-phone{width:55px;height:55px;border-radius:50%;background:#ff6b6b;display:flex;align-items:center;justify-content:center;}
.msg-email{width:55px;height:55px;border-radius:50%;background:#2196F3;display:flex;align-items:center;justify-content:center;}
@media(max-width:768px){.msg-widget{right:15px;bottom:15px;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone,.msg-email{width:48px;height:48px;}.msg-list{bottom:58px;}}