:root {
--main-font: "Noto Sans", Arial, sans-serif;
--second-font: "Rubik Moonrocks", Arial, sans-serif;
--brown: #c7915c;
--green: #7bb64c;
--yellow: #ffd839;
--gray: #1b1b1b;
--body-bg: #fff;
--t: 0.3s;
--r: 0;
--header-height: 4.1667vw;
--text-color: #604032;
--text-light: #604032;
--text-dark: #604032;
--primary: var(--brown);
--accent: var(--green)
}
.lg-visible, .lg-visible-flex {
display: none !important
}
@media screen and (max-width: 1199px) {
.lg-hidden {
display: none !important
}
.lg-visible {
display: block !important
}
.lg-visible-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
}
.md-visible, .md-visible-flex {
display: none !important
}
@media screen and (max-width: 991px) {
.md-hidden {
display: none !important
}
.md-visible {
display: block !important
}
.md-visible-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
}
.sm-visible, .sm-visible-flex {
display: none !important
}
@media screen and (max-width: 767px) {
.sm-hidden {
display: none !important
}
.sm-visible {
display: block !important
}
.sm-visible-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
}
.xs-visible, .xs-visible-flex, .xs-visible-inline {
display: none !important
}
@media screen and (max-width: 575px) {
.xs-hidden {
display: none !important
}
.xs-visible {
display: block !important
}
.xs-visible-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
.xs-visible-inline {
display: inline !important
}
}
.sub-xs-visible, .sub-xs-visible-flex {
display: none !important
}
@media screen and (max-width: 439px) {
.sub-xs-hidden {
display: none !important
}
.sub-xs-visible {
display: block !important
}
.sub-xs-visible-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
}
@media screen and (max-width: 575px) {
.xs-flex-right {
margin-left: auto
}
}
a[href^=tel] {
white-space: nowrap
}
.no-wrap {
white-space: nowrap
}
*,
:after,
:before {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
body {
position: relative;
background: var(--body-bg)
}
body.overflow {
overflow: hidden
}
body.modal-visible {
overflow: hidden;
height: 100vh
}
body img {
max-width: unset
}
ol,
ul {
list-style: none
}
button {
background: 0 0;
border: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: inherit;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0
}
a,
button {
text-decoration: none;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
border: none
}
figure,
iframe,
picture {
display: block
}
.wrapper {
min-height: 100vh;
position: relative;
overflow: hidden;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.wrapper .page-content {
padding-top: 5.7158vw
}
@media screen and (max-width: 991px) {
.wrapper .page-content {
padding-top: 16.2222vw
}
}
.wrapper .footer {
margin-top: auto
}
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
clip: rect(0 0 0 0);
overflow: hidden
}
html[dir=rtl] .wpcf7 {
direction: rtl !important
}
.container {
width: 100%;
padding: 0 4.1667vw;
margin: 0 auto
}
@media screen and (min-width: 992px) {
.container {
max-width: 78.7368vw;
padding: 0
}
}
body {
font-family: var(--main-font);
color: var(--text-color);
font-size: .9375vw;
line-height: 1.5
}
@media screen and (max-width: 991px) {
body {
font-size: 4.1026vw;
line-height: 1.13
}
}
.page-caption {
font-size: 5.0526vw;
line-height: 1.0416;
margin-bottom: .7895vw;
font-weight: 400;
font-family: var(--second-font);
color: #fff
}
.page-caption strong {
color: #cc9662
}
@media screen and (max-width: 991px) {
.page-caption {
font-size: 10.6111vw;
line-height: 1.15;
margin-bottom: 3.3333vw
}
.page-caption strong {
display: block
}
}
.section-caption {
margin-bottom: 1.8421vw
}
.section-caption.text-center {
text-align: center
}
.section-caption .sc-title {
font-size: 3.7895vw;
line-height: 1;
font-weight: 400;
font-family: var(--second-font);
color: var(--primary)
}
.section-caption .sc-title.white {
color: #fff
}
.section-caption .sc-subtitle {
font-size: .9375vw;
line-height: 1.5;
line-height: 1.67;
letter-spacing: -.02em;
margin-top: 1.6667vw
}
@media screen and (max-width: 991px) {
.section-caption .sc-subtitle {
font-size: 4.1026vw;
line-height: 1.13
}
}
.section-caption.text-center {
text-align: center
}
.section-caption.text-center .sc-icon {
margin-left: auto;
margin-right: auto
}
@media screen and (max-width: 991px) {
.section-caption .sc-title {
font-size: 9.4444vw;
line-height: 1.2
}
}
.tick-list {
display: -ms-grid;
display: grid;
grid-gap: 1.0526vw
}
.tick-list li {
padding-right: 4.8421vw;
position: relative;
padding-top: .6316vw;
font-size: 1.0526vw;
line-height: 1.6;
min-height: 2.6316vw
}
.tick-list li:before {
content: "";
display: block;
width: 2.6316vw;
height: 2.6316vw;
position: absolute;
right: 0;
top: 0;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23FFEFDE'/%3E%3Cpath d='m21.82 39 .45-.5.4-.24.44.25a9.96 9.96 0 0 0 1.64-1.58c.44-.55 1.28-1.98 2.62-4.2l3.07-5.18c1.63-2.76 10.2-14.36 12.13-16.53 4.46-5.08 5.94-6.61 6.54-7.4.54-.7.89-1.24.89-1.63 0-.25-.15-.64-.4-.64-.24 0-.64.2-1.14.54l.4-.89-1.68.99.1-.7c-.1.3-.9 1.1-1.1 1.1-.14 0-.2-.16-.2-.4v-.2l-1.38.7c-.1 0-.2-.06-.2-.2 0-.15.1-.5.2-1-.7.75-1.68 1.59-2.97 2.47-1.73 1.19-8.47 9.63-11.19 14.02-1.83 2.91-2.57 4.64-2.87 4.64-.1 0-.15-.2-.2-.6-.9 2.03-1.68 3.7-2.48 4.94-.79 1.23-1.53 1.88-2.08 1.88-.64 0-1.18-1.24-1.78-3.75a3 3 0 0 0-1.58-2.18l-.15-.05c-.15 0-.35.1-.6.25-.24.15-.4.3-.5.3h-.04l-.9-.3-.78 1.19c-.1.14-.3.2-.45.2-.25 0-.45-.06-.54-.2-.2.69-.45 1.03-.65 1.03-.15 0-.44-.1-.84-.34.35 2.61.64 4.34.94 5.18.6 1.63 1.93 5.33 3.22 7.8l.5.93c.49-.3.64-.34.99-.34l.4.05c.24.1.39.24.39.5l1.14-.55c.2 0 .24.2.24.64Z' fill='%237BB64C'/%3E%3C/svg%3E") no-repeat center center/contain
}
@media screen and (max-width: 991px) {
.tick-list {
grid-gap: 5vw
}
.tick-list li {
padding-right: 12.7778vw;
padding-top: 0;
font-size: 4.4444vw;
line-height: 1.5;
min-height: 9.7222vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.tick-list li:before {
height: 9.7222vw;
width: 9.7222vw;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.header {
position: fixed;
left: 0;
top: 0;
width: 100%;
background: #fff;
z-index: 100
}
.header.sticky {
-webkit-box-shadow: 0 1px 0 #e7e7e7;
box-shadow: 0 1px 0 #e7e7e7
}
.header .header-inner {
padding: 0 2.1053vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.header .header-inner .header-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.5263vw;
padding: 1.1579vw 0
}
.header .header-logos {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.header .header-logos .item {
border-right: 1px solid #e7e7e7;
padding: 1.5789vw 2.5263vw
}
.header .header-logos .item:last-child {
padding-left: 0
}
.header .header-logos .item img {
height: 3.1579vw;
width: auto;
display: block
}
@media screen and (max-width: 991px) {
.header .header-inner {
padding: 0 5vw
}
.header .header-inner .header-right {
gap: 5.8333vw;
padding: 4.1667vw 0
}
.header .header-logos .item {
padding: 4.4444vw 5vw
}
.header .header-logos .item img {
height: 8.0556vw
}
}
.top-nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.8947vw
}
.top-nav > ul > li > a {
font-size: .9474vw;
line-height: 1.4;
color: #360623
}
.top-nav > ul > li > a:focus, .top-nav > ul > li > a:hover {
color: var(--accent)
}
.top-nav > ul > li.menu-item-has-children {
position: relative
}
.top-nav > ul > li.menu-item-has-children > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .2632vw
}
.top-nav > ul > li.menu-item-has-children > a:after {
content: "";
display: block;
width: .5789vw;
height: .3684vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='m1 1 4.5 5L10 1' stroke='%23360623'/%3E%3C/svg%3E") no-repeat center center/contain;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.top-nav > ul > li.menu-item-has-children:hover > a {
color: var(--accent)
}
.top-nav > ul > li.menu-item-has-children:hover > a:after {
rotate: 180deg;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='m1 1 4.5 5L10 1' stroke='%237BB64C'/%3E%3C/svg%3E")
}
.top-nav > ul > li.menu-item-has-children.soon > a {
pointer-events: none
}
.top-nav > ul > li.menu-item-has-children.soon > a:after {
display: none
}
.top-nav > ul > li.menu-item-has-children.soon .sub-menu {
border-radius: .7368vw;
width: 15.6842vw
}
.top-nav > ul > li:hover .sub-menu {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
pointer-events: auto
}
.top-nav > ul > li:hover .top-nav-contacts {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
opacity: 1;
visibility: visible;
pointer-events: auto
}
.top-nav .sub-menu {
position: absolute;
width: 19.6316vw;
right: 0;
top: calc(100% + .4737vw);
background: #edded7;
border-radius: 0 0 .7895vw .7895vw;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(1.5789vw);
-ms-transform: translateY(1.5789vw);
transform: translateY(1.5789vw);
pointer-events: none;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.top-nav .sub-menu:before {
content: "";
display: block;
width: 100%;
height: .4737vw;
background: 0 0;
position: absolute;
left: 0;
bottom: 100%
}
.top-nav .sub-menu li:not(:last-child) {
border-bottom: .1053vw solid #faefea
}
.top-nav .sub-menu li a {
display: block;
padding: .5263vw .9474vw;
font-size: 1.0526vw;
line-height: 1.2;
color: #604032
}
.top-nav .sub-menu li a:focus, .top-nav .sub-menu li a:hover {
color: var(--accent)
}
.top-nav .top-nav-contacts {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 1.5789vw);
-ms-transform: translate(-50%, 1.5789vw);
transform: translate(-50%, 1.5789vw);
top: calc(100% + .4737vw);
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
padding: 1.4737vw 1.9474vw 1.1579vw;
background: #faefea;
border-radius: 0 0 .7895vw .7895vw;
width: 17.0526vw
}
.top-nav .top-nav-contacts:before {
content: "";
display: block;
width: 100%;
height: .4737vw;
background: 0 0;
position: absolute;
left: 0;
bottom: 100%
}
.top-nav .downloads .sub-menu li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .5263vw
}
.top-nav .downloads .sub-menu li a:before {
content: "";
display: block;
width: .7368vw;
height: 1vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 6.5h-4v-6H4v6H0l7 7 7-7Zm-14 9v2h14v-2H0Z' fill='%23604032'/%3E%3C/svg%3E") no-repeat center center/contain;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.top-nav .soon .sub-menu li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0;
padding: .1053vw .5789vw;
pointer-events: none
}
.top-nav .soon .sub-menu li a:before {
content: "";
display: block;
width: .8421vw;
height: .8421vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2a6 6 0 1 0 .01 12.01A6 6 0 0 0 8 2Zm0 11A5 5 0 1 1 8 3a5 5 0 0 1 0 10Z' fill='%23604032'/%3E%3Cpath d='M8 6.85a.5.5 0 0 0-.5.5v3.4c0 .28.22.5.5.5a.5.5 0 0 0 .5-.5v-3.4a.5.5 0 0 0-.5-.5Z' fill='%23604032'/%3E%3Cpath d='M8.01 4.8c-.26-.02-.5.25-.51.52v.08c0 .27.21.47.49.48H8c.27 0 .49-.24.5-.5v-.11c0-.29-.21-.47-.49-.47Z' fill='%23604032'/%3E%3C/svg%3E") no-repeat center center/contain;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.top-nav .contacts .sub-menu {
display: none
}
.top-nav-contacts .block-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1.3684vw;
text-align: center;
font-size: 1.0526vw;
line-height: 1.2;
color: #604032;
direction: ltr
}
.top-nav-contacts .block-item .item-icon {
width: 1.9474vw;
height: 1.9474vw;
border-radius: 50%;
display: block;
margin-bottom: .3158vw
}
.top-nav-contacts .block-item:focus, .top-nav-contacts .block-item:hover {
color: var(--accent)
}
.top-nav-contacts .block-socials {
margin-top: 1.6316vw;
padding-top: 1.2105vw;
border-top: .1053vw solid #dfcac0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: .7895vw
}
.top-nav-contacts .block-socials li a {
display: block
}
.top-nav-contacts .block-socials li a .link-icon {
width: 1.9474vw;
height: 1.9474vw;
border-radius: 50%;
display: block
}
.top-nav-contacts .block-socials li a:focus, .top-nav-contacts .block-socials li a:hover {
scale: 1.1
}
@media screen and (max-width: 991px) {
.top-nav-contacts {
padding-bottom: 5.5556vw
}
.top-nav-contacts .block-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
direction: rtl;
gap: 1.9444vw;
font-size: 4.4444vw;
line-height: 1.5;
margin-bottom: 4.1667vw;
color: #fff
}
.top-nav-contacts .block-item .item-icon {
width: 8.3333vw;
height: 8.3333vw;
margin-bottom: 0
}
.top-nav-contacts .block-socials {
margin-top: 0;
padding-top: 0;
border-top: 0;
gap: 2.2222vw;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.top-nav-contacts .block-socials li a .link-icon {
width: 8.3333vw;
height: 8.3333vw;
background: #fff
}
}
.mobile-top-nav {
background: #311d16;
position: absolute;
left: 0;
top: 100%;
height: calc(100vh - 16.9444vw);
width: 100%;
overflow-y: auto;
overscroll-behavior-y: contain;
opacity: 0;
visibility: hidden;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
pointer-events: none
}
.mobile-top-nav.opened {
visibility: visible;
pointer-events: auto;
opacity: 1
}
@media screen and (min-width: 992px) {
.mobile-top-nav {
display: none
}
}
.mobile-top-nav .nav-inner {
padding: 7.2222vw 4.1667vw 45.8333vw;
position: relative
}
.mobile-top-nav .nav-inner:after {
content: "";
display: block;
width: 19.4444vw;
height: 38.6111vw;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
pointer-events: none;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 139'%3E%3Cpath d='M30.38 72.19h-.27a18.4 18.4 0 0 1-12.77-5.4 18.32 18.32 0 0 1-1.26-24.74 6.34 6.34 0 0 0 .46-7.3 16.06 16.06 0 0 1 8.85-23.6l-3.61-3.6a2.96 2.96 0 1 1 4.19-4.18l1 .99v-1.4a2.96 2.96 0 0 1 5.92 0v1.4l1-1a2.96 2.96 0 1 1 4.2 4.18l-3.42 3.41A16.14 16.14 0 0 1 46.5 26.78a16.01 16.01 0 0 1-2.31 8 6.32 6.32 0 0 0 .5 7.3A18.44 18.44 0 0 1 48.85 54a18.49 18.49 0 0 1-18.48 18.18Zm-6.5-68.67a1.94 1.94 0 0 0-1.38 3.31l4.21 4.21a.5.5 0 0 1-.22.85 15.14 15.14 0 0 0-11.23 14.37c-.04 2.8.7 5.56 2.15 7.96a7.35 7.35 0 0 1-.54 8.47 17.34 17.34 0 0 0-3.96 11.36 17.58 17.58 0 0 0 17.47 17.12 17.43 17.43 0 0 0 13.53-28.46 7.33 7.33 0 0 1-.58-8.46 15 15 0 0 0 2.16-7.49 15.13 15.13 0 0 0-11.93-15.04.5.5 0 0 1-.25-.85l4.05-4.04a1.93 1.93 0 0 0 0-2.75 1.94 1.94 0 0 0-2.76 0l-1.86 1.86a.5.5 0 0 1-.87-.36V2.96a1.95 1.95 0 0 0-3.9 0v2.62a.5.5 0 0 1-.86.36L25.25 4.1a1.94 1.94 0 0 0-1.38-.57Z' fill='%23604032'/%3E%3Cpath d='M30.38 139a.5.5 0 0 1-.51-.5V29.75a.5.5 0 0 1 1.02 0V138.5a.5.5 0 0 1-.51.51Z' fill='%23604032'/%3E%3Cpath d='M30.5 58.57a.5.5 0 0 1-.37-.87l5.03-5.06c.2-.2.52-.2.71 0 .2.19.2.51 0 .7l-5.02 5.08a.5.5 0 0 1-.36.15Z' fill='%23604032'/%3E%3Cpath d='M30.26 58.57a.5.5 0 0 1-.36-.15l-5.08-5.07a.5.5 0 0 1 .72-.72l5.08 5.07a.5.5 0 0 1-.36.87Z' fill='%23604032'/%3E%3Cpath d='M30.5 51.56a.5.5 0 0 1-.37-.86l5.03-5.07c.2-.2.52-.2.72 0 .2.2.2.52 0 .72l-5.03 5.06a.5.5 0 0 1-.36.15Z' fill='%23604032'/%3E%3Cpath d='M30.26 51.56a.5.5 0 0 1-.36-.14l-5.08-5.07a.5.5 0 0 1 0-.72c.2-.2.52-.2.72 0l5.08 5.07a.5.5 0 0 1-.36.86Z' fill='%23604032'/%3E%3Cpath d='M30.5 44.56a.5.5 0 0 1-.37-.86l5.03-5.07c.2-.2.52-.2.71 0 .2.2.2.51 0 .71l-5.02 5.07a.5.5 0 0 1-.36.15Z' fill='%23604032'/%3E%3Cpath d='M30.26 44.56a.5.5 0 0 1-.36-.15l-5.08-5.06a.5.5 0 0 1 0-.72c.2-.2.52-.2.72 0l5.08 5.07a.5.5 0 0 1-.36.86Z' fill='%23604032'/%3E%3Cpath d='M30.5 37.56a.5.5 0 0 1-.37-.87l5.03-5.06c.2-.2.52-.2.71 0 .2.19.2.5 0 .7l-5.02 5.08a.5.5 0 0 1-.36.15Z' fill='%23604032'/%3E%3Cpath d='M30.26 37.56a.5.5 0 0 1-.36-.15l-5.08-5.07a.5.5 0 0 1 0-.72c.2-.2.52-.2.72 0l5.08 5.07a.5.5 0 0 1-.36.87Z' fill='%23604032'/%3E%3Cpath d='M5.01 101.29h.28l14.74-.84a4.99 4.99 0 0 0 3.06-8.72 4.99 4.99 0 0 0-3.62-1.26l-14.74.83a4.99 4.99 0 0 0 .28 9.99Zm.23-.94a4.08 4.08 0 1 1-.46-8.12l14.74-.83a4.06 4.06 0 1 1 .46 8.12l-14.74.83Zm-.21-2.69h.05l14.74-.83a1.37 1.37 0 0 0-.14-2.74h-.01l-14.73.83a1.37 1.37 0 0 0 .09 2.74Zm14.7-2.64a.44.44 0 0 1 .44.43c.01.23-.17.43-.4.45l-14.73.83a.43.43 0 0 1-.31-.12.44.44 0 0 1 .27-.76l14.72-.83h.01Z' fill='%23604032'/%3E%3Cpath d='M6.88 112.9c1.67-.09 6.27-3.38 6.27-3.38s-4.94-2.76-6.62-2.66a3.03 3.03 0 1 0 .35 6.05Z' fill='%23CC9662'/%3E%3Cpath d='M19.77 112.19c-1.68.09-6.62-2.67-6.62-2.67s4.6-3.3 6.28-3.39a3.04 3.04 0 1 1 .46 6.05h-.12Z' fill='%23CC9662'/%3E%3Cpath d='M14.77 138.67h.03a.47.47 0 0 0 .44-.5l-2.14-37.8a.47.47 0 0 0-.93.06l2.13 37.8c.02.25.22.44.47.44Z' fill='%23604032'/%3E%3Cpath d='M49.86 108.85c-7.83 0-14.2-6.35-14.2-14.15 0-7.8 6.37-14.14 14.2-14.14 7.82 0 14.2 6.35 14.2 14.14 0 7.8-6.38 14.15-14.2 14.15Zm0-27.21A13.1 13.1 0 0 0 36.74 94.7a13.1 13.1 0 0 0 13.12 13.07A13.1 13.1 0 0 0 62.97 94.7a13.1 13.1 0 0 0-13.11-13.06Z' fill='%23604032'/%3E%3Cpath d='M49.86 138.67a.54.54 0 0 1-.54-.54V94.7a.54.54 0 0 1 1.08 0v43.43c0 .3-.25.54-.54.54Z' fill='%23604032'/%3E%3Cpath d='m59.92 69.28 1.89-.32a1.58 1.58 0 0 1 1.78 2.02l-1.54 5.08-3.14-4.28a1.58 1.58 0 0 1 1.01-2.5Z' fill='%237BB64C'/%3E%3Cpath d='m68.82 73.93.32 1.88a1.58 1.58 0 0 1-2.01 1.78l-5.08-1.53 4.28-3.14a1.58 1.58 0 0 1 2.5 1Z' fill='%237BB64C'/%3E%3C/svg%3E") no-repeat center bottom/contain
}
.mobile-top-nav .nav-inner > ul > li {
border-bottom: 1px solid #604032
}
.mobile-top-nav .nav-inner > ul > li > a {
padding: 3.8889vw 0;
display: block;
font-size: 5vw;
line-height: 1.38;
color: #fff
}
.mobile-top-nav .nav-inner > ul > li.menu-item-has-children {
position: relative
}
.mobile-top-nav .nav-inner > ul > li.menu-item-has-children > a {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.mobile-top-nav .nav-inner > ul > li.menu-item-has-children:after {
content: "";
display: block;
width: 3.0556vw;
height: 1.9444vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='m1 1 4.5 5L10 1' stroke='%23fff'/%3E%3C/svg%3E") no-repeat center center/contain;
position: absolute;
top: 6.6667vw;
left: 0;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.mobile-top-nav .nav-inner > ul > li.menu-item-has-children.soon:after {
display: none
}
.mobile-top-nav .nav-inner > ul > li.menu-item-has-children.opened:after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='m1 1 4.5 5L10 1' stroke='%237BB64C'/%3E%3C/svg%3E") no-repeat center center/contain
}
.mobile-top-nav .nav-inner .sub-menu, .mobile-top-nav .nav-inner .top-nav-contacts {
display: none
}
.mobile-top-nav .nav-inner .contacts .sub-menu {
display: none !important
}
.mobile-top-nav .nav-inner .downloads .sub-menu {
padding-bottom: 5px
}
.mobile-top-nav .nav-inner .downloads .sub-menu li:not(:last-child) {
border-bottom: 1px solid #dfcac0
}
.mobile-top-nav .nav-inner .downloads .sub-menu li a {
font-size: 4.4444vw;
line-height: 5.2778vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4.1667vw 0;
gap: 2.7778vw;
color: #fff
}
.mobile-top-nav .nav-inner .downloads .sub-menu li a:before {
content: "";
display: block;
width: 3.8889vw;
height: 5.2778vw;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 6.5h-4v-6H4v6H0l7 7 7-7Zm-14 9v2h14v-2H0Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center/contain
}
.mobile-top-nav .nav-inner .soon .sub-menu {
position: absolute;
right: 0;
top: 100%
}
.mobile-top-nav .nav-inner .soon .sub-menu li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .5556vw;
padding: .8333vw 2.2222vw;
pointer-events: none;
font-size: 4.4444vw;
line-height: 1;
color: #604032;
background: #faefea;
border-radius: 3.3333vw
}
.mobile-top-nav .nav-inner .soon .sub-menu li a:before {
content: "";
display: block;
width: 4.7222vw;
height: 4.7222vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2a6 6 0 1 0 .01 12.01A6 6 0 0 0 8 2Zm0 11A5 5 0 1 1 8 3a5 5 0 0 1 0 10Z' fill='%23604032'/%3E%3Cpath d='M8 6.85a.5.5 0 0 0-.5.5v3.4c0 .28.22.5.5.5a.5.5 0 0 0 .5-.5v-3.4a.5.5 0 0 0-.5-.5Z' fill='%23604032'/%3E%3Cpath d='M8.01 4.8c-.26-.02-.5.25-.51.52v.08c0 .27.21.47.49.48H8c.27 0 .49-.24.5-.5v-.11c0-.29-.21-.47-.49-.47Z' fill='%23604032'/%3E%3C/svg%3E") no-repeat center center/contain;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
z-index: 20;
padding-bottom: 2.5263vw
}
.footer .footer-logos {
margin-right: 38.1579vw;
width: 16.8421vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1.7895vw
}
.footer .footer-logos .item {
display: block
}
.footer .footer-logos .item img {
height: 2.4211vw;
width: auto;
display: block;
max-width: 100%
}
@media screen and (max-width: 991px) {
.footer {
padding-bottom: 21.6667vw
}
.footer .footer-logos {
margin-right: 59.7222vw;
width: 29.7222vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2.2222vw
}
.footer .footer-logos .item img {
height: 8.6111vw
}
}
.whatsapp-link {
position: fixed;
left: 2.1053vw;
bottom: 2.1053vw;
width: 6.4063vw;
height: 6.4063vw;
border-radius: 50%;
z-index: 80;
display: block
}
.whatsapp-link .link-icon {
width: 100%;
height: 100%;
border-radius: 50%;
display: block
}
.whatsapp-link lottie-player {
width: 100%;
height: 100%
}
@media screen and (max-width: 991px) {
.whatsapp-link {
left: 1.1111vw;
bottom: auto;
width: 20.3333vw;
height: 20.3333vw
}
}
.btn {
text-align: center;
padding: .8421vw 2.3684vw;
min-height: 4vw;
border: 0;
border-radius: .4211vw;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: .5263vw;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
white-space: nowrap;
text-decoration: none;
background: var(--accent);
-webkit-box-shadow: var(--shadow-shift) var(--shadow-shift) 0 rgba(123, 182, 76, .77);
box-shadow: var(--shadow-shift) var(--shadow-shift) 0 rgba(123, 182, 76, .77);
color: #fff;
position: relative;
font-family: var(--main-font);
font-size: 1.0526vw;
line-height: 1.35;
font-weight: 700;
--shadow-shift: 0.2105vw;
--shadow-shift-hover: -0.2105vw
}
.btn .btn-icon {
width: 1.5789vw;
height: 1.5789vw;
fill: currentcolor;
display: block;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.btn .btn-icon:not(.big) {
animation: hi 1s linear infinite;
}
.btn .btn-icon.big {
width: 2.5263vw;
height: 2.5263vw
}
.btn:hover {
background: #cc9662;
-webkit-box-shadow: var(--shadow-shift-hover) var(--shadow-shift-hover) 0 rgba(204, 150, 98, .77);
box-shadow: var(--shadow-shift-hover) var(--shadow-shift-hover) 0 rgba(204, 150, 98, .77)
}
.btn:focus {
outline: 0
}
.btn.btn-primary {
background: #cc9662;
-webkit-box-shadow: var(--shadow-shift) var(--shadow-shift) 0 rgba(204, 150, 98, .77);
box-shadow: var(--shadow-shift) var(--shadow-shift) 0 rgba(204, 150, 98, .77)
}
.btn.btn-primary:hover {
background: var(--accent);
-webkit-box-shadow: var(--shadow-shift-hover) var(--shadow-shift-hover) 0 rgba(123, 182, 76, .77);
box-shadow: var(--shadow-shift-hover) var(--shadow-shift-hover) 0 rgba(123, 182, 76, .77)
}
.btn.btn-stroke {
background: 0 0;
border: 1px solid #cc9662;
padding: .5263vw 1.1579vw;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.btn.btn-stroke:hover {
background: #cc9662
}
.btn.btn-stroke.btn-primary {
background: var(--accent)
}
@media screen and (max-width: 991px) {
.btn {
padding: 3.3333vw 4.4444vw;
border-radius: 1.6667vw;
min-height: 12.5vw;
gap: 2.2222vw;
font-size: 3.8889vw;
--shadow-shift: 0.8333vw;
--shadow-shift-hover: -0.8333vw
}
.btn .btn-icon {
width: 5.8333vw;
height: 5.8333vw
}
.btn .btn-icon.big {
width: 8.6111vw;
height: 8.6111vw
}
.btn.btn-stroke {
padding: 2.2222vw 3.6111vw
}
}
.form .input-field, .form .select-field select, .form textarea {
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-bottom: 1px solid #fff;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
height: 1.9474vw;
width: 100%;
font-family: inherit;
font-weight: 400;
font-size: .8421vw;
line-height: 1.5;
background: 0 0;
color: #fff;
padding: 0
}
.form .input-field:focus, .form .select-field select:focus, .form textarea:focus {
border-bottom-color: var(--primary);
outline: 0
}
.form .input-field.error, .form .select-field select.error, .form textarea.error {
border-bottom-color: #db5366
}
.form .input-field.wpcf7-not-valid, .form .select-field select.wpcf7-not-valid, .form textarea.wpcf7-not-valid {
color: #fff;
border-bottom-color: #db5366
}
.form .input-field.wpcf7-not-valid::-webkit-input-placeholder, .form .select-field select.wpcf7-not-valid::-webkit-input-placeholder, .form textarea.wpcf7-not-valid::-webkit-input-placeholder {
opacity: 1;
color: var(--text-color)
}
.form .input-field.wpcf7-not-valid:-ms-input-placeholder, .form .select-field select.wpcf7-not-valid:-ms-input-placeholder, .form textarea.wpcf7-not-valid:-ms-input-placeholder {
opacity: 1;
color: var(--text-color)
}
.form .input-field.wpcf7-not-valid::-ms-input-placeholder, .form .select-field select.wpcf7-not-valid::-ms-input-placeholder, .form textarea.wpcf7-not-valid::-ms-input-placeholder {
opacity: 1;
color: var(--text-color)
}
.form .input-field.wpcf7-not-valid::placeholder, .form .select-field select.wpcf7-not-valid::placeholder, .form textarea.wpcf7-not-valid::placeholder {
opacity: 1;
color: var(--text-color)
}
.form .input-field::-webkit-input-placeholder, .form .select-field select::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
opacity: 1;
color: #fff
}
.form .input-field:-ms-input-placeholder, .form .select-field select:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
opacity: 1;
color: #fff
}
.form .input-field::-ms-input-placeholder, .form .select-field select::-ms-input-placeholder, .form textarea::-ms-input-placeholder {
opacity: 1;
color: #fff
}
.form .input-field::placeholder, .form .select-field select::placeholder, .form textarea::placeholder {
opacity: 1;
color: #fff
}
@media screen and (max-width: 991px) {
.form .input-field,
.form .select-field select,
.form textarea {
height: 10.2778vw;
font-size: 4.4444vw
}
}
.form .wpcf7-list-item {
margin: 0
}
.wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.form .wpcf7-not-valid-tip {
font-size: 0.8333vw;
margin-bottom: -1em;
text-align: right;
position: absolute;
right: 0;
width: 100%;
}
.form .wpcf7-response-output {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
text-align: center;
font-size: 1.0417vw;
margin-bottom: 1em !important
}
.form p {
margin-bottom: 0
}
.checkbox {
position: relative
}
.checkbox input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
clip: rect(0 0 0 0);
overflow: hidden
}
.checkbox input ~ .fake-label, .checkbox input ~ .wpcf7-list-item-label {
padding-right: 1.4737vw;
position: relative;
font-size: .6316vw;
line-height: 1.5;
cursor: pointer;
display: block;
color: #fff;
font-weight: 400
}
.checkbox input ~ .fake-label a, .checkbox input ~ .wpcf7-list-item-label a {
color: var(--text-dark);
font-weight: 700;
text-decoration: underline
}
.checkbox input ~ .fake-label a:focus, .checkbox input ~ .fake-label a:hover, .checkbox input ~ .wpcf7-list-item-label a:focus, .checkbox input ~ .wpcf7-list-item-label a:hover {
text-decoration: none
}
.checkbox input ~ .fake-label:after, .checkbox input ~ .fake-label:before, .checkbox input ~ .wpcf7-list-item-label:after, .checkbox input ~ .wpcf7-list-item-label:before {
content: "";
display: block;
width: 1.1053vw;
height: 1.1053vw;
position: absolute;
right: 0;
top: .3158vw;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.checkbox input ~ .fake-label:before, .checkbox input ~ .wpcf7-list-item-label:before {
border: .1053vw solid #fff
}
.checkbox input ~ .fake-label:after, .checkbox input ~ .wpcf7-list-item-label:after {
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cpath d='M5 9.47 9.32 14 16 7' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat center center/contain;
opacity: 0
}
@media screen and (max-width: 991px) {
.checkbox input ~ .fake-label,
.checkbox input ~ .wpcf7-list-item-label {
padding-right: 7.7778vw;
font-size: 3.3333vw
}
.checkbox input ~ .fake-label:after,
.checkbox input ~ .fake-label:before,
.checkbox input ~ .wpcf7-list-item-label:after,
.checkbox input ~ .wpcf7-list-item-label:before {
width: 5.8333vw;
height: 5.8333vw;
top: .5556vw
}
.checkbox input ~ .fake-label:before,
.checkbox input ~ .wpcf7-list-item-label:before {
border-width: .5556vw
}
}
.checkbox input:checked ~ .fake-label:after, .checkbox input:checked ~ .wpcf7-list-item-label:after {
opacity: 1
}
.slick-slider .slick-slide {
outline: 0 !important
}
.slick-slider img {
display: block;
max-width: 100%;
height: auto
}
:root {
--slider-arrow-base-shift: -5.5789vw
}
@media screen and (max-width: 991px) {
:root {
--slider-arrow-base-shift: -2.5vw
}
}
.slick-arrow {
width: 3.9474vw;
height: 3.9474vw;
z-index: 20;
background: #cc9662;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: .4211vw;
-webkit-box-shadow: var(--shadow-shift) var(--shadow-shift) 0 rgba(204, 150, 98, .77);
box-shadow: var(--shadow-shift) var(--shadow-shift) 0 rgba(204, 150, 98, .77);
--shadow-shift: 0.2105vw;
--shadow-hover-shift: -0.2105vw
}
.slick-arrow svg {
width: 1.5263vw;
height: 1.7368vw;
display: block;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
@media screen and (max-width: 991px) {
.slick-arrow {
--shadow-shift: 0.8333vw;
--shadow-hover-shift: -0.8333vw;
width: 10.2778vw;
height: 10.2778vw;
border-radius: 1.6667vw
}
.slick-arrow svg {
width: 5.8333vw;
height: 5.8333vw
}
}
.slick-arrow:focus {
background: #cc9662
}
.slick-arrow:hover {
background: var(--accent);
-webkit-box-shadow: var(--shadow-hover-shift) var(--shadow-hover-shift) 0 rgba(123, 182, 76, .77);
box-shadow: var(--shadow-hover-shift) var(--shadow-hover-shift) 0 rgba(123, 182, 76, .77)
}
.slick-arrow:before {
display: none
}
.slick-arrow.slick-prev {
left: var(--slider-arrow-base-shift)
}
.slick-arrow.slick-next {
right: var(--slider-arrow-base-shift)
}
html[dir=rtl] .slick-arrow.slick-next {
right: auto;
left: var(--slider-arrow-base-shift)
}
html[dir=rtl] .slick-arrow.slick-prev {
left: auto;
right: var(--slider-arrow-base-shift)
}
.slick-arrow.slick-disabled {
opacity: 0;
visibility: hidden
}
.slick-dotted.slick-slider {
margin-bottom: 0
}
.slick-dots {
bottom: -4.4444vw !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.slick-dots li {
margin: 0 .8333vw;
width: 1.6667vw;
height: 1.6667vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.slick-dots li button {
width: 1.6667vw;
height: 1.6667vw;
background: #c8c8c8;
padding: 0;
opacity: 1;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
border-radius: 50%;
border: 0
}
.slick-dots li button:before {
display: none
}
.slick-dots li button:hover {
opacity: 1;
background: var(--text-color)
}
.slick-dots li.slick-active button {
opacity: 1;
background: var(--text-color)
}
.modal {
display: none;
width: 100%;
height: 100vh;
position: fixed;
left: 0;
top: 0;
background: rgba(0, 0, 0, .6);
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior-y: contain;
z-index: 999;
visibility: hidden;
-webkit-transition: visibility .4s, opacity .4s;
-o-transition: visibility .4s, opacity .4s;
transition: visibility .4s, opacity .4s;
cursor: pointer;
opacity: 0
}
.modal .modal-dialog {
width: calc(100% - 15px * 2);
max-width: 1170px;
margin: 70px auto;
cursor: default;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
position: relative;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
visibility: hidden;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s
}
.modal.visible {
visibility: visible;
opacity: 1
}
.modal.visible .modal-dialog {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible
}
.modal.video-modal .modal-dialog {
width: auto;
max-width: 70vw
}
@media screen and (max-width: 1023px) {
.modal.video-modal .modal-dialog {
max-width: 90vw
}
}
.modal.video-modal .modal-content {
background: 0 0;
padding: 0
}
.modal.video-modal .modal-video {
width: 100%;
position: relative
}
.modal.video-modal .modal-video:before {
content: "";
display: block;
padding-top: 56.25%
}
.modal.video-modal .modal-video iframe, .modal.video-modal .modal-video video {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: block;
border: 0
}
.modal.video-modal .modal-video.vimeo:before {
padding-top: 52%
}
.modal .modal-content {
background: #fff;
border-radius: var(--r);
position: relative;
padding: 60px 100px
}
.modal .modal-text {
text-align: center
}
.modal.small .modal-dialog {
max-width: 420px
}
.modal.small .modal-content {
padding: 40px 50px 50px
}
@media screen and (max-width: 575px) {
.modal.small .modal-content {
padding: 40px 30px 50px
}
}
@media screen and (max-width: 1229px) {
.modal .modal-content {
padding: 40px 30px
}
}
@media screen and (max-width: 575px) {
.modal .modal-content {
padding-left: 20px;
padding-right: 20px
}
}
.modal-close {
position: absolute;
right: 0;
top: 0;
width: 44px;
height: 44px;
opacity: 1;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: 0 0;
border: 0;
cursor: pointer
}
.modal-close:after, .modal-close:before {
content: "";
display: block;
width: 20px;
height: 2px;
background: #000;
position: absolute;
left: calc(50% - 20px / 2);
top: calc(50% - 2px / 2);
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
border-radius: 1px
}
.modal-close:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.modal-close:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.modal-close:hover:after, .modal-close:hover:before {
background: var(--primary)
}
.video-modal .modal-close {
left: 100%;
top: -14px;
right: auto
}
.video-modal .modal-close:after, .video-modal .modal-close:before {
background: #fff
}
.video-modal .modal-close:hover:after, .video-modal .modal-close:hover:before {
background: var(--primary)
}
@media screen and (max-width: 767px) {
.video-modal .modal-close {
top: auto;
bottom: 100%;
right: -17px;
left: auto
}
}
.quiz-opener {
width: 3.9474vw;
height: 3.9474vw;
border-radius: .4211vw;
position: relative;
-webkit-box-shadow: .2105vw .2105vw 0 rgba(204, 150, 98, .77);
box-shadow: .2105vw .2105vw 0 rgba(204, 150, 98, .77);
background: #cc9662;
display: flex;
align-items: center;
justify-content: center;
}
.quiz-opener:before {
content: "";
display: block;
width: 1.5789vw;
height: 1.5789vw;
position: absolute;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='9.82' cy='3.4' r='3.4' fill='%23fff'/%3E%3Ccircle cx='20.03' cy='5.44' r='4.08' fill='%23fff'/%3E%3Ccircle cx='25.47' cy='13.61' r='4.08' fill='%23fff'/%3E%3Ccircle cx='26.15' cy='23.82' r='3.4' fill='%23fff'/%3E%3Cpath d='M9.14 8.85c-6.8 0-10.2 6.12-8.84 9.52 2.04 2.72 3.94 1.9 6.12 1.36 2.72-.68 3.4 2.04 2.72 3.4-.68 1.37-1.36 4.09 0 5.45 1.36 1.36 2.72 2.04 6.8.68 4.09-1.36 6.13-6.13 5.45-10.89-.68-4.76-5.44-9.52-12.25-9.52Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center/contain;
animation: hi 1s linear infinite;
}
.quiz-opener:hover {
background: var(--accent);
-webkit-box-shadow: -.2105vw -.2105vw 0 rgba(123, 182, 76, .77);
box-shadow: -.2105vw -.2105vw 0 rgba(123, 182, 76, .77)
}
.quiz-opener:focus {
outline: 0
}
@media screen and (max-width: 991px) {
.quiz-opener {
width: 8.0556vw;
height: 8.0556vw;
border-radius: 1.1111vw;
-webkit-box-shadow: 1px 1px 0 rgba(204, 150, 98, .77);
box-shadow: 1px 1px 0 rgba(204, 150, 98, .77)
}
.quiz-opener:before {
width: 3.3333vw;
height: 3.3333vw
}
.quiz-opener:hover {
-webkit-box-shadow: -1px -1px 0 rgba(123, 182, 76, .77);
box-shadow: -1px -1px 0 rgba(123, 182, 76, .77)
}
}
.menu-opener {
width: 7.2222vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1px
}
.menu-opener .bar {
width: 7.2222vw;
height: 2.7778vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 10'%3E%3Cpath d='M24 5.1a2.6 2.6 0 0 0 2-2.51 2.58 2.58 0 0 0-5.14-.3H5.16a2.28 2.28 0 1 0-3.19 2.08 2.58 2.58 0 1 0 3.17 2.8h15.72a2.28 2.28 0 1 0 4.55 0 2.3 2.3 0 0 0-1.4-2.07Z' fill='%23CE9863'/%3E%3Cpath d='M23.11 8.14a2.28 2.28 0 0 1-2.27-2.28H5.12a2.57 2.57 0 0 1-5.05.35c-.05.21-.07.45-.07.66a2.58 2.58 0 0 0 5.14.3h15.72a2.28 2.28 0 1 0 4.46-.66 2.33 2.33 0 0 1-2.2 1.63Z' fill='%23B8824D'/%3E%3C/svg%3E") no-repeat center center/contain;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.menu-opener .bar:nth-child(2) {
position: relative
}
.menu-opener .bar:nth-child(2):after {
content: "";
display: block;
width: 7.2222vw;
height: 2.7778vw;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
background: inherit
}
.menu-opener.active .bar:first-child {
translate: 0 -4.1667vw;
opacity: 0
}
.menu-opener.active .bar:nth-child(2) {
rotate: -45deg
}
.menu-opener.active .bar:nth-child(2):after {
rotate: 90deg;
opacity: 1
}
.menu-opener.active .bar:last-child {
translate: 0 4.1667vw;
opacity: 0
}
.first-screen-section {
position: relative;
overflow: hidden
}
.first-screen-section .section-bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.first-screen-section .section-bg lottie-player {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: .3vw
}
.first-screen-section .container {
position: relative;
z-index: 2
}
.first-screen-section .section-inner {
padding: 4.9474vw 5.1579vw 0 0;
width: calc(100% + 3.2632vw);
margin-left: -3.2632vw;
display: -ms-grid;
display: grid;
-ms-grid-columns: 28.4211vw 45.0526vw;
grid-template-columns: 30.4211vw 45.0526vw;
grid-gap: 1.3684vw;
height: 46.4211vw
}
.first-screen-section .section-content {
padding-top: 5.6316vw
}
.first-screen-section .section-text {
color: #fff;
font-size: 1.6842vw;
line-height: 1.375;
margin-bottom: 2.1579vw
}
.first-screen-section .section-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.5789vw
}
.first-screen-section .section-image {
-ms-flex-item-align: end;
align-self: flex-end
}
.first-screen-section .section-image img {
display: block;
max-width: 100%;
height: auto;
margin-bottom: -3px
}
@media screen and (max-width: 991px) {
.first-screen-section .section-inner {
padding: 15.0889vw 0 0;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 6.3889vw;
height: 137.7778vw
}
.first-screen-section .section-content {
padding: 0
}
.first-screen-section .section-text {
font-size: 5.27vw;
line-height: 1.4;
margin-bottom: 5.8333vw
}
.first-screen-section .section-footer {
gap: 1.9444vw
}
.first-screen-section .section-image {
width: 72.2222vw;
margin-left: auto;
margin-right: auto;
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px)
}
}
.about-section {
padding-top: 7.0526vw
}
@media screen and (max-width: 991px) {
.about-section {
padding-top: 19.4444vw
}
}
.about-block {
background: var(--accent);
border-radius: 2.6316vw;
padding: 3.1053vw 2.5789vw 28.6316vw 2.5789vw;
color: #fff;
position: relative
}
.about-block .block-bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: inherit;
overflow: hidden
}
.about-block .block-bg:before {
content: "";
display: block;
width: 36.8421vw;
height: 36.8421vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 700'%3E%3Ccircle cx='350' cy='350' r='250' fill='%2389C957'/%3E%3Ccircle cx='350' cy='350' r='349.5' fill='%2387CB51' fill-opacity='.3' stroke='%2397DE5F'/%3E%3C/svg%3E") no-repeat center center/contain;
position: absolute;
right: 2.1053vw;
top: 3.1053vw
}
.about-block .block-bg img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: auto;
display: block;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center bottom;
object-position: center bottom
}
.about-block .block-body, .about-block .block-top {
position: relative;
z-index: 2
}
.about-block .block-top .section-caption {
margin-bottom: 0;
padding-bottom: 1.7895vw;
position: relative
}
.about-block .block-top .section-caption:after {
content: "";
display: block;
width: 21.0526vw;
height: .5789vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 11'%3E%3Cellipse cx='200' cy='5.5' rx='200' ry='5.5' fill='%23000' fill-opacity='.15'/%3E%3C/svg%3E") no-repeat center center/contain;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0
}
.about-block .block-body {
padding-right: 5.6316vw;
display: -ms-grid;
display: grid;
-ms-grid-columns: 25.1579vw 1fr;
grid-template-columns: 25.1579vw 1fr;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
grid-gap: 4.2105vw
}
.about-block .block-features {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 1.8421vw 3.6842vw
}
.about-block .block-features li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
font-size: 1.0526vw;
line-height: 1.35
}
.about-block .block-features li:before {
content: "";
display: block;
width: 1.7895vw;
height: 1.7895vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='17' fill='%23FFEFDE'/%3E%3Cpath d='m14.84 26.52.3-.34.27-.16.3.16c.44-.33.81-.7 1.12-1.07.3-.37.87-1.34 1.78-2.85l2.09-3.53c1.11-1.87 6.94-9.76 8.25-11.24 3.03-3.45 4.04-4.5 4.44-5.03.37-.47.6-.84.6-1.1 0-.18-.1-.45-.26-.45-.17 0-.44.14-.77.37l.27-.6-1.15.67.07-.47c-.07.2-.6.74-.74.74-.1 0-.14-.1-.14-.27v-.13l-.94.47c-.07 0-.14-.04-.14-.14s.07-.33.14-.67c-.47.5-1.15 1.08-2.02 1.68-1.18.8-5.76 6.54-7.61 9.53-1.25 1.98-1.75 3.15-1.95 3.15-.07 0-.1-.13-.14-.4a25.77 25.77 0 0 1-1.68 3.36c-.54.84-1.05 1.27-1.42 1.27-.43 0-.8-.84-1.2-2.55a2.03 2.03 0 0 0-1.09-1.47l-.1-.04c-.1 0-.23.07-.4.17s-.27.2-.34.2h-.03l-.6-.2-.55.8c-.06.1-.2.14-.3.14-.17 0-.3-.03-.37-.13-.13.47-.3.7-.44.7-.1 0-.3-.07-.57-.23.24 1.77.44 2.95.64 3.52.4 1.1 1.31 3.62 2.19 5.3l.33.64c.34-.2.44-.24.68-.24l.27.04c.17.06.27.16.27.33l.77-.37c.14 0 .17.14.17.44Z' fill='%237BB64C'/%3E%3C/svg%3E") no-repeat center center/contain;
margin-bottom: .6316vw
}
.about-block .block-text-wrapper {
margin-top: 4.8947vw;
overflow-y: auto;
max-height: 16.8421vw;
direction: ltr;
scrollbar-color: #699b41 #9bda6a;
scrollbar-width: thin
}
.about-block .block-text-wrapper::-webkit-scrollbar {
width: .4211vw;
left: 0;
right: auto
}
.about-block .block-text-wrapper::-webkit-scrollbar-track {
border-radius: .2105vw;
background: #699b41
}
.about-block .block-text-wrapper::-webkit-scrollbar-thumb {
background: #9bda6a;
border-radius: .1053vw;
width: .2105vw;
border: 2px solid #699b41
}
.about-block .block-text-wrapper .block-text {
padding-right: 1.0526vw;
font-size: 1.0526vw;
line-height: 1.6;
direction: rtl
}
.about-block .block-text-wrapper .block-text p:not(:last-child) {
margin-bottom: 1.6em
}
@media screen and (max-width: 991px) {
.about-block {
border-radius: 4.1667vw;
padding: 16.9444vw 4.7222vw 56.9444vw
}
.about-block .block-bg:before {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 26.3889vw;
right: auto;
top: auto;
width: 134.1667vw;
height: 134.1667vw;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 483 483'%3E%3Ccircle cx='241.5' cy='241.5' r='197.5' fill='%2389C957'/%3E%3Ccircle cx='241.5' cy='241.5' r='241' fill='%2387CB51' fill-opacity='.3' stroke='%2397DE5F'/%3E%3C/svg%3E")
}
.about-block .block-bg img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 33% top;
object-position: 33% top;
height: 49.3333vw
}
.about-block .block-top {
margin-bottom: 9.7222vw
}
.about-block .block-top .section-caption {
text-align: center;
padding-bottom: 5vw
}
.about-block .block-top .section-caption:after {
width: 72.2222vw;
height: 1.9444vw
}
.about-block .block-body {
padding-right: 0;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 34.7222vw
}
.about-block .block-features {
padding-right: 7.2222vw;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 6.6667vw;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.about-block .block-features li {
font-size: 4.4444vw;
line-height: 1.5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 3.0556vw;
text-align: start;
max-width: 63.8889vw
}
.about-block .block-features li:before {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 9.4444vw;
height: 9.4444vw;
margin-bottom: 0
}
.about-block .block-text-wrapper {
margin-top: 0;
max-height: 162.7778vw
}
.about-block .block-text-wrapper::-webkit-scrollbar {
width: 2.2222vw
}
.about-block .block-text-wrapper::-webkit-scrollbar-track {
border-radius: 1.1111vw
}
.about-block .block-text-wrapper::-webkit-scrollbar-thumb {
border-radius: 1.1111vw;
width: 2.2222vw
}
.about-block .block-text-wrapper .block-text {
padding-right: 5.5556vw;
font-size: 4.4444vw
}
.about-block .block-text-wrapper .block-text p:not(:last-child) {
margin-bottom: 2em
}
}
.advantages-section {
padding: 8.1579vw 0 9.1579vw;
position: relative
}
.advantages-section .section-bg {
position: absolute;
height: 53.6842vw;
width: 45.5789vw;
left: 0;
top: -4vw;
z-index: 2;
pointer-events: none
}
.advantages-section .section-bg img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center center;
object-position: center center;
display: block
}
.advantages-section .tick-list:not(:last-child) {
margin-bottom: 1.0526vw
}
.advantages-section .hidden-items {
display: none
}
.advantages-section .section-footer {
margin-top: 1.6842vw
}
.advantages-section .section-content {
padding-right: 4.8421vw
}
@media screen and (max-width: 991px) {
.advantages-section {
padding: 16.9444vw 0 93.0556vw
}
.advantages-section .section-caption {
margin-bottom: 5.8333vw
}
.advantages-section .section-bg {
width: 78.8889vw;
height: 93.3333vw;
top: auto;
bottom: 19.4444vw
}
.advantages-section .tick-list:not(:last-child) {
margin-bottom: 5vw
}
.advantages-section .tick-list li {
max-width: 72.2222vw
}
.advantages-section .section-content {
padding-right: 0
}
.advantages-section .section-footer {
margin-top: 8.3333vw
}
.advantages-section .section-footer .btn {
min-width: 41.6667vw
}
}
.why-section {
min-height: 52.7895vw;
position: relative;
padding: 4.8421vw 0;
background: -webkit-gradient(linear, right top, left top, from(#fff), to(#ffede5));
background: -webkit-linear-gradient(right, #fff 0, #ffede5 100%);
background: -o-linear-gradient(right, #fff 0, #ffede5 100%);
background: linear-gradient(270deg, #fff 0, #ffede5 100%)
}
.why-section .section-bg {
width: 78.5263vw;
height: 52.7895vw;
position: absolute;
left: 34.6316vw;
top: 0
}
.why-section .section-bg img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center center;
object-position: center center;
display: block
}
.why-section .container {
position: relative;
z-index: 2
}
.why-section .section-content {
width: 33.3684vw;
margin-right: auto
}
.why-section .section-caption {
margin-bottom: 6.1579vw
}
@media screen and (max-width: 991px) {
.why-section {
min-height: unset;
padding: 16.9444vw 0 79.1667vw;
background: -webkit-gradient(linear, right top, left top, color-stop(-100.28%, #fff), to(#ffede5));
background: -webkit-linear-gradient(right, #fff -100.28%, #ffede5 100%);
background: -o-linear-gradient(right, #fff -100.28%, #ffede5 100%);
background: linear-gradient(270deg, #fff -100.28%, #ffede5 100%)
}
.why-section .section-bg {
width: 100%;
height: 76.3889vw;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
bottom: 0
}
.why-section .section-bg img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center
}
.why-section .section-content {
width: 100%;
margin-top: 0
}
.why-section .section-caption {
margin-bottom: 7.2222vw
}
}
.why-slider {
width: calc(100% + .7895vw * 2);
margin: -.7895vw
}
.why-slider .slick-slide {
padding: .7895vw
}
.why-slider .slick-slide > div:not(:last-child) {
margin-bottom: 1.5789vw
}
@media screen and (max-width: 991px) {
.why-slider {
width: calc(100% + 1.3889vw * 2);
margin: -1.3889vw
}
.why-slider .slick-slide {
padding: 1.3889vw
}
.why-slider .slick-slide > div:not(:last-child) {
margin-bottom: 2.7778vw
}
}
.why-card {
padding: .7895vw;
height: 13.5789vw;
border-radius: .4211vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff;
-webkit-box-shadow: .2105vw .2105vw .7895vw rgba(158, 158, 158, .3);
box-shadow: .2105vw .2105vw .7895vw rgba(158, 158, 158, .3);
position: relative;
text-align: center;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.why-card:before {
content: "";
display: block;
position: absolute;
left: 1.7895vw;
top: 2.2105vw;
width: 11.3684vw;
height: 9.7895vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 216 186'%3E%3Cpath d='M177.84 49.58a22.33 22.33 0 1 0 31.58 31.58 22.33 22.33 0 0 0-31.58-31.58Z' fill='%23F1E6E1'/%3E%3Cpath d='M117.84 8.53a26.8 26.8 0 1 0 37.89 37.9 26.8 26.8 0 0 0-37.9-37.9Z' fill='%23F1E6E1'/%3E%3Cpath d='M54.68 21.16a26.8 26.8 0 1 0 37.9 37.9 26.8 26.8 0 0 0-37.9-37.9Z' fill='%23F1E6E1'/%3E%3Cpath d='M7.3 68.53A22.33 22.33 0 1 0 38.9 100.1 22.33 22.33 0 0 0 7.3 68.53Z' fill='%23F1E6E1'/%3E%3Cpath d='M171.52 93.79c31.58 31.58 18.95 75.8-3.16 85.27-22.1 3.15-27.15-9.48-34.73-22.11-9.48-15.79-25.27-6.32-28.42 3.16-3.16 9.47-12.64 25.26-25.27 25.26-12.63 0-22.1-3.16-34.74-28.42-12.63-25.26 0-56.84 25.27-75.8 25.26-18.94 69.47-18.94 101.05 12.64Z' fill='%23F1E6E1'/%3E%3C/svg%3E") no-repeat center center/contain;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.why-card .card-price {
font-size: 1.7684vw;
line-height: .88;
font-weight: 700;
color: #b57f4a;
margin-top: .3684vw
}
.why-card p {
position: relative;
z-index: 2;
font-size: 1.0526vw;
line-height: 1.3;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.why-card:focus, .why-card:hover {
background: var(--accent)
}
.why-card:focus:before, .why-card:hover:before {
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 216 186'%3E%3Cpath d='M177.84 49.58a22.33 22.33 0 1 0 31.58 31.58 22.33 22.33 0 0 0-31.58-31.58Z' fill='%23699B41'/%3E%3Cpath d='M117.84 8.53a26.8 26.8 0 1 0 37.89 37.9 26.8 26.8 0 0 0-37.9-37.9Z' fill='%23699B41'/%3E%3Cpath d='M54.68 21.16a26.8 26.8 0 1 0 37.9 37.9 26.8 26.8 0 0 0-37.9-37.9Z' fill='%23699B41'/%3E%3Cpath d='M7.3 68.53A22.33 22.33 0 1 0 38.9 100.1 22.33 22.33 0 0 0 7.3 68.53Z' fill='%23699B41'/%3E%3Cpath d='M171.52 93.79c31.58 31.58 18.95 75.8-3.16 85.27-22.1 3.15-27.15-9.48-34.73-22.11-9.48-15.79-25.27-6.32-28.42 3.16-3.16 9.47-12.64 25.26-25.27 25.26-12.63 0-22.1-3.16-34.74-28.42-12.63-25.26 0-56.84 25.27-75.8 25.26-18.94 69.47-18.94 101.05 12.64Z' fill='%23699B41'/%3E%3C/svg%3E") no-repeat center center/contain
}
.why-card:focus .card-price, .why-card:hover .card-price {
color: #fff
}
.why-card:focus p, .why-card:hover p {
color: #fff
}
@media screen and (max-width: 991px) {
.why-card {
padding: 2.7778vw;
height: 37.7778vw;
-webkit-box-shadow: 0 0 2.1111vw rgba(158, 158, 158, .3);
box-shadow: 0 0 2.1111vw rgba(158, 158, 158, .3);
border-radius: 2.2222vw
}
.why-card:before {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 34.1667vw;
height: 29.1667vw
}
.why-card .card-price {
font-size: 4.8667vw;
line-height: 1.67;
margin-bottom: 1px;
max-width: unset
}
.why-card p {
font-size: 4.4444vw;
line-height: 1.5;
max-width: 34.1667vw;
margin-left: auto;
margin-right: auto
}
}
.clients-section {
padding: 25.1053vw 0 8.7368vw
}
.clients-section .section-caption {
margin-bottom: 5.2632vw
}
.clients-section .section-slider {
padding: 0 6vw
}
@media screen and (max-width: 991px) {
.clients-section {
padding: 57.2222vw 0 19.4444vw
}
.clients-section .section-caption {
margin-bottom: 7.2222vw
}
.clients-section .section-slider {
padding: 0 8.8889vw
}
}
.clients-slider {
width: calc(100% + .7895vw * 2);
margin-left: -.7895vw;
margin-right: -.7895vw
}
.clients-slider .slick-slide {
padding: 0 .7895vw
}
.clients-slider .slick-slide > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.clients-slider .slick-slide > div:not(:last-child) {
margin-bottom: 1.5789vw
}
@media screen and (max-width: 991px) {
.clients-slider {
width: calc(100% + .8333vw * 2);
margin-left: -.8333vw;
margin-right: -.8333vw;
--slider-arrow-base-shift: -11.3889vw
}
.clients-slider .slick-slide {
padding: 0 .8333vw
}
.clients-slider .slick-slide > div:not(:last-child) {
margin-bottom: 1.6667vw
}
}
.client-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 7.8947vw
}
.client-logo img {
display: block;
max-width: 100%;
max-height: 100%;
height: auto
}
@media screen and (max-width: 991px) {
.client-logo {
height: 13.8889vw
}
}
.recommend-block {
padding: 5.2632vw 6.3158vw 3.9474vw 6.3158vw;
background: url(//www.bfriend.co.il/wp-content/themes/bfriend/css/img/backgrounds/recommend-bg.svg) no-repeat left bottom/cover;
border-radius: 2.6316vw
}
.recommend-block .block-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.recommend-block .block-logo img {
width: auto;
height: 4.2105vw;
display: block
}
.recommend-block .section-caption {
padding-bottom: 1.6316vw;
margin-bottom: 1.2105vw;
position: relative
}
.recommend-block .section-caption:after {
content: "";
display: block;
width: 27.1053vw;
height: .5789vw;
position: absolute;
bottom: 0;
right: .6316vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 515 11'%3E%3Cellipse cx='257.5' cy='5.5' rx='257.5' ry='5.5' fill='%23000' fill-opacity='.15'/%3E%3C/svg%3E") no-repeat center center/contain
}
@media screen and (max-width: 991px) {
.recommend-block {
background-image: url(//www.bfriend.co.il/wp-content/themes/bfriend/css/img/backgrounds/recommend-mobile-bg.svg);
background-color: #7bb64c;
padding: 8.6111vw 4.4444vw 21.3889vw;
border-radius: 4.1667vw
}
.recommend-block .block-top {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 11.1111vw
}
.recommend-block .block-logo img {
height: 10.8333vw
}
.recommend-block .section-caption {
text-align: center;
padding-bottom: 5vw;
margin-bottom: 9.4444vw
}
.recommend-block .section-caption:after {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
right: auto;
width: 72.2222vw;
height: 1.9444vw
}
}
.recommend-slider {
width: calc(100% + 1.5789vw * 2);
margin-left: -1.5789vw;
margin-right: -1.5789vw
}
.recommend-slider-video {
}
.recommend-slider .slide {
padding: 0 1.5789vw
}
.recommend-slider .slick-arrow, .recommend-slider-video .slick-arrow {
top: 12.7368vw
}
.recommend-slider .slick-arrow:hover, .recommend-slider-video .slick-arrow:hover {
-webkit-box-shadow: -.2105vw -.2105vw 0 rgba(36, 22, 9, .77);
box-shadow: -.2105vw -.2105vw 0 rgba(36, 22, 9, .77);
background: #604032
}
@media screen and (max-width: 991px) {
.recommend-slider {
width: calc(100% + 4.1667vw * 2);
margin-left: -4.1667vw;
margin-right: -4.1667vw
}
.recommend-slider .slide {
padding: 0 4.1667vw
}
.recommend-slider .slick-arrow {
top: 26.3889vw
}
.recommend-slider-video .slick-arrow {
top: 24.3889vw;
}
.recommend-slider .slick-arrow:hover,
.recommend-slider-video .slick-arrow:hover {
-webkit-box-shadow: -.8333vw -.8333vw 0 rgba(36, 22, 9, .77);
box-shadow: -.8333vw -.8333vw 0 rgba(36, 22, 9, .77)
}
}
.recommend-card .card-content {
width: 30.7368vw;
height: 21.4211vw;
padding: 6.6316vw 4vw 6.3158vw 4.8421vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 584 407'%3E%3Cpath d='M229.96 306.88a80.77 80.77 0 0 0 18.62-8.82l.3.56c1.51 2.63 4 5.21 8.14 7.84 8.12 5.15 23.37 10.94 52.76 17.66 37.6 8.58 63.63 1.58 80.36-7.9a76.7 76.7 0 0 0 18.13-14.13 59.74 59.74 0 0 0 3.9-4.57 157.88 157.88 0 0 0 27.57 6.77c17.32 2.58 39.77 2.72 58.28-8.14l3.43-1.96C522.03 282.53 580 249.7 580 171.9c0-62.8-27.83-85.97-45.43-89.74-6.12-10.23-23.5-26.71-53.24-26.71-24.67 0-42.45 6.87-51.91 12.65C422.93 42.78 394.17 4 320 4c-76.52 0-103.95 41.29-108.72 66.51-6.63-.7-15.88-.95-25.97.11-12.31 1.3-26.16 4.6-38.03 11.7-20.43 12.22-29.82 29.82-32.91 40.41a136.03 136.03 0 0 0-23.27-3.17c-11.43-.57-24.54.23-36.4 4.28C25.08 133.97 4 159.43 4 199.4c0 39.8 20.92 74.91 62.65 89.89 30.7 11.02 58.31 3.23 71.13-3.45 7.1 7.38 23.78 18.75 50.8 23.95 15.74 3.02 30.1.81 41.38-2.91Z' fill='%23fff' stroke='%23679B3E' stroke-width='8'/%3E%3Cpath d='M311.45 349.02c9.1-.23 17.57 5.58 20.03 14.6 2.75 10-5.9 15.7-14.48 16.33-8.81.64-17.11-5.4-18.71-14.3-1.72-9.07 4.52-15.88 13.16-16.63 4.23-.4 4.18 6.28 0 6.69-4.8.46-7.61 4.12-6.7 8.95 1.03 5.52 5.95 8.49 11.16 8.66 5.5.18 10.76-2.55 9.05-8.66-1.6-5.87-7.9-9.07-13.51-8.96-4.24.12-4.24-6.57 0-6.68Z' fill='%23679B3E'/%3E%3Cpath d='M331.11 385.02c6.58-.17 12.7 3.9 14.5 10.1 2.04 7.1-4.3 11.34-10.77 11.85-6.35.45-12.46-3.84-13.63-9.93-1.28-6.55 3.38-11.46 9.9-12.02 4.31-.4 4.25 6.1 0 6.49-2.44.22-3.84 1.97-3.38 4.29.59 3.04 3.38 4.56 6.35 4.68 2.91.11 5.82-.96 4.95-4.12-.93-3.27-4.66-4.97-7.92-4.85-4.3.1-4.3-6.38 0-6.5Z' fill='%23679B3E'/%3E%3C/svg%3E") no-repeat center center/contain;
margin-bottom: -3.0526vw;
pointer-events: none;
position: relative
}
.recommend-card .card-content .card-text {
font-size: 1.0526vw;
line-height: 1.6;
max-height: calc(1.6em * 4);
overflow: hidden;
pointer-events: auto
}
.recommend-card .card-play-btn {
width: 3.9474vw;
height: 3.9474vw;
border-radius: .4211vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 2.1053vw;
right: .4211vw;
color: #fff;
-webkit-box-shadow: .2105vw .2105vw 0 rgba(36, 22, 9, .77);
box-shadow: .2105vw .2105vw 0 rgba(36, 22, 9, .77);
background: #604032;
pointer-events: auto
}
.recommend-card .card-play-btn .btn-icon {
width: 2.5263vw;
height: 2.5263vw;
fill: currentcolor;
display: block
}
.recommend-card .card-play-btn:focus, .recommend-card .card-play-btn:hover {
background: #cc9662;
-webkit-box-shadow: -.2105vw -.2105vw 0 rgba(204, 150, 98, .77);
box-shadow: -.2105vw -.2105vw 0 rgba(204, 150, 98, .77)
}
.recommend-card .card-author-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3.1053vw
}
.recommend-card .card-author-block .block-avatar {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.recommend-card .card-author-block .block-avatar img {
width: 12.3158vw;
height: 12.9474vw;
border-radius: 50%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
border: .7895vw solid rgba(170, 255, 103, .3)
}
.recommend-card .card-author-block .block-content {
color: #fff;
font-size: 1.0526vw;
line-height: 1.6
}
.recommend-card .card-author-block .block-content .block-name {
font-size: 1.8421vw;
line-height: .914;
font-weight: 700
}
@media screen and (max-width: 991px) {
.recommend-card .card-content {
width: 83.3333vw;
height: 50.5556vw;
padding: 13.8889vw 13.3333vw 6.9444vw 9.7222vw;
margin-bottom: 9.1667vw;
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 182'%3E%3Cpath d='M164.3 5c-40.3 0-52.65 22.75-53.78 34.13-6.36-1.02-21.92-1.34-33.36 5.49-11.44 6.82-15.66 17.06-16.34 21.33-5.67-1.63-19.88-3.9-31.31 0C15.2 70.82 5 83 5 102.5c0 19.5 10.21 36.57 30.63 43.89 16.34 5.85 30.86.81 36.08-2.44 2.27 3.05 10.62 9.87 25.87 12.8 15.25 2.92 27.91-4.27 31.32-7.31.68 3.04.68 7.8 30.63 14.62 37.44 8.53 51.06-14.02 51.06-14.02s25.87 10.36 43.56 0c8.55-5 40.85-20.72 40.85-61.55 0-32.67-14.98-42.87-22.46-43.88-2.27-4.47-10.63-13.41-25.87-13.41-15.25 0-24.96 5.28-27.91 7.92C217.39 27.75 204.6 5 164.3 5Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M210.59 150.05s-13.62 22.55-51.06 14.02c-19.49-4.44-26.3-8-28.86-10.8a6.57 6.57 0 0 1-1.7-3.5l-.07-.33c-.76.69-1.99 1.57-3.6 2.51-5.6 3.25-15.88 7.08-27.72 4.8-15.25-2.92-23.6-9.74-25.87-12.8-5.21 3.26-19.74 8.3-36.08 2.45C15.21 139.08 5 122.02 5 102.5c0-19.5 10.21-31.69 24.5-36.56 9.31-3.18 20.45-2.26 27.34-.93 1.57.3 2.93.62 3.98.93.16-1 .51-2.32 1.1-3.84 1.94-5.02 6.47-12.26 15.24-17.5 9.46-5.64 21.73-6.4 29.3-5.91 1.58.1 2.96.25 4.06.43.08-.79.2-1.63.4-2.51C113.49 24.72 126.78 5 164.3 5c35.58 0 49.72 17.74 53.48 29.72.5 1.6.82 3.08.98 4.41.78-.7 2.03-1.58 3.73-2.5 4.73-2.56 12.96-5.42 24.18-5.42 15.25 0 23.6 8.94 25.87 13.4C280.02 45.64 295 55.84 295 88.5c0 38.41-28.58 54.6-39.09 60.55-.66.37-1.25.7-1.75 1-17.7 10.36-43.57 0-43.57 0Zm64.54-109.07c10.18 2.7 23.95 15.85 23.95 47.52 0 40.87-30.62 58.16-41.13 64.09l-1.73.99c-10.05 5.88-22.08 5.74-31.09 4.4a82.84 82.84 0 0 1-13.08-3.08 41.15 41.15 0 0 1-10.94 8.92c-9 5.09-22.81 8.72-42.49 4.23-15.03-3.42-23.1-6.44-27.57-9.26a15.84 15.84 0 0 1-3.82-3.24 44.95 44.95 0 0 1-8.27 3.67c-6 1.98-13.7 3.17-22.15 1.55-12.94-2.48-21.53-7.7-25.94-11.74-7.4 3.42-21.3 6.7-36.61 1.21C12.06 142.3.92 123.6.92 102.51c0-21.23 11.3-34.98 27.27-40.43 6.38-2.18 13.36-2.58 19.34-2.28 3.9.2 7.51.7 10.42 1.27 2.17-5.86 7.28-14.09 17.12-19.96 6.4-3.82 13.79-5.56 20.25-6.24a68.5 68.5 0 0 1 11.86-.22C110.72 20.77 126.03.92 164.3.92c36.45 0 52.38 18 57.09 31.68 5.48-2.79 14.08-5.48 25.28-5.48 15.29 0 24.65 8.1 28.46 13.86Z' fill='%23679B3E'/%3E%3Cpath d='M218.99 151.39c4.72-.12 9.12 2.89 10.4 7.56 1.43 5.18-3.06 8.13-7.52 8.46a9.2 9.2 0 0 1-9.72-7.4c-.9-4.7 2.35-8.23 6.84-8.62 2.2-.21 2.16 3.25 0 3.46-2.5.24-3.96 2.14-3.48 4.64.53 2.86 3.09 4.4 5.8 4.49 2.85.09 5.58-1.33 4.69-4.5-.83-3.03-4.1-4.69-7.01-4.63-2.2.06-2.2-3.4 0-3.46Z' fill='%23679B3E'/%3E%3Cpath d='M229.2 170.03c3.42-.08 6.6 2.02 7.53 5.23 1.06 3.69-2.24 5.88-5.6 6.14-3.3.24-6.47-1.99-7.07-5.14-.67-3.4 1.75-5.93 5.14-6.23 2.24-.2 2.2 3.16 0 3.37-1.27.11-2 1.02-1.76 2.22.3 1.57 1.76 2.36 3.3 2.42 1.51.06 3.02-.5 2.57-2.13-.48-1.7-2.42-2.57-4.11-2.51-2.24.05-2.24-3.3 0-3.37Z' fill='%23679B3E'/%3E%3C/svg%3E")
}
.recommend-card .card-content .card-text {
font-size: 3.6111vw;
line-height: 1.5;
max-height: calc(1.5em * 4)
}
.recommend-card .card-play-btn {
top: 5.5556vw;
right: 1.1111vw;
width: 10.5556vw;
height: 10.5556vw;
border-radius: 1.1111vw;
-webkit-box-shadow: .8333vw .8333vw 0 rgba(36, 22, 9, .77);
box-shadow: .8333vw .8333vw 0 rgba(36, 22, 9, .77)
}
.recommend-card .card-play-btn .btn-icon {
width: 6.9444vw;
height: 6.9444vw
}
.recommend-card .card-play-btn:focus,
.recommend-card .card-play-btn:hover {
-webkit-box-shadow: -.8333vw -.8333vw 0 rgba(204, 150, 98, .77);
box-shadow: -.8333vw -.8333vw 0 rgba(204, 150, 98, .77)
}
.recommend-card .card-author-block {
gap: 6.1111vw
}
.recommend-card .card-author-block .block-avatar img {
width: 30.5556vw;
height: 30.5556vw;
border-width: 1.9444vw
}
.recommend-card .card-author-block .block-content {
font-size: 4.4444vw
}
.recommend-card .card-author-block .block-content .block-name {
font-size: 6.6667vw
}
}
.contacts-section {
padding: 7.2105vw 0 10.8421vw;
position: relative;
height: 38.0526vw;
overflow: hidden
}
.contacts-section .section-bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.contacts-section .section-bg img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center bottom;
object-position: center bottom;
display: block
}
.contacts-section .section-bg lottie-player {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: .3vw
}
.contacts-section .container {
position: relative;
z-index: 2
}
.contacts-section .section-content {
width: 16.8421vw;
margin-right: 38.1579vw
}
@media screen and (max-width: 991px) {
.contacts-section {
padding: 54.4444vw 0 60.8333vw;
height: auto;
min-height: 220.8333vw
}
.contacts-section .section-content {
width: 100%;
margin-right: 0
}
}
.contacts-form {
padding: 1.1579vw 1.7895vw 2.2632vw;
background: var(--accent);
border-radius: .7895vw;
position: relative
}
.contacts-form .wpcf7-response-output {
font-size: .8421vw;
line-height: 1.1
}
@media screen and (max-width: 991px) {
.contacts-form .wpcf7-response-output {
font-size: 4.4444vw
}
}
.contacts-form .invalid .wpcf7-response-output, .contacts-form .unaccepted .wpcf7-response-output {
position: absolute;
left: 0;
top: 0;
right: 0;
border-radius: .7895vw .7895vw 0 0;
background: #d4644b;
color: #fff;
padding: .2105vw .7895vw !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.contacts-form .invalid .wpcf7-response-output:before, .contacts-form .unaccepted .wpcf7-response-output:before {
content: "";
display: block;
width: 1.0526vw;
height: 1.0526vw;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23clip0_476_243)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.5 0 0 4.5 0 10s4.5 10 10 10 10-4.5 10-10S15.5 0 10 0Zm1 15H9v-2h2v2Zm0-4H9V5h2v6Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_476_243'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center/contain;
margin-left: .2105vw
}
@media screen and (max-width: 991px) {
.contacts-form .invalid .wpcf7-response-output,
.contacts-form .unaccepted .wpcf7-response-output {
border-radius: 4.1667vw 4.1667vw 0 0;
padding: 1.1111vw 4.1667vw !important
}
.contacts-form .invalid .wpcf7-response-output:before,
.contacts-form .unaccepted .wpcf7-response-output:before {
width: 5.5556vw;
height: 5.5556vw;
margin-left: 1.1111vw
}
}
.contacts-form .sent .wpcf7-response-output {
margin-top: .7vw
}
@media screen and (max-width: 991px) {
.contacts-form .sent .wpcf7-response-output {
margin-top: 2vw
}
}
.contacts-form .form-title {
text-align: center;
font-size: 1.7895vw;
line-height: 2.12;
font-weight: 400;
margin-bottom: .2105vw;
color: #fff;
font-family: var(--second-font)
}
.contacts-form .form-fields {
display: -ms-grid;
display: grid;
grid-gap: 1.0417vw;
margin-bottom: 1.5625vw;
}
.contacts-form .form-submit {
margin-bottom: 1.0526vw
}
.contacts-form .form-agreement {
padding-left: .4211vw
}
.contacts-form .submit-btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: .4211vw;
padding: .2632vw .7895vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: .4211vw;
-webkit-box-shadow: .2105vw .2105vw 0 #477424;
box-shadow: .2105vw .2105vw 0 #477424;
background: #fff;
color: var(--accent);
font-size: .7895vw;
font-weight: 700;
min-height: 2.8421vw;
width: 100%
}
.contacts-form .submit-btn:after {
content: "";
display: block;
width: 1.5789vw;
height: 1.5789vw;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
animation: hi 1s linear infinite;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='9.82' cy='3.4' r='3.4' fill='%237BB64C'/%3E%3Ccircle cx='20.03' cy='5.44' r='4.08' fill='%237BB64C'/%3E%3Ccircle cx='25.47' cy='13.61' r='4.08' fill='%237BB64C'/%3E%3Ccircle cx='26.15' cy='23.82' r='3.4' fill='%237BB64C'/%3E%3Cpath d='M9.14 8.85c-6.8 0-10.2 6.12-8.84 9.52 2.04 2.72 3.94 1.9 6.12 1.36 2.72-.68 3.4 2.04 2.72 3.4-.68 1.37-1.36 4.09 0 5.45 1.36 1.36 2.72 2.04 6.8.68 4.09-1.36 6.13-6.13 5.45-10.89-.68-4.76-5.44-9.52-12.25-9.52Z' fill='%237BB64C'/%3E%3C/svg%3E") no-repeat center center/contain
}
.contacts-form .submit-btn:focus, .contacts-form .submit-btn:hover {
-webkit-box-shadow: -.2105vw -.2105vw 0 #477424;
box-shadow: -.2105vw -.2105vw 0 #477424
}
@media screen and (max-width: 991px) {
.contacts-form {
padding: 9.1667vw 9.1667vw 12.2222vw;
border-radius: 4.1667vw
}
.contacts-form .form-title {
font-size: 9.4444vw;
line-height: 1.5;
margin-bottom: 3.8889vw
}
.contacts-form .form-fields {
grid-gap: 4.1667vw;
margin-bottom: 6.9444vw;
}
.contacts-form .form-submit {
margin-bottom: 6.3889vw
}
.contacts-form .form-agreement {
padding-left: 0
}
.contacts-form .submit-btn {
border-radius: 2.2222vw;
padding: 3.3333vw 8.3333vw;
gap: 2.2222vw;
-webkit-box-shadow: .8333vw .8333vw 0 #477424;
box-shadow: .8333vw .8333vw 0 #477424;
font-size: 4.4444vw;
min-height: 15vw
}
.contacts-form .submit-btn:after {
width: 8.3333vw;
height: 8.3333vw
}
.contacts-form .submit-btn:focus,
.contacts-form .submit-btn:hover {
-webkit-box-shadow: -.8333vw -.8333vw 0 #477424;
box-shadow: -.8333vw -.8333vw 0 #477424
}
}
.insurance-section {
position: relative;
padding-top: 6.2105vw;
color: #fff;
min-height: 52.9474vw
}
.insurance-section .section-bg {
width: 100%;
height: 52.9474vw;
position: absolute;
left: 0;
top: -.33vw;
background: #714937
}
.insurance-section .container {
position: relative;
z-index: 2
}
.insurance-section .section-caption {
margin-bottom: 3.2632vw
}
.insurance-section .section-price-block {
position: absolute;
left: 5.8421vw;
top: 12.6842vw;
width: 66.9474vw
}
.insurance-section .section-price-block .block-bg {
position: absolute;
left: 0;
top: 0;
width: 100%
}
.insurance-section .section-price-block .block-bg img {
width: 100%;
height: auto
}
.insurance-section .section-price-block .block-price {
position: absolute;
left: 33.8947vw;
top: 13.5789vw;
width: 12.6842vw;
height: 11.6316vw;
padding: 3.6842vw 1.5789vw 5.7895vw 1.1579vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 241 221'%3E%3Cpath d='M32.42 65.57C8.73 64.42-7.63 96.94 3.64 116.45c11.03 19.07 42.23 19.13 56.4 4.48 3.1-3.21-1.81-8.18-4.9-4.9-10.9 11.26-30.11 10.9-41.93 1.08-16.05-13.44-.18-45.48 19.15-44.51 4.54.12 4.54-6.79.06-7.03Z' fill='%23CC9662'/%3E%3Cpath d='M55.32 116.5c-16.54 44.58 65.85 55.9 78.27 13.94l-6.85-.91c-1.45 35.61 61.5 32.34 62.4-1.03.12-4.48-6.84-4.48-6.96 0-.67 24.28-49.56 27.56-48.47 1.03.18-4-5.76-4.6-6.85-.91-9.93 33.43-78.2 25.68-64.88-10.24 1.58-4.24-5.15-6.05-6.66-1.88Z' fill='%23CC9662'/%3E%3Cpath d='M182.66 129.28c16.24 37.31 74.82-4 35.99-31.97-.61 2.18-1.16 4.3-1.76 6.48 53.37-6.24 5.09-78.92-20.11-42.52-2.55 3.7 3.45 7.15 6 3.51 17.02-24.59 53.37 27.5 14.1 32.04-3.5.43-4.66 4.36-1.75 6.48 28.48 20.53-14.23 50.57-26.47 22.47-1.76-4.12-7.76-.6-6 3.52Z' fill='%23CC9662'/%3E%3Cpath d='M33.2 67.02C13.4 52.97 47.45 13.97 67.32 30.14c3.46 2.78 8.42-2.06 4.91-4.9-27.44-22.42-71 27.55-42.53 47.78 3.64 2.66 7.15-3.4 3.52-6Z' fill='%23CC9662'/%3E%3Cpath d='M74.22 28.75c1.4-28.83 41.25-27.2 44.47 0 .54 4.42 7.45 4.42 6.96 0C123.77 12.57 112.87 2.34 96.94.22 80.04-2.02 68.04 13.3 67.3 28.75c-.24 4.48 6.73 4.42 6.9 0Z' fill='%23CC9662'/%3E%3Cpath d='M126.5 30.68c4-17.14 31.26-19.98 34.65-1.03.8 4.43 7.52 2.55 6.73-1.87-4.6-25.8-42.53-22.6-48.04 1.03-1.03 4.36 5.7 6.23 6.66 1.87Z' fill='%23CC9662'/%3E%3Cpath d='M166.97 33.23c8.18-9.51 20.11-11.57 29.99-3.21 10.05 8.48 9.45 21.74.36 30.52-3.2 3.15 1.7 8.06 4.9 4.9 11.7-11.38 12-27.8.62-39.48-11.94-12.24-30.11-10.12-40.84 2.3-2.84 3.4 2.06 8.36 4.97 4.97Z' fill='%23CC9662'/%3E%3Cpath d='M57.62 159.32c-9.63-.24-18.6 5.82-21.2 15.2-2.91 10.42 6.24 16.36 15.32 17.03 9.33.66 18.12-5.64 19.81-14.9 1.82-9.45-4.78-16.54-13.93-17.33-4.48-.42-4.42 6.55 0 6.97 5.09.49 8.06 4.3 7.09 9.33-1.1 5.75-6.3 8.84-11.82 9.02-5.81.18-11.38-2.66-9.57-9.02 1.7-6.12 8.36-9.45 14.3-9.33 4.48.12 4.48-6.84 0-6.97Z' fill='%23CC9662'/%3E%3Cpath d='M37.02 196.88c-6.84-.19-13.2 4.18-15.08 10.84-2.12 7.63 4.48 12.17 11.2 12.72 6.61.48 12.97-4.12 14.18-10.66 1.34-7.03-3.51-12.3-10.3-12.9-4.48-.43-4.42 6.54 0 6.96 2.55.24 4 2.12 3.52 4.6-.6 3.27-3.52 4.91-6.6 5.03-3.04.12-6.06-1.03-5.16-4.42.97-3.51 4.85-5.33 8.24-5.2 4.49.11 4.49-6.85 0-6.97Z' fill='%23CC9662'/%3E%3Cpath d='M26.42 90.22s-.36.42-.97 1.09c-.3.36-.79.73-1.15 1.21-.36.49-.73 1.03-1.15 1.58-.3.6-.67 1.27-1.03 1.93-.18.73-.55 1.46-.6 2.25-.19.78-.13 1.57-.13 2.36.18.78.18 1.57.55 2.3.06.42.24.73.48 1.09.18.36.3.72.6 1.03.25.3.43.66.74.9.3.25.54.5.84.8.61.36 1.22.9 1.88 1.08.67.3 1.33.43 2 .61.67.18 1.33.06 1.94.12.6.06 1.15-.06 1.57-.12.91-.12 1.46-.12 1.46-.12s-.36.36-1.15.97c-.37.3-.85.73-1.52.97-.66.24-1.33.72-2.24.78-.9.13-1.88.3-2.97.13-1.09-.07-2.18-.55-3.27-1.03a9.59 9.59 0 0 1-2.85-2.37c-.48-.42-.78-1.03-1.09-1.57a5.77 5.77 0 0 1-.78-1.76c-.49-1.2-.6-2.48-.67-3.7.06-1.26.18-2.48.67-3.57.3-1.15 1.03-2 1.57-2.9a15.8 15.8 0 0 1 2.06-2c.73-.49 1.46-.9 2.06-1.21.6-.3 1.15-.37 1.64-.55.97-.18 1.51-.3 1.51-.3Z' fill='%23CC9662'/%3E%3Cpath d='M212.9 74.1s.41 0 1.08.07c.6.06 1.7.3 2.73.79 1.09.48 2.18 1.33 3.27 2.36.48.54 1.03 1.15 1.45 1.82.49.66.79 1.39 1.1 2.18.23.78.54 1.57.6 2.42.12.85.06 1.7 0 2.48-.18.79-.3 1.58-.67 2.24a7.2 7.2 0 0 1-1.09 1.76c-.36.48-.85.85-1.27 1.09-.36.3-.79.48-1.1.6l-1.02.37s.12-.42.36-.97c.12-.3.25-.6.37-1.03.12-.42.24-.79.3-1.27.12-.43.12-.91.12-1.4.06-.48-.06-.96-.06-1.5-.12-.55-.18-1.04-.3-1.58a11.9 11.9 0 0 0-.49-1.58c-.42-1.09-.97-2.12-1.51-3.15-.3-.48-.55-1.03-.85-1.45-.3-.49-.6-.91-.85-1.33-.6-.85-1.03-1.52-1.51-2l-.67-.91Z' fill='%23CC9662'/%3E%3C/svg%3E") no-repeat center center/contain
}
.insurance-section .section-price-block .block-price .price-value {
font-size: 1.8421vw;
line-height: 1;
text-align: center;
color: #fff;
-webkit-transform: rotate(4.16deg);
-ms-transform: rotate(4.16deg);
transform: rotate(4.16deg)
}
@media screen and (max-width: 991px) {
.insurance-section {
padding-top: 16.9444vw;
min-height: 143.3333vw
}
.insurance-section .section-bg {
height: 143.3333vw
}
.insurance-section .section-caption {
margin-bottom: 10vw
}
.insurance-section .section-price-block {
left: -1.3889vw;
top: 83.8889vw;
width: 111.1111vw
}
.insurance-section .section-price-block .block-price {
position: absolute;
left: 54.7222vw;
top: -3.3333vw;
width: 32.2222vw;
height: 29.4444vw;
padding: 9.4444vw 3.6111vw 14.4444vw 3.0556vw
}
.insurance-section .section-price-block .block-price .price-value {
font-size: 4.4444vw
}
}
.insurance-slider-wrapper {
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 3
}
@media screen and (min-width: 992px) {
.insurance-slider-wrapper {
max-width: 65.2632vw
}
}
@media screen and (max-width: 991px) {
.insurance-slider-wrapper {
width: calc(100% + 11.1111vw * 2);
margin-left: -11.1111vw;
margin-right: -11.1111vw
}
}
.insurance-slider {
width: calc(100% + 1.2632vw * 2);
margin: -1.2632vw
}
.insurance-slider .slide {
padding: 1.2632vw
}
@media screen and (max-width: 991px) {
.insurance-slider {
width: calc(100% + 4.4444vw * 2);
margin: -4.4444vw
}
.insurance-slider .slide {
padding: 4.4444vw
}
.insurance-slider .slick-arrow {
position: absolute;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
top: calc(100% + 3.8889vw)
}
.insurance-slider .slick-arrow.slick-next {
left: calc(50% - 11.9444vw) !important
}
.insurance-slider .slick-arrow.slick-prev {
right: auto !important;
left: calc(50% + 1.6667vw) !important
}
}
.insurance-card {
width: 10.5263vw;
height: 10.5263vw;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #fff2df;
position: relative;
z-index: 2;
-webkit-box-shadow: .2105vw .2105vw 1.0526vw rgba(158, 158, 158, .3);
box-shadow: .2105vw .2105vw 1.0526vw rgba(158, 158, 158, .3);
font-size: 1.0526vw;
font-weight: 700;
line-height: 1.3;
color: #604032;
text-align: center;
cursor: pointer;
margin-left: auto;
margin-right: auto
}
.insurance-card:before {
content: "";
display: block;
width: calc(100% + 1.0526vw * 2);
height: calc(100% + 1.0526vw * 2);
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
background: #7bb64c;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
opacity: 0
}
.insurance-card .card-text {
width: 100%;
height: 100%;
z-index: 2;
position: relative;
background: #fff2df;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1.0526vw
}
.slick-current .insurance-card:before {
opacity: 1
}
@media screen and (max-width: 991px) {
.insurance-card {
width: 31.6667vw;
height: 31.6667vw;
-webkit-box-shadow: .8333vw .8333vw 4.7222vw rgba(158, 158, 158, .3);
box-shadow: .8333vw .8333vw 4.7222vw rgba(158, 158, 158, .3);
font-size: 3.8889vw;
line-height: 1.5
}
.insurance-card:before {
width: calc(100% + 3.0556vw * 2);
height: calc(100% + 3.0556vw * 2)
}
.insurance-card .card-text {
padding: 4.1667vw
}
}
.quiz-modal, .quiz-modal--img {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 500;
background: #b57f4a;
opacity: 0;
pointer-events: none;
visibility: hidden;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
@media screen and (min-width: 992px) {
.quiz-modal,
.quiz-modal--img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (max-width: 991px) {
.quiz-modal,
.quiz-modal--img {
overflow-y: auto
}
}
.quiz-modal.visible, .quiz-modal--img.visible {
opacity: 1;
pointer-events: auto;
visibility: visible
}
.quiz-modal .modal-dialog, .quiz-modal--img .modal-dialog {
margin-left: auto;
margin-right: auto
}
@media screen and (min-width: 992px) {
.quiz-modal .modal-dialog,
.quiz-modal--img .modal-dialog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 78.7368vw;
height: 45.5789vw
}
}
.quiz-modal .modal-dialog .modal-content, .quiz-modal--img .modal-dialog .modal-content {
width: 100%
}
@media screen and (max-width: 991px) {
.quiz-modal .modal-dialog,
.quiz-modal--img .modal-dialog {
margin: 16.6667vw auto;
width: calc(100vw - 8.3333vw);
height: auto
}
}
.quiz-component {
background: #fff;
border-radius: 2.6316vw;
width: 100%;
position: relative;
height: 45.5789vw
}
@media screen and (max-width: 991px) {
.quiz-component {
border-radius: 5.5556vw; height: 100%;
overflow-y: auto;
}
}
.quiz-component .cmp-steps .cmp-step {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
padding: 4.5789vw 5.4211vw 0 .7895vw;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.quiz-component .cmp-steps .cmp-step:before {
content: "";
display: block;
width: 23vw;
height: 19.3684vw;
left: 4.2105vw;
top: 1.4737vw;
position: absolute;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 437 368'%3E%3Cpath d='M73.7 111.22a44.75 44.75 0 1 1-54.04 71.33 44.75 44.75 0 0 1 54.05-71.33Z' stroke='%23E7D3BF' stroke-width='3'/%3E%3Cpath d='M181.58 13.3a53.7 53.7 0 1 1-64.86 85.6 53.7 53.7 0 0 1 64.86-85.6Z' stroke='%23E7D3BF' stroke-width='3'/%3E%3Cpath d='M310.42 21.1a53.7 53.7 0 1 1-64.86 85.6 53.7 53.7 0 0 1 64.86-85.6Z' stroke='%23E7D3BF' stroke-width='3'/%3E%3Cpath d='M417.42 102.17a44.75 44.75 0 1 1-54.05 71.33 44.75 44.75 0 0 1 54.05-71.33Z' stroke='%23E7D3BF' stroke-width='3'/%3E%3Cpath d='M98.34 197.25c-54.05 71.33-16.88 155.64 29.6 168.4 44.75.22 51.32-26.24 62.9-53.39 14.5-33.93 48.43-19.45 57.3-1.5 8.86 17.94 31.98 46.7 57.06 43.24 25.07-3.46 43.02-12.32 61.18-65.93 18.16-53.6-15.55-112.84-70.89-143.54-55.34-30.7-143.1-18.6-197.15 52.72Z' stroke='%23E7D3BF' stroke-width='3'/%3E%3C/svg%3E") no-repeat center center/contain
}
.quiz-component .cmp-steps .cmp-step .step-inner .step-content {
width: 33.2105vw
}
.quiz-component .cmp-steps .cmp-step .step-inner .step-image {
position: absolute;
left: 0;
bottom: 0
}
.quiz-component .cmp-steps .cmp-step .step-inner .step-image img {
display: block;
width: 100%;
height: auto
}
.quiz-component .cmp-steps .cmp-step .step-logo {
position: absolute;
z-index: 2;
left: 5.3684vw;
top: 4.5789vw
}
.quiz-component .cmp-steps .cmp-step .step-logo img {
height: 4.2105vw;
width: auto;
display: block
}
.quiz-component .cmp-steps .cmp-step .cmp-step-title {
font-size: 3.7895vw;
line-height: 3.4211vw;
padding-bottom: 2.1579vw;
margin-bottom: 2.2632vw;
font-family: var(--second-font);
color: #b57f4a;
font-weight: 400;
position: relative
}
.quiz-component .cmp-steps .cmp-step .cmp-step-title:after {
content: "";
display: block;
width: 21.0526vw;
height: .5789vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 11'%3E%3Cellipse cx='200' cy='5.5' rx='200' ry='5.5' fill='%23000' fill-opacity='.15'/%3E%3C/svg%3E") no-repeat center center/contain;
position: absolute;
right: 0;
bottom: 0
}
@media screen and (min-width: 992px) {
.quiz-component .cmp-steps .cmp-step .form-submit .btn {
min-width: 15.7895vw;
padding: .5263vw 1.6842vw;
font-size: 1.6842vw;
font-weight: 700
}
.quiz-component .cmp-steps .cmp-step .form-submit .btn .btn-icon {
margin-right: auto;
width: 1.5789vw;
height: 1.5789vw
}
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image, .quiz-component .cmp-steps .cmp-step.cmp-step-3 .step-inner .step-image {
width: 39.0526vw;
left: .7895vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image {
width: 42.1053vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
opacity: 0;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image img.active {
opacity: 1
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image img.cat {
width: 45.4737vw;
left: 2.6316vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image img.dog {
width: 24.1579vw;
bottom: .7368vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-4 .step-inner .step-image {
width: 42.1053vw;
top: 0
}
.quiz-component .cmp-steps .cmp-step.cmp-step-4 .step-inner .step-image img {
position: absolute
}
.quiz-component .cmp-steps .cmp-step.cmp-step-4 .step-inner .step-image img.cat3 {
width: 45.4737vw;
left: 2.6316vw;
bottom: 0
}
.quiz-component .cmp-steps .cmp-step.cmp-step-4 .step-inner .step-image img.dog3 {
width: 24.1579vw;
bottom: .7368vw;
left: 0
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-bg {
width: 71.8947vw;
height: 100%;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-bg img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-content {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 5.1053vw;
z-index: 2;
text-align: center
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-content .step-text {
font-size: 1.6842vw;
line-height: 1;
color: #360623;
font-weight: 700
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-content .section-caption {
text-align: center;
margin-bottom: 1.6842vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-content .section-caption .sc-title {
padding-bottom: 1.3684vw;
position: relative
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-content .section-caption .sc-title:after {
content: "";
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 21.0526vw;
height: .5789vw;
bottom: 0;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 11'%3E%3Cellipse cx='200' cy='5.5' rx='200' ry='5.5' fill='%23000' fill-opacity='.15'/%3E%3C/svg%3E") no-repeat center center/contain
}
.step-logo.mb-o {
display: none !important;
}
@media screen and (max-width: 991px) {
.step-logo.mb-o {
display: flex !important;
width: 100%;
height: 10.6667vw;
align-items: center;
justify-content: center;
}
.quiz-component .cmp-steps .cmp-step {
padding: 14.3333vw 4.1667vw 8.3333vw;
position: absolute
}
.quiz-component .cmp-steps .cmp-step .step-logo {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.quiz-component .cmp-steps .cmp-step .step-logo img {
height: 36px;
width: auto;
display: block
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 {
position: static
}
.quiz-component .cmp-steps .cmp-step:before {
display: none
}
.quiz-component .cmp-steps .cmp-step .step-inner .step-content {
width: 100%
}
.quiz-component .cmp-steps .cmp-step .step-inner .step-image {
display: none
}
.quiz-component .cmp-steps .cmp-step .cmp-step-title { font-size: 7.2889vw;
line-height: 1.2;
padding-bottom: 4.4444vw;
margin-bottom: 5.5556vw;
text-align: center
}
.quiz-component .cmp-steps .cmp-step .cmp-step-title:after {
width: 72.2222vw;
height: 1.9444vw
}
.quiz-component .cmp-steps .cmp-step .form-submit .btn {
width: 100%
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image,
.quiz-component .cmp-steps .cmp-step.cmp-step-3 .step-inner .step-image {
width: 39.0526vw;
left: .7895vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image {
width: 42.1053vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
opacity: 0;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image img.active {
opacity: 1
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image img.cat {
width: 45.4737vw;
left: 2.6316vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image img.dog {
width: 24.1579vw;
bottom: .7368vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-4 .step-inner .step-image {
width: 24.1579vw;
bottom: .7368vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-bg {
display: none
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-content {
top: 25.1053vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-content .step-text {
font-size: 4.4444vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-content .section-caption {
margin-bottom: 4.4444vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-content .section-caption .sc-title {
padding-bottom: 4.4444vw;
position: relative
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-content .section-caption .sc-title:after {
width: 72.2222vw;
height: 1.9444vw
}
}
.quiz-modal.visible .quiz-component[data-step="1"] .cmp-steps .cmp-step-1 {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.quiz-modal.visible .quiz-component[data-step="2"] .cmp-steps .cmp-step-2 {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.quiz-modal.visible .quiz-component[data-step="3"] .cmp-steps .cmp-step-3 {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.quiz-modal.visible .quiz-component[data-step="4"] .cmp-steps .cmp-step-4 {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.quiz-modal.visible .quiz-component[data-step="5"] .cmp-steps .cmp-step-final {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.quiz-component .step-form {
width: 28.6842vw
}
.quiz-component .step-form .form-text {
padding: 1.2105vw 0 2.2105vw;
font-size: 1.6842vw;
line-height: 1;
color: #360623;
font-weight: 700
}
.quiz-component .step-form .form-text .form-text-dog, .quiz-component .step-form .form-text .form-text-cat {
display: none;
font-size: 1.6842vw;
line-height: 1;
color: #360623;
font-weight: 700
}
.quiz-component .step-form .form-text .form-text-dog.show, .quiz-component .step-form .form-text .form-text-cat.show {
display: block;
}
.quiz-component .step-form .form-fields {
display: -ms-grid;
display: grid;
grid-gap: .7368vw 1.1579vw;
margin-bottom: 1vw
}
.quiz-component .step-form .form-fields .wide {
grid-column: 1/-1
}
.quiz-component .step-form .form-fields.columns-2 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr
}
.quiz-component .step-form .cmp-field {
width: 100%;
height: 3.4211vw;
border-radius: .3684vw;
border: .2105vw solid #dfcac0;
padding: 0 1.5789vw 0.5208vw;
font-size: 1.6842vw;
line-height: 1.5;
color: #000;
font-family: var(--main-font);
text-align: right;
}
.quiz-component .step-form .cmp-field::-webkit-input-placeholder {
color: #000;
opacity: 1
}
.quiz-component .step-form .cmp-field:-ms-input-placeholder {
color: #000;
opacity: 1
}
.quiz-component .step-form .cmp-field::-ms-input-placeholder {
color: #000;
opacity: 1
}
.quiz-component .step-form .cmp-field::placeholder {
color: #000;
opacity: 1
}
.quiz-component .step-form .cmp-field:focus {
outline: 0
}
@media screen and (max-width: 991px) {
.quiz-component .step-form {
width: 100%
}
.quiz-component .step-form .form-text {
padding: 8.3333vw 0;
font-size: 5vw
}
.quiz-component .step-form .form-text .form-text-dog,
.quiz-component .step-form .form-text .form-text-cat {
font-size: 5vw
}
.quiz-component .step-form .form-fields {
grid-gap: 2.7778vw;
margin-bottom: 5.5556vw
}
.quiz-component .step-form .cmp-field {
height: 13.8889vw;
border-radius: 1.6667vw;
border-width: .5556vw;
padding: 0 4.4444vw 2.2222vw;
font-size: 4.4444vw
}
}
.quiz-component .cmp-steps-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5.1053vw;
margin-bottom: 1.3158vw
}
.quiz-component .cmp-steps-nav li {
position: relative
}
.quiz-component .cmp-steps-nav li:after {
content: "";
display: block;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 94 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.15 16.44.2 2.27 17.45.73l-2.69 5.8c3.87.73 7.63.74 12.13.74h.13c7.44 0 14.96-.07 22.23-1.05 3.48-.47 6.9-1.39 10.42-2.33l1.08-.3c3.87-1.02 7.86-2.03 11.99-2.34 3.04-.22 7.34-.1 9.26-.06l.23.01c1.92.05 8 .82 10.56 1.33a1.5 1.5 0 1 1-.6 2.94A98.43 98.43 0 0 0 82.16 4.2h-.2c-1.93-.06-6.1-.17-8.99.04-3.81.29-7.56 1.22-11.43 2.26l-1.1.3c-3.5.93-7.1 1.9-10.78 2.4-7.5 1-15.2 1.07-22.63 1.07h-.22c-4.7 0-8.88 0-13.34-.95l-3.3 7.12Z' fill='%23E7D3BF'/%3E%3C/svg%3E") no-repeat center center/contain;
width: 4.9474vw;
height: .8947vw;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: calc(100% + .3158vw);
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.quiz-component .cmp-steps-nav li:first-child:after {
-webkit-transform: translateY(-50%) scaleY(-1);
-ms-transform: translateY(-50%) scaleY(-1);
transform: translateY(-50%) scaleY(-1)
}
.quiz-component .cmp-steps-nav li:last-child:after {
display: none
}
.quiz-component .cmp-steps-nav li .step-btn {
width: 4.4737vw;
height: 3.6316vw;
font-family: var(--second-font);
color: #e7d3bf;
font-size: 3.7895vw;
line-height: 3.4211vw;
text-align: center;
font-weight: 400;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.quiz-component .cmp-steps-nav li .step-btn:before {
content: "";
display: block;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 83 71'%3E%3Cpath d='M14.66 22.15a8.16 8.16 0 1 1-9.85 13.01 8.16 8.16 0 0 1 9.85-13Z' fill='%23F2DBD1'/%3E%3Cpath d='M34.34 4.3A9.8 9.8 0 1 1 22.5 19.9 9.8 9.8 0 0 1 34.34 4.3Z' fill='%23F2DBD1'/%3E%3Cpath d='M57.84 5.72A9.8 9.8 0 1 1 46 21.32a9.8 9.8 0 0 1 11.83-15.6Z' fill='%23F2DBD1'/%3E%3Cpath d='M77.35 20.5a8.16 8.16 0 1 1-9.86 13.01 8.16 8.16 0 0 1 9.86-13Z' fill='%23F2DBD1'/%3E%3Cpath d='M19.16 37.84c-9.86 13.01-3.08 28.39 5.4 30.72 8.15.04 9.35-4.79 11.47-9.74 2.64-6.19 8.83-3.55 10.45-.28 1.61 3.28 5.83 8.52 10.4 7.89 4.58-.63 7.85-2.25 11.16-12.02 3.31-9.78-2.84-20.58-12.93-26.18-10.09-5.6-26.1-3.4-35.95 9.61Z' fill='%23F2DBD1'/%3E%3Cpath d='M14.66 22.15a8.16 8.16 0 1 1-9.85 13.01 8.16 8.16 0 0 1 9.85-13Z' stroke='%23EBCBBC' stroke-width='3'/%3E%3Cpath d='M34.34 4.3A9.8 9.8 0 1 1 22.5 19.9 9.8 9.8 0 0 1 34.34 4.3Z' stroke='%23EBCBBC' stroke-width='3'/%3E%3Cpath d='M57.84 5.72A9.8 9.8 0 1 1 46 21.32a9.8 9.8 0 0 1 11.83-15.6Z' stroke='%23EBCBBC' stroke-width='3'/%3E%3Cpath d='M77.35 20.5a8.16 8.16 0 1 1-9.86 13.01 8.16 8.16 0 0 1 9.86-13Z' stroke='%23EBCBBC' stroke-width='3'/%3E%3Cpath d='M19.16 37.84c-9.86 13.01-3.08 28.39 5.4 30.72 8.15.04 9.35-4.79 11.47-9.74 2.64-6.19 8.83-3.55 10.45-.28 1.61 3.28 5.83 8.52 10.4 7.89 4.58-.63 7.85-2.25 11.16-12.02 3.31-9.78-2.84-20.58-12.93-26.18-10.09-5.6-26.1-3.4-35.95 9.61Z' stroke='%23EBCBBC' stroke-width='3'/%3E%3C/svg%3E") no-repeat center center/contain;
width: 4.3684vw;
height: 3.7368vw;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(calc(-50% + .1579vw), calc(-50% - .1053vw));
-ms-transform: translate(calc(-50% + .1579vw), calc(-50% - .1053vw));
transform: translate(calc(-50% + .1579vw), calc(-50% - .1053vw));
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
opacity: 0;
z-index: -1
}
.quiz-component .cmp-steps-nav li.current .step-btn {
color: #360623
}
.quiz-component .cmp-steps-nav li.current .step-btn:before {
opacity: 1
}
.quiz-component .cmp-steps-nav li.current:after {
background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 94 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.15 16.44.2 2.27 17.45.73l-2.69 5.8c3.87.73 7.63.74 12.13.74h.13c7.44 0 14.96-.07 22.23-1.05 3.48-.47 6.9-1.39 10.42-2.33l1.08-.3c3.87-1.02 7.86-2.03 11.99-2.34 3.04-.22 7.34-.1 9.26-.06l.23.01c1.92.05 8 .82 10.56 1.33a1.5 1.5 0 1 1-.6 2.94A98.43 98.43 0 0 0 82.16 4.2h-.2c-1.93-.06-6.1-.17-8.99.04-3.81.29-7.56 1.22-11.43 2.26l-1.1.3c-3.5.93-7.1 1.9-10.78 2.4-7.5 1-15.2 1.07-22.63 1.07h-.22c-4.7 0-8.88 0-13.34-.95l-3.3 7.12Z' fill='%23360623'/%3E%3C/svg%3E")
}
@media screen and (max-width: 991px) {
.quiz-component .cmp-step.cmp-step-1 .cmp-steps-nav,
.quiz-component .cmp-step.cmp-step-3 .cmp-steps-nav {
margin-bottom: 0;
}
.quiz-component .cmp-steps-nav {
gap: 5.5vw;
margin-bottom: 11.1111vw;
}
.quiz-component .cmp-steps-nav li:after {
width: 6.3333vw;
height: 3.1667vw;
right: calc(100% + -1.4444vw);
}
.quiz-component .cmp-steps-nav li .step-btn {
width: 12.2222vw;
height: 12.3333vw;
font-size: 10.4444vw;
line-height: 8.3333vw;
}
.quiz-component .cmp-steps-nav li .step-btn:before {
width: 12.2222vw;
height: 12.3333vw
}
}
.quiz-component .cmp-radio .fake-label {
width: 100%;
height: 3.4211vw;
border: .2105vw solid #dfcac0;
border-radius: .3684vw;
padding-right: 3.1579vw;
padding-left: .5263vw;
font-size: 1.6842vw;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
cursor: pointer;
color: #000
}
.quiz-component .cmp-radio .fake-label:after, .quiz-component .cmp-radio .fake-label:before {
content: "";
display: block;
width: 1.2632vw;
height: 1.2632vw;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: .9474vw;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.quiz-component .cmp-radio .fake-label:before {
border-radius: .2632vw;
border: .1053vw solid #cc9662
}
.quiz-component .cmp-radio .fake-label:after {
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.71 7.21a1 1 0 0 0-1.42 0l-7.45 7.46-3.13-3.14A1.02 1.02 0 1 0 5.29 13l3.84 3.84a1 1 0 0 0 1.42 0l8.16-8.16a1 1 0 0 0 0-1.47Z' fill='%23CC9662'/%3E%3C/svg%3E") no-repeat center center/contain;
opacity: 0
}
@media screen and (max-width: 991px) {
.quiz-component .cmp-radio .fake-label {
height: 13.8889vw;
border-radius: 1.6667vw;
border-width: .5556vw;
padding: 0 4.4444vw;
font-size: 4.4444vw;
padding-right: 10vw
}
.quiz-component .cmp-radio .fake-label:after,
.quiz-component .cmp-radio .fake-label:before {
width: 6.6667vw;
height: 6.6667vw;
right: 1.6667vw
}
.quiz-component .cmp-radio .fake-label:before {
border-radius: 1vw
}
}
.quiz-component .cmp-radio input:checked ~ .fake-label:after {
opacity: 1
}
.quiz-component .breed {
display: none
}
.quiz-close {
position: absolute;
right: 1.8421vw;
top: 1.8421vw;
width: 2.8421vw;
height: 2.6842vw;
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 51'%3E%3Cpath d='M1.58 50.4c-.43 0-.81-.14-1.15-.43A1.72 1.72 0 0 1 0 48.82v-.3c.05-.14.12-.3.22-.5l15.12-23.4L1.73 2.38a1.8 1.8 0 0 1-.22-.8c0-.43.15-.79.43-1.08.34-.33.72-.5 1.16-.5h15.62c.96 0 1.66.24 2.09.72.48.48.79.84.93 1.08l5.04 8.78 5.48-8.78c.14-.24.45-.6.93-1.08.48-.48 1.18-.72 2.09-.72h14.9c.44 0 .8.17 1.08.5.34.3.5.65.5 1.08 0 .3-.06.56-.2.8L37.65 24.4l15.33 23.61c.1.2.15.36.15.5.04.1.07.2.07.3 0 .43-.17.81-.5 1.15-.3.29-.65.43-1.09.43h-16.2c-.9 0-1.6-.22-2.08-.65a5.27 5.27 0 0 1-.87-1l-6.26-9.65-5.98 9.64c-.1.2-.38.53-.86 1.01-.43.43-1.13.65-2.09.65H1.58ZM9.86 3.24l-.79-.43-.43.86.65.72.5-.57.07-.58Zm35 0-.87-.14.22.79.57.65.58-.8-.5-.5ZM13.6 4.46c-.1-.38-.2-.67-.29-.86-.1-.2-.34-.29-.72-.29-.38 0-.6.1-.65.29-.05.2-.14.46-.29.8-.19.47-.12.86.22 1.14.29.24.53.44.72.58.2.14.43.12.72-.07.34-.24.5-.46.5-.65 0-.24-.07-.55-.21-.94ZM18.14 8a4.02 4.02 0 0 0-.86-.79c-.24-.2-.6-.2-1.08 0-.48.2-.77.43-.86.72-.05.29-.05.7 0 1.22.04.63.04 1.16 0 1.59 0 .43.3.72.93.86.72.2 1.25.2 1.59 0 .38-.24.76-.67 1.15-1.3.33-.52.36-.9.07-1.15A77.7 77.7 0 0 1 18.14 8Zm24.2.22-.72-.07-.22.5.22.72.79-.36-.07-.8Zm-2.45 3.89c-.24-.87-.58-1.4-1.01-1.59a5.05 5.05 0 0 0-2.09-.43c-.81-.05-1.37.1-1.65.43-.3.34-.58.89-.87 1.66a5.56 5.56 0 0 0-.43 1.8c.05.43.38.91 1 1.44.73.57 1.33.91 1.8 1 .49.05 1.11-.19 1.88-.71.82-.53 1.32-1.01 1.51-1.44.2-.48.15-1.2-.14-2.16Zm-25.85 1.36c-.14-.33-.26-.6-.36-.79-.05-.19-.24-.26-.58-.21-.67.1-1.08.45-1.22 1.08-.05.38 0 .64.14.79l.72.36c.24.14.41.19.5.14l.58-.43c.3-.29.36-.6.22-.94Zm10.15 1.44c-.05-.28-.24-.48-.57-.57-.3-.05-.53-.1-.72-.15-.15-.1-.3-.02-.44.22-.14.29-.19.5-.14.65l.43.57c.34.34.7.41 1.08.22.24-.1.36-.22.36-.36v-.58Zm7.56 3.9c-.96-.06-1.73-.1-2.3-.15-.58-.1-1.03.29-1.37 1.15a6.88 6.88 0 0 0-.5 2.6c.04.57.52 1.22 1.44 1.94.76.67 1.39.76 1.87.28.48-.48 1.13-.98 1.94-1.5.58-.4.94-.75 1.08-1.09.15-.33.12-.81-.07-1.44-.2-.67-.43-1.13-.72-1.37-.24-.24-.7-.38-1.37-.43Zm-11.16.64-.57-.5-.5.57.14.8.93-.08v-.79Zm1.15 4.1c-.52-.24-.93-.28-1.22-.14-.24.1-.55.36-.94.8-.38.38-.57.71-.57 1 0 .24.12.6.36 1.08.29.48.53.84.72 1.08.24.24.65.29 1.22.14.53-.1.8-.28.8-.57 0-.34.04-.8.14-1.37.05-.53.1-.94.14-1.22.05-.34-.17-.6-.65-.8Zm14.7 7.06c-1.16-1.1-2.17-1.58-3.03-1.44-.82.1-1.92.53-3.31 1.3-.72.38-1.16.79-1.3 1.22-.1.43-.05.96.14 1.58.2.58.36 1.25.5 2.02.15.96.37 1.66.66 2.09.28.43.88.72 1.8.86 1 .15 1.75.1 2.23-.14.53-.24 1-.84 1.44-1.8.43-.87.84-1.59 1.22-2.16.43-.63.65-1.2.65-1.73.05-.53-.29-1.13-1-1.8ZM21.1 36.94c-.34-1.1-.63-1.97-.87-2.6-.19-.67-.86-1-2.01-1-1.25 0-2.1.26-2.52.79a9.68 9.68 0 0 0-1.16 2.52 7.53 7.53 0 0 0-.5 2.73c.1.63.65 1.3 1.66 2.02a7.36 7.36 0 0 0 2.66 1.37c.72.14 1.6-.2 2.66-1.01 1.01-.72 1.37-1.42 1.08-2.09a36.8 36.8 0 0 1-1-2.73Zm20.73 3.96c-.24-.05-.43-.1-.57-.15-.15-.05-.3.05-.44.29-.28.48-.26.89.08 1.22.19.2.36.27.5.22.14-.1.34-.2.58-.29.33-.14.48-.38.43-.72-.05-.29-.24-.48-.58-.57Zm-31.32 1.94a5.46 5.46 0 0 0-.5-1.44c-.2-.34-.63-.53-1.3-.58a3.3 3.3 0 0 0-1.65.22c-.34.2-.63.65-.87 1.37-.29.57-.29 1 0 1.3.29.28.67.64 1.15 1.07.44.34.77.5 1.01.5.29-.04.67-.2 1.15-.5.44-.28.75-.55.94-.79.2-.24.22-.62.07-1.15Zm23.33 1.3-.22-.65c-.04-.2-.24-.29-.57-.29-.34 0-.55.1-.65.29-.1.14-.2.36-.29.65-.05.33-.07.6-.07.79.05.14.2.29.43.43.24.2.41.22.5.07.15-.14.34-.31.58-.5.29-.24.39-.5.29-.8ZM46.15 46c0-.29-.21-.5-.65-.65-.33-.05-.6-.12-.79-.22-.14-.1-.29 0-.43.3-.2.23-.24.42-.14.57.14.14.3.36.5.65.14.19.29.33.43.43.15.1.34.1.58 0 .29-.1.43-.22.43-.36.05-.2.07-.43.07-.72Zm-8.13-.43c-.34-.1-.58-.03-.72.21-.1.2-.17.36-.22.5-.05.1 0 .25.14.44.15.19.3.33.44.43.14.1.33.1.57 0 .53-.2.77-.55.72-1.08 0-.24-.1-.36-.29-.36-.19 0-.4-.05-.64-.14Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center/contain
}
.modal-n.pay .quiz-close {
display: none !important;
}
.modal-n .quiz-component .cmp-steps .cmp-step-final .btn-back { }
@media screen and (max-width: 991px) {
.quiz-close {
width: 8.3333vw;
height: 8.3333vw;
right: 4.1667vw;
top: 4.1667vw
}
}
.pretty-radios-block {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 1.3158vw;
max-width: 28.4737vw;
margin-bottom: 1.1579vw
}
@media screen and (max-width: 991px) {
.pretty-radios-block {
grid-gap: 4.4444vw;
max-width: 100%;
margin-bottom: 4.4444vw
}
}
.pretty-radio .fake-label {
width: 100%;
height: 10.9474vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.6842vw;
line-height: 1;
text-align: center;
color: #000;
border-radius: .3684vw;
border: .2105vw solid #cc9662;
padding-top: 1.1053vw;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
cursor: pointer
}
.pretty-radio .fake-label .card-icon {
width: 5.2632vw;
height: 5.2632vw;
fill: currentcolor;
margin-bottom: .9474vw;
display: block
}
.pretty-radio .fake-label .card-icon.card--dog, .pretty-radio .fake-label .card-icon.card--cat {
display: none;
}
.pretty-radio .fake-label .card-icon.card--dog.show, .pretty-radio .fake-label .card-icon.card--cat.show {
display: block;
}
.pretty-radio .fake-label .card-icon.card-icon--age {
stroke: #000;
}
.pretty-radio .fake-label:hover .card-icon.card-icon--age {
stroke: #fff;
}
.pretty-radio .fake-label:hover {
background: #cc9662;
color: #fff
}
@media screen and (max-width: 991px) {
.pretty-radio .fake-label {
height: 44.4444vw;
font-size: 5vw;
border-width: .5556vw;
padding-top: 10vw;
border-radius: 5.5556vw
}
.pretty-radio .fake-label .card-icon {
width: 13.3333vw;
height: 13.3333vw;
margin-bottom: 4.4444vw
}
}
.pretty-radio input:checked ~ .fake-label {
color: #fff;
background: #cc9662;
border-color: #360623
}
.pretty-radio input:checked ~ .fake-label .card-icon.card-icon--age {
stroke: #fff;
}
.breed-select {
position: relative
}
.breed-select input {
width: 100%;
height: 3.4211vw;
border-radius: .3684vw;
border: .2105vw solid #dfcac0;
padding: 0 1.5789vw 0.5208vw;
font-size: 1.6842vw;
line-height: 1.5;
color: #000;
font-family: var(--main-font)
}
.breed-select input::-webkit-input-placeholder {
color: #000;
opacity: 1
}
.breed-select input:-ms-input-placeholder {
color: #000;
opacity: 1
}
.breed-select input::-ms-input-placeholder {
color: #000;
opacity: 1
}
.breed-select input::placeholder {
color: #000;
opacity: 1
}
.breed-select input:focus {
outline: 0
}
@media screen and (max-width: 991px) {
.breed-select input {
height: 13.8889vw;
border-radius: 1.6667vw;
border-width: .5556vw;
padding: 0 4.4444vw 2.2222vw;
font-size: 4.4444vw
}
}
.breed-select .suggestions {
position: absolute;
left: 0;
right: 0;
top: calc(100% + .5789vw);
max-height: 18.1053vw;
overflow-y: auto;
background: #fff;
-webkit-box-shadow: 0 .2105vw .8947vw rgba(227, 143, 103, .5);
box-shadow: 0 .2105vw .8947vw rgba(227, 143, 103, .5);
border-radius: .3684vw;
z-index: 50;
visibility: hidden;
pointer-events: none;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t);
opacity: 0
}
.breed-select .suggestions.active {
visibility: visible;
pointer-events: auto;
opacity: 1
}
.breed-select .suggestions li button {
font-size: 1.6842vw;
line-height: 2;
color: #000;
padding: 0 1.8421vw
}
.breed-select .suggestions li button:focus, .breed-select .suggestions li button:hover {
color: #b57f4a
}
@media screen and (max-width: 991px) {
.breed-select .suggestions {
-webkit-box-shadow: 0 1vw 2vw rgba(227, 143, 103, .5);
box-shadow: 0 1vw 2vw rgba(227, 143, 103, .5);
max-height: 80vw;
top: auto;
bottom: calc(100% + 2vw);
border-radius: 1.1111vw
}
.breed-select .suggestions li button {
font-size: 4.4444vw;
padding: 0 4.4444vw
}
}
.anim {
-webkit-animation-fill-mode: forwards !important;
animation-fill-mode: forwards !important;
opacity: 0;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.anim.single-project {
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.anim.single-project.done {
opacity: 1 !important
}
.anim-stage > * {
-webkit-animation-fill-mode: forwards !important;
animation-fill-mode: forwards !important;
opacity: 0
}
@keyframes zoom {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
color: #00f5c9
}
}
@keyframes zoom-fade {
from {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes line {
0% {
width: 0;
opacity: 0
}
100% {
width: 510px;
opacity: 1
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
70% {
-webkit-transform: rotate(300deg);
transform: rotate(300deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1
}
}
@keyframes slide {
to {
width: 100%;
opacity: 1
}
}
@keyframes slide-height {
from {
opacity: 1
}
to {
height: 100%;
opacity: 1
}
}
@keyframes fade {
to {
opacity: 1
}
}
@keyframes fade-left {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fade-right {
from {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fade-up {
from {
-webkit-transform: translateY(10%);
transform: translateY(10%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.anim-stage > * {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0
}
@keyframes anim-stage {
from {
opacity: 0;
-webkit-transform: translateY(60px);
transform: translateY(60px)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fade-up-2 {
from {
-webkit-transform: translateY(20%);
transform: translateY(20%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fade-up-3 {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0
}
50% {
opacity: 0
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fade-down {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@media screen and (max-width: 991px) {
.anim-stage > * {
opacity: 1
}
@-webkit-keyframes line {
0% {
width: 0;
opacity: 0
}
100% {
width: 247px;
opacity: 1
}
}
@keyframes line {
0% {
width: 0;
opacity: 0
}
100% {
width: 247px;
opacity: 1
}
}
@-webkit-keyframes circleShadow {
0% {
width: 11px;
height: 11px
}
100% {
width: 50px;
height: 50px
}
}
@keyframes circleShadow {
0% {
width: 11px;
height: 11px
}
100% {
width: 50px;
height: 50px
}
}
}
@media screen and (max-width: 575px) {
@-webkit-keyframes line {
0% {
width: 0;
opacity: 0
}
100% {
width: 150px;
opacity: 1
}
}
@keyframes line {
0% {
width: 0;
opacity: 0
}
100% {
width: 150px;
opacity: 1
}
}
}
.checkbox-form {
width: 100%;
margin-top: .8vw;
position: relative;
cursor: pointer
}
.checkbox-form input {
position: absolute;
margin: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
cursor: pointer;
z-index: 2
}
.checkbox-form span {
font-size: .8842vw;
line-height: 1.5;
color: #000;
font-family: var(--main-font);
padding-right: 1.6vw;
position: relative;
display: inline-block
}
.checkbox-form span a {
color: #000;
position: relative;
z-index: 3;
text-decoration: underline;
}
.checkbox-form span a:hover {
text-decoration: underline;
}
.checkbox-form span::before {
width: 1.3vw;
height: 1.3vw;
display: inline-block;
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
border: 2px solid #dfcac0;
border-radius: .3684vw
}
.checkbox-form input:checked ~ span::before {
background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 216 186'%3E%3Cpath d='M177.84 49.58a22.33 22.33 0 1 0 31.58 31.58 22.33 22.33 0 0 0-31.58-31.58Z' fill='%23B57F4A'/%3E%3Cpath d='M117.84 8.53a26.8 26.8 0 1 0 37.89 37.9 26.8 26.8 0 0 0-37.9-37.9Z' fill='%23B57F4A'/%3E%3Cpath d='M54.68 21.16a26.8 26.8 0 1 0 37.9 37.9 26.8 26.8 0 0 0-37.9-37.9Z' fill='%23B57F4A'/%3E%3Cpath d='M7.3 68.53A22.33 22.33 0 1 0 38.9 100.1 22.33 22.33 0 0 0 7.3 68.53Z' fill='%23B57F4A'/%3E%3Cpath d='M171.52 93.79c31.58 31.58 18.95 75.8-3.16 85.27-22.1 3.15-27.15-9.48-34.73-22.11-9.48-15.79-25.27-6.32-28.42 3.16-3.16 9.47-12.64 25.26-25.27 25.26-12.63 0-22.1-3.16-34.74-28.42-12.63-25.26 0-56.84 25.27-75.8 25.26-18.94 69.47-18.94 101.05 12.64Z' fill='%23B57F4A'/%3E%3C/svg%3E") no-repeat center center/90%
}
.form-field {
position: relative
}
.form-field .error {
position: absolute;
right: 1.5789vw;
bottom: 0.2083vw;
font-size: .7vw;
color: red;
font-weight: 500;
display: none
} .form-field .error.visible {
display: block !important;
}
@media screen and (max-width: 991px) {
.checkbox-form {
width: 100%;
margin-top: 5.2vw
}
.checkbox-form span {
font-size: 4.0444vw;
padding-right: 6.6vw
}
.checkbox-form span::before {
width: 5.8vw;
height: 5.8vw;
border-radius: 1.6667vw
}
.form-field .error {
font-size: 4.1vw;
color: red;
font-weight: 500;
position: absolute;
right: 4.4444vw;
bottom: 1.1111vw;
} .form-field.checkbox-form .error {
font-size: 4.1vw !important
}
.form-field.checkbox-form .error {
top: -72% !important
}
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image img.active, .quiz-component .cmp-steps .cmp-step.cmp-step-3 .step-inner .step-image img.active {
opacity: 1
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image, .quiz-component .cmp-steps .cmp-step.cmp-step-3 .step-inner .step-image {
left: 0
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image img, .quiz-component .cmp-steps .cmp-step.cmp-step-3 .step-inner .step-image img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
opacity: 0;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image img.dog, .quiz-component .cmp-steps .cmp-step.cmp-step-3 .step-inner .step-image img.dog {
width: 24.1579vw;
bottom: .7368vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image img.cat, .quiz-component .cmp-steps .cmp-step.cmp-step-3 .step-inner .step-image img.cat {
width: 45.4737vw;
left: 2.6316vw
}
.quiz-component .cmp-steps .cmp-step .step-inner .step-image {
position: absolute;
left: 0;
bottom: 0
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image img.active {
opacity: 1
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image {
left: 0
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image img {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
opacity: 0;
-webkit-transition: all var(--t);
-o-transition: all var(--t);
transition: all var(--t)
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image img.dog, .quiz-component .cmp-steps .cmp-step.cmp-step-3 .step-inner .step-image img.dog {
width: 24.1579vw;
bottom: .7368vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-1 .step-inner .step-image img.cat, .quiz-component .cmp-steps .cmp-step.cmp-step-3 .step-inner .step-image img.cat {
width: 45.4737vw;
left: 2.6316vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image {
width: 42.1053vw;
top: 0
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image img:not(.hidden) {
opacity: 1
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image img.dog3 {
width: 24.1579vw;
bottom: .7368vw;
left: 0
}
.quiz-component .cmp-steps .cmp-step.cmp-step-2 .step-inner .step-image img {
width: 45.4737vw;
left: 2.6316vw;
bottom: 0
}
.quiz-component .cmp-steps .cmp-step.cmp-step-4 .step-inner .step-image {
width: 39.0526vw;
left: .7895vw
}
.quiz-component .cmp-steps .cmp-step.cmp-step-4 .step-inner .step-image img {
bottom: 0
}
@media screen and (max-width: 991px) {
.quiz-component .cmp-steps .cmp-step {
padding: 14.3333vw 4.1667vw 38.3333vw
}
}
#contacts-section-new .form-fields,
#contacts-section .form-fields {
position: relative;
z-index: 2;
}
#contacts-section-new .form-fields .wpcf7-not-valid-tip.show,
#contacts-section .form-fields .wpcf7-not-valid-tip.show {
display: block !important;
}
@media screen and (max-width: 991px) {
.contacts-section-new .contacts-form form .form-fields {
grid-gap: 4.1667vw;
margin-bottom: 6.9444vw;
}
.form .wpcf7-not-valid-tip {
font-size: 3.8889vw;
}
}
.contacts-section-new form > p {
display: none;
} .faq {
}
.faq .faq__inner {
padding-bottom: 5.9896vw;
}
.faq .faq__header {
}
.faq .section-caption {
margin-bottom: 3.6458vw;
}
.faq .faq__accordion {
width: 100%;
}
.faq .accordion-item {
width: 100%;
background: #D5D1B4;
-webkit-border-radius: 1.5625vw;
-moz-border-radius: 1.5625vw;
border-radius: 1.5625vw;
padding: 1.6667vw 6.5625vw 1.3542vw 11.9792vw;
min-height: 6.0938vw;
position: relative;
z-index: 2;
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
-moz-transition: all .4s linear;
transition: all .4s linear;
cursor: pointer;
}
.faq .accordion-item.open {
background: #604032;
}
.faq .accordion-item.open::before, .faq .accordion-item.open::after {
top: 2.5000vw;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.faq .accordion-item.open::before {
opacity: 0;
}
.faq .accordion-item.open::after {
opacity: 1;
}
.faq .accordion-item::before, .faq .accordion-item::after {
content: "";
position: absolute;
top: 0.7813vw;
left: 6.6667vw;
width: 4.4792vw;
height: 4.4792vw;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
-moz-transition: all .4s linear;
transition: all .4s linear;
}
.faq .accordion-item::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86' height='86' fill='none'%3E%3Ccircle cx='32.395' cy='66.709' r='6.907' fill='%23604032' transform='rotate(-133.021 32.395 66.71)'/%3E%3Ccircle cx='21.288' cy='48.734' r='8.288' fill='%23604032' transform='rotate(-133.021 21.288 48.734)'/%3E%3Ccircle cx='25.869' cy='29.344' r='8.288' fill='%23604032' transform='rotate(-133.021 25.87 29.344)'/%3E%3Ccircle cx='40.075' cy='14.197' r='6.907' fill='%23604032' transform='rotate(-133.021 40.075 14.197)'/%3E%3Cpath fill='%23604032' d='M41.417 60.18c9.425 10.1 23.227 6.667 26.391-.065 1.213-6.8-2.638-8.497-6.462-10.975-4.78-3.097-1.683-7.877 1.28-8.752 2.962-.875 7.944-3.635 8.08-7.54.134-3.904-.741-6.866-8.416-11.041-7.674-4.175-17.571-.607-23.698 7-6.127 7.607-6.6 21.274 2.825 31.373Z'/%3E%3C/svg%3E");
}
.faq .accordion-item::after {
opacity: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86' height='86' fill='none'%3E%3Ccircle cx='32.381' cy='66.128' r='6.907' fill='%23D5D1B4' transform='rotate(-133.021 32.381 66.128)'/%3E%3Ccircle cx='21.274' cy='48.153' r='8.288' fill='%23D5D1B4' transform='rotate(-133.021 21.274 48.153)'/%3E%3Ccircle cx='25.855' cy='28.763' r='8.288' fill='%23D5D1B4' transform='rotate(-133.021 25.855 28.763)'/%3E%3Ccircle cx='40.06' cy='13.616' r='6.907' fill='%23D5D1B4' transform='rotate(-133.021 40.06 13.616)'/%3E%3Cpath fill='%23D5D1B4' d='M41.403 59.6c9.425 10.098 23.226 6.666 26.391-.067 1.212-6.8-2.638-8.496-6.462-10.974-4.78-3.097-1.683-7.877 1.28-8.752 2.962-.875 7.944-3.635 8.079-7.54.135-3.904-.74-6.867-8.415-11.041-7.675-4.175-17.572-.607-23.699 7-6.127 7.607-6.599 21.274 2.826 31.373Z'/%3E%3C/svg%3E");
}
.faq .accordion-item:not(:first-child) {
margin-top: 1.5625vw;
}
.faq .accordion-item.open .accordion-title {
color: #fff;
}
.faq .accordion-title {
font-family: var(--main-font);
font-weight: 600;
font-size: 1.8750vw;
color: #604032;
position: relative;
z-index: 2;
padding-right: 3.2292vw;
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
-moz-transition: all .4s linear;
transition: all .4s linear;
}
.faq .accordion-item.open .accordion-title::before {
-webkit-transform: rotate(-29deg);
-moz-transform: rotate(-29deg);
-ms-transform: rotate(-29deg);
-o-transform: rotate(-29deg);
transform: rotate(-29deg);
}
.faq .accordion-title::before {
content: "";
position: absolute;
top: -0.4167vw;
right: -0.3125vw;
width: 3.5417vw;
height: 3.4896vw;
background: url(//www.bfriend.co.il/wp-content/themes/bfriend/img/bone.png) no-repeat center/contain;
-webkit-transition: all .4s linear;
-o-transition: all .4s linear;
-moz-transition: all .4s linear;
transition: all .4s linear;
}
.faq .accordion-content {
display: none;
}
.faq .accordion-text {
padding: 0.8333vw 3.2292vw 0 0;
font-family: var(--main-font);
font-weight: 400;
line-height: 1.16;
font-size: 1.2500vw;
color: #FFF;
}
@media screen and (max-width: 991px) {
.faq {
margin-bottom: -19.4444vw;
}
.faq .faq__inner {
padding-top: 19.4444vw;
padding-bottom: 0;
}
.faq .section-caption {
margin-bottom: 4.1667vw;
}
.faq .faq__accordion {
width: 100%;
}
.faq__header .sc-title br {
display: none;
}
.faq .accordion-item {
-webkit-border-radius: 4.1667vw;
-moz-border-radius: 4.1667vw;
border-radius: 4.1667vw; padding: 5.5556vw 11.9444vw 5.5556vw 16.6667vw;
min-height: 21.1111vw;
-webkit-tap-highlight-color: transparent;
}
.faq .accordion-item.open::before,
.faq .accordion-item.open::after {
top: 4.1667vw;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.faq .accordion-item::before,
.faq .accordion-item::after { top: 4.1667vw;
left: 2.7778vw;
width: 12.2222vw;
height: 12.2222vw;
}
.faq .accordion-item:not(:first-child) { margin-top: 2.7778vw;
}
.faq .accordion-item.open .accordion-title {
color: #fff;
}
.faq .accordion-title { font-size: 4.4444vw;
padding-right: 0;
}
.faq .accordion-item.open .accordion-title::before {
-webkit-transform: rotate(-29deg);
-moz-transform: rotate(-29deg);
-ms-transform: rotate(-29deg);
-o-transform: rotate(-29deg);
transform: rotate(-29deg);
}
.faq .accordion-title::before {
top: -1.9444vw;
right: -11.9444vw;
width: 12.2222vw;
height: 10.5556vw;
}
.faq .accordion-content {
display: none;
}
.faq .accordion-text {
padding: 4.4444vw 0 0 0;
font-size: 3.8889vw; }
.faq .accordion-text br {
display: none;
}
}  .quiz-modal--img .quiz-component {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 50px;
}
.quiz-modal--img .quiz-component > img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
} .recommend-section--video {
background-color: #FFF6F2;
margin-bottom: 4vw;
}
.recommend-section--video .recommend-block {
padding-bottom: 6.9474vw;
}
.recommend-section--video .block-top {
flex-direction: column;
align-items: center;
}
.recommend-section--video .section-caption:after {
content: none;
}
@media screen and (min-width: 992px) {
.recommend-section--video .container {
max-width: 94.1368vw;
}
}
.recommend-slider-video .recommend-card {
padding: 0 1.563vw;
}
.recommend-slider-video .preview__video {
position: relative;
overflow: hidden;
z-index: 2;
height: 21.094vw;
border: 0.365vw solid #679B3E;
box-shadow: 0vw 0.208vw 0.521vw 0vw #00000040;
}
.recommend-slider-video .preview__video-content {
pointer-events: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.recommend-slider-video .preview__video-poster {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -2;
transition: all 0.4s linear;
}
.recommend-slider-video .preview__video-poster img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.recommend-slider-video .preview__video-poster.hide {
opacity: 0;
pointer-events: none;
}
.recommend-slider-video .preview__video-block {
position: absolute;
z-index: -3;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.recommend-slider-video .preview__video-block .video-poster {
width: 100%;
height: 100%;
}
.recommend-slider-video .preview__video-block iframe.video-poster {
transform: scale(2.1);
}
.recommend-slider-video .preview__video-block video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.preview__video-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 6.771vw;
height: 6.771vw;
}
.preview__video-button img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.preview__video-button .slick-arrow.slick-disabled {
opacity: 0.5;
visibility: visible;
}
@media screen and (max-width: 992px) {
.recommend-section--video {
margin-bottom: 0;
}
.recommend-section--video .recommend-block {
padding-left: 0;
padding-right: 0;
padding-bottom: 17.9474vw;
background-color: #FFF6F2;
}
.recommend-slider-video .recommend-card {
padding: 0 1.282vw;
}
.recommend-slider-video .preview__video {
height: 67.436vw;
border: 1.026vw solid #679B3E;
box-shadow: 0vw 1.026vw 2.564vw 0vw #00000040;
}
.recommend-slider-video .preview__video {
position: relative;
overflow: hidden;
z-index: 2;
height: 48.103vw;
border: 1.282vw solid #679B3E;
box-shadow: none;
}
.preview__video-button {
width: 13.385vw;
height: 13.385vw;
}
.recommend-slider-video .preview__video-block video {
object-fit: contain;
}
}
.modal-n {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 500;
background: #b57f4a;
opacity: 0;
pointer-events: none;
visibility: hidden;
-webkit-transition: all var(--t);
transition: all var(--t)
}
.modal-n .backplate {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1
}
.modal-n .modal-dialog {
z-index: 3
}
@media screen and (min-width: 992px) {
.modal-n {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (max-width: 991px) {
.modal-n {
overflow-y: auto
}
}
.modal-n {
opacity: 0;
pointer-events: none;
visibility: hidden
}
.modal-n.visible {
opacity: 1;
pointer-events: auto;
visibility: visible
}
.modal-n .modal-dialog {
margin-left: auto;
margin-right: auto
}
@media screen and (min-width: 992px) {
.modal-n .modal-dialog {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 76.7203513909vw;
height: 45.0219619327vw;
max-height: calc(100% - 2.9283vw)
}
.modal-n .modal-dialog .quiz-component {
height: 100%
}
}
.modal-n .modal-dialog .modal-content {
width: 100%;
height: 100%
}
.modal-n .modal-dialog .modal-content .quiz-component::before {
top: 0;
left: 0;
width: 22.9136163982vw;
height: 100%;
background: #fcfcfc;
display: inline-block;
content: "";
position: absolute
}
.modal-n .modal-dialog .modal-content .quiz-component .cmp-steps .cmp-step {
padding: 0
}
.modal-n .modal-dialog .modal-content .quiz-component .cmp-steps .cmp-step:before {
content: none
}
.modal-n .modal-dialog .modal-content .step-inner {
height: 100%
}
.modal-n .modal-dialog .modal-content .quiz-component {
padding: 0;
overflow: hidden
}
.modal-n .modal-dialog .modal-content .quiz-component .cmp-steps .cmp-step .step-logo {
position: static
}
.new-steps {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow-y: auto;
padding-bottom: 2.9282576867vw;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.new-steps__right {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: auto;
padding: 2.9282576867vw;
padding-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
z-index: 2;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.new-steps__right .form-submit {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2.196193265vw
}
.new-steps__right .form-submit .btn-back {
display: none
}
.new-steps__right .cmp-steps-nav .btn-back {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(90%, -50%);
transform: translate(90%, -50%);
padding: 1.1713030747vw 1.8301610542vw
}
@media screen and (min-width: 992px) {
.new-steps__right .cmp-steps-nav .btn-back {
padding: 0 .6588579795vw;
min-height: 2.5622254758vw
}
.new-steps__right .cmp-steps-nav .btn-back .btn-icon {
width: 1.317715959vw;
height: 1.317715959vw;
background: url(//www.bfriend.co.il/wp-content/themes/bfriend/img/arr-w-r.svg) no-repeat center/100%
}
.new-steps__right .cmp-steps-nav .btn-back .btn-icon use {
display: none
}
}
.new-steps__right .cmp-steps-nav li:has(.btn-back) {
position: static
}
.new-steps__right .cmp-steps-nav:has(.btn-back) {
position: relative
}
.new-steps__right .cmp-steps-nav:has(.btn-back) li:nth-last-child(2)::after {
content: none
}
.new-steps__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 22.9136163982vw;
height: 100%;
padding: 3.6603221083vw 3.2942898975vw;
position: relative;
z-index: 2
}
.new-steps__left .step-logo {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
margin-bottom: 2.9282576867vw
}
.new-steps__cont {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.new-steps__cont .steps-form {
width: 28.7701317716vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 1.0980966325vw
}
.new-steps__cont .steps-form > p {
font-style: normal;
font-weight: 700;
font-size: 1.6105417277vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #000;
display: inline-block;
margin-bottom: 1.0980966325vw
}
.form-input {
width: 100%;
position: relative;
margin-bottom: 1.0980966325vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.form-input .tip {
display: none;
position: absolute;
top: 0;
left: -1.5373352855vw;
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
width: 18.8140556369vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1.4641288433vw 3.6603221083vw 1.4641288433vw .6588579795vw;
border: 2px solid #dfcac0;
background: #fff;
border-radius: .439238653vw;
font-style: normal;
font-weight: 300;
font-size: .878477306vw;
line-height: 100%;
letter-spacing: .01em;
color: #868686;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-filter: drop-shadow(0 4px 6.8px rgba(0, 0, 0, .15));
filter: drop-shadow(0 4px 6.8px rgba(0, 0, 0, .15))
}
.form-input .tip a {
color: #3d50ff;
text-decoration: underline
}
.form-input .tip::after {
position: absolute;
width: .9516837482vw;
height: .9516837482vw;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #dfcac0;
background: #fff;
border-left-color: rgba(255, 255, 255, 0);
border-bottom-color: rgba(255, 255, 255, 0);
display: inline-block;
content: "";
top: 1.6105417277vw;
left: 100%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg)
}
.form-input .tip::before {
width: 1.756954612vw;
height: 1.756954612vw;
background: url(//www.bfriend.co.il/wp-content/themes/bfriend/img/new/lamp-1.png) no-repeat center/100%;
display: inline-block;
content: "";
position: absolute;
right: .6588579795vw;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.form-input:last-child {
margin-bottom: 0
}
.form-input .wpcf7-form-control-wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: .3660322108vw
}
.form-input input, .form-input select {
direction: rtl;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: Inter, sans-serif;
width: 100%;
border: 2px solid #dfcac0 !important;
border-radius: 6px;
display: inline-block;
height: 3.4407027818vw;
padding: .7320644217vw 1.9033674963vw;
font-style: normal;
font-weight: 500;
font-size: 1.1713030747vw;
line-height: 100%;
letter-spacing: .01em;
color: #6c6c6c;
background: rgba(255, 255, 255, 0)
}
.form-input input.wpcf7-not-valid ~ .wpcf7-not-valid-tip, .form-input select.wpcf7-not-valid ~ .wpcf7-not-valid-tip {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
.form-input input.has-help ~ .tip, .form-input select.has-help ~ .tip {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.modal-n .quiz-component .cmp-steps .cmp-step:before {
content: none
}
.modal-n .quiz-component .cmp-steps .cmp-step {
padding: 0
}
@media screen and (max-width: 991px) {
.modal-n .modal-dialog {
padding: 16.6667vw 0;
width: 91.6667vw; height: 100%;
}
}
.modal-n.visible .quiz-component[data-step="1"] .cmp-steps .cmp-step-1 {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.modal-n.visible .quiz-component[data-step="2"] .cmp-steps .cmp-step-2 {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.modal-n.visible .quiz-component[data-step="3"] .cmp-steps .cmp-step-3 {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.modal-n.visible .quiz-component[data-step="4"] .cmp-steps .cmp-step-4 {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.modal-n.visible .quiz-component[data-step="5"] .cmp-steps .cmp-step-5 {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.modal-n.visible .quiz-component[data-step="6"] .cmp-steps .cmp-step-final {
visibility: visible;
opacity: 1;
pointer-events: auto
}
.total-price1 {
margin-right: 0;
margin-bottom: -0.5vw;
}
.modal-n .quiz-component .cmp-steps .cmp-step-final .btn-back {
position: absolute;
right: -3.6603221083vw;
top: 3.6603221083vw;
width: 5.1244509517vw;
height: 5.1244509517vw;
-webkit-transform: translate(90%, -50%);
transform: translate(90%, -50%);
padding: 1.1713030747vw 1.8301610542vw
}
@media screen and (min-width: 992px) {
.modal-n .quiz-component .cmp-steps .cmp-step-final .btn-back {
padding: 0 .6588579795vw;
min-height: 2.5622254758vw
}
.modal-n .quiz-component .cmp-steps .cmp-step-final .btn-back .btn-icon {
width: 1.317715959vw;
height: 1.317715959vw;
background: url(//www.bfriend.co.il/wp-content/themes/bfriend/img/arr-w-r.svg) no-repeat center/100%
}
.modal-n .quiz-component .cmp-steps .cmp-step-final .btn-back .btn-icon use {
display: none
}
}
.modal-n .modal-dialog .modal-content .quiz-component[data-step="6"] {
overflow: visible
}
.insurance-detail {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.ins-title {
font-style: normal;
font-weight: 600;
font-size: 1.4641288433vw;
line-height: 100%;
text-align: center;
letter-spacing: .01em;
color: #b8824d;
display: inline-block;
margin-bottom: .7320644217vw
}
.ins-txt {
width: 100%;
font-style: normal;
font-weight: 400;
font-size: 1.0248901903vw;
line-height: 100%;
text-align: center;
letter-spacing: .01em;
color: #000;
padding: 0 1.0248901903vw
}
.insurance-list-cost {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: .7320644217vw;
margin-top: 2.196193265vw
}
.single-cost-ins {
width: 100%;
background: #fff;
-webkit-box-shadow: 0 4px 6.3px -5px rgba(0, 0, 0, .25);
box-shadow: 0 4px 6.3px -5px rgba(0, 0, 0, .25);
border-radius: .3660322108vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.4641288433vw;
padding: 1.4641288433vw
}
.single-cost-ins .ic {
width: 3.0014641288vw;
height: 3.074670571vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0
}
.single-cost-ins .ic img {
width: 100%;
height: auto
}
.single-cost-ins p {
font-style: normal;
font-weight: 300;
font-size: 1.0248901903vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #000
}
.insurance-info__wrap {
width: 100%;
margin-top: 0;
gap: .7320644217vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.insur-info {
width: 100%;
background: #fff;
-webkit-box-shadow: 0 4px 6.3px -5px rgba(0, 0, 0, .25);
box-shadow: 0 4px 6.3px -5px rgba(0, 0, 0, .25);
border-radius: 5px;
padding: 1.4641288433vw 1.4641288433vw 1.4641288433vw .9516837482vw
}
.insur-info .ins-p {
width: 100%;
font-style: normal;
font-weight: 600;
font-size: 1.1713030747vw;
line-height: 100%;
letter-spacing: .01em;
color: #000;
margin-top: 1.0980966325vw;
margin-bottom: .7320644217vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.insur-info .ins-p strong {
display: inline-block;
font-weight: inherit;
margin-right: auto
}
.insur-info .ins-p.ins-cost {
font-size: 1.0980966325vw
}
.insur-info ul {
width: 100%
}
.insur-info ul li {
margin-bottom: .7320644217vw;
font-style: normal;
font-weight: 300;
font-size: 1.0248901903vw;
line-height: 1;
text-align: right;
letter-spacing: .01em;
color: #8c8c8c
}
.insur-info ul li:last-child {
margin-bottom: 0
}
.insur-info ul ~ .ins-p {
padding-top: .878477306vw;
margin-top: .878477306vw;
border-top: 1px solid #d3d3d3
}
.insur-quote {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.4641288433vw;
position: relative
}
.insur-quote::after {
width: 1.1713030747vw;
height: 1.0248901903vw;
display: inline-block;
content: "";
position: absolute;
right: .7320644217vw;
top: 4.0995607613vw;
background: url(//www.bfriend.co.il/wp-content/themes/bfriend/img/new/qt-vec.svg) no-repeat center/100%
}
.insur-quote .img {
width: 5.1244509517vw;
height: 5.1244509517vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%
}
.insur-quote .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.insur-quote__text {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.insur-quote__text p {
font-style: normal;
font-weight: 300;
font-size: 1.0248901903vw;
line-height: 100%;
text-align: center;
letter-spacing: .01em;
color: #000;
width: 100%;
margin-bottom: 1.4641288433vw
}
.insur-quote__text span {
display: inline-block;
width: 100%;
text-align: center;
font-style: normal;
font-weight: 300;
font-size: .878477306vw;
line-height: 100%;
letter-spacing: .01em;
color: #b1b1b1
}
.form-input__wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.0980966325vw;
margin-bottom: 1.0980966325vw;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.form-input__wrap > span {
display: inline-block;
font-style: normal;
font-weight: 300;
font-size: .878477306vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #868686
}
.form-input__wrap > p {
width: 100%;
font-family: Inter, sans-serif;
font-style: normal;
font-weight: 500;
font-size: .9516837482vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #000;
display: inline-block;
content: ""
}
.form-input__wrap.select-payments > p {
order: 3;
}
.form-input__wrap.select-payments > p.total-name1 {
order: 2;
}
.form-input__wrap.select-payments > p.total-name1 strong::before, .form-input__wrap.select-payments > p.total-name1 strong::after {
content: '"';
}
.form-input__wrap.select-payments .form-input {
order: 4;
}
.form-input__wrap.select-payments > p.total-price1 {
font-size: 1.2vw;
font-weight: normal;
order: 1;
}
.form-input__wrap.select-payments > p.total-price1 small {
font-size: inherit;
font-weight: normal;
}
.form-input__wrap.select-payments > p.total-price1 strong {
font-weight: bold;
}
.form-input__wrap.check-sick {
position: relative
}
.form-input__wrap.check-sick > span {
position: absolute;
right: 0;
background: #fff;
padding: .5856515373vw;
border: 1px solid #868686;
border-radius: 8px;
top: 1.4641288433vw;
z-index: 4;
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
pointer-events: none
}
.form-input__wrap.check-sick > span p {
display: none
}
.form-input__wrap.check-sick > span:hover {
opacity: 1;
pointer-events: auto
}
.form-input__wrap.check-sick > p {
width: auto;
position: relative;
margin-left: 40%
}
.form-input__wrap.check-sick > p::after {
content: "i";
width: .8052708638vw;
height: .8052708638vw;
color: #000;
font-size: .6588579795vw;
border: 1px solid #000;
border-radius: 50%;
position: absolute;
top: 50%;
right: 100%;
margin-right: .3660322108vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.form-input__wrap.check-sick > p:hover ~ span {
opacity: 1;
pointer-events: auto
}
.form-input__wrap .form-input {
width: calc(50% - .54905vw);
margin: 0
}
.form-input__wrap.date-select .form-input {
width: 100%
}
.input-check {
width: 100%;
position: relative
}
.input-check input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
z-index: 2;
cursor: pointer;
opacity: 0
}
.input-check .ic {
width: 1.8301610542vw;
height: 1.8301610542vw;
position: absolute;
top: 50%;
left: 1.1713030747vw;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.input-check .ic img {
width: 100%;
height: 100%
}
.input-check span {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: Inter, sans-serif;
width: 100%;
border: 2px solid #dfcac0 !important;
border-radius: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 3.4407027818vw;
padding: .7320644217vw 1.1713030747vw;
gap: .7320644217vw;
font-style: normal;
font-weight: 500;
font-size: 1.1713030747vw;
line-height: 100%;
letter-spacing: .01em;
color: #6c6c6c;
background: rgba(255, 255, 255, 0);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.input-check span::before {
width: 1.317715959vw;
height: 1.317715959vw;
border-radius: 4px;
display: inline-block;
content: "";
border: 1px solid #cc9662
}
.input-check span::after {
width: .8052708638vw;
height: .5856515373vw;
display: inline-block;
content: "";
background: url(//www.bfriend.co.il/wp-content/themes/bfriend/img/new/check-ic.svg) no-repeat center/100%;
position: absolute;
top: 50%;
right: 1.3909224012vw;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.input-check input:checked ~ span {
color: #000
}
.input-check input:checked ~ span::after {
opacity: 1
}
.input-check input.err ~ span {
border-color: red !important
}
.drop-sel {
position: relative;
width: 100%;
height: 0
}
.drop-sel .select2-search--dropdown {
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
height: 3.1478770132vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: calc(100% - 2.9283vw);
pointer-events: auto;
padding: 4px
}
.drop-sel .select2-container.select2-container--default {
-webkit-transform: translate(0, -3.3674963397vw);
transform: translate(0, -3.3674963397vw);
z-index: 600;
display: none
}
.drop-sel .select2-container.select2-container--default.select2-container--open {
display: block
}
.drop-sel .select2-container {
width: 100%;
top: 0 !important
}
.drop-sel .select2-results {
pointer-events: auto;
border: 2px solid #dfcac0;
border-radius: 0;
background: #fff;
display: block
}
.drop-sel .select2-container--default .select2-results > .select2-results__options {
max-height: 8.78477306vw;
overflow-y: auto;
background: #fff;
width: 100%;
display: block
}
.drop-sel .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
display: none
}
.drop-sel .select2-container--default .select2-results > .select2-results__options li {
width: 100%;
height: 2.196193265vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 2px 1.9033674963vw;
font-size: 1.1713030747vw;
font-weight: 500;
color: #000;
cursor: pointer
}
.drop-sel .select2-container--default .select2-results > .select2-results__options li.select2-results__option--highlighted, .drop-sel .select2-container--default .select2-results > .select2-results__options li.selected, .drop-sel .select2-container--default .select2-results > .select2-results__options li[aria-selected=true] {
background: #7bb64c
}
.drop-sel .select2-container--default .select2-results > .select2-results__options li[aria-disabled=true], .drop-sel .select2-container--default .select2-results > .select2-results__options li[data-blocked] {
background: #dfcac0;
pointer-events: auto
}
.drop-sel .select2-dropdown {
background: rgba(255, 255, 255, 0);
border: none;
pointer-events: none
}
.drop-sel .select2-container--default .select2-search--dropdown .select2-search__field {
font-family: Inter, sans-serif;
border: none;
font-size: 1.1713030747vw;
font-weight: 500;
line-height: 1;
color: #000;
outline: 0;
padding: .2928257687vw;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.form-select {
width: 100%;
height: 0;
overflow: hidden
}
.form-select.selected {
height: auto;
overflow: visible
}
.form-select .select2-container {
width: 100% !important;
margin: 0;
position: relative;
display: inline-block
}
.form-select .select2-container--default .select2-selection--single {
width: 100%;
border: 2px solid #dfcac0 !important;
border-radius: .439238653vw !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 3.4407027818vw;
padding: .7320644217vw 1.1713030747vw;
background-color: #fff
}
.form-select .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
font-family: Inter, sans-serif;
padding: 0;
font-size: 1.1713030747vw;
font-weight: 500;
line-height: 1;
color: #000;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.form-select .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.form-select .select2-container--default .select2-selection--single .select2-selection__clear {
font-size: 2.196193265vw;
margin-right: auto;
margin-left: 1.4641288433vw;
padding: .3660322108vw;
color: #000
}
.form-select .select2-container--default .select2-selection--single .select2-selection__arrow {
left: .7320644217vw;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
width: 1.4641288433vw;
height: 1.9033674963vw;
position: absolute;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.form-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #000 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.form-select > .select2-container.select2-container--default.select2-container--open {
-webkit-transform: none;
transform: none;
z-index: 1
}
.form-select > .select2-container.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
-webkit-transform: translate(0, -50%) rotate(180deg);
transform: translate(0, -50%) rotate(180deg)
}
.form-select .select2-dropdown {
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: absolute;
left: 0;
width: 100%;
z-index: 1051
}
.visible-sel .wpcf7-not-valid-tip {
color: #dc3232 !important
}
.visible-sel.locked {
opacity: .3 !important;
pointer-events: none !important
}
.visible-sel .form-select {
height: auto;
overflow: visible
}
.visible-sel.wpcf7-not-valid {
border: none !important
}
.visible-sel.wpcf7-not-valid .wpcf7-not-valid-tip {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
.visible-sel.wpcf7-not-valid .select2-container--default .select2-selection--single {
border-color: #ff0083 !important
}
.steps-wrap {
width: 100%;
display: block
}
.steps-wrap.hide {
display: none
}
.steps-popup {
background: #fff;
width: 100%;
height: 31.7715959004vw;
border: 2px solid #dfcac0;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3.6603221083vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.steps-popup.visible {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.steps-popup .steps-popup__logo {
width: 6.9546120059vw;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.4641288433vw
}
.steps-popup .steps-popup__logo img {
width: 100%;
height: auto
}
.steps-popup__text {
width: 100%;
max-width: 19.4729136164vw;
margin-bottom: 1.4641288433vw;
font-style: normal;
font-weight: 500;
font-size: 1.1713030747vw;
line-height: 100%;
text-align: center;
letter-spacing: .01em;
color: #6c6c6c
}
.steps-popup .steps-popup__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: .7320644217vw;
cursor: pointer;
padding: .2928257687vw;
border: 1px solid rgba(255, 255, 255, 0);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.steps-popup .steps-popup__close p {
font-style: normal;
font-weight: 500;
font-size: 1.1713030747vw;
line-height: 100%;
letter-spacing: .01em;
color: #696969
}
.steps-popup .steps-popup__close .cl {
width: 1.756954612vw;
height: 1.756954612vw;
position: relative
}
.steps-popup .steps-popup__close .cl span {
width: 1.4641288433vw;
height: 2px;
background: #5f6368;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg)
}
.steps-popup .steps-popup__close .cl span:nth-child(2) {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg)
}
.steps-popup .steps-popup__close:hover {
border-color: #696969
}
.form-input .sel {
width: 100%
}
.form-input .sel select {
width: 100%;
padding: .3660322108vw 1.1713030747vw;
-webkit-appearance: none;
-moz-appearance: none;
background: 0 0;
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: .7320644217vw;
background-position-y: 50%
}
.form-input .sel select.err {
border-color: red !important
}
.check-sick .input-check input:checked ~ span {
background: #dfcac0
}
.check-sick .input-check span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(255, 255, 255, 0)
}
.check-sick .input-check span::after, .check-sick .input-check span::before {
content: none
}
.ui-widget.ui-widget-content {
z-index: 502 !important
}
.date-select .wpcf7-form-control-wrap {
position: relative
}
.date-select .wpcf7-form-control-wrap::after {
display: inline-block;
content: "";
width: 1.756954612vw;
height: 1.756954612vw;
left: .7320644217vw;
top: 50%;
background: url(//www.bfriend.co.il/wp-content/themes/bfriend/img/new/date-bfr.svg) no-repeat center/100%;
position: absolute;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
pointer-events: none;
z-index: 2
}
body .ui-datepicker .ui-datepicker-header {
background: #dfcac0;
border-color: #dfcac0
}
body .ui-widget.ui-widget-content {
border-color: #dfcac0
}
body .ui-state-default, body .ui-widget-content .ui-state-default {
background: #e6e6e6;
border-color: #d2d2d2;
border-radius: 0
}
body .ui-state-highlight, body .ui-widget-content .ui-state-highlight, body .ui-widget-header .ui-state-highlight {
background: #fff;
border-color: #dfcac0
}
body .ui-datepicker td a, body .ui-datepicker td span {
text-align: center
}
body .ui-state-active, body .ui-widget-content .ui-state-active {
background: #fff;
border-color: #dfcac0
}
.date-end {
font-style: normal;
font-weight: 500;
font-size: .9516837482vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #000
}
.date-end strong {
font-weight: inherit
}
.insur-some-text {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.insur-some-text .img {
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.4641288433vw
}
.insur-some-text .img img {
width: 100%;
height: auto
}
.insur-some-text .txt {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.insur-some-text .txt span {
font-style: normal;
font-weight: 300;
font-size: 1.0248901903vw;
line-height: 100%;
text-align: center;
letter-spacing: .01em;
color: #000;
display: inline-block;
width: 100%;
margin-bottom: 1.4641288433vw
}
.insur-some-text .txt p {
font-style: normal;
font-weight: 300;
font-size: 1.1713030747vw;
line-height: 100%;
text-align: center;
letter-spacing: .01em;
color: #b1b1b1;
width: 100%;
margin-bottom: 1.4641288433vw
}
.insur-some-text .txt p:last-child {
margin-bottom: 0
}
.insur-some-text .txt p strong {
color: #474747;
font-weight: 600
}
.variants-insurance {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.variants-insurance .ins-title {
font-style: normal;
font-weight: 700;
font-size: 2.635431918vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #000;
margin-bottom: 1.0980966325vw
}
.variants-insurance .ins-title small, .variants-insurance .ins-title strong {
font-weight: inherit;
font-size: inherit
}
.insurance-list {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: none;
margin-top: 3.513909224vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.insurance-list.show {
display: flex;
}
.insurance-badge {
padding: .3660322108vw .9516837482vw;
position: absolute;
right: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: .7320644217vw;
background: #dfcac0;
border-radius: 5px 5px 0 0;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%)
}
.insurance-badge .ic {
width: 1.6105417277vw;
height: 1.6105417277vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.insurance-badge .ic img {
width: 100%;
height: auto
}
.insurance-badge p {
font-style: normal;
font-weight: 500;
font-size: 1.317715959vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #000
}
.insurance-badge + .single-insurance {
border-top-right-radius: 0
}
.single-insurance {
width: 100%;
border: 1px solid #dfcac0;
border-radius: 5px;
padding: 1.4641288433vw;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, .15);
box-shadow: 1px 2px 6px rgba(0, 0, 0, .15);
margin-bottom: .7320644217vw
}
.single-insurance:last-child {
margin-bottom: 0
}
.single-insurance:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.insurance-top {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 1.4641288433vw;
margin-bottom: 1.4641288433vw;
border-bottom: 1px solid #dfcac0
}
.insurance-top__txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: .3660322108vw
}
.insurance-top__txt p {
font-style: normal;
font-weight: 400;
font-size: 1.1713030747vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #000
}
.insurance-top__txt p strong {
font-size: 1.6105417277vw;
font-weight: 700
}
.insurance-top__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: .3660322108vw
}
.insurance-top__price p, .insurance-top__price span {
font-style: normal;
font-weight: 400;
font-size: 1.1713030747vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #000
}
.insurance-top__price p {
font-size: 1.6105417277vw;
font-weight: 700
}
.steps-form:has(.variants-insurance) {
width: 100%
}
.insurance-center {
width: 100%;
padding-bottom: 1.4641288433vw;
margin-bottom: 1.4641288433vw;
border-bottom: 1px solid #dfcac0
}
.insurance-center ul {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.insurance-center ul li {
width: 100%;
padding-right: 2.4890190337vw;
position: relative;
font-style: normal;
font-weight: 400;
font-size: 1.1713030747vw;
line-height: 130%;
text-align: right;
letter-spacing: .01em;
color: #000;
margin-bottom: .2928257687vw
}
.insurance-center ul li:last-child {
margin-bottom: 0
}
.insurance-center ul li::before {
width: 1.756954612vw;
height: 1.756954612vw;
display: inline-block;
content: "";
background: url(//www.bfriend.co.il/wp-content/themes/bfriend/img/new/check-new.svg) no-repeat center/100%;
position: absolute;
top: -0.1563vw;
right: 0;
}
.insurance-details {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 1.4641288433vw;
padding-bottom: 1.4641288433vw;
margin-bottom: 1.4641288433vw;
border-bottom: 1px solid #dfcac0
}
.ins-details__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: .7320644217vw;
cursor: pointer
}
.ins-details__head p {
font-style: normal;
font-weight: 700;
font-size: 1.317715959vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #b8824d
}
.ins-details__head .arr {
position: relative;
width: 1.756954612vw;
height: 1.756954612vw;
border-radius: 50%;
background: #dfcac0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.ins-details__head .arr b {
border-color: #000 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.ins-details__head.open .arr {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.ins-details__head.open ~ .ins-details__text {
max-height: none
}
.ins-details__text {
width: 100%;
max-height: 0;
overflow: hidden
}
.ins-details__text .text {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-top: 1.8301610542vw
}
.ins-details__text .text span {
font-style: normal;
font-weight: 700;
font-size: 1.317715959vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #000;
display: inline-block;
margin-bottom: 1.0980966325vw
}
.ins-details__text .text ul {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 1.8301610542vw
}
.ins-details__text .text ul:last-child {
margin-bottom: 0
}
.ins-details__text .text ul li {
position: relative;
padding-right: 1.4641288433vw;
width: 100%;
margin-bottom: .2928257687vw
}
.ins-details__text .text ul li:last-child {
margin-bottom: 0
}
.ins-details__text .text ul li::before {
width: 4px;
height: 4px;
background: #000;
border-radius: 50%;
display: inline-block;
content: "";
top: .5124450952vw;
right: .5856515373vw;
position: absolute
}
.ins-details__text .text li, .ins-details__text .text p {
font-style: normal;
font-weight: 400;
font-size: 1.0248901903vw;
line-height: 120%;
text-align: right;
letter-spacing: .01em;
color: #000
}
.show-more-ins {
width: 100%;
padding: 1.4641288433vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
font-style: normal;
font-weight: 400;
font-size: 1.0248901903vw;
line-height: 100%;
text-align: center;
letter-spacing: .01em;
color: #b8824d
}
.insurance-list.more .single-insurance {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.insurance-list.more .show-more-ins { }
.form-chip {
width: 100%;
padding-top: 1.4641288433vw;
margin-top: 1.4641288433vw;
border-top: none
}
.form-chip.cat-chip > p, .form-chip.cat-chip > .form-input {
display: none !important;
}
.days-ins {
display: none;
}
.form-chip > p {
font-style: normal;
font-weight: 500;
font-size: .9516837482vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #000;
margin-top: .7320644217vw;
margin-bottom: 1.0980966325vw
}
.form-chip > p strong {
font-weight: 500;
}
.form-chip .form-input input.has-help ~ .tip, .form-chip .form-input select.has-help ~ .tip {
display: inline-block;
font-size: .9516837482vw;
color: #000;
padding-left: 2.196193265vw
}
.form-chip .form-input input.has-help ~ .tip a, .form-chip .form-input select.has-help ~ .tip a {
color: #3d50ff
}
.form-chip .input-check span {
padding-right: 0;
border: none !important
}
.form-chip .input-check span::after {
right: 3px
}
.form-chip .input-check ~ p {
display: none;
font-style: normal;
font-weight: 500;
font-size: .9516837482vw;
line-height: 100%;
text-align: right;
letter-spacing: .01em;
color: #000
}
.form-chip .input-check ~ p a {
color: #3d50ff;
text-decoration: underline
}
.form-chip:has(input:checked) .has-help {
opacity: .6;
pointer-events: none
}
.form-chip:has(input:checked) .input-check ~ p {
display: block
}
.steps-iframe {
width: 100%;
border: 1px solid #dfcac0;
border-radius: .7320644217vw;
padding: .7320644217vw;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.steps-iframe iframe {
width: 100%;
height: 32.9428989751vw
}
body[data-indpositionright] #INDmenu-btn.INDcircle-btn {
right: auto !important;
left: 10px !important
}
.form-component p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.form-component p .wpcf7-form-control-wrap {
width: auto
}
#date-start {
pointer-events: none
}
.date-select .wpcf7-form-control-wrap::after {
content: none
}
.form-input .sel select.err, .form-input input.wpcf7-not-valid, .form-input select.wpcf7-not-valid, .input-check input.err {
border-color: #ff0083 !important
}
@media screen and (max-width: 991px) {
.new-steps {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0
}
.modal-n .modal-dialog .modal-content .quiz-component .cmp-steps {
width: 100%;
height: 100%;
overflow-y: auto;
}
.new-steps .form-submit {
width: 100%
}
.new-steps__cont .steps-form {
margin-bottom: 4.1666666667vw
}
.modal-n .modal-dialog .modal-content .quiz-component .cmp-steps .cmp-step .step-logo {
-webkit-transform: none;
transform: none;
margin-bottom: 3.8888888889vw
}
.modal-n .modal-dialog .modal-content .quiz-component .cmp-steps .cmp-step .step-logo img {
height: 11.1111111111vw
}
.ins-title {
font-size: 5vw;
margin-bottom: 3.3333333333vw
}
.ins-txt {
font-size: 3.6111111111vw
}
.insurance-list-cost {
gap: 2.2222222222vw;
margin-top: 3.3333333333vw
}
.single-cost-ins {
padding: 2.7777777778vw 4.1666666667vw;
gap: 2.7777777778vw;
border-radius: 1.6666666667vw
}
.single-cost-ins .ic {
width: 9.4444444444vw;
height: auto
}
.single-cost-ins p {
font-size: 3.6111111111vw
}
.form-input input.wpcf7-not-valid ~ .wpcf7-not-valid-tip, .form-input select.wpcf7-not-valid ~ .wpcf7-not-valid-tip {
font-size: 3.0555555556vw
}
.quiz-component .cmp-steps .cmp-step .new-steps .cmp-step-title {
width: 100%
}
.quiz-component .cmp-steps .cmp-step .new-steps .cmp-step-title::after {
width: 100%
}
.new-steps__right {
width: 100%;
padding: 5.5555555556vw 4.1666666667vw
}
.new-steps__left {
width: 100%;
padding: 5.5555555556vw 4.1666666667vw;
background: #fcfcfc;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.modal-n .modal-dialog .modal-content .quiz-component::before {
content: none
}
.new-steps__right .form-submit {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.new-steps__right .form-submit .btn {
width: 100%
}
.new-steps__right .form-submit .btn-back {
display: none
}
.new-steps__right .btn-back {
position: relative;
top: auto;
left: auto;
width: 100%;
margin-top: 0;
margin-bottom: 3.8888888889vw
}
.new-steps__right .cmp-steps-nav .btn-back {
top: 100%;
right: auto;
left: 0;
-webkit-transform: translate(73.5vw, 1%);
transform: translate(73.5vw, 1%);
padding: .5555555556vw 1.3888888889vw;
min-height: 8.3333333333vw;
width: 8.3333333333vw
}
.new-steps__right .cmp-steps-nav .btn-back .btn-icon {
width: 3.6111111111vw;
height: 3.6111111111vw
}
.new-steps__right .cmp-steps-nav .btn-back .btn-icon {
width: 3.8888888889vw;
height: 3.8888888889vw;
background: url(//www.bfriend.co.il/wp-content/themes/bfriend/img/arr-w-r.svg) no-repeat center/100%
}
.new-steps__right .cmp-steps-nav .btn-back .btn-icon use {
display: none
}
.new-steps__cont {
width: 100%;
padding-top: 4.1666666667vw;
padding-bottom: 5.5555555556vw
}
.new-steps__cont .steps-form {
width: 100%
}
.form-input input, .form-input select {
font-size: 3.8888888889vw;
height: 12.7777777778vw;
padding: 1.3888888889vw 4.4444444444vw
}
.input-check span {
height: 12.7777777778vw;
padding: 1.3888888889vw 4.4444444444vw;
font-size: 3.8888888889vw;
gap: 2.7777777778vw
}
.input-check span::before {
width: 4.4444444444vw;
height: 4.4444444444vw
}
.input-check span::after {
width: 2.7777777778vw;
height: 2.2222222222vw;
right: 5.2777777778vw
}
.form-input__wrap > p {
font-size: 3.6111111111vw;
}
.form-input__wrap.select-payments > p.total-price1 {
font-size: 4.3vw;
margin-bottom: -0.8vw;
}
.form-select .select2-container--default .select2-selection--single {
height: 12.7777777778vw;
padding: 1.3888888889vw 4.4444444444vw;
border-radius: 1.6666666667vw !important
}
.form-select .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
font-size: 3.8888888889vw
}
.form-select .select2-container--default .select2-selection--single .select2-selection__arrow {
width: 5.5555555556vw;
height: 5.5555555556vw;
left: 2.7777777778vw
}
.drop-sel .select2-search--dropdown {
height: 11.6666666667vw;
width: calc(100% - 9.7222vw)
}
.drop-sel .select2-container.select2-container--default {
-webkit-transform: translate(0, -12.7777777778vw);
transform: translate(0, -12.7777777778vw)
}
.drop-sel .select2-container--default .select2-search--dropdown .select2-search__field {
font-size: 3.8888888889vw;
padding: 1.3888888889vw 4.4444444444vw
}
.drop-sel .select2-container--default .select2-results > .select2-results__options {
max-height: 30.5555555556vw
}
.drop-sel .select2-container--default .select2-results > .select2-results__options li {
height: 8.8888888889vw;
padding: 1.3888888889vw 4.4444444444vw;
font-size: 3.8888888889vw
}
.insur-info .ins-p {
font-size: 3.6111111111vw;
margin-top: 1.3888888889vw;
margin-bottom: 2.7777777778vw
}
.form-input__wrap {
margin-bottom: 2.7777777778vw
}
.steps-popup {
padding: 5.5555555556vw
}
.steps-popup .steps-popup__logo {
width: 22.2222222222vw;
margin-bottom: 3.8888888889vw
}
.input-check .ic {
width: 6.1111111111vw;
height: 6.1111111111vw;
left: 1.3888888889vw
}
.form-input .tip {
position: relative;
top: auto;
right: auto;
bottom: auto;
width: calc(100% - 5.5556vw);
margin-top: 3.3333333333vw;
left: auto;
-webkit-transform: none;
transform: none;
font-size: 3.6111111111vw;
padding: 2.7777777778vw 8.3333333333vw
}
.form-input .tip::before {
width: 5.5555555556vw;
height: 5.5555555556vw;
top: 50%;
right: 1.3888888889vw
}
.form-input .tip::after {
width: 2.7777777778vw;
height: 2.7777777778vw;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
top: 0;
left: 90%
}
.form-input {
margin-bottom: 2.7777777778vw
}
.steps-popup__text {
font-size: 3.6111111111vw;
max-width: 100%;
margin-bottom: 5.5555555556vw
}
.steps-popup {
height: 72.2222222222vw
}
.steps-popup .steps-popup__close {
gap: 2.7777777778vw
}
.steps-popup .steps-popup__close p {
font-size: 3.6111111111vw
}
.steps-popup .steps-popup__close .cl {
width: 6.6666666667vw;
height: 6.6666666667vw
}
.steps-popup .steps-popup__close .cl span {
width: 4.4444444444vw
}
.insurance-info__wrap {
gap: 2.7777777778vw
}
.insur-quote .img {
width: 19.4444444444vw;
height: 19.4444444444vw
}
.insur-info {
padding: 2.7777777778vw 4.1666666667vw
}
.insur-quote {
gap: 3.8888888889vw
}
.insur-quote__text p {
font-size: 3.8888888889vw;
margin-bottom: 2.7777777778vw
}
.insur-quote__text span {
font-size: 3.6111111111vw
}
.insur-quote::after {
width: 8.3333333333vw;
height: 7.2222222222vw;
right: 4.1666666667vw;
top: 11.1111111111vw
}
.insur-info ul li {
font-size: 3.6111111111vw;
margin-bottom: 2.2222222222vw
}
.form-input__wrap > span {
font-size: 3.6111111111vw
}
.date-select .wpcf7-form-control-wrap::after {
width: 6.6666666667vw;
height: 6.6666666667vw;
left: 3.3333333333vw;
top: 6.6666666667vw
}
.date-end {
font-size: 3.8888888889vw
}
.form-input__wrap {
row-gap: 2.2222222222vw
}
.insur-info ul ~ .ins-p {
padding-top: 3.8888888889vw;
margin-top: 3.8888888889vw
}
.variants-insurance .ins-title {
font-size: 5.5555555556vw;
margin-bottom: 3.3333333333vw
}
.insurance-list {
margin-top: 7.2222222222vw
}
.insurance-badge {
padding: 1.3888888889vw;
gap: 2.2222222222vw
}
.insurance-badge p {
font-size: 3.3333333333vw
}
.insurance-badge .ic {
width: 3.8888888889vw;
height: 3.8888888889vw
}
.single-insurance {
padding: 2.7777777778vw 2.2222222222vw
}
.insurance-top__txt {
gap: 1.3888888889vw
}
.insurance-top__txt p {
font-size: 3.3333333333vw
}
.insurance-top__txt p strong {
font-size: 3.8888888889vw
}
.insurance-top__price {
gap: 1.3888888889vw
}
.insurance-top__price p, .insurance-top__price span {
font-size: 3.8888888889vw
}
.insurance-top__price span {
font-size: 3.3333333333vw
}
.insurance-top {
padding-bottom: 3.3333333333vw;
margin-bottom: 3.3333333333vw
}
.insurance-center ul li {
margin-bottom: 1.1111111111vw;
font-size: 3.3333333333vw;
padding-right: 4.4444444444vw
}
.insurance-center ul li::before {
top: 1.1111vw;
transform: translateY(0);
width: 3.0555555556vw;
height: 2.2222222222vw
}
.insurance-center {
padding-bottom: 3.3333333333vw;
margin-bottom: 3.3333333333vw
}
.ins-details__head {
gap: 2.7777777778vw
}
.ins-details__head p {
font-size: 3.6111111111vw
}
.ins-details__head .arr {
width: 5.5555555556vw;
height: 5.5555555556vw
}
.insurance-details {
padding-bottom: 3.3333333333vw;
margin-bottom: 3.3333333333vw
}
.show-more-ins {
padding: 2.7777777778vw;
font-size: 3.6111111111vw
}
.single-insurance {
margin-bottom: 2.2222222222vw
}
.ins-details__text .text {
padding-top: 3.3333333333vw
}
.ins-details__text .text span {
font-size: 3.8888888889vw;
margin-bottom: 2.2222222222vw
}
.ins-details__text .text ul {
margin-bottom: 3.3333333333vw
}
.ins-details__text .text ul li {
padding-right: 4.4444444444vw;
margin-bottom: 1.1111111111vw
}
.ins-details__text .text ul li::before {
top: 1.6666666667vw;
right: 1.3888888889vw
}
.ins-details__text .text li, .ins-details__text .text p {
font-size: 3.3333333333vw
}
.insur-some-text .img {
width: 70%;
margin-bottom: 3.3333333333vw
}
.insur-some-text .txt span {
margin-bottom: 2.7777777778vw;
font-size: 3.8888888889vw
}
.insur-some-text .txt p {
font-size: 3.3333333333vw;
margin-bottom: 2.7777777778vw
}
.new-steps__cont .steps-form > p {
font-size: 3.8888888889vw;
margin-bottom: 2.7777777778vw
}
body[data-indpositionright] #INDmenu-btn.INDcircle-btn {
right: auto !important;
left: -25px !important;
bottom: 57% !important
}
.form-chip > p {
font-size: 3.6111111111vw;
margin-top: 1.3888888889vw;
margin-bottom: 2.7777777778vw
}
.form-chip .form-input input.has-help ~ .tip, .form-chip .form-input select.has-help ~ .tip {
font-size: 3.6111111111vw
}
.form-chip .input-check ~ p {
font-size: 3.6111111111vw
}
.insur-info .ins-p.ins-cost {
font-size: 3.6111111111vw
}
.steps-iframe {
padding: 2.7777777778vw
}
.steps-iframe iframe {
height: auto
}
.new-steps__left {
display: none !important
}
.cmp-step-1 .steps-form .form-input:has(input.has-help) .wpcf7-form-control-wrap {
position: static
}
.cmp-step-1 .steps-form .form-input:has(input.has-help) {
position: static
}
.cmp-step-1 .steps-form:has(input.has-help) {
padding-bottom: 23.6111111111vw;
position: relative
}
.cmp-step-1 .steps-form .form-input .tip {
position: absolute;
bottom: 0;
right: 0
}
.quiz-component .cmp-steps-nav {
margin-bottom: 8.6111111111vw !important
}
.quiz-component .cmp-step.cmp-step-1 .cmp-steps-nav {
margin-bottom: 2.7777777778vw !important
}
.modal-n .backplate {
pointer-events: none
}
.form-input__wrap.check-sick > p::after {
width: 3.0555555556vw;
height: 3.0555555556vw;
font-size: 2.5vw;
margin-right: 1.3888888889vw
}
.form-input__wrap.check-sick > p.shw ~ span {
opacity: 1 !important;
pointer-events: auto !important
}
.form-input__wrap.check-sick > span {
top: 5.5555555556vw;
padding: 4.1666666667vw 2.7777777778vw;
opacity: 0 !important;
pointer-events: none !important
}
.form-input__wrap.check-sick > span p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 1.3888888889vw;
right: 1.3888888889vw;
width: 12px;
height: 12px
}
.form-input__wrap.check-sick > span p::after, .form-input__wrap.check-sick > span p::before {
width: 100%;
height: 1px;
background: #000;
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
content: "";
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg)
}
.form-input__wrap.check-sick > span p::after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg)
}
.modal-n .quiz-component .cmp-steps .cmp-step-final .btn-back {
top: -13.6111111111vw;
right: 86.1111111111vw;
left: 0;
-webkit-transform: translate(73.5vw, 1%);
transform: translate(73.5vw, 1%);
padding: .5555555556vw 1.3888888889vw;
min-height: 8.3333333333vw;
width: 9.4444444444vw;
height: 9.4444444444vw
}
.modal-n .quiz-component .cmp-steps .cmp-step-final .btn-back .btn-icon {
width: 3.6111111111vw;
height: 3.6111111111vw
}
.modal-n .quiz-component .cmp-steps .cmp-step-final .btn-back .btn-icon {
width: 3.8888888889vw;
height: 3.8888888889vw;
background: url(//www.bfriend.co.il/wp-content/themes/bfriend/img/arr-w-r.svg) no-repeat center/100%
}
.modal-n .quiz-component .cmp-steps .cmp-step-final .btn-back .btn-icon use {
display: none
}
.quiz-component[data-step="6"] {
overflow: visible
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-1 {
position: absolute
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final {
position: static
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .new-steps__left {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .new-steps__left .insur-info ul ~ .ins-p {
margin-top: 0
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .new-steps__left .step-logo {
display: none
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .insur-info {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 0)
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .insur-info > :not(.ins-cost) {
display: none
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .new-steps__right {
padding: 0
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .steps-iframe {
padding: 10px;
overflow: hidden;
width: calc(100% - 30px);
margin: 0 auto;
height: 86.1111vw;
}
.quiz-component[data-step="6"] .steps-iframe iframe {
height: 86.1111vw;
width: 100%;
}
}
@media screen and (max-width: 991px) {
.quiz-component[data-step="6"] .steps-iframe iframe[src*=cgmpi] {
transform: scale(0.5);
transform-origin: top right;
width: 200%;
}
}
@media screen and (max-width: 340px) {
.quiz-component[data-step="6"] .steps-iframe iframe[src*=cgmpi] {
transform: scale(0.4);
width: 250%;
}
}
.home .faq .faq__inner {
padding-bottom: 0
}
.insur-info ul li.ins-date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
direction: ltr;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.ins-sick {
display: none !important
}
#date-start {
direction: ltr;
text-align: right
}
.price-per-month, .price-period {
padding-left: 4px
}
.insur-final-mb {
display: none;
}
@media screen and (max-width: 991px) {
.insur-final-mb {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 3.5vw;
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .insur-info {
display: none;
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .new-steps__left {
padding-top: 0;
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .insur-info > .ins-title {
display: inline-block;
}
.insur-final__text {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 0;
margin-top: 1.5vw;
gap: 2vw;
}
.insur-final__text p, .insur-final__text span {
width: auto;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 3.6111111111vw;
}
.insur-final__text p {
font-weight: 600; gap: 0;
}
.insur-final__text p strong, .insur-final__text p small {
font-size: inherit;
font-weight: inherit;
}
.insur-final__text span {
font-weight: 400;
gap: 0;
}
.insur-final__text span strong {
margin-left: 3px;
}
.insur-final__text.insur-final__pet p strong:first-child {
margin-right: 3px;
}
.insur-final__text span small {
margin-left: 3px;
}
.insur-final__text span strong, .insur-final__text span small {
font-size: inherit;
font-weight: inherit;
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .new-steps__left {
background: rgba(255, 255, 255, 0);
flex-direction: column-reverse;
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .new-steps__left .step-logo {
display: flex;
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .insur-info ul {
padding-bottom: 15px;
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final .new-steps__left .insur-info ul ~ .ins-p {
display: none;
}
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step:has(iframe[src*=thank]) .btn-back,
.cmp-step-final:has(iframe[src*=thank]) .btn-back {
display: none;
} .timer-main {
position: fixed;
z-index: 300;
width: 100%;
top: var(--headerheight2);
pointer-events: none;
}
.timer-main .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.timer-main__times {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.timer-main__times p {
font-size: 1.6666666667vw;
line-height: 1;
font-weight: 400;
color: #fff;
position: relative
}
.timer-main__times p:not(:last-child)::after {
content: ":"
}
.timer-main__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: .4166666667vw;
padding: 1.25vw 1.7708333333vw 1.25vw 1.0416666667vw;
background: #cb9662;
position: relative
}
.timer-main__wrap::before {
width: 100%;
height: 100%;
border-radius: .4166666667vw;
right: -2px;
top: 2px;
background: #d7ae87;
display: inline-block;
z-index: -1;
content: "";
position: absolute
}
.timer-main-blc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: .5208333333vw
}
.timer-main-blc > p {
font-size: 1.6666666667vw;
line-height: 1;
font-weight: 400;
color: #fff;
margin-top: auto;
padding-bottom: 3px
}
.timer-pop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.0416666667vw;
margin-top: -1.0416666667vw
}
.timer-pop__times {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.timer-pop__times p {
font-size: 1.0416666667vw;
line-height: 1;
font-weight: 400;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative
}
.timer-pop__times p::after, .timer-pop__times p::before {
padding-bottom: 1px
}
.timer-pop__times p:not(:last-child)::after {
font-size: 1.0416666667vw;
content: ":";
color: rgba(223, 202, 192, .7)
}
p.sec:before {
display: inline-block;
position: absolute;
top: 100%;
right: 50%;
-webkit-transform: translate(70%, 0);
-ms-transform: translate(70%, 0);
transform: translate(70%, 0);
content: "שניות";
font-size: .4em
}
p.min:before {
display: inline-block;
position: absolute;
top: 100%;
right: 50%;
-webkit-transform: translate(70%, 0);
-ms-transform: translate(70%, 0);
transform: translate(70%, 0);
content: "דקות";
font-size: .4em
}
p.hour:before {
display: inline-block;
position: absolute;
top: 100%;
right: 50%;
-webkit-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
transform: translate(50%, 0);
content: "שעות";
font-size: .4em
}
.timer-pop__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: .5208333333vw;
padding: .5208333333vw 1.0416666667vw .5208333333vw 1.0416666667vw;
background: #604032;
position: relative
}
.timer-pop-blc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: .5208333333vw
}
.timer-pop-blc > p {
font-size: 1.0416666667vw;
line-height: 1;
font-weight: 400;
color: #fff;
margin-top: auto;
padding-bottom: 1px
}
@media screen and (max-width: 991px) {
p.sec:before {
font-size: .5em
}
p.min:before {
font-size: .5em
}
p.hour:before {
font-size: .5em
}
.timer-main__wrap {
border-radius: 2.0356234097vw;
padding: 2.7989821883vw 2.5445292621vw 2.2900763359vw 2.5445292621vw
}
.timer-main__wrap::before {
border-radius: 2.0356234097vw
}
.timer-main-blc {
gap: 1.272264631vw
}
.timer-main-blc > p {
font-size: 4.0712468193vw;
padding-bottom: 1px
}
.timer-main__times p {
font-size: 4.0712468193vw
}
.timer-pop__wrap {
border-radius: 2.5445292621vw;
padding: 1.272264631vw 5.0890585242vw 3.8167938931vw 5.0890585242vw
}
.timer-pop-blc {
gap: 2.5445292621vw
}
.timer-pop-blc > p {
font-size: 5.0890585242vw;
padding-bottom: 0
}
.timer-pop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: -2.5445292621vw;
margin-bottom: 2.5445292621vw
}
.timer-pop__times p {
font-size: 5.0890585242vw
}
.timer-pop__times p::after {
font-size: 5.0890585242vw !important
}
.cmp-step-final .timer-pop {
margin-top: 7.6335877863vw
}
}
.timer-main-js.hd-js .timer-main__times, .timer-main-js.hd-js .timer-pop__times {
display: none;
}
.header .header-logos .item.distributor-logo {
max-width: 14vw;
display: flex;
align-items: center;
justify-content: center;
}
.header .header-logos .item.distributor-logo img {
height: auto;
width: 100%;
}
@media screen and (max-width: 991px) {
.header .header-logos .item.distributor-logo {
max-width: 33vw;
padding-left: 3vw;
padding-right: 3vw;
}
.header .header-logos .item.logo-block {
display: flex;
align-items: center;
justify-content: center;
}
.header .header-logos .item.distributor-logo img {
height: auto;
width: 100%;
max-height: 25vw;
}
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final > .btn {
opacity: 0;
transition: all 0.4s ease;
pointer-events: none;
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final .step-inner {
opacity: 0;
transition: all 0.4s ease;
pointer-events: none;
}
@keyframes begansAfter {
0% {
transform: translate(-50%, -50%);
opacity: 1;
pointer-events: auto;
}
90% {
opacity: 1;
pointer-events: auto;
}
100% {
opacity: 0;
pointer-events: none;
transform: translate(-50%, -50%) rotate(720deg);
}
}
@keyframes  begansBack{
0% {
opacity: 0;
transition: all 0.4s ease;
pointer-events: none;
}
98% {
opacity: 0;
transition: all 0.4s ease;
pointer-events: none;
}
100% {
opacity: 1;
transition: all 0.4s ease;
pointer-events: auto;
}
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step-final > .btn{
animation: begansBack 4s linear forwards;
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step-final > .step-inner{
animation: begansBack 4s linear forwards;
}
@keyframes rotatingCircle {
0% {
transform: translate(-50%, -50%);
}
100% {
transform: translate(-50%, -50%) rotate(720deg);
}
}
.quiz-component .cmp-steps .cmp-step.cmp-step-final::after {
display: inline-block;
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 3vw;
height: 3vw;
border-radius: 50%;
border: 2vw solid #cc9662;
border-right-color: rgba(255, 255, 255, 0);
border-left-color: rgba(255, 255, 255, 0);
animation: rotatingCircle 2s ease infinite;
transform: translate(-50%, -50%);
}
.quiz-component[data-step="6"] .cmp-steps .cmp-step.cmp-step-final::after {
animation: begansAfter 4s ease forwards;
}