@font-face {
	font-family: 'gothampro';
	font-weight: 400;
	font-style: normal;
	src: url(font/GothamPro.ttf)
}

@font-face {
	font-family: GothamPro;
	src: url('font/GothamProLight.ttf') format('truetype'), url(GothamProLight.woff) format('woff');
	font-style: normal;
	font-weight: 300
}

@font-face {
	font-family: GothamPro;
	src: url('font/GothamProRegular_0.ttf') format('truetype'), url(GothamProRegular_0.woff) format('woff');
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: GothamPro;
	src: url('font/GothamProMedium.ttf') format('truetype'), url(GothamProMedium.woff) format('woff');
	font-style: normal;
	font-weight: 500
}

@font-face {
	font-family: GothamPro;
	src: url('font/GothamProBold.ttf') format('truetype'), url(GothamProBold.woff) format('woff');
	font-style: normal;
	font-weight: 700
}

@font-face {
	font-family: GothamPro;
	src: url('font/GothamProBlack.ttf') format('truetype'), url(GothamProBlack.woff) format('woff');
	font-weight: 800
}
:root { text-rendering: optimizeLegibility; }
:root {
    --white: #fff;
    --green: #5fc079f7;
    --orange: #f07f13;
    --red: #F40324;
    --black: #213543;
    --grey: grey;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: var(--black);
}

a:focus, a:hover, a:visited {text-decoration: none;}
b, strong {font-weight: 500;}

html {font-size: 14px;font-family: GothamPro, sans-serif;height: 100%;}

body {
    width: 100%;
    min-height: 100%;
    height: 100%;
    margin: 0;
    font-size: 14px;
    color: var(--black);
    font-family: GothamPro, sans-serif;
    line-height: 22px;
    background: var(--white);
    display: flex;
    flex-direction: column;
}
.svg {
    display: flex;
    justify-content: center;
    align-items: center;
}
.svg svg {
    display: flex;
}
.scrolled {
    overflow: auto;
    overscroll-behavior: auto;
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

::-webkit-scrollbar-track {
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #ccc;
    border: 0;
}

::-webkit-scrollbar-thumb:window-inactive-thumb {
    background: #ccc;
    border: 0;
}

::selection {
    background: #cdcdcd66;
}

::-moz-selection {
    background: #cdcdcd66;
}
.all-alert {position: fixed;right: 16px;top: 16px;z-index: 12;}
.form-group {margin-bottom: 16px;}
textarea {font-size: inherit;font-family: inherit;}
.input-input {border: 2px solid #ededed; height: 40px; padding: 0 15px;font-family: inherit; padding-left: 16px; color: inherit; padding-right: 16px; width: 100%; outline: none; color: #001727;}
.textarea-input {border: 2px solid #ededed;color: inherit;padding: 16px;width: 100%;resize: none;}
.input-input:focus, .textarea-input:focus, .open .input-input {outline: none;border-color: #cfcfcf;-webkit-transition: 0.3s all;transition: 0.3s all;}
.form-group.error input, .form-group.error textarea {border-color: var(--red);}

.container {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(1400px + 32px);
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}
.btns {font-weight: 500;border-radius: 32px;border: 0;background: inherit;padding: 17px 32px;font-size: 16px;border: 1px solid;color: inherit;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;height: 59px;position: relative;user-select: none;background-image: none;cursor: pointer;transition: background-color 0.1s ease;-moz-transition: background-color 0.1s ease;-ms-transition: background-color 0.1s ease;-o-transition: background-color 0.1s ease;-webkit-transition: background-color 0.1s ease;}
.btns .btns-icon {width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;border-radius: 100%;margin-right: -25px;margin-left: 61px;}
.btns.btn-white .btns-icon {background: #fff;color: #000;}

.btns.btn-white:hover {border-color: #ff2121;background-color: #292929;}
.btns.btn-white:hover svg {color: #ff2121;}

.btn {font-weight: 500;text-transform: none;letter-spacing: normal;text-decoration: none;margin: 0px;border: 0;background: inherit;padding: 1px 20px;font-size: 14px;font-family: inherit;padding-left: 27px;color: inherit;padding-right: 27px;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;height: 40px;position: relative;user-select: none;background-image: none;cursor: pointer;white-space: nowrap;transition: background-color 0.1s ease;-moz-transition: background-color 0.1s ease;-ms-transition: background-color 0.1s ease;-o-transition: background-color 0.1s ease;-webkit-transition: background-color 0.1s ease;}
.btn:before {content: "";position: absolute;left: 50%;top: 50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: rgba(233, 233, 233, .15);border-radius: 50%;width: 0;height: 0;-webkit-transition: width .3s ease, height .3s ease;transition: width .3s ease, height .3s ease;}
.btn:hover:before {width: 120%;height: 300px;}


.btn.btn-red {background: linear-gradient(50deg, #800518, #e00423 50%, rgb(224, 4, 35) 34%);color: #fff;}


.breadcrumb {display: flex;align-items: center;margin: 16px 0;}
.breadcrumb .list {display: flex;}
.breadcrumb .list div {flex-shrink: 0;color: var(--black);}
.breadcrumb .list div:after {content: '/';font-size: 12px;margin: 0 12px;color: var(--grey);}
.breadcrumb .list div a {color: var(--red);}
.breadcrumb .list div:last-child:after {content: none;}

/* Меню */


#common-home .header-top {border: 0;background: none;z-index: 3;}
#common-home .header-top .header-top-block .header-top-logo .logo-slogan .logo_duo,
#common-home .header-top .header-top-block .header-top-menu .navbar-nav .link,
#common-home .header-top .header-top-block .header-top-contact .header-top-flex .header-top-phone a,
#common-home .header-top .header-top-block .header-top-contact .header-top-flex .header-top-phone span,
#common-home .burg-flex {color: var(--white);}

.header-top {border-bottom: 1px solid #e6e6e6; background: #fff;z-index: 120;}

.header-top .header-top-block .header-top-menu {margin-left: auto;}
.header-top .header-top-block .header-top-callme, .header-top .header-top-block .header-top-contact {margin-left: 32px;}

.header-top .header-top-block {display: flex; align-items: center; position: relative; justify-content: space-between;padding: 32px 0;}
.header-top .header-top-block .header-top-logo, .header-top .header-top-block .header-top-logo a {display: flex;align-items: center;flex-shrink: 0;}
.header-top .header-top-block .header-top-logo .logo-slogan {display: flex;flex-direction: column;margin-left: 16px;line-height: 17px;font-size: 16px;}
.header-top .header-top-block .header-top-logo .logo-slogan .logo_one {font-weight: 500;color: var(--red);}
.header-top .header-top-block .header-top-logo .logo-slogan .logo_duo {color: var(--black);font-weight: 500;}

.header-top .header-top-block .header-top-menu .navbar-nav {display: flex;}
.header-top .header-top-block .header-top-menu .navbar-nav .dropdown-menu {z-index: 1;transform: scaleY(0) translateZ(0); opacity: 0; position: absolute; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); background: #fff; display: block; transform-origin: 50% 0; transition: transform 0.3s, opacity 0.3s; top: 75px;}
.header-top .header-top-block .header-top-menu .navbar-nav .dropdown-menu .dropdown-inner div a {line-height: 1.5em;padding: 0.6em 20px;transition: color 0.1s, background-color 0.1s;display: table;width: 100%;font-size: 15px;}
.header-top .header-top-block .header-top-menu .navbar-nav .dropdown-menu .dropdown-inner div .activ {color: var(--red) !important;}
.header-top .header-top-block .header-top-menu .navbar-nav .dropdown-menu .dropdown-inner div a:hover {color: var(--red);text-decoration: underline;}
.header-top .header-top-block .header-top-menu .navbar-nav .dropdown:hover .dropdown-menu {transform: scaleY(1) translateZ(0);opacity: 1;}
.header-top .header-top-block .header-top-menu .navbar-nav .link.activ {color: var(--red) !important;}
.header-top .header-top-block .header-top-menu .navbar-nav .link {outline: none;font-weight: 500; color: var(--black); position: relative; transition: all 0.3s; padding: 15px 9px;}
.header-top .header-top-block .header-top-menu .navbar-nav .link:before {display: block; content: ''; position: absolute; left: 0; bottom: 8px; margin: 0 auto -2px; height: 2px; width: 100%; opacity: 0; transition: all 0.3s;}
.header-top .header-top-block .header-top-menu .navbar-nav .main:hover .link{color: var(--red);}
.header-top .header-top-block .header-top-menu .navbar-nav .main:hover .link:before {background: var(--red); opacity: 1; bottom: 11px;}
.header-top .header-top-block .header-top-menu .navbar-nav .main .svg {display: none;}

.header-top .header-top-block .header-top-contact .header-top-flex {display: flex;}
.header-top .header-top-block .header-top-contact .header-top-flex .header-top-phone {display: flex; flex-direction: column; align-items: flex-end; margin-right: 16px; padding-right: 16px; border-right: 1px solid #e6e6e6;line-height: 20px;}
.header-top .header-top-block .header-top-contact .header-top-flex .header-top-phone span {font-size: 12px;font-weight: 400;}
.header-top .header-top-block .header-top-contact .header-top-flex .header-top-phone a {font-weight: 500;}
.header-top .header-top-block .header-top-contact .header-top-flex .header-top-phone a:hover {color: var(--red) !important;}
.header-top .header-top-block .header-top-contact .header-top-flex .header-top-phone .btn-callme-mob {display: none;}
.header-top .header-top-block .header-top-contact .header-top-flex .header-top-cosial {display: flex; align-items: center;}
.header-top .header-top-block .header-top-contact .header-top-flex .header-top-cosial .telega {fill: #24a1dd;margin-left: 16px}
.header-top .header-top-block .header-top-contact .header-top-flex .header-top-cosial .viber {fill: #7f4da0;}
.header-top .header-top-block .header-top-mobile {margin-left: 16px;display: none;}

@media (max-width: 1220px) {
	.header-top .header-top-block .header-top-contact .header-top-flex .header-top-cosial {display: none;}
	.header-top .header-top-block .header-top-contact .header-top-flex .header-top-phone {margin-right: 0;border-right: 0;padding-right: 0;}
}
@media (max-width: 1115px) {
	.header-top .header-top-block .header-top-contact {display: none;}
}
@media (max-width: 960px) {
	body {padding-top: 104.73px;}
	
	.header-top {position: fixed;top: 0;width: 100%;}
	.header-top .header-top-block .header-top-menu {padding: 16px;background: #ffffff;position: fixed;max-width: calc(400px - 32px);z-index: 5;width:calc(100% - 52px);left: 0;top: 0;display: flex;height: 100%;-webkit-box-shadow: 2px 0 4px rgb(0 0 0 / 31%);box-shadow: 2px 0 4px rgb(0 0 0 / 31%);margin-left: -100%;transition: 0.3s all;flex-direction: column;}
	.header-top .header-top-block .header-top-contact {display: block;margin-left: auto;}
	.header-top .header-top-block .header-top-mobile {display: flex;}
	.header-top .header-top-block .header-top-menu .navbar-nav .link:before { background: none; opacity: 0; height: 0px;content: none;}
	.header-top .header-top-block .header-top-menu .navbar-nav .main:hover .link:before {display: none;}
	.header-top .header-top-block .header-top-menu .navbar-nav .dropdown:hover .dropdown-menu {opacity: 0;display: none;}

	#common-home .header-top.fixed {background: #fff;box-shadow: 0 1px 0 rgba(0,0,0,0.08);}
	#common-home .header-top.fixed .header-top-block .header-top-logo .logo-slogan .logo_duo,
	#common-home .header-top.fixed .header-top-block .header-top-menu .navbar-nav .link,
	#common-home .header-top.fixed .header-top-block .header-top-contact .header-top-flex .header-top-phone a,
	#common-home .header-top.fixed .header-top-block .header-top-contact .header-top-flex .header-top-phone span,
	#common-home .header-top.fixed .burg-flex {color: var(--black);}
	.header-top.fixed .header-top-block {padding: 10px 0;}
	
	.menu-open .header-top .header-top-block .header-top-menu {margin: 0;}
	.header-top .header-top-block .header-top-menu .navbar-nav {display: flex;flex-direction: column;}
	
	.header-top .header-top-block .header-top-menu .navbar-nav, .menu-open .header-top .header-top-block .header-top-menu .navbar-nav a {color: var(--black) !important;}
	.header-top .header-top-block .header-top-menu .navbar-nav a .svg {display: flex !important;flex-direction: row;transform: rotate(90deg);}
	.header-top .header-top-block .header-top-menu .navbar-nav a {display: flex;justify-content: space-between;width: 100%;padding: 9px 0px !important;}
	.header-top .header-top-block .header-top-menu .navbar-nav .dropdown.open .dropdown-menu {transform: scaleY(1) translateZ(0);display: table !important;opacity: 1 !important;position: inherit;width: 100%;box-shadow: none;}
	.header-top .header-top-block .header-top-menu .navbar-nav .dropdown.open .dropdown-menu .dropdown-inner div a {padding: 0.6em 0px;width: 100%;text-decoration: underline;}
	.header-top .header-top-block .header-top-menu .navbar-nav .open a .svg {transform: rotate(270deg);}
	.header-top .header-top-block .header-top-menu .navbar-nav .open a .svg {transform: rotate(270deg);}
	.header-top .header-top-block .header-top-menu .navbar-nav .open>a, .menu-open .header-top .header-top-block .header-top-menu .navbar-nav .open>a svg {color: var(--red) !important;fill: var(--red) !important;}
}
@media (max-width: 630px) {
	body {padding-top: 60.73px;}
	
	.header-top .header-top-block {padding: 10px 0;}
	.header-top .header-top-block .header-top-callme {display: none;}
	.header-top .header-top-block .header-top-contact {margin-right: 16px;}
	.header-top .header-top-block .header-top-contact .header-top-flex .header-top-phone span {display: none;}
	.header-top .header-top-block .header-top-contact .header-top-flex .header-top-phone .btn-callme-mob {display: flex;color: var(--red) !important;}
}
@media (max-width: 450px) {
	.header-top .header-top-block .header-top-logo .logo-slogan {display: none;}
}


.home-banner {position: relative;display: flex;justify-content: center;}
.home-banner .home-banner-slider {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center center;background-size: cover;opacity: 1;transition: opacity 0.5s;background-image: url(/image/slider.jpg);z-index: -1;margin-top: -105px;}
.home-banner .home-banner-block {display: flex;padding-bottom: 70px;}
.home-banner .home-banner-block .home-banner-img {flex: 1;display: flex;align-items: center;justify-content: center;}
.home-banner .home-banner-block .home-banner-img img {width: 100%;height: auto;max-width: 376px;}
.home-banner .home-banner-block .home-banner-content {flex: 1;color: #fff;padding: 0 60px;padding-bottom: 122px;}
.home-banner .home-banner-block .home-banner-title {font-size: 48px;font-weight: 300;letter-spacing: 7px;text-transform: uppercase;line-height: 50px;padding-top: 13px;display: flex;flex-direction: column;}
.home-banner .home-banner-block .home-banner-title span {font-size: 30px;font-weight: 500;text-align: right;margin-top: 10px;}
.home-banner .home-banner-block .home-banner-description {padding-top: 21px;line-height: 29px;color: #BCBCBC;font-size: 16px;}
.home-banner .home-banner-block .home-banner-description .home-banner-main-title {display: inline;color: #fff;font-weight: 700;font-size: 16px;}
.home-banner .home-banner-block .home-banner-description .home-banner-date {margin-top: 0;}
@media (max-width: 1110px) {
	.home-banner .home-banner-block .home-banner-content {padding: 0;}
}
@media (max-width: 945px) {
	.home-banner .home-banner-block .home-banner-title span {font-size: 22px;text-align: center;}
}
@media (max-width: 770px) {
	.home-banner .home-banner-block {flex-direction: column;}
	.home-banner .home-banner-block .home-banner-title { align-items: center; margin-top: 23px; }
	.home-banner .home-banner-block .home-banner-content { padding: 0; padding-bottom: 45px; }
	.home-banner .home-banner-block .home-banner-img img {width: 86%;}
}
@media (max-width: 630px) {
	.home-banner .home-banner-block .home-banner-img {margin-top: 32px;}
}
@media (max-width: 445px) {
	.home-banner .home-banner-block .home-banner-title {font-size: 30px;}
	.home-banner .home-banner-block .home-banner-title span {font-size: 14px;}
}
.page-header {margin-bottom: 16px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #e6e6e6;padding-bottom: 14px;}
.page-header .page-title {font-weight: 400; display: flex; font-size: 29px; color: var(--black); margin: auto;}

 
/* Почему мы */
.mod-white-me {margin: -60px 0px;}
.mod-white-me-block {background: #F4F4F4;border-radius: 60px;padding: 80px 80px;position: relative;overflow: hidden;display: flex;}
.mod-white-me-block .mod-white-me-inform {max-width: 952px;width: 100%;z-index: 1;}
.mod-white-me-block .mod-white-me-inform .mod-white-me-title {font-size: 64px;line-height: 64px;}
.mod-white-me-block .mod-white-me-inform .mod-white-me-desc {font-size: 16px;margin: 16px 0;color: #8C919B;}
.mod-white-me-block .mod-white-me-inform .mod-white-me-banner {grid-auto-flow: row;grid-auto-columns: 1fr;display: grid;grid-template-columns: repeat(auto-fill, minmax(464px, 1fr));margin: 0 -8px;}
.mod-white-me-block .mod-white-me-inform .mod-white-me-banner-in {transition: all 0.3s ease;position: relative;display: flex;background: var(--white);flex-direction: row;margin: 8px;border-radius: 16px;padding: 32px 32px;align-items: flex-start;}
.mod-white-me-block .mod-white-me-inform .mod-white-me-banner-in:hover {transform: translateY(-3px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.mod-white-me-block .mod-white-me-inform .mod-white-me-banner-in svg {margin-right: 16px;}
.mod-white-me-block .mod-white-me-inform .mod-white-me-banner-in .mod-white-me-text {width: 100%;flex: 1;}
.mod-white-me-block .mod-white-me-inform .mod-white-me-banner-in .mod-white-me-text-head {font-size: 18px;font-weight: 500;line-height: 20px;}
.mod-white-me-block .mod-white-me-inform .mod-white-me-banner-in .mod-white-me-text-desc {font-size: 14px;margin-top: 16px;}
.mod-white-me-block .mod-white-me-back {position: absolute;right: 0;top: 0;height: 100%;}
@media (max-width: 870px) {
	.mod-white-me-block {padding: 25px;border-radius: 30px;}
}
@media (max-width: 570px) {
	.mod-white-me-block .mod-white-me-inform .mod-white-me-title {font-size: 44px;text-align: center;}
	.mod-white-me-block .mod-white-me-inform .mod-white-me-desc {text-align: center;color: #343434;}
	.mod-white-me-block .mod-white-me-inform .mod-white-me-banner {grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
	.mod-white-me-block .mod-white-me-inform .mod-white-me-banner-in .mod-white-me-text-desc {margin-left: -56px;}
	.mod-white-me-block .mod-white-me-inform .mod-white-me-banner-in .mod-white-me-text-head {height: 40px;display: flex;align-content: center;align-items: center;}
	.mod-white-me-block .mod-white-me-inform .mod-white-me-banner-in {padding: 20px;}
}
/* Почему мы конец */

/* Наши услуги начало */
.mod-service {background: #262626;}
.mod-service .mod-service-head {margin-top: 122px;display: flex;flex-direction: column;}
.mod-service .mod-service-head .mod-service-title {font-size: 64px;line-height: 62px;color: #fff;}
.mod-service .mod-service-head .mod-service-title span {color: #A9A9A9;}
.mod-service .mod-service-head .mod-service-desc {font-size: 16px;color: #8d8d8d;max-width: 650px;width: 100%;margin-top: 16px;}
.mod-service .mod-service-grid {margin-top: 48px;display: grid; grid-template-columns: repeat(2, 1fr);gap: 24px;color: #fff;margin-bottom: 82px;} 
.mod-service .mod-service-grid .mod-service-card {background: #2D2D2E;padding: 16px;border-radius: 32px;border: 1px solid #494949;display: flex;flex-direction: column;} 
.mod-service .mod-service-grid .mod-service-card-duble-header {display: flex;margin-bottom: 24px;}
.mod-service .mod-service-grid .mod-service-card-duble-header .mod-service-card-duble-icon {width: 82px;height: 82px;border: 1px solid #535353;border-radius: 8px;margin-right: 24px;display: flex;align-items: center;justify-content: center;}
.mod-service .mod-service-grid .mod-service-card-duble-header .mod-service-card-duble-text {display: flex;flex-direction: column;flex: 1;}
.mod-service .mod-service-grid .mod-service-card-duble-header .mod-service-card-duble-text span {font-size: 32px;line-height: 35px;}
.mod-service .mod-service-grid .mod-service-card-duble-header .mod-service-card-duble-text div {font-size: 14px;line-height: 20px;margin-top: 8px;}
.mod-service .mod-service-grid .mod-service-card-info {background: #3B3B3B;padding: 32px;border-radius: 16px;display: flex;flex-direction: column;flex: 1;}
.mod-service .mod-service-grid .mod-service-card-footer {margin-top: 16px;display: flex;align-items: center;justify-content: space-between;}
.mod-service .mod-service-grid .mod-service-card-info .mod-service-card-duble-footer {display: flex;flex-wrap: wrap;}
.mod-service .mod-service-grid .mod-service-card-info .mod-service-card-duble-footer a {color: #b5b5b5;display: flex;align-items: center;}
.mod-service .mod-service-grid .mod-service-card-info .mod-service-card-duble-footer a svg {margin-right: 4px;}
.mod-service .mod-service-grid .mod-service-card-info .mod-service-card-duble-footer span {margin-right: 21px;margin-top: 8px;}
.mod-service .mod-service-grid .mod-service-card-info .mod-service-card-duble-footer a:hover {color: #fff;}
.mod-service .mod-service-grid .mod-service-card-footer span {font-size: 32px;line-height: 20px;font-weight: 500;}
.mod-service .mod-service-grid .mod-service-card.widess { grid-column: 1 / -1;flex-direction: row;} 
.mod-service .mod-service-grid .mod-service-card.widess .mod-service-card-footer {flex-direction: column;justify-content: center;margin-left: 23px;}
.mod-service .mod-service-grid .mod-service-card.widess .mod-service-card-duble-footer {margin-left: 104px;margin-top: -23px;}
.mod-service .mod-service-grid .mod-service-card.widess .mod-service-card-footer span {margin-bottom: 24px;}
/* Наши услуги конец */
 


/* старый блок css */
.promo-mod {padding-bottom: 32px;}
.promo-mod .promo-mod-block {grid-auto-flow: row;grid-auto-columns: 1fr;display: grid;grid-template-columns: repeat(auto-fill,minmax(320px,1fr));margin: 0 -16px;}
.promo-mod .promo-mod-block .promo-mod-element {padding: 50px;display: flex;flex-direction: column;margin: 16px;position: relative;overflow: hidden;}
.promo-mod .promo-mod-block .promo-mod-active {-webkit-box-shadow: 0px 15px 40px 0px rgba(5, 14, 43, 0.16);box-shadow: 0px 15px 40px 0px rgba(5, 14, 43, 0.16);}
.promo-mod .promo-mod-block .promo-mod-element .promo-mod-number {position: absolute;top: -15px;left: -55px;font-size: 272px;line-height: 200px;color: #F7F7F7;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.promo-mod .promo-mod-block .promo-mod-element .promo-mod-icon {height: 115px;transform: translate3d(0, 0, 1px);display: flex;align-items: center;justify-content: flex-start;}
.promo-mod .promo-mod-block .promo-mod-element .promo-mod-title {margin-top: 25px;font-size: 27px;font-weight: 500;color: var(--black);}
.promo-mod .promo-mod-block .promo-mod-element .promo-mod-desc {margin-top: 18px;font-size: 16px;line-height: 25px;}
.promo-mod .promo-mod-block .promo-mod-element .promo-mod-desc ul li {position: relative;line-height: 17px;margin-bottom: 10px;}
.promo-mod .promo-mod-block .promo-mod-element .promo-mod-desc ul li:before {color: var(--red);content: '+';left: -19px;position: absolute;top: 0;font-size: 20px;font-weight: 500;}
.promo-mod .promo-mod-block .promo-mod-element .promo-mod-desc ul {margin-top: 0;list-style: none;padding-left: 17px;margin-bottom: 22px;}
@media (max-width: 640px) {
	.promo-mod .promo-mod-block .promo-mod-element {padding: 57px 34px;}
	.promo-mod .promo-mod-block .promo-mod-element .promo-mod-title {font-size:20px;}
	.promo-mod .promo-mod-block {grid-template-columns: repeat(auto-fill, minmax(289px, 1fr));}
}
/* старый блок css конец */

.form-question {background: #f3f3f3 url(/image/strip.png);display: flex;padding: 32px 0;background-position: center center;background-size: cover;}
.form-question .form-question-content {display: flex;justify-content: space-between;align-items: center;}
.form-question .form-question-content .form-question-z {flex: 1; display: flex; align-items: center;}
.form-question .form-question-content .form-question-z .form-question-icon {background: red;margin-right: 16px;color: #fff;width: 76px;font-size: 62px;display: flex;height: 76px;align-items: center;justify-content: center;}
.form-question .form-question-content .form-question-z .form-question-text {color: #fff;line-height: 31px;}
.form-question .form-question-content .form-question-z .form-question-text div {font-size: 34px;}
.form-question .form-question-content .form-question-z .form-question-text span {font-size: 16px;}
.form-question .form-question-content .form-question-v {flex: 1.4;display: flex;align-items: center;}
.form-question .form-question-content .form-question-v .form-question-form {display: flex;justify-content: space-between;flex: 1;margin: 0 -8px;}
.form-question .form-question-content .form-question-v .form-question-form > * {margin: 8px;flex: 1;}
.form-question .form-question-content .form-question-v .form-question-form .btn.btn-red {max-width: 160px;display: flex;}
.form-question .form-question-content .form-question-v .form-question-form .error {border-color: var(--red);}
@media (max-width: 1090px) {
	.form-question .form-question-content {justify-content: space-between;align-items: flex-start;flex-direction: column;}
	.form-question .form-question-content {justify-content: space-between;align-items: flex-start;flex-direction: column;}
	.form-question .form-question-content .form-question-z .form-question-icon {width: 48px;height: 48px;font-size: 48px;}
	.form-question .form-question-content .form-question-z .form-question-text {line-height: 22px; display: flex; flex: 1;}
	.form-question .form-question-content .form-question-z .form-question-text div {margin-right: 16px;font-size: 16px;}
	.form-question .form-question-content .form-question-z {margin-bottom: 16px;}
	.form-question .form-question-content .form-question-v {width: 100%;}
}
@media (max-width: 565px) {
	.form-question .form-question-content .form-question-z .form-question-text {flex-direction: column;}
	.form-question .form-question-content .form-question-z .form-question-text {flex-direction: column;}
	.form-question .form-question-content .form-question-v .form-question-form > * {flex: none;margin: 0;margin-bottom: 16px;}
	.form-question .form-question-content .form-question-v .form-question-form { display: flex; flex-wrap: wrap;margin: 0;}
	.form-question .form-question-content .form-question-v .form-question-form .btn.btn-red {margin-bottom: 0;margin-left: auto;margin-right: auto;}
	
}

.portfolio-mod {position: relative;padding: 32px 0;}
.portfolio-mod.fixed-portfolio-back {padding: 0;margin-bottom: 32px;padding-top: 62px;}
.portfolio-mod .portfolio-mod-swiper {position: relative; margin: 32px 0; padding-bottom: 60px; display: flex; align-items: center; flex-direction: row; justify-content: space-around;}
.portfolio-mod.fixed-portfolio-back .portfolio-mod-swiper {padding-bottom: 24px;}
.portfolio-mod-swiper .portfolio-mod-element {box-shadow: 0 0.03rem 0.06rem rgba(0,0,0,0.1), 0 0.1rem 0.3rem rgba(0,0,0,0.1);transition-duration: 0.3s;background: #fff;margin: 0 auto;padding: 16px;border: 8px solid #e4e4e4;}
.portfolio-mod-swiper .portfolio-mod-element .image {display: flex;align-items: center;margin-bottom: 16px;overflow: hidden;}

.portfolio-mod-swiper .portfolio-mod-element .image img {transform: scale(1) translate(0,0);transition-duration: 0.3s;}
.portfolio-mod-swiper .portfolio-mod-element .image:hover img {transform: scale(1.2) translate(0,0);}

.portfolio-mod-swiper .portfolio-mod-element .portfolio-mod-title {font-size: 17px;line-height: 22px;text-align: center;margin-bottom: 16px;}
.portfolio-mod-swiper .portfolio-mod-element .portfolio-mod-title a {color: var(--black); height: 66px; display: flex; align-items: center; flex: 1; justify-content: center;}
.portfolio-mod-swiper .portfolio-mod-element .portfolio-mod-linki {display: flex; border-bottom: 1px solid #e4e4e4; margin-bottom: 18px; padding-bottom: 18px; justify-content: space-between; align-items: center;}
.portfolio-mod-swiper .portfolio-mod-element .portfolio-mod-linki a {background: #223746;color: #fff;font-size: 12px;padding: 4px 18px;}
.portfolio-mod-swiper .portfolio-mod-element .portfolio-mod-linki a:hover {background: #374e5f;}
.portfolio-mod-swiper .portfolio-mod-element .portfolio-mod-linki div {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;background: #eeeeee;font-weight: 500;font-size: 12px;padding: 4px 18px;color:#888888}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {left: -66px;right: auto;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {right: -66px;left: auto;}
.swiper-button-next:hover, .swiper-button-prev:hover {background: var(--red);}
.portfolio-mod-background:after {content: '';display: block;height: 143px;background: #f3f3f3 url(/image/pattern.png);position: absolute;top: 50%;right: 0;left: 0;}
.portfolio-mod-grouped {display: flex; align-items: center; text-transform: uppercase; justify-content: space-between;}
.portfolio-mod-grouped .portfolio-mod-price {font-weight: 500; color: #3e3e3e; font-size: 13px;}
.portfolio-mod-grouped .portfolio-mod-price span {font-size: 19px;font-weight: bold;}
@media (max-width: 1365px) {
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 16px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 16px;}
}
@media (max-width: 768px) {
	.portfolio-mod-background:after {background: none;}
}
@media (max-width: 390px) {
	.portfolio-mod-background:after {background: none;}
	.portfolio-mod-grouped {display: flex;flex-direction: column;}
	.portfolio-mod-grouped .portfolio-mod-price {margin-bottom: 16px;text-align: center;}
}
.portfolio-mod-all {grid-auto-flow: row; grid-auto-columns: 1fr; display: grid; grid-template-columns: repeat(auto-fill, minmax(381px, 1fr)); margin-left: -16px; margin-right: -16px;}
.portfolio-mod-all .portfolio-mod-all-elem {display: flex;flex-direction: column;margin: 16px;position: relative;overflow: hidden;background: #fff;}

.portfolio-info-page {display: flex;}
.portfolio-info-page .portfolio-info-left img {width: 100%;border: 8px solid #e4e4e4;}
.portfolio-info-page .portfolio-info-left {display: flex;flex: 1;justify-content: center;}
.portfolio-info-page .portfolio-info-right {padding-top: 16px;display: flex; width: 100%; max-width: 360px; margin-left: 32px; flex-direction: column;}
.portfolio-info-page .portfolio-info-right .port-info-elemc {margin-bottom: 11px;position: relative;display: flex;justify-content: space-between;align-items: center;}
.portfolio-info-page .portfolio-info-right .port-info-elemc a {color: var(--red);text-decoration: underline;}
.portfolio-info-page .portfolio-info-right .port-info-elemc-desc p {margin: 0;margin-top: 7px;}

.portfolio-info-page .portfolio-info-right .port-info-elemc:before {content: ''; position: absolute; height: 0px; border-bottom: 1px dashed #d9d9d9; left: 0; right: 0;}
.portfolio-info-page .portfolio-info-right .port-info-elemc b {background: #fff;z-index: 1;padding-right: 6px;}
.portfolio-info-page .portfolio-info-right .port-info-elemc span {background: #fff;z-index: 1;padding-left: 6px;}
.portfolio-info-page .portfolio-info-right .port-info-elemc-desc b {width: 100%;display: flex;position: relative;align-items: center;}
.portfolio-info-page .portfolio-info-right .port-info-elemc-desc b:after {content: '';position: absolute;height: 0px;border-bottom: 1px dashed #d9d9d9;left: 81px;right: 0;}
@media (max-width: 830px) {
	.portfolio-info-page {flex-direction: column;}
	.portfolio-info-page .portfolio-info-right {margin-left: 0;max-width: 100%;margin-top: 16px;}
}
@media (max-width: 420px) {
	.portfolio-mod-all {grid-template-columns: repeat(auto-fill, minmax(274px, 1fr));}
}

.burg-flex {width: 20px;height: 20px;cursor: pointer;color:var(--black);z-index: 12;}
.burg-flex i {top: 50%;transform: translateY(-50%);transition: transform 0.15s cubic-bezier(0, 1, .8, 1);}
.burg-flex i, .burg-flex i:before, .burg-flex i:after {content: '';display: block;position: absolute;height: 0;width: inherit;border-bottom: 3px solid;}
.burg-flex i:before {top: -8px;transition: top 0.15s cubic-bezier(0, 1, .8, 1) 0.15s, opacity 0.15s cubic-bezier(0, 1, .8, 1)}
.burg-flex i:after {top: 8px;transition: top 0.15s cubic-bezier(0, 1, .8, 1) 0.15s, transform 0.15s cubic-bezier(0, 1, .8, 1)}


body.menu-open .burg-flex i {transform: translateY(-50%) rotate(45deg);transition-delay: 0.15s;color: var(--white);}
body.menu-open .burg-flex i:before {top: 0;opacity: 0;transition: top 0.15s cubic-bezier(0, 1, .8, 1), opacity 0.15s cubic-bezier(0, 1, .8, 1) 0.15s;}
body.menu-open .burg-flex i:after {top: 0;transform: rotate(90deg);transition: top 0.15s cubic-bezier(0, 1, .8, 1), transform 0.15s cubic-bezier(0, 1, .8, 1) 0.15s;}



.home-number-info {display: flex; justify-content: center; align-items: center; margin: 64px 0;}
.home-number-info .home-number-title {margin-right: 29px;position: relative;height: 54px;display: flex;align-items: center;justify-content: center;width: 54px;}
.home-number-info .home-number-title .number-form-icon {background: #001727;width: 38px;height: 54px;position: relative;color:#fff;-webkit-transform: skew(-23deg, 0deg);transform: skew(-23deg, 0deg);margin: 0;margin-right: 2px;position: absolute;}	
.home-number-info .home-number-title .number-form-icon:before {content: '';width: 4px;height: 100%;right: -6px;position: absolute;background: #001727;}
.home-number-info .home-number-title .number-form-icon:after {content: '';width: 4px;height: 100%;right: -12px;position: absolute;background: #001727;}
.home-number-info .home-number-title .number-home {color: #fff;z-index: 12;font-size: 24px;font-weight: 500;}
.home-number-info .home-number-name div {font-size: 36px;margin-top: 3px;}
.home-number-info .home-number-name span {font-size: 16px;margin-bottom: -2px;}
.home-number-info .home-number-name {display: flex;flex-direction: column;justify-content: space-between;height: 54px;}
@media (max-width: 420px) {
	.home-number-info .home-number-name div {font-size: 29px;margin-top: 3px;}
}
.about_description {font-size: 15px;}
.about_description p {margin-bottom: 32px;}
.about_description div {display: flex;align-items: center;justify-content: center;}
.about_description div img {display: flex;align-items: center;justify-content: center;margin-right: 32px;width: 320px;}
.about_description div span {flex: 1;}
@media (max-width:820px) {
	.about_description div {flex-direction: column;}
	.about_description div img {margin-right: 0;margin-bottom: 16px;margin-top: 16px;max-width: 100%;}
}



.review-mod {padding: 32px 0 0px 0;position: relative;}
.review-all-block {display: flex;justify-content: center;}
.review-mod .review-mod-swiper {position: relative;margin: 32px 0;display: flex;align-items: center;flex-direction: row;justify-content: space-around;}
.review-mod .review-element-mod {position: relative;box-shadow: 0 0.03rem 0.06rem rgba(0,0,0,0.1), 0 0.1rem 0.3rem rgba(0,0,0,0.1);transition-duration: 0.3s;background: #fff;margin: 0 auto;padding: 0px;border: 2px solid #e4e4e4;}
.review-mod .review-element-mod img {display: flex;}
.review-mod .review-element-mod .review-company {position: absolute;bottom: 0;background: #e4e4e4;width: 100%;height: 48px;display: flex;align-items: center;justify-content: center;padding-top: 2px;font-weight: 500;}
.review-mod .swiper-button-next {right: 16px;}
.review-mod .swiper-button-prev {left: 16px;}

.review-mod.fix-page {padding: 0;}
.review-mod.fix-page .review-mod-swiper {margin: 16px 0;}

.html-mod {padding: 32px 0;}
.html-description div {display: flex;align-items: center;}
.html-description div img {display: flex;align-items: center;justify-content: center;margin-right: 48px;margin-bottom: 16px;width: 300px;}
.html-description .h2-html {font-size: 32px; font-weight: 400; line-height: 33px; margin-bottom: 16px;}
.html-description {line-height: 28px;}
.html-description p {margin-bottom: 26px; margin-top: 0;}
.html-description ul {margin-top: -15px;padding-left: 23px;}
.html-description li::marker {color: var(--grey);font-size: 16px;}


@media (max-width:710px) {
	.html-description div {flex-direction: column;}
	.html-description div img {margin-bottom: 27px;width: 100%;max-width: 300px;margin-right: 0;}
}


.blog-catalog {display: flex; margin-top: 16px;}
.blog-catalog .blog-catalog-list {flex: 1;}
.blog-catalog .blog-catalog-list .blog-catalog-items {display: flex; margin-bottom: 32px; transition-duration: 0.3s; background: #fff; padding: 8px; border: 2px solid #e4e4e4;}
.blog-catalog .blog-catalog-list .blog-catalog-items:hover {box-shadow: 2px 2px 14px 1px rgba(0,0,0,.15);}
.blog-catalog .blog-catalog-list .blog-catalog-items .blog-catalog-image {width: 49%;margin-right: 16px;}
.blog-catalog .blog-catalog-list .blog-catalog-items .blog-catalog-image img {display: flex;}
.blog-catalog .blog-catalog-list .blog-catalog-items .blog-catalog-items-info {display: flex; flex: 1; flex-direction: column; overflow: hidden; height: 253px;}
.blog-catalog .blog-catalog-list .blog-catalog-items .blog-catalog-items-info .blog-catalog-items-title {font-size: 23px;line-height: 28px;margin-bottom: 16px;margin-top: 7px;}
.blog-catalog .blog-catalog-list .blog-catalog-items .blog-catalog-items-info .blog-catalog-items-short {color: #333;}
.blog-catalog .blog-catalog-list .blog-catalog-items .blog-catalog-items-info .blog-catalog-items-dates {display: flex;align-items: center;}
.blog-catalog .blog-catalog-list .blog-catalog-items .blog-catalog-items-info .blog-catalog-items-dates a {margin-right: 16px;background: #223746;color: #fff;font-size: 12px;padding: 4px 18px;}
.blog-catalog .blog-catalog-list .blog-catalog-items .blog-catalog-items-info .blog-catalog-items-dates div {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: #eeeeee;font-weight: 500;font-size: 12px;padding: 4px 18px;color: #888888;}
.blog-catalog .blog-catalog-list .blog-catalog-items .blog-catalog-items-info .blog-catalog-items-dates a:hover {background: #374e5f;}


.blog-category-list {display: flex; width: 263px; flex-direction: column; margin-right: 16px;}
.blog-category-list .blog-catgory-titl {display: flex;margin-bottom: 13px;font-size: 18px;font-weight: 500;}
.blog-category-list .blog-catgory-lists {border-top: 1px solid #e6e6e6;padding-top: 13px;}
.blog-category-list .blog-catgory-lists a {margin-bottom: 6px;display: flex;font-size: 15px;}
.blog-category-list .blog-catgory-lists a:hover {color: var(--red);text-decoration: underline;}
.blog-category-list .blog-catgory-lists a.active {color: var(--red);text-decoration: none;}

.blog-page-desc .blog-page-image {float: left;margin-right: 32px;margin-bottom: 11px;padding: 8px;border: 1px solid #dedede;max-width: 45%;}
.blog-page-desc .blog-page-image img {display: flex;height: auto;width: 100%;max-width: 544px;}
.blog-page-desc .blog-page-description {color: #333;}
.blog-page-desc .blog-page-description ul {padding: 0;padding-left: 22px;}
.blog-page-desc .blog-page-description h2 {font-size: 20px;font-weight: 500;}
.blog-page-desc .blog-page-description p {margin-bottom: 21px;}

.blog-prev-next {display: flex;justify-content: space-between;border-top: 1px solid #e3e3e3;padding-top: 15px;margin-top: 16px;margin-bottom: 16px}
.blog-prev-next a {font-size: 16px;position: relative;display: flex;align-items: center;padding-left: 26px;padding-right: 26px;}
.blog-prev-next a:hover {color: var(--red);text-decoration: underline;}
.blog-prev-next a[rel=prev]:before {content: '\2190';color: var(--red);font-size: 20px;line-height: 0;position: absolute;top: 8px;left: 0;}
.blog-prev-next a[rel=next]:after {content: '\2192';color: var(--red);font-size: 20px;line-height: 0;position: absolute;top: 8px;right: 0;}

@media (max-width:1010px) {
	.blog-page-desc .blog-page-description img {max-width: 84% !important;width: 100% !important;height: auto !important;border: 1px solid #dfdfdf;padding: 5px;}
}
@media (max-width:940px) {
	.blog-catalog {flex-direction: column;}
	.blog-category-list {width: 100%;margin: 0;}
	.blog-category-list .blog-catgory-lists {display: flex;margin-bottom: 16px;}
	.blog-category-list .blog-catgory-lists a {margin-right: 16px;}
}
@media (max-width:800px) {
	.blog-page-desc .blog-page-image {width: 100%;max-width: 100%;margin-right: 0;float: none;}
}
@media (max-width:700px) {
	.blog-catalog .blog-catalog-list .blog-catalog-items {flex-direction: column;margin-bottom: 16px;}
	.blog-catalog .blog-catalog-list .blog-catalog-items .blog-catalog-image {width: 100%;margin: 0;}
	.blog-catalog .blog-catalog-list .blog-catalog-items .blog-catalog-items-info .blog-catalog-items-short {overflow: hidden;height: 100px;}
	.blog-prev-next {flex-direction: column;align-items: center;}
	.blog-prev-next div {margin-bottom: 16px;width: 100%;}
	.blog-prev-next a[rel=next] {text-align: right;float: right;}
}
@media (max-width:505px) {
	.blog-category-list .blog-catgory-lists {display: flex;flex-direction: column;}
}

.contact-alert-block {display: flex;border: 2px solid var(--grey);margin-bottom: 32px;}
.contact-alert-block .contact-alert-icon {background: var(--grey);fill: #fff;padding: 16px;display: flex;align-items: center;justify-content: center;}
.contact-alert-block .contact-alert-text {padding: 16px;font-weight: 500;}

.contact-page-li {display: flex;}
.contact-page-li .contact-informs {flex: 1;display: flex;margin-top: 38px;}
.contact-page-li .contact-forms {width: 100%;max-width: 380px;margin-left: 32px;}
.contact-page-li .contact-forms .go-text-form {display: flex;justify-content: center;margin-bottom: 16px;font-size: 18px;font-weight: 500;}
.contact-page-li .contact-informs .contact-informs-logo {display: flex; align-items: flex-start; justify-content: center; margin-bottom: 16px; margin-right: 16px;}
.contact-informs-elementum {display: flex; width: 100%; flex-direction: column;}
.contact-informs-elementum .contact-element-item {margin-bottom: 16px;display: flex;justify-content: space-between;position: relative;align-items: center;}
.contact-informs-elementum .contact-element-item div {background: #fff;font-weight: 500;padding-right: 8px;}
.contact-informs-elementum .contact-element-item span {background: #fff;padding-left: 8px;}
.contact-informs-elementum .contact-element-item span a {color: var(--red);}
.contact-element-item:before {content: '';position: absolute;height: 0px;border-bottom: 1px dashed #d9d9d9;left: 0;right: 0;z-index: -1;}
@media (max-width:1100px) {
	.contact-page-li .contact-informs {display: flex;flex-direction: column;}
}
@media (max-width:735px) {
	.contact-page-li .contact-informs .contact-informs-logo {margin-right: 0;}
	.contact-page-li {display: flex;flex-direction: column;}
	.contact-page-li .contact-forms {margin: 0 !important; margin-top: 16px !important; width: 100% !important; max-width: 100% !important;}
}
@media (max-width:473px) {
	.contact-page-li .contact-informs .contact-informs-logo img{    width: 100%;}
}


input[type="radio"]:checked, input[type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.star-rating {display: flex;flex-direction: row-reverse;justify-content: flex-end;}
.star-rating label {padding-left: 8px; display: inline-block; position: relative; line-height: 20px; cursor: pointer;}
.star-rating input:hover ~ label svg, input:checked ~ label svg {fill: var(--red);}
.star-rating label svg {fill: #afafaf;}
.star-rating input:hover + label svg {transform: scale(1.2);transition: transform 0.25s, color 0.25s;}
.star-rating label:last-child {padding-left: 0;}
.page-review-all {display: flex;margin: 0 -16px;margin-top: 16px;}
.page-review-all .review-left {display: flex;flex: 1;flex-direction: column;margin: 0 16px;}
.page-review-all .review-right {width: 380px;margin: 0 16px;}
.page-review-all .review-right a {display: none;}
.page-review-all .review-right .review-text-add {display: flex;justify-content: center;margin-bottom: 16px;font-size: 18px;font-weight: 500;}
.page-review-all .review-right .element-stick {position: sticky;top: 16px;}

.form-delenka {display: flex;align-items: center;justify-content: space-between;}
.form-delenka .btn {width: 50%;}

.review-item .review-item-head .review-avatar .ave {border: 1px solid #c4c4c4;background: #fff;width: 46px;height: 46px;display: flex;font-weight: 500;align-items: center;justify-content: center;line-height: 1;font-size: 20px;text-transform: uppercase;}
.review-item {display: flex;width: 100%;margin-bottom: 32px;background:#f3f3f3 url(/image/pattern.png);padding: 16px;;flex-direction: column;}
.review-item .review-item-head {display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;}
.review-item .review-item-head .review-avatar {display: flex;align-items: center;}
.review-item .review-item-head .review-avatar .review-name-rate {margin-left: 16px;display: flex;flex-direction: column;}
.review-item .review-item-head .review-avatar .review-name-rate div {font-weight: 500;color: #000;}
.review-item .review-text {background: #fff;padding: 16px;color: #494949;}
.review-item .review-item-head .review-rating .duo {fill: var(--red);}
.review-item .review-item-head .review-rating .one {fill: gainsboro;}
.review-item .review-item-head .review-avatar .review-name-rate span {color: #797979;}
.review-item .review-item-head .review-rating {
    display: flex;
}

.review-item .review-item-head .review-rating i {
    margin-right: 6px;
}
.star-rating.error {border-bottom: 2px solid #e66969;margin-top: 2px;}
@media (max-width: 880px){
	.page-review-all {flex-direction: column;}
	.page-review-all .review-right {width: calc(100% - 32px);}
	.page-review-all .review-right a {display: flex;margin: auto;max-width: 186px;}
	.form-delenka .star-rating {order: 1;margin-left: 16px;}
	.form-delenka .btn {width: 126px;}
}
@media (max-width: 360px){
	.review-item .review-item-head .review-avatar .ave {display: none;}
	.review-item .review-item-head .review-avatar .review-name-rate {margin: 0;margin-top: 3px;	}
	.review-item .review-item-head {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 16px;flex-direction: column-reverse;}
}


.pagination {display: flex;list-style: none;padding: 0;margin: auto;justify-content: center;}
.pagination li {width: 33px;height: 31px;display: flex;background: #ebebeb;margin-right: 8px;align-items: center;justify-content: center;font-weight: 500;}
.pagination li.active {background: var(--red);color: #fff;}
.pagination li a {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.pagination li a:hover {background: gainsboro;}

footer {background: #001727;color: #fff;margin-top: 32px;}
footer .footer-copy {height: 81px;display: flex;border-top: 1px solid #213543;font-size: 11px;font-weight: bold;color: white;text-align: center;align-items: center;justify-content: center;}
footer .footer-true-block {display: flex; justify-content: space-between; align-items: center; padding: 32px 0;}
footer .footer-logo {display: flex;align-items: center;}
footer .footer-logo .logo-slogan {display: flex;flex-direction: column;margin-left: 16px;line-height: 17px;font-size: 13px;}
footer .footer-logo .logo-slogan .logo_one {font-weight: 500;color: var(--red);}
footer .footer-logo .logo-slogan .logo_duo {font-weight: 500;color: #fff;}
footer .footer-true-block .footer-menu {display: flex;}
footer .footer-true-block .footer-menu a {margin: 0 12px;color: #fff;font-weight: 500;}
footer .footer-true-block .footer-menu a.activ {color: var(--red);}
footer .footer-true-block .footer-menu a:hover {color: var(--red);text-decoration: underline;}
footer .footer-true-block .made-by {display: flex;flex-direction: column;align-items: center;line-height: 18px;}
footer .footer-true-block .made-by span {font-size: 10px;font-weight: 500;text-transform: uppercase;}
footer .footer-true-block .made-by a {font-size: 18px;font-weight: bold;color: var(--red);}
footer .footer-true-block .made-by a:hover {text-decoration: underline;}
@media (max-width:900px) {
	footer .footer-true-block {flex-direction: column;}
	footer .footer-true-block .footer-menu {margin: 32px 0;}
}
@media (max-width:585px) {
	footer .footer-true-block .footer-menu {display: table;}
	footer .footer-true-block .footer-menu a {float: left;width: 25%;text-align: center;margin-bottom: 8px;}
}
@media (max-width:420px) {
	footer .footer-true-block .footer-menu {display: table;}
	footer .footer-true-block .footer-menu a {float: left;width: 50%;text-align: center;margin: 0;margin-bottom: 8px;}
}
@media (max-width:320px) {
	footer .footer-true-block .footer-menu {display: table;}
	footer .footer-true-block .footer-menu a {float: left;width: 100%;text-align: center;margin: 0;margin-bottom: 8px;}
}
.footer-fixpage {height: 100%;}
.black-element, .black-menu {z-index: 3;background: rgb(0 0 0 / 45%);position: fixed;backdrop-filter: blur(0.7px);-webkit-backdrop-filter: blur(0.7px);transition-duration: 0.4s;}
.menu-open .black-menu {top: 0;left: 0;width: 100%;height: 100%;bottom: 0;}
.overflowing .black-element {top: 0;left: 0;width: 100%;height: 100%;bottom: 0;}
.overflowing, .stop-scroller {overflow: hidden;height: initial;}

.scrollers {cursor: pointer;display: flex;position: fixed;z-index: 99;fill: #fff;bottom: 0;background-color: rgba(0,0,0,0.3);transform: translate3d(0, 5rem, 0);right: 0;height: 50px;width: 50px;margin: 15px;transition-duration: 0.3s;align-items: center;justify-content: center;}
.scrollers svg {transform: rotate(-90deg);}
.scrollers.open {transform: translate3d(0, 0, 0);}
.scrollers.open:hover {background: var(--red);}



.alert-block {width: calc(100% - 32px);max-width: 380px;}
.alert-block .alert {background: #fff;float: right;border: none;box-shadow: 0px 0px 25px rgb(0 0 0 / 29%);padding: 0;margin-bottom: 8px;width: 100%;}
.alert-block .alert .alert-content {display: flex;padding: 8px;align-items: center;}
.alert-block .alert .alert-content .alert-icon {display: flex;padding: 10px;margin-right: 8px;}
.alert-block .alert .alert-content .alert-icon svg {fill: var(--white);width: 16px;height: 16px;}
.alert-block .alert .alert-content .alert-text {line-height: 19px;}
.alert-block .alert-danger .alert-icon {background: var(--red);}
.alert-block .alert-success .alert-icon {background: var(--green);}



.module-header {display: flex;justify-content: center;flex-direction: column;align-items: center;margin: 16px;}
.module-header div {font-size: 32px; font-weight: 500; margin-bottom: 16px; line-height: 31px; text-align: center;}
.module-header div b {color: var(--red);}
.module-header span {font-size: 15px;margin-bottom: 16px;text-align: center;}

.enerjy-mod {padding: 32px 0 0px 0;position: relative;}
.enerjy-mod-block {grid-auto-flow: row;grid-auto-columns: 1fr;display: grid;grid-template-columns: repeat(auto-fill, minmax(425px, 1fr));margin: 16px -16px;}
.enerjy-mod-block .enerjy-mod-element {display: flex; flex-direction: column; margin: 0px 16px 32px 16px; background: #fff; color: #002344; box-shadow: 0px 25px 50px rgba(0,0,0,.15);}
.enerjy-mod-block .enerjy-mod-element .enerjy-mod-title {display: flex;align-items: center;padding: 26px;background-image: url(/image/strip.png);background-position-x: 70%;font-size: 27px;font-weight: 500;color: #fff;}
.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc {padding: 32px 27px;display: flex;flex-direction: column;}
.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc .enerjy-mod-infa {min-height: 68px;font-size: 15px;margin-bottom: 16px;}
.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc .enerjy-mod-footer {display: flex;align-items: center;justify-content: space-between;}
.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc .enerjy-mod-footer .enerjy-mod-duo {display: flex;}
.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc .enerjy-mod-price {margin-right: 32px;display: flex;flex-direction: column;justify-content: space-between;}
.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc .enerjy-mod-price div {font-size: 21px;font-weight: 500;}
.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc .enerjy-mod-price span {font-size: 13px;color: #b2b2b2;margin-top: -5px;}
.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc a {margin-left: auto;}
@media (min-width:848px) and (max-width:1158px) {
	.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc .enerjy-mod-footer {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
	.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc a {margin-top: 16px;margin-right: auto;margin-left: 0;}
}
@media (max-width:586px) {
	.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc .enerjy-mod-footer {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
	.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc a {margin-top: 16px;margin-right: auto;margin-left: 0;}
}
@media (max-width:460px) {
	.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc .enerjy-mod-footer .enerjy-mod-duo {display: flex;flex-direction: column;}
	.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc .enerjy-mod-price {margin-bottom: 16px;}
	.enerjy-mod-block {grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));}
	.enerjy-mod-block .enerjy-mod-element .enerjy-mod-desc .enerjy-mod-infa {height: auto;margin-bottom: 18px;}
}

.mod-stage {box-shadow: 0px 25px 50px rgba(0,0,0,.15);background: #fff;margin: 32px 0;}
.mod-stage .mod-stage-header {display: flex;justify-content: space-between;align-items: center;background: #f3f3f3 url(/image/strip.png);color: #fff;padding: 32px 46px;}
.mod-stage .mod-stage-header .mod-stage-lines {display: flex;list-style: none;padding: 0;margin: 0;}
.mod-stage .mod-stage-header .mod-stage-title {font-size: 32px;font-weight: 500;}
.mod-stage .mod-stage-header .mod-stage-lines a {color: #fff;font-weight: 500;font-size: 18px;width: 115px;height: 45px;display: flex;align-items: center;justify-content: center;border-bottom: 2px solid #fff;}
.mod-stage .mod-stage-header .mod-stage-lines li {margin-left: 25px;}
.mod-stage .mod-stage-header .mod-stage-lines .nav-item.active a {background: linear-gradient(50deg, #800518, #e00423 50%, rgb(224, 4, 35) 34%);border: 0;}
.mod-stage .mod-stage-header .mod-stage-lines a:hover {color: var(--red);}
.mod-stage .mod-stage-header .mod-stage-lines .nav-item.active a:hover {color: #fff;}
.mod-stage .mod-stage-container {display: flex;justify-content: space-between;padding: 48px;}
.mod-stage .mod-stage-container .tab-content {flex: 1;}
.mod-stage .mod-stage-container .tab-content .tab-pane {display: none;}
.mod-stage .mod-stage-container .tab-content .tab-pane.active {display: flex;}
.mod-stage .mod-stage-container .tab-content .mod-stage-elementu {display: flex;justify-content: space-between;flex: 1;}
.mod-stage .mod-stage-container .tab-content .mod-stage-elementu .mod-stage-descript {display: flex;flex-direction: column;flex: 1;}
.mod-stage .mod-stage-container .tab-content .mod-stage-elementu .mod-stage-descript .mod-stage-desc-title {font-size: 33px;padding-bottom: 16px;}
.mod-stage .mod-stage-container .tab-content .mod-stage-elementu .mod-stage-mozer {display: flex;position: relative;}
.mod-stage .mod-stage-container .tab-content .mod-stage-elementu .mod-stage-mozer span {font-size: 380px;line-height: 275px;user-select: none;}
.mod-stage .mod-stage-container .tab-content .mod-stage-elementu .mod-stage-mozer div {transform: rotate(-90deg); font-size: 22px; font-weight: 700; position: absolute; right: -36px; top: 28px;}
.mod-stage .mod-stage-container .tab-content .mod-stage-elementu .mod-stage-descript .mod-stage-desc-desc ol {column-count: 2;margin: 0;line-height: 19px;padding-left: 17px;}
.mod-stage .mod-stage-container .tab-content .mod-stage-elementu .mod-stage-descript .mod-stage-desc-desc ol li {margin-bottom: 10px;}
.mod-stage-pagination {display: flex;align-items: flex-end;flex-direction: column;justify-content: flex-end;}
.mod-stage-pagination div {width: 50px;height: 50px;border: 2px solid #002344;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: .2s ease all;margin-top: 32px;}
.mod-stage-pagination div:hover {background: #002344;fill: #fff;}

@media (max-width:1035px) {
	.mod-stage-pagination {display: none;}
}
@media (max-width:920px) {
	.mod-stage-pagination {display: none;}
	.mod-stage .mod-stage-header {display: flex;flex-direction: column;align-items: center;}
	.mod-stage .mod-stage-header .mod-stage-title {margin-bottom: 22px;}
	.mod-stage .mod-stage-header .mod-stage-lines {display: flex;justify-content: space-between;width: 100%;}
	.mod-stage .mod-stage-header .mod-stage-lines li {margin: 0;}
}
@media (max-width:720px) {
	.mod-stage .mod-stage-container {padding: 32px;}
	.mod-stage .mod-stage-container .tab-content .mod-stage-elementu .mod-stage-mozer {display: none;}
}
@media (max-width:610px) {
	.mod-stage .mod-stage-container .tab-content .mod-stage-elementu .mod-stage-descript .mod-stage-desc-desc ol {column-count: 1;}
	.mod-stage .mod-stage-header .mod-stage-lines {flex-wrap: wrap;}
	.mod-stage .mod-stage-header .mod-stage-lines li {width: calc(50% - 6px);display: flex;justify-content: center;margin: 3px;}
	.mod-stage .mod-stage-header .mod-stage-lines .nav-item a {width: 100%;}
}
@media (max-width:380px) {
	.mod-stage .mod-stage-header .mod-stage-lines li {width: calc(100% - 6px);display: flex;justify-content: center;margin: 3px;}
	.mod-stage .mod-stage-header {padding: 20px;}
}
.ifo-text-css .title {font-size: 32px;font-weight: 500;margin-top: 20px;line-height: 32px;}
.ifo-text-css a {color: var(--red);}
@media (max-width: 350px) {
	.ifo-text-css .title {font-size: 25px;}
}
.new-hml-mod {padding: 32px 0;background: #f7f7f7;}
.new-hml-mod .new-hml-block {display: flex;flex-direction: column;}
.new-hml-mod .new-hml-block .new-hml-header {display: flex;flex-direction: column;margin-bottom: 16px;}
.new-hml-mod .new-hml-block .new-hml-header span {font-size: 36px;}
.new-hml-mod .new-hml-block .new-hml-header div {font-size: 19px;margin-top: 16px;}
.new-hml-mod .new-hml-block .new-hml-header div b {color: var(--red);}
.new-hml-mod .new-hml-block .new-hml-content {display: flex;justify-content: space-between;}
.new-hml-mod .new-hml-block .new-hml-content .new-hml-double {flex: 1;display: flex;flex-direction: column;align-items: flex-start;}
.new-hml-mod .new-hml-block .new-hml-content .new-hml-double .new-hml-icones {display: flex; width: 100%; margin-bottom: 32px;}
.new-hml-mod .new-hml-block .new-hml-content .new-hml-double .new-hml-icones .new-hml-items {margin-right: 83px;margin-bottom: 16px;margin-top: 32px;}
.new-hml-mod .new-hml-block .new-hml-content .new-hml-double .new-hml-icones .new-hml-items .new-hml-ico {margin-bottom: 18px;}
.new-hml-mod .new-hml-block .new-hml-content .new-hml-double .new-hml-icones .new-hml-items .new-hml-name {font-weight: 500;}
.new-hml-mod .new-hml-block .new-hml-content .new-hml-logo {max-width: 328px;}
.new-hml-mod .new-hml-block .new-hml-content .new-hml-logo img {width: 100%;height: auto;}
@media (max-width:1130px) {
	.new-hml-mod .new-hml-block .new-hml-content .new-hml-logo {display: none;}
	.new-hml-mod .new-hml-block .new-hml-content .new-hml-double .new-hml-icones {justify-content: space-between;}
	.new-hml-mod .new-hml-block .new-hml-content .new-hml-double .new-hml-icones .new-hml-items {margin-right: 0;}
	.new-hml-mod .new-hml-block .new-hml-header span {font-size: 36px;line-height: 28px;}
}
@media (max-width:700px) {
	.new-hml-mod .new-hml-block .new-hml-content .new-hml-double .new-hml-icones {flex-direction: column;}
	.new-hml-mod .new-hml-block .new-hml-content .new-hml-double .new-hml-icones .new-hml-items {margin-bottom: 2px;margin-top: 17px;}
	.new-hml-mod .new-hml-block .new-hml-content .new-hml-double .new-hml-icones .new-hml-items .new-hml-ico {float: left;margin-right: 16px;margin-bottom: 10px;}
}
.murin-mod-block {grid-auto-flow: row;grid-auto-columns: 1fr;display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));margin: 0 -16px;align-items: start;}
.murin-mod-block .murin-mod-element {background: #fff;box-shadow: 0px 25px 50px rgba(0,0,0,.15);display: flex;flex-direction: column;margin: 16px;position: relative;overflow: hidden;}
.murin-mod-block .murin-mod-element .murin-mod-header {display: flex;justify-content: space-between;padding: 16px 32px;background-image: url(/image/strip.png);background-position-x: 70%;color: #fff;align-items: center;position: relative;}
.murin-mod-block .murin-mod-element .murin-mod-header .murin-mod-title {font-size: 19px;font-weight: 500;}
.murin-mod-block .murin-mod-element .murin-mod-header .murin-mod-title-label {background: linear-gradient(320deg, #800518, #e00423 50%, rgb(224, 4, 35) 34%);padding: 5px 12px;position: absolute;right: 16px;}
.murin-mod-block .murin-mod-element .murin-mod-container {padding: 32px;}
.murin-mod-container ul li {position: relative;line-height: 17px;margin-bottom: 10px;}
.murin-mod-container ul li:before {color: var(--red);content: '+';left: -19px;position: absolute;top: 0;font-size: 20px;font-weight: 500;}
.murin-mod-container ul {list-style: none;padding-left: 17px;margin-bottom: 22px;}
.murin-mod-block .murin-mod-element .murin-mod-container span {font-size: 16px;font-weight: 500;margin-bottom: 13px;}
.murin-mod-block .murin-mod-element .murin-mod-container .murin-mod-con-price {display: flex;flex-direction: column;margin: 28px 0;}
.murin-mod-block .murin-mod-element .murin-mod-container .murin-mod-con-price .old-price {font-size: 16px;text-decoration-line: line-through;color: #f40324;margin-bottom: 6px;}
.murin-mod-block .murin-mod-element .murin-mod-container .murin-mod-con-price  .new-price {font-size: 21px;font-weight: 500;}

.qadvant {grid-auto-flow: row;grid-auto-columns: 1fr;display: grid;grid-template-columns: repeat(auto-fill, minmax(425px, 1fr));margin: 16px -16px;}
.qadvant .qadvant-block {display: flex;flex-direction: column;margin: 0px 16px 32px 16px;background: #fff;color: #002344;box-shadow: 0px 25px 50px rgba(0,0,0,.15);}
.qadvant .qadvant-block .qadvant-title {display: flex;align-items: center;padding: 26px;background-image: url(/image/strip.png);background-position-x: 70%;font-size: 27px;font-weight: 500;color: #fff;}
.qadvant .qadvant-block  .qadvant-info {padding: 32px 27px;}
.qadvant-info ol li {display: flex;flex-direction: column;position: relative;margin-bottom: 32px;}
.qadvant-info ol li:before {content: counter(num);counter-increment: num;position: absolute;top: 0;left: -55px;width: 40px;display: flex;height: 40px;font-size: 18px;background: #000d1a;color: #fff;font-weight: 500;text-align: center;line-height: 28px;align-items: center;justify-content: center;}
.qadvant-info ol {list-style-type: none;counter-reset: num;margin: 0 0 0 56px;padding: 0;font-size: 16px;}
.qadvant-info ol li b {margin-bottom: 3px;font-weight: 500;font-size: 16px;}
@media (max-width:460px) {
	.qadvant {grid-template-columns: repeat(auto-fill, minmax(295px, 1fr));}
	.qadvant .qadvant-block .qadvant-title {font-size: 23px;}
}



.service-advant {grid-auto-flow: row;grid-auto-columns: 1fr;display: grid;grid-template-columns: repeat(auto-fill, minmax(425px, 1fr));margin: 16px -16px;}
.service-advant-inf {display: flex;flex-direction: column;align-items: flex-start;margin: 0px 16px 16px 16px;}
.service-advant-inf .service-advant-title {font-weight: 500;margin: 7px 0 6px 0;}
@media (max-width:470px) {
	.service-advant {grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));}
}


.service-metrics {display: flex;margin-bottom: 32px;}
.service-metrics .service-metrics-icon {flex: 1;order: 1;}
.service-metrics .service-metrics-item.order-2 {order: 2;}
.service-metrics .service-metrics-item {width: 261px;}
.service-metrics .service-metrics-icon img {width: 100%;height: auto;}
.service-metrics .service-metrics-item .service-metrics-title {font-weight: 500;font-size: 15px;}
.service-metrics-ul li {position: relative;line-height: 17px;margin-bottom: 10px;}
.service-metrics-ul li:before {color: var(--red);content: '+';left: -19px;position: absolute;top: 0;font-size: 20px;font-weight: 500;}
.service-metrics-ul {list-style: none;padding-left: 17px;margin-bottom: 22px;position: relative;height: 100%;}
.service-metrics-ul.ul-duo:after {right: 0;bottom: -60px;z-index: -1;}
.service-metrics-ul.ul-duo {background: url(/image/sad.png) no-repeat center bottom;background-size: 164px;background-position-y: center;background-position-x: left;}
.service-metrics-ul.ul_one {background: url(/image/check.png) no-repeat center center;background-size: 164px;background-position-y: center;background-position-x: right;}
@media (max-width:900px) {
	.service-metrics {display: table;}
	.service-metrics .service-metrics-item {float: left;width: 50%;}
	.service-metrics-ul {background: none !important;}
}
@media (max-width:400px) {
	.service-metrics .service-metrics-item {width: 100%;}
	.module-header div {font-size: 26px;}
	.service-advant-inf {display: flex;flex-direction: column;align-items: center;text-align: center;}
}
.report-mod-heading {font-weight: 500;font-size: 27px;width: 325px;margin-bottom: 31px;}
.report-mod {grid-auto-flow: row;grid-auto-columns: 1fr;display: grid;grid-template-columns: repeat(auto-fill, minmax(234px, 1fr));margin: 34px -16px;width: 935px;position: relative;margin-bottom: 128px;}
.report-mod .report-mod-item {display: flex;flex-direction: column;margin: 0px 16px 32px 16px;background: #fff;color: #002344;box-shadow: 0px 25px 50px rgba(0,0,0,.15);z-index: 1;}
.report-mod .report-mod-item .report-mod-title {display: flex;align-items: center;padding: 18px;background-image: url(/image/strip.png);background-position-x: 76%;font-size: 16px;font-weight: 500;color: #fff;}
.report-mod .report-mod-item .report-mod-desc {padding: 20px;}
.report-mod:before {content: '';background: url(/image/report.png) no-repeat right;background-position-y: -62px;background-size: 814px;position: absolute;width: 100%;height: 157%;right: -367px;top: -50px;z-index: 0;}

@media (max-width:1300px) {
	.report-mod:before {display: none;}
	.report-mod-heading {width: 100%;}
	.report-mod {width: auto;grid-template-columns: repeat(auto-fill, minmax(309px, 1fr));margin-bottom: 0;}
}

#error-not_found .page-header {display: none;}
#error-not_found .text-404 {flex-direction: column;display: flex;justify-content: center;align-items: center;text-align: center;height: 100%;}
#error-not_found .text-404 .error-404 {position: absolute;font-size: 355px;color: #00172712;}
#error-not_found .text-404 .error-big-text {font-size: 36px;margin-bottom: 12px;}
#error-not_found .text-404 .error-small-text {font-size: 16px;margin-bottom: 29px;}
#error-not_found .text-404 a {margin: 0 24px;}
@media (max-width:760px) {
	#error-not_found .text-404 .error-404 {font-size: 272px;}
	#error-not_found .text-404 .error-big-text {font-size: 33px;}
	#error-not_found .text-404 .error-small-text {font-size: 14px;}
}
@media (max-width:760px) {
	#error-not_found .text-404 .error-404 {font-size: 146px;}
	#error-not_found .text-404 .error-link {display: flex;justify-content: space-between;width: 100%;}
	#error-not_found .text-404 .error-link a {margin: 0;}
	#error-not_found .text-404 .error-small-text {font-size: 14px;line-height: 21px;}
	#error-not_found .text-404 .error-big-text {font-size: 31px;line-height: 34px;}
}
@media (max-width:460px) {
	#error-not_found .text-404 .error-link {
		display: flex;
		flex-direction: column;
		width: auto;
	}
    #error-not_found .text-404 .error-404 {
        font-size: 167px;
    }
	#error-not_found .text-404 .error-link a+ a {
		margin-top: 15px;
	}
    #error-not_found .text-404 .error-big-text {
        margin-top: 35px;
    }
}
@media (max-width:340px) {
	#error-not_found .text-404 .error-404 {font-size: 136px;}
}

.modal-backdrop {z-index: 3;
background: rgb(0 0 0 / 45%);
position: fixed;
backdrop-filter: blur(0.7px);
-webkit-backdrop-filter: blur(0.7px);
transition-duration: 0.4s;
top: 0;
left: 0;
width: 100%;
height: 100%;
bottom: 0;}
.modal-backdrop.fade {opacity: 0;filter: alpha(opacity=0);}
.modal-open {overflow: hidden;}

.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0; }
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out; }
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0); }

.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }

.modal-dialog {position: relative;margin: 123px auto;max-width: 430px;}
.modal-content {padding: 16px;position: relative;border-radius: 0;box-shadow: 0 0 40px 0 rgb(0 0 0 / 15%), 0 50px 22px -72px rgb(6 15 44 / 50%);background: #fff;border: 8px solid #00000096;}


.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0); }

.modal-header {display: flex; justify-content: space-between; font-weight: 500; align-items: center; font-size: 15px; padding-bottom: 16px; border-bottom: 1px solid #e7e7e7; margin-bottom: 24px;}
.modal-header .close {cursor: pointer;fill:var(--red)}
.modal-content .call-me-button {display: flex;justify-content: center;margin-bottom: 16px;}