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

@font-face {
    font-family: 'MontserratAlternates';
    src: url('/fonts/MontserratAlternates-Light.ttf') format('woff'),
    url('/fonts/MontserratAlternates-Light.woff') format('woof'),
    url('/fonts/MontserratAlternates-Light.woff2') format('woof2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratAlternates';
    src: url('/fonts/MontserratAlternates-Regular.ttf') format('woff'),
    url('/fonts/MontserratAlternates-Regular.woff') format('woof'),
    url('/fonts/MontserratAlternates-Regular.woff2') format('woof2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratAlternates';
    src: url('/fonts/MontserratAlternates-Bold.ttf') format('woff'),
    url('/fonts/MontserratAlternates-Bold.woff') format('woof'),
    url('/fonts/MontserratAlternates-Bold.woff2') format('woof2');
    font-weight: 600;
    font-style: normal;
}

*{box-sizing: border-box!important;}
html,body{margin: 0 !important;padding: 0 !important;scroll-behavior: smooth !important;font-family: 'MontserratAlternates';font-weight: 500!important;color: var(--text)!important;z-index: -1; position: relative;}
.container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
a:hover,input:hover,textarea:hover,button:hover,a,input,textarea,button,img,img:hover,.filter,.filter:hover{outline: none!important;text-decoration: none!important;transition: var(--trn-fast);}
a{color: var(--text);font-size: var(--fs);}
a:hover{color: var(--c2);}
img{border-radius: 10px;}

p {margin-top: 0;text-align: justify;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}


/* p,li,span,strong{font-size:var(--fs);line-height: var(--lh);margin-top: 0;margin-bottom: 15px;color: var(--text);}*/
section img, footer img, header img{width: 100%;}
.box-shadow{-webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);-moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);}
.box-shadow-inset{-webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2) inset;-moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2) inset;box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2) inset;}
.fade{transition: opacity .15s linear;}
.fade:not(.show){opacity: 0;}
.modal{position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;}
.collapse:not(.show){display: none;}
.collapsing {position: relative;height: 0;overflow: hidden;transition: all 1000ms cubic-bezier(0.630, 0.060, 0.250, 1.000);}
.color{color: var(--c2);}
.gray{color: gray;}


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

.ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;}

.citylist .grid{gap: 10px;}


@media (min-width:320px){
		.modal .modal-dialog{width: 100%;padding: 60px 20px 20px 20px;}

    section{padding: 30px 0;}
    .col-mb-1{grid-template-columns: repeat(1, 1fr);}
    .col-mb-2{grid-template-columns: repeat(2, 1fr);}
    .col-mb-3{grid-template-columns: repeat(3, 1fr);}
    .col-mb-4{grid-template-columns: repeat(4, 1fr);}
    .col-30-70{grid-template-columns: none;}
    .col-40-60{grid-template-columns: none;}
    .grid{display: grid;gap: 20px;}
    .flex{display: flex;flex-direction: column;align-items: center;gap: 20px;}
    .flex-col{display: flex;flex-direction: column;align-items: center;gap: 20px;}
    .btn-fill,.btn-out{border: 1px solid var(--c1); color: white; display: inline-block;text-align: center; width: 250px;border-radius: 10px; transition: var(--trn-fast);padding:10px;font-size:var(--fs);line-height: var(--lh); background-color: var(--c1);margin: 0;}
    .btn-fill:hover{border-color: var(--c2); background-color: var(--c2);color: white;}
    .btn-out{background-color: transparent;border-color: var(--c1);color: var(--text);}
    .btn-out:hover{background-color: var(--c2);border-color: var(--c2);color: white}
    h1{font-size: 30px;line-height: 35px;margin-top: 0;margin-bottom: 40px;}
    h2{font-size: 25px;line-height: 30px;margin-top: 0;margin-bottom: 40px;text-align:center;}
    h3{font-size: 20px;line-height: 25px;margin-top: 0;margin-bottom: 25px;}
    :root{--fs:15px;--lh:22px;}
    table td,th{font-size: 13px;}

	header{background-color:var(--c4);}
    header .col-header{grid-template-columns: 50% auto auto;align-items:center;justify-content: space-between;}
    header .menu-glavnoe-container,header .header_text,header .soc{display: none;}
    .mmenu_button{display: flex;justify-content: center;}
    #menu_bottom{display: none;}
    .nav-tabs{flex-direction: column;gap: 20px;}
    #accordion a{font-size: 18px;}

	#banner .flex img{max-width: 48px;}
	#banner .flex.btns{flex-direction:column;align-items:center;}
	
	#preimyshetva .grid{text-align:center;}
	
    #plashka .plashka .grid{text-align: center;}
    #plashka .plashka .flex{align-items: center;}

    #mini_catalog .owl-nav{justify-content: space-between;}
    #mini_catalog .owl-dots{display: flex;}
    
    #catalog_card .flex{align-items: center;}
    #catalog_card h3{text-align: center;}
    #catalog_card .main{justify-content: space-between;}

    #reviews .owl-nav{justify-content: space-between;}
    #reviews .owl-dots{gap:10px;}

	#nashi_raboti .left{text-align:center;padding: 10px;}
	#nashi_raboti .owl-nav{width:100%;justify-content:space-evenly;}
	
	#calc .fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label:before{left:2px;top:-1px;}
	
    #text_foto .col-30-70{padding: 30px;gap: 0;}
    #text_foto .owl-carousel{max-width: calc(100vw - 80px);padding-bottom: 70px;}
    #text_foto .owl-nav{position: absolute;bottom: 0;left: 0%;right: 0%;justify-content: center;}

	#how_buy .grid.col-pc-2{width:100%;}

	#forma_2 form{flex-direction:column;}
	
    footer .col-footer{align-items: center;text-align: center;}
    footer .flex{text-align: center;}
    footer .contacts .flex{justify-content: center;flex-direction: row;margin-top: 0;}
    footer .nav{flex-direction: column;}
    footer .nav a{justify-content: center;text-align: center;}
    footer .contacts{align-items: center;}



}

@media (min-width:768px){
		.modal .modal-dialog{max-width: 500px;padding: 40px;position: absolute;right: 0;height: 100%;margin: 0;}

    .container{min-width: 768px;max-width: 1023px;}
    .col-pl-1{grid-template-columns: repeat(1, 1fr);}
    .col-pl-2{grid-template-columns: repeat(2, 1fr);}
    .col-pl-3{grid-template-columns: repeat(3, 1fr);}
    .col-pl-4{grid-template-columns: repeat(4, 1fr);}
    .col-pl-30-70{grid-template-columns: auto 70%;}
    .col-pl-40-60{grid-template-columns: auto 60%;}
    :root{--fs:16px;--lh:23px;}
    table td, th{font-size: var(--fs);}

    .nav-tabs{flex-direction: row;gap: 30px;}
    #accordion a{font-size: 22px;}

    header .col-header{grid-template-columns: 20% auto auto auto;}
    header .header_text{display: block;}

	#banner .flex img{max-width: 64px;}
	#banner .flex.btns{flex-direction:row;}
	
    #plashka .plashka .grid{text-align: left;}
    #plashka .plashka .flex{align-items: flex-start;}
	
	#preimyshetva .grid{text-align:flex-start;}

    #catalog .nav-tabs{flex-wrap: wrap;}
    #catalog .nav-tabs a{justify-content: center;}

    #mini_catalog .owl-nav{justify-content: space-evenly;}

    #reviews .owl-nav{justify-content: space-evenly;}
    #reviews .owl-dots{gap:30px;}

    #catalog_card .flex{align-items: flex-start;flex-direction: row;}
    #catalog_card h3{text-align: left;}
    #catalog_card .main .flex{gap: 10px;}

	#nashi_raboti .left{border-right: 2px solid var(--c1);text-align:left;}
	#nashi_raboti .owl-nav{width:auto;}
	
    #text_foto .col-30-70{grid-template-columns: auto 60%;gap: 30px;}
    #text_foto .owl-carousel{padding: 0;}
    #text_foto .owl-nav{position: absolute;left: -70%;right: 0%;justify-content: flex-start;}
	#text_foto h2{text-align:left;}

	#how_buy .grid.col-pc-2{width:65%;}
	
    #geo h2{text-align: left;}

	#forma_2 form{flex-direction:row;}
	
    footer .col-footer{align-items: flex-start;grid-template-columns: 20% auto auto auto;text-align: left;}
    footer .nav a{justify-content: flex-start;text-align: left!important;}
    footer .contacts{align-items: flex-start;}
    footer .nav{flex-direction:column;align-items: flex-start;}
    footer .flex{text-align: left;flex-direction: row;justify-content: space-between;}



}

@media (min-width:1024px){
    section{padding: 50px 0;}
    .container{min-width: 1024px;max-width: 1200px;}
    .flex{flex-direction: row;}
    .col-pc-1{grid-template-columns: repeat(1, 1fr);}
    .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-30-70{grid-template-columns: auto 70%;}
    .col-40-60{grid-template-columns: auto 60%;}
    h1{font-size: 45px;line-height: 50px;}
    h2{font-size: 30px;line-height: 35px;}
    h3{font-size: 25px;line-height: 30px;}
	.btn-fill,.btn-out{width:280px;}
    .nav>li>a{font-size: var(--fs);}
	
	header{background-color:white;}
    .mmenu_button,.header_icon_phone{display: none;}
    header .menu-glavnoe-container,#menu_bottom{display: block;}
    header .soc{display: flex;}
    #menu_bottom a{font-size: 14px!important;}
    #accordion a{font-size: 25px;}

    #catalog .nav-tabs{flex-wrap: nowrap;}

    #text_foto .owl-carousel{max-width: auto;margin-bottom: 0px;}
    #text_foto .owl-nav{left: -67%;bottom: 0;}

    footer .flex{text-align: left;}
    footer .contacts .flex{justify-content: flex-end;}
}

@media (min-width:1200px){
    .container{max-width: 1200px;}
    .grid{gap: 30px;}
    .flex{gap: 30px;}
    .flex-col{gap: 30px;}
    #menu_bottom a{font-size: 16px!important;}
    :root{--fs:18px;--lh:24px;}
}

:root{
    --c1: #EB4C42;
    --c2: #006262;
    --c3: #1b263b;
    --c4: #e0e1dd;
    --text: #0d1b2a;
    --trn-low:all 0.35s ease-in-out;
    --trn-fast:all 0.35s ease-in-out;
}


.btn-back-top {opacity: 0;background: var(--c1);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: 12px;transform: rotate(45deg);}


/* Виджет мессенджеров */
.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;}}

/* header */
header{padding: 10px 0;}
header .flex-col{gap: 0px;}
header .header_text{margin: 0; text-align: center;}
header .soc{align-items: flex-start;}
header a{font-size: 20px;white-space: nowrap;text-align: right;font-weight: 600;}
header .logo img{width:100%;}
header .city-link{text-align: left;width:100%;font-size: 13px;}
header .header_btn{color: var(--c1);}
header .header_btn:hover{color: var(--c2);}
header .socc img {border-radius: 0; opacity: 0.85;}
header .socc img:hover {opacity: 1;}
header .rr {margin: 0; font-size: 14px;}
@media (max-width: 1024px) {header .socc{display: none;}}
/* Меню */
#menu_bottom{background-color: var(--c1);padding: 0;}
#menu_bottom a:hover{background-color: var(--c2);color: white;}
/* footer */
footer{padding: 75px 0;padding-bottom: 25px; background-color: var(--text);}
footer *{color: white;}
footer .contacts{display: flex;flex-direction: column;}
footer .contacts .gray{font-size: 16px;line-height: 20px;}
footer .contacts .flex img:hover{scale: 1.1;}
footer a{margin-bottom: 15px!important;padding: 0!important;}
footer a:hover{color: #cdcdcd!important;}
footer .flex{margin-top: 30px;align-items: center;}
footer .flex img {border-radius: 0;}
footer .flex a{margin-bottom: 0px!important;}
footer .time{margin-bottom:5px;font-size:14px;}

/* nav */
.nav{list-style: none;padding: 0;display: flex;margin: 0;}
.nav li{flex-grow: 1;margin: 0;}
.nav>li>a{padding: 10px;display: block; text-align: center;margin: auto;display: flex;align-items: center;height: 100%;color: white;}
.nav .sub-menu{list-style: none;padding: 0;min-width: fit-content;width: 100%;position: absolute;visibility: hidden;opacity: 0; transition: var(--trn-fast); background-color: var(--c1);}
.nav .sub-menu a{padding: 10px;color: white;display: block;}
.nav .menu-item-has-children{position: relative;}
.nav .menu-item-has-children>a{padding-right: 25px;}
.nav .menu-item-has-children::after{content: '';background: url(/images/owl-next.svg);width: 20px;position: absolute;bottom: 13px;right: 3px;height: 16px;background-repeat: no-repeat;background-position: center;background-size: contain;rotate: 90deg;transition: var(--trn-fast);}
.nav .menu-item-has-children:hover::after{rotate: 270deg;transition: var(--trn-fast);}
.nav .menu-item-has-children:hover .sub-menu{visibility: visible;opacity: 1;transition: var(--trn-fast);}
.nav .current_page_item{color: var(--c2);}
/* Табы */
.nav-link{width: 100%;justify-content: center;color: var(--text)!important;background-color: transparent;border-radius: 10px;border:1px solid var(--c1);}
.nav-link.active,.nav-link:hover{background-color: var(--c1)!important;color: white!important;}
.tab-pane:not(.active){display: none;}
.tab-content{margin-top:30px;}
/* Таблица */
.table{width: 100%;border-spacing: 0px;}
.table th,td{padding: 10px;text-align: left;}
.table tr:nth-child(odd){background-color: var(--c4);}
.table tr:nth-child(even){background-color:#ededed;}
.table tr td:last-child{white-space: nowrap;}
/* Формы */
.wpcf7 form{display: flex;flex-direction: column;position:relative;}
.wpcf7 input,textarea{outline: none!important;font-size: var(--fs);line-height: var(--lh);padding: 20px;border: none;width: 100%;border-radius: 10px;}
.wpcf7 .btn-fill{background-color: var(--c1);border-color: var(--c1);cursor: pointer;}
.wpcf7 .btn-fill:hover{background-color: var(--c2);border-color: var(--c2)!important;}
.wpcf7 .screen-reader-response p, .wpcf7 .hidden-fields-container{display:none;}
.wpcf7 .screen-reader-response li{color:red; margin: -24px 0 50px !important;}
.wpcf7 .wpcf7-response-output{position:absolute; top:-37px;color:green;}
/* Вопросы */
#accordion .card{border: 1px solid var(--text);margin-bottom: 15px;transition: var(--trn-fast);border-radius: 10px;}
#accordion .card:hover{border-color:var(--c1);transition:var(--trn-fast);}
#accordion .card>div{padding: 0 20px;}
#accordion .card:hover a{color: var(--c1);}
#accordion p:last-child{padding-bottom: 20px;margin: 0;}
#accordion a{position: relative;padding: 20px;padding-right: 60px;display: flex;}
#accordion a[aria-expanded="true"]{color: var(--c1);}
#accordion a[aria-expanded="true"]::after{content:url(/images/minus.svg);position: absolute;right: 20px;top: 0;}
#accordion a::after{content:url(/images/plus.svg);position: absolute;right: 20px;top: 0;bottom: 0;margin: auto; height: fit-content;}
/* OWL */
.owl-nav{display: flex!important;gap: 30px;}
.owl-nav .owl-next,.owl-nav .owl-prev{transition: var(--trn-fast); background-repeat: no-repeat!important;background-position: center!important;background-size: 10px!important;background-color: var(--c1)!important;border-radius: 100%;width: 40px;height: 40px;}
.owl-nav .owl-next:hover,.owl-nav .owl-prev:hover{transition: var(--trn-fast); background-color: var(--c2) !important;}
.owl-next{background-image: url(/images/owl-next.svg)!important}
.owl-prev{background-image: url(/images/owl-prev.svg)!important}
.owl-dots{position: absolute;bottom: 10px;display: flex;justify-content: center;gap: 30px;right: 0;left: 0;margin: 0 auto;width: fit-content;}
.owl-dots button{transition: var(--trn-fast); background-color: transparent !important;border-radius: 100%;border: 1px solid var(--text) !important;height: 20px;width: 20px;}
.owl-dots button.active{transition: var(--trn-fast); height: 20px;width: 20px;background-color: var(--c2) !important;border-radius: 100%;border: 1px solid var(--text) !important;}
/*#za, #con, modal*/
#con,#za {padding: 0px!important;-webkit-overflow-scrolling: touch;overflow-y: auto; transition: var(--trn-low);backdrop-filter:brightness(0.5)blur(5px);}
#con .modal-body,#za .modal-body{display: table; height: 100%;max-width: 450px;position: absolute;right: 0;padding-top: 75px;background-color: white;}

#za .modal-dialog{display: flex;align-items: center;}



#con .modal-body .close,#za .modal-body .close{right: 15px;top: 15px;position: absolute;background-color: transparent;border: none;cursor: pointer;}

#con .modal-body .attention,#za .modal-body .attention{color: gray;font-size: 15px;line-height: 14px;}
#con .modal-content,#za .modal-content{border-radius: 0px;border: none;}
#con input,#con textarea,#za input,#za textarea{border: none;border-bottom: 3px solid #54556020;margin-bottom: 30px;padding: 15px;}
#con input,#con textarea,#za input {outline:none!important;}
#za span,#con span{margin: 0;}
.fullscreen{padding: 0px!important;color: black;-webkit-overflow-scrolling: touch;}
.fullscreen .modal-dialog {max-width: 100%;width: 100%;height: 100%;min-height: 100%;margin: 0;padding: 0;}
.fullscreen .modal-content {height: 100%;min-height: 100%;border-radius: 0;background: white;overflow:auto;padding: 15px;padding-top: 50px;}
.fullscreen .close{position: absolute; right: 15px;background-color:transparent;border:none;}



.full{background-color: #fff;}
.full a{color: black;}
.full .container{position: relative;}
.full .close{border: none;}
.full .modal-dialog{max-width: 100%;position: relative;}
.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;}


.modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;background-color: #00000060;}
.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;}
.modal .modal-dialog{background-color: white;}
.modal .close{cursor: pointer;position: absolute;top: 20px;right: 20px;background: none;}
.modal .grid{gap: 20px;}
.modal .title{font-size: 45px;line-height: 55px;font-weight: bold;}
.modal .text{color: #545560;font-size: 20px;line-height: 35px;}




/* Меню мобильное */
#mmenu .nav{flex-direction: column;}
#mmenu .nav a{font-size: 18px; white-space: nowrap;padding: 10px 0;color: var(--text);}

#mmenu .cont{padding-top: 10px;font-size: 18px;display: grid;gap: 10px;margin-top: 20px;}
#mmenu .cont span{display: block;}
#mmenu .cont .phone{display: block;font-weight: bold;font-size: 20px;}
#mmenu .cont .time{color: gray;font-size: 15px;}
#mmenu .cont .mail{color: var(--c1);}
#mmenu .cont .ad{font-size: 15px;}
#mmenu .cont .cbutton{margin-top: 20px;display: block;}


@media (max-width: 1024px) {
	.modal .title{font-size: 25px!important;line-height: normal!important;}
	.full .title{padding-top: 60px;}
	.modal {background-color: #fff;}
	.btn-fill, .btn-out{width: 100%;}
}

#mmenu .title{font-size: 25px;font-weight: 600;margin-bottom: 0px;}
#mmenu .close{top: 15px;right: 15px;background-color: transparent;border: none;}
#mmenu .btn-fill{font-size: var(--fs);color:white;margin-top:20px;width: 100%;}
#mmenu .flex{flex-direction:row;justify-content: flex-start;margin-top: 20px;}
#mmenu .sub-menu{visibility: visible;display: block;opacity: 1;position: relative;background-color: transparent;padding-left: 20px;}




#banner{background-repeat: no-repeat!important;background-size: cover!important;}
#banner.service{background-color: var(--c4);padding-bottom: 0;}
#banner.service h1{margin: 0;}
#banner .flex{margin-top: 20px;align-items: center;flex-direction:row;}
#banner .flex p{margin: 0;}
#banner .btns a{white-space: nowrap;}
#banner { position: relative; padding: 50px 0; z-index: -1;}
#banner .collage { position: relative; top: 15%; width: 100%}
#banner .collage img { position: absolute; border: 2px solid white; box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 52%);}
#banner .collage .img1 { z-index: 1; left: 0%; width: 55%; }
#banner .collage .img2 { z-index: 2; top: 35%; left: 25%; width: 55%; }
#banner .collage .img3 { z-index: 3; top: 10%; right: 0; width: 45%; }
#banner .btns-f2 {display: none;}
#banner .price-tag { position: absolute; top: 30%; right: 15%; background: linear-gradient(45deg, #EB4C42, #006262); color: white; padding: 15px 30px; border-radius: 10px; font-size: 20px; font-weight: bold; z-index: 10; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease-in-out; text-align: center; }
#banner .price-tag { transform: translateY(20px); opacity: 0; animation: slideIn 0.5s forwards; }
@media (max-width: 768px) {#banner .collage { top: 0; height: 400px; margin: 3.7em 0 0;} #banner .btns-f {display: none;} #banner .btns-f2 {display: block;} #banner .collage .img3 {display: none;} #banner .collage .img1 {top: 0; left: 0; } #banner .collage .img2 { top: 45%; right: 0; left: auto; } #banner .collage .img1 {width: 60%; } #banner .collage .img2 { width: 55%; } #banner .price-tag { top: 40%; right: 25%; font-size: 18px; padding: 12px 25px; }}
@media (max-width: 548px) {#banner .collage { height: 200px; margin: 2em 0 1em;} #banner .price-tag { right:0; left:0; font-size: 16px; padding: 10px 20px; } }
@keyframes slideIn { to { transform: translateY(0); opacity: 1; } }





#plashka .plashka{background-color: var(--c4);border-radius: 30px;padding: 30px;}
#plashka .plashka .grid{align-items: center;justify-items: center;}
#plashka .plashka .flex:last-child{flex-direction: row; justify-content: center;gap: 20px;}
#plashka .plashka a{white-space: nowrap;}
#plashka .plashka a>img{transition: var(--trn-fast);}
#plashka .plashka .logo{width: 64px;}
#plashka .plashka .logo img{pointer-events:none;}
#plashka .plashka a>img:hover{transition: var(--trn-fast);scale: 1.1;}
#plashka .plashka h3{margin: 0;}

#mini_catalog .card>div{padding: 10px;width: 100%;text-align: center;}
#mini_catalog img{border-radius: 30px;}
#mini_catalog strong{margin-bottom: 10px;display: block;}
#mini_catalog h2{text-align: center;}

#preimyshetva img{width: 64px;}
#preimyshetva p{margin: 0;}

#reviews .review{padding: 20px;border-radius: 30px;background-color: var(--c4);gap:20px;}
#reviews .flex-col{align-items: center;}
#reviews .owl-nav{margin-top: 30px;}
#reviews h2{text-align: center;}
#reviews strong{margin: 0;}

#catalog .col-30-70{align-items: flex-start;gap: 30px;}
#catalog .card{display: flex;flex-direction: column;}
#catalog .card:hover img{filter: brightness(0.5);}
#catalog .card:hover p{background-color: var(--c2);color: white;transition: var(--trn-fast);}
#catalog img{border-radius: 30px 30px 0 0;}
#catalog p{margin: 0;padding: 10px;text-align: center;font-weight: 600; color: #fff; background-color: #EB4C42;border-radius: 0 0 30px 30px;transition: var(--trn-fast);}
#catalog .tab-pane{padding: 30px;background-color: var(--c1);border-radius: 30px;overflow: hidden;}

#forma_1{background-size: cover!important;}
#forma_1 .flex{align-items: flex-start;margin-bottom: 30px;flex-direction:row;}
#forma_1 img{width: 64px;}
#forma_1 p{margin: 0;}
#forma_1 .btn-fill{width: fit-content;}

#geo{background-color: var(--c4);background-repeat: no-repeat!important;background-position:center!important;background-size: contain!important;}
#geo .box-shadow{background-color: white;border-radius: 10px;}
#geo a{width: 100%;font-size: calc(var(--fs) - 2px);}
#geo .grid{margin-top: 30px;margin-bottom: 30px;gap: 5px;}
#geo .btn-fill{margin: 0 auto;display: flex;justify-content: center;width: fit-content;}

#catalog_card h2{text-align: center;}
#catalog_card .card{padding: 30px;border: 2px solid var(--c2);border-radius: 30px;transition: var(--trn-fast);margin-bottom: 30px;}
#catalog_card .card:hover{scale: 1.01; transition: var(--trn-fast);}
#catalog_card .main{margin:30px 0;}
#catalog_card .main .flex{align-items: flex-start;}
#catalog_card p{margin: 0;margin-left: 35px; position: relative;white-space: normal;}
#catalog_card p::before{content: url(/images/gal.svg);position: absolute;top: 0;bottom: 0;left: -35px;}
#catalog_card strong{white-space: nowrap;}
#catalog_card .card:last-child{background-color: var(--c4);border-color: var(--text);}
#catalog_card .card:last-child .btn-out{border-color: var(--text);}
#catalog_card .card:last-child .btn-out:hover{border-color: var(--c2);background-color: var(--c2);}
#catalog_card .card:last-child .btn-fill:hover{border-color: var(--c2);background-color: var(--c2);}


#catalog_card_photo .card { display: flex; align-items: stretch; gap: 20px; padding: 20px; border: 2px solid var(--c2); border-radius: 30px; margin-bottom: 30px; background-color: #fff; transition: var(--trn-fast); }
#catalog_card_photo .card-image { flex: 0 0 350px; overflow: hidden; }
#catalog_card_photo .card-image img { width: 300px; height: 400px; object-fit: cover; border-radius: 15px; }
#catalog_card_photo .card-content { flex: 1; }
#catalog_card_photo .flex.main { margin: 30px 0; display: flex; justify-content: space-between; align-items: center;}
#catalog_card_photo .flex.main.s {margin-top: -10px;}
#catalog_card_photo .flex {align-items: flex-start; flex-direction: row;}
#catalog_card_photo p { margin: 0; margin-left: 35px; position: relative; white-space: normal; }
#catalog_card_photo p::before { content: url(/images/gal.svg); position: absolute; top: 0; bottom: 0; left: -35px;}
#catalog_card_photo .price-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#catalog_card_photo .price-wrapper h4 { margin: 0; font-size: 22px; }
#catalog_card_photo strong { width: 150px; font-size: 22px; font-weight: bold; margin-top: 5px; }
@media (max-width: 768px) { #catalog_card_photo .card {flex-direction: column; text-align: center;} #catalog_card_photo .flex.main { align-items: center;} #catalog_card_photo .flex {flex-direction: column;} #catalog_card_photo p { text-align: left; } #catalog_card_photo strong { width: 150px; margin-top: 15px; } }


#text_foto .col-30-70{background-color: var(--c1);align-items: flex-start;border-radius: 50px;}
#text_foto .flex-col{align-items: flex-start;gap: 0;}
#text_foto h2{color: white;}
#text_foto img{border-radius: 10px 10px 0 0;}
#text_foto p{margin: 0;margin-bottom: 30px;color: white;}
#text_foto .card{border-radius: 30px;overflow: hidden;}
#text_foto .card>div{background-color: white;padding: 20px;}
#text_foto .owl-dots{display: none;}
#text_foto .owl-nav button{background-color: var(--c2)!important;}
#text_foto .owl-nav button:hover{background-color: var(--c3)!important;}

#nashi_raboti span{font-size: 25px;color: var(--c1);display: block;margin-bottom: 10px;white-space: nowrap;}
#nashi_raboti .little-card p{margin: 0;}
#nashi_raboti .owl-nav{position: absolute;bottom: 0;left: 0;}
#nashi_raboti .owl-dots{display: none;}
#nashi_raboti .grid>div:last-child{margin-bottom:60px;}
#nashi_raboti .right{margin-right: 2px;}

#yslygi .grid{justify-items:center;}
#yslygi a{display: flex;align-items: center;justify-content: center;}

#text_1{background-color: var(--c4);}
#text_1 .grid{align-items: center;}

#tabs_1 .nav{flex-direction: column;}
#tabs_1 a{width: 100%;justify-content: center;text-align: center;}
#tabs_1 .tab-pane{text-align: center;height: 100%;}
#tabs_1 .box{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
#tabs_1 .tab-content{height: 100%;}

#how_buy img{width: 64px;}
#how_buy .flex{align-items: flex-start;position: relative;padding: 10px;}
#how_buy span{font-weight: 600;position: absolute;top: 40px;left: 0;opacity: 0.05;font-size: 150px;display: block;z-index: -1;}
#how_buy a{margin-top: 15px;}
#how_buy .grid.col-pc-2{margin: auto;margin-top: 40px;}

#forma_2{padding: 0;background-color: #ebebeb;}
#forma_2 .flex{align-items: flex-start;flex-direction:row;}
#forma_2 .flex img{width: 32px;}
#forma_2 form{gap: 30px; margin-top: 30px;}
#forma_2 span{margin: 0;}
#forma_2 .wpcf7-spinner{display: none;}
#forma_2 .grid{align-items: center;}
#forma_2 .grid>div:first-child,#forma_2 .grid>div:first-child img{height:100%}
#forma_2 .grid>div:last-child{padding:20px 0}

#contacts a{margin-left: 20px;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 2px solid transparent;display: inline-block;white-space: nowrap;font-weight: 600;}
#contacts a:hover{border-color: var(--c2);}
#contacts .gray{margin-bottom: 10px;margin-left: 20px;}
#contacts h3{margin-bottom: 15px;}
#contacts .grid>div:first-child{padding: 20px;background-color: var(--c4);border-radius: 20px;}
#contacts iframe{border-radius: 20px;}


/* Калькуляторы */
@media(min-width:320px){
    #calc .calc-mb-2 .ezfc-element-option-container,#calc .calc-mb-2 .ezfc-element-table_order-table>tbody{grid-template-columns: repeat(2, 1fr);}
    #calc .calc-mb-3 .ezfc-element-option-container,#calc .calc-mb-3 .ezfc-element-table_order-table>tbody{grid-template-columns: repeat(3, 1fr);}
    #calc .ezfc-price-value{font-size: 50px;}
    #calc .calc-grid .ezfc-element-option-container label,#calc .ezfc-element-table_order-name{font-size: 13px;}
    
}
@media(min-width:768px){
    #calc .calc-pl-2 .ezfc-element-option-container,#calc .calc-pl-2 .ezfc-element-table_order-table>tbody{grid-template-columns: repeat(2, 1fr);}
    #calc .calc-pl-3 .ezfc-element-option-container,#calc .calc-pl-3 .ezfc-element-table_order-table>tbody{grid-template-columns: repeat(3, 1fr);}
    #calc .calc-pl-4 .ezfc-element-option-container,#calc .calc-pl-4 .ezfc-element-table_order-table>tbody{grid-template-columns: repeat(4, 1fr);}
    #calc .calc-grid .ezfc-element-option-container label,#calc .ezfc-element-table_order-name{font-size: var(--fs);}
}
@media(min-width:1024px){
    #calc .calc-pc-2 .ezfc-element-option-container,#calc .calc-pc-2 .ezfc-element-table_order-table>tbody{grid-template-columns: repeat(2, 1fr);}
    #calc .calc-pc-3 .ezfc-element-option-container,#calc .calc-pc-3 .ezfc-element-table_order-table>tbody{grid-template-columns: repeat(3, 1fr);}
    #calc .calc-pc-4 .ezfc-element-option-container,#calc .calc-pc-4 .ezfc-element-table_order-table>tbody{grid-template-columns: repeat(4, 1fr);}
    #calc .calc-pc-5 .ezfc-element-option-container,#calc .calc-pc-5 .ezfc-element-table_order-table>tbody{grid-template-columns: repeat(5, 1fr);}
    #calc .calc-pc-6 .ezfc-element-option-container,#calc .calc-pc-6 .ezfc-element-table_order-table>tbody{grid-template-columns: repeat(6, 1fr);}
    #calc .ezfc-price-value{font-size: 70px;}
}

#calc{background-color: #f1f1f1;}
/* Grid */
#calc .calc-grid .ezfc-element-option-container, #calc .calc-grid .ezfc-element-table_order-table>tbody{display: grid;gap: 15px;}
/* select,input,textarea */
#calc select,#calc input,#calc textarea{padding: 15px;border-radius: 10px;border: 1px solid #EB4C4278;font-size: var(--fs); width: 100%;background-color: white;outline: none!important;}
#calc input,#calc textarea{padding-left: 50px;}
#calc select{cursor: pointer;}
#calc .ezfc-element>.fa{margin-top: 15px!important;}
#calc .ezfc-element-description.ezfc-element-description-before{margin-right: 5px;margin-bottom: 5px;}
.select2-results__options li{font-size: 14px!important;}
/* labels */
#calc .ezfc-label{font-size: var(--fs);font-weight: 600;text-align: left;margin-bottom: 15px!important;}
/* Select item with img */
#calc .calc-grid .ezfc-element-option-container>div{background-color: white;border-radius: 10px;padding: 10px;border: 1px solid #EB4C4278;transition: var(--trn-fast);cursor: pointer;}
#calc .calc-grid .ezfc-element-option-container label{cursor: pointer;}
#calc .calc-grid .ezfc-element-option-container>div:hover,#calc .ezfc-option-wrapper-selected{border-color: var(--c1)!important;}
/* Check and Radio*/
#calc .ezfc-element-checkbox-container, #calc .cacl_radio .ezfc-element-option-container .ezfc-element-radio-container{padding: 5px 0;gap: 5px;font-size: var(--fs);display: flex;align-items: center;}
#calc .calc_radio .ezfc-element-radio-container{padding: 5px 0;}
#calc .ezfc-element-checkbox-input, .ezfc-element-radio-input{display: none;}
#calc .fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: var(--c1);}
#calc .fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label:before {content: "\f00c";font-family: FontAwesome;font-size: .8em;position: relative;}
#calc .fcheck .ezfc-addon-label{cursor: pointer;width: 20px;height: 20px;border: 1px solid var(--c1);display: inline-block!important;margin: 0;margin-top: -5px; position: relative;vertical-align: middle;border-radius: 100%;}
#calc .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-out;transition: all .2s ease-in-out;}
#calc .fcheck .ezfc-element-radio-input:checked+.ezfc-addon-label:after{background-color: var(--c1)!important;}
/* Price */
#calc .ezfc-price-value{font-weight: 600;color: var(--c1);display: inline-block;margin: 40px 0;}
#calc .ezfc-price-currency-after{font-size: 30px;font-weight: 600;}
/* Button */
#calc .ezfc-submit{width: fit-content;padding: 15px;background-color: var(--c1);color: white;cursor: pointer;transition: var(--trn-fast);}
#calc .ezfc-submit:hover{background-color: var(--c2);transition: var(--trn-fast);}
/* Yes or No */
#calc .yesno{padding-bottom: 30px;}
#calc .yesno .ezfc-flex-item .ezfc-element-option-container{display: flex;justify-content: flex-end;gap: 30px;}
#calc .yesno .ezfc-flex-item .ezfc-element-option-container>div{width: 25%!important;padding: 0;background-color: white;border-radius: 10px;}
#calc .yesno .ezfc-flex-item .ezfc-element-option-selectable-text{padding: 15px;}
#calc .yesno .ezfc-flex-item .ezfc-element-option-selectable-text:hover, #calc .yesno .ezfc-selected{background-color: var(--c1);color: white;}
/* Ratio */
#calc .calc_ratio .ezfc-text-wrapper .ezfc-text{font-size: 30px;font-weight: 600;margin-right: 5px;}
#calc .calc_ratio .ui-slider-label:hover, #calc .calc_ratio .ui-slider-pip-selected .ui-slider-label{color: var(--c1);}
#calc .calc_ratio .ui-slider-handle{background-color: var(--c1);border-color: var(--c1);border-radius: 5px;}
/* Col-Items */
#calc .ezfc-element-table_order-row{display: flex;flex-direction: column;align-items: center;justify-content: space-between; background-color: white;border-radius: 10px;padding: 10px;}
#calc .ezfc-element-table_order-image-column{width: 100%;display: flex;max-height: 150px;padding: 0;}
#calc .ezfc-element-table_order-name{width: 100%;text-align: center;}
#calc .ezfc-element-table_order-quantity{display: flex;gap: 5px;}
#calc .ezfc-element-table_order-quantity-input{padding: 0;}
#calc .ezfc-table_order-btn{border-radius: 10px;border: 1px solid #EB4C4278;}
/* Counter */
#calc .ui-spinner{background-color: transparent;border-radius: 10px;overflow: hidden;}
#calc .ui-spinner input{padding: 15px;margin: 0;}
#calc .ui-button:active{background-color: var(--c1);border-color: var(--c1);}
/* Message send */
#calc .ezfc-success-text{background-color: green;text-align: center;padding: 20px 0px;color: white;font-weight: bold;font-size: 20px;}
/* Калькуляторы */