#sp-ea-715 .spcollapsing { height: 0; overflow: hidden; transition-property: height;transition-duration: 500ms;}#sp-ea-715.sp-easy-accordion>.sp-ea-single {margin-bottom: 10px; border: 1px solid #e2e2e2; }#sp-ea-715.sp-easy-accordion>.sp-ea-single>.ea-header a {color: #444;}#sp-ea-715.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {background: #fff; color: #444;}#sp-ea-715.sp-easy-accordion>.sp-ea-single {background: #eee;}#sp-ea-715.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon { float: left; color: #444;font-size: 16px;}#sp-ea-718 .spcollapsing { height: 0; overflow: hidden; transition-property: height;transition-duration: 500ms;}#sp-ea-718.sp-easy-accordion>.sp-ea-single {margin-bottom: 10px; border: 1px solid #e2e2e2; }#sp-ea-718.sp-easy-accordion>.sp-ea-single>.ea-header a {color: #444;}#sp-ea-718.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {background: #fff; color: #444;}#sp-ea-718.sp-easy-accordion>.sp-ea-single {background: #eee;}#sp-ea-718.sp-easy-accordion>.sp-ea-single>.ea-header a .ea-expand-icon { float: left; color: #444;font-size: 16px;}


@font-face{font-family:"HelveticaNeueCyr-Roman";src:url("media/05f7c5b5e5fe8ccc.woff") format("woff"),url("media/1d5ce874e1e0f69c.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"HelveticaNeueCyr-Light";src:url("media/821ebce2a6430f07.woff") format("woff"),url("media/cd68448a463b45d4.ttf") format("truetype");font-weight:normal;font-style:normal}
html{background-color: #ffffff;}#Wrapper,#Content{background-color: #ffffff;}body:not(.template-slider) #Header{min-height: 0px;}body.header-below:not(.template-slider) #Header{padding-top: 0px;}#Subheader {padding: 30px 0;}#Footer .widgets_wrapper {padding: 20px 0;}body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"],input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 {font-family: "Commissioner", Helvetica, Arial, sans-serif;}#menu > ul > li > a, a.action_button, #overlay-menu ul li a {font-family: "Commissioner", Helvetica, Arial, sans-serif;}#Subheader .title {font-family: "Commissioner", Helvetica, Arial, sans-serif;}h1, h2, h3, h4, .text-logo #logo {font-family: "Commissioner", Helvetica, Arial, sans-serif;}h5, h6 {font-family: "Commissioner", Helvetica, Arial, sans-serif;}blockquote {font-family: "Commissioner", Helvetica, Arial, sans-serif;}.chart_box .chart .num, .counter .desc_wrapper .number-wrapper, .how_it_works .image .number,.pricing-box .plan-header .price, .quick_fact .number-wrapper, .woocommerce .product div.entry-summary .price {font-family: "Commissioner", Helvetica, Arial, sans-serif;}body {font-size: 16px;line-height: 24px;font-weight: 400;letter-spacing: 0px;}.big {font-size: 18px;line-height: 27px;font-weight: 400;letter-spacing: 0px;}#menu > ul > li > a, a.action_button, #overlay-menu ul li a{font-size: 20px;font-weight: 500;letter-spacing: 0px;}#overlay-menu ul li a{line-height: 30px;}#Subheader .title {font-size: 60px;line-height: 70px;font-weight: 300;letter-spacing: 0px;}h1, .text-logo #logo {font-size: 50px;line-height: 60px;font-weight: 400;letter-spacing: 0px;}h2 {font-size: 50px;line-height: 60px;font-weight: 400;letter-spacing: 0px;}h3 {font-size: 30px;line-height: 40px;font-weight: 400;letter-spacing: 0px;}h4 {font-size: 24px;line-height: 34px;font-weight: 400;letter-spacing: 0px;}h5 {font-size: 18px;line-height: 28px;font-weight: 400;letter-spacing: 0px;}h6 {font-size: 18px;line-height: 28px;font-weight: 400;letter-spacing: 0px;}#Intro .intro-title {font-size: 70px;line-height: 70px;font-weight: 400;letter-spacing: 0px;}@media only screen and (min-width: 768px) and (max-width: 959px){body {font-size: 14px;line-height: 20px;letter-spacing: 0px;}.big {font-size: 15px;line-height: 23px;letter-spacing: 0px;}#menu > ul > li > a, a.action_button, #overlay-menu ul li a {font-size: 17px;letter-spacing: 0px;}#overlay-menu ul li a{line-height: 25.5px;letter-spacing: 0px;}#Subheader .title {font-size: 51px;line-height: 60px;letter-spacing: 0px;}h1, .text-logo #logo {font-size: 43px;line-height: 51px;letter-spacing: 0px;}h2 {font-size: 43px;line-height: 51px;letter-spacing: 0px;}h3 {font-size: 26px;line-height: 34px;letter-spacing: 0px;}h4 {font-size: 20px;line-height: 29px;letter-spacing: 0px;}h5 {font-size: 15px;line-height: 24px;letter-spacing: 0px;}h6 {font-size: 15px;line-height: 24px;letter-spacing: 0px;}#Intro .intro-title {font-size: 60px;line-height: 60px;letter-spacing: 0px;}blockquote { font-size: 15px;}.chart_box .chart .num { font-size: 45px; line-height: 45px; }.counter .desc_wrapper .number-wrapper { font-size: 45px; line-height: 45px;}.counter .desc_wrapper .title { font-size: 14px; line-height: 18px;}.faq .question .title { font-size: 14px; }.fancy_heading .title { font-size: 38px; line-height: 38px; }.offer .offer_li .desc_wrapper .title h3 { font-size: 32px; line-height: 32px; }.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {font-size: 32px; line-height: 32px; }.pricing-box .plan-header h2 { font-size: 27px; line-height: 27px; }.pricing-box .plan-header .price > span { font-size: 40px; line-height: 40px; }.pricing-box .plan-header .price sup.currency { font-size: 18px; line-height: 18px; }.pricing-box .plan-header .price sup.period { font-size: 14px; line-height: 14px;}.quick_fact .number { font-size: 80px; line-height: 80px;}.trailer_box .desc h2 { font-size: 27px; line-height: 27px; }.widget > h3 { font-size: 17px; line-height: 20px; }}@media only screen and (min-width: 480px) and (max-width: 767px){body {font-size: 13px;line-height: 19px;letter-spacing: 0px;}.big {font-size: 14px;line-height: 20px;letter-spacing: 0px;}#menu > ul > li > a, a.action_button, #overlay-menu ul li a {font-size: 15px;letter-spacing: 0px;}#overlay-menu ul li a{line-height: 22.5px;letter-spacing: 0px;}#Subheader .title {font-size: 45px;line-height: 53px;letter-spacing: 0px;}h1, .text-logo #logo {font-size: 38px;line-height: 45px;letter-spacing: 0px;}h2 {font-size: 38px;line-height: 45px;letter-spacing: 0px;}h3 {font-size: 23px;line-height: 30px;letter-spacing: 0px;}h4 {font-size: 18px;line-height: 26px;letter-spacing: 0px;}h5 {font-size: 14px;line-height: 21px;letter-spacing: 0px;}h6 {font-size: 14px;line-height: 21px;letter-spacing: 0px;}#Intro .intro-title {font-size: 53px;line-height: 53px;letter-spacing: 0px;}blockquote { font-size: 14px;}.chart_box .chart .num { font-size: 40px; line-height: 40px; }.counter .desc_wrapper .number-wrapper { font-size: 40px; line-height: 40px;}.counter .desc_wrapper .title { font-size: 13px; line-height: 16px;}.faq .question .title { font-size: 13px; }.fancy_heading .title { font-size: 34px; line-height: 34px; }.offer .offer_li .desc_wrapper .title h3 { font-size: 28px; line-height: 28px; }.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {font-size: 28px; line-height: 28px; }.pricing-box .plan-header h2 { font-size: 24px; line-height: 24px; }.pricing-box .plan-header .price > span { font-size: 34px; line-height: 34px; }.pricing-box .plan-header .price sup.currency { font-size: 16px; line-height: 16px; }.pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px;}.quick_fact .number { font-size: 70px; line-height: 70px;}.trailer_box .desc h2 { font-size: 24px; line-height: 24px; }.widget > h3 { font-size: 16px; line-height: 19px; }}@media only screen and (max-width: 479px){body {font-size: 13px;line-height: 19px;letter-spacing: 0px;}.big {font-size: 13px;line-height: 19px;letter-spacing: 0px;}#menu > ul > li > a, a.action_button, #overlay-menu ul li a {font-size: 13px;letter-spacing: 0px;}#overlay-menu ul li a{line-height: 19.5px;letter-spacing: 0px;}#Subheader .title {font-size: 36px;line-height: 42px;letter-spacing: 0px;}h1, .text-logo #logo {font-size: 30px;line-height: 36px;letter-spacing: 0px;}h2 {font-size: 30px;line-height: 36px;letter-spacing: 0px;}h3 {font-size: 18px;line-height: 24px;letter-spacing: 0px;}h4 {font-size: 14px;line-height: 20px;letter-spacing: 0px;}h5 {font-size: 13px;line-height: 19px;letter-spacing: 0px;}h6 {font-size: 13px;line-height: 19px;letter-spacing: 0px;}#Intro .intro-title {font-size: 42px;line-height: 42px;letter-spacing: 0px;}blockquote { font-size: 13px;}.chart_box .chart .num { font-size: 35px; line-height: 35px; }.counter .desc_wrapper .number-wrapper { font-size: 35px; line-height: 35px;}.counter .desc_wrapper .title { font-size: 13px; line-height: 26px;}.faq .question .title { font-size: 13px; }.fancy_heading .title { font-size: 30px; line-height: 30px; }.offer .offer_li .desc_wrapper .title h3 { font-size: 26px; line-height: 26px; }.offer_thumb_ul li.offer_thumb_li .desc_wrapper .title h3 {font-size: 26px; line-height: 26px; }.pricing-box .plan-header h2 { font-size: 21px; line-height: 21px; }.pricing-box .plan-header .price > span { font-size: 32px; line-height: 32px; }.pricing-box .plan-header .price sup.currency { font-size: 14px; line-height: 14px; }.pricing-box .plan-header .price sup.period { font-size: 13px; line-height: 13px;}.quick_fact .number { font-size: 60px; line-height: 60px;}.trailer_box .desc h2 { font-size: 21px; line-height: 21px; }.widget > h3 { font-size: 15px; line-height: 18px; }}.with_aside .sidebar.columns {width: 23%;}.with_aside .sections_group {width: 77%;}.aside_both .sidebar.columns {width: 18%;}.aside_both .sidebar.sidebar-1{margin-left: -82%;}.aside_both .sections_group {width: 64%;margin-left: 18%;}@media only screen and (min-width:1240px){#Wrapper, .with_aside .content_wrapper {max-width: 1500px;}.section_wrapper, .container {max-width: 1480px;}.layout-boxed.header-boxed #Top_bar.is-sticky{max-width: 1500px;}}@media only screen and (max-width: 767px){.section_wrapper,.container,.four.columns .widget-area { max-width: 480px !important; }}.button-default .button, .button-flat .button, .button-round .button {background-color: #f7f7f7;color: #747474;}.button-stroke .button {border-color: #f7f7f7;color: #747474;}.button-stroke .button:hover{background-color: #f7f7f7;color: #fff;}.button-default .button_theme, .button-default button,.button-default input[type="button"], .button-default input[type="reset"], .button-default input[type="submit"],.button-flat .button_theme, .button-flat button,.button-flat input[type="button"], .button-flat input[type="reset"], .button-flat input[type="submit"],.button-round .button_theme, .button-round button,.button-round input[type="button"], .button-round input[type="reset"], .button-round input[type="submit"],.woocommerce #respond input#submit,.woocommerce a.button:not(.default),.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{color: #ffffff;}.button-stroke .button_theme:hover,.button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover,.button-stroke .woocommerce #respond input#submit:hover,.button-stroke .woocommerce a.button:not(.default):hover,.button-stroke .woocommerce button.button:hover,.button-stroke.woocommerce input.button:hover {color: #ffffff !important;}.button-stroke .button_theme:hover .button_icon i{color: #ffffff !important;}.button-default .single_add_to_cart_button, .button-flat .single_add_to_cart_button, .button-round .single_add_to_cart_button,.button-default .woocommerce .button:disabled, .button-flat .woocommerce .button:disabled, .button-round .woocommerce .button:disabled,.button-default .woocommerce .button.alt .button-flat .woocommerce .button.alt, .button-round .woocommerce .button.alt,.button-default a.remove, .button-flat a.remove, .button-round a.remove{color: #ffffff!important;}.action_button, .action_button:hover{background-color: #f7f7f7;color: #747474;}.button-stroke a.action_button{border-color: #f7f7f7;}.button-stroke a.action_button:hover{background-color: #f7f7f7!important;}.footer_button{color: #ffffff!important;background: #2dbabc;}.button-stroke .footer_button{border-color: #2dbabc;}.button-stroke .footer_button:hover{background-color: #2dbabc !important;}.button-custom .button,.button-custom .action_button,.button-custom .footer_button,.button-custom button,.button-custom input[type="button"],.button-custom input[type="reset"],.button-custom input[type="submit"],.button-custom .woocommerce #respond input#submit,.button-custom .woocommerce a.button,.button-custom .woocommerce button.button,.button-custom .woocommerce input.button{font-family: Open Sans;font-size: 20px;line-height: 20px;font-weight: 600;letter-spacing: 0px;padding: 20px 40px 20px 40px;border-width: 0px;border-radius: 20px;}.button-custom .button{color: #ffffff;background-color: #2dbabc;border-color: transparent;}.button-custom .button:hover{color: #ffffff;background-color: #2dbabc;border-color: transparent;}.button-custom .button_theme,.button-custom button,.button-custom input[type="button"],.button-custom input[type="reset"],.button-custom input[type="submit"],.button-custom .woocommerce #respond input#submit,.button-custom .woocommerce a.button:not(.default),.button-custom .woocommerce button.button,.button-custom .woocommerce input.button{color: #ffffff;background-color: #2dbabc;border-color: transparent;}.button-custom .button_theme:hover,.button-custom button:hover,.button-custom input[type="button"]:hover,.button-custom input[type="reset"]:hover,.button-custom input[type="submit"]:hover,.button-custom .woocommerce #respond input#submit:hover,.button-custom .woocommerce a.button:not(.default):hover,.button-custom .woocommerce button.button:hover,.button-custom .woocommerce input.button:hover{color: #ffffff;background-color: #2dbabc;border-color: transparent;}.button-custom .action_button{color: #ffffff;background-color: #2dbabc;border-color: transparent;}.button-custom .action_button:hover{color: #ffffff;background-color: #2dbabc;border-color: transparent;}.button-custom .single_add_to_cart_button,.button-custom .woocommerce .button:disabled,.button-custom .woocommerce .button.alt,.button-custom a.remove{line-height: 20px!important;padding: 20px 40px 20px 40px!important;color: #ffffff!important;background-color: #2dbabc!important;}.button-custom .single_add_to_cart_button:hover,.button-custom .woocommerce .button:disabled:hover,.button-custom .woocommerce .button.alt:hover,.button-custom a.remove:hover{color: #ffffff!important;background-color: #2dbabc!important;}#Top_bar #logo,.header-fixed #Top_bar #logo,.header-plain #Top_bar #logo,.header-transparent #Top_bar #logo {height: 60px;line-height: 60px;padding: 15px 0;}.logo-overflow #Top_bar:not(.is-sticky) .logo {height: 90px;}#Top_bar .menu > li > a {padding: 15px 0;}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a {margin: 20px 0;}.header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description) {line-height: 90px;}.header-fixed #Top_bar .menu > li > a {padding: 30px 0;}#Top_bar .top_bar_right,.header-plain #Top_bar .top_bar_right {height: 90px;}#Top_bar .top_bar_right_wrapper {top: 25px;}.header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button,.header-plain #Top_bar .wpml-languages {line-height: 90px;}.header-plain #Top_bar a.action_button {line-height: 90px!important;}@media only screen and (max-width: 767px){#Top_bar a.responsive-menu-toggle {top: 40px;}.mobile-header-mini #Top_bar #logo{height:50px!important;line-height:50px!important;margin:5px 0;}}.twentytwenty-before-label::before{content:"До"}.twentytwenty-after-label::before{content:"После"}input[type="date"],input[type="email"],input[type="number"],input[type="password"],input[type="search"],input[type="tel"],input[type="text"],input[type="url"],select,textarea,.woocommerce .quantity input.qty{border-width: 0;box-shadow:unset;resize:none;}#Side_slide{right:-260px;width:260px;}#Side_slide.left{left:-260px;}.blog-teaser li .desc-wrapper .desc{background-position-y:-1px;}@media only screen and ( max-width: 767px ){body:not(.template-slider) #Header{min-height: 30px;}#Subheader{padding: 1px;}}@media only screen and (min-width: 1240px){body:not(.header-simple) #Top_bar #menu{display:block!important}.tr-menu #Top_bar #menu{background:none!important}#Top_bar .menu > li > ul.mfn-megamenu{width:984px}#Top_bar .menu > li > ul.mfn-megamenu > li{float:left}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-1{width:100%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-2{width:50%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-3{width:33.33%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-4{width:25%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-5{width:20%}#Top_bar .menu > li > ul.mfn-megamenu > li.mfn-megamenu-cols-6{width:16.66%}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto;border-width:0 1px 0 0}#Top_bar .menu > li > ul.mfn-megamenu > li:last-child > ul{border:0}#Top_bar .menu > li > ul.mfn-megamenu > li > ul li{width:auto}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400;background:none}#Top_bar .menu > li > ul.mfn-megamenu a .menu-arrow{display:none}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu{left:auto;right:0}.menuo-right #Top_bar .menu > li > ul.mfn-megamenu-bg{box-sizing:border-box}#Top_bar .menu > li > ul.mfn-megamenu-bg{padding:20px 166px 20px 20px;background-repeat:no-repeat;background-position:right bottom}.rtl #Top_bar .menu > li > ul.mfn-megamenu-bg{padding-left:166px;padding-right:20px;background-position:left bottom}#Top_bar .menu > li > ul.mfn-megamenu-bg > li{background:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li a{border:none}#Top_bar .menu > li > ul.mfn-megamenu-bg > li > ul{background:none!important;-webkit-box-shadow:0 0 0 0;-moz-box-shadow:0 0 0 0;box-shadow:0 0 0 0}.mm-vertical #Top_bar .container{position:relative;}.mm-vertical #Top_bar .top_bar_left{position:static;}.mm-vertical #Top_bar .menu > li ul{box-shadow:0 0 0 0 transparent!important;background-image:none;}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu{width:98%!important;margin:0 1%;padding:20px 0;}.mm-vertical.header-plain #Top_bar .menu > li > ul.mfn-megamenu{width:100%!important;margin:0;}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li{display:table-cell;float:none!important;width:10%;padding:0 15px;border-right:1px solid rgba(0, 0, 0, 0.05);}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li.hide-border{border-right-width:0}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li a{border-bottom-width:0;padding:9px 15px;line-height:120%;}.mm-vertical #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{font-weight:700;}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:first-child{border-right-width:0}.rtl .mm-vertical #Top_bar .menu > li > ul.mfn-megamenu > li:last-child{border-right-width:1px}.header-plain:not(.menuo-right) #Header .top_bar_left{width:auto!important}.header-stack.header-center #Top_bar #menu{display:inline-block!important}.header-simple #Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}.header-simple #Header a.responsive-menu-toggle{display:block;right:10px}.header-simple #Top_bar #menu > ul{width:100%;float:left}.header-simple #Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}.header-simple #Top_bar #menu ul li a{padding:0 20px;margin:0;display:block;height:auto;line-height:normal;border:none}.header-simple #Top_bar #menu ul li a:after{display:none}.header-simple #Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}.header-simple #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;}.header-simple #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+"}.header-simple #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}.header-simple #Top_bar #menu ul li.hover a{border-bottom:0}.header-simple #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}.header-simple #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin:0!important;width:auto!important;background-image:none}.header-simple #Top_bar #menu ul li ul li{width:100%!important;display:block;padding:0;}.header-simple #Top_bar #menu ul li ul li a{padding:0 20px 0 30px}.header-simple #Top_bar #menu ul li ul li a .menu-arrow{display:none}.header-simple #Top_bar #menu ul li ul li a span{padding:0}.header-simple #Top_bar #menu ul li ul li a span:after{display:none!important}.header-simple #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}.header-simple #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}.header-simple #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 20px 0 40px}.rtl.header-simple #Top_bar #menu{left:1px;right:auto}.rtl.header-simple #Top_bar a.responsive-menu-toggle{left:10px;right:auto}.rtl.header-simple #Top_bar #menu ul li.submenu .menu-toggle{left:0;right:auto}.rtl.header-simple #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl.header-simple #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl.header-simple #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.menu-highlight #Top_bar .menu > li{margin:0 2px}.menu-highlight:not(.header-creative) #Top_bar .menu > li > a{margin:20px 0;padding:0;-webkit-border-radius:5px;border-radius:5px}.menu-highlight #Top_bar .menu > li > a:after{display:none}.menu-highlight #Top_bar .menu > li > a span:not(.description){line-height:50px}.menu-highlight #Top_bar .menu > li > a span.description{display:none}.menu-highlight.header-stack #Top_bar .menu > li > a{margin:10px 0!important}.menu-highlight.header-stack #Top_bar .menu > li > a span:not(.description){line-height:40px}.menu-highlight.header-transparent #Top_bar .menu > li > a{margin:5px 0}.menu-highlight.header-simple #Top_bar #menu ul li,.menu-highlight.header-creative #Top_bar #menu ul li{margin:0}.menu-highlight.header-simple #Top_bar #menu ul li > a,.menu-highlight.header-creative #Top_bar #menu ul li > a{-webkit-border-radius:0;border-radius:0}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a{margin:10px 0!important;padding:5px 0!important}.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > li > a span{line-height:30px!important}.header-modern.menu-highlight.menuo-right .menu_wrapper{margin-right:20px}.menu-line-below #Top_bar .menu > li > a:after{top:auto;bottom:-4px}.menu-line-below #Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:-4px}.menu-line-below-80 #Top_bar:not(.is-sticky) .menu > li > a:after{height:4px;left:10%;top:50%;margin-top:20px;width:80%}.menu-line-below-80-1 #Top_bar:not(.is-sticky) .menu > li > a:after{height:1px;left:10%;top:50%;margin-top:20px;width:80%}.menu-link-color #Top_bar .menu > li > a:after{display:none!important}.menu-arrow-top #Top_bar .menu > li > a:after{background:none repeat scroll 0 0 rgba(0,0,0,0)!important;border-color:#ccc transparent transparent;border-style:solid;border-width:7px 7px 0;display:block;height:0;left:50%;margin-left:-7px;top:0!important;width:0}.menu-arrow-top #Top_bar.is-sticky .menu > li > a:after{top:0!important}.menu-arrow-bottom #Top_bar .menu > li > a:after{background:none!important;border-color:transparent transparent #ccc;border-style:solid;border-width:0 7px 7px;display:block;height:0;left:50%;margin-left:-7px;top:auto;bottom:0;width:0}.menu-arrow-bottom #Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:0}.menuo-no-borders #Top_bar .menu > li > a span{border-width:0!important}.menuo-no-borders #Header_creative #Top_bar .menu > li > a span{border-bottom-width:0}.menuo-no-borders.header-plain #Top_bar a#header_cart,.menuo-no-borders.header-plain #Top_bar a#search_button,.menuo-no-borders.header-plain #Top_bar .wpml-languages,.menuo-no-borders.header-plain #Top_bar a.action_button{border-width:0}.menuo-right #Top_bar .menu_wrapper{float:right}.menuo-right.header-stack:not(.header-center) #Top_bar .menu_wrapper{margin-right:150px}body.header-creative{padding-left:50px}body.header-creative.header-open{padding-left:250px}body.error404,body.under-construction,body.template-blank,body.under-construction.header-rtl.header-creative.header-open{padding-left:0!important;padding-right:0!important}.header-creative.footer-fixed #Footer,.header-creative.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{box-sizing:border-box;padding-left:50px;}.header-open.footer-fixed #Footer,.header-open.footer-sliding #Footer,.header-creative.footer-stick #Footer.is-sticky{padding-left:250px;}.header-rtl.header-creative.footer-fixed #Footer,.header-rtl.header-creative.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-left:0;padding-right:50px;}.header-rtl.header-open.footer-fixed #Footer,.header-rtl.header-open.footer-sliding #Footer,.header-rtl.header-creative.footer-stick #Footer.is-sticky{padding-right:250px;}#Header_creative{background-color:#fff;position:fixed;width:250px;height:100%;left:-200px;top:0;z-index:9002;-webkit-box-shadow:2px 0 4px 2px rgba(0,0,0,.15);box-shadow:2px 0 4px 2px rgba(0,0,0,.15)}#Header_creative .container{width:100%}#Header_creative .creative-wrapper{opacity:0;margin-right:50px}#Header_creative a.creative-menu-toggle{display:block;width:34px;height:34px;line-height:34px;font-size:22px;text-align:center;position:absolute;top:10px;right:8px;border-radius:3px}.admin-bar #Header_creative a.creative-menu-toggle{top:42px}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar .top_bar_left{width:100%!important;float:none}#Header_creative #Top_bar .top_bar_right{width:100%!important;float:none;height:auto;margin-bottom:35px;text-align:center;padding:0 20px;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#Header_creative #Top_bar .top_bar_right:before{display:none}#Header_creative #Top_bar .top_bar_right_wrapper{top:0}#Header_creative #Top_bar .logo{float:none;text-align:center;margin:15px 0}#Header_creative #Top_bar #menu{background-color:transparent}#Header_creative #Top_bar .menu_wrapper{float:none;margin:0 0 30px}#Header_creative #Top_bar .menu > li{width:100%;float:none;position:relative}#Header_creative #Top_bar .menu > li > a{padding:0;text-align:center}#Header_creative #Top_bar .menu > li > a:after{display:none}#Header_creative #Top_bar .menu > li > a span{border-right:0;border-bottom-width:1px;line-height:38px}#Header_creative #Top_bar .menu li ul{left:100%;right:auto;top:0;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03);-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.03)}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu{margin:0;width:700px!important;}#Header_creative #Top_bar .menu > li > ul.mfn-megamenu > li > ul{left:0}#Header_creative #Top_bar .menu li ul li a{padding-top:9px;padding-bottom:8px}#Header_creative #Top_bar .menu li ul li ul{top:0}#Header_creative #Top_bar .menu > li > a span.description{display:block;font-size:13px;line-height:28px!important;clear:both}#Header_creative #Top_bar .search_wrapper{left:100%;top:auto;bottom:0}#Header_creative #Top_bar a#header_cart{display:inline-block;float:none;top:3px}#Header_creative #Top_bar a#search_button{display:inline-block;float:none;top:3px}#Header_creative #Top_bar .wpml-languages{display:inline-block;float:none;top:0}#Header_creative #Top_bar .wpml-languages.enabled:hover a.active{padding-bottom:11px}#Header_creative #Top_bar .action_button{display:inline-block;float:none;top:16px;margin:0}#Header_creative #Top_bar .banner_wrapper{display:block;text-align:center}#Header_creative #Top_bar .banner_wrapper img{max-width:100%;height:auto;display:inline-block}#Header_creative #Action_bar{display:none;position:absolute;bottom:0;top:auto;clear:both;padding:0 20px;box-sizing:border-box}#Header_creative #Action_bar .contact_details{text-align:center;margin-bottom:20px}#Header_creative #Action_bar .contact_details li{padding:0}#Header_creative #Action_bar .social{float:none;text-align:center;padding:5px 0 15px}#Header_creative #Action_bar .social li{margin-bottom:2px}#Header_creative #Action_bar .social-menu{float:none;text-align:center}#Header_creative #Action_bar .social-menu li{border-color:rgba(0,0,0,.1)}#Header_creative .social li a{color:rgba(0,0,0,.5)}#Header_creative .social li a:hover{color:#000}#Header_creative .creative-social{position:absolute;bottom:10px;right:0;width:50px}#Header_creative .creative-social li{display:block;float:none;width:100%;text-align:center;margin-bottom:5px}.header-creative .fixed-nav.fixed-nav-prev{margin-left:50px}.header-creative.header-open .fixed-nav.fixed-nav-prev{margin-left:250px}.menuo-last #Header_creative #Top_bar .menu li.last ul{top:auto;bottom:0}.header-open #Header_creative{left:0}.header-open #Header_creative .creative-wrapper{opacity:1;margin:0!important;}.header-open #Header_creative .creative-menu-toggle,.header-open #Header_creative .creative-social{display:none}.header-open #Header_creative #Action_bar{display:block}body.header-rtl.header-creative{padding-left:0;padding-right:50px}.header-rtl #Header_creative{left:auto;right:-200px}.header-rtl #Header_creative .creative-wrapper{margin-left:50px;margin-right:0}.header-rtl #Header_creative a.creative-menu-toggle{left:8px;right:auto}.header-rtl #Header_creative .creative-social{left:0;right:auto}.header-rtl #Footer #back_to_top.sticky{right:125px}.header-rtl #popup_contact{right:70px}.header-rtl #Header_creative #Top_bar .menu li ul{left:auto;right:100%}.header-rtl #Header_creative #Top_bar .search_wrapper{left:auto;right:100%;}.header-rtl .fixed-nav.fixed-nav-prev{margin-left:0!important}.header-rtl .fixed-nav.fixed-nav-next{margin-right:50px}body.header-rtl.header-creative.header-open{padding-left:0;padding-right:250px!important}.header-rtl.header-open #Header_creative{left:auto;right:0}.header-rtl.header-open #Footer #back_to_top.sticky{right:325px}.header-rtl.header-open #popup_contact{right:270px}.header-rtl.header-open .fixed-nav.fixed-nav-next{margin-right:250px}#Header_creative.active{left:-1px;}.header-rtl #Header_creative.active{left:auto;right:-1px;}#Header_creative.active .creative-wrapper{opacity:1;margin:0}.header-creative .vc_row[data-vc-full-width]{padding-left:50px}.header-creative.header-open .vc_row[data-vc-full-width]{padding-left:250px}.header-open .vc_parallax .vc_parallax-inner { left:auto; width: calc(100% - 250px); }.header-open.header-rtl .vc_parallax .vc_parallax-inner { left:0; right:auto; }#Header_creative.scroll{height:100%;overflow-y:auto}#Header_creative.scroll:not(.dropdown) .menu li ul{display:none!important}#Header_creative.scroll #Action_bar{position:static}#Header_creative.dropdown{outline:none}#Header_creative.dropdown #Top_bar .menu_wrapper{float:left}#Header_creative.dropdown #Top_bar #menu ul li{position:relative;float:left}#Header_creative.dropdown #Top_bar #menu ul li a:after{display:none}#Header_creative.dropdown #Top_bar #menu ul li a span{line-height:38px;padding:0}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:0;top:0;width:38px;height:38px;line-height:38px;font-size:26px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;}#Header_creative.dropdown #Top_bar #menu ul li.submenu .menu-toggle:after{content:"+"}#Header_creative.dropdown #Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Header_creative.dropdown #Top_bar #menu ul li.hover a{border-bottom:0}#Header_creative.dropdown #Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none}#Header_creative.dropdown #Top_bar #menu ul li ul li{width:100%!important}#Header_creative.dropdown #Top_bar #menu ul li ul li a{padding:0 10px;text-align:center}#Header_creative.dropdown #Top_bar #menu ul li ul li a .menu-arrow{display:none}#Header_creative.dropdown #Top_bar #menu ul li ul li a span{padding:0}#Header_creative.dropdown #Top_bar #menu ul li ul li a span:after{display:none!important}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Header_creative.dropdown #Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}#Header_creative.dropdown #Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Header_creative{transition: left .5s ease-in-out, right .5s ease-in-out;}#Header_creative .creative-wrapper{transition: opacity .5s ease-in-out, margin 0s ease-in-out .5s;}#Header_creative.active .creative-wrapper{transition: opacity .5s ease-in-out, margin 0s ease-in-out;}}@media only screen and (min-width: 768px){#Top_bar.is-sticky{position:fixed!important;width:100%;left:0;top:-60px;height:60px;z-index:701;background:#fff;opacity:.97;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)}.layout-boxed.header-boxed #Top_bar.is-sticky{max-width:1240px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#Top_bar.is-sticky .top_bar_left,#Top_bar.is-sticky .top_bar_right,#Top_bar.is-sticky .top_bar_right:before{background:none;box-shadow:unset}#Top_bar.is-sticky .top_bar_right{top:-4px;height:auto;}#Top_bar.is-sticky .top_bar_right_wrapper{top:15px}.header-plain #Top_bar.is-sticky .top_bar_right_wrapper{top:0}#Top_bar.is-sticky .logo{width:auto;margin:0 30px 0 20px;padding:0}#Top_bar.is-sticky #logo,#Top_bar.is-sticky .custom-logo-link{padding:5px 0!important;height:50px!important;line-height:50px!important}.logo-no-sticky-padding #Top_bar.is-sticky #logo{height:60px!important;line-height:60px!important}#Top_bar.is-sticky #logo img.logo-main{display:none}#Top_bar.is-sticky #logo img.logo-sticky{display:inline;max-height:35px}.logo-sticky-width-auto #Top_bar.is-sticky #logo img.logo-sticky{width:auto}#Top_bar.is-sticky .menu_wrapper{clear:none}#Top_bar.is-sticky .menu_wrapper .menu > li > a{padding:15px 0}#Top_bar.is-sticky .menu > li > a,#Top_bar.is-sticky .menu > li > a span{line-height:30px}#Top_bar.is-sticky .menu > li > a:after{top:auto;bottom:-4px}#Top_bar.is-sticky .menu > li > a span.description{display:none}#Top_bar.is-sticky .secondary_menu_wrapper,#Top_bar.is-sticky .banner_wrapper{display:none}.header-overlay #Top_bar.is-sticky{display:none}.sticky-dark #Top_bar.is-sticky,.sticky-dark #Top_bar.is-sticky #menu{background:rgba(0,0,0,.8)}.sticky-dark #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#fff}.sticky-dark #Top_bar.is-sticky .top_bar_right a:not(.action_button){color:rgba(255,255,255,.8)}.sticky-dark #Top_bar.is-sticky .wpml-languages a.active,.sticky-dark #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(0,0,0,0.1);border-color:rgba(0,0,0,0.1)}.sticky-white #Top_bar.is-sticky,.sticky-white #Top_bar.is-sticky #menu{background:rgba(255,255,255,.8)}.sticky-white #Top_bar.is-sticky .menu > li:not(.current-menu-item) > a{color:#222}.sticky-white #Top_bar.is-sticky .top_bar_right a:not(.action_button){color:rgba(0,0,0,.8)}.sticky-white #Top_bar.is-sticky .wpml-languages a.active,.sticky-white #Top_bar.is-sticky .wpml-languages ul.wpml-lang-dropdown{background:rgba(255,255,255,0.1);border-color:rgba(0,0,0,0.1)}}@media only screen and (max-width: 1239px){#Top_bar #menu{display:none;height:auto;width:300px;bottom:auto;top:100%;right:1px;position:absolute;margin:0}#Top_bar a.responsive-menu-toggle{display:block}#Top_bar #menu > ul{width:100%;float:left}#Top_bar #menu ul li{width:100%;padding-bottom:0;border-right:0;position:relative}#Top_bar #menu ul li a{padding:0 25px;margin:0;display:block;height:auto;line-height:normal;border:none}#Top_bar #menu ul li a:after{display:none}#Top_bar #menu ul li a span{border:none;line-height:44px;display:inline;padding:0}#Top_bar #menu ul li a span.description{margin:0 0 0 5px}#Top_bar #menu ul li.submenu .menu-toggle{display:block;position:absolute;right:15px;top:0;width:44px;height:44px;line-height:44px;font-size:30px;font-weight:300;text-align:center;cursor:pointer;color:#444;opacity:0.33;}#Top_bar #menu ul li.submenu .menu-toggle:after{content:"+"}#Top_bar #menu ul li.hover > .menu-toggle:after{content:"-"}#Top_bar #menu ul li.hover a{border-bottom:0}#Top_bar #menu ul li a span:after{display:none!important}#Top_bar #menu ul.mfn-megamenu li .menu-toggle{display:none}#Top_bar #menu ul li ul{position:relative!important;left:0!important;top:0;padding:0;margin-left:0!important;width:auto!important;background-image:none!important;box-shadow:0 0 0 0 transparent!important;-webkit-box-shadow:0 0 0 0 transparent!important}#Top_bar #menu ul li ul li{width:100%!important}#Top_bar #menu ul li ul li a{padding:0 20px 0 35px}#Top_bar #menu ul li ul li a .menu-arrow{display:none}#Top_bar #menu ul li ul li a span{padding:0}#Top_bar #menu ul li ul li a span:after{display:none!important}#Top_bar .menu > li > ul.mfn-megamenu a.mfn-megamenu-title{text-transform:uppercase;font-weight:400}#Top_bar .menu > li > ul.mfn-megamenu > li > ul{display:block!important;position:inherit;left:auto;top:auto}#Top_bar #menu ul li ul li ul{border-left:0!important;padding:0;top:0}#Top_bar #menu ul li ul li ul li a{padding:0 20px 0 45px}.rtl #Top_bar #menu{left:1px;right:auto}.rtl #Top_bar a.responsive-menu-toggle{left:20px;right:auto}.rtl #Top_bar #menu ul li.submenu .menu-toggle{left:15px;right:auto;border-left:none;border-right:1px solid #eee}.rtl #Top_bar #menu ul li ul{left:auto!important;right:0!important}.rtl #Top_bar #menu ul li ul li a{padding:0 30px 0 20px}.rtl #Top_bar #menu ul li ul li ul li a{padding:0 40px 0 20px}.header-stack .menu_wrapper a.responsive-menu-toggle{position:static!important;margin:11px 0!important}.header-stack .menu_wrapper #menu{left:0;right:auto}.rtl.header-stack #Top_bar #menu{left:auto;right:0}.admin-bar #Header_creative{top:32px}.header-creative.layout-boxed{padding-top:85px}.header-creative.layout-full-width #Wrapper{padding-top:60px}#Header_creative{position:fixed;width:100%;left:0!important;top:0;z-index:1001}#Header_creative .creative-wrapper{display:block!important;opacity:1!important}#Header_creative .creative-menu-toggle,#Header_creative .creative-social{display:none!important;opacity:1!important}#Header_creative #Top_bar{position:static;width:100%}#Header_creative #Top_bar #logo,#Header_creative #Top_bar .custom-logo-link{height:50px;line-height:50px;padding:5px 0}#Header_creative #Top_bar #logo img.logo-sticky{max-height:40px!important}#Header_creative #logo img.logo-main{display:none}#Header_creative #logo img.logo-sticky{display:inline-block}.logo-no-sticky-padding #Header_creative #Top_bar #logo{height:60px;line-height:60px;padding:0}.logo-no-sticky-padding #Header_creative #Top_bar #logo img.logo-sticky{max-height:60px!important}#Header_creative #Action_bar{display:none}#Header_creative #Top_bar .top_bar_right{height:60px;top:0}#Header_creative #Top_bar .top_bar_right:before{display:none}#Header_creative #Top_bar .top_bar_right_wrapper{top:0;padding-top:9px}#Header_creative.scroll{overflow:visible!important}}#Header_wrapper, #Intro {background-color: #2dbabc;}#Subheader {background-color: rgba(247,247,247,0);}.header-classic #Action_bar, .header-fixed #Action_bar, .header-plain #Action_bar, .header-split #Action_bar, .header-stack #Action_bar {background-color: #e7e5e3;}#Sliding-top {background-color: #545454;}#Sliding-top a.sliding-top-control {border-right-color: #545454;}#Sliding-top.st-center a.sliding-top-control,#Sliding-top.st-left a.sliding-top-control {border-top-color: #545454;}#Footer {background-color: #444444;}body, ul.timeline_items, .icon_box a .desc, .icon_box a:hover .desc, .feature_list ul li a, .list_item a, .list_item a:hover,.widget_recent_entries ul li a, .flat_box a, .flat_box a:hover, .story_box .desc, .content_slider.carouselul li a .title,.content_slider.flat.description ul li .desc, .content_slider.flat.description ul li a .desc, .post-nav.minimal a i {color: #444444;}.post-nav.minimal a svg {fill: #444444;}.themecolor, .opening_hours .opening_hours_wrapper li span, .fancy_heading_icon .icon_top,.fancy_heading_arrows .icon-right-dir, .fancy_heading_arrows .icon-left-dir, .fancy_heading_line .title,.button-love a.mfn-love, .format-link .post-title .icon-link, .pager-single > span, .pager-single a:hover,.widget_meta ul, .widget_pages ul, .widget_rss ul, .widget_mfn_recent_comments ul li:after, .widget_archive ul,.widget_recent_comments ul li:after, .widget_nav_menu ul, .woocommerce ul.products li.product .price, .shop_slider .shop_slider_ul li .item_wrapper .price,.woocommerce-page ul.products li.product .price, .widget_price_filter .price_label .from, .widget_price_filter .price_label .to,.woocommerce ul.product_list_widget li .quantity .amount, .woocommerce .product div.entry-summary .price, .woocommerce .star-rating span,#Error_404 .error_pic i, .style-simple #Filters .filters_wrapper ul li a:hover, .style-simple #Filters .filters_wrapper ul li.current-cat a,.style-simple .quick_fact .title {color: #2dbabc;}.themebg,#comments .commentlist > li .reply a.comment-reply-link,#Filters .filters_wrapper ul li a:hover,#Filters .filters_wrapper ul li.current-cat a,.fixed-nav .arrow,.offer_thumb .slider_pagination a:before,.offer_thumb .slider_pagination a.selected:after,.pager .pages a:hover,.pager .pages a.active,.pager .pages span.page-numbers.current,.pager-single span:after,.portfolio_group.exposure .portfolio-item .desc-inner .line,.Recent_posts ul li .desc:after,.Recent_posts ul li .photo .c,.slider_pagination a.selected,.slider_pagination .slick-active a,.slider_pagination a.selected:after,.slider_pagination .slick-active a:after,.testimonials_slider .slider_images,.testimonials_slider .slider_images a:after,.testimonials_slider .slider_images:before,#Top_bar a#header_cart span,.widget_categories ul,.widget_mfn_menu ul li a:hover,.widget_mfn_menu ul li.current-menu-item:not(.current-menu-ancestor) > a,.widget_mfn_menu ul li.current_page_item:not(.current_page_ancestor) > a,.widget_product_categories ul,.widget_recent_entries ul li:after,.woocommerce-account table.my_account_orders .order-number a,.woocommerce-MyAccount-navigation ul li.is-active a,.style-simple .accordion .question:after,.style-simple .faq .question:after,.style-simple .icon_box .desc_wrapper .title:before,.style-simple #Filters .filters_wrapper ul li a:after,.style-simple .article_box .desc_wrapper p:after,.style-simple .sliding_box .desc_wrapper:after,.style-simple .trailer_box:hover .desc,.tp-bullets.simplebullets.round .bullet.selected,.tp-bullets.simplebullets.round .bullet.selected:after,.tparrows.default,.tp-bullets.tp-thumbs .bullet.selected:after{background-color: #2dbabc;}.Latest_news ul li .photo, .Recent_posts.blog_news ul li .photo, .style-simple .opening_hours .opening_hours_wrapper li label,.style-simple .timeline_items li:hover h3, .style-simple .timeline_items li:nth-child(even):hover h3,.style-simple .timeline_items li:hover .desc, .style-simple .timeline_items li:nth-child(even):hover,.style-simple .offer_thumb .slider_pagination a.selected {border-color: #2dbabc;}a {color: #444444;}a:hover {color: #2dbabc;}*::-moz-selection {background-color: #2dbabc;color: white;}*::selection {background-color: #2dbabc;color: white;}.blockquote p.author span, .counter .desc_wrapper .title, .article_box .desc_wrapper p, .team .desc_wrapper p.subtitle,.pricing-box .plan-header p.subtitle, .pricing-box .plan-header .price sup.period, .chart_box p, .fancy_heading .inside,.fancy_heading_line .slogan, .post-meta, .post-meta a, .post-footer, .post-footer a span.label, .pager .pages a, .button-love a .label,.pager-single a, #comments .commentlist > li .comment-author .says, .fixed-nav .desc .date, .filters_buttons li.label, .Recent_posts ul li a .desc .date,.widget_recent_entries ul li .post-date, .tp_recent_tweets .twitter_time, .widget_price_filter .price_label, .shop-filters .woocommerce-result-count,.woocommerce ul.product_list_widget li .quantity, .widget_shopping_cart ul.product_list_widget li dl, .product_meta .posted_in,.woocommerce .shop_table .product-name .variation > dd, .shipping-calculator-button:after,.shop_slider .shop_slider_ul li .item_wrapper .price del,.testimonials_slider .testimonials_slider_ul li .author span, .testimonials_slider .testimonials_slider_ul li .author span a, .Latest_news ul li .desc_footer,.share-simple-wrapper .icons a {color: #a8a8a8;}h1, h1 a, h1 a:hover, .text-logo #logo { color: #444444; }h2, h2 a, h2 a:hover { color: #444444; }h3, h3 a, h3 a:hover { color: #444444; }h4, h4 a, h4 a:hover, .style-simple .sliding_box .desc_wrapper h4 { color: #444444; }h5, h5 a, h5 a:hover { color: #444444; }h6, h6 a, h6 a:hover,a.content_link .title { color: #444444; }.dropcap, .highlight:not(.highlight_image) {background-color: #2dbabc;}.button-default .button_theme, .button-default button,.button-default input[type="button"], .button-default input[type="reset"], .button-default input[type="submit"],.button-flat .button_theme, .button-flat button,.button-flat input[type="button"], .button-flat input[type="reset"], .button-flat input[type="submit"],.button-round .button_theme, .button-round button,.button-round input[type="button"], .button-round input[type="reset"], .button-round input[type="submit"],.woocommerce #respond input#submit,.woocommerce a.button:not(.default),.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit:hover, .woocommerce a.button:not(.default):hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background-color: #2dbabc;}.button-stroke .button_theme,.button-stroke .button_theme .button_icon i,.button-stroke button, .button-stroke input[type="submit"], .button-stroke input[type="reset"], .button-stroke input[type="button"],.button-stroke .woocommerce #respond input#submit,.button-stroke .woocommerce a.button:not(.default),.button-stroke .woocommerce button.button,.button-stroke.woocommerce input.button {border-color: #2dbabc;color: #2dbabc !important;}.button-stroke .button_theme:hover,.button-stroke button:hover, .button-stroke input[type="submit"]:hover, .button-stroke input[type="reset"]:hover, .button-stroke input[type="button"]:hover {background-color: #2dbabc;}.button-default .single_add_to_cart_button, .button-flat .single_add_to_cart_button, .button-round .single_add_to_cart_button,.button-default .woocommerce .button:disabled, .button-flat .woocommerce .button:disabled, .button-round .woocommerce .button:disabled,.button-default .woocommerce .button.alt, .button-flat .woocommerce .button.alt, .button-round .woocommerce .button.alt{background-color: #2dbabc!important;}.button-stroke .single_add_to_cart_button:hover,.button-stroke #place_order:hover {background-color: #2dbabc!important;}a.mfn-link {color: #444444;}a.mfn-link-2 span, a:hover.mfn-link-2 span:before, a.hover.mfn-link-2 span:before, a.mfn-link-5 span, a.mfn-link-8:after, a.mfn-link-8:before {background: #2dbabc;}a:hover.mfn-link {color: #2dbabc;}a.mfn-link-2 span:before, a:hover.mfn-link-4:before, a:hover.mfn-link-4:after, a.hover.mfn-link-4:before, a.hover.mfn-link-4:after, a.mfn-link-5:before, a.mfn-link-7:after, a.mfn-link-7:before {background: #2dbabc;}a.mfn-link-6:before {border-bottom-color: #2dbabc;}.column_column ul, .column_column ol, .the_content_wrapper:not(.is-elementor) ul, .the_content_wrapper:not(.is-elementor) ol {color: #444444;}hr.hr_color, .hr_color hr, .hr_dots span {color: #2dbabc;background: #2dbabc;}.hr_zigzag i {color: #2dbabc;}.highlight-left:after,.highlight-right:after {background: #2dbabc;}@media only screen and (max-width: 767px) {.highlight-left .wrap:first-child,.highlight-right .wrap:last-child {background: #2dbabc;}}#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar,.header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky {background-color: #e7e5e3;}#Top_bar .wpml-languages a.active, #Top_bar .wpml-languages ul.wpml-lang-dropdown {background-color: #e7e5e3;}#Top_bar .top_bar_right:before {background-color: #e3e3e3;}#Header .top_bar_right {background-color: #f5f5f5;}#Top_bar .top_bar_right a:not(.action_button) {color: #ffffff;}#Top_bar .menu > li > a,#Top_bar #menu ul li.submenu .menu-toggle {color: #444444;}#Top_bar .menu > li.current-menu-item > a,#Top_bar .menu > li.current_page_item > a,#Top_bar .menu > li.current-menu-parent > a,#Top_bar .menu > li.current-page-parent > a,#Top_bar .menu > li.current-menu-ancestor > a,#Top_bar .menu > li.current-page-ancestor > a,#Top_bar .menu > li.current_page_ancestor > a,#Top_bar .menu > li.hover > a {color: #2dbabc;}#Top_bar .menu > li a:after {background: #2dbabc;}.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description)::after {border-top-color: #444444;}#Top_bar .menu > li.current-menu-item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_item.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-parent.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-menu-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current-page-ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.current_page_ancestor.submenu > a > span:not(.description)::after,#Top_bar .menu > li.hover.submenu > a > span:not(.description)::after {border-top-color: #2dbabc;}.menu-highlight #Top_bar #menu > ul > li.current-menu-item > a,.menu-highlight #Top_bar #menu > ul > li.current_page_item > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-page-parent > a,.menu-highlight #Top_bar #menu > ul > li.current-menu-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current-page-ancestor > a,.menu-highlight #Top_bar #menu > ul > li.current_page_ancestor > a,.menu-highlight #Top_bar #menu > ul > li.hover > a {background: #ffffff;}.menu-arrow-bottom #Top_bar .menu > li > a:after { border-bottom-color: #2dbabc;}.menu-arrow-top #Top_bar .menu > li > a:after {border-top-color: #2dbabc;}.header-plain #Top_bar .menu > li.current-menu-item > a,.header-plain #Top_bar .menu > li.current_page_item > a,.header-plain #Top_bar .menu > li.current-menu-parent > a,.header-plain #Top_bar .menu > li.current-page-parent > a,.header-plain #Top_bar .menu > li.current-menu-ancestor > a,.header-plain #Top_bar .menu > li.current-page-ancestor > a,.header-plain #Top_bar .menu > li.current_page_ancestor > a,.header-plain #Top_bar .menu > li.hover > a,.header-plain #Top_bar a:hover#header_cart,.header-plain #Top_bar a:hover#search_button,.header-plain #Top_bar .wpml-languages:hover,.header-plain #Top_bar .wpml-languages ul.wpml-lang-dropdown {background: #ffffff;color: #2dbabc;}.header-plain #Top_bar,.header-plain #Top_bar .menu > li > a span:not(.description),.header-plain #Top_bar a#header_cart,.header-plain #Top_bar a#search_button,.header-plain #Top_bar .wpml-languages,.header-plain #Top_bar .action_button {border-color: #f2f2f2;}#Top_bar .menu > li ul {background-color: #F2F2F2;}#Top_bar .menu > li ul li a {color: #444444;}#Top_bar .menu > li ul li a:hover,#Top_bar .menu > li ul li.hover > a {color: #2e2e2e;}#Top_bar .search_wrapper {background: #ffffff;}#Top_bar .search_wrapper input[type="text"]{color: black;}#Top_bar .search_wrapper input::placeholder{color: black;opacity: 1;}#Top_bar .search_wrapper input::-ms-input-placeholder {color: black;}.overlay-menu-toggle {color: #2dbabc !important;background: transparent;}#Overlay {background: rgba(45,186,188,0.95);}#overlay-menu ul li a, .header-overlay .overlay-menu-toggle.focus {color: #f1dede;}#overlay-menu ul li.current-menu-item > a,#overlay-menu ul li.current_page_item > a,#overlay-menu ul li.current-menu-parent > a,#overlay-menu ul li.current-page-parent > a,#overlay-menu ul li.current-menu-ancestor > a,#overlay-menu ul li.current-page-ancestor > a,#overlay-menu ul li.current_page_ancestor > a {color: #ffffff;}#Top_bar .responsive-menu-toggle,#Header_creative .creative-menu-toggle,#Header_creative .responsive-menu-toggle {color: #2dbabc;background: transparent;}#Side_slide{background-color: #ffffff;border-color: #ffffff;}#Side_slide,#Side_slide .search-wrapper input.field,#Side_slide a:not(.action_button),#Side_slide #menu ul li.submenu .menu-toggle{color: #444444;}#Side_slide a:not(.action_button):hover,#Side_slide a.active,#Side_slide #menu ul li.hover > .menu-toggle{color: #2dbabc;}#Side_slide #menu ul li.current-menu-item > a,#Side_slide #menu ul li.current_page_item > a,#Side_slide #menu ul li.current-menu-parent > a,#Side_slide #menu ul li.current-page-parent > a,#Side_slide #menu ul li.current-menu-ancestor > a,#Side_slide #menu ul li.current-page-ancestor > a,#Side_slide #menu ul li.current_page_ancestor > a,#Side_slide #menu ul li.hover > a,#Side_slide #menu ul li:hover > a{color: #2dbabc;}#Action_bar .contact_details{color: #121a1c}#Action_bar .contact_details a{color: #121a1c}#Action_bar .contact_details a:hover{color: #2dbabc}#Action_bar .social li a,#Header_creative .social li a,#Action_bar:not(.creative) .social-menu a{color: #2dbabc}#Action_bar .social li a:hover,#Header_creative .social li a:hover,#Action_bar:not(.creative) .social-menu a:hover{color: #2dbabc}#Subheader .title{color: #444444;}#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a{color: rgba(68,68,68,0.6);}#Footer, #Footer .widget_recent_entries ul li a {color: #ffffff;}#Footer a {color: #ffffff;}#Footer a:hover {color: #ffffff;}#Footer h1, #Footer h1 a, #Footer h1 a:hover,#Footer h2, #Footer h2 a, #Footer h2 a:hover,#Footer h3, #Footer h3 a, #Footer h3 a:hover,#Footer h4, #Footer h4 a, #Footer h4 a:hover,#Footer h5, #Footer h5 a, #Footer h5 a:hover,#Footer h6, #Footer h6 a, #Footer h6 a:hover {color: #ffffff;}#Footer .themecolor, #Footer .widget_meta ul, #Footer .widget_pages ul, #Footer .widget_rss ul, #Footer .widget_mfn_recent_comments ul li:after, #Footer .widget_archive ul,#Footer .widget_recent_comments ul li:after, #Footer .widget_nav_menu ul, #Footer .widget_price_filter .price_label .from, #Footer .widget_price_filter .price_label .to,#Footer .star-rating span {color: #2dbabc;}#Footer .themebg, #Footer .widget_categories ul, #Footer .Recent_posts ul li .desc:after, #Footer .Recent_posts ul li .photo .c,#Footer .widget_recent_entries ul li:after, #Footer .widget_mfn_menu ul li a:hover, #Footer .widget_product_categories ul {background-color: #2dbabc;}#Footer .Recent_posts ul li a .desc .date, #Footer .widget_recent_entries ul li .post-date, #Footer .tp_recent_tweets .twitter_time,#Footer .widget_price_filter .price_label, #Footer .shop-filters .woocommerce-result-count, #Footer ul.product_list_widget li .quantity,#Footer .widget_shopping_cart ul.product_list_widget li dl {color: #a8a8a8;}#Footer .footer_copy .social li a,#Footer .footer_copy .social-menu a{color: #ffffff;}#Footer .footer_copy .social li a:hover,#Footer .footer_copy .social-menu a:hover{color: #ffffff;}#Footer .footer_copy{border-top-color: rgba(255,255,255,0.1);}#Sliding-top, #Sliding-top .widget_recent_entries ul li a {color: #cccccc;}#Sliding-top a {color: #eb3351;}#Sliding-top a:hover {color: #cb0e2c;}#Sliding-top h1, #Sliding-top h1 a, #Sliding-top h1 a:hover,#Sliding-top h2, #Sliding-top h2 a, #Sliding-top h2 a:hover,#Sliding-top h3, #Sliding-top h3 a, #Sliding-top h3 a:hover,#Sliding-top h4, #Sliding-top h4 a, #Sliding-top h4 a:hover,#Sliding-top h5, #Sliding-top h5 a, #Sliding-top h5 a:hover,#Sliding-top h6, #Sliding-top h6 a, #Sliding-top h6 a:hover {color: #ffffff;}#Sliding-top .themecolor, #Sliding-top .widget_meta ul, #Sliding-top .widget_pages ul, #Sliding-top .widget_rss ul, #Sliding-top .widget_mfn_recent_comments ul li:after, #Sliding-top .widget_archive ul,#Sliding-top .widget_recent_comments ul li:after, #Sliding-top .widget_nav_menu ul, #Sliding-top .widget_price_filter .price_label .from, #Sliding-top .widget_price_filter .price_label .to,#Sliding-top .star-rating span {color: #eb3351;}#Sliding-top .themebg, #Sliding-top .widget_categories ul, #Sliding-top .Recent_posts ul li .desc:after, #Sliding-top .Recent_posts ul li .photo .c,#Sliding-top .widget_recent_entries ul li:after, #Sliding-top .widget_mfn_menu ul li a:hover, #Sliding-top .widget_product_categories ul {background-color: #eb3351;}#Sliding-top .Recent_posts ul li a .desc .date, #Sliding-top .widget_recent_entries ul li .post-date, #Sliding-top .tp_recent_tweets .twitter_time,#Sliding-top .widget_price_filter .price_label, #Sliding-top .shop-filters .woocommerce-result-count, #Sliding-top ul.product_list_widget li .quantity,#Sliding-top .widget_shopping_cart ul.product_list_widget li dl {color: #a8a8a8;}blockquote, blockquote a, blockquote a:hover {color: #2dbabc;}.image_frame .image_wrapper .image_links,.portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {background: rgba(45,186,188,0.8);}.masonry.tiles .post-item .post-desc-wrapper .post-desc .post-title:after,.masonry.tiles .post-item.no-img,.masonry.tiles .post-item.format-quote,.blog-teaser li .desc-wrapper .desc .post-title:after,.blog-teaser li.no-img,.blog-teaser li.format-quote {background: #2dbabc;}.image_frame .image_wrapper .image_links a {color: #ffffff;}.image_frame .image_wrapper .image_links a:hover {background: #ffffff;color: #2dbabc;}.image_frame {border-color: #f8f8f8;}.image_frame .image_wrapper .mask::after {background: rgba(255,255,255,0.4);}.sliding_box .desc_wrapper {background: #2dbabc;}.sliding_box .desc_wrapper:after {border-bottom-color: #2dbabc;}.counter .icon_wrapper i {color: #2dbabc;}.quick_fact .number-wrapper {color: #2dbabc;}.progress_bars .bars_list li .bar .progress {background-color: #2dbabc;}a:hover.icon_bar {color: #2dbabc !important;}a.content_link, a:hover.content_link {color: #2dbabc;}a.content_link:before {border-bottom-color: #2dbabc;}a.content_link:after {border-color: #2dbabc;}.get_in_touch, .infobox {background-color: #2dbabc;}.google-map-contact-wrapper .get_in_touch:after {border-top-color: #2dbabc;}.timeline_items li h3:before,.timeline_items:after,.timeline .post-item:before {border-color: #2dbabc;}.how_it_works .image .number {background: #2dbabc;}.trailer_box .desc .subtitle,.trailer_box.plain .desc .line {background-color: #2dbabc;}.trailer_box.plain .desc .subtitle {color: #2dbabc;}.icon_box .icon_wrapper, .icon_box a .icon_wrapper,.style-simple .icon_box:hover .icon_wrapper {color: #2dbabc;}.icon_box:hover .icon_wrapper:before,.icon_box a:hover .icon_wrapper:before {background-color: #2dbabc;}ul.clients.clients_tiles li .client_wrapper:hover:before {background: #2dbabc;}ul.clients.clients_tiles li .client_wrapper:after {border-bottom-color: #2dbabc;}.list_item.lists_1 .list_left {background-color: #2dbabc;}.list_item .list_left {color: #2dbabc;}.feature_list ul li .icon i {color: #2dbabc;}.feature_list ul li:hover,.feature_list ul li:hover a {background: #2dbabc;}.ui-tabs .ui-tabs-nav li.ui-state-active a,.accordion .question.active .title > .acc-icon-plus,.accordion .question.active .title > .acc-icon-minus,.faq .question.active .title > .acc-icon-plus,.faq .question.active .title,.accordion .question.active .title {color: #2dbabc;}.ui-tabs .ui-tabs-nav li.ui-state-active a:after {background: #2dbabc;}body.table-hover:not(.woocommerce-page) table tr:hover td {background: #2dbabc;}.pricing-box .plan-header .price sup.currency,.pricing-box .plan-header .price > span {color: #2dbabc;}.pricing-box .plan-inside ul li .yes {background: #2dbabc;}.pricing-box-box.pricing-box-featured {background: #2dbabc;}input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"],select, textarea, .woocommerce .quantity input.qty,.dark input[type="email"],.dark input[type="password"],.dark input[type="tel"],.dark input[type="text"],.dark select,.dark textarea{color: #626262;background-color: rgba(249,249,249,1);border-color: #EBEBEB;}::-webkit-input-placeholder {color: #929292;}::-moz-placeholder {color: #929292;}:-ms-input-placeholder {color: #929292;}input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus {color: #1982c2;background-color: rgba(233,245,252,1) !important;border-color: #d5e5ee;}:focus::-webkit-input-placeholder {color: #929292;}:focus::-moz-placeholder {color: #929292;}.woocommerce span.onsale, .shop_slider .shop_slider_ul li .item_wrapper span.onsale {border-top-color: #2dbabc !important;}.woocommerce span.onsale i, .shop_slider .shop_slider_ul li .item_wrapper span.onsale i {color: white;}.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {border-color: #2dbabc !important;}@media only screen and ( min-width: 768px ){.header-semi #Top_bar:not(.is-sticky) {background-color: rgba(231,229,227,0.8);}}@media only screen and ( max-width: 767px ){#Top_bar{background-color: #e7e5e3 !important;}#Action_bar{background-color: #FFFFFF !important;}#Action_bar .contact_details{color: #121a1c}#Action_bar .contact_details a{color: #121a1c}#Action_bar .contact_details a:hover{color: #2dbabc}#Action_bar .social li a,#Action_bar .social-menu a{color: #2dbabc!important}#Action_bar .social li a:hover,#Action_bar .social-menu a:hover{color: #27a7a9!important}}
form input.display-none{display:none!important}


#Header .top_bar_left,
.header-classic #Top_bar,
.header-plain #Top_bar,
.header-stack #Top_bar,
.header-split #Top_bar,
.header-fixed #Top_bar,
.header-below #Top_bar,
#Header_creative,
#Top_bar #menu,
.sticky-tb-color #Top_bar.is-sticky,
.header-classic #Action_bar,
.header-fixed #Action_bar,
.header-plain #Action_bar,
.header-split #Action_bar,
.header-stack #Action_bar {
background: linear-gradient(
90deg,
#ffffff 0%,
#f8fcfc 50%,
#eefafa 100%
) !important;
}
.hero-vesna {
position: relative;
min-height: 820px;
display: flex;
align-items: center;
background-image:
linear-gradient(
90deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.25) 25%,
rgba(255,255,255,0.29) 45%,
rgba(255,255,255,0.07) 70%,
rgba(255,255,255,0.85) 100%
),
url('media/e5b84ed02c860837.webp');
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.hero-vesna-content {
width: 100%;
max-width: 750px;
margin-left: 40%;
padding-right: 5%;
position: relative;
z-index: 10;
}
.hero-vesna h4 {
color: #6fd7d7;
font-size: 22px;
font-weight: 500;
margin-bottom: 15px;
}
.hero-vesna h1 {
font-size: 50px;
line-height: 1.15;
color: #2b2b2b;
margin-bottom: 20px;
}
.hero-vesna p {
font-size: 20px;
line-height: 1.7;
color: #555;
margin-bottom: 30px;
}
@media(max-width:1200px) {
.hero-vesna-content {
margin-left: 42%;
max-width: 550px;
}
.hero-vesna h1 {
font-size: 48px;
}
}
/* Планшеты и мобильные */
@media(max-width:991px) {
.hero-vesna {
min-height: auto;
padding: 1020px 20px 55px;
display: block;
text-align: center;
background-image:
linear-gradient(
180deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.05) 45%,
rgba(255,255,255,0.92) 72%,
rgba(255,255,255,1) 100%
),
url('media/b840b88023323c9f.webp');
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
.hero-vesna-content {
max-width: 680px;
margin: 0 auto;
padding: 0;
}
.hero-vesna h4 {
font-size: 20px;
margin-bottom: 12px;
}
.hero-vesna h1 {
font-size: 38px;
line-height: 1.18;
margin-bottom: 18px;
}
.hero-vesna p {
font-size: 18px;
line-height: 1.6;
margin-bottom: 28px;
}
}
/* Телефоны */
@media(max-width:640px) {
.hero-vesna {
padding: 800px 18px 45px;
background-position: center top;
}
.hero-vesna h4 {
font-size: 18px;
}
.hero-vesna h1 {
font-size: 30px;
}
.hero-vesna p {
font-size: 16px;
line-height: 1.55;
}
}
/* Маленькие телефоны */
@media(max-width:380px) {
.hero-vesna {
padding-top: 640px;
}
.hero-vesna h1 {
font-size: 27px;
}
}
.vesna-promo-section {
padding: 100px 20px;
background: linear-gradient(135deg, #f6ffff 0%, #ffffff 55%, #f1fbfb 100%);
}
.vesna-promo-head {
max-width: 850px;
margin: 0 auto 35px;
text-align: center;
}
.vesna-promo-label {
display: inline-block;
margin-bottom: 12px;
padding: 7px 18px;
border-radius: 50px;
background: #ffffff;
color: #27bfc3;
font-size: 13px;
letter-spacing: .08em;
text-transform: uppercase;
box-shadow: 0 8px 22px rgba(39, 191, 195, .12);
}
.vesna-promo-head h2 {
margin: 0 0 12px;
color: #273033;
font-size: 50px;
line-height: 1.15;
}
.vesna-promo-head p {
margin: 0;
color: #66777a;
font-size: 18px;
}
.vesna-promo-grid {
max-width: 1450px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 22px;
}
.vesna-promo-card {
min-height: 330px;
padding: 28px;
border-radius: 26px;
background: #ffffff;
box-shadow: 0 18px 45px rgba(36, 151, 154, .12);
border: 1px solid rgba(39, 191, 195, .18);
display: flex;
flex-direction: column;
}
.vesna-promo-top span {
display: inline-block;
padding: 8px 15px;
border-radius: 50px;
background: #27bfc3;
color: #ffffff;
font-size: 13px;
font-weight: 600;
}
.vesna-promo-card h3 {
margin: 22px 0 12px;
color: #273033;
font-size: 22px;
line-height: 1.25;
}
.vesna-promo-card p {
margin: 0 0 22px;
color: #66777a;
font-size: 15px;
line-height: 1.5;
}
.vesna-promo-price {
margin-top: auto;
display: flex;
align-items: baseline;
gap: 10px;
flex-wrap: wrap;
}
.vesna-promo-price strong {
color: #273033;
font-size: 27px;
line-height: 1.1;
}
.vesna-promo-price del {
color: #9aa9ab;
font-size: 16px;
}
.vesna-promo-btn {
margin-top: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 240px;
height: 60px;
padding: 0 35px;
border-radius: 999px;
background: linear-gradient(135deg, #35d49b, #008bd2);
color: #fff;
text-decoration: none;
font-size: 18px;
font-weight: 700;
transition: .3s ease;
box-shadow: 0 12px 30px rgba(0,0,0,.12);
}
.vesna-promo-btn:hover {
background: #20aeb2;
color: #ffffff;
}
@media (max-width: 1100px) {
.vesna-promo-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.vesna-promo-section {
padding: 50px 16px;
}
.vesna-promo-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.vesna-promo-head h2 {
font-size: 50px;
}
.vesna-promo-head p {
font-size: 16px;
}
.vesna-promo-card {
min-height: auto;
padding: 24px;
}
}
#Footer .widgets_wrapper {
padding: 20px 0;
margin: 0px 0;
padding: 70px 40px;
background: linear-gradient( 135deg, #35d49b 0%, #008bd2 100% );
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 479px) {
h1 {
font-size: 26px!important;
line-height: 1.5;
}
}
@media only screen and (max-width: 479px) {
h2 {
font-size: 26px!important;
line-height: 1.5;
}
}
.kp-intro-block {
display: grid;
grid-template-columns: 1.1fr 1fr;
gap: 42px;
align-items: center;
margin: 20px 0;
}
.kp-intro-content {
padding: 0px;
}
.kp-intro-content h2 {
margin: 0 0 22px;
font-size: 50px;
line-height: 1.2;
color: #1f1f1f;
}
.kp-intro-content p {
margin: 0;
font-size: 17px;
line-height: 1.8;
color: #444;
}
.kp-intro-features {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 22px;
}
.kp-feature-card {
padding: 26px 22px;
border-radius: 24px;
background: #ffffff;
border: 1px solid rgba(0, 139, 210, 0.14);
box-shadow: 0 12px 35px rgba(0, 139, 210, 0.08);
text-align: center;
transition: 0.3s ease;
}
.kp-feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 18px 45px rgba(0, 139, 210, 0.14);
}
.kp-feature-card img {
width: 92px;
height: 92px;
object-fit: contain;
margin-bottom: 16px;
}
.kp-feature-card h4 {
margin: 0;
font-size: 17px;
line-height: 1.4;
color: #1f1f1f;
}
@media (max-width: 992px) {
.kp-intro-block {
grid-template-columns: 1fr;
}
}
@media (max-width: 680px) {
.kp-intro-block {
margin: 60px 0;
}
.kp-intro-content {
padding: 8px 4px;
border-radius: 24px;
}
.kp-intro-content h2 {
font-size: 28px;
}
.kp-intro-content p {
font-size: 16px;
}
.kp-intro-features {
grid-template-columns: 1fr;
}
.kp-feature-card {
padding: 24px;
}
}
.seo-block{
margin:40px 0;
}
.seo-container{
background:#fff;
border-radius:32px;
padding:50px;
border:1px solid rgba(0,139,210,.12);
box-shadow:0 12px 35px rgba(0,139,210,.08);
}
.seo-block h2{
font-size:50px;
margin:0 0 20px;
color:#1f1f1f;
}
.seo-block p{
margin:0 0 18px;
color:#444;
line-height:1.8;
font-size:16px;
}
.seo-block ul{
margin:20px 0;
padding-left:22px;
}
.seo-block li{
margin-bottom:10px;
line-height:1.7;
}
.seo-block strong{
color:#008bd2;
}
@media(max-width:768px){
.seo-container{
padding:30px 24px;
border-radius:24px;
}
.seo-block h2{
font-size:26px;
}
}
.docs-section {
margin: 60px 0;
}
.docs-section h2 {
margin-bottom: 16px;
font-size: 36px;
line-height: 1.2;
color: #1f1f1f;
}
.docs-subtitle {
max-width: 820px;
margin: 0 0 36px;
font-size: 17px;
line-height: 1.65;
color: #444;
}
.docs-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}
.doc-card {
padding: 28px;
border-radius: 24px;
background: #ffffff;
border: 1px solid rgba(0, 139, 210, 0.14);
box-shadow: 0 12px 35px rgba(0, 139, 210, 0.08);
transition: 0.3s ease;
}
.doc-card:hover {
transform: translateY(-5px);
box-shadow: 0 18px 45px rgba(0, 139, 210, 0.14);
}
.doc-icon {
width: 62px;
height: 62px;
margin-bottom: 20px;
border-radius: 18px;
background: linear-gradient(135deg, #35d49b, #008bd2);
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 800;
letter-spacing: 1px;
}
.doc-card h3 {
margin: 0 0 12px;
font-size: 20px;
line-height: 1.3;
color: #1f1f1f;
}
.doc-card p {
margin: 0 0 22px;
font-size: 15px;
line-height: 1.6;
color: #444;
}
.doc-card a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 13px 22px;
border-radius: 999px;
background: linear-gradient(135deg, #35d49b, #008bd2);
color: #ffffff;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: 0.3s ease;
}
.doc-card a:hover {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(0, 139, 210, 0.22);
}
@media (max-width: 1024px) {
.docs-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 680px) {
.docs-section h2 {
font-size: 28px;
}
.docs-grid {
grid-template-columns: 1fr;
}
.doc-card {
padding: 22px;
}
}
.final-cta {
margin: 0px 0;
padding: 70px 40px;
border-radius: 32px;
background: linear-gradient(
135deg,
#35d49b 0%,
#008bd2 100%
);
text-align: center;
overflow: hidden;
position: relative;
}
.final-cta::before {
content: "";
position: absolute;
width: 400px;
height: 400px;
top: -200px;
right: -120px;
border-radius: 50%;
background: rgba(255,255,255,.08);
}
.final-cta::after {
content: "";
position: absolute;
width: 300px;
height: 300px;
bottom: -150px;
left: -100px;
border-radius: 50%;
background: rgba(255,255,255,.06);
}
.final-cta-content {
position: relative;
z-index: 2;
max-width: 100%;
margin: 0 auto;
}
.final-cta h2 {
margin: 0 0 20px;
color: #fff;
font-size: 50px;
line-height: 1.2;
font-weight: 700;
}
.final-cta p {
margin: 0 auto 35px;
max-width: 80%;
color: rgba(255,255,255,.92);
font-size: 18px;
line-height: 1.7;
}
.final-cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 240px;
height: 60px;
padding: 0 35px;
border-radius: 999px;
background: #ffffff;
color: #008bd2;
text-decoration: none;
font-size: 18px;
font-weight: 700;
transition: .3s ease;
box-shadow: 0 12px 30px rgba(0,0,0,.12);
}
.final-cta-btn:hover {
transform: translateY(-3px);
box-shadow: 0 18px 35px rgba(0,0,0,.18);
}
@media (max-width:768px){
.final-cta {
padding: 50px 25px;
border-radius: 24px;
}
.final-cta h2 {
font-size: 30px;
}
.final-cta p {
font-size: 16px;
}
.final-cta-btn {
width: 100%;
max-width: 320px;
}
}
.doctors-section {
margin: 80px 0;
}
.doctors-section h2 {
margin-bottom: 15px;
font-size: 36px;
text-align: center;
color: #1f1f1f;
}
.doctors-subtitle {
max-width: 800px;
margin: 0 auto 40px;
text-align: center;
color: #555;
line-height: 1.7;
}
.doctors-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.doctor-card {
background: #fff;
border-radius: 24px;
overflow: hidden;
border: 1px solid rgba(0,139,210,.12);
box-shadow: 0 12px 35px rgba(0,139,210,.08);
transition: .3s;
}
.doctor-card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 45px rgba(0,139,210,.15);
}
.doctor-card img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
display: block;
}
.doctor-content {
padding: 24px;
}
.doctor-content h3 {
margin: 0 0 10px;
font-size: 22px;
color: #1f1f1f;
}
.doctor-position {
min-height: 50px;
margin-bottom: 20px;
color: #666;
font-size: 15px;
line-height: 1.5;
}
.doctor-btn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 48px;
border-radius: 999px;
text-decoration: none;
color: #fff;
font-weight: 600;
background: linear-gradient(
135deg,
#35d49b,
#008bd2
);
transition: .3s;
}
.doctor-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0,139,210,.25);
}
@media (max-width: 1100px) {
.doctors-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 680px) {
.doctors-grid {
grid-template-columns: 1fr;
}
.doctors-section h2 {
font-size: 28px;
}
}
.faq-section {
margin: 70px 0;
}
.faq-section h2 {
margin-bottom: 30px;
font-size: 36px;
}
.faq-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.faq-item {
background: #fff;
border: 1px solid rgba(0,139,210,.14);
border-radius: 20px;
overflow: hidden;
box-shadow: 0 8px 24px rgba(0,139,210,.06);
}
.faq-item summary {
padding: 22px 26px;
cursor: pointer;
font-size: 18px;
font-weight: 600;
list-style: none;
position: relative;
}
.faq-item summary::-webkit-details-marker {
display: none;
}
.faq-item summary::after {
content: "+";
position: absolute;
right: 24px;
top: 20px;
width: 30px;
height: 30px;
border-radius: 50%;
background: linear-gradient(135deg,#35d49b,#008bd2);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.faq-item[open] summary::after {
content: "−";
}
.faq-item p {
padding: 0 26px 24px;
margin: 0;
line-height: 1.7;
color: #444;
}
.benefits-section {
margin: 70px 0;
}
.benefits-section h2 {
margin-bottom: 16px;
font-size: 36px;
line-height: 1.2;
color: #1f1f1f;
}
.benefits-subtitle {
max-width: 820px;
margin: 0 0 36px;
font-size: 17px;
line-height: 1.65;
color: #444;
}
.benefits-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 22px;
}
.benefit-card {
padding: 26px;
border-radius: 24px;
background: #ffffff;
border: 1px solid rgba(0, 139, 210, 0.14);
box-shadow: 0 12px 35px rgba(0, 139, 210, 0.08);
transition: 0.3s ease;
}
.benefit-card:hover {
transform: translateY(-5px);
box-shadow: 0 18px 45px rgba(0, 139, 210, 0.14);
}
.benefit-icon {
width: 54px;
height: 54px;
margin-bottom: 18px;
border-radius: 18px;
background: linear-gradient(135deg, rgba(53, 212, 155, 0.16), rgba(0, 139, 210, 0.16));
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
}
.benefit-card h3 {
margin: 0 0 12px;
font-size: 20px;
line-height: 1.25;
color: #1f1f1f;
}
.benefit-card p {
margin: 0;
font-size: 15px;
line-height: 1.6;
color: #333;
}
.benefits-cta {
margin-top: 36px;
padding: 34px;
border-radius: 26px;
background: linear-gradient(135deg, rgba(53, 212, 155, 0.12), rgba(0, 139, 210, 0.12));
border: 1px solid rgba(0, 139, 210, 0.14);
}
.benefits-cta h3 {
margin: 0 0 10px;
font-size: 26px;
color: #1f1f1f;
}
.benefits-cta p {
margin: 0 0 22px;
font-size: 16px;
line-height: 1.6;
color: #333;
}
.benefits-button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 26px;
border-radius: 999px;
background: linear-gradient(135deg, #35d49b, #008bd2);
color: #ffffff;
font-size: 16px;
font-weight: 700;
text-decoration: none;
box-shadow: 0 10px 26px rgba(0, 139, 210, 0.22);
transition: 0.3s ease;
}
.benefits-button:hover {
transform: translateY(-2px);
box-shadow: 0 14px 32px rgba(0, 139, 210, 0.28);
}
@media (max-width: 1100px) {
.benefits-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 680px) {
.benefits-section h2 {
font-size: 28px;
}
.benefits-grid {
grid-template-columns: 1fr;
}
.benefit-card {
padding: 22px;
}
.benefits-cta {
padding: 26px;
}
.benefits-cta h3 {
font-size: 22px;
}
.benefits-button {
width: 100%;
}
}
.procedure-section {
margin: 70px 0;
}
.procedure-section h2 {
margin-bottom: 42px;
font-size: 36px;
line-height: 1.2;
color: #1f1f1f;
}
.procedure-timeline {
position: relative;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 22px;
}
.procedure-timeline::before {
content: "";
position: absolute;
top: 32px;
left: 8%;
right: 8%;
height: 2px;
background: linear-gradient(90deg, #35d49b, #008bd2);
z-index: 0;
}
.procedure-step {
position: relative;
z-index: 1;
}
.procedure-point {
width: 64px;
height: 64px;
margin: 0 auto 22px;
border-radius: 50%;
background: linear-gradient(135deg, #35d49b, #008bd2);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 10px 28px rgba(0, 139, 210, 0.22);
}
.procedure-point span {
color: #ffffff;
font-size: 18px;
font-weight: 800;
}
.procedure-card {
min-height: 310px;
padding: 24px;
border-radius: 24px;
background: #ffffff;
border: 1px solid rgba(0, 139, 210, 0.14);
box-shadow: 0 12px 35px rgba(0, 139, 210, 0.08);
transition: 0.3s ease;
}
.procedure-card:hover {
transform: translateY(-5px);
box-shadow: 0 18px 45px rgba(0, 139, 210, 0.14);
}
.procedure-icon {
width: 48px;
height: 48px;
margin-bottom: 16px;
border-radius: 16px;
background: linear-gradient(135deg, rgba(53, 212, 155, 0.14), rgba(0, 139, 210, 0.14));
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
}
.procedure-card h3 {
margin: 0 0 14px;
font-size: 20px;
color: #1f1f1f;
}
.procedure-card p {
margin: 0 0 12px;
font-size: 14px;
line-height: 1.55;
color: #333333;
}
.procedure-card p:last-child {
margin-bottom: 0;
}
.procedure-card strong {
color: #008bd2;
}
@media (max-width: 1100px) {
.procedure-timeline {
grid-template-columns: repeat(2, 1fr);
}
.procedure-timeline::before {
display: none;
}
.procedure-card {
min-height: auto;
}
}
@media (max-width: 680px) {
.procedure-section h2 {
font-size: 28px;
margin-bottom: 30px;
}
.procedure-timeline {
display: block;
position: relative;
padding-left: 28px;
}
.procedure-timeline::before {
display: block;
top: 0;
bottom: 0;
left: 31px;
right: auto;
width: 2px;
height: auto;
background: linear-gradient(180deg, #35d49b, #008bd2);
}
.procedure-step {
position: relative;
margin-bottom: 28px;
}
.procedure-step:last-child {
margin-bottom: 0;
}
.procedure-point {
position: absolute;
top: 0;
left: -28px;
width: 64px;
height: 64px;
margin: 0;
}
.procedure-card {
margin-left: 54px;
padding: 22px;
border-radius: 20px;
}
.procedure-card h3 {
font-size: 19px;
}
}
.preparats-section {
margin: 60px 0;
}
.preparats-section h2 {
margin-bottom: 30px;
font-size: 36px;
line-height: 1.2;
color: #1f1f1f;
}
.preparats-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
}
.preparat-card {
position: relative;
padding: 28px;
border-radius: 24px;
background: #ffffff;
border: 1px solid rgba(0, 139, 210, 0.14);
box-shadow: 0 12px 35px rgba(0, 139, 210, 0.08);
transition: 0.3s ease;
}
.preparat-card:hover {
transform: translateY(-4px);
box-shadow: 0 18px 45px rgba(0, 139, 210, 0.14);
}
.preparat-logo {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 54px;
margin-bottom: 18px;
padding: 12px 22px;
border-radius: 16px;
background: linear-gradient(135deg, rgba(53, 212, 155, 0.14), rgba(0, 139, 210, 0.14));
color: #008bd2;
font-size: 22px;
font-weight: 800;
letter-spacing: 0.3px;
}
.preparat-card p {
margin: 0;
color: #333;
font-size: 15px;
line-height: 1.6;
}
.preparat-card details {
margin-top: 20px;
}
.preparat-card summary {
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 8px;
color: #008bd2;
font-weight: 700;
list-style: none;
}
.preparat-card summary::-webkit-details-marker {
display: none;
}
.preparat-card summary::after {
content: "+";
width: 22px;
height: 22px;
border-radius: 50%;
background: linear-gradient(135deg, #35d49b, #008bd2);
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 1;
}
.preparat-card details[open] summary::after {
content: "−";
}
.preparat-more {
margin-top: 18px;
padding-top: 18px;
border-top: 1px solid rgba(0, 139, 210, 0.12);
}
.preparat-more h4 {
margin: 16px 0 6px;
font-size: 16px;
color: #1f1f1f;
}
.preparat-more h4:first-child {
margin-top: 0;
}
@media (max-width: 1024px) {
.preparats-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 680px) {
.preparats-grid {
grid-template-columns: 1fr;
}
.preparats-section h2 {
font-size: 28px;
}
.preparat-card {
padding: 22px;
}
}
.price-section {
margin: 60px 0;
}
.price-section h2 {
margin-bottom: 30px;
font-size: 36px;
color: #1f1f1f;
}
.price-table {
border-radius: 24px;
overflow: hidden;
border: 1px solid rgba(0,139,210,.15);
box-shadow: 0 15px 40px rgba(0,139,210,.08);
background: #fff;
}
.price-row {
display: grid;
grid-template-columns: 2fr 150px 180px;
}
.price-row > div {
padding: 20px 24px;
border-bottom: 1px solid rgba(0,139,210,.08);
}
.price-head > div {
background: linear-gradient(135deg,#35d49b,#008bd2);
color: #fff;
font-weight: 700;
}
.price-row:not(.price-head):hover {
background: rgba(53,212,155,.05);
}
.service-name {
font-weight: 600;
color: #008bd2;
}
.price {
font-weight: 700;
color: #00a56a;
}
@media (max-width:768px){
.price-row,
.price-head{
display:block;
}
.price-head{
display:none;
}
.price-row{
padding:20px;
border-bottom:1px solid #eee;
}
.price-row > div{
border:none;
padding:6px 0;
}
.service-name{
font-size:18px;
margin-bottom:10px;
}
.price{
font-size:20px;
}
}
.zones-section {
margin: 50px 0;
}
.zones-section h2 {
margin-bottom: 28px;
font-size: 34px;
line-height: 1.2;
color: #1f1f1f;
}
.zones-table {
width: 100%;
overflow: hidden;
border-radius: 24px;
border: 1px solid rgba(0, 159, 170, 0.18);
box-shadow: 0 12px 35px rgba(0, 159, 170, 0.10);
background: #ffffff;
}
.zones-row {
display: grid;
grid-template-columns: 1fr 1.5fr 1.4fr 1.5fr;
gap: 0;
}
.zones-row > div {
padding: 22px 24px;
font-size: 15px;
line-height: 1.55;
color: #333;
border-bottom: 1px solid rgba(0, 159, 170, 0.14);
border-right: 1px solid rgba(0, 159, 170, 0.12);
}
.zones-row > div:last-child {
border-right: none;
}
.zones-row:last-child > div {
border-bottom: none;
}
.zones-head > div {
background: linear-gradient(135deg, #35d49b 0%, #008bd2 100%);
color: #ffffff;
font-weight: 700;
font-size: 15px;
}
.zone-name {
font-weight: 700;
color: #008bd2 !important;
background: linear-gradient(135deg, rgba(53, 212, 155, 0.08), rgba(0, 139, 210, 0.08));
}
.zones-row:not(.zones-head):hover {
background: rgba(53, 212, 155, 0.04);
}
@media (max-width: 900px) {
.zones-table {
border-radius: 18px;
}
.zones-row,
.zones-head {
display: block;
}
.zones-head {
display: none;
}
.zones-row {
padding: 20px;
border-bottom: 1px solid rgba(0, 159, 170, 0.16);
}
.zones-row:last-child {
border-bottom: none;
}
.zones-row > div {
padding: 8px 0;
border: none;
}
.zone-name {
margin-bottom: 10px;
font-size: 20px !important;
background: none;
}
}
.problem-card {
display: flex;
align-items: center;
gap: 32px;
}
.problem-card__image {
width: 460px;
}
.problem-card__image img {
max-height: 460px;
object-fit: cover;
border-radius: 24px;
display: block;
}
.problem-card__content {
flex: 1;
}
.problem-card__content h3 {
margin: 0 0 20px;
font-size: 32px;
line-height: 1.2;
}
.problem-card__content h4 {
margin: 24px 0 8px;
font-size: 18px;
}
.problem-card__content p {
margin: 0;
font-size: 16px;
line-height: 1.6;
}
@media (max-width: 768px) {
.problem-card {
flex-direction: column;
align-items: stretch;
}
.problem-card__image {
flex: none;
width: 100%;
height: 100%;
}
.problem-card__content h3 {
font-size: 26px;
}
}
table th, table td {
padding: 10px;
text-align: left!important;
border-width: 0px;
border-style: solid;
vertical-align: middle;
}
.bubble-container1 {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background: linear-gradient(to right, #38c6b3, #1a96e2);
background-size: auto;
}
.gradient-title {
font-size: 24px;
line-height: 32px;
font-weight: 600;
background: linear-gradient(270deg, #fff, #000, #fff);
background-size: 400% 400%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
animation: gradientMove 6s ease infinite;
}
@keyframes gradientMove {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
/* Для мобильных и планшетов — ширина экрана до 1024px */
@media (max-width: 1024px) {
.gradient-title {
font-size: 20px;
line-height: 28px;
font-weight: 600;
background: linear-gradient(270deg, #fff, #000, #fff);
background-size: 400% 400%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
animation: gradientMove 6s ease infinite;
}
}
@keyframes gradientMove {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.list_item .circle {
background-image: none!important;
}
.yrm-toggle-expand {
border: 1px solid #CCC;
width: 120px;
display: inline-block;
cursor: pointer;
vertical-align: middle;
text-align: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
border-radius: 20px !important;
border: 1px solid #efeeec;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
padding: 30px 25px;
font-size: 20px;
font-weight: 600;
color: #2dbabc;
}
#sc_gallery-1 img {
border: 2px solid #cfcfcf;
border-radius: 20px !important;
}
.slider-main.content_slider.carousel .content_slider_ul li img {
margin-bottom: 20px;
opacity: 1 !important;
position: relative;
top: 0;
border-radius: 25px!important;
}
img.rounded {
border-radius: 20px !important;
border: 1px solid #efeeec;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
overflow: hidden;
display: block;
}
.epiacia {
border: 1px solid #2dbabc; /* белая рамка толщиной 1px */
border-radius: 20px !important; /* скругление углов */
background-color: rgba(196, 196, 196, 0.01);
-webkit-backdrop-filter: blur(10px);  
backdrop-filter: blur(10px)  
}
.epiacia1 {
border: 1px solid #2dbabc; /* белая рамка толщиной 1px */
border-radius: 20px !important; /* скругление углов */
background-color: #efeeec;
}
.bubble-container {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background: linear-gradient(to top, #f0f0f0, #ffffff);
}
/* базовый стиль пузыря */
.bubble {
position: absolute;
bottom: 0;
border-radius: 50%;
background: rgba(150, 150, 150, 0.3);
animation: rise linear forwards;
}
/* анимация подъема и исчезновения */
@keyframes rise {
0% {
transform: translateY(0);
opacity: 1;
}
70% {
opacity: 1;
}
100% {
transform: translateY(-300px);
opacity: 0;
}
}
#Subheader {
background-color: #efefef;
}
.hover_color .hover_color_bg {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
border-radius: 20px !important;
}
.hover_color {
text-align: center;
border-color: transparent;
border-radius: 20px!important;
}
.hover_color, .hover_color a, .hover_color a:hover, .hover_color h1 a, .hover_color h2 a, .hover_color h3 a, .hover_color h4 a, .hover_color h5 a, .hover_color h6 a {
color: #000000!important;
border-radius: 20px!important;
}
:root{
--radius: 20px;
--overlay-bg: rgba(0,0,0,0.28);
--text-bg: rgba(0,0,0,0.36);
--accent: #2DBABC;
--transition: 400ms cubic-bezier(.2,.9,.2,1);
}
/* Тёмная полупрозрачная маска поверх изображения (чтобы текст читался) */
.promo-block__mask{
position:absolute;
inset:0;
background:var(--overlay-bg);
pointer-events:none;
transition: background var(--transition);
}
/* Контейнер превью (ссылка) */
.promo-block{
display:block;                     /* чтобы занимать кликабельную область */
position:relative;
width: 100%;                       /* можно менять под сетку */
aspect-ratio:1/1;                  /* квадрат */
overflow:hidden;
border-radius:var(--radius);
text-decoration:none;
-webkit-tap-highlight-color: transparent;
box-shadow: 0 8px 30px rgba(6,18,24,0.08);
transition: transform 220ms ease;
}
/* Фолбэк для браузеров без aspect-ratio */
@supports not (aspect-ratio: 1/1) {
.promo-block{ width:320px; height:320px; }
}
/* Изображение — заполняет контейнер, масштабируется при ховере */
.promo-block__media{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
display:block;
transform-origin:center center;
transition: transform var(--transition), filter var(--transition);
will-change: transform;
}
/* Оверлей с текстом по центру */
.promo-block__content{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
padding:18px;
pointer-events:none; /* чтобы клики шли на ссылку */
}
.promo-block__title{
margin:0;
color: #ffffff;
text-align:center;
max-width:90%;
font-size: 30px;
line-height:1.4;
font-weight:600;
letter-spacing:0.2px;
text-shadow: 0 6px 18px rgba(11,20,20,0.45);
padding:12px 18px;
}
/* Hover / Focus эффекты: масштабируем изображение, подсвечиваем маску и поднимаем блок */
.promo-block:hover .promo-block__media,
.promo-block:focus-within .promo-block__media{
transform: scale(1.08);
filter: saturate(1.05) contrast(1.02);
}
.promo-block:hover,
.promo-block:focus-within{
transform: translateY(-6px);
box-shadow: 0 18px 40px rgba(6,18,24,0.12);
}
.promo-block:hover .promo-block__mask,
.promo-block:focus-within .promo-block__mask{
background: rgba(0,0,0,0.32);
}
/* Красивая фокусная рамка для клавиатурной навигации */
.promo-block:focus-visible{
outline: 3px solid rgba(45,186,188,0.22);
outline-offset: 6px;
}
/* Активное нажатие — ощущение "кнопки" */
.promo-block:active{
transform: translateY(-2px) scale(0.998);
}
/* Адаптив: делать шире на больших экранах */
@media (min-width:900px){
.promo-block{ width:100%; }
.promo-block__title{ font-size: 30px; padding:14px 22px; }
}
/* Адаптив: делать меньше на небольших экранах */
@media (max-width:899px){
.promo-block{ width:100%; }
.promo-block__title{ font-size: 18px; padding:14px 22px; }
}
/* Мелкие улучшения для контрастности текста */
@media (prefers-reduced-motion: reduce) {
.promo-block, .promo-block__media { transition: none; transform: none !important; }
}
/* Контейнер с градиентным фоном: базовый цвет #2DBABC, прозрачность 0.8, осветление вниз */
.grad-box{
/* Градиент: сверху — базовый цвет с alpha 0.8,
снизу — светлая версия (смесь с белым) с той же alpha 0.8 */
background-image: linear-gradient(
to bottom,
rgba(45, 186, 188, 0.6) 0%,
rgba(171, 227, 228, 0.6) 100%
);
/* Рекомендации по стилю контейнера */
padding: 20px;             /* внутренний отступ */ 
box-shadow: 0 6px 18px rgba(3, 18, 18, 0.12); /* лёгкая тень */
backdrop-filter: blur(0);  /* если нужен blur, включите; иначе оставить 0 */
}
.salonkrasoti {
box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);
border-radius: 15px 15px 15px 15px;
background: #f3f4f6 !important;
}
.yrm-content {
display: none;
font-color: #131212 !important;
}
span.wpcf7-form-control-wrap .wpcf7-date, span.wpcf7-form-control-wrap .wpcf7-quiz, span.wpcf7-form-control-wrap .wpcf7-number, span.wpcf7-form-control-wrap .wpcf7-select, span.wpcf7-form-control-wrap .wpcf7-text, span.wpcf7-form-control-wrap .wpcf7-textarea {
width: 100%;
box-sizing: border-box;
margin-bottom: 0;
}
.wpcf7-form .input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
padding: 10px;
outline: none;
margin: 0;
width: 230px;
max-width: 100%;
display: block;
margin-bottom: 20px;
font-size: 14px;
border-width: 1px;
border-style: solid;
border-radius: 0;
box-sizing: border-box;
-webkit-appearance: none;
}
#Header_wrapper, #Intro {
background-color: #ffffff!important;
}
span.wpcf7-form-control-wrap .wpcf7-date,
span.wpcf7-form-control-wrap .wpcf7-quiz,
span.wpcf7-form-control-wrap .wpcf7-number,
span.wpcf7-form-control-wrap .wpcf7-select,
span.wpcf7-form-control-wrap .wpcf7-text,
span.wpcf7-form-control-wrap .wpcf7-textarea {
width: 100%;
box-sizing: border-box;
margin-bottom: 0;
border-radius: 25px !important;
}
.ymaps-layers-pane {
filter: grayscale(1);
-ms-filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
}
.remontchastnogodoma {
box-shadow: 0px 10px 30px rgba(0,0,0,.1);
background: linear-gradient(to bottom, #2dbabc85, #0069b6);
}
.sp-easy-accordion > .sp-ea-single > .sp-collapse > .ea-body p:first-of-type {
padding-top: 0;
margin-top: 0;
text-align: left !important;
}
#sp-ea-64.sp-easy-accordion > .sp-ea-single > .ea-header a {
color: #000;
text-align: left !important;
}
#sp-ea-66.sp-easy-accordion > .sp-ea-single > .ea-header a {
color: #000;
text-align: left !important;
}
#sp-ea-99.sp-easy-accordion > .sp-ea-single > .ea-header a {
color: #000;
text-align: left !important;
}
#sw-app-a269e560a74e63f8378226d9a83fb15d .sw-app-body {
height: 100%;
max-width: 100%;
width: 1820px!important;
margin: 0 auto;
display: flex;
flex-direction: column;
align-content: flex-start;
padding: 0px 0px 0px 0px;
}
#sw-app-a269e560a74e63f8378226d9a83fb15d .sw-review-bottom .sw-swiper-button-next, #sw-app-a269e560a74e63f8378226d9a83fb15d .sw-review-bottom .sw-swiper-button-prev, #sw-app-a269e560a74e63f8378226d9a83fb15d .sw-review-bottom .swiper-pagination {
position: relative;
left: auto;
right: auto;
top: 0;
bottom: 0;
margin: 40px 0 0!important;
margin-right: 0px;
align-items: center;
justify-content: center;
transform: none;
}
.header2 {
background: rgba(0, 0, 0, 0.4);
/* Note: backdrop-filter has minimal browser support */
border-radius: 0px;
-webkit-backdrop-filter: blur(3px);  
backdrop-filter: blur(3px)	
}
a.icon_bar {
color: #fff !important;
font-size: 30px !important;
transition: color 0.3s ease; /* Плавный переход */
}
a.icon_bar:hover {
color: #eaeaea!important;
}
.price-list {
margin: 0px auto;
padding: 0px 10px 10px 10px;
}
.price-item {
display: grid;
grid-template-columns: 3fr 1fr;
gap: 10px;
padding: 20px;
border-bottom: 1px dashed #3a3a3a;
}
.price-item:last-child {
border-bottom: none;
}
.code {
color: #3a3a3a;
}
.price {
text-align: right;
font-weight: bold;
color: #3a3a3a;
}
@media (max-width: 768px) {
.price-item {
grid-template-columns: 1fr;
text-align: left;
}
.price {
text-align: left;
color: #3a3a3a;
}
}
.ui-tabs .ui-tabs-nav li a {
text-decoration: none;
display: block;
font-size: 20px;
font-weight: 600;
padding: 14px 30px !important;
padding-right: 30px;
padding-left: 30px;
}
@media only screen and (min-width: 767px) {
.tabs_vertical.ui-tabs .ui-tabs-panel {
width: 74.7%;
float: left;
min-height: 120px;
-webkit-border-radius: 0 5px 5px 5px !important;
border-radius: 0 5px 5px 5px !important;
background-image: none;
border: 1px solid rgba(0,0,0,.08) !important;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}
}
@media only screen and (min-width: 767px) {
.tabs_vertical.ui-tabs .ui-tabs-nav {
width: 25%;
float: left;
background: none;
-webkit-border-radius: 5px 0 0 5px !important;
border-radius: 5px 0 0 5px !important;
border-width: 1px 0 1px 1px;
}
}
.style-simple .tabs_vertical.ui-tabs .ui-tabs-nav li a {
background: none;
text-align: left;
padding-right: 20px !important;
padding-left: 10px !important;
}
@media screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (min-resolution: 2dppx) {
.mhb-menu .tabletMobile .mobile-menu-toggle {
position: absolute;
right: -60px!important;
top: 50%;
transform: translateY(-50%);
font-size: 50px!important;
display: none;
}
}
.fab {
font-family: 'Font Awesome 5 Brands';
font-weight: 400;
font-size: 24px !important;
}
.style-simple a.icon_bar {
border-width: 0;
background-color: #2dbabc;
background-image: none;
-webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,.0);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
border-radius: 10px !important;
}
.section.has-video .section_video .mask {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 3;
background-color: rgba(0, 0, 0, 0);
background-color: #001f3c85;
}
@media only screen and (max-width: 1024px) {
#Subheader .title {
font-size: 18px;
line-height: 70px;
letter-spacing: 0px;
}
}
.circle1-wrap {
max-width: full;
margin: 0 auto;
overflow: hidden;
}
.circle1-image-right {
float: right;
shape-outside: circle(50%);
clip-path: circle(50%);
width: 350px;
height: 350px;
margin: 0 0 10px 40px;
object-fit: cover;
}
.circle1-text {
font-size: 18px;
}
.circle-wrap {
max-width: full;
margin: 0 auto;
overflow: hidden;
}
.circle-image {
float: left;
shape-outside: circle(50%);
clip-path: circle(50%);
width: 350px;
height: 350px;
margin: 0 40px 10px 0;
object-fit: cover;
}
.circle-text {
font-size: 18px;
}
.zoom_box .desc .desc_txt {
padding: 0 40px;
font-size: 20px;
font-weight: 600;
line-height: 25px;
color: #fff;
}
.zoom_box {
position: relative;
line-height: 0;
overflow: hidden;
display: inline-block;
max-width: 100%;
box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);
border-radius: 15px!important;
}
.marquee-container-reverse {
width: 100%;
overflow: hidden;
padding: 10px 0;
position: relative;
}
.marquee-container-reverse img {
width: 300px;
height: 225px;
object-fit: cover; /* добавлено для корректной обрезки, если нужно */
}
.marquee-wrapper-reverse {
display: flex;
gap: 30px;
width: max-content;
animation: marquee-reverse 80s linear infinite;
will-change: transform;
}
/* Для мобильных и планшетов — ширина экрана до 1024px */
@media (max-width: 1024px) {
.marquee-wrapper-reverse {
display: flex;
gap: 30px;
width: max-content;
animation: marquee-reverse 80s linear infinite;
will-change: transform;
}
}
@keyframes marquee-reverse {
from {
transform: translateX(0%);
}
to {
transform: translateX(-50%);
}
}
.marquee-text img {
filter: grayscale(100%);
transition: filter 0.3s ease;
width: auto;
border-radius: 25px !important;
}
.marquee-text img:hover,
.marquee-text img:active {
filter: grayscale(0%);
}
.marquee-container-reverse:hover .marquee-wrapper-reverse,
.marquee-container-reverse:active .marquee-wrapper-reverse {
animation-play-state: paused;
}
.marquee-container {
width: 100%;
overflow: hidden;
padding: 10px 0;
position: relative;
}
.marquee-wrapper {
display: flex;
gap: 30px;
width: max-content;
animation: marquee 80s linear infinite;
will-change: transform;
}
/* Для мобильных и планшетов — ширина экрана до 1024px */
@media (max-width: 1024px) {
.marquee-wrapper {
display: flex;
gap: 30px;
width: max-content;
animation: marquee 80s linear infinite;
will-change: transform;
}
}
.marquee-text {
flex-shrink: 0;
font-size: 25px;
font-weight: 700;
}
.marquee-text img {
filter: grayscale(100%);
transition: filter 0.3s ease;
/*    max-height: 60px; */
}
.marquee-text img:hover,
.marquee-text img:active {
filter: grayscale(0%);
}
/* Остановка анимации при наведении */
.marquee-container:hover .marquee-wrapper,
.marquee-container:active .marquee-wrapper {
animation-play-state: paused;
}
@keyframes marquee {
from {
transform: translateX(-50%);
}
to {
transform: translateX(0%);
}
}
@media only screen and (min-width: 768px) {
.sticky-white #Top_bar.is-sticky, .sticky-white #Top_bar.is-sticky #menu {
background:
rgba(255, 255, 255, 0.96);
}
}
.styled-text {
border-left: 2px solid #2dbabc;
padding-left: 25px;
}    
.kosmo {
box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);
border-radius: 15px;
background: #2dbabce8;
}
.faq-container {
max-width: 100%;
width: 100%;
}
.faq-item {
background: white;
margin-bottom: 10px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.faq-question {
font-size: 18px;
font-weight: bold;
padding: 15px 20px;
background: #2dbabc;
color: white;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-answer {
padding: 15px 20px;
background: #ffffff;
color: #1d1d1b;
display: none;
border-top: 1px solid #ddd;
}
.faq-question::after {
content: '\25BC';
font-size: 14px;
transition: transform 0.3s;
}
.faq-item.active .faq-question::after {
transform: rotate(180deg);
}
.faq-item.active .faq-answer {
display: block;
}
.tss-wrapper .tss-layout3 .profile-img-wrapper img, .tss-wrapper .tss-isotope1 .profile-img-wrapper img, .tss-wrapper .tss-carousel3 .profile-img-wrapper img {
display: inline-block;
border-radius: 15px!important;
}
.trailer_box {
text-align: center;
position: relative;
line-height: 0;
overflow: hidden;
border-radius: 20px; /* скругление основного контейнера */
}
.style-simple .trailer_box .desc {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 0px 0px 10px 10px !important;
}
@media (min-width: 768px) and (max-width: 1280px) { /* Для планшетов и компьютеров */
.google-map-contact-wrapper .get_in_touch {
width: 260px;
padding: 25px;
position: relative;
border-radius: 20px 20px 20px 20px;
}
}
@media (min-width: 1280px) { /* Для компьютеров */
.google-map-contact-wrapper .get_in_touch {
width: 410px;
padding: 25px;
position: relative;
border-radius: 20px 20px 20px 20px;
}
}
@media (max-width: 768px) { /* Для телефонов */
.google-map-contact-wrapper .get_in_touch {
padding: 25px;
position: relative;
border-radius: 20px 20px 20px 20px;
}
}
@media (min-width: 768px) { /* Для планшетов и компьютеров */
.google-map-wrapper.no_border .google-map, .section.full-width .one .google-map {
border-width: 0;
border-radius: 20px 20px 20px 20px;
}
}
@media (max-width: 768px) { /* Для телефонов */
.google-map-wrapper.no_border .google-map, .section.full-width .one .google-map {
border-width: 0;
border-radius: 20px 20px 20px 20px;
}
}
@media (min-width: 768px) and (max-width: 1280px) {
h4 {
font-size: 18px!important;
line-height: 24px!important;
}
}
.heading-container {
text-align: center;
position: relative;
display: inline-block;
}
.underline {
position: absolute;
bottom: -5px;
left: 50%;
width: 0;
height: 2px;
background: #2dbabc;
transition: width 0.3s ease, left 0.3s ease;
}
.heading-container:hover .underline {
width: 100%;
left: 0;
}
.heading-container1 {
text-align: center;
position: relative;
display: inline-block;
}
.underline1 {
position: absolute;
bottom: -5px;
left: 50%;
width: 0;
height: 2px;
background: #fff;
transition: width 0.3s ease, left 0.3s ease;
}
.heading-container1:hover .underline1 {
width: 100%;
left: 0;
}
.get_in_touch, .get_in_touch a, .get_in_touch h3, .get_in_touch ul, .infobox, .infobox a, .infobox h3, .infobox ul {
color: #000 !important;
}
button-custom
hr.hr_color, .hr_color hr, .hr_dots span {
color: #fff;
background: #2dbabc;
}
.google-map-wrapper {
position: relative;
opacity: 0.9!important;
}
.tss-wrapper .tss-layout3 .item-content-wrapper, .tss-wrapper .tss-isotope1 .item-content-wrapper, .tss-wrapper .tss-video1 .item-content-wrapper, .tss-wrapper .tss-carousel3 .item-content-wrapper {
padding: 20px;
background: #f8f8f8;
position: relative;
border-radius: 20px 20px 20px 20px !important;
}
tss-carousel-main .swiper-pagination-bullet, .tss-carousel .swiper-pagination-bullet {
margin: 0 5px !important;
width: 10px;
height: 10px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #2dbabc !important;
}
.timeline_items > li .desc {
position: relative;
font-size: 18px;
line-height: 26px;
background: url() repeat-y;
}
table th, table td {
padding: 10px;
text-align: center;
border-width: 0px;
border-style: solid;
vertical-align: middle;
}
table {
width: 100%;
border-collapse: collapse;
font-family: Arial, sans-serif;
font-size: 16px;
text-align: left;
border-radius: 10px;
overflow: hidden;
background-color: #fff;
}
th, td {
padding: 12px 15px;
border: 1px solid #ddd;
}
th {
background-color: #2dbabc;
color: white;
font-weight: bold;
text-transform: uppercase;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
tr:hover {
background-color: rgba(255, 112, 41, 0.2);
transition: 0.3s;
}
td {
color: #333;
}
@media (max-width: 768px) {
table {
font-size: 14px;
}
th, td {
padding: 10px;
}
}
.testimonials_slider.single-photo .testimonials_slider_ul li .bq_wrapper {
margin: 0 0% 20px!important;
border-radius: 20px 20px 20px 20px!important;
}
.testimonials_slider .testimonials_slider_ul li .bq_wrapper {
background: rgba(0, 0, 0, 0.02);
padding: 30px 30px 30px 10px!important;
margin-bottom: 20px;
}
.video-wrapper {
position: relative;
width: 100%; /* Видео занимает всю ширину родителя */
max-width: 100%; /* Ограничиваем максимальную ширину */
margin: 0 auto; /* Центрируем видео */
overflow: hidden;
border-radius: 20px; /* Скругленные углы */
display: flex;
align-items: center;
}
.video-wrapper iframe {
width: 100%;
height: auto; /* Высота подстраивается автоматически */
min-height: 200px; /* Минимальная высота для корректного отображения */
aspect-ratio: 16 / 9; /* Задаем начальное соотношение, но оно будет адаптивным */
border: none;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
.quick_fact .number {
font-size: 30px;
line-height: 30px;
}
}
@media (min-width: 768px) { /* Для планшетов и компьютеров */
.quick_fact .number-wrapper {
font-size: 45px!important;
line-height: 45px!important;
}
}
@media (min-width: 768px) { /* Для планшетов и компьютеров */
.quick_fact .number-wrapper .label {
font-size: 50%;
line-height: 100%;
margin-left: 10px;
}
}
@media (max-width: 768px) { /* Для телефонов */
.quick_fact .number-wrapper {
font-size: 25px!important;
line-height: 25px!important;
}
}
@media (max-width: 768px) { /* Для телефонов */
.quick_fact .number-wrapper .label {
font-size: 80%;
line-height: 100%;
margin-left: 10px;
}
}
blockquote {
font-size: 18px;
line-height: 28px;
display: block;
height: auto;
margin: 0 0 35px 25px;
top: 15px;
position: relative;
background: url() repeat-y; 
}
blockquote, blockquote a, blockquote a:hover {
color: #000!important;
}
.mfp-inline p:nth-last-child(2) {
margin-bottom: 15px!important;
}
.price-text {
text-align: right;
}
.poshivodezhd1 {
box-shadow: 0px 10px 30px rgba(0,0,0,.1); 
border-radius:20px 20px 20px 20px;
}
.poshivodezhd22 {
padding: 120px 30px 90px 30px;
background-color: rgba(0, 0, 0, 0.2);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-align: left;
border-radius: 20px 20px 20px 20px;
}
.poshivodezhd2 {
padding: 80px 30px 50px 30px;
background-color: rgba(0, 0, 0, 0.2);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-align: left;
border-radius: 20px 20px 0px 0px;
}
.poshivodezhd3 {
padding: 30px 30px 30px 30px;
background-color: #2dbabc;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-align: right;
border-radius: 0px 0px 20px 20px;
display: flex;
flex-direction: column; /* Размещаем элементы вертикально */
justify-content: flex-end; /* Выравнивание по нижней границе */
}
.styled-background123 {
padding: 0px 20px 0px 20px;
background-color: rgba(196, 196, 196, 0.1);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-align: center;
}
.tss-wrapper .tss-carousel1 .item-content-wrapper, .tss-wrapper .tss-layout1 .item-content-wrapper {
padding: 30px;
background: #f9f9f9;
flex: 3;
position: relative;
border-radius: 20px 20px 20px 20px;
}
.carrental122-wrap {
box-shadow: 0px 10px 30px rgba(0, 0, 0, .1);
border-radius: 20px;
position: relative;
overflow: hidden;
}
.carrental122-wrap::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border: 0 solid transparent;
transition: all 1s ease-in-out;
border-radius: 20px;
}
.carrental122-wrap:hover::before {
width: 100%;
height: 100%;
border-top: 1px solid #2dbabc;
border-right: 1px solid #2dbabc;
border-bottom: 1px solid #2dbabc;
border-left: 1px solid #2dbabc;
border-radius: 20px;
}
#Side_slide .social {
text-align: center;
margin: 0 20px 13px;
font-size: 30px !important;
}
.hover-text-one {
overflow: hidden;
margin: 0;
width: 100%;
list-style: none;
text-align: center;
border-radius:20px 20px 20px 20px;
}
.hover-text-one figure {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden;
background: #465262;
text-align: center;
cursor: pointer;
border-radius:20px 20px 20px 20px;
}
.hover-text-one figure img {
position: relative;
display: block;
min-height: 100%;
opacity: 0.8;
border-radius:20px 20px 20px 20px;
}
.hover-text-one figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.hover-text-one figure figcaption::before,
.hover-text-one figure figcaption::after {
pointer-events: none;
}
.hover-text-one figure figcaption{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hover-text-one figure h3 {
word-spacing: 0.15em;
font-weight: 300;
}
.hover-text-one figure h3 span {
font-weight: 800;
}
.hover-text-one figure h3,
.hover-text-one figure p {
margin: 0;
}
.hover-text-one figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
/* Эффект при наведении */
figure.effect-text-three {
background: #1f232e;
}
figure.effect-text-three img {
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transform: scale(1.1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-text-three:hover img {
opacity: 0.4;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-text-three figcaption {
text-align: left;
}
figure.effect-text-three h3 {
position: relative;
overflow: hidden;
padding: 0.5em 0;
}
figure.effect-text-three h3::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
figure.effect-text-three:hover h3::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-text-three p {
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
figure.effect-text-three:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
@media only screen and (max-width: 1540px) {
.stomatologiyaodintsovo {
white-space: nowrap;
font-size: clamp(26px, 2vw, 26px);
}
}
.map-block{
-moz-border-radius: 15px 15px 15px 15px; /* Firefox */
-webkit-border-radius: 15px 15px 15px 15px; /* Safari, Chrome */
-khtml-border-radius: 15px 15px 15px 15px; /* KHTML */
border-radius: 15px 15px 15px 15px; /* CSS3 */
overflow: hidden;
position: relative;
/* chrome bug fix */
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.beton-cena {
box-shadow: 0px 10px 30px rgba(0,0,0,.1); 
border-radius:15px 15px 15px 15px;
background: #fff!important;
border: 2px solid #2dbabc;
}
.typewriter {
font-family: 'Courier New', Courier, monospace;
font-size: 36px;
color: #333;
overflow: hidden;
white-space: nowrap;
border-right: 3px solid #333;
display: inline-block;
width: 0;
animation: typing steps(var(--steps)) forwards, blink 0.75s step-end var(--blink-cycles);
}
/* Анимация печати */
@keyframes typing {
from {
width: 0;
}
to {
width: 100%;
}
}
/* Анимация мигания курсора */
@keyframes blink {
from, to {
border-color: transparent;
}
50% {
border-color: #333;
}
}
img.small-rotate {
width: 64px;
height: 64px;
animation: swingImage 6s ease-in-out infinite; /* Анимация раскачивания */
}
@keyframes swingImage {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(45deg);
} 
100% {
transform: rotate(0deg);
}
}
h4.name {
position: relative;
display: inline-block;
color: #fff;
}
h4.name:hover::before {
content: "Стоматолог-терапевт, главный врач клиники.";
color: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
h4.name:hover {
color: transparent;
}
.styled-background {
padding: 20px 15px 20px 15px;
background-color: #2dbabc69;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-align: center;
border-radius: 0px 0px 15px 15px!important;
}
.counter {
padding: 20px;
text-align: center;
position: relative;
background-image: none !important;
}
.counter .desc_wrapper .title {
font-size: 18px;
line-height: 20px;
margin: 0;
}
.counter .desc_wrapper .number-wrapper, .chart_box .chart .num, .chart_box .chart .icon, .style-simple .quick_fact .number-wrapper, #edd_checkout_cart .edd_cart_header_row th {
color: #2dbabc;
}
.counter .desc_wrapper .number-wrapper {
font-size: 50px;
line-height: 50px;
margin-bottom: 30px;
}
.unique-section img.scale-with-grid, 
.unique-section #Content img {
max-width: 100%;
height: auto;
border-radius: 15px !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important;
}
.unique-section1 img.scale-with-grid, 
.unique-section1 #Content img {
max-width: 100%;
height: auto;
border-radius: 15px !important;
}
.unique-section2 {
border-radius: 15px !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important;
}
.button-custom .button {
color: #fff;
background-color: #2dbabc;
border-color: transparent;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.action_button {
background-color: #2dbabc;
color: #fff!important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)!important;
}
.helper .helper_content .item {
padding: 0 20px 20px;
overflow: hidden;
display: none;
color: #000000!important;
}
.helper .helper_header .title {
margin: 0;
line-height: 35px !important;
}
.helper {
background: #fff;
border-radius: 15px !important;
box-shadow: 0px 0px 20px rgba(130, 130, 130, 0.35);
}
.helper .helper_header {
padding: 20px 70px 20px 20px!important;
position: relative;
min-height: 15px;
}
.helper .helper_header .links a.link {
color: #ea660d!important;
background: #fff;
font-size: 30px;
}
.helper .helper_header .links {
position: absolute;
right: 15px!important;
top: 9px;
}
.snow-background1 {
position: relative;
height: 170px;
}
.snow-container1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
}
.snowflake1 {
position: absolute;
top: -20px;
font-size: 30px;
color: #fff;
animation: fall linear infinite;
}
.snowflake1:nth-child(1) {
left: 10px;
animation-duration: 3s;
animation-delay: 0s;
}
.snowflake1:nth-child(2) {
left: 40px;
animation-duration: 2.5s;
animation-delay: 1s;
}
.snowflake1:nth-child(3) {
left: 70px;
animation-duration: 3.5s;
animation-delay: 2s;
}
.snowflake1:nth-child(4) {
left: 100px;
animation-duration: 3s;
animation-delay: 1.5s;
}
.snowflake1:nth-child(5) {
left: 130px;
animation-duration: 2s;
animation-delay: 0.5s;
}
@keyframes fall {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(150px);
opacity: 0;
}
}
.text-content {
position: relative;
z-index: 1;
padding: 60px 0px 0px 0px;
}
.divider {
background: #2dbabc;
width: 120px;
height: 4px;
margin: 10px auto;
border-radius: 2px;
}
.snow-background {
position: relative;
height: 170px;
}
.snow-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
pointer-events: none;
}
.snowflake {
position: absolute;
top: -20px;
font-size: 30px;
color: #2dbabc;
animation: fall linear infinite;
}
.snowflake:nth-child(1) {
left: 10px;
animation-duration: 3s;
animation-delay: 0s;
}
.snowflake:nth-child(2) {
left: 40px;
animation-duration: 2.5s;
animation-delay: 1s;
}
.snowflake:nth-child(3) {
left: 70px;
animation-duration: 3.5s;
animation-delay: 2s;
}
.snowflake:nth-child(4) {
left: 100px;
animation-duration: 3s;
animation-delay: 1.5s;
}
.snowflake:nth-child(5) {
left: 130px;
animation-duration: 2s;
animation-delay: 0.5s;
}
@keyframes fall {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(150px);
opacity: 0;
}
}
.text-content {
position: relative;
z-index: 1;
padding: 60px 0px 0px 0px;
}
@media only screen and (max-width: 800px) {
#Top_bar a.responsive-menu-toggle {
display: block;
right: 40px;
}
}
#Top_bar a.responsive-menu-toggle i {
font-size: 42px !important;
line-height: 38px;
}
.fancybox-title-over {
display: none!important;
}
.grey-image {
filter: grayscale(0); /* Цветное изображение при наведении */  
}
.grey-image:hover {
filter: grayscale(1); /* Черно-белый фильтр для изображения */
transition: 1s; /* Время изменения цвета изображения */ 
}
.gs_logo_single img {
background-color: #fff;
box-shadow: 2px 2px 6px #b6b6b6;
border: 1px solid #ffad1a;
border-radius: 0px;
}
body:not(.template-slider) #Header {
min-height: 0px!important;
}
.helper .helper_header .title {
margin: 0;
line-height: 25px!important;
}
.helper .helper_header {
padding: 15px 50px 15px 20px!important;
position: relative;
min-height: 15px;
}
.fon {
/* фон */
background: #FAFAFA;
/* тени */
box-shadow: 0px 0px 20px rgba(130, 130, 130, 0.35);
border-radius: 25px;
}
.carrental12-wrap {
box-shadow: 0px 10px 30px rgba(0,0,0,.1); 
border-radius:25px 25px 25px 25px;
background: #fff!important;
}
.mfp-inline {
display: block!important;
position: relative;
background: #FFF;
padding: 25px 30px;
width: auto;
max-width: 500px;
margin: 20px auto;
border-radius: 25px 25px 25px 25px;
}
.carrental2-wrap {
box-shadow: 0px 10px 30px rgba(0,0,0,.1); 
border-radius:25px 25px 25px 25px;
background: #fff!important;
border: 2px solid #ffad1a;
}
.beton-cena1 {
box-shadow: 0px 10px 30px rgba(0,0,0,.1); 
border-radius:25px 25px 25px 25px;
background: #fff!important;
border: 2px solid #000;
}
#Top_bar .menu li ul li {
padding: 0;
width: 230px;
position: relative;
font-weight: 400;
}
.header5 {
padding: 40px 6% 25px;
}
#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {
color: rgb(0 0 0);
}
.header4 {
background: #FFFFFF;
border-radius: 6px solid #ffad1a;;
}
.header3 {
background: #FFFFFF;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
border-radius: 6px;
}
.header1 {
background-color: rgba(196, 196, 196, 0.01);
border-radius: 25px;  
-webkit-backdrop-filter: blur(10px);  
backdrop-filter: blur(10px)
}
.woocommerce ul.products li.product { border: 1px solid #dbdfe4; text-align: center; border-radius: 10px; overflow: hidden; box-sizing: border-box; }
.shop_slider .shop_slider_ul li { text-align: center; }
.shop_slider .shop_slider_ul li .item_wrapper .desc { background: transparent; }
.computershop-monthly-specials { border-radius: 10px 0 0 10px; }
.computershop-discount { border-radius: 0 10px 10px 0; }
.grecaptcha-badge {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.button-custom .button span {
display: inline-block;
max-width: 100%;
white-space: nowrap;
font-size: clamp(12px, 2vw, 16px); /* Адаптивный размер шрифта */
}
.button-custom .button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 240px;
height: 60px;
padding: 0 35px;
border-radius: 999px;
background: linear-gradient(135deg, #35d49b, #008bd2);
color: #fff;
text-decoration: none;
font-size: 18px;
font-weight: 700;
transition: .3s ease;
box-shadow: 0 12px 30px rgba(0,0,0,.12);
}


/* Обычный */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: normal;
font-weight: normal;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-Roman.woff') format('woff'),
}
/* Курсив */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: italic;
font-weight: normal;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-Roman.woff') format('woff'),
}
/* Жирный */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: normal;
font-weight: bold;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-Bold.woff') format('woff'),
}
/* Жирный Курсив */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: italic;
font-weight: bold;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-BoldItalic.woff') format('woff'),
}
/* UltraLight */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: normal;
font-weight: 100;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-UltraLight.woff') format('woff'),
}
/* UltraLightItalic */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: italic;
font-weight: 100;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-UltraLightItalic.woff') format('woff'),
}
/* Thin */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: normal;
font-weight: 200;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-Thin.woff') format('woff'),
}
/* ThinItalic */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: italic;
font-weight: 200;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-ThinItalic.woff') format('woff'),
}
/* Light */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: normal;
font-weight: 300;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-Light.woff') format('woff'),
}
/* LightItalic */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: italic;
font-weight: 300;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-LightItalic.woff') format('woff'),
}
/* Medium */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: normal;
font-weight: 500;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-Medium.woff') format('woff'),
}
/* MediumItalic */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: italic;
font-weight: 500;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-MediumItalic.woff') format('woff'),
}
/* Heavy */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: normal;
font-weight: 800;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-Heavy.woff') format('woff'),
}
/* HeavyItalic */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: italic;
font-weight: 800;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-HeavyItalic.woff') format('woff'),
}
/* Black */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: normal;
font-weight: 900;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-Black.woff') format('woff'),
}
/* BlackItalic */
@font-face {
font-family: 'HelveticaNeueCyr';
font-style: italic;
font-weight: 900;
src: local('HelveticaNeueCyr'),
url('/wp-content/uploads/font/HelveticaNeueCyr-BlackItalic.woff') format('woff'),
}
/*----------------------- Пример стиля для заголовка H1
h1 {
font-family: 'HelveticaNeueCyr'; 
font-weight: 700; font-style: normal; font-size: 30px;
}
Пример стиля для заголовка H1 ---------------------- */
/*-----------------------текстовый абзац
p {
font-family: 'HelveticaNeueCyr'; 
font-weight: 100; font-style: italic; font-size: 10px;
}
--------------------- */
.promo-block.promo-block--premium {
position: relative !important;
display: block !important;
overflow: hidden !important;
width: 100% !important;
min-height: 420px !important;
aspect-ratio: 4 / 3;
border-radius: 28px;
text-decoration: none;
color: #fff;
background: #111;
box-shadow: 0 24px 60px rgba(18, 24, 32, 0.18);
isolation: isolate;
transition: transform 0.45s ease, box-shadow 0.45s ease;
}
.promo-block.promo-block--premium .promo-block__media {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
inset: 0 !important;
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
min-width: 100% !important;
min-height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
transform: scale(1.02);
transition: transform 0.65s ease, filter 0.65s ease;
z-index: 1;
}
.promo-block.promo-block--premium .promo-block__mask {
position: absolute !important;
inset: 0 !important;
z-index: 2;
background:
radial-gradient(circle at 72% 20%, rgba(255,255,255,0.16), transparent 34%),
linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.35) 46%, rgba(0,0,0,0.78) 100%);
}
.promo-block.promo-block--premium .promo-block__content {
position: relative !important;
z-index: 5;
min-height: 420px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 38px;
}
.promo-block.promo-block--premium::before {
content: "";
position: absolute;
inset: 14px;
border: 1px solid rgba(255, 255, 255, 0.32);
border-radius: 22px;
z-index: 3;
pointer-events: none;
transition: opacity 0.45s ease, transform 0.45s ease;
}
.promo-block.promo-block--premium::after {
content: "";
position: absolute;
left: -20%;
top: -40%;
width: 55%;
height: 180%;
background: linear-gradient(
90deg,
transparent,
rgba(255, 255, 255, 0.22),
transparent
);
transform: rotate(18deg) translateX(-120%);
z-index: 4;
pointer-events: none;
transition: transform 0.75s ease;
}
.promo-block--premium .promo-block__eyebrow {
width: fit-content;
margin-bottom: 14px;
padding: 7px 13px;
border-radius: 999px;
font-size: 12px;
line-height: 1;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.16);
backdrop-filter: blur(12px);
}
.promo-block--premium .promo-block__title {
margin: 0 0 14px;
max-width: 520px;
font-size: clamp(26px, 3vw, 42px);
line-height: 1.08;
font-weight: 500;
letter-spacing: -0.03em;
color: #fff;
}
.promo-block--premium .promo-block__text {
max-width: 460px;
margin: 0 0 24px;
font-size: 16px;
line-height: 1.55;
color: rgba(255, 255, 255, 0.86);
}
.promo-block--premium .promo-block__button {
display: inline-flex;
align-items: center;
gap: 10px;
width: fit-content;
padding: 13px 18px;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
color: #202020;
background: #fff;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
transition: transform 0.35s ease, background 0.35s ease;
}
.promo-block.promo-block--premium:hover {
transform: translateY(-6px);
box-shadow: 0 34px 80px rgba(18, 24, 32, 0.28);
}
.promo-block.promo-block--premium:hover::after {
transform: rotate(18deg) translateX(260%);
}
.promo-block.promo-block--premium:hover .promo-block__media {
transform: scale(1.08);
filter: saturate(1.04) contrast(1.03);
}
@media (max-width: 767px) {
.promo-block.promo-block--premium {
min-height: 360px !important;
aspect-ratio: auto;
border-radius: 22px;
}
.promo-block.promo-block--premium .promo-block__content {
min-height: 360px;
padding: 26px;
}
.promo-block--premium .promo-block__title {
font-size: 28px;
}
.promo-block--premium .promo-block__text {
font-size: 14px;
}
}
.procedure-card {
min-height: 430px !important;
}
.expert-opinion-hero {
position: relative;
align-items: center;
gap: 54px;
padding: 70px 64px;
border-radius: 32px;
background:
radial-gradient(circle at 14% 16%, rgba(123, 158, 126, 0.12), transparent 34%),
linear-gradient(135deg, #ffffff 0%, #f7f9f6 52%, #eef3ef 100%);
border: 1px solid rgba(105, 130, 112, 0.12);
overflow: hidden;
}
.expert-opinion-hero:before {
content: "";
position: absolute;
right: -130px;
top: -150px;
width: 370px;
height: 370px;
border-radius: 50%;
background: rgba(123, 158, 126, 0.10);
pointer-events: none;
}
.expert-opinion-hero:after {
content: "";
position: absolute;
left: 42px;
bottom: 38px;
width: 120px;
height: 1px;
background: linear-gradient(90deg, rgba(123, 158, 126, 0.55), transparent);
pointer-events: none;
}
.expert-opinion-copy {
position: relative;
z-index: 2;
max-width: 660px;
}
.expert-eyebrow {
display: inline-flex;
align-items: center;
margin-bottom: 22px;
padding: 9px 18px;
border: 1px solid rgba(123, 158, 126, 0.28);
border-radius: 999px;
background: rgba(255, 255, 255, 0.82);
color: #5f7f65;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.expert-opinion-copy h1 {
max-width: 630px;
margin: 0;
color: #222827;
font-size: clamp(34px, 4vw, 56px);
line-height: 1.08;
font-weight: 500;
letter-spacing: -0.035em;
}
.expert-lead {
max-width: 610px;
margin: 0;
color: rgba(34, 40, 39, 0.74);
font-size: 18px;
line-height: 1.72;
}
.expert-actions {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.expert-note {
max-width: 430px;
color: rgba(34, 40, 39, 0.56);
font-size: 14px;
line-height: 1.5;
}
.expert-opinion-side {
position: relative;
z-index: 2;
display: flex;
justify-content: flex-end;
}
.expert-profile-card {
width: 100%;
max-width: 430px;
padding: 16px;
border: 1px solid rgba(105, 130, 112, 0.14);
border-radius: 32px;
background: rgba(255, 255, 255, 0.84);
box-shadow: 0 26px 70px rgba(45, 60, 54, 0.12);
backdrop-filter: blur(10px);
}
.expert-photo-wrap {
position: relative;
overflow: hidden;
border-radius: 26px;
background: #f1f4f1;
}
.expert-photo-wrap img {
display: block;
width: 100%;
height: 440px;
object-fit: cover;
object-position: center top;
}
.expert-profile-content {
padding: 26px 18px 14px;
text-align: left;
}
.expert-position {
display: inline-flex;
margin-bottom: 12px;
padding: 7px 14px;
border-radius: 999px;
background: rgba(123, 158, 126, 0.12);
color: #5f7f65;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.expert-profile-content h3 {
margin: 0;
color: #222827;
font-size: 26px;
line-height: 1.18;
font-weight: 500;
letter-spacing: -0.02em;
}
.expert-divider {
width: 100%;
height: 1px;
margin: 22px 0;
background: linear-gradient(90deg, rgba(123, 158, 126, 0.34), transparent);
}
.expert-regalia {
display: grid;
gap: 11px;
}
.expert-regalia span {
position: relative;
display: block;
padding-left: 20px;
color: rgba(34, 40, 39, 0.72);
font-size: 15px;
line-height: 1.45;
}
.expert-regalia span:before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #7b9e7e;
}
@media (max-width: 959px) {
.expert-opinion-hero {
padding: 46px 28px;
gap: 36px;
}
.expert-opinion-side {
justify-content: flex-start;
}
.expert-profile-card {
max-width: 100%;
}
.expert-photo-wrap img {
height: 380px;
}
}
@media (max-width: 767px) {
.expert-opinion-hero {
padding: 36px 20px;
border-radius: 24px;
}
.expert-opinion-copy h1 {
font-size: 34px;
}
.expert-lead {
font-size: 16px;
}
.expert-photo-wrap img {
height: 340px;
}
}
.expert-questions-premium {
padding: 80px 0;
}
.expert-questions-head {
max-width: 860px;
margin: 0 auto 46px;
text-align: center;
}
.expert-questions-label {
display: inline-flex;
margin-bottom: 18px;
padding: 9px 18px;
border-radius: 999px;
border: 1px solid rgba(123, 158, 126, 0.26);
background: rgba(247, 249, 246, 0.95);
color: #5f7f65;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.expert-questions-head h2 {
margin: 0 0 18px;
color: #222827;
font-size: clamp(32px, 3.4vw, 48px);
line-height: 1.12;
font-weight: 500;
letter-spacing: -0.03em;
}
.expert-questions-head p {
max-width: 680px;
margin: 0 auto;
color: rgba(34, 40, 39, 0.64);
font-size: 17px;
line-height: 1.7;
}
.expert-questions-list {
display: grid;
gap: 28px;
}
.expert-question-card {
position: relative;
padding: 44px 48px;
border-radius: 30px;
border: 1px solid rgba(105, 130, 112, 0.14);
background:
linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(248,250,248,0.98) 58%, rgba(241,245,242,0.98) 100%);
box-shadow: 0 24px 70px rgba(45, 60, 54, 0.08);
overflow: hidden;
}
.expert-question-card:before {
content: "";
position: absolute;
right: -90px;
top: -90px;
width: 240px;
height: 240px;
border-radius: 50%;
background: rgba(123, 158, 126, 0.08);
pointer-events: none;
}
.expert-question-card:after {
content: "”";
position: absolute;
right: 38px;
bottom: -24px;
color: rgba(123, 158, 126, 0.10);
font-family: Georgia, serif;
font-size: 190px;
line-height: 1;
pointer-events: none;
}
.expert-question-top {
position: relative;
z-index: 2;
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 24px;
}
.expert-question-num {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 58px;
height: 42px;
border-radius: 999px;
background: #ffffff;
border: 1px solid rgba(123, 158, 126, 0.24);
color: #5f7f65;
font-size: 15px;
font-weight: 600;
box-shadow: 0 10px 26px rgba(45, 60, 54, 0.06);
}
.expert-question-tag {
display: inline-flex;
align-items: center;
min-height: 42px;
padding: 0 16px;
border-radius: 999px;
background: rgba(123, 158, 126, 0.09);
color: #5f7f65;
font-size: 13px;
font-weight: 600;
}
.expert-question-card h2 {
position: relative;
z-index: 2;
max-width: 980px;
margin: 0 0 28px;
color: #222827;
font-size: clamp(24px, 2.35vw, 34px);
line-height: 1.22;
font-weight: 500;
letter-spacing: -0.025em;
}
.expert-answer {
position: relative;
z-index: 2;
max-width: 940px;
padding: 28px 30px;
border-radius: 22px;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(105, 130, 112, 0.12);
}
.expert-answer p {
margin: 0;
color: rgba(34, 40, 39, 0.76);
font-size: 17px;
line-height: 1.78;
}
.expert-answer p + p {
margin-top: 16px;
}
.expert-signature {
position: relative;
z-index: 2;
display: grid;
gap: 6px;
margin-top: 26px;
padding-left: 22px;
border-left: 3px solid rgba(123, 158, 126, 0.42);
}
.expert-signature strong {
color: #222827;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
.expert-signature span {
max-width: 720px;
color: rgba(34, 40, 39, 0.58);
font-size: 14px;
line-height: 1.55;
}
@media (max-width: 767px) {
.expert-questions-premium {
padding: 52px 0;
}
.expert-questions-head {
margin-bottom: 30px;
text-align: left;
}
.expert-question-card {
padding: 30px 22px;
border-radius: 24px;
}
.expert-question-top {
flex-wrap: wrap;
gap: 10px;
}
.expert-answer {
padding: 22px 20px;
border-radius: 18px;
}
.expert-answer p {
font-size: 16px;
}
.expert-question-card:after {
display: none;
}
}
.equipment-hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
align-items: center;
gap: 56px;
padding: 72px 64px;
border-radius: 32px;
background:
radial-gradient(circle at 12% 16%, rgba(123, 158, 126, 0.13), transparent 34%),
radial-gradient(circle at 92% 12%, rgba(123, 158, 126, 0.10), transparent 30%),
linear-gradient(135deg, #ffffff 0%, #f7f9f6 52%, #eef3ef 100%);
border: 1px solid rgba(105, 130, 112, 0.12);
overflow: hidden;
}
.equipment-hero:before {
content: "";
position: absolute;
right: -120px;
top: -140px;
width: 360px;
height: 360px;
border-radius: 50%;
background: rgba(123, 158, 126, 0.10);
pointer-events: none;
}
.equipment-hero:after {
content: "";
position: absolute;
left: 46px;
bottom: 40px;
width: 130px;
height: 1px;
background: linear-gradient(90deg, rgba(123, 158, 126, 0.55), transparent);
pointer-events: none;
}
.equipment-hero__content {
position: relative;
z-index: 2;
max-width: 680px;
}
.equipment-hero__badge {
display: inline-flex;
align-items: center;
margin-bottom: 22px;
padding: 9px 18px;
border: 1px solid rgba(123, 158, 126, 0.28);
border-radius: 999px;
background: rgba(255, 255, 255, 0.82);
color: #5f7f65;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.equipment-hero__content h1 {
max-width: 650px;
margin: 0;
color: #222827;
font-size: clamp(36px, 4vw, 58px);
line-height: 1.08;
font-weight: 500;
letter-spacing: -0.035em;
}
.equipment-hero__lead {
max-width: 620px;
margin: 0;
color: rgba(34, 40, 39, 0.74);
font-size: 18px;
line-height: 1.72;
}
.equipment-hero__actions {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.equipment-hero__note {
max-width: 430px;
color: rgba(34, 40, 39, 0.56);
font-size: 14px;
line-height: 1.5;
}
.equipment-hero__visual {
position: relative;
z-index: 2;
}
.equipment-device-card {
position: relative;
padding: 16px;
border-radius: 32px;
border: 1px solid rgba(105, 130, 112, 0.14);
background: rgba(255, 255, 255, 0.86);
box-shadow: 0 28px 70px rgba(45, 60, 54, 0.12);
backdrop-filter: blur(10px);
}
.equipment-device-card__image {
position: relative;
overflow: hidden;
border-radius: 26px;
background: #f1f4f1;
}
.equipment-device-card__image:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 58%, rgba(20, 30, 28, 0.18));
pointer-events: none;
}
.equipment-device-card__image img {
display: block;
width: 100%;
height: 440px;
object-fit: cover;
object-position: center;
}
.equipment-device-card__body {
padding: 26px 18px 16px;
}
.equipment-device-card__label {
display: inline-flex;
margin-bottom: 12px;
padding: 7px 14px;
border-radius: 999px;
background: rgba(123, 158, 126, 0.12);
color: #5f7f65;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.equipment-device-card__body h3 {
margin: 0 0 22px;
color: #222827;
font-size: 26px;
line-height: 1.18;
font-weight: 500;
letter-spacing: -0.02em;
}
.equipment-device-card__features {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
.equipment-device-card__features span {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 13px;
border-radius: 999px;
background: #f6f8f6;
border: 1px solid rgba(105, 130, 112, 0.12);
color: rgba(34, 40, 39, 0.68);
font-size: 13px;
line-height: 1;
}
@media (max-width: 959px) {
.equipment-hero {
grid-template-columns: 1fr;
padding: 46px 28px;
gap: 38px;
}
.equipment-device-card__image img {
height: 390px;
}
}
@media (max-width: 767px) {
.equipment-hero {
padding: 36px 20px;
border-radius: 24px;
}
.equipment-hero__content h1 {
font-size: 34px;
}
.equipment-hero__lead {
font-size: 16px;
}
.equipment-device-card {
border-radius: 24px;
padding: 12px;
}
.equipment-device-card__image {
border-radius: 20px;
}
.equipment-device-card__image img {
height: 320px;
}
.equipment-device-card__body {
padding: 22px 12px 12px;
}
.equipment-device-card__body h3 {
font-size: 22px;
}
}
.equipment-solutions {
padding: 80px 0;
}
.equipment-solutions__head {
max-width: 860px;
margin: 0 auto 44px;
text-align: center;
}
.equipment-solutions__label {
display: inline-flex;
margin-bottom: 18px;
padding: 9px 18px;
border-radius: 999px;
border: 1px solid rgba(123, 158, 126, 0.26);
background: rgba(247, 249, 246, 0.95);
color: #5f7f65;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.equipment-solutions__head h2 {
margin: 0 0 18px;
color: #222827;
font-size: clamp(32px, 3.4vw, 48px);
line-height: 1.12;
font-weight: 500;
letter-spacing: -0.03em;
}
.equipment-solutions__head p {
max-width: 720px;
margin: 0 auto;
color: rgba(34, 40, 39, 0.64);
font-size: 17px;
line-height: 1.72;
}
.equipment-solutions__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.equipment-solution-card {
position: relative;
min-height: 100%;
padding: 34px 30px;
border-radius: 28px;
border: 1px solid rgba(105, 130, 112, 0.13);
background:
radial-gradient(circle at 90% 0%, rgba(123, 158, 126, 0.10), transparent 32%),
linear-gradient(135deg, #ffffff 0%, #f8faf8 58%, #f1f5f2 100%);
box-shadow: 0 22px 58px rgba(45, 60, 54, 0.07);
overflow: hidden;
}
.equipment-solution-card:before {
content: "";
position: absolute;
right: -80px;
top: -80px;
width: 180px;
height: 180px;
border-radius: 50%;
background: rgba(123, 158, 126, 0.08);
pointer-events: none;
}
.equipment-solution-card__top {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-bottom: 28px;
}
.equipment-solution-card__top span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 56px;
height: 40px;
border-radius: 999px;
border: 1px solid rgba(123, 158, 126, 0.24);
background: #ffffff;
color: #5f7f65;
font-size: 14px;
font-weight: 600;
box-shadow: 0 10px 26px rgba(45, 60, 54, 0.06);
}
.equipment-solution-card__top small {
color: rgba(34, 40, 39, 0.46);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.equipment-solution-card h3 {
position: relative;
z-index: 2;
margin: 0 0 14px;
color: #222827;
font-size: 25px;
line-height: 1.18;
font-weight: 500;
letter-spacing: -0.025em;
}
.equipment-solution-card p {
position: relative;
z-index: 2;
margin: 0;
color: rgba(34, 40, 39, 0.66);
font-size: 15.5px;
line-height: 1.7;
}
.equipment-solution-card__result {
position: relative;
z-index: 2;
display: grid;
gap: 7px;
margin-top: 26px;
padding: 18px 18px;
border-radius: 18px;
background: rgba(255, 255, 255, 0.74);
border: 1px solid rgba(105, 130, 112, 0.12);
}
.equipment-solution-card__result strong {
color: #222827;
font-size: 14px;
font-weight: 600;
}
.equipment-solution-card__result span {
color: rgba(34, 40, 39, 0.62);
font-size: 14px;
line-height: 1.5;
}
.equipment-solutions__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
margin-top: 28px;
padding: 32px 36px;
border-radius: 28px;
border: 1px solid rgba(105, 130, 112, 0.13);
background:
linear-gradient(135deg, #f8faf8 0%, #eef3ef 100%);
}
.equipment-solutions__footer h3 {
margin: 0 0 8px;
color: #222827;
font-size: 24px;
line-height: 1.25;
font-weight: 500;
letter-spacing: -0.02em;
}
.equipment-solutions__footer p {
max-width: 700px;
margin: 0;
color: rgba(34, 40, 39, 0.62);
font-size: 15px;
line-height: 1.6;
}
@media (max-width: 959px) {
.equipment-solutions__grid {
grid-template-columns: 1fr;
}
.equipment-solutions__footer {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.equipment-solutions {
padding: 52px 0;
}
.equipment-solutions__head {
margin-bottom: 30px;
text-align: left;
}
.equipment-solution-card {
padding: 28px 22px;
border-radius: 22px;
}
.equipment-solutions__footer {
padding: 26px 22px;
border-radius: 22px;
}
}
.specialist-hero {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
align-items: center;
gap: 56px;
padding: 72px 64px;
border-radius: 32px;
background:
radial-gradient(circle at 12% 16%, rgba(123, 158, 126, 0.13), transparent 34%),
radial-gradient(circle at 92% 12%, rgba(123, 158, 126, 0.10), transparent 30%),
linear-gradient(135deg, #ffffff 0%, #f7f9f6 52%, #eef3ef 100%);
border: 1px solid rgba(105, 130, 112, 0.12);
overflow: hidden;
}
.specialist-hero:before {
content: "";
position: absolute;
right: -120px;
top: -140px;
width: 360px;
height: 360px;
border-radius: 50%;
background: rgba(123, 158, 126, 0.10);
pointer-events: none;
}
.specialist-hero:after {
content: "";
position: absolute;
left: 46px;
bottom: 40px;
width: 130px;
height: 1px;
background: linear-gradient(90deg, rgba(123, 158, 126, 0.55), transparent);
pointer-events: none;
}
.specialist-hero__content {
position: relative;
z-index: 2;
max-width: 680px;
}
.specialist-hero__badge {
display: inline-flex;
align-items: center;
margin-bottom: 22px;
padding: 9px 18px;
border: 1px solid rgba(123, 158, 126, 0.28);
border-radius: 999px;
background: rgba(255, 255, 255, 0.82);
color: #5f7f65;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.specialist-hero__content h1 {
max-width: 650px;
margin: 0;
color: #222827;
font-size: clamp(40px, 4.4vw, 64px);
line-height: 1.06;
font-weight: 500;
letter-spacing: -0.04em;
}
.specialist-hero__lead {
max-width: 620px;
margin: 0;
color: rgba(34, 40, 39, 0.74);
font-size: 18px;
line-height: 1.72;
}
.specialist-hero__actions {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.specialist-hero__note {
max-width: 430px;
color: rgba(34, 40, 39, 0.56);
font-size: 14px;
line-height: 1.5;
}
.specialist-hero__visual {
position: relative;
z-index: 2;
}
.specialist-profile-card {
position: relative;
padding: 16px;
border-radius: 32px;
border: 1px solid rgba(105, 130, 112, 0.14);
background: rgba(255, 255, 255, 0.86);
box-shadow: 0 28px 70px rgba(45, 60, 54, 0.12);
backdrop-filter: blur(10px);
}
.specialist-profile-card__image {
position: relative;
overflow: hidden;
border-radius: 26px;
background: #f1f4f1;
}
.specialist-profile-card__image:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, transparent 58%, rgba(20, 30, 28, 0.18));
pointer-events: none;
}
.specialist-profile-card__image img {
display: block;
width: 100%;
height: 460px;
object-fit: cover;
object-position: center top;
}
.specialist-profile-card__body {
padding: 26px 18px 16px;
}
.specialist-profile-card__label {
display: inline-flex;
margin-bottom: 12px;
padding: 7px 14px;
border-radius: 999px;
background: rgba(123, 158, 126, 0.12);
color: #5f7f65;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.specialist-profile-card__body h3 {
margin: 0 0 22px;
color: #222827;
font-size: 28px;
line-height: 1.18;
font-weight: 500;
letter-spacing: -0.02em;
}
.specialist-profile-card__features {
display: flex;
flex-wrap: wrap;
gap: 9px;
}
.specialist-profile-card__features span {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 0 13px;
border-radius: 999px;
background: #f6f8f6;
border: 1px solid rgba(105, 130, 112, 0.12);
color: rgba(34, 40, 39, 0.68);
font-size: 13px;
line-height: 1;
}
@media (max-width: 959px) {
.specialist-hero {
grid-template-columns: 1fr;
padding: 46px 28px;
gap: 38px;
}
.specialist-profile-card__image img {
height: 420px;
}
}
@media (max-width: 767px) {
.specialist-hero {
padding: 36px 20px;
border-radius: 24px;
}
.specialist-hero__content h1 {
font-size: 38px;
}
.specialist-hero__lead {
font-size: 16px;
}
.specialist-profile-card {
border-radius: 24px;
padding: 12px;
}
.specialist-profile-card__image {
border-radius: 20px;
}
.specialist-profile-card__image img {
height: 360px;
}
.specialist-profile-card__body {
padding: 22px 12px 12px;
}
.specialist-profile-card__body h3 {
font-size: 24px;
}
}
.specialist-requests {
padding: 80px 0;
}
.specialist-requests__head {
max-width: 860px;
margin: 0 auto 44px;
text-align: center;
}
.specialist-requests__label {
display: inline-flex;
margin-bottom: 18px;
padding: 9px 18px;
border-radius: 999px;
border: 1px solid rgba(123, 158, 126, 0.26);
background: rgba(247, 249, 246, 0.95);
color: #5f7f65;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.specialist-requests__head h2 {
margin: 0 0 18px;
color: #222827;
font-size: clamp(32px, 3.4vw, 48px);
line-height: 1.12;
font-weight: 500;
letter-spacing: -0.03em;
}
.specialist-requests__head p {
max-width: 720px;
margin: 0 auto;
color: rgba(34, 40, 39, 0.64);
font-size: 17px;
line-height: 1.72;
}
.specialist-requests__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.specialist-request-card {
position: relative;
min-height: 100%;
padding: 34px 30px 30px;
border-radius: 28px;
border: 1px solid rgba(105, 130, 112, 0.13);
background:
radial-gradient(circle at 92% 0%, rgba(123, 158, 126, 0.09), transparent 34%),
linear-gradient(135deg, #ffffff 0%, #f8faf8 58%, #f1f5f2 100%);
box-shadow: 0 22px 58px rgba(45, 60, 54, 0.07);
overflow: hidden;
}
.specialist-request-card:before {
content: "";
position: absolute;
right: -76px;
top: -76px;
width: 170px;
height: 170px;
border-radius: 50%;
background: rgba(123, 158, 126, 0.08);
pointer-events: none;
}
.specialist-request-card__num {
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 54px;
height: 38px;
margin-bottom: 24px;
border-radius: 999px;
border: 1px solid rgba(123, 158, 126, 0.24);
background: #ffffff;
color: #5f7f65;
font-size: 14px;
font-weight: 600;
box-shadow: 0 10px 26px rgba(45, 60, 54, 0.06);
}
.specialist-request-card h3 {
position: relative;
z-index: 2;
margin: 0 0 14px;
color: #222827;
font-size: 24px;
line-height: 1.18;
font-weight: 500;
letter-spacing: -0.025em;
}
.specialist-request-card p {
position: relative;
z-index: 2;
margin: 0 0 24px;
color: rgba(34, 40, 39, 0.66);
font-size: 15.5px;
line-height: 1.68;
}
.specialist-request-card span {
position: relative;
z-index: 2;
display: block;
margin-top: auto;
padding: 16px 18px;
border-radius: 18px;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(105, 130, 112, 0.12);
color: rgba(34, 40, 39, 0.72);
font-size: 14px;
line-height: 1.5;
font-weight: 500;
}
.specialist-request-card--accent {
background:
radial-gradient(circle at 92% 0%, rgba(123, 158, 126, 0.16), transparent 36%),
linear-gradient(135deg, #f8faf8 0%, #eef3ef 100%);
}
.specialist-requests__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
margin-top: 28px;
padding: 32px 36px;
border-radius: 28px;
border: 1px solid rgba(105, 130, 112, 0.13);
background:
linear-gradient(135deg, #f8faf8 0%, #eef3ef 100%);
}
.specialist-requests__cta h3 {
margin: 0 0 8px;
color: #222827;
font-size: 24px;
line-height: 1.25;
font-weight: 500;
letter-spacing: -0.02em;
}
.specialist-requests__cta p {
max-width: 700px;
margin: 0;
color: rgba(34, 40, 39, 0.62);
font-size: 15px;
line-height: 1.6;
}
@media (max-width: 959px) {
.specialist-requests__grid {
grid-template-columns: 1fr;
}
.specialist-requests__cta {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.specialist-requests {
padding: 52px 0;
}
.specialist-requests__head {
margin-bottom: 30px;
text-align: left;
}
.specialist-request-card {
padding: 28px 22px;
border-radius: 22px;
}
.specialist-requests__cta {
padding: 26px 22px;
border-radius: 22px;
}
}
.license-gallery-section {
padding: 80px 0;
}
.license-gallery-head {
max-width: 860px;
margin: 0 auto 44px;
text-align: center;
}
.license-gallery-label {
display: inline-flex;
margin-bottom: 18px;
padding: 9px 18px;
border-radius: 999px;
border: 1px solid rgba(123, 158, 126, 0.26);
background: rgba(247, 249, 246, 0.95);
color: #5f7f65;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.license-gallery-head h2 {
margin: 0 0 18px;
color: #222827;
font-size: clamp(32px, 3.4vw, 48px);
line-height: 1.12;
font-weight: 500;
letter-spacing: -0.03em;
}
.license-gallery-head p {
max-width: 720px;
margin: 0 auto;
color: rgba(34, 40, 39, 0.64);
font-size: 17px;
line-height: 1.72;
}
.license-gallery-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px;
}
.license-card {
position: relative;
display: block;
padding: 16px;
border-radius: 30px;
border: 1px solid rgba(105, 130, 112, 0.14);
background:
radial-gradient(circle at 90% 0%, rgba(123, 158, 126, 0.10), transparent 34%),
linear-gradient(135deg, #ffffff 0%, #f8faf8 58%, #f1f5f2 100%);
box-shadow: 0 24px 62px rgba(45, 60, 54, 0.08);
text-decoration: none;
overflow: hidden;
transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.license-card:hover {
transform: translateY(-6px);
border-color: rgba(123, 158, 126, 0.28);
box-shadow: 0 34px 78px rgba(45, 60, 54, 0.13);
}
.license-card__image {
position: relative;
overflow: hidden;
border-radius: 24px;
background: #f1f4f1;
aspect-ratio: 0.72 / 1;
}
.license-card__image:after {
content: "Открыть";
position: absolute;
left: 18px;
bottom: 18px;
z-index: 2;
padding: 9px 15px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.88);
color: #5f7f65;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
opacity: 0;
transform: translateY(8px);
transition: opacity 0.28s ease, transform 0.28s ease;
}
.license-card:hover .license-card__image:after {
opacity: 1;
transform: translateY(0);
}
.license-card__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
transition: transform 0.35s ease, filter 0.35s ease;
}
.license-card:hover .license-card__image img {
transform: scale(1.035);
filter: brightness(0.98);
}
.license-card__body {
display: flex;
align-items: center;
gap: 16px;
padding: 22px 8px 8px;
}
.license-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 54px;
height: 40px;
border-radius: 999px;
border: 1px solid rgba(123, 158, 126, 0.24);
background: #ffffff;
color: #5f7f65;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.06em;
box-shadow: 0 10px 26px rgba(45, 60, 54, 0.06);
}
.license-card__body h3 {
margin: 0 0 4px;
color: #222827;
font-size: 21px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.02em;
}
.license-card__body p {
margin: 0;
color: rgba(34, 40, 39, 0.58);
font-size: 14px;
line-height: 1.4;
}
@media (max-width: 959px) {
.license-gallery-grid {
grid-template-columns: 1fr;
max-width: 560px;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.license-gallery-section {
padding: 52px 0;
}
.license-gallery-head {
margin-bottom: 30px;
text-align: left;
}
.license-gallery-head h2 {
font-size: 32px;
}
.license-gallery-head p {
font-size: 16px;
}
.license-card {
padding: 12px;
border-radius: 24px;
}
.license-card__image {
border-radius: 20px;
}
.license-card__body {
padding: 18px 6px 6px;
}
}
.license-premium-section {
padding: 86px 0;
position: relative;
}
.license-premium-head {
max-width: 880px;
margin: 0 auto 46px;
text-align: center;
}
.license-premium-label {
display: inline-flex;
margin-bottom: 18px;
padding: 9px 18px;
border-radius: 999px;
border: 1px solid rgba(123, 158, 126, 0.26);
background: rgba(247, 249, 246, 0.95);
color: #5f7f65;
font-size: 12px;
line-height: 1;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.license-premium-head h2 {
margin: 0 0 18px;
color: #222827;
font-size: clamp(32px, 3.4vw, 48px);
line-height: 1.12;
font-weight: 500;
letter-spacing: -0.03em;
}
.license-premium-head p {
max-width: 700px;
margin: 0 auto;
color: rgba(34, 40, 39, 0.64);
font-size: 17px;
line-height: 1.72;
}
.license-premium-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
}
.license-premium-card {
display: block;
padding: 16px;
border-radius: 32px;
border: 1px solid rgba(105, 130, 112, 0.14);
background:
radial-gradient(circle at 92% 0%, rgba(123, 158, 126, 0.10), transparent 34%),
linear-gradient(135deg, #ffffff 0%, #f8faf8 58%, #f1f5f2 100%);
box-shadow: 0 24px 62px rgba(45, 60, 54, 0.08);
text-decoration: none;
overflow: hidden;
transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.license-premium-card:hover {
transform: translateY(-6px);
border-color: rgba(123, 158, 126, 0.28);
box-shadow: 0 34px 78px rgba(45, 60, 54, 0.13);
}
.license-premium-card__image {
position: relative;
overflow: hidden;
border-radius: 26px;
background: #f1f4f1;
aspect-ratio: 0.72 / 1;
}
.license-premium-card__image:after {
content: "Открыть";
position: absolute;
left: 18px;
bottom: 18px;
z-index: 2;
padding: 9px 15px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.9);
color: #5f7f65;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
opacity: 0;
transform: translateY(8px);
transition: opacity 0.28s ease, transform 0.28s ease;
}
.license-premium-card:hover .license-premium-card__image:after {
opacity: 1;
transform: translateY(0);
}
.license-premium-card__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
transition: transform 0.35s ease, filter 0.35s ease;
}
.license-premium-card:hover .license-premium-card__image img {
transform: scale(1.035);
filter: brightness(0.98);
}
.license-premium-card__body {
display: flex;
align-items: center;
gap: 16px;
padding: 22px 8px 8px;
}
.license-premium-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 54px;
height: 40px;
border-radius: 999px;
border: 1px solid rgba(123, 158, 126, 0.24);
background: #ffffff;
color: #5f7f65;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.06em;
box-shadow: 0 10px 26px rgba(45, 60, 54, 0.06);
}
.license-premium-card__body h3 {
margin: 0 0 4px;
color: #222827;
font-size: 21px;
line-height: 1.2;
font-weight: 500;
letter-spacing: -0.02em;
}
.license-premium-card__body p {
margin: 0;
color: rgba(34, 40, 39, 0.58);
font-size: 14px;
line-height: 1.4;
}
@media (max-width: 959px) {
.license-premium-grid {
grid-template-columns: 1fr;
max-width: 560px;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.license-premium-section {
padding: 52px 0;
}
.license-premium-head {
margin-bottom: 30px;
text-align: left;
}
.license-premium-head h2 {
font-size: 32px;
}
.license-premium-head p {
font-size: 16px;
}
.license-premium-card {
padding: 12px;
border-radius: 24px;
}
.license-premium-card__image {
border-radius: 20px;
}
.license-premium-card__body {
padding: 18px 6px 6px;
}
}