@charset "utf-8"; 
/**
 * Place your custom styles here.
 */
/*@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body { display: none; font-family: 'Montserrat', sans-serif;}
body *, body *:before, body *:after {background-repeat: no-repeat!important;}
h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', serif;}
/**************************/
#edesktop .mobile { display: none!important;}
body {font-size: 16px; line-height: 1.3; color: #222222; background-color: #ffffff; padding-top: 0!important; }
body.toolbar-drawer {    padding-top: 0!important; }
#toolbar { display: none;}
.row { margin:0;}
.col-sm-12 { padding:0;}
/***************************/
.tabs--primary { display:none;}
.page-node .tabs--primary { display:block;}
.page-header { border: none;}
.container, .navbar.container {margin:0 auto; padding:0; width: 100%; max-width: 100%; background-color: transparent; border:none; }

#navbar { position: fixed; top: 0; left: 0; right: 0; z-index: 5; border-radius: 0;}

.main-container { min-height: 10vh; }
body.front .main-container {margin-top: 0; }

#edesktop .navbar-header {width: 100%; min-width: 100%; max-width: 100%; position: relative; float: none; padding-top: 100px; }

/*ul>li:last-child { margin-bottom: 0!important;}*/
.page-navigation404 {}
.page-navigation404 .main-container { min-height: 50vh!important;}
.page-navigation404 .page-header { text-align: center; margin-top: 20vh;}
 

/****************/
#edesktop #navbar.header-shrink {height: 64px; background-color: #fff;     box-shadow: 0px -10px 16px 4px #000;}
#edesktop #navbar nav {min-width: 1200px; width:calc(100% - 128px); max-width: 1920px; margin:26px auto; height: 48px; position: relative;}
#edesktop #navbar.header-shrink nav { margin: 8px auto;}
#edesktop #navbar nav #ham { display: none;}
#edesktop #navbar nav #logo {position: absolute; top: 0; left: 0; width: 123px; height: 22px; background-image: none;}
#edesktop #navbar nav #logo a {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
#edesktop #navbar.header-shrink nav #logo {top: 14px; background-image: none!important;}
#edesktop #navbar.header-shrink nav #logo img {display: block!important;}
#edesktop #navbar nav #logo img { width: 100%;}
#edesktop #navbar nav #h-menu {min-width: 880px; height: 48px; margin: 0 auto;}
#edesktop #navbar nav #h-menu .menu {display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; height: 48px;}
#edesktop #navbar nav #h-menu a {font-family: 'Playfair Display', serif; color:#222222; font-weight: 600; font-size: 16px; margin: 0 2.1%; }
#edesktop #navbar.header-shrink nav #h-menu a {color:#222222!important;}

#edesktop .page-ecvi-pro-26 #navbar nav #h-menu .menu {padding-right: 200px;}

#edesktop #navbar nav #callback {position: absolute; top: 0; right: 0; width: 160px; height: 48px; background-color: #000; border-radius: 24px; padding: 7px 20px; color: #fff; text-align: center; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; cursor: pointer;}
#edesktop #navbar nav #callback strong {font-size: 13px; line-height: 20px;}
#navbar nav #callback a {text-decoration: none!important; color: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
#navbar.header-shrink nav #callback a { color: #000;}
#edesktop #navbar nav #callback small {font-size: 10px; line-height: 10px;}

#edesktop .page-ecvi-pro-26 #navbar nav #callback { background-color: transparent;}
#edesktop #navbar nav #demobtn {position: absolute; top: 0; right: 160px; width: 160px; height: 48px; background-color: #000; border-radius: 24px; padding: 7px 20px; color: #fff; text-align: center; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; cursor: pointer;}
#edesktop #navbar nav #demobtn strong {font-size: 13px; line-height: 20px;}
#navbar nav #demobtn a {text-decoration: none!important; color: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
#edesktop #navbar nav #demobtn small {font-size: 10px; line-height: 10px;}



#edesktop footer.footer {padding:0; width: 100%; position:relative; border: none; background-color: #f4f6f8; height: auto;}
#edesktop .footer .inner {min-width: 1200px; max-width: 1920px; width: calc(100% - 128px); margin: 0 auto; padding-top: 50px; position: relative;}
#edesktop .footer #logo {position: absolute; top: 50px; left: 0px; width: 98px; height: 17px;}
#edesktop .footer #logo img { width: 100%;}
#edesktop .footer #social-networks {position: absolute; top: 50px; right: 0px; width: 120px; height: 32px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center;}
#edesktop .footer #social-networks a {width: 32px; height: 32px; background-position: center center;  }
#edesktop .footer #social-networks a:hover { opacity: 0.7; filter: saturate(2.2);}
#edesktop .footer #social-networks a.vk { background-image: url(../images/f-vk-32.png);}
#edesktop .footer #social-networks a.tg { background-image: url(../images/f-tg-32.png);}
#edesktop .footer #social-networks a.yt { background-image: url(../images/f-rt-32.png);}
#edesktop .footer #f-menu {width: 780px; margin: 0 auto; height: 130px;}
#edesktop .footer #f-menu .menu {display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; }
#edesktop .footer #f-menu a { width: 120px; margin: 0 0 20px; font-weight: 600; font-size: 12px; color:#888C9B; font-weight: 600;}
#edesktop .footer #f-menu a:nth-child(1) {order:1; width: 260px;}
#edesktop .footer #f-menu a:nth-child(2) {order:4; width: 260px;}
#edesktop .footer #f-menu a:nth-child(3) {order:2; width: 260px; padding: 0 100px;}
#edesktop .footer #f-menu a:nth-child(4) {order:5; width: 260px; padding: 0 100px;}
#edesktop .footer #f-menu a:nth-child(5) {order:7; width: 780px; padding: 0 0 0 360px;}
#edesktop .footer #f-menu a:nth-child(6) {order:3; width: 260px; padding-left: 200px;}
#edesktop .footer #f-menu a:nth-child(7) {order:6; width: 260px; padding-left: 200px;}
.f-links { font-size: 10px; text-align: center; }
#copyright { font-size: 12px; text-align: left; width: 100%; flex:0 0 100%; font-weight: bold; padding: 10px 0;}
 
#edesktop .footer .contacts {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: center;  margin: 0 auto; height:auto; border-top: 2px solid #E5E6F0; padding-bottom: 20px;}
#edesktop .footer #addr {width: 33%; text-align: left; height: 60px; line-height: 20px; padding-left: 30px; font-size: 12px;   background-position: 0 0; background-image: url(../images/f-gps.png); font-weight: 600;}
#edesktop .footer #addr strong { display: block; font-weight: 600;}
#edesktop .footer #addr br {display: none;}
#edesktop .footer #email {width: 33%; text-align: center; height:24px; line-height: 24px; font-size: 12px; color: #EB613D; }
#edesktop .footer #email:before {content: ''; display: inline-block; width: 30px; height: 24px;  background-position: 0 0; background-image: url(../images/f-email.png); vertical-align: top;}
#edesktop .footer #email a{display: inline-block; line-height: 24px; color: #EB613D; font-weight: 600; vertical-align: top;}
#edesktop .footer #phone {width: 33%; text-align: right;height:24px; line-height: 24px; font-size: 12px;}
#edesktop .footer #phone:before {content: ''; display: inline-block; width: 30px; height: 24px;  background-position: 0 0; background-image: url(../images/f-phone.png); vertical-align: top;}
#edesktop .footer #phone a{display: inline-block; line-height: 24px; color: #222222; font-weight: 600; vertical-align: top;}
/*******************************************/
#edesktop .footer .inner.f26 {min-width: 1200px; max-width: 1920px; width: calc(100% - 128px); margin: 0 auto; padding-top: 50px; position: relative; display: flex; flex-direction: row;  flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start;}
#edesktop .footer .inner.f26 #logo {position: relative; top: unset; left: unset; width: 200px; height: auto; flex:0 0 200px;}
#edesktop .footer .inner.f26 #logo img { width: 100%;}
#edesktop .footer .inner.f26 #logo a {display: block; width: 98px; padding: 0 0 20px;}
#edesktop .footer .inner.f26 #addr {width: 100%; text-align: left; height: auto; line-height: 20px; padding-left: 0px; font-size: 12px; background-image: none; font-weight: 600;}

#edesktop .footer .inner.f26 #f-menu {width:calc(100% - 400px); flex:1 1 calc(100% - 400px); margin: 0 auto; height: auto; padding: 0 0px;}
#edesktop .footer .inner.f26 #f-menu .menu {display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; max-width: 780px; margin: 0 auto; width: 100%; }
#edesktop .footer .inner.f26 #f-menu a { display: block; margin: 0 0 20px; font-weight: 600; font-size: 12px; color:#888C9B; font-weight: 600;}
#edesktop .footer .inner.f26 #f-menu a:nth-child(1) {order:1; flex: 0 0 33.33%;}
#edesktop .footer .inner.f26 #f-menu a:nth-child(2) {order:4; flex: 0 0 33.33%;}
#edesktop .footer .inner.f26 #f-menu a:nth-child(3) {order:2; flex: 0 0 33.33%;  padding: 0 calc(33.33% / 2 - 30px);}
#edesktop .footer .inner.f26 #f-menu a:nth-child(4) {order:5; flex: 0 0 33.33%;  padding: 0 calc(33.33% / 2 - 30px);}
#edesktop .footer .inner.f26 #f-menu a:nth-child(5) {order:7; flex: 0 0 100%;  padding: 0 0 0 calc(50% - 30px);}
#edesktop .footer .inner.f26 #f-menu a:nth-child(6) {order:3; flex: 0 0 33.33%;  padding-left: calc(33.33% - 60px);}
#edesktop .footer .inner.f26 #f-menu a:nth-child(7) {order:6; flex: 0 0 33.33%;  padding-left: calc(33.33% - 60px);}

#edesktop .footer .inner.f26 #social-networks {position: relative; top: unset; right: unset; width: 200px; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-end; align-items: center; gap: 8%;}
#edesktop .footer .inner.f26 #social-networks a {width: 32px; height: 32px; background-position: center center;  }
#edesktop .footer .inner.f26 #social-networks a:hover { opacity: 0.7; filter: saturate(2.2);}
#edesktop .footer .inner.f26 #social-networks a.vk { background-image: url(../images/f-vk-32.png);}
#edesktop .footer .inner.f26 #social-networks a.tg { background-image: url(../images/f-tg-32.png);}
#edesktop .footer .inner.f26 #social-networks a.yt { background-image: url(../images/f-rt-32.png);}
#edesktop .footer .inner.f26 #email {width: 100%; text-align: left; height:24px; line-height: 24px; font-size: 12px; color: #EB613D; padding: 10px 0 0 72px; }
#edesktop .footer .inner.f26 #email:before {display: none;}
#edesktop .footer .inner.f26 #email a{display: inline-block; line-height: 24px; color: #EB613D; font-weight: 600; vertical-align: top; width: auto; height: auto;}
#edesktop .footer .inner.f26 #phone {width: 100%; text-align: left; height:auto; line-height: 24px; font-size: 12px; padding: 10px 0 0 72px;}
#edesktop .footer .inner.f26 #phone:before {display: none;}
#edesktop .footer .inner.f26 #phone a{display: inline-block; line-height: 24px; color: #222222; font-weight: 600; vertical-align: top; width: auto; height: auto;}

#edesktop .footer .inner.f26 .f-links { width: 100%; font-size: 10px; text-align: center; padding: 20px 0; }
#edesktop .footer .inner.f26 #copyright { width: 100%; font-size: 12px; text-align: center; width: 100%; flex:0 0 100%; font-weight: normal; padding: 10px 0; color: #888C9B; border-top: 1px solid #E5E6F0;}



#edesktop div.error { background-color:transparent;}   
#edesktop .alert-block h4{ display:block;}
#edesktop .alert-block { position: fixed;     top: 30%;     bottom: 30%;     left: 30%;     right: 30%; z-index: 22;}
/*******************************/

.poster {width:calc(100% - 128px); margin: 0 auto 80px; height: 500px; background-color: #EFF2F4; border-radius: 33px; position: relative; z-index: 1; max-width: 1920px;}
#p-main {}
#p-main:after {content:''; position: absolute; bottom: 0; right: 0; border-radius: 0 0 33px 0; background-position: right bottom; background-image: url(../images/p-main1.png); width: 598px; height: 476px; z-index: 1;}
#p-main:before {content:''; z-index: 2; position: absolute; top: 100px; right: 600px; width: 42px; height: 28px; background-position: 0 0; background-image: url(../images/p-main2.png); }
#p-main h3 {z-index: 3; width: 710px; padding: 80px 0 40px 80px; font-weight: 600; font-size: 64px; line-height: 70px; color: #3F3F45; position: relative;}
#p-main h3 br{ display: none;}
#p-main ul {z-index: 3; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; width: 100%; padding: 0px calc(25% + 200px) 0 80px; margin: 0; list-style: none; position: relative; }
#p-main li {display: block; width:30%; height: auto; padding: 20px 25px; border-radius: 24px; background-color: #fff; text-align: left; font-size: 14px; font-weight: 500; color: #888C9B; line-height: 17px; min-height: 130px; box-shadow: 0px 2px 9px 0px #65656526;
}
#p-main li h4 {color: #EB613D; font-size: 48px; font-weight: 800; padding: 0; margin: 0;}

#p-about {height: 409px;}
#p-about .title { position: absolute; top: 94px; left: 105px; width: 424px;}
#p-about .title h1.page-header{font-size: 64px; font-weight: 800; margin-bottom: 48px;}
#p-about .title p { font-size: 14px; font-weight: 500;}
#p-about:before {content: ''; position: absolute; top: -30px; right: -30px; width: 806px; height: 480px; background: url(../images/p-about1.png);}

#p-company {height: 400px; background-color: #e0dfdf;}
#p-company .title { position: absolute; top: 94px; left: 105px; width: 424px;}
#p-company .title h1.page-header{font-size: 64px; font-weight: 800; margin-bottom: 48px; border:none;}
#p-company .title p { font-size: 14px; font-weight: 500;}
#p-company:before {content: ''; position: absolute; top: 0px; right: 0px; width: 806px; height: 400px; background-position: top right; background-image: url(../images/p-company1.png); border-radius: 0 33px 33px 0; background-size: cover;}


#edesktop body[class*="-ecvi-base"] .navbar-header { background-color: #EFF2F4; margin-bottom: 80px;}
/*#edesktop body[class*="-ecvi-base"] #navbar { background-color: #EFF2F4;}*/
#p-eb {height: 313px; background-color: #EFF2F4; margin-bottom: 0;}
#p-eb .title { position: absolute; top: 54px; left: 0px; right: 0; text-align: center;}
#p-eb .title h1.page-header{font-size: 64px; font-weight: 800; margin-bottom: 48px; border:none;}
#p-eb .title p { font-size: 14px; font-weight: 500; color: #3F3F45;}
#p-eb .title p:first-child {position: absolute; top: -50px; left: 200px; width: 217px; height: 96px; background-color: #EB613D33; padding: 20px; border-radius: 20px; font-size: 13px; font-weight: 500; text-align: left; color: #222; }
#p-eb .title p:first-child strong {display: block; font-size: 36px; line-height: 45px; font-weight: 700; color: #EB613D; font-family: 'Playfair Display';}
#p-eb:before {content: ''; position: absolute; top: 20px; left: 0px; width: 435px; height: 312px; background-position: top left; background-image: url(../images/p-eb01.png); z-index: 2;}
#p-eb:after {content: ''; position: absolute; bottom: 0px; right: 0px; width: 391px; height: 300px; background-position: top left; background-image: url(../images/p-eb02.png); background-position: right bottom; z-index: 2;}


#edesktop body[class*="-ecvi-apart"] .navbar-header { background-color: #E8ECF8; margin-bottom: 80px;}
/*#edesktop body[class*="-ecvi-apart"] #navbar { background-color: #E8ECF8;}*/
#p-ea {height: 313px; background-color: #E8ECF8; margin-bottom: 0;}
#p-ea .title { position: absolute; top: 54px; left: 0px; right: 0; text-align: center;}
#p-ea .title h1.page-header{font-size: 64px; font-weight: 800; margin-bottom: 48px; border:none;}
#p-ea .title p { font-size: 14px; font-weight: 600; color: #3F3F45; width: 460px; margin: 0 auto;}
#p-ea .title ul {margin: 0; padding: 0; list-style: none;}
#p-ea .title ul li {z-index: 3; position: absolute; top: 9px; left: calc(50% - 500px); width: 180px; height: 110px; background-color: #fff; padding: 20px; border-radius: 14.622px; box-shadow: 0px 9.121163368225098px 19.071521759033203px 0px rgba(91, 84, 107, 0.13); font-size: 14px; font-weight: 700; text-align: left; color: #EB8814; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: baseline; line-height: 58px; vertical-align: bottom;}
#p-ea .title ul li strong {font-size: 34px; line-height: 75px; font-weight: 600; color: #EB8814; vertical-align: bottom; display: inline-block; margin-right: 5px; letter-spacing: -2px;}
#p-ea .title ul li em:nth-of-type(1) {position: absolute; top: 16px; left: 20px; padding-left: 20px; line-height: 14px;  font-size: 10px; font-weight: 500; color: #3F3F45; background-image: url(../images/dohod.svg);}
#p-ea .title ul li em:nth-of-type(2) {position: absolute; bottom: 15px; left: 20px; font-size: 8px; line-height: 10px; font-weight: 600; color: #3F3F45;}

#p-ea .title ul li:nth-child(2) { top: 5px; left: unset; right: calc(50% - 600px); color: #69A2B0; }
#p-ea .title ul li:nth-child(2) strong { color: #69A2B0;}
#p-ea .title ul li:nth-child(2) em:nth-of-type(1) { background-image: url(../images/calendar.svg);  }

#p-ea .title ul li:nth-child(3) { top: 130px; left: unset; right: calc(50% - 600px); color: #5E7CD3; }
#p-ea .title ul li:nth-child(3) strong { color: #5E7CD3;}
#p-ea .title ul li:nth-child(3) em:nth-of-type(1) { background-image: url(../images/chart.svg);}

#p-ea:before {content: ''; position: absolute; top: 26px; left: calc(50% + 250px); width: 65px; height: 45px; background-position: top left; background-image: url(../images/p-ea01.svg); z-index: 2;}
#p-ea:after {content: ''; position: absolute; bottom: 0px; right: calc(50% - 515px); width: 229px; height: 311px; background-position: top left; background-image: url(../images/p-ea02.png); background-position: right bottom; z-index: 2;}


#edesktop body[class*="-ecvi-pro"] .navbar-header { background-color: #EB613D; margin-bottom: 80px; height: 680px; background: linear-gradient(217deg, #F7B466 0%, #FC9E67 46.40%, #EC623E 100%);}
#edesktop body[class*="-ecvi-pro"] #navbar nav #logo {background-image: url(../images/ecvi_logo22w.png); background-size: contain;}
#edesktop body[class*="-ecvi-pro"] #navbar nav #logo img { display: none; }
#edesktop  body[class*="-ecvi-pro"] #navbar nav #h-menu a {color:#fff; }
#p-ep {border-radius: 0; position: relative; height: 580px; background-color: transparent;}
#p-ep .title {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 580px;}
#p-ep blockquote {padding: 0; margin: 0; border-left: none; width: 100%; height: 580px; position: relative;}
#p-ep .slick-prev {top: 0; left: -60px; background-image: url(../images/a-prev.png); bottom: 0; width: 60px;}
#p-ep .slick-next {top: 0; right: -60px; background-image: url(../images/a-next.png); bottom: 0; width: 60px;}
#p-ep .slick-dots li {font-size: 0; width: 8px;height: 8px; background-color: #888C9B; display: inline-block; margin: 20px 6px; border: none; border-radius: 4px;}
#p-ep .slick-dots .slick-active {background-color: #EB613D;}
#p-ep .poster1 h2 {margin-top: 54px; margin-bottom: 40px; color: #FFF; font-size: 64px; font-weight: 800; line-height: 100.4%; text-align: center;}
#p-ep .poster2 h2 {margin-top: 80px; padding-left: 122px; margin-bottom: 40px; color: #FFF; font-size: 64px; font-weight: 700; line-height: 100.4%; text-align: left; opacity: 0.6;}
#p-ep .poster3 h2 {margin-top: 80px; padding-left: 122px;  margin-bottom: 40px; color: #FFF; font-size: 64px; font-weight: 700; line-height: 100.4%; text-align: left; opacity: 0.6;}
#p-ep .poster2 h3 {width: 530px; margin-left: 122px; margin-top: 0; margin-bottom: 40px; color: #FFF; font-size: 64px; font-weight: 700; line-height: 100.4%; text-align: left;}
#p-ep .poster3 h3 {width: 47%; margin-left: 122px; margin-top: 0; margin-bottom: 40px; color: #FFF; font-size: 64px; font-weight: 700; line-height: 100.4%; text-align: left;}
#p-ep .poster1 p { width: 523px; margin: 0 auto; color: #FFF; text-align: center; font-size: 14px; font-weight: 500; line-height: 141%;}
#p-ep .poster2 p { width: 415px; margin-left: 122px; color: #FFF; font-size: 14px; font-weight: 600; line-height: 141%;}
#p-ep .poster3 p { width: 415px; margin-left: 122px; color: #FFF; font-size: 14px; font-weight: 600; line-height: 141%;}
#p-ep .poster2 { background-position: bottom -2px right; background-image: url(../images/p-ep02.png); background-size: min(max(100% - 550px,53%),851px);}
#p-ep .poster3 { background-position: bottom 20px right; background-image: url(../images/p-ep03.png);}
#p-ep .poster1:before{ content: ''; position: absolute; bottom: 0; height: 353px; left: calc(50% - 358px); right: calc(50% - 358px); background-color: #fff; border-radius: 33px 33px 0 0; background-position: bottom center; background-image: url(../images/p-ep01.png); }
#p-ep .poster1:after{ content: ''; position: absolute; top: 50px; height: 44px; width: 65px; right: calc(50% - 426px); background-image: url(../images/p-ep06.png); }
#p-ep .poster1 ul {position: relative; z-index: 1;}

#p-ep .poster1 li {position: absolute; list-style: none; width: 205px; height: 101px; top: -32px; left: calc(50% - 530px); background-color: #fff; padding: 0 30px; color:#888C9B; font-size: 14px; font-weight: 500; line-height: normal; display: flex; flex-direction: column;  flex-wrap: nowrap; align-content: flex-start; justify-content: space-evenly; align-items: stretch; border-radius: 24px;}
#p-ep .poster1 li strong {display: block; color:#EB613D; font-family: Playfair Display; font-size: 28px; font-weight: 800; line-height: 100.4%;} 
#p-ep .poster1 li:before{ content: ''; position: absolute; left: 39px; top: 49px; width: 194px; height: 56px; z-index: -1; border-radius: 24px; opacity: 0.30000001192092896; background-color: #B04826; filter: blur(21px);}
#p-ep .poster1 li:nth-child(2){ top: 86px;}
#p-ep .poster1 li:nth-child(3){ top: 205px;}
#p-ep .poster1 li:nth-child(4){ width: 235px; height: 62px; top: 135px; left: calc(50% + 300px);border-radius: 14.622px; background: #FFF; box-shadow: 0px 9.121163368225098px 19.071521759033203px 0px rgba(121, 77, 77, 0.13); padding: 0 11px; color: #3F3F45; font-size: 10px; font-weight: 500; line-height: normal; letter-spacing: -1px; }
#p-ep .poster1 li:nth-child(4):before {display: none;}
#p-ep .poster1 li:nth-child(4) strong { color: #3F3F45; font-family: Montserrat; font-size: 10px; font-weight: 600; line-height: normal; padding-left: 60px; position: relative;}
#p-ep .poster1 li:nth-child(4) strong:before {content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 49px; height: 10px; border-radius: 4.769px; background: #FB5353;}

#p-ep .poster26 h1 {margin: 54px auto 40px; color: #FFF; font-size: 48px; font-weight: 800; line-height: 1.3; text-align: center; max-width: 1200px;}
#p-ep .poster26 p { color: #FFF; text-align: center; font-size: 22px; font-weight: 400; line-height: 1.2;}
#p-ep .poster26 p a:nth-child(1) { width: 260px; height: 48px; background-color: #FFF; font-size: 16px; border-radius: 24px; padding: 7px 20px; color: #EB613D; text-align: center; display: inline-flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; cursor: pointer; text-decoration: none!important; margin: 30px 10px 0; border: solid 2px #FFF; outline: none!important; font-weight: 600;}
#p-ep .poster26 p a:nth-child(1):hover { background-color: transparent; color: #FFF; border: solid 2px #FFF;}
#p-ep .poster26 p a:nth-child(2) { width: 260px; height: 48px; background-color: transparent; font-size: 16px; border-radius: 24px; padding: 7px 20px; color: #FFF; text-align: center; display: inline-flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; cursor: pointer; text-decoration: none!important; margin: 30px 10px 0; border: solid 2px #FFF; outline: none!important; font-weight: 600;}
#p-ep .poster26 p a:nth-child(2):hover { background-color: #FFF; color: #EB613D; border: solid 2px #FFF;}


#p-ep .poster26 p sub { color: #FFF; font-size: 14px; font-weight: 600; line-height: 1.2;}

#ep-logos blockquote {margin: 0; padding: 0; border: none; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; gap: 20px;}
#ep-logos p { width: 15%; flex: 1 1 15%; padding: 20px;}
#ep-logos p img {width: 100%!important; height: auto; max-width: 100%; }

#ep-logos2 blockquote {margin: 0 auto; width: 50%; padding: 0; border: none; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; gap: 20px;}
#ep-logos2 blockquote p { width: 25%; flex: 1 1 25%; padding: 20px;}
#ep-logos2 blockquote p img {width: 100%!important; height: auto; max-width: 100%; }


#p-blog {height: 304px; margin-top: 13px; background-image: url(../images/blog-bg.jpg); background-color: transparent; background-position: top right;}
#p-blog .title {height: 304px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;}
#p-blog .page-header{ width: 22%; padding-top: 90px; padding-left: 90px; color: #222; font-size: 64px; font-weight: 800; line-height: 100.4%; }
#p-blog .view-filters { width: 56%; padding: 0; min-width: 775px;}
#news .view .view-filters { display: none;}
#p-blog .views-exposed-widgets{ width: 100%; height: 304px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: center; position: relative; gap: 12px;}
#p-blog .views-widget-filter-keys { width: 100%; padding: 0;}
#p-blog .views-widget-filter-keys label { display: none;}
#p-blog .views-widget-filter-keys input {width: 100%; height: 64px; border-radius: 8px; background-color: #FFF; box-shadow: 0px 1px 18px 0px rgba(236, 214, 204, 0.70); font-size: 22px; line-height: 40px; padding: 12px 104px 12px 64px; background-image: url(../images/search.svg); background-position: left 24px center; border: solid 1px transparent;}
#p-blog .views-widget-filter-keys input:focus { border-color: #EB613D;}
#p-blog .views-widget-filter-keys input:hover { border-color: rgba(235, 97, 61, 0.33);}
#p-blog #tags { width: 100%; display: flex; gap: 12px; flex-direction: row; justify-items: flex-start; justify-content: flex-start;}
#p-blog #tags .tag { display: inline-block; height: 40px; border-radius: 22px; background-color: #FFF; color: #888C9B;  font-size: 14px; font-weight: 500; line-height: 18px; padding: 11px 17px; text-decoration: none!important; border: solid 1px transparent;}
#p-blog #tags .tag:hover { background-color: #fff; color: #EB613D; border-color: #EB613D;}
#p-blog #tags .tag.selected {background-color: #EB613D33!important; color: #EB613D!important; }
#p-blog .views-widget-filter-field_tags_tid { display: none;}
#p-blog .views-submit-button {position: absolute; padding: 0; top: 10px; right: 12px; }
#edesktop #p-blog .views-submit-button { top: unset; margin-top: -51px; }
#p-blog .views-submit-button button {margin: 0; display: block; height: 44px; padding: 13px 16px; border-radius: 4px; background-color: #EB613D; color: #fff; font-size: 14px; font-weight: 600; line-height: 18px; text-align: center; border: solid 1px transparent;}
#p-blog .views-submit-button button:hover { background-color: #fff; color: #EB613D; border-color: #EB613D;}
 

/********************************/
.panel-pane {margin-bottom: 80px; position: relative;}
.pane-title {width:calc(100% - 128px); margin: 0 auto 60px; height: auto; position: relative; z-index: 1; max-width: 1920px; font-size: 48px; line-height: 43px; text-align: center; font-weight: 600;}
.panel-pane .pane-content {width:calc(100% - 128px); margin: 0 auto; height: auto; position: relative; z-index: 1; max-width: 1920px;}
#hp-solutions {}
#hp-solutions ul {display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; position: relative;  width: 100%; list-style: none; padding: 0; margin: 0;}
#hp-solutions li {display: block; width: 30%; max-width: 400px; }
#hp-solutions li a {display: block; text-decoration: none!important; outline: none!important; position: relative;}
#hp-solutions li strong {display: block; text-align: center; font-size: 28px; line-height: 38px; font-weight: 700; font-family: 'Playfair Display', serif; }
#hp-solutions li em {height: 340px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; text-align: center; color: #888C9B; font-size: 14px; line-height: 17px; font-weight: 600; padding-bottom: 270px; font-style: normal;}
#hp-solutions li:nth-child(1) strong { color: #3F3F45;}
#hp-solutions li:nth-child(2) strong { color: #EB613D;}
#hp-solutions li:nth-child(3) strong { color: #5E7CD3;}
#hp-solutions li a:before {content: ''; position: absolute; top: 100px; left: 0; right: 0; display: block; height: 250px; border-radius: 24px; overflow: hidden; background-position: center center; background-size: cover; box-shadow: 0px 2px 9px rgba(101, 101, 101, 0.15); overflow: hidden;}
#hp-solutions li:nth-child(1) a:before { background-image: url(../images/hp-sol1.jpg);}
#hp-solutions li:nth-child(2) a:before { background-image: url(../images/hp-sol2.jpg);}
#hp-solutions li:nth-child(3) a:before { background-image: url(../images/hp-sol3.jpg);}
#hp-solutions li a:after {content:'Подробнее'; display: block; text-align: center; width: 100%; height: 54px; padding: 17px; border-radius: 17px; font-size: 16px; line-height: 18px; font-weight: 600; color: #888C9B; background-color: #EFF2F4;}
#hp-solutions li a:hover:after { color: #EB613D; background-color: #FCE7E2;}


#hp-clients .pane-content {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: stretch;}
#hp-clients blockquote {padding: 0px; margin: 0 0 20px; font-size: 14px; line-height: 24px; border-left: none; width:30%; color: #888C9B; font-weight: 500;}
#hp-clients h3 {font-size: 28px; line-height: 29px; font-weight: 700; margin: 10px 0 20px; color: #222222;}
#hp-clients a { text-decoration: underline; color: #888C9B; font-weight: 700;}
#hp-clients img {height: 70px!important; width: auto!important;}

#hp-advantage .pane-title {height: 478px; background-color: #EB613D; color: #fff; border-radius: 33px; text-align: left; padding: 80px 60% 0 80px; position: relative;}
#hp-advantage .pane-title span:nth-child(1) {position: absolute; top: 125px; left: 520px; width: 42px; height: 28px; z-index: 5; background-image: url(../images/stars.png);}
#hp-advantage .pane-title span:nth-child(2) {position: absolute; top: 40px; right: 50px; width: 45%; max-width: 638px; height: 397px; overflow: hidden; border-radius: 33px; background-position: right bottom; background-image: url(../images/hp-e003.jpg);}
#hp-advantage .pane-title:before {content: ''; position: absolute; top: 212px; left: unset; right: 33%;  width: 652px; height: 351px; border-radius: 0px; box-shadow: none; background-image: url(../images/hp-e000d.png); z-index: 2; background-size: contain;}
/*
#hp-advantage .pane-title:before {content: ''; position: absolute; top: 212px; left: 32%; width: 310px; height: 296px; border-radius: 24px; box-shadow: 0px 2px 9px 0px #65656526; background-image: url(../images/hp-e001.png); z-index: 2; background-size: cover;}
#hp-advantage .pane-title:after {content: ''; position: absolute; top: 315px; left: 12%; width: 400px; height: 88px; border-radius: 24px; box-shadow: 0px 2px 9px 0px #65656526; background-image: url(../images/hp-e002.png); z-index: 3; background-size: cover;}
*/
#hp-advantage .pane-content {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: stretch;}
#hp-advantage blockquote {padding: 0px; margin: 0 0 20px; font-size: 14px; line-height: 24px; border-left: none; width:21%; color: #888C9B; font-weight: 500;}
#hp-advantage h3 {font-size: 28px; line-height: 32px; font-weight: 800; margin: 10px 0 20px; color: #222222;}
#hp-advantage img {height: 57px;}

#hp-solutions2 { margin-bottom: 0;}
#hp-solutions2 .pane-content {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: stretch;}
#hp-solutions2 .pane-content>p { text-align: center; padding: 0 20%; margin: 0 auto 30px;}
#hp-solutions2 blockquote {padding: 216px 20px 90px; margin: 30px 0 20px; font-size: 14px; line-height: 24px; border-left: none; width:32%; color: #888C9B; font-weight: 500;box-shadow: 0px 2px 9px 0px #65656526; border-radius: 33px; position: relative; text-align: center;}
#hp-solutions2 blockquote:before {content: '';position: absolute; top: 0; left: 0; right: 0; height: 216px; background-color: #EFF2F4; border-radius: 33px 33px 0 0;}
#hp-solutions2 blockquote:after {content: '';position: absolute; top: 0; left: 0; right: 0; height: 216px; border-radius: 33px 33px 0 0; background-position: bottom center; background-image: url(../images/hp-s1d.png); }
#hp-solutions2 .pane-content blockquote:nth-of-type(1):after { top: 35px; height: 181px; left: calc(50% - 168px); right: calc(50% - 168px); border-radius: 24px 24px 0 0; }
#hp-solutions2 .pane-content blockquote:nth-of-type(2) {padding: 246px 20px 90px; margin: 0px 0 20px;}
#hp-solutions2 .pane-content blockquote:nth-of-type(2):before {height: 246px; background-color: #EB613D;}
#hp-solutions2 .pane-content blockquote:nth-of-type(2):after { top: 12px; height: 234px; left: unset; max-width: 100%; width: 443px; right: 0; border-radius: 0;  background-image: url(../images/hp-s2d.png);}
#hp-solutions2 .pane-content blockquote:nth-of-type(3):before { background-color: #D2DAF2;}
#hp-solutions2 .pane-content blockquote:nth-of-type(3):after { top: 19px; height: 197px; background-image: url(../images/hp-s3d.png);}
#hp-solutions2 h3 {font-size: 28px; line-height: 29px; font-weight: 700; margin: 30px 0 30px; color: #222222; text-align: center;}
#hp-solutions2 .pane-content blockquote:nth-of-type(2) h3 { color: #EB613D;}
#hp-solutions2 ul {margin: 30px 0 10px; padding: 0;}
#hp-solutions2 li { text-align: left; padding: 0 0 10px 35px; list-style: none; background-position: 2px 2px; background-image: url(../images/check23.png); font-size:13px;color: #888C9B; line-height: 15px; font-weight: 500;}
#hp-solutions2 blockquote p {font-size: 13px; font-weight: 500; line-height: 15px; padding: 0 40px; color: #3F3F45;}
#hp-solutions2 a { text-decoration: none!important; color: #888C9B; font-size: 16px; position: absolute; bottom: 30px; left: 70px; right: 70px; display: block ; height: 54px; line-height: 54px; text-align: center; font-weight: 600; background-color: #EFF2F4; border-radius: 33px;} 
#hp-solutions2 a:hover {border: 1px solid #888C9B; background-color: #fff;}
#hp-solutions2 blockquote:nth-child(3) a {color: #F2F2F2; background-color: #EB613D;}
#hp-solutions2 blockquote:nth-child(3) a:hover {border: 1px solid #EB613D; background-color: #fff; color: #EB613D;}
#hp-solutions2 blockquote:nth-child(4) a {color: #5E7CD3; background-color: #D2DAF2;}
#hp-solutions2 blockquote:nth-child(4) a:hover {border: 1px solid #5E7CD3; background-color: #fff;}

#recalls {padding: 70px 0; background-color: #EFF2F4; }
#recalls .pane-content { position: static;}
#recalls .pane-title {text-align: left; padding-left: 12%; font-weight: 800;}
#recalls .slick-list { width: 76%; margin: 0 auto; background-color: #fff; border-radius: 33px; padding: 50px 0;}
#recalls .slick-list .slide { margin: 0 50px; }
#recalls .slick-list .slide__content { display: flex; flex-direction: row; flex-wrap: wrap;}
#recalls .slick-list .slide .views-field-field-icon {order:2; width: 64px; height: 64px; border-radius: 32px; margin-right: 26px; float: left; overflow: hidden; }
#recalls .slick-list .slide .views-field-field-fullname {order: 4; display: none;}
#recalls .slick-list .slide .views-field-field-jobtitle { order: 5; display: none;}
#recalls .slick-list .slide .views-field-body { order:1; width: 100%; margin-bottom: 50px; font-size: 16px; line-height: 33px; color: #222222; font-weight: 600; font-family: 'Playfair Display', serif;}
#recalls .slick-list .slide .views-field-nothing { order: 3; width: calc(100% - 90px); font-size: 14px; line-height: 30px; font-weight: 600; color: #888C9B;}
#recalls .slick-list .slide .views-field-nothing strong {display: block; font-size: 20px; line-height: 30px; font-weight: 700; color: #222222;}
#recalls .slick-prev { background-image: url(../images/r-left23.png); top: calc(50% - 100px); bottom: calc(50% - 100px); height: unset;}
#recalls .slick-next { background-image: url(../images/r-right23.png); top: calc(50% - 100px); bottom: calc(50% - 100px); height: unset;}
#recalls .slick-prev:hover { background-image: url(../images/o-left23.png);}
#recalls .slick-next:hover { background-image: url(../images/o-right23.png);}
#recalls .slick-dots { display: block; margin: 0; padding: 0; list-style: none; width: 100%; position: relative; text-align: center;}
#recalls .slick-dots li {font-size: 0; width: 8px; height: 8px; background-color: #888C9B; display: inline-block; margin: 10px 8px; border:none; border-radius: 4px; }
#recalls .slick-dots .slick-active{ background-color:#EB613D;}

#hp-blog .pane-title {text-align: left; font-weight: 800;}
#hp-blog {}
#hp-blog .view-content { display: flex; justify-content: space-between; align-content: flex-start; align-items: stretch;}
#hp-blog .views-row { width: 40%;}
#hp-blog .views-row a { display: flex;flex-direction: row; flex-wrap: nowrap;}
#hp-blog .img { width: 154px; height: 154px; border-radius: 24px; overflow: hidden; flex: 0 0 154px;}
#hp-blog .title { padding-left: 40px;  height: 154px; padding-top: 74px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: center; font-size: 20px; line-height: 24px; font-weight: 700; color: #222222;}
#hp-blog .text { display: none;}
 
#hp-contacts .inner {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width:calc(100% - 128px); max-width: 1920px; margin: 0 auto;}
#hp-contacts .pane-title {text-align: left; font-weight: 800; max-width: 1920px; }
#hp-contacts .pane-content {width: 47%; margin: 0;}
#hp-contacts .pane-content form {width: 100%; padding: 40px 15%; background-color: #eb613d33; border-radius: 33px;}
#hp-contacts .webform-component--oplata { display: none;}
#hp-contacts .webform-component--package {display: none;}
#hp-contacts .webform-component--header h2 {font-size: 28px; line-height: 32px; color: #EB613D; font-weight: 700; margin-bottom: 40px; text-align: left!important;}
#hp-contacts .webform-component--header p {font-size: 14px; line-height: 24px; font-weight: 500; text-align: left!important; }
#hp-contacts .webform-component-textfield label { display: none;}
#hp-contacts .webform-component-email label { display: none;}

#hp-contacts .webform-component-textfield input {color:#222222; font-size: 16px; height: 54px; line-height: 54px; border-radius: 10px; border: none; font-weight: 500; outline: none!important; box-shadow: none!important; transition: none!important;}
#hp-contacts .webform-component-textfield input:hover {border: solid 1px #EB613D55;}
#hp-contacts .webform-component-textfield input:focus {border: solid 1px #EB613D;}
#hp-contacts .webform-component-email input {color:#222222; font-size: 16px; height: 54px; line-height: 54px; border-radius: 10px; border: none; font-weight: 500; outline: none!important; box-shadow: none!important; transition: none!important;}
#hp-contacts .webform-component-email input:hover {border: solid 1px #EB613D55;}
#hp-contacts .webform-component-email input:focus {border: solid 1px #EB613D;}
#hp-contacts textarea {color:#222222; font-size: 16px; height: 154px; line-height: 54px; border-radius: 10px; border: none; font-weight: 500; outline: none!important; box-shadow: none!important; transition: none!important;}
#hp-contacts textarea:hover {border: solid 1px #EB613D55;}
#hp-contacts textarea:focus {border: solid 1px #EB613D;}

#hp-contacts .form-type-checkbox label {font-size: 14px; font-weight: 600; color: #222;}
#hp-contacts .form-type-checkbox a {font-size: 14px; font-weight: 700; color: #EB613D;}
#hp-contacts button {width: 100%; background-color: #EB613D; color: #fff; height: 54px; border: solid 1px transparent; font-size: 16px; font-weight: 600; text-align: center; cursor: pointer; border-radius: 24px;}
#hp-contacts button:hover { background-color: #fff; color: #EB613D; border-color: #EB613D;}

#hp-contacts .office .addr {font-size: 16px; font-weight: 700; margin-bottom: 30px;}
#hp-contacts .office .email a {font-size: 16px; font-weight: 700; color: #EB613D;  }
#hp-contacts .office .email {margin-bottom: 30px;background-image: url(../images/g-email.png); padding-left: 40px;}
#hp-contacts .office .phone {margin-bottom: 30px; padding-left: 40px; background-image: url(../images/g-phone.png);}
#hp-contacts .office .phone a {font-size: 16px; font-weight: 600; color: #222222;}
#hp-contacts .office h3 {font-size: 28px; color: #222222; font-weight: 800; margin-bottom: 50px;}


/********************************/

#selector {position: absolute; width: 19%; z-index: 2; left: max(50% - 960px, 64px); max-width: 250px;}
#selector .pane-content {width: 100%;}
#selector u { cursor: pointer; display: flex; position: relative; padding: 20px 28px; border-radius: 32px; line-height: 24px;  margin-bottom: 20px; width: 100%; text-decoration: none; font-size: 16px; font-weight: 600; color: #888C9B;}
#selector u.active {border: solid 1px #EB613D!important; color: #EB613D!important; background-color: #fff!important;}
#selector u:hover {background-color: #EFF2F4;}
#selector u:before {content: ''; display: inline-block; width: 24px; height: 24px; margin-right: 16px; background-size: contain;}
#selector u:nth-child(1):before { background-image: url(../images/a23-m1.svg);}
#selector u:nth-child(2):before { background-image: url(../images/a23-i1.svg);}
#selector u.active:nth-child(1):before { background-image: url(../images/a23-m.svg)!important;}
#selector u.active:nth-child(2):before { background-image: url(../images/a23-i.svg)!important;}

.tab-page {display: none;}
.tab-page .pane-content{ padding-left: 20%;}
.tab-page.active {display: block;}
.tab-page h2 {display: none;}
.tab-page .views-row { padding: 32px 32px 32px 136px; margin-bottom: 20px; border-radius: 24px; background: #FFF; box-shadow: 0px 1px 11px 0px rgba(144, 152, 177, 0.25); position: relative; max-height: 150px; transition: max-height 1s; overflow: hidden;}
.tab-page .views-row.active {max-height: 3000px; }
.tab-page .views-field-field-icon .field-content {display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; position: absolute; top: 32px; left: 32px; width: 72px; height: 72px; overflow: hidden; border-radius: 18px;  background-color: #EB613D25;}
.tab-page .views-field-field-icon .field-content img {max-width: 34px; height: auto; display: block;}
.tab-page .views-field-title {font-family: Playfair Display; font-size: 28px; font-weight: 800; color: #222; cursor: pointer; position: relative;}
.tab-page .views-field-title:after {content: ''; position: absolute; top: 32px; right: 0; z-index: 2; width: 32px; height: 32px; line-height: 24px; font-size: 24px; font-weight: 800; transform: rotateX(0deg); transition: transform 0.5s; transform-origin: center center; background-image: url(../images/arrow32.png);}
.tab-page .views-row:hover .views-field-title:after { background-image: url(../images/o-arrow32.png);}
.tab-page .views-row.active .views-field-title:after { transform: rotateX(-180deg); transition: transform 0.5s;}
.tab-page .views-field-body {display: block; font-size: 14px; font-weight: 500; color: #888C9B; margin-top: 10px; padding-right: 24px;}
.tab-page .views-row.active .views-field-body {display: none;}
.tab-page .views-field-nid {display: none; width: 100%; font-size: 14px; font-weight: 500; color: #888C9B; margin-top: 10px;}
.tab-page .views-field-nid .field-content>*:nth-child(1){ padding-right: 24px;}
.tab-page .views-row.active .views-field-nid {display: block;}
.tab-page .views-field-nid img {width: 100%; max-width: 100%;}
#modules, #interfaces { }
#faq {margin-top: 60px;}
#faq .pane-title {font-weight: 700; color: #3F3F45; margin-bottom: 80px;}
#faq .pane-content { padding: 0 15%;}
#faq .views-row {margin-bottom: 32px;}
#faq .views-field-title {font-size: 24px; font-weight: 600;cursor: pointer; position: relative;}
#faq .views-field-body {font-size: 14px; font-weight: 500; margin-top: 20px; max-height: 0; transition: all 0s; overflow: hidden; padding-right: 60px;} 
#faq .active .views-field-body{   max-height: 1000px; transition: all 0s;}
#faq .views-row .views-field-title:after { content: '+'; position: absolute; display: block; top: 0; right: 0; font-size: 64px; font-weight: 300; line-height: 32px;}
#faq .views-row.active .views-field-title:after { content: '—';font-size: 30px; font-weight: 600;}

/********************************/

#digits {}
#digits ul {margin: 0; padding: 0; display: flex; list-style: none; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: stretch;}
#digits li {color: #222; font-size: 14px; font-weight: 600; }
#digits li strong {display: block; color: #EB613D; font-size: 48px; font-family: Playfair Display; font-style: normal; font-weight: 800; }

#begin {}
#begin .pane-title { color: #3F3F45;}
#begin .pane-content { background-color: #EFF2F4; border-radius: 33px; display: flex; padding: 44px 44px 44px 80px; }
#begin blockquote {min-width: 300px; flex: 1 1 600px; padding: 0; margin: 0; border-left: none;}
#begin blockquote h2 {color: #222; font-size: 48px; font-weight: 600; margin-bottom: 40px;}
#begin blockquote p {color: #222; font-size: 14px; font-weight: 500; line-height: 140%;}
#begin p:last-child { flex: 0 0 auto;}
#begin img {border-radius: 33px;}

#clients .pane-title { color: #3F3F45;}
#clients .pane-content {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: stretch; padding-left: 2%;}
#clients blockquote {padding: 0px; margin: 0 0 20px; font-size: 14px; line-height: 24px; border-left: none; width:23%; margin-right: 2%; color: #888C9B; font-weight: 500;}
#clients h3 {font-size: 28px; line-height: 29px; font-weight: 700; margin: 10px 0 20px; color: #222222;}
#clients a { text-decoration: underline; color: #888C9B; font-weight: 700;}
#clients p, #clients li {font-size: 14px; font-weight: 500; color: #000;}
#clients blockquote p:first-child {height: 150px; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: center;}
#clients blockquote p:first-child img {max-width: 100%;}

#history {}
#history .pane-title { color: #3F3F45;}
#history .pane-content p { width: 100%; overflow-x: hidden; position: relative; height: 400px; position: relative;}
#history .pane-content p.right:after {content: ''; z-index: 1; position: absolute; top: 0; bottom: 0; right: 0; width: 250px; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
#history .pane-content p.left:before {content: ''; z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; width: 250px; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
#history .pane-content p img {width: auto!important; height: auto!important; max-width: none; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 0; transition: left 1s;}
#history .button { cursor: pointer; width: 135px; padding: 17px 20px; border-radius: 33px; background-color: #EB613D; border: solid 1px transparent; color:#fff; box-shadow: 0px 4px 23px 0px rgba(235, 97, 61, 0.28); text-align: center; font-size: 16px; font-weight: 600; line-height: 18px; position: absolute; top: 0; right: 0; display: none; z-index: 2;}
#history .button:hover {border-color: #EB613D; color: #EB613D; background-color: #fff;}
#history #r-button:after {display: inline-block; content:'›'; font-size: 25px; line-height: 15px; width: 18px; height: 18px; margin-left: 8px; /*background-position: center center; background-image: url(../images/arr23-w.png);*/ vertical-align: middle;}
#history #l-button:before {display: inline-block; content:'‹'; font-size: 25px; line-height: 15px;  width: 18px; height: 18px; margin-right: 8px; /*background-position: center center; background-image: url(../images/arr23-w.png); transform: rotateY(180deg); transform-origin: center center;*/ vertical-align: middle;}
/*
#history #l-button{ left: 0; right: unset; text-align: left;}
#history #r-button{ right: 0;}
*/
#team .pane-title { color: #3F3F45; font-size: 64px;}
#team .pane-content {display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: space-between; align-items: stretch; }
#team blockquote {padding: 0px; margin: 0 0 20px; font-size: 14px; line-height: 24px; border-left: none; width:15%; color: #000; font-weight: 500; text-align: left;}
#team strong {font-size: 16px; line-height: 140%; font-weight: 700; margin: 10px 0 10px; color: #222222; display: block;}
#team blockquote p:first-child {display: block; width: 100%; aspect-ratio: 0.85; overflow: hidden; border-radius: 24px;}
#team blockquote p:first-child img {max-width: 100%!important; width: 100%!important; height: auto!important; object-fit: contain;}

/************************************/

#eb-connect .pane-title {color: #3F3F45;}
#eb-connect .pane-content {display: flex; justify-content: center; flex-direction: row; flex-wrap: nowrap; align-items: stretch; gap: 20px;}
#eb-connect ul {margin: 0; padding: 0; list-style: none; width: 448px;}
#eb-connect li {display: block; font-size: 16px; font-weight: 600; padding: 102px 50px 45px 35px; border-radius: 24px; box-shadow: 0px 8.663461685180664px 35.616455078125px 0px rgba(194, 193, 202, 0.26); position: relative;  }
#eb-connect ul li:nth-child(1) {margin-bottom: 20px;}
#eb-connect ul li:before { content: ''; position: absolute; top: 39px; left: 35px; width: 40px; height: 40px; background-size: contain;}
#eb-connect ul li:nth-child(1):before { background-image: url(../images/eb1.svg);}
#eb-connect ul li:nth-child(2):before { background-image: url(../images/eb2.svg);}
#eb-connect p {width: 448px; background-color: #F67544; color: #fff; border-radius: 24px; padding: 57px 50px; background-position: left bottom; background-image: url(../images/eb3.png); position: relative;}
#eb-connect p:before {content: 'Система автоматизации отеля Ecvi'; width: 224px; height: 67px; padding: 14px 20px; border-radius: 14px; background: #FFF; box-shadow: 0px 20px 21px 0px rgba(218, 135, 113, 0.23); position: absolute; top: 120px; right: 55px; color: #496070; font-size: 14px; font-weight: 500;}
#eb-connect p:after {}
#eb-connect p a {position: absolute; display: block; top: 270px; left: 105px; width: 229px; padding: 12px 24px; border-radius: 22px; background: #232428; box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.06); color: #f2f2f2; font-size: 13px; line-height: 24px; font-weight: 600; text-decoration: none!important;}
#eb-connect p a:before {content: ''; display: inline-block; margin-right: 10px; width: 24px; height: 24px; background-image: url(../images/yt-1.png); vertical-align: middle;}

#eb-control .pane-title {color: #3F3F45; padding: 40px 0;}
#eb-control .pane-content {}
#eb-control ul {margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; align-items: stretch; gap: 2%;}
#eb-control li {display: block; font-size: 20px; font-family: Playfair Display; font-weight: 700; line-height: 24px; width: 16%;  }
#eb-control li img{ display: block; margin-bottom: 30px;}

#eb-online {padding-top: 40px;}
#eb-online .pane-content { width:916px; padding-left: 468px; position: relative; margin: 0 auto; height: 400px;}
#eb-online .pane-content h2 { padding: 60px 0 20px; color: #3F3F45; font-size: 48px; font-weight: 700; line-height: 105.4%;}
#eb-online .pane-content p {font-size: 14px; font-weight: 500; line-height: 127.9%;}
#eb-online .pane-content:before {content: ''; position: absolute; bottom: 0; left: 0; width: 316px; height: 338px; background-image: url(../images/eb4.png);}
#eb-online .pane-content:after {content: ''; position: absolute; top: 0; right: 468px; width: 314px; height: 356px; background-image: url(../images/eb5.png);}

#eb-personal {padding-top: 40px;}
#eb-personal .pane-content { position: relative; height: 446px; background-color: #EFF2F4; border-radius: 33px; padding: 75px;}
#eb-personal .pane-content h2 { color: #3F3F45; font-size: 48px; font-weight: 700; line-height: 105.4%; width: 500px;margin-top: 0;  margin-bottom: 40px;}
#eb-personal .pane-content p {font-size: 14px; font-weight: 500; line-height: 127.9%; width: 500px; margin-bottom:}
#eb-personal .pane-content ul {padding: 0; margin: 40px 0;}
#eb-personal .pane-content li {list-style: none; padding-left: 35px; font-size: 14px; font-weight: 500; line-height: 22px; background-image: url(../images/check23.png); margin-bottom: 15px; width: 500px;}
#eb-personal .pane-content a { text-decoration: none!important; display: inline-block; color: #EB613D; font-size: 16px; font-weight: 600;
    line-height: normal;}
#eb-personal .pane-content a:after {content: ''; width: 24px; height: 24px; margin-left: 10px; background-image: url(../images/arr23-orange.svg); display: inline-block; vertical-align: middle;}
#eb-personal .pane-content:before {content: ''; position: absolute; bottom: 20px; right: 232px; width: 400px; height: 349px; background-image: url(../images/eb6.png);}
#eb-personal .pane-content:after {content: '';  position: absolute; top: 45px; right: 55px; width: 305px; height: 285px; background-image: url(../images/eb7.png);}

#eb-finance {padding-top: 40px;}
#eb-finance .pane-content { padding-left: calc(50% - 64px + 10px); position: relative; height: 400px;}
#eb-finance .pane-content h2 { padding: 60px 0 20px; color: #3F3F45; font-size: 48px; font-weight: 700; line-height: 105.4%;}
#eb-finance .pane-content p {font-size: 14px; font-weight: 500; line-height: 127.9%; width: 536px;}
#eb-finance .pane-content:before {content: ''; position: absolute; bottom: 100px; left: max(30px, 100% - 1570px); width: 311px; height: 186px; background-image: url(../images/eb8.png); z-index: 1;}
#eb-finance .pane-content:after {content: ''; position: absolute; top: 0; right: calc(50% + 10px); width: 464px; height: 403px; background-image: url(../images/eb9.png);}

#eb-tariffs {padding-top: 40px;}
#eb-tariffs .pane-content { display: flex; gap: 20px; width: 50%; min-width: 1072px;}
#eb-tariffs blockquote {width: 33.33%; border-radius: 24px; background: #FFF; box-shadow: 0px 8.663461685180664px 35.616455078125px 0px rgba(194, 193, 202, 0.26); padding: 0 40px 250px; position: relative; margin: 0;  border: solid 1px transparent;  transition: border-color 1s; }
#eb-tariffs blockquote:hover { border-color: #EB613D; transition: border-color 1s;}
#eb-tariffs blockquote h3 {margin: 0 -40px 40px; padding: 29px 0 0; height: 92px; text-align: center; font-size: 28px; font-weight: 500; border-radius: 24px 24px 0 0; position: relative; }
#eb-tariffs blockquote:nth-child(2) h3 { color: #EB613D;}
#eb-tariffs blockquote:nth-child(3) h3 { color: #fff; background-color: #EB613D; background: linear-gradient(217deg, #F7B466 0%, #FC9E67 46.40%, #EC623E 100%);}
#eb-tariffs blockquote p {text-align: center; font-size: 14px; font-weight: 500; line-height: 130.5%;}
#eb-tariffs blockquote ul {margin: 30px 0; padding: 0;}
#eb-tariffs blockquote li {list-style: none; padding-left: 35px; font-size: 14px; font-weight: 500; color: #888C9B; line-height: 22px; background-image: url(../images/check23.png); margin-bottom: 18px;}
#eb-tariffs blockquote em {position: absolute; bottom: 180px;left: 40px; right: 40px; display: block; border-radius: 12px; background: #F4F6F8; padding: 15px; text-align: center; color: #EB613D;  text-align: center; font-size: 13px; font-weight: 600; line-height: 18px; font-style: normal;}
#eb-tariffs blockquote em:after {content: ''; position: absolute; bottom: 0; right: 0; width: 24px; height: 25px; background-image: url(../images/star.svg);} 
#eb-tariffs blockquote p:last-child {position: absolute; bottom: 0; left: 40px; right: 40px; height: 170px; color: #888C9B; text-align: center; font-size: 14px; font-weight: 500; line-height: 124%;}
#eb-tariffs blockquote p:last-child a:last-child {position: absolute; bottom: 40px; left: calc(50% - 117.5px); width: 235px; padding: 17px 44px; border-radius: 33px; background-color:#EB613D; color: #fff; text-align: center; text-decoration: none!important;}
#eb-tariffs blockquote p:last-child a:last-child:hover {color:#EB613D; background-color: #fff; border:solid 1px #EB613D;}

#eb-poster {display: none;}
/***********************************/

#ea-poster {display: none;}
 
 
.ea-marketing-right .pane-content { padding-left: min(50% + 20px - 64px, 980px); position: relative; margin: 0 auto; height: 360px;}
.ea-marketing-right .pane-content h2 { padding: 60px 0 20px; color: #3F3F45; font-size: 48px; font-weight: 700; line-height: 105.4%;}
.ea-marketing-right .pane-content p {font-size: 14px; font-weight: 500; line-height: 127.9%;}
/*#ea-marketing1 .pane-content {background-position: 0 0; background-image: url(../images/ea1.png);}*/
#ea-marketing1 .pane-content:before {content: ''; position: absolute; top: 0; left: min(25% - 257px, 490px - 257px); width: 515px; height: 333px; background-image: url(../images/ea1.png);}
/*#ea-marketing1 .pane-content:after {content: ''; position: absolute; top: 0; right: 468px; width: 314px; height: 356px; background-image: url(../images/eb5.png);}*/

 
.ea-marketing-left .pane-content { padding-right: min(50% + 20px - 64px, 980px); position: relative; margin: 0 auto; height: 360px;}
.ea-marketing-left .pane-content h2 { padding: 60px 0 20px; color: #3F3F45; font-size: 48px; font-weight: 700; line-height: 105.4%;}
.ea-marketing-left .pane-content p {font-size: 14px; font-weight: 500; line-height: 127.9%;}
/*#ea-marketing2 .pane-content {background-position: 0 0; background-image: url(../images/ea1.png);}*/
#ea-marketing2 .pane-content:before {content: ''; position: absolute; top: 0; left: min(75% - 228px, 1450px - 228px); width: 457px; height: 338px; background-image: url(../images/ea2.png);}
#ea-marketing2 .pane-content:after {content: ''; position: absolute; top: 229px; left: min(75% + 25px,1450px + 25px); width: 250px; height: 195px; background-image: url(../images/ea3.png);}

#ea-marketing3 .pane-content:before {content: ''; position: absolute; top: 0; left: min(25% - 227px, 490px - 227px); width: 457px; height: 319px; background-image: url(../images/ea4.png);}

#ea-marketing4 .pane-content:before {content: ''; position: absolute; top: 0; left: min(75% - 228px, 1450px - 228px); width: 457px; height: 260px; background-image: url(../images/ea5.png);}
#ea-marketing4 .pane-content:after {content: ''; position: absolute; top: 149px; left: min(75% + 25px,1450px + 25px); width: 256px; height: 198px; background-image: url(../images/ea6.png);}

#ea-marketing5 .pane-content:before {content: ''; position: absolute; top: 0; left: min(25% - 232px, 490px - 232px); width: 464px; height: 286px; background-image: url(../images/ea7.png);}

#ea-target {}
#ea-target .pane-content { background-color: #EFF2FB; border-radius: 33px; padding: 50px 69px; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: stretch; }
#ea-target blockquote {padding: 0px; margin: 0;  width:49%; font-size: 14px; line-height: 24px; border-left: none; color: #000; font-weight: 500; text-align: left;}
#ea-target .pane-content h2 { width: 100%; padding: 0px 0 60px; margin: 0; color: #3F3F45; font-size: 48px; font-weight: 700; line-height: 105.4%;}
#ea-target blockquote p:first-child {display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: space-around; align-items: flex-start; padding-left: 230px; min-height: 149px; color: #888C9B; font-size: 14px; font-weight: 500; line-height: 127.9%; position: relative;}
#ea-target blockquote p:first-child strong {display: block; color: #3F3F45; font-size: 28px; font-family: Playfair Display; font-weight: 700; line-height: 110.8%;}
#ea-target blockquote p:first-child img {display: block; position: absolute; top: 0; left: 0; width: 210px!important; height: auto!important; border-radius: 14px;}
#ea-target blockquote ul {margin: 0; padding: 0 0 0 20px;}
#ea-target blockquote li {color: #3F3F45;font-size: 14px; font-weight: 500; line-height: 140%;}

#ea-wiw {}
#ea-wiw .pane-content { background-color: #000; height: 648px; width: 100%; max-width: 1920px; background-position: right top; background-image: url(../images/ea8.jpg); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: center; }
#ea-wiw table { display: inline-block; font-size: 16px; line-height: 130%; font-weight: 500;}
#ea-wiw tbody { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start; align-items: stretch; gap: 10px; width: auto;}
#ea-wiw tr { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: stretch; gap: 10px;}
#ea-wiw td { padding: 23px;  aspect-ratio: 1.56; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; background-color: #fff; border-radius: 39px; color: #3F3F45; text-align: center!important; width: 182px; height: 116px; }
#ea-wiw td[style*='center']{ background-color: #5E7CD3; color: #fff;}
#ea-wiw th { width: 182px; height: 116px; background-color: transparent; text-align: center; color: #fff; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: center; text-transform: uppercase;}
#ea-wiw tbody tr:first-child th { width: 100%; justify-content: center; height: auto;}
#ea-wiw tbody tr:last-child th { width: 100%; justify-content: center; height: auto;}

#ea-pic {}
#ea-pic .pane-content {border-radius: 33px; background-color: #EFF2FB;}
#ea-pic .pane-content p { display: none; margin: 0; padding: 0; text-align: center;}
#ea-pic .pane-content p:nth-of-type(1) { display: block;}

#ea-tech .pane-content { width: 677px;}
#ea-tech h3 {color: #3F3F45; font-size: 28px; font-weight: 700; line-height: 111.3%; text-align: left; margin: 30px 0;}
#ea-tech p {color: #888C9B; font-size: 16px; font-weight: 500; line-height: 140%;}
#ea-tech li {color: #888C9B; font-size: 14px; font-weight: 500; line-height: 140%; border-radius: 16px; background: #FFF; box-shadow: 0px 1px 11px 0px rgba(144, 152, 177, 0.25); width: 100%; height: 68px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; padding: 0 32px; margin-bottom: 10px;}
#ea-tech ul {list-style: none; margin: 0; padding: 0;}

#ea-button { text-align: center;}
#ea-button a {display: inline-block; width: 320px; padding: 17px 44px; border-radius: 33px; background-color: #EB613D; color: #FFF; text-align: center; font-size: 16px; font-weight: 600; line-height: normal; text-decoration: none!important; margin: 0 auto; border: solid 1px transparent; margin: 10px;} 
#ea-button a:hover { background-color: #fff; border:solid 1px #EB613D; color: #EB613D;}
#ea-button a.dl {display: inline-block; width: 320px; padding: 17px 44px; border-radius: 33px; background-color: #fff; color: #EB613D; text-align: center; font-size: 16px; font-weight: 600; line-height: normal; text-decoration: none!important; margin: 0 auto; border: solid 1px #EB613D;} 
#ea-button a.dl:hover { background-color: #f4f6f8; border:solid 1px #f4f4f4; color: #EB613D;}
#ea-button a.dl:before {content:''; display: inline-block; margin: 0 5px; vertical-align: middle; width: 24px; height: 24px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url(../images/dl.png);}
/**************************************/

#ep-poster { display: none;}

#ep-modules {}
#ep-modules .pane-content { display: flex; gap: 20px; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; align-items: stretch;}
#ep-modules blockquote {padding: 0px; margin: 0;  width:19%; border-left: none;}
#ep-modules blockquote img { width: 100%!important;  height: unset!important; aspect-ratio: 1.275; object-fit: cover; border-radius: 18px;}
#ep-modules blockquote h3 {color: #222; font-size: 20px; font-weight: 700; line-height: 24px; margin-bottom: 0px; height: 60px;}
#ep-modules blockquote ul {margin: 0; list-style: none; padding: 0;}
#ep-modules blockquote li {color: #888C9B; font-size: 14px; font-weight: 500; line-height: 161%;}

#ep-marketing1 .pane-content:before {content: ''; position: absolute; top: 0; left: min(25% - 229px, 490px - 229px); width: 458px; height: 305px; background-image: url(../images/ep1.png);}

#ep-marketing2 .pane-content:before {content: ''; position: absolute; top: 80px; left: min(75% - 160px, 1450px - 160px); width: 320px; height: 153px; background-image: url(../images/ep2.png);}
#ep-marketing2 .pane-content:after {content: ''; position: absolute; top: 0px; left: min(75% - 35px,1450px - 35px); width: 273px; height: 193px; background-image: url(../images/ep3.png);}

#ep-marketing3 .pane-content:before {content: ''; position: absolute; top: 0; left: min(25% - 168px, 490px - 168px); width: 336px; height: 259px; background-image: url(../images/ep4.png);}

#ep-marketing4 .pane-content:before {content: ''; position: absolute; top: 0px; left: min(75% - 225px, 1450px - 225px); width: 449px; height: 265px; background-image: url(../images/ep5.png);}
 
#ep-marketing5 .pane-content:before {content: ''; position: absolute; top: 0; left: min(25% - 283px, 490px - 283px); width: 565px; height: 312px; background-image: url(../images/ep6.png); border-radius: 33px; background-color: #F4F6F8; background-position: center center;}

#ep-marketing6 .pane-content:before {content: ''; position: absolute; top: 80px; left: min(75% - 266px, 1450px - 266px); width: 423px; height: 198px; background-image: url(../images/ep7.png);}
#ep-marketing6 .pane-content:after {content: ''; position: absolute; top: 17px; left: min(75% + 70px,1450px + 70px); width: 257px; height: 202px; background-image: url(../images/ep8.png);}

#ep-marketing7 .pane-content:before {content: ''; position: absolute; top: 60px; left: min(25% - 146px, 490px - 146px); width: 292px; height: 257px; background-image: url(../images/ep9.png); }

#ep-marketing8 .pane-content:before {content: ''; position: absolute; top: 0px; left: min(75% - 283px, 1450px - 283px); width: 565px; height: 289px; background-image: url(../images/ep10.png);}

#ep-tech {}
#ep-tech .pane-content {display: flex; gap: 20px; height: 500px; flex-direction: row; flex-wrap: nowrap; align-content: space-evenly; justify-content: space-between; align-items: stretch; min-width: 1160px;}
#ep-tech blockquote {padding: 0px; margin: 0; border-left: none; height: 100%;}
#ep-tech .pane-content blockquote:nth-of-type(1) { width: 260px; flex: 0 0 260px;}
#ep-tech .pane-content blockquote:nth-of-type(1) ul {margin: 0; padding: 0;}
#ep-tech .pane-content blockquote:nth-of-type(1) li {display: block; list-style: none; padding: 40px 20px; color: #888C9B; font-size: 14px;    font-weight: 500; line-height: 127.9%; position: relative; background-color: #fff; border-radius: 24px; margin-bottom: 20px;}
#ep-tech .pane-content blockquote:nth-of-type(1) li:before {content: ''; position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px; border-radius: 24px; opacity: 0.20000000298023224; background: #A4ABAF; filter: blur(17px); z-index: -1; }
#ep-tech .pane-content blockquote:nth-of-type(1) li strong {display: block; color: #EB613D; font-family: Playfair Display; font-size: 48px; font-weight: 800; line-height: 40%; margin-bottom: 16px;}

#ep-tech .pane-content blockquote:nth-of-type(2) { min-width: 310px; max-width: 560px;}
#ep-tech .pane-content blockquote:nth-of-type(2) ul {margin: 0; padding: 0; list-style: none; height: 100%;}
#ep-tech .pane-content blockquote:nth-of-type(2) li {display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: space-evenly; align-items: flex-start; list-style: none; padding: 40px 32px; color: #888C9B; font-size: 14px; font-weight: 500; line-height: 127.9%; position: relative; background-color: #fff; border-radius: 24px; margin-bottom: 20px; height: calc(50% - 10px);}
#ep-tech .pane-content blockquote:nth-of-type(2) li:before {content: ''; position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px; border-radius: 24px; opacity: 0.20000000298023224; background: #A4ABAF; filter: blur(17px); z-index: -1;}
#ep-tech .pane-content blockquote:nth-of-type(2) img {max-width: 100%; display: block; }

#ep-tech .pane-content blockquote:nth-of-type(3) { min-width: 550px; max-width: 680px; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; padding: 60px 50px 2px; color: #888C9B; font-size: 14px; font-weight: 500; line-height: 127.9%; position: relative; background-color: #fff; border-radius: 24px;}
#ep-tech .pane-content blockquote:nth-of-type(3):before {content: ''; position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px; border-radius: 24px; opacity: 0.20000000298023224; background: #A4ABAF; filter: blur(17px); z-index: -1;}
#ep-tech .pane-content blockquote:nth-of-type(3) h3 {text-align: center; color: #3F3F45; font-family: Montserrat; font-size: 16px;    font-weight: 700; line-height: 105.4%; margin: 0; padding-bottom: 185px; width: 100%; background-position: center bottom 30px; background-image: url(../images/ep11.png);}
#ep-tech .pane-content blockquote:nth-of-type(3) p { display: none;}
#ep-tech .pane-content blockquote:nth-of-type(3) ul {margin: 0; padding: 0; display: block; width: 40%;}
#ep-tech .pane-content blockquote:nth-of-type(3) ul li {list-style: none;}
#ep-tech .pane-content blockquote:nth-of-type(3) ul li strong { color: #EB613D;}
#ep-tech .pane-content blockquote:nth-of-type(3) ul li:nth-of-type(1){ color: #3F3F45; font-family: Playfair Display; font-size: 28px;    font-weight: 600; line-height: 95.9%; margin-bottom: 17px;}
#ep-tech .pane-content blockquote:nth-of-type(3) ul li:nth-of-type(2){color: #333; font-size: 14px; font-weight: 500; line-height: 127.9%; margin-bottom: 10px;}
#ep-tech .pane-content blockquote:nth-of-type(3) ul li:nth-of-type(3){color: #888C9B; font-size: 12px; font-weight: 500; line-height: 121.9%;}

#ep-case {}
#ep-case .pane-content {}
#ep-case .pane-content p {color: #888C9B; text-align: center;font-size: 18px; font-weight: 500; line-height: 140%;}
#ep-case h3 { margin: 120px 0 40px; color: #3F3F45; text-align: center; font-size: 28px; font-weight: 700; line-height: normal;}
#ep-case blockquote {padding: 0px; margin: 0; border-left: none; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: stretch; gap: 20px; margin-top: 90px;}
#ep-case blockquote>ul {width: 28%; margin: 0; padding: 0; list-style: none; max-width: 350px;}
#ep-case blockquote li {display: block; padding-left: 92px; color: #888C9B; font-size: 14px; font-weight: 600; line-height: 140%; position: relative; margin-bottom: 30px; min-height: 60px;}
#ep-case blockquote>p {width: 60%; max-width: 521px;}
#ep-case blockquote li strong { color: #EB613D;}
#ep-case blockquote>p>img { display: block; width:100%!important; height: auto!important; max-width: 100%;}
#ep-case blockquote li>em {display: block; position: absolute; top: 0; left: 0; width: 60px; height: 60px; border-radius: 18px;
    background-color: #F4F6F8; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center;}
#ep-case blockquote li>em>img {display: block; width: 60px; height: auto;} 

.page-ecvi-pro-26 #ep-case h3 { margin: 40px 0 40px; color: #3F3F45; text-align: center; font-size: 26px; font-weight: 700; line-height: normal; width: 70%; margin: 0 auto;}
.page-ecvi-pro-26 #ep-case .pane-content>p {width: 70%; margin: 0 auto; margin-bottom: 30px;}
.page-ecvi-pro-26 #ep-case .pane-content>p strong { font-size: 120%; display: block;}
.page-ecvi-pro-26 #ep-case blockquote {flex-wrap: wrap;}
.page-ecvi-pro-26 #ep-case blockquote>p.img {width: 60%; max-width: 521px; flex: 1;}
.page-ecvi-pro-26 #ep-case blockquote>p {width: 100%; max-width: none;}



#ep-steps {}
#ep-steps blockquote{padding: 0px; margin: 0; border-left: none; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; margin-top: 120px;}
#ep-steps blockquote>p { width: 14%; min-height: 600px; background-position: center top 131px; background-size: 270px 446px; background-image: url(../images/line-blue.svg);}
#ep-steps blockquote>p:nth-of-type(2){ background-image: url(../images/line-orange.svg);}

#ep-steps blockquote ul {margin: 0; padding: 0; width: 26%; position: relative;}
#ep-steps blockquote ul:nth-of-type(1):before{position: absolute; content: ''; top: 120px; bottom: 80px; left: calc(50% - 10px); width: 20px; background-position: top center; background-repeat: repeat-y!important; background-image: url(../images/line-orange.png); }
#ep-steps blockquote ul:nth-of-type(2):before{position: absolute; content: ''; top: 120px; bottom: 80px; left: calc(50% - 10px); width: 20px; background-position: top center; background-repeat: repeat-y!important; background-image: url(../images/line-blue.png); }
#ep-steps li {list-style: none; display: block; width: 100%; padding: 24px 74px 24px 84px; border-radius: 24px; background-color: #FFF; color: #333; font-size: 14px;    font-weight: 500; line-height: 127.9%; position: relative; margin-bottom: 54px; box-shadow: 5px 6px 10px 0px #d7d4d4; z-index: 2; min-height: 140px;}
#ep-steps li:first-child {margin: 0 auto 40px; width: 59px; height: 59px; background-color: #FAEBDB; border-radius: 18px; display: flex;padding: 0; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; box-shadow: none; min-height: auto;}
#ep-steps li:first-child img { display: block;}
#ep-steps li strong {position: absolute; top: 24px; left: 24px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 8px; background: #FCF1E6; color: #E59B49; font-size: 16px; font-weight: 600; line-height: 127.9%;}
#ep-steps blockquote ul:nth-of-type(2) li:first-child { background-color: #EFF2FA;}
#ep-steps blockquote ul:nth-of-type(3) li:first-child { background-color: #FCE7E2;}
#ep-steps blockquote ul:nth-of-type(2) li strong { background-color: #EFF2FA; color: #5E7CD3;}
#ep-steps blockquote ul:nth-of-type(3) li strong { background-color: #FCE7E2; color: #EB613D;}
#ep-steps li em { font-style: normal;}
#ep-steps {}
 
/*********************************/

#event .pane-content{ height: 430px; position: relative; overflow: hidden; border-radius: 33px; background-size: cover; background-position: center center; margin: 0 auto;}
#event .field-content a{ display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
#event .field-content .title{position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 40px; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: center; gap: 30px; }
#event .img {display: none;}
#event .views-field-title {width: 643px; height: 352px; background-color: #fff; border-radius: 24px; margin: 38px 38px 38px auto; position: relative;}
#event .tags {}
#event .tags ul {margin: 0; padding: 0; list-style: none;}
#event .tags li {display: inline-block; height: 40px; border-radius: 22px; background-color: #EB613D33; padding: 11px 18px;color: #EB613D; font-size: 14px; font-weight: 500; line-height: 18px; margin-right: 10px; }
#event .tags ul:before {content: 'Свежее'; display: inline-block; height: 40px; border-radius: 22px; background-color: #EB613D; padding: 11px 18px 11px 36px;color: #EB613D; font-size: 14px; font-weight: 500; line-height: 18px; color: #fff; background-position: left 11px center; background-image: url(../images/hot.png); margin-right: 10px;}
#event .cut44 {color: #222; font-family: Playfair Display; font-size: 28px; font-weight: 800; line-height: 115.9%;}
#event .cut88 {color: #222; font-size: 14px; font-weight: 500; line-height: 24px;}
#event .date { color: #888C9B; font-size: 14px; font-weight: 500; line-height: 18px;}
#event .date:before { content: 'Читать полностью'; display: inline-block; margin-right: 50px; color: #EB613D; font-size: 14px;    font-weight: 600; line-height: 24px;}
#event a:hover .date:before:hover { text-decoration: underline;}
#video {z-index: 2;}
#video .view-content:before { content: 'Видео'; display: block; padding-left: 48px; color: #222; font-family: Playfair Display; font-size: 32px; font-weight: 800; line-height: 100.4%; background-image: url(../images/video.png); width: 100%;}
#video .view-content { display: flex; flex-direction: row; gap: 20px; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: stretch;}
#video .views-row { display: block; width: 32%; padding-bottom: 30px; position: relative;}
#video .cut44 {color: #222; font-size: 20px; font-weight: 700; line-height: 22px; margin: 20px 0; min-height: 44px;}
#video .cut88 {color: #222; font-size: 14px; font-weight: 500; line-height: 24px;}
#video .date {position: absolute; bottom: 0; left: 0; right: 0; color: #888C9B; font-size: 14px; font-weight: 500; line-height: 18px;}
#video .date:before { content: 'Читать полностью'; display: inline-block; margin-right: 50px; color: #EB613D; font-size: 14px;    font-weight: 600; line-height: 24px;}
#video a:hover .date:before:hover { text-decoration: underline;}
#video .cc-yt-container { width: 100%; border-radius: 24px; overflow: hidden; aspect-ratio: 1.78;}
#video .video iframe { width: 100%; height: 100%;  display: block; }
#video .title a {display: block; text-decoration: none!important;}

#news {position: relative; z-index: 1;}
.view-news {position: relative; margin-top: -74px; padding-top: 74px; z-index: -1;}
#news .view-content:before { content: 'Новости'; display: block; padding-left: 48px; color: #222; font-family: Playfair Display; font-size: 32px; font-weight: 800; line-height: 100.4%; background-image: url(../images/blog.png); width: 100%;}
#news .view-content { display: flex; flex-direction: row; gap: 20px; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: stretch;}
#news .views-row { display: block; width: 32%; padding-bottom: 30px; position: relative;}
#news .img { width: 100%; aspect-ratio: 1.78; overflow: hidden; border-radius: 24px; border: solid 1px #888C9B;}
#news .title {color: #222; font-size: 20px; font-weight: 700; line-height: 22px; margin: 20px 0; min-height: 44px;}
#news .text {color: #222; font-size: 14px; font-weight: 500; line-height: 24px;}
#news .date {position: absolute; bottom: 0; left: 0; right: 0; color: #888C9B; font-size: 14px; font-weight: 500; line-height: 18px;}
#news .date:before { content: 'Читать полностью'; display: inline-block; margin-right: 50px; color: #EB613D; font-size: 14px;    font-weight: 600; line-height: 24px;}
#news a:hover .date:before { text-decoration: underline;}
#news a {display: block; text-decoration: none!important;}
/*********************************/
 
#awards {}
#awards .pane-content { display: flex; gap: 20px; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: stretch;}
#awards blockquote {padding: 0px; margin: 0; border-left: none; width: 18%;}
#awards blockquote p:first-child { width: 100%; aspect-ratio: 1; border-radius: 24px; background-color: #EFF2F4; display: flex; flex-direction: column; flex-wrap: nowrap; object-fit: contain; align-content: center; justify-content: center; position: relative;}
#awards blockquote p:first-child a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; flex-wrap: nowrap; object-fit: contain; align-content: center; justify-content: center; text-decoration: none!important; outline: none!important;}
#awards blockquote p:first-child a:after {content: ''; display: block; position: absolute; bottom: 10px; right: 10px; width: 40px; height: 40px; border-radius: 5px; background-color: #888C9B88; z-index: 9; background-image: url(../images/srch-w.png); background-position: center center;}
#awards blockquote img { width: unset!important; height: unset!important; object-fit: contain; max-width: 100%; min-width: auto; max-height: 100%; min-height: auto;}
#awards blockquote h3 {font-size: 20px; font-family:  'Montserrat', sans-serif;}



 
/*********************************/
.pagination { border-radius: 0;}
.pagination > li {
    display: inline;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    /*border-top-left-radius: 0px;
    border-bottom-left-radius: 4px;*/
    border-radius: 6px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    /*border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;*/
    border-radius: 6px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 3;
    color: #EB613D;
    background-color: transparent;
    border: none;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #EB613D;
    cursor: default;
    background-color: #EB613D33;
    border-color: transparent;
    border-radius: 6px;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #222;
    text-decoration: none;
    background-color: transparent;
    border: none;
    border-radius: 6px;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: transparent;
    border-color: transparent;
}
#qnt {display: none;}

#news .view-footer button {display: block; width: 235px; padding: 17px 44px; border-radius: 33px; background-color: #EB613D; color: #FFF; text-align: center; font-size: 16px; font-weight: 600; line-height: normal; text-decoration: none!important; margin: 0 auto; border: solid 1px transparent;} 
#news .view-footer button:hover { background-color: #fff; border:solid 1px #EB613D; color: #EB613D;}
#s-msgbox, #s-msgbox-bg {display: none;}
/*****************************/

.page-node .main-container { max-width: min(900px,95%)!important; padding: 0 8px!important; margin: 50px auto; }
.page-node .page-header{ color: #222; font-family: Playfair Display; font-size: 48px; font-weight: 800; line-height: 100.4%;}
.page-node article.node {}
.page-node article.node p {color: #222; font-size: 14px; font-weight: 500; line-height: 24px; margin-bottom: 16px;}
.page-node article.node a { color: #EB613D; text-decoration: none;}
.page-node article.node a:hover{ text-decoration: underline;}
.page-node article.node ul {}
.page-node article.node li {color: #222; font-size: 14px; font-weight: 500; line-height: 24px; margin-bottom: 6px;}
.page-node article.node ol {}
.page-node .cc-yt-container { margin: 40px auto;}
.page-node .field-name-field-news-date {color: #222; font-family: Playfair Display; font-size: 18px; text-align: right; margin: 20px 0;}
.page-node {}
.page-node {}
.page-node {}
.page-node {}
.page-node {}
.page-node {}

/***********************/
#edesktop .modal-close { position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 24px; background-image: url(../images/close.png); transition: all 0.5s; z-index: 99; }
#edesktop .modal-close:hover { transform: rotateZ(180deg);}

#edesktop .modal-pane .pane-content { width: auto; display: none; position: fixed; top: 10vh; left: 25vw; right: 25vw; max-height: 80vh; padding: 2vw 0vw 2vw 1.4vw; border-radius: 33px;  z-index: 9999; background-color: #fff;}
#edesktop .modal-pane .pane-splash {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9998; background-color: #2F3C4544;}
#edesktop .modal-pane .modal-inner { height: 74vh;}
#edesktop .modal-pane .webform-client-form { padding-bottom: 1vw;}
#edesktop .modal-pane .pane-content { height: 80vh; }
#edesktop .modal-pane .webform-component--package { display: none;}
#edesktop .modal-pane .webform-component--package select { /*width: 60%; display: inline-block;*/} 
#edesktop .modal-pane .webform-component--package span.price { display: none;}
#edesktop .modal-pane .webform-component--oplata { display: none;}
#edesktop .webform-client-form { max-width: 50vw; margin: 0 auto; width: 80%;}
#edesktop .webform-client-form .control-label {  }
#edesktop .webform-client-form { color: #000;}
#edesktop .webform-client-form .form-control { outline: none!important; box-shadow: none!important; }
#edesktop .webform-client-form input[type="text"].form-control {height: 54px; border: 1px solid #888C9B; border-radius: 12px;}
#edesktop .webform-client-form input[type="text"].form-control:focus {border: 1px solid #EB613D;}
#edesktop .webform-client-form input[type="text"].form-control:hover {border: 1px solid #EB613D33;}
#edesktop .webform-client-form input[type="email"].form-control {height: 54px; border: 1px solid #888C9B; border-radius: 12px;}
#edesktop .webform-client-form input[type="email"].form-control:focus {border: 1px solid #EB613D;}
#edesktop .webform-client-form input[type="email"].form-control:hover {border: 1px solid #EB613D33;}
#edesktop .webform-client-form .form-select {height: 54px; border: 1px solid #888C9B; border-radius: 12px;}
#edesktop .webform-client-form .form-select:focus {border: 1px solid #EB613D;}
#edesktop .webform-client-form .form-select:hover {border: 1px solid #EB613D33;}

#edesktop .webform-client-form label { margin-bottom: 10px;}
#edesktop .webform-client-form .radio, #edesktop .checkbox { margin-top: 10px; margin-bottom: 10px;}
#edesktop .webform-client-form .radio label, #edesktop .checkbox label { min-height: 20px; padding-left: 24px; margin-bottom: 0; margin-left: 20px; }
#edesktop .webform-client-form .radio input[type="radio"], #edesktop .radio-inline input[type="radio"], #edesktop .checkbox input[type="checkbox"], #edesktop .checkbox-inline input[type="checkbox"] { margin-top: 5px; margin-left: -30px; width: 18px; height: 18px; }
#edesktop .webform-client-form .resizable-textarea textarea.form-control {border-radius: 12px 12px 0 0; height: auto; border: 1px solid #888C9B;}
#edesktop .webform-client-form .resizable-textarea textarea.form-control:focus {border: 1px solid #EB613D;}
#edesktop .webform-client-form .resizable-textarea textarea.form-control:hover {border: 1px solid #EB613D33;}

#edesktop .webform-client-form .btn { padding: 0 30px; margin-bottom: 0; height: 48px;  font-size: 16px; border: 1px solid transparent; border-radius: 24px;}
#edesktop .webform-client-form .form-actions{ text-align: right;}
#edesktop .webform-client-form .btn-default { color: #fff; background-color: #EB613D; border-color: #EB613D;  opacity: 1; border-radius: 24px; height: 48px;}
#edesktop .webform-client-form .btn-default:hover { color: #EB613D; background-color: #fff; border-color: #EB613D; opacity: 1; }
#edesktop .webform-client-form .btn-default:focus, #edesktop .btn-default.focus { color: #EB613D; background-color: #fff; border-color: #EB613D; opacity: 1;}
#edesktop .webform-client-form h2 { margin: 0; padding-bottom: 30px; font-size: 24px; font-weight: bold; color: #EB613D;}


/* instructions */ 
.page-node-168 article.node  td { border: solid 1px #000; padding: 10px; vertical-align: top;}
.page-node-168 article.node  th { border: solid 1px #000; padding: 10px; font-weight: bold; vertical-align: top; text-align: center;}
.page-node-168 article.node { color:#000;}
.page-node-168 article.node h2{ margin-top: 100px; padding-top: 100px; font-weight: 600; }
.page-node-168 article.node  { position: relative;}
.page-node-168 article.node #toc { position: absolute; top: 0; right: 0; width: 200px; padding: 10px; border-left: 2px solid #ccc;}
.page-node-168 article.node #toc.hfixed { position: fixed; top: 100px; right: calc(50% - 600px);}
.page-node-168 article.node #toc li { margin-bottom: 10px; font-size: 14px; font-weight: 400;}

.page-node-168 article.node ol { list-style: none;}
.page-node-168 article.node li strike { display: inline-block; text-decoration: none; width: 5px;  }

.page-node.page-node-168 .field-name-body { width: 700px; margin: 0;}
.page-node-168 article.node ol,#edesktop .page-node-168 article.node ul {padding-inline-start: 10px;}
  
/*********************************************************/
#edesktop .page-node-187 article.node td { vertical-align: top!important; padding: 0 0 0.5vw!important; 
    margin: 0!important; border:none!important; }
#edesktop .page-node-187 article.node table {padding: 0!important;; margin: 0!important;; border:none!important;}