html {
font-size: 62.5%;
}
:root {
margin: 0;
padding: 0;
--primary-color: #2E2E38;
--white: #fff;
--ey-white: #FDFDFD;
--grey-second: #D9D9D9;
--ey-light-gray: #EDEDED;
--ey-dark-gray: #77777D;
--ey-off-black: #111111;
--ey-grey: #CFCFCF;
--body-fonts: 'EYInterstate', 'Arial', sans-serif;
--background-main: #1a1a24;
--ey-purple: #724BC3;
--ey-yellow: #FFE600;
--ey-ey-off-white: #FDFDFD;
--ey-error: #FF4136;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@font-face {
font-family: 'EYInterstate';
src: url(../fonts/EYInterstate/EYInterstate-Light.woff2);
font-weight: 300;
}
@font-face {
font-family: 'EYInterstate';
src: url(../fonts/EYInterstate/EYInterstate-LightItalic.woff2);
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'EYInterstate';
src: url(../fonts/EYInterstate/EYInterstate-LightBold.woff2);
font-weight: 400;
}
@font-face {
font-family: 'EYInterstate';
src: url(../fonts/EYInterstate/EYInterstate-LightBoldItalic.woff2);
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'EYInterstate';
src: url(../fonts/EYInterstate/EYInterstate-Regular.woff2);
font-weight: 500;
}
@font-face {
font-family: 'EYInterstate';
src: url(../fonts/EYInterstate/EYInterstate-Italic.woff2);
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'EYInterstate';
src: url(../fonts/EYInterstate/EYInterstate-Bold.woff2);
font-weight: 600;
}
@font-face {
font-family: 'EYInterstate';
src: url(../fonts/EYInterstate/EYInterstate-BoldItalic.woff2);
font-weight: 600;
font-style: italic;
}
/* STANDARD */
body {
color: var(--primary-color);
font-size: 16px;
line-height: 24px;
font-family: var(--body-fonts);
font-weight: 300;
min-height: 100vh;
overflow-x: hidden;
background-color: var(--primary-color);
}
body.open {
overflow: hidden;
}
img,
object,
embed {
max-width: 100%;
}
a:hover,
a:focus,
a:active {
outline: none !important;
}
strong,
b {
font-weight: 600;
}
a {
color: inherit;
text-decoration: none;
}
button {
outline: none !important;
background-color: transparent;
border: none;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p {
margin: 0;
}
@media(max-width:767px) {
.hide-mobile {
display: none;
}
}
.container-fluid {
max-width: 2560px;
margin-left: auto;
margin-right: auto;
padding-left: 4rem;
padding-right: 4rem;
}
.container-fluid>.row {
display: flex;
margin-right: -4rem;
margin-left: -4rem;
flex-wrap: wrap;
}
h1,
.h1 {
font-size: 4.8rem;
line-height: 6rem;
}
h2,
.h2 {
font-size: 4.8rem;
line-height: 5rem;
}
h3,
.h3 {
font-size: 4rem;
line-height: 4.4rem;
}
h4,
.h4 {
font-size: 3.2rem;
line-height: 3.6rem;
}
h5,
.h5 {
font-size: 2.4rem;
line-height: 2.6rem;
}
h6,
.h6 {
font-size: 2rem;
line-height: 2.4rem;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'EYInterstate', 'Arial', sans-serif;
color: #2E2E38;
font-weight: 500;
letter-spacing: 0;
margin: 0;
}
.text-center {
text-align: center;
}
.text-white {
color: white;
}
.mb-standard {
margin-bottom: 20px;
}
.text-inherit {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
small {
font-size: 1.4rem;
}
.d-flex {
display: flex;
}
.p-sides-70 {
padding-left: 4rem;
padding-right: 4rem;
}
header {
position: fixed;
z-index: 1000;
background-color: var(--primary-color);
width: 100%;
}
.header {
background-color: var(--primary-color);
}
.header__wrapper {
display: flex;
display: -webkit-flex;
align-items: center;
background-color: var(--primary-color);
padding: 0 4rem;
transition: all 0.3s ease-in-out;
height: 8.4rem;
width: 100%;
}
.header__nav ul>li>a,
.header__nav ul>li>button {
position: relative;
display: block;
color: var(--white);
font-size: 1.4rem;
text-decoration: none;
line-height: 2.5rem;
letter-spacing: .14px;
-webkit-transition: color .2s ease;
transition: color .2s ease;
font-weight: 100;
cursor: pointer;
}
.header__logo {
width: 8.9rem;
height: 4.2rem;
transition: all 0.3s ease-in-out;
}
.header__right {
display: flex;
align-items: center;
margin-left: 7.2rem;
flex: 1;
}
.header__item {
position: relative;
cursor: pointer;
}
.header__item::after {
content: '';
width: 0;
height: .4rem;
display: block;
position: absolute;
left: -.8rem;
bottom: -3.3rem;
transition: width .33s ease-in;
background-color: var(--ey-yellow);
}
.header__item:hover::after,
.header__item.active::after {
width: calc(100% + 1.6rem);
}
body.is-resizing .header__content,
body.is-resizing .search_wrapper,
body.is-resizing .search__results {
display: none;
}
.header__content {
position: absolute;
top: 8.4rem;
background-color: var(--background-main);
height: calc(100vh - 8.4rem);
width: 100;
left: 0;
right: 0;
z-index: -1;
padding: 7rem 0rem 7rem 9.4rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
transform: translateY(100%);
opacity: 0;
transition: all 0.5s ease-in;
background-image: url('../img/menu.svg');
background-repeat: no-repeat;
background-size: cover;
overflow-y: auto;
overflow-x: hidden;
}
.header__content.open {
transform: translateY(0);
height: calc(100vh - 8.4rem);
opacity: 1;
}
.offer__title {
padding-left: 2.4rem;
margin-bottom: 4.4rem;
}
.offer__title h4 {
color: var(--white);
}
.offer__title span {
color: var(--ey-purple);
text-transform: uppercase;
}
.offer__item {
display: flex;
gap: 1.6rem;
flex-direction: column;
padding: 3.2rem 2.4rem;
cursor: pointer;
color: var(--white);
max-width: 375px;
transition: all 0.33s ease-in;
}
.offer__item.active {
background-color: var(--primary-color);
box-shadow: 0px 0px 12px rgba(19, 15, 29, 0.2);
border-radius: 4px;
}
.offer__item h5 {
color: var(--white);
}
.offer__item.active h5 {
color: var(--ey-yellow);
}
.offer__item+.offer__item {
margin-top: 1.6rem;
}
.offer__submenu {
display: none;
opacity: 0;
transition: all .5s ease-in-out;
height: 0;
visibility: hidden;
}
.offer__submenu.active {
opacity: 1;
height: 100%;
visibility: visible;
display: block;
}
.offerList__item {
position: relative;
font-weight: 500;
letter-spacing: 0.01em;
color: var(--ey-white);
border-top: 1px solid var(--ey-dark-gray);
padding: 1.8rem 5.4rem 1.8rem 2.4rem;
cursor: pointer;
transition: all .75s ease-in;
}
.offerList__item:last-child {
border-bottom: 1px solid var(--ey-dark-gray);
}
.offerList__item:hover::after {
right: 0;
}
.offerList__item.active {
background-color: var(--primary-color);
border-color: var(--primary-color);
z-index: 1;
}
.offerList__item.active::after {
opacity: 0;
}
.offerList__item.active+.offerList__item {
border-color: var(--primary-color);
}
.offerList__item.active::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: calc(100% + 1px);
width: 4px;
background-color: var(--ey-purple);
z-index: 1;
}
.offerList__item::after {
content: '';
position: absolute;
top: 50%;
right: 0.8rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
width: 3rem;
height: 1.2rem;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../img/arrow-menu.svg);
transition: all 0.33s ease-in;
}
.offer__services {
position: relative;
display: block;
}
.offer__services.active::before,
.offer__services.active::after {
transform: translate(0);
}
.offer__services::before,
.offer__services::after {
content: '';
position: absolute;
transition: all .33s ease-in-out;
transform: translate(100%);
background-color: var(--primary-color);
width: 100%;
height: 7rem;
}
.offer__services::before {
top: -7rem;
}
.offer__services::after {
bottom: -7rem;
}
.offer__services>div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
padding-top: 7rem;
background-color: var(--primary-color);
transition: all .33s ease-in-out;
transform: translate(100%);
}
.offer__services.active>div {
transform: translate(0);
}
.offer__services>div {
padding: 1.8rem 9rem;
}
.offerServices__title {
position: relative;
cursor: pointer;
margin-bottom: 3.8rem;
}
.offerServices__title::before {
content: '';
background-image: url('../img/chevron-left.svg');
width: 1rem;
height: 1.6rem;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
display: block;
left: -20px;
transform: translate(-50%, -50%);
top: 50%;
}
.offerServices__items {
all: unset;
color: var(--white);
}
.offerServices__list {
opacity: 1;
display: block;
transform: translate(100%);
transition: transform .33s ease-in-out;
position: absolute;
width: calc(100% - 65px);
padding-right: 50px;
}
.offerServices__list.active {
transform: translate(0);
opacity: 1;
}
.offerServices__items li {
all: unset;
display: block
}
.offerServices__items a {
padding-bottom: 1px;
border-bottom: 1px solid transparent;
transition: all .33s ease-in
}
.offerServices__items a:hover {
border-bottom: 1px solid var(--ey-dark-gray);
}
.offerServices__items li+li {
padding-top: .8rem;
}
.offerServices__title h5 {
color: var(--white);
word-wrap: break-word;
}
.header__right .header__list {
display: flex;
display: -webkit-flex;
list-style-type: none;
padding: 0;
gap: 40px;
}
.header__search {
position: relative;
padding-left: 3.4rem;
color: var(--white);
cursor: pointer;
margin-left: auto;
padding: 3.4rem 2.1rem 3.4rem 4.6rem;
transition: background-color .33s ease-in;
}
.header__search.active {
background-color: var(--background-main);
}
.header__search.active::after,
.header__search:hover::after {
width: 100%;
}
.header__search::before {
content: '';
background-image: url('../img/search.svg');
width: 2.5rem;
height: 2.5rem;
position: absolute;
left: 1.2rem;
}
.header__search::after {
content: '';
width: 0;
height: .4rem;
display: block;
position: absolute;
left: 0;
bottom: 0;
transition: width .33s ease-in;
background-color: var(--ey-yellow);
}
.header__search.active .search_wrapper {
transform: translate(0%);
opacity: 1;
}
.search_wrapper {
transition: all .33s ease-in;
position: absolute;
top: 100%;
z-index: 1;
left: 0;
width: var(--search-width);
transform: translate(100%);
height: 6.2rem;
background-color: var(--background-main);
opacity: 0;
}
.search_wrapper input {
width: 100%;
max-width: calc(100% - 8rem);
padding: 2rem 3.4rem;
background-color: var(--background-main);
color: var(--ey-ey-off-white);
border: 0;
font-size: 1.4rem;
height: 6.2rem;
}
.search_wrapper .close {
opacity: 0;
}
.search_wrapper .close.visible {
opacity: 1;
}
.close {
content: '';
position: absolute;
width: 3.6rem;
height: 3.6rem;
background: url('../img/close.svg');
background-color: #111111;
border-radius: 50%;
box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.25);
right: 7rem;
display: flex;
justify-content: center;
align-items: center;
top: 13px;
background-repeat: no-repeat;
background-position: center;
transition: opacity .33 ease-in;
}
.search__category {
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0.02em;
color: var(--ey-grey)
}
.search__results {
transition: all .33s ease-in;
position: absolute;
top: calc(100% + 62px);
z-index: 1;
left: 0;
width: var(--search-width);
transform: translate(100%);
height: calc(100vh - 14.75rem);
background-color: var(--primary-color);
padding: 2.9rem 7rem 5.8rem 2.4rem;
z-index: 2;
overflow-y: auto;
opacity: 0;
}
.search__results.active {
transform: translate(0%);
opacity: 1;
}
.search__result {
display: flex;
flex-direction: column;
gap: 8px;
border-bottom: 0.6px solid var(--ey-dark-gray);
padding-bottom: 1.2rem;
}
.search__noresult {
display: none;
}
.search__result+.search__result {
padding-top: 1.2rem;
}
.search__noresult.active {
display: block;
}
.search__noresult {
padding: 2rem 0;
}
.search__noresult h4 {
color: var(--white);
}
@keyframes ellipsis {
to {
width: 40px;
}
}
@-webkit-keyframes ellipsis {
to {
width: 40px;
}
}
.btn {
position: relative;
display: inline-block;
background: transparent;
font-size: 1.6rem;
text-align: center;
text-decoration: none;
border-radius: 0;
box-shadow: none;
outline: none;
overflow: hidden;
padding: 1.6rem 4.8rem;
-webkit-transition: background .3s ease, color .3s ease, border .3s ease;
transition: background .3s ease, color .3s ease, border .3s ease;
cursor: pointer;
z-index: 1;
color: var(--white);
font-weight: 500;
box-shadow: 0px 0px 12px rgba(19, 15, 29, 0.2);
border-radius: 4px;
border: 0;
}
.offerStepsWrapper.two-lines .offerTabsButton .btn {
padding: 2rem 1.4rem;
}
@media(min-width:1400px) {
.offerStepsWrapper.two-lines .offerTypes .mCSB_scrollTools {
display: none !important;
}
}
.btn-menu {
background-color: #FDFDFD;
color: var(--primary-color);
padding: 0.4rem 1.6rem;
border-radius: .4rem;
font-size: 1.4rem;
display: block;
border: 1px solid transparent;
transition: background-color .33s ease, border-color .33s ease, color .33s ease;
}
.btn-menu:hover {
color: var(--ey-ey-off-white);
border: 1px solid var(--ey-ey-off-white);
background-color: var(--primary-color);
}
.offerButtons {
display: none;
gap: 2.4rem;
padding-bottom: 3.2rem;
}
.offerStepsList.active .offerButtons {
display: flex;
flex-wrap: wrap;
}
/* .offerButtons > div{
flex: 1 1 auto;
} */
.btn-offer {
background: rgba(114, 75, 195, 0.1);
border-radius: 10px;
font-size: 2.4rem;
letter-spacing: -.0.5px;
opacity: .7;
color: var(--ey-purple);
padding: 2.4rem;
}
.btn-offer:hover,
.btn-offer.active {
background: rgba(17, 17, 17, 0.3);
box-shadow: 0px 0px 8px 2px rgba(147, 128, 186, 0.25);
color: var(--ey-yellow);
}
.btn-primary {
background-color: var(--ey-purple);
color: white;
}
.btn-primary:hover,
.btn-primary.active {
background-color: #382858;
box-shadow: 0px 0px 12px rgba(19, 15, 29, 0.2);
border-radius: 4px;
}
.btn-primary.larger {
padding: 1.6rem 4.8rem;
line-height: 2.4rem;
}
.btn-disabled {
background-color: var(--ey-dark-gray);
}
.w-100 {
width: 100%;
}
.btn.w-100 {
flex: 0 1 auto;
}
.btn.w-50 {
flex: 1 1 auto;
}
.header__buttons {
display: flex;
/* gap:1.6rem; uncomment when u need 2 buttons*/
padding-left: 1.4rem;
}
.header__selector {
/* padding-left:20px; */
/* padding: 3.4rem .8rem 3.4rem 0.6rem; */
margin-left: 1.4rem;
line-height: 2rem;
cursor: pointer;
transition: all 0.33s ease-in;
}
.header__login-desktop.btn-menu {
display: none;
}
.header__language>div {
display: flex;
gap: .8rem;
position: relative;
padding-left: 2.8rem;
cursor: pointer;
font-size: 1.4rem;
line-height: 2.2rem;
padding-right: 2rem;
}
.header__language span {
font-weight: 600;
}
.header__language {
color: var(--white);
padding: 3rem .8rem 3.4rem 0.6rem;
cursor: pointer;
}
.header__selector {
cursor: pointer;
position: relative;
}
.header__selector.active {
background-color: var(--background-main);
}
.header__selector:hover::after,
.header__selector.active::after {
width: 100%;
}
.header__selector.active .header__language>div::after {
rotate: 180deg;
transform-origin: 50% 0;
}
.header__selector::after {
content: '';
width: 0;
height: .4rem;
display: block;
position: absolute;
left: 0;
bottom: 0;
transition: width .33s ease-in;
background-color: var(--ey-yellow);
}
.header__language>div::before {
content: '';
background-image: url('../img/glob.svg');
width: 2rem;
height: 2rem;
position: absolute;
left: 0;
top: 50%;
background-size: cover;
transform: translate(0, -50%);
}
.header__language>div::after {
content: '';
mask-image: url('../img/chevron-bottom.svg');
-webkit-mask-image: url('../img/chevron-bottom.svg');
width: 1.2rem;
height: .6rem;
position: absolute;
right: 0;
top: 50%;
mask-size: cover;
-webkit-mask-size: cover;
background-color: var(--ey-white);
transform: translate(0, -50%);
transition: transform .33s ease-in;
}
.header__selector.active .language__dropdown {
transform: translateY(0);
}
.language__dropdown {
position: absolute;
top: 100%;
margin: 0;
padding: 0;
list-style: none;
width: 100%;
left: 0;
background-color: var(--background-main);
padding-left: 2.4rem;
transition: transform .33s ease-in;
transform: translateY(-100%);
z-index: -1;
}
.language__dropdown {
padding-left: 0;
}
.language__dropdown li::before {
content: '';
position: absolute;
background-color: var(--background-main);
top: 0;
right: -1000%;
height: 100%;
width: 1000%;
}
/* .language__dropdown li:first-child{
padding-bottom:8.5px
} */
.language__dropdown li {
position: relative;
}
.language__dropdown li.selected::after {
content: '';
mask-image: url('../img/checked.svg');
-webkit-mask-image: url('../img/checked.svg');
mask-size: cover;
-webkit-mask-size: cover;
width: 1.2rem;
height: 0.9rem;
display: block;
position: absolute;
background-color: var(--ey-ey-off-white);
right: 0;
top: 50%;
transform: translate(0, -50%);
}
.language__dropdown li {
padding: 0.9rem 0;
padding-left: 2.4rem;
transition: all 0.33s ease;
}
.language__dropdown li:not(.selected):hover,
.language__dropdown li:not(.selected):hover::before {
background-color: var(--primary-color);
}
.language__dropdown li:not(.selected):hover::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0.4rem;
height: 100%;
background-color: var(--ey-yellow);
}
.language__dropdown li+li {
/* padding-top:0.85rem; */
/* border-top:1px solid var(--ey-dark-gray); */
}
.language__dropdown span {
margin-right: 1rem;
}
.language__dropdown {
color: var(--ey-white);
}
/* homeSlider */
.homeBanner {
padding-top: 8.4rem;
position: relative;
}
.homeBannerSlider {
position: relative;
max-height: calc(100vh - 8.4rem);
}
.homeBannerSlider .slick-dots {
position: absolute;
bottom: 0;
padding: 0;
margin: 0;
display: flex;
column-gap: 16px;
left: 50%;
cursor: pointer;
transform: translateX(-50%)
}
.slick-track{
height:100%;
}
.opinions .slick-track{
height:100%;
display:flex;
}
.opinions .slick-initialized .slick-slide{
height:auto;
display:flex!important;
}
.slide-extra-title {
padding-left: 1rem;
}
.slide-extra-title h4 {
background: linear-gradient(251.93deg, #FFF27A 15.99%, #FFE600 87.47%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.slide-extracontent {
background: linear-gradient(251.93deg, #FFF27A 15.99%, #FFE600 87.47%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 190px;
line-height: 144px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -1rem;
}
.homeBannerSlider .slide-wrapper {
position: absolute;
top: 30%;
left: 7rem;
right: 7rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.homeBannerSlider .slide-title h2 {
color: var(--ey-ey-off-white);
font-size: 6.4rem;
line-height: 7rem;
}
@media(max-width:1600px) {
.homeBannerSlider .slide-title h2 {
font-size: 4.8rem;
line-height: 5.4rem;
}
}
@media(max-width:1366px) {
.homeBannerSlider .slide-wrapper {
left: 4rem;
right: 4rem;
}
.slide-extracontent {
font-size: 170px;
}
}
@media(max-width:1200px) {
.homeBannerSlider .slide-title h2 {
font-size: 4rem;
line-height: 4.8rem;
}
}
.slick-dots li {
all: unset;
font-size: 0;
padding-left:0!important;
}
.homeBannerSlider .slick-dots li.slick-active::before {
background-color: var(--ey-ey-off-white);
}
.homeBannerSlider .slick-dots li::before {
content: '';
display: block;
width: 0.8rem;
height: 0.8rem;
background-color: var(--ey-dark-gray);
border-radius: 50%;
transform:translate(0)!important;
position: unset;
}
.homeBannerSlider .slick-slide>div {
position: relative;
padding-bottom: 47.3611111111%;
width: 100%;
}
.homeBannerSlider .slick-slide>div::before {
content: '';
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(36, 36, 50, 0.35) 0%, rgba(44, 44, 65, 0.245) 17.43%, rgba(46, 46, 56, 0) 57.33%);
mix-blend-mode: multiply;
}
.homeBannerSlider .slick-slide .slide-image {
position: absolute;
min-width: 100%;
max-width: 100%;
width: 100%;
min-height: 100%;
max-height: 100%;
height: 100%;
object-position: center;
object-fit: cover;
z-index: -1;
}
.homeBannerProducts {
position: absolute;
display: flex;
bottom: 6.4rem;
width: 100%;
justify-content: space-between;
left: 0;
right: 0;
max-width: 100%;
}
.homeBannerProducts>div {
flex: 0 0 33.3333%;
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
padding: 0 1rem;
}
.productTitle h4 {
color: var(--white)
}
.productContent {
padding-top: 1.8rem;
color: var(--white)
}
.productDesc {
margin-bottom: 3.2rem;
max-width: 34rem;
}
.product {
position: relative;
}
.product::before {
content: '';
width: 1px;
background-color: var(--white);
height: 100%;
position: absolute;
left: 0;
}
.product:first-child::before {
display: none;
}
/* wrapper with background */
.offerNOW h2 {
letter-spacing: -1px;
color: var(--ey-white);
}
.offerNOW h2 span {
color: var(--ey-purple);
text-transform: uppercase;
font-weight: 600;
}
.offerNOW {
background-image: url('../img/oferta.svg');
background-repeat: no-repeat;
background-size: cover;
background-color: var(--primary-color);
position: relative;
background-size: 73%;
background-position: top right;
min-height: 50rem;
transition: max-height 0.33s ease;
/* max-height: 100vh; */
}
.offerNOW.offerNOW2 {
background-image: none;
}
/* .offerNOW::before{
content:'';
background: linear-gradient(0deg, rgba(36, 36, 50, 0.3) 3.69%, rgba(46, 46, 56, 0) 72.21%);
mix-blend-mode: multiply;
transform: rotate(180deg);
width:100%;
height:100%;
position: absolute;
} */
.offerNOW .wrapper {
padding: 4rem 7rem 4rem;
display: flex;
align-items: center;
flex-direction: column;
z-index: 1;
position: relative;
justify-content: center;
overflow: hidden;
}
.offerNOW .cards {
display: grid;
gap: 3.3rem;
margin-top: 4rem;
grid-template-columns: repeat(3, 1fr);
transform: translateY(0);
transition: all 0.5s ease-in;
height: 100%;
opacity: 1;
}
.offerNOW .cards.active {
transform: translateY(200%);
height: 0;
opacity: 0;
margin-top: 0;
visibility: hidden;
}
/* .offerNOW .cards.hide.active{
display:none;
} */
.offerNOW .cards>div {
background: rgba(17, 17, 17, 0.3);
box-shadow: 0px 0px 8px 2px rgba(147, 128, 186, 0.25);
border-radius: 1rem;
padding: 8.8rem 4rem;
text-align: center;
cursor: pointer;
transition: all 0.33s ease-in;
}
.card.not-hovered {
opacity: 0.3;
scale: 0.95;
}
/* .offerNOW .cards.active .card-desc{
} */
.card-title h5 {
color: var(--ey-yellow);
letter-spacing: -.5px;
}
.card-title {
padding-bottom: 2rem;
border-bottom: 1px solid var(--ey-dark-gray);
}
.card-desc {
margin-top: 2.4rem;
}
.card-desc .h3 {
color: var(--ey-white);
}
.solveProblem {
display: flex;
justify-content: center;
padding: 17rem 2.4rem 6rem;
/* background-color:var(--background-main); */
}
.solveProblem>div {
max-width: 84rem;
gap: 5.8rem;
display: flex;
flex-direction: column;
}
.solveProblem h3 {
letter-spacing: -0.5px;
text-align: center;
color: var(--ey-white);
font-weight: 500;
}
.arrow-bottom {
background-image: url('../img/arrow-bottom.svg');
background-repeat: no-repeat;
height: 6.6rem;
width: 3.8rem;
margin-top: 5.8rem;
margin: 0 auto;
animation: moving 1s linear 0s infinite alternate;
}
@keyframes moving {
0% {
-webkit-transform: translate(0px, 5px);
}
100% {
-webkit-transform: translate(0px, -15px);
}
}
.steps {
background: #25252C;
padding: 7.2rem 18rem;
display: flex;
justify-content: center;
box-shadow: 0px 0px 15px rgba(3, 3, 4, 0.3);
}
.steps .wrapper {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 108rem;
width: 100%;
}
.stepsDescription {
max-width: 55rem;
display: flex;
flex-direction: column;
gap: 3.2rem;
position: relative;
flex: 0 1 45%;
}
.stepsDescription h3,
.stepsDescription h2,
.stepsDescription h1,
.stepsDescription h4,
.stepsDescription h5,
.stepsDescription h6,
.stepsDescription p,
.stepsDescription {
color: var(--ey-white);
}
.stepsDescription span {
color: var(--ey-yellow);
}
.stepsDescription p {
font-size: 1.6rem;
/* font-weight: 300; */
line-height: 2.4rem;
}
.stepsDescription::after {
content: '';
background-color: var(--ey-white);
width: 1px;
height: 100%;
position: absolute;
right: -110px;
}
.stepsConfigurator {
flex: 0 1 45%;
display: flex;
justify-content: center;
}
.stepsConfigurator .circle {
background: radial-gradient(63.75% 63.75% at 50% 50%, #FFF061 0%, #FFE600 100%);
box-shadow: 0px 0px 30px 10px rgba(255, 242, 122, 0.4);
width: 16rem;
height: 16rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
z-index: 5;
animation: none;
padding: 0 2rem;
/* animation: rippleReset .5s; */
}
.stepsConfigurator .circle:hover {}
.circle.animating {
transition: box-shadow 0.3s ease-in-out;
animation: ripple 2s infinite;
}
.no-animation {
-webkit-animation: none !important;
animation: none !important;
}
.stepsConfigurator .circle h6 {
text-align: center;
color: var(--ey-off-black);
font-weight: 500;
word-break: break-word;
opacity: 0;
transition: opacity 0.3s ease;
}
@keyframes pulsate {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.25);
opacity: 0;
}
}
@keyframes pulsate2 {
0% {
transform: scale(1);
opacity: .5;
}
100% {
transform: scale(1.5);
opacity: 0;
}
}
@keyframes pulsate3 {
0% {
transform: scale(1);
opacity: .2;
}
100% {
transform: scale(1.75);
opacity: 0;
}
}
.circle span {
border: 1px solid #FFE600;
border-radius: 50%;
position: absolute;
width: 100%;
height: 100%;
animation: pulsate 2s linear infinite;
z-index: 1;
}
.circle span:first-child {
animation: pulsate 1.25s linear infinite;
}
.circle span:nth-child(2) {
animation: pulsate2 1.25s linear infinite;
}
.circle span:nth-child(3) {
animation: pulsate3 1.25s linear infinite;
}
.circle:hover span:nth-child(1) {
animation: pulsate .75s linear infinite;
}
.circle:hover span:nth-child(2) {
animation: pulsate2 .75s linear infinite;
}
.circle:hover span:nth-child(3) {
animation: pulsate3 .75s linear infinite;
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 0 rgba(255, 230, 0, 0),
0 0 0 20px rgba(255, 230, 0, 0.1),
0 0 0 40px rgba(255, 230, 0, 0.1),
0 0 0 60px rgba(255, 230, 0, 0.1)
}
100% {
box-shadow: 0 0 0px 20px rgba(255, 230, 0, 0.1),
0 0 0px 40px rgba(255, 230, 0, 0.1),
0 0 0px 60px rgba(255, 230, 0, 0.1),
0 0 0px 80px rgba(255, 230, 0, 0.0)
}
}
@keyframes rippleReset {
0% {
box-shadow: 0 0 0 20px rgba(255, 230, 0, 0.1),
0 0 0 40px rgba(255, 230, 0, 0.1),
0 0 0px 60px rgba(255, 230, 0, 0.1),
0 0 0px 80px rgba(255, 230, 0, 0.0)
}
100% {
box-shadow: 0px 0px 30px 10px rgba(255, 242, 122, 0.4);
}
}
.opinions {
padding: 16rem 7rem 18rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.opinions {
background-image: url('../img/opinions.png');
background-repeat: no-repeat;
background-size: auto;
background-color: var(--primary-color);
position: relative;
background-position: center left;
}
.opinions .heading > * {
color: White;
margin-bottom: 6rem;
}
/* .slider-options{
max-width:96rem;
} */
.options-item {
margin: 0 36px;
border-top: 0.2rem solid var(--ey-yellow);
color: var(--white);
}
.options-item>div {
display: flex;
flex-direction: column;
gap: 2.4rem;
flex-wrap: wrap;
padding-top: 1.6rem;
height:100%;
}
.opinions .slick-dots li::before {
content: '';
display: block;
width: 0.4rem;
height: 0.4rem;
background-color: var(--ey-dark-gray);
border-radius: 50%;
transform:translate(0)!important;
position: unset;
}
.opinions .slick-dots {
position: absolute;
bottom: -2.4rem;
padding: 0;
margin: 0;
display: flex;
column-gap: 8px;
left: 50%;
cursor: pointer;
transform: translate(-50%,50%);
}
.opinions .slick-dots .slick-active::before {
background-color: var(--grey-second);
}
.opinions .slick-dots li button {
height: 0;
width: 0;
display: none;
}
.options-item{
position: relative;
}
.options-item::before{
content:'';
position: absolute;
top:-2px;
height:0.2rem;
width:0;
background-color: var(--ey-purple);
transition: width 0.33s ease;
}
.options-item:hover::before{
width:100%;
}
.meta {
margin-top:auto;
display: flex;
flex-direction: row;
align-items: center;
}
.meta-image {
margin-right: 1.6rem;
width: 14.4rem;
min-width: 14.4rem;
height: 14.4rem;
object-position: center;
object-fit: cover;
transition: transform 0.33s ease;
}
.options-item:hover .meta-image{
transform:translateY(-5px);
}
.meta-author {
display: flex;
gap: 16px;
color: var(--ey-grey);
font-size: 1.4rem;
line-height: 2.2rem;
letter-spacing: 0.02em;
flex-wrap: wrap;
}
.meta-author>div {
position: relative;
padding-right: 1.6rem;
transition:color 0.33s ease;
width: 100%;
}
.meta-author > div:hover{
color:var(--ey-yellow);
}
/* .meta-author>div::before {
content: '';
height: 100%;
width: 1px;
background-color: var(--ey-grey);
display: block;
position: absolute;
right: 0;
} */
.meta-author>div:last-child::before {
display: none;
}
.slick-arrow {
font-size: 0;
}
.slick-arrow::before {
content: '';
mask-image: url("../img/arrow.svg");
-webkit-mask-image: url('../img/arrow.svg');
width: 6.6rem;
height: 3.8rem;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: white;
transition: background-color 0.3s ease-in;
-webkit-mask-size: cover;
mask-size: cover;
}
.slick-arrow:hover::before {
background-color: var(--ey-yellow);
}
.slick-prev.slick-arrow::before {
rotate: 360deg;
}
.slick-next.slick-arrow::before {
rotate: -180deg;
}
.slick-prev.slick-arrow {
left: -18rem
}
.slick-next.slick-arrow {
right: -18rem
}
.slider-options .slick-arrow {
cursor: pointer;
position: absolute;
top: 25%;
padding: 0;
}
.slider-options {
max-width: 96rem;
margin: 0 auto;
}
.slider-options .slick-list {
margin: 0 -36px;
}
.contact {
background-color: var(--background-main);
padding: 9.5rem 4rem 10.6rem;
display: flex;
background-image: url('../img/W.png');
background-repeat: no-repeat;
background-size: contain;
background-position: right bottom;
}
.contact>div {
flex: 1;
position: relative;
}
/* .contact__header{
margin-left:11rem;
} */
.contact__header h2 {
color: var(--white);
letter-spacing: -0.5px;
font-weight: 500;
}
.contact__header span {
background: linear-gradient(251.93deg, #FFF27A 15.99%, #FFE600 87.47%);
box-shadow: 0px 0px 12px rgba(19, 15, 29, 0.2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 14rem;
line-height: 13rem;
font-weight: 600;
margin-left: -0.5rem;
}
.input-field {
position: relative;
}
.input-field-placeholder {
position: absolute;
top: 1.6rem;
left: 2.4rem;
max-width: calc(100% - 60px);
color: var(--ey-dark-gray);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: top .3s ease, color .3s ease, font .3s ease, opacity .3s ease;
transition: top .3s ease, color .3s ease, font .3s ease, opacity .3s ease;
pointer-events: none;
z-index: 1;
font-weight: 300;
}
.form-field+.form-field {
padding-top: 1.2rem;
}
.select2-container {
width: 100% !important;
}
.form-field.not-validate .input-field-placeholder,
.form-field.not-validate .input-default,
.form-field.not-validate .select2-container--default .select2-selection--single,
.form-field.not-validate .select2-container--default .select2-selection--single .select2-selection__placeholder {
border-color: var(--ey-error);
color: var(--ey-error);
}
/* .form-field.not-validate .select2-container--default .select2-selection--single .select2-selection__arrow{
background-color: var(--ey-error);
} */
.form-fields .form-field+.form-field {
padding-top: 0;
}
.checker-radio-buttons.has-errors label:before {
border-color: var(--ey-error);
}
.form-fields {
display: flex;
gap: 1.2rem;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
.form-fields>div {
flex: 0 1 50%;
}
/* .form-field.col-6{
width:50%;
float:left;
} */
.input-default,
select.select2-default,
select.select2-default-multiple {
display: block;
width: 100%;
background: transparent;
color: var(--ey-ey-off-white);
font-size: 1.6rem;
font-weight: 300;
line-height: 2.4rem;
border: 1px solid var(--ey-light-gray);
border-radius: 0;
box-shadow: none;
outline: 0;
padding: 1.6rem 2.4rem;
-webkit-transition: padding .3s ease;
transition: padding .3s ease;
}
textarea.input-default {
min-height: 20rem;
}
.form-group-heading a {
font-weight: 600;
}
.form-group+.form-group {
padding-top: 2rem;
}
.form-group.form-text p {
color: var(--white);
font-size: 1.2rem;
}
.form-submit {
margin-top: 3.4rem;
}
@media(min-width:568px) {
.form-default.has-errors .step.step4 .form-error {
display: block;
}
.form-default.has-errors .form-error {
display: none;
}
}
.form-error {
text-align: center;
padding-bottom: 1.2rem;
display: none;
color: var(--ey-error);
letter-spacing: 0.01em;
}
.checker-input {
display: none;
}
.checker-default.not-validate::before,
.form-group.form-text .checker-radio label.not-validate::before {
border-color: var(--ey-error);
}
.checker-default::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 12px;
height: 12px;
transform: translateY(-50%);
border: 1px solid var(--ey-light-gray);
z-index: 1;
}
.checker-default a {
font-weight: 600;
}
.icon-phone {
background-image: url('../img/icon-phone.svg');
width: 4.5rem;
height: 4.5rem;
display: block;
}
.checker-radio {
margin-top: 4rem;
color: var(--ey-light-gray);
display: flex;
padding-left: 3rem;
align-items: center;
font-size: 1.6rem;
}
.checker-radio-buttons {
padding-left: 2rem;
}
.checker-radio-buttons label {
position: relative;
padding-left: 2rem;
}
.checker-radio-buttons label {
margin-left: 2rem;
}
.checker-radio-buttons label::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 12px;
height: 12px;
transform: translateY(-50%);
border: 1px solid var(--ey-light-gray);
z-index: 1;
}
.checker-radio-buttons label::after {
content: '';
position: absolute;
top: 50%;
left: 1px;
width: 10px;
height: 10px;
transform: translateY(-50%);
background-image: url(../img/checker-checkmark.png);
background-size: cover;
background-position: center;
opacity: 0;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
z-index: 2;
}
.checker-input:checked+label::after {
opacity: 1;
}
.icon-phone+p {
padding-left: 1rem;
}
.form-group.form-text .checker-radio p,
.form-group.form-text .checker-radio label {
font-size: 1.6rem;
}
.checker-input:checked+.checker-default::after {
opacity: 1;
}
.checker-default::after {
content: '';
position: absolute;
top: 50%;
left: 1px;
width: 10px;
height: 10px;
transform: translateY(-50%);
background-image: url(../img/checker-checkmark.png);
background-size: cover;
background-position: center;
opacity: 0;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
z-index: 2;
}
.checker-field {
position: relative;
margin-top: 1.7rem;
display: flex;
padding-left: 2rem;
}
.checker-field label {
cursor: pointer
}
.compact .input-field-placeholder,
.is-focused .input-field-placeholder,
.has-value .input-field-placeholder,
.is-open .input-field-placeholder {
top: 8px;
color: var(--ey-grey);
font-size: 1rem;
line-height: 1.5rem;
}
.input-field.is-focused .input-default,
.input-field.has-value .input-default {
padding: 2.4rem 2.4rem 0.8rem;
}
.select2-container--default .select2-selection--single {
height: auto;
background: transparent;
border: 1px solid var(--ey-light-gray);
outline: 0;
border-radius: 0;
width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 50%;
width: 1.4rem;
height: 0.7rem;
right: 2.4rem;
background-image: url("../img/chevron-bottom.svg");
background-size: cover;
transition: transform .3s ease;
transform: translateY(-50%) rotate(0deg);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--ey-dark-gray);
padding: 0;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
background: #1A1A24;
}
.select2-container--open .select2-dropdown--below {
background: #1A1A24;
color: white;
border-radius: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 230px;
background: #1A1A24;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--ey-purple);
}
.select2-container--default .select2-default-dropdown .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-multiple-dropdown .select2-results__option--highlighted[aria-selected] {
background: #1A1A24;
color: white;
}
.select2-results__option:first-child {
border-top: 0;
}
.select2-results__option {
border-top: 1px solid white;
padding: 1.6rem 2.4rem;
}
.select2-search--dropdown {
display: none;
}
.select2-container--default .select2-selection--single {
font-weight: 300;
line-height: 2.4rem;
padding: 1.6rem 2.4rem
}
.form-icon {
background-image: url('../img/checked-form.svg');
display: block;
background-repeat: no-repeat;
background-size: cover;
width: 12rem;
height: 11.6rem;
margin-bottom: 6.4rem;
}
.form-success {
opacity: 0;
height: 0;
visibility: hidden;
display: flex;
align-items: center;
flex-direction: column;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.33s ease-in-out;
min-width: 550px;
}
.form-default,
.call-us.active .form-default {
opacity: 1;
visibility: visible;
transition: opacity 1s ease-in-out;
}
.call-us .form-default {
opacity: 0;
}
.form-default.valid {
opacity: 0;
visibility: hidden;
}
.form-default.valid~.form-success {
opacity: 1;
height: auto;
visibility: visible;
}
.form-title {
border-bottom: 2px solid var(--ey-yellow);
padding-bottom: 1.6rem;
}
.form-title h3 {
color: var(--ey-white);
letter-spacing: -.5px;
font-size: 3.1rem
}
.form-title h3 span {
color: var(--ey-yellow);
}
.form-desc {
font-size: 2rem;
line-height: 2.8rem;
text-align: center;
color: var(--ey-white);
padding-top: 2rem;
}
.call-us {
position: fixed;
bottom: 3.2rem;
right: 4rem;
background: white;
padding: 1.4rem;
border-radius: 2.4rem;
cursor: pointer;
z-index: 999;
font-size: 1.4rem;
line-height: 2.2rem;
letter-spacing: 0.02em;
font-weight: 400;
max-width: 4.8rem;
box-shadow: 0px 0px 4px 4px rgba(255, 242, 122, 0.4);
transition: max-width .33s ease-in;
-webkit-transition: max-width .33s ease-in;
/* overflow: hidden; */
min-height: 5rem;
}
.call-us.closed,
.call-us.is-fading,
.call-us.active,
.call-us.active:hover,
.call-us.closed:hover {
width: 36rem;
/* min-width: 36rem; */
max-width: 36rem;
transition: max-width .33s ease;
-webkit-transition: max-width .33s ease;
}
.call-us.is-fading:hover {
max-width: 36rem;
}
.call-us.disable-animation {
pointer-events: none;
cursor: not-allowed;
}
.call-us.enable-bounce .circle span {
left: 0;
top: 0;
transform: translate(-50%, -50%);
border-color: var(--ey-yellow);
/* transition: border-color .33s ease-in ; */
}
.call-us.enable-bounce:not(:hover) .circle {
display: none;
}
.call-us .circle,
.call-us.active:not(.enable-bounce) .circle {
display: none;
}
@keyframes fadeOut {
0% {
opacity: .5
}
100% {
opacity: 0;
}
}
.footer-text {
display: none;
}
.call-us {
max-width: 20rem;
}
.call-us .circle span {
border-color: transparent;
transition: border-color .33s ease-out;
}
.call-us.active .circle span {
display: none;
}
.call-us:not(.active):hover .text {
display: block;
opacity: 1;
}
.call-us .text {
transition: opacity .33s ease-in;
display: block;
opacity: 1;
min-width: 130px;
}
.call-us.closed .text {
opacity: 1;
}
.call-us.active {
padding: 0;
width: 36rem;
box-shadow: none;
max-width: 36rem;
min-width: 36rem;
}
.call-us.active>div.hide-active {
display: none;
}
.call-us>div {
display: flex;
gap: 2rem;
align-items: center;
/* height:2rem; */
overflow: hidden;
}
.close-wrapper {
position: relative;
background: #F7F6FA;
opacity: 1;
box-shadow: inset 0px 0px 6px rgba(114, 75, 195, 0.1);
width: 3.2rem;
height: 3.2rem;
border-radius: 50%;
}
.call-us .form-header {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1.6rem;
}
.call-us .form-header>div {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1.6rem;
line-height: 2.8rem;
font-size: 1.8rem;
}
.call-us .close {
background: transparent;
mask-image: url('../img/callClose.svg');
-webkit-mask-image: url('../img/callClose.svg');
width: 1.4rem;
height: 1.4rem;
mask-repeat: no-repeat;
background-size: cover;
background-color: var(--ey-purple);
top: 50%;
right: 50%;
transform: translate(50%, -50%);
}
.formCallUs {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
border-radius: 1rem;
background: rgba(253, 253, 253, 0.95);
width: 36rem;
height: 0;
opacity: 0;
transition: height .33s ease;
}
.formCallUs>div {
padding: 18px 24px 24px;
}
.formCallUs.closed .form-header {
transition: height 0.33s ease-out, opacity .33s ease-out;
-webkit-transition: height 0.33s ease-out, opacity .33s ease-out;
}
.formCallUs .form-header {
height: 0;
opacity: 0;
transition: height 0.33s ease-in, opacity .33s ease-in;
}
.call-us.active .formCallUs {
height: 600px;
opacity: 1;
overflow-y:auto;
box-shadow: 0px 0px 10px rgba(114, 75, 195, 0.3);
}
.call-us.active .formCallUs .form-header {
height: 100%;
opacity: 1;
}
.select2-container--default .select2-results>.select2-results__options {
color: var(--ey-ey-off-white);
}
.formCallUs .select2-container--default .select2-results__option--highlighted[aria-selected] {
color: var(--ey-ey-off-white);
}
.formCallUs .select2-container--default .select2-results>.select2-results__options {
background-color: var(--ey-purple);
color: var(--ey-ey-off-white);
}
.formCallUs .form-submit {
margin-top: 2.4rem;
}
.formCallUs .select2-container--default .select2-selection--single {
background-color: var(--ey-ey-off-white);
}
.formCallUs .input-default,
.formCallUs .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: var(--ey-dark-gray);
}
.formCallUs>div {
width: 100%;
}
.formCallUs .form-group.form-text p {
color: var(--ey-dark-gray);
font-size: 1.2rem;
line-height: 1.4rem;
}
.formCallUs .form-header+.form-default {
padding-top: 2.4rem;
}
.phone {
mask-image: url('../img/phone.svg');
-webkit-mask-image: url('../img/phone.svg');
width: 2rem;
height: 2rem;
background-repeat: no-repeat;
background-size: cover;
background-color: var(--ey-purple);
display: inline-block;
min-width: 2rem;
max-width: 2rem;
min-height: 2rem;
max-height: 2rem;
}
/* offer section */
body.offer {
overflow: hidden;
}
.offerSteps {
/* min-height:100vh;
padding-top:10rem; */
overflow: hidden;
/* padding-bottom:4rem; */
display: block;
max-height: 0;
transform: translateY(200%);
padding: 2rem;
}
.offerSteps.active {
display: block;
max-height: 100%;
transition: max-height 1s ease, transform .75s ease;
transform: translateY(0);
}
.offer__header {
text-align: center;
}
.offer__header h1 {
color: var(--ey-white);
}
.offer__header span {
color: var(--ey-purple);
font-weight: 600;
}
.offerStepsList {
padding-top: 3rem;
}
.offerStepsWrapper.two-lines .offerWrapper {
width: 60rem;
}
.offerWrapper {
position: relative;
/* min-height: 54rem;
max-height: 54rem; */
}
.offerWrapper.is-animating {
box-shadow: none;
}
.offerButtons.is-animating .btn-offer {
cursor: not-allowed;
}
.offerWrapper.is-animating div.offerTypes.active {
visibility: hidden;
opacity: 0;
max-height: 0;
transition: all .5s ease-out;
}
/* .offerStepsWrapper.two-lines .offerWrapper > .offerTypes{
padding-top:0;
padding-bottom:0;
} */
.offerStepsWrapper.two-lines .offerWrapper {
min-height: auto;
}
.offerStepsWrapper.two-lines .offerTabsButton {
margin-top: 2rem;
}
.offerWrapper>div.offerTypes {
visibility: hidden;
opacity: 0;
max-height: 0;
transition: all .5s ease-out;
padding-top: 0rem;
padding-bottom: 0rem;
}
/* .offerWrapper.active */
/* .offerTypes.active{
padding-top:4.8rem;
padding-bottom: 4.8rem;
} */
/* .offerTypes.active{
padding-top:6.4rem;
padding-bottom:6.4rem;
} */
.offerTypes>div {
padding-left: 6.4rem;
padding-right: 2.9rem;
margin-right: 3.5rem;
max-height: 100% !important;
}
.offerWrapper.active>div:first-child:not(.active) {
padding-top: 0;
padding-bottom: 0;
}
.offerWrapper>div.active {
visibility: visible;
opacity: 1;
max-height: 1000px;
overflow: hidden;
transition: all .33s ease-in;
padding-top: 4.8rem;
padding-bottom: 4.8rem;
}
.offerWrapper.is-animating>div.active {
padding: 0;
}
.offerWrapper h3 {
color: var(--ey-white);
padding-bottom: 3.2rem;
border-bottom: 1.5px solid var(--ey-dark-gray);
}
.offerWrapper h4 {
padding-bottom: 2.4rem;
border-bottom: 1.5px solid var(--ey-dark-gray);
}
.offerToggle p {
margin-top: 1.2rem;
font-size: 1.6rem;
line-height: 2.4rem;
}
.offerToggle.hidden {
display: none;
}
.offerStepsWrapper {
margin: 0 auto;
/* max-width: 75rem; */
}
.offerStepsWrapper.two-lines {
display: flex;
max-width: 130rem;
gap: 4rem;
padding-top: 4rem;
transition: opacity 0.5s ease-in, max-width 0.5s ease-in;
opacity: 1;
}
.offerStepsWrapper.two-lines .offerStepsList {
padding-top: 0;
}
.offerWrapper {
overflow: hidden;
background: rgba(17, 17, 17, 0.3);
box-shadow: 0px 0px 8px 2px rgba(147, 128, 186, 0.25);
border-radius: 10px;
position: relative;
}
.offerToggle {
margin-bottom: 2.4rem;
}
.offerTabsButton {
display: flex;
flex-wrap: wrap;
gap: 2.4rem;
margin-top: 4rem;
overflow-y: auto;
}
.offerTabsButton .btn {
font-size: 2rem;
line-height: 2.4rem;
}
.offerWrapper p,
.offerWrapper h4,
.offerWrapper h3 {
color: var(--ey-white);
}
.offerTabsContent {
display: block;
/* margin-top:var(--offer-height); */
max-width: 66rem;
transition: opacity 0.5s ease-in;
}
.offerTabsContent>div>div.active {
visibility: visible;
opacity: 1;
/* max-height: 1000px; */
overflow: hidden;
transition: all .33s ease-in;
padding-top: 4.8rem;
padding-bottom: 4.8rem;
}
.offerTabsContent.is-animating div>div.active {
max-height: 0;
}
.offerStepsWrapper.two-lines .offerTabsContent {
margin-top: var(--offer-height);
}
.offerTabsContent>div {
position: relative;
}
.offerTabsContent>div.active {
display: block;
}
.offerTabsContent.active {
display: block;
opacity: 1;
}
.offerTabsItem {
background: rgba(17, 17, 17, 0.3);
box-shadow: 0px 0px 8px 2px rgba(147, 128, 186, 0.25);
max-height: 0;
border-radius: 10px;
visibility: hidden;
opacity: 0;
transition: all .3s linear;
height: 0;
}
.offerTabsContent.inited .offerTabsItem.active {
visibility: visible;
opacity: 1;
max-height: 64rem;
/* padding: 5.6rem 0rem 3rem; */
height: 100%;
}
/* .offerTabsItem > div{
padding-left:3.6rem;
padding-right: 2.9rem;
margin-right: 3.5rem;
} */
.offerTabsItem.active {
display: block;
}
.offerTabsHeader {
padding-left: 3.6rem;
padding-right: 2.9rem;
margin-right: 3.5rem;
}
.offerTabsItem .mCustomScrollbar {
max-height: 48rem;
}
.offerTabsAccordions {
padding-bottom: 2rem;
}
.offerTabsContent h4 {
color: var(--ey-yellow);
padding-bottom: 2.4rem;
border-bottom: 1px solid;
border-color: var(--ey-light-gray);
}
.offerTabsDesc {
padding: 4rem 2.4rem 4.8rem 2.4rem;
font-size: 1.4rem;
line-height: 2.2rem;
color: var(--ey-white);
letter-spacing: 0.02em;
}
.offerTabsDesc>p {
padding-right: 1.6rem;
}
.offerTabsDesc p+.show-more {
margin-top: 3.2rem;
}
.arrow-right {
mask-image: url('../img/arrow-yellow.svg');
-webkit-mask-image: url('../img/arrow-yellow.svg');
display: inline-block;
width: 2.6rem;
height: 1.4rem;
background-color: var(--ey-yellow);
mask-size: cover;
margin-left: 2.4rem;
-webkit-mask-size: cover;
}
.show-more {
font-weight: 600;
letter-spacing: 0.01em;
color: var(--ey-ey-off-white);
width: 100%;
text-align: right;
display: block;
font-size: 1.6rem;
line-height: 2.4rem;
}
.offerTabsAccordions .accordion-item::after {
display: none;
}
.offerTabsAccordions .heading span::after {
content: '';
background-image: url('../img/chevron.svg');
width: 1.6rem;
height: 0.9rem;
position: absolute;
right: 0;
top: 0;
transition: rotate 0.5s ease-in;
}
.offerTabsAccordions .heading span {
position: absolute;
width: 2rem;
height: 2rem;
right: 2.4rem;
top: 2.4rem;
}
.offerTabsAccordions .heading {
padding: 1.6rem 5.4rem 1.6rem 2.4rem;
margin: -1.6rem -5.4rem -1.6rem -2.4rem;
}
.offerTabsAccordions .heading a {
width: 100%;
display: block;
}
.offerTabsAccordions .accordion-item.active .heading span::after {
rotate: 180deg;
}
/* .offerTabsAccordions .accordion-item{
padding:0;
}
.offerTabsAccordions .accordion-item > div.accordion-content{
transition: opacity .5s ease-in, max-height .5s ease-in;
}
.offerTabsAccordions .accordion-item.active > div.accordion-content{
padding:0 5.4rem 0 2.4rem;
} */
.accordion-item {
padding: 1.6rem 5.4rem 1.6rem 2.4rem;
border-bottom: 1px solid var(--ey-light-gray);
color: var(--ey-white);
cursor: pointer;
position: relative;
}
.offerSteps .close {
right: 2rem;
top: 2rem;
cursor: pointer;
padding: 0;
display: none;
visibility: hidden;
}
.offerTabsItem .mCustomScrollbar>div {
padding-left: 3.6rem;
padding-right: 2.9rem;
margin-right: 3.5rem;
padding-bottom: 2rem;
}
.accordion-item h6 {
color: var(--ey-white);
}
.accordion-item::after {
content: '';
background-image: url('../img/chevron.svg');
width: 1.6rem;
height: 0.9rem;
position: absolute;
right: 2.4rem;
top: 2.4rem;
transition: rotate 0.5s ease-in;
}
.accordion-item.active::after {
rotate: 180deg;
}
.accordion-content {
transition: all .5s ease-in;
height: auto;
max-height: 0;
overflow: hidden;
opacity: 0;
}
.accordion-item.active>div.accordion-content {
opacity: 1;
margin-top: 3.2rem;
max-height: 800px;
}
.accordion-content .show-more {
padding-top: 3.2rem;
padding-bottom: 0.8rem;
}
/* footer */
footer {
padding: 3.1rem 0 6rem;
max-width: 2560px;
margin-left: auto;
margin-right: auto;
background-color: white;
}
footer .wrapper {
display: flex;
}
.logos {
display: flex;
gap: 10rem;
}
.logos img{
width:90px;
height:104px;
min-width:90px;
max-width:90px;
max-height:104px;
min-height:104px;
}
.logos>div:nth-child(2) {
margin-top: 2.6rem;
}
.footer-right {
margin-left: auto;
padding-left:4rem;
}
.footer-list {
display: flex;
gap: 6.5rem;
margin-left: auto;
}
.listHeader a {
padding-bottom: 0.4rem;
font-weight: bold;
border-bottom: 1px solid var(--primary-color);
}
.footer-right ul {
margin: 0;
padding: 0;
padding-top: 1.6rem;
}
.footer-right li {
list-style: none;
}
.footer-right .footer-list li+li {
padding-top: 4px;
}
.footer-right .footer-list li a {
transition: color 0.33 ease-in;
}
.footer-right .footer-list li a:hover {
color: var(--ey-purple);
}
.footer__icon {
display: flex;
justify-content: center;
align-items: center;
width: 5.5rem;
height: 5.5rem;
border-radius: 50%;
border: 1px solid var(--ey-grey);
font-size: 2.6rem;
transition: all 0.33s ease-in;
}
.footer__icon:hover {
background-color: var(--background-main);
color: var(--ey-white);
}
.footer__social {
padding: 2rem 0 0 0;
}
.footer__socialmedia {
display: flex;
gap: 1rem;
}
section ul li::before {
content: "▶ ";
font-size: 14px;
line-height: 19px;
vertical-align: top;
color: var(--ey-yellow);
position: absolute;
left:0;
transform: translateX(-0.5rem);
transition: transform .33s ease;
}
section ul li{
position: relative;
list-style:none ;
padding-left:2rem!important;
}
section ul li+li {
margin-top: 0.4rem;
}
section ul li>ul li::marker {
color: var(--ey-yellow);
}
section ul li>ul li>ul li::marker {
color: var(--ey-yellow);
}
section ul li:hover:before{
transform:translateX(0rem);
}
.list-styled ul li::marker {
content: "▶ ";
font-size: 14px;
line-height: 19px;
vertical-align: top;
color: var(--ey-yellow);
}
.list-styled ul li>ul li::marker {
color: var(--ey-yellow);
}
.list-styled ul li>ul li>ul li::marker {
color: var(--ey-yellow);
}
ul,
ol {
padding-left: 1.5rem;
}
section {
max-width: 2560px;
margin-left: auto;
margin-right: auto;
}
.header-spacer {
padding-top: 8.4rem;
}
.hotline-banner {
background-color: #2E2E38;
padding-top: 10.4rem;
padding-bottom: 12rem;
color: #FDFDFD;
position: relative;
overflow: hidden;
}
.hotline-banner .container {
position: relative;
z-index: 2;
}
.hotline-banner h2,
.hotline-banner h3,
.hotline-banner h1,
.hotline-banner h4,
.hotline-banner h5,
.hotline-banner h6 {
color: #fdfdfd;
font-weight: 500;
}
.section-with-background h1,
.section-with-background h2,
.section-with-background h3,
.section-with-background h4,
.section-with-background h5,
.section-with-background h6 {
color: #fdfdfd;
font-weight: 500;
}
.section-with-background table,
.section-with-background th,
.section-with-background td {
border: 1px solid #fdfdfd;
}
table,
th,
td {
border: 1px solid var(--background-main);
}
.hotline-banner h2 span {
color: var(--ey-yellow);
}
.hotline-circle {
background-image: url('../img/hotline/hotline-circle.svg');
height: 100%;
background-size: 100%;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 40%;
z-index: 1;
padding-bottom: 100%;
background-repeat: no-repeat;
}
@media(min-width:1920px) {
.hotline-circle {
padding-bottom: 40%;
}
}
.hotline-banner .hotline-wrapper {
position: relative;
z-index: 2;
}
.hotline-top .custom-header {
color: var(--ey-purple);
text-transform: uppercase;
font-weight: 600;
background: linear-gradient(101.78deg, #9C82D4 13.51%, #724BC3 72.97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 52px;
line-height: 52px;
display: inline-block;
text-shadow: 0px 0px 12px rgba(19, 15, 29, 0.2);
margin-bottom: 5px;
}
.hotline-top {
max-width: 550px;
margin-bottom: 5.6rem;
}
.hotline-banner .container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.hotline-banner.hotline-with-border .hotline-wrapper {
border-bottom: 1px solid var(--ey-yellow);
}
.hotline-wrapper {
border-top: 1px solid var(--ey-yellow);
padding-top: 5.6rem;
padding-bottom: 5.6rem;
}
.hotline-wrapper .row {
display: flex;
flex-wrap: wrap;
margin-left: -2rem;
margin-right: -2rem;
justify-content: space-between;
align-items: center;
row-gap: 4rem;
}
.hotline-wrapper .row>div {
flex: 0 0 50%;
padding-left: 2rem;
padding-right: 2rem;
}
.selfassesment-banner .hotline-text {
max-width: 100%;
}
.hotline-text {
text-align: left;
max-width: 550px;
}
.hotline-text ul li {
margin-bottom: 1rem;
padding-left: 0.5rem;
font-size: 17px;
}
.hotline-wrapper .row>div:nth-child(2) {
text-align: right;
}
.hotline-wrapper .row>div:nth-child(2) figure{
position: relative;
overflow: hidden;
display:inline-block;
border-radius: 1rem;
}
.hotline-wrapper .row>div:nth-child(2) figure::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.hotline-wrapper .row>div:nth-child(2) figure img{
width:100%;
height:auto;
display:block;
}
.hotline-wrapper .row>div:nth-child(2) figure:hover::before {
-webkit-animation: shine .75s;
animation: shine .75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.hotline-wrapper>div h3+p {
margin-top: 3rem;
}
.hotline-wrapper>div p {
font-size: 1.6rem;
line-height: 2.4rem;
}
.whatyouget {
background-color: #2E2E38;
padding-top: 10.4rem;
padding-bottom: 12rem;
}
.whatyouget .heading {
margin-bottom: 8rem;
}
.whatyouget .heading h3,
.whatyouget .heading p {
color: white;
}
.whatyouget .heading h3+p {
margin-top: 2rem;
}
.whatyouget .container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.whatyouget .whatyouget-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 4rem;
}
.whatyouget .whatyouget-item {
background: rgba(17, 17, 17, 0.3);
box-shadow: 0px 0px 15px rgba(3, 3, 4, 0.3);
border-radius: 10px;
color: white;
padding: 2.4rem 1.6rem;
display: flex;
flex-direction: column;
text-align: center;
opacity: 0;
transform:translateY(0);
transition: transform .33s ease;
}
.whatyouget .whatyouget-item.animated {
opacity: 1;
}
.whatyouget .whatyouget-item:hover{
transform:translateY(-10px);
}
.whatyouget .whatyouget-item .icon {
max-height: 7.8rem;
min-height: 7.8rem;
}
.whatyouget .whatyouget-item .icon img {
height: auto;
}
@keyframes opacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.whatyouget .whatyouget-item .desc-wrapper {
margin-top: 2rem;
}
.whatyouget .whatyouget-item .desc-wrapper .title+.desc {
margin-top: 2rem;
}
.whatyouget .whatyouget-item .desc {
color: #FDFDFD;
letter-spacing: 0.01em;
}
.whatyouget .whatyouget-item .title {
font-weight: 600;
font-size: 2.4rem;
line-height: 2.8rem
}
.services-accordion-item {
opacity: 0;
}
.services-accordion-item.collapsed{
display:flex;
flex-direction: column;
}
.services-accordion-item.collapsed .head{
flex-grow: 1;
}
.services-accordion-item .head {
cursor: pointer;
}
.services-accordion-item.animated {
opacity: 1;
}
.services-accordion-item h6 {
position: relative;
padding-right: 2rem;
}
.services-accordion-item h6::after {
background-image: url('../img/collapse-close-icon.svg');
opacity: 1;
}
.services-accordion-item.collapsed h6::after {
opacity: 0;
}
.services-accordion-item h6::before {
background-image: url('../img/collapse-icon.svg');
opacity: 0;
}
.services-accordion-item.collapsed h6::before {
opacity: 1;
}
.services-accordion-item h6::after,
.services-accordion-item h6::before {
content: '';
height: 1.4rem;
width: 1.4rem;
position: absolute;
right: 0;
background-size: cover;
top: 5px;
transition: opacity 0.5s linear;
}
.collapse-body-wrapper:not(.active) {
display: none;
}
.collapse-body-wrapper {
transition: height 0.5s ease-in-out;
overflow: hidden;
}
.service-collapse-body {
display: flex;
flex-direction: column;
height: 100%;
padding-top: 2.4rem;
}
.service-collapse-body p {
margin-bottom: 2.4rem;
}
.service-collapse-body .btn {
padding: 12px 32px;
background: var(--ey-yellow);
box-shadow: 0px 0px 12px rgba(19, 15, 29, 0.2);
border-radius: 4px;
margin-top: auto;
color: var(--background-main)
}
.service-collapse-body .btn:hover {
background-color: #382858;
color: white;
}
.services-accordion {
padding-top: 8rem;
padding-bottom: 8rem;
background-color: #25252C;
;
}
.services-accordion .container {
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.services-accordion .heading {
margin-bottom: 5.6rem;
}
.services-accordion .services-accordion-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
align-items: flex-start;
}
body.is-resizing-accordions .services-accordion-wrapper {
opacity: 0;
}
.services-accordion .services-accordion-item {
color: #FDFDFD;
padding: 2.8rem;
background-color: var(--ey-purple);
box-shadow: 0px 0px 12px rgba(19, 15, 29, 0.2);
border-radius: 10px;
min-height: var(--servicesMinHeight);
transition: all 0.33s ease;
}
.services-accordion .services-accordion-item:not(.collapsed).not-hover{
opacity: 1;
scale:1;
}
.services-accordion .services-accordion-item.not-hover{
opacity: 0.5;
}
.services-accordion .services-accordion-item.collapsed {
max-height: var(--servicesMinHeight);
}
.services-accordion-item.collapsed .head {
height: 100%;
}
.services-accordion .services-accordion-item h6 {
color: #fdfdfd;
}
.heading.heading-white h1,
.heading.heading-white h2,
.heading.heading-white h3 {
color: #FDFDFD;
}
.eynow {
background-color: #2E2E38;
padding-top: 11rem;
padding-bottom: 16.8rem;
}
.eynow .container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.eynow .heading {
margin-bottom: 9rem;
}
.eynow .heading h2,
.eynow .heading h1,
.eynow .heading h3,
.eynow .heading h4,
.eynow .heading h5,
.eynow .heading h6 {
color: white;
}
.eynow .heading.custom-text span {
color: var(--ey-purple);
text-transform: uppercase;
font-weight: 600;
background: linear-gradient(101.78deg, #9C82D4 13.51%, #724BC3 72.97%);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 56px;
line-height: 52px;
display: inline-block;
text-shadow: 0px 0px 12px rgba(19, 15, 29, 0.2);
}
.eynow .eynow-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 4rem;
}
.eynow .eynow-item {
display: flex;
flex-direction: column;
text-align: center;
color: white;
align-items: center;
transition:all 0.33s ease;
padding:2rem 0;
}
.eynow .eynow-item {
opacity: 0;
}
.eynow .eynow-item:hover{
transform: translateY(-10px);
background: rgba(17, 17, 17, 0.3);
box-shadow: 0px 0px 15px rgba(3, 3, 4, 0.3);
}
.eynow .eynow-item.animated {
opacity: 1;
}
.eynow .eynow-item .title * {
color: white;
font-size: 24px;
font-weight: 600;
font-size: 2.4rem;
}
.eynow .eynow-item .icon-wrapper {
height: 6.5rem;
}
.eynow .eynow-item .icon-wrapper .icon {
height: 6.5rem;
}
.eynow .eynow-item .icon-wrapper .icon img {
max-height: 6.5rem;
}
.eynow .eynow-item .desc-wrapper {
margin-top: 2rem;
max-width: 240px;
margin-bottom:2rem;
}
.eynow .eynow-item .desc-wrapper+button {
margin-top: auto;
}
.eynow .eynow-item .title+.desc {
margin-top: 2rem;
}
.eynow .eynow-item .desc {
line-height: 2.4rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
/* number of lines to show */
line-clamp: 3;
-webkit-box-orient: vertical;
}
.eynow .modal.open {
display: block;
z-index: 9;
position: fixed;
top: 30%;
left: 0;
right: 0;
max-width: 480px;
border-radius: 1rem;
margin-left: auto;
margin-right: auto;
}
.eynow .modal {
display: none;
}
.eynow .modal.open .close {
position: relative;
top: 0;
right: -2rem;
cursor: pointer;
}
.eynow .modal-heading {
display: flex;
justify-content: right;
}
.eynow .modal .modal-wrapper {
margin-right: auto;
margin-left: auto;
padding: 1rem 3.2rem 3.2rem 3.2rem;
background-color: var(--background-main);
border-radius: 1rem;
margin-left: 1rem;
margin-right: 1rem;
}
.eynow .modal-description {
color: var(--ey-ey-off-white);
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.5px;
}
.fade {
transition: opacity .15s ease;
}
.modal-backdrop.show {
top: 0;
left: 0;
bottom: 0;
right: 0;
position: fixed;
width: 100%;
height: 100%;
opacity: 0.3;
background-color: var(--background-main);
}
.advices {
background-color: white;
counter-reset: advice
}
.advices .container {
padding-bottom: 9.6rem;
padding-top: 9.6rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #9C82D4;
}
.advices .heading {
margin-bottom: 8rem;
}
.advices .heading span {
color: var(--ey-purple)
}
.advice-wrapper {
display: flex;
flex-wrap: wrap;
margin-left: -6.5rem;
margin-right: -6.5rem;
}
.advice-item {
border-bottom: 1px solid #77777D;
padding-bottom: 2.3rem;
padding-top: 2.3rem;
display: flex;
gap: 2.4rem;
align-items: center;
opacity: 0;
}
.advice-item.animated {
opacity: 1;
}
.advice-item .icon {
font-weight: 700;
font-size: 48px;
line-height: 50px;
letter-spacing: -2px;
/* EY purple 2 */
color: #724BC3;
}
.advice-item .icon::before {
counter-increment: advice;
content: counter(advice);
}
.advice-wrapper>div {
flex: 0 0 50%;
padding: 0 6.5rem;
}
.full-services {
background-color: white;
}
.full-services .container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #9C82D4;
padding-bottom: 9.6rem;
padding-top: 9.6rem;
}
.full-services .heading {
margin-bottom: 8rem;
}
.full-services .heading span {
color: var(--ey-purple)
}
.full-services .services-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 1rem;
row-gap: 6.5rem;
}
.full-services .icon {
min-width: 46px;
max-width: 46px;
height: 24px;
}
.full-services .services-item {
display: flex;
gap: 3.2rem;
opacity: 0;
}
.full-services .services-item.animated {
opacity: 1;
}
.partnership {
background-color: white;
}
.partnership .container {
padding-top: 9.6rem;
padding-bottom: 12.8rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #9C82D4;
}
.partnership-wrapper {
display: grid;
justify-content: center;
gap: 12rem;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
margin-top: 95px;
}
.partnership-item {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
text-align: center;
opacity: 0;
padding:2rem 1rem;
transition: all 0.33s ease;
border-radius: 10px;
}
.partnership-item h3{
transition: color 0.33s ease;
}
.partnership-item:hover{
transform:translateY(-10px);
}
.partnership-item.animated {
opacity: 1;
}
section.text {
background-color: white;
padding-bottom: 13.6rem;
padding-top: 13.6rem;
}
section.text .container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
section.text .text-wrapper {
display: flex;
gap: 7.2rem;
}
section.text .text-wrapper>div {
flex: 0 1 50%;
}
section.text .heading {
margin-bottom: 8rem;
}
.heading p {
font-weight: 500;
font-size: 24px;
line-height: 28px;
}
.variants {
padding-bottom: 15rem;
padding-top: 12rem;
counter-reset: variants;
background-color: #2E2E38;
}
.variants .container {
max-width: 1220px;
margin-left: auto;
margin-right: auto;
}
.variants .heading {
margin-bottom: 9.2rem;
}
.variants .variants-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 4rem;
align-items: flex-start;
padding-top: 2.8rem;
overflow: hidden;
padding-bottom: 1rem;
padding-right: 1rem;
padding-left: 1rem;
}
.variants .heading > * {
color: white;
letter-spacing: -0.5px;
}
.variants .variant-item {
padding: 72px 60px;
box-shadow: 0px 0px 8px 2px rgba(147, 128, 186, 0.25);
border-radius: 10px;
background: #2D293E;
color: white;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 1s ease;
}
.variants .variants-wrapper.animated .variant-item {
transform: translate(0);
}
.hotline-video {
position: relative;
/* padding-bottom: 56.25%; */
overflow: hidden;
max-width: 100%;
height: auto;
}
.hotline-wrapper .hotline-video {
text-align: center;
}
.hotline-video {
position: relative;
/* padding-bottom: 56.25%; */
overflow: hidden;
max-width: 100%;
height: auto;
aspect-ratio: 16/9;
}
.hotline-wrapper .hotline-video {
text-align: center;
}
.hotline-video iframe,
.hotline-video object,
.hotline-video embed {
max-width: 100%;
width: 100%;
height: auto;
aspect-ratio: 16/9;
}
.hotline-video-placeholder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 12;
object-position: center;
object-fit: cover;
}
/* .hotline-video-placeholder:hover {
cursor: pointer;
} */
.play-button-outer {
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .25);
cursor: pointer;
}
.play-button {
margin: 0 auto;
top: 40%;
position: relative;
z-index: 13;
width: 0;
height: 0;
border-style: solid;
border-width: 2em 0 2em 4em;
border-color: transparent transparent transparent rgba(185, 185, 185, 1);
opacity: .95;
transition-duration: .3s;
}
.play-button::before {
position: absolute;
content: '';
width: 120px;
height: 120px;
border: 6px solid rgba(185, 185, 185, 1);
opacity: .75;
top: -60px;
left: -100px;
border-radius: 100%;
}
.play-button-outer:hover {
background-color: rgba(255, 255, 255, .5);
}
.play-button-outer:hover .play-button,
.play-button-outer:hover .play-button::before {
opacity: 1;
}
.solutions{
position: relative;
background-color: white;
padding-top:6rem;
padding-bottom:8rem;
}
.solutions::before{
background: linear-gradient(215.76deg, #724BC3 -10.95%, rgba(255, 255, 255, 0) 97.29%);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: auto;
-webkit-mask-position: top right;
content: '';
position: absolute;
-webkit-mask-image: url('../img/N.svg');
mask-image: url('../img/N.svg');
-webkit-mask-size:contain;
mask-size: contain;
opacity: 0.5;
top: 0;
right: 0;
height: auto;
background-size: cover;
height: 405px;
width: 100%;
height: 100%;
mask-repeat: no-repeat;
mask-size: auto;
mask-position: top right;
}
.solutions .container{
max-width:1240px;
margin-left:auto;
margin-right:auto;
padding-left:2.1rem;
padding-right:2.1rem;
}
.solutions .heading h1 span,
.solutions .heading h2 span{
color: var(--ey-yellow);
font-size:5rem;
line-height:5.5rem;
}
.solution-desc{
text-align: center;
margin-bottom:1.2rem;
}
.solutions .heading h1+p,
.solutions .heading h2+p{
padding-top:2.4rem;
font-weight: 300;
color:#484854;
}
.solutions .heading p{
font-size:1.6rem;
line-height:2.2rem;
}
.solutions .solution-boxes{
margin-top:9rem;
display:grid;
justify-content: center;
gap:1.9rem;
position: relative;
z-index: 5;
flex-wrap: wrap;
row-gap:0;
}
.solutions .solution-box{
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
background: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(114, 75, 195, 0.2);
box-shadow: 0px 0px 10px rgba(114, 75, 195, 0.3);
border-radius: 10px;
cursor:pointer;
flex: 0 0 auto;
grid-column: auto/span 4;
transition: all 0.33s ease;
margin-left:0.5rem;
margin-right:0.5rem;
margin-bottom:4rem;
}
.solutions .solution-box:hover{
border:1px solid var(--ey-yellow);
box-shadow: 0px 0px 10px rgba(255, 230, 0, 0.6);
}
.solutions .solutions-box-wrapper{
padding: 24px 21px 40px;
display:flex;
flex-direction: column;
height:100%;
width:100%;
}
.solution-icon{
max-height:6.8rem;
display: flex;
justify-content: center;
margin-bottom:2.3rem;
position: relative;
}
.solution-icon svg{
max-height: 6.8rem;
}
.solution-accordion-content{
opacity: 0;
height: 0;
/* transform: translateY(-100%); */
}
.solution-accordion-content.active{
visibility: visible;
opacity: 1;
height:100%;
}
.solutions .solution-box.active{
border:1px solid var(--ey-yellow);
box-shadow: 0px 0px 10px rgba(255, 230, 0, 0.6);
transform: translateY(40px);
}
.solutions .solution-box.active .solution-button{
transform: rotate(180deg);
}
.solutions .heading{
padding-left:0.5rem;
padding-right:0.5rem;
}
.solution-button{
background-image:url('../img/arrow-violet.svg');
background-repeat: no-repeat;
background-size: cover;
backface-visibility: hidden;
height: 2.6rem;
width: 1.4rem;
margin-top: auto;
margin-left:auto;
margin-right:auto;
transition:transform 0.33s ease;
-webkit-transform: translate(0, 0) rotateZ(0);
transform: translate(0, 0) rotateZ(0);
mask-border: unset;
border:none!important;
outline:none!important;
}
.solution-accordion-button{
margin-top:4.3rem;
}
.solution-accordion-button button{
font-weight: 300;
font-size: 16px;
line-height: 140%;
border-bottom: 1px solid #2E2E38;
display:block;
cursor:pointer;
}
.solution-accordion-content{
width:100%;
order:6;
grid-column: auto/span 12;
overflow: hidden;
padding-left:0.5rem;
padding-right:0.5rem;
}
.solution-accordion-content.active{
transition: all .33s ease;
}
.solution-accordion-head{
font-size:2.4rem;
line-height:2.6rem;
letter-spacing: -.5px;
font-weight: 600;
padding-bottom:2rem;
}
.solution-accordion-desc{
flex:0 0 auto;
width:25%;
padding-right:3rem;
}
.solution-accordion-list{
flex:0 0 auto;
width:75%;
}
.solution-accordion-list{
padding-left:3rem;
}
.solution-accordion-list ul{
margin:0;
padding-left:0;
}
.solution-accordion-wrapper{
display:flex;
padding-top:9rem;
padding-bottom:6rem;
}
.solution-accordion-list li{
position: relative;
font-size:2rem;
line-height:2.4rem;
font-weight: 600;
border: 1px solid rgba(114, 75, 195, 0.2);
border-radius: 4px;
padding: 14px 5.6rem 14px 18px;
cursor:pointer;
transition: all 0.33s ease;
}
.solution-accordion-list li::after{
transition: all .33s ease;
}
.solution-accordion-list li:hover::after{
translate: 10px;
}
.solution-accordion-list li:hover{
border-color: var(--ey-yellow);
box-shadow: 0px 0px 6px rgba(255, 230, 0, 0.6);
}
.solution-accordion-list li+li{
margin-top:1rem;
}
.solution-accordion-list li::before{
display:none;
}
.solution-accordion-list li:after{
content:'';
position: absolute;
background-image: url('../img/arrow-violet-right.svg');
width:2.4rem;
height:1.4rem;
background-size: cover;
background-repeat: no-repeat;
right:3.2rem;
top:50%;
transform: translate(50%,-50%);
}
@media(max-width:991px){
.solutions .solution-box{
grid-column: auto/span 12;
}
.solution-box h5{
font-size:2rem;
line-height:2.4rem;
}
.solution-accordion-head{
font-size:2rem;
line-height:2.6rem;
}
.solution-accordion-text{
font-size:1.4rem;
line-height:2rem;
}
.solution-accordion-list li{
font-size:1.6rem;
line-height:1.9rem;
}
.solution-accordion-content{
order:unset;
}
.solution-accordion-desc,.solution-accordion-list{
width:100%;
}
.solution-accordion-desc{
padding-right:0;
}
.solution-accordion-list{
margin-top:3.5rem;
}
.solution-accordion-wrapper{
flex-wrap: wrap;
}
.solution-accordion-list{
padding-left:0;
}
.solution-accordion-button{
margin-top:2rem;
}
.solution-accordion-wrapper{
padding:2rem 0;
}
.solutions .solution-boxes{
gap:1.2rem;
margin-top:3.5rem;
}
.solutions .solution-box.active{
transform: translateY(0);
}
.solutions .solution-box{
margin-bottom:0;
}
}
@media(min-width:991px) {
.variants .variant-item:first-child {
transform: translateX(-150%);
}
.variants .variant-item.special {
transform: translateY(150%);
}
.variants .variant-item:last-child {
transform: translateX(150%);
}
}
.variants .variant-item .icon+h3 {
margin-top: 4rem;
}
.variants .icon-wrapper+.desc-wrapper {
margin-top: 4rem;
}
.variants .variant-item .title {
font-weight: 700;
padding-bottom: 1.2rem;
border-bottom: 1px solid #FDFDFD;
}
.variants .variant-item .desc {
padding-top: 1.2rem;
}
.variants .variant-item .desc span {
font-weight: 700;
width: 100%;
display: block;
}
.variants .variant-item .icon-wrapper h3 {
font-weight: 700;
font-size: 2.4rem;
line-height: 2.76rem;
}
.variant-item .icon::before {
-webkit-text-fill-color: rgba(156, 130, 212, 0.6);
}
.variant-item .icon {
font-size: 110px;
line-height: 80px;
font-weight: bold;
text-align: center;
}
.variant-item.special .icon::before {
-webkit-text-fill-color: rgba(253, 253, 253, 0.4);
}
.variant-item .icon::before {
counter-increment: variants;
content: counter(variants);
}
.variants .variant-item.special {
background: #724BC3;
margin-top: -2.8rem;
transition-delay: 1s;
}
.steps-span-100 .stepsDescription span {
/* display: block; */
width: 100%;
}
/* .steps-span-100 .stepsConfigurator .circle h6{
padding:0 1rem;
} */
.steps.steps-span-100 .wrapper {
max-width: 120rem;
}
.selfassesment-bloglist {
background-color: #25252C;
padding-top: 8rem;
padding-bottom: 24rem;
position: relative;
z-index: 2;
}
.selfassesment-bloglist .container {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.selfassesment-bloglist .heading {
margin-bottom: 5.6rem;
}
.selfassesment-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2.4rem;
}
.selfassesment-item {
background: rgba(156, 130, 212, 0.2);
/* shadow new */
box-shadow: 0px 0px 12px rgba(19, 15, 29, 0.2);
border-radius: 10px;
padding: 2.4rem;
opacity: 0;
transition: opacity 0.33s ease, scale 0.33s ease;
}
.selfassesment-item.animated.not-hover{
opacity: 0.5;
scale: 0.95;
}
.selfassesment-item{
display:flex;
flex-direction: column;
height:100%;
}
.selfassesment-item.animated {
opacity: 1;
}
.mt-auto{
margin-top:auto;
}
.selfassesment-item * {
color: #FDFDFD;
}
.selfassesment-item .title+.desc {
margin-top: 2rem;
}
.selfassesment-item .desc {
margin-bottom: 4rem;
}
.selfassesment-item .image-wrapper>div {
position: relative;
padding-bottom: 64.1711229947%;
transition: transform 0.33s ease;
}
.selfassesment-item .image-wrapper>div>img {
position: absolute;
min-width: 100%;
max-width: 100%;
width: 100%;
min-height: 100%;
max-height: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.selfassesment-item .image-wrapper {
overflow: hidden;
}
.selfassesment-item .image-wrapper+.desc-wrapper {
margin-top: 2.8rem;
}
.selfassesment-item:hover .image-wrapper>div {
transform: scale(1.05);
}
.whatyouget,
.hotline-banner,
.services-accordion,
.eynow,
.advices,
.full-services,
.partnership,
section.text,
.variants,
.selfassesment-bloglist {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.second-section {
position: relative;
z-index: 2;
background: rgba(17, 17, 17, 0.3);
}
.second-section>section {
background-color: transparent;
box-shadow: none;
}
.grecaptcha-badge {
display: none;
}
.wrapperOffer {
margin-bottom: 2rem;
}
@media(max-width:1199px) {
.hotline-banner {
padding-top: 5rem;
}
.whatyouget,
.hotline-banner,
.services-accordion,
.eynow,
.advices,
.full-services,
.partnership,
section.text,
.variants,
.selfassesment-bloglist {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.variants .variant-item {
padding: 40px 32px;
}
.selfassesment-bloglist {
padding-bottom: 10rem;
}
}
@media(max-width:991px) {
.whatyouget .whatyouget-wrapper,
.services-accordion .services-accordion-wrapper,
.partnership-wrapper,
.selfassesment-wrapper {
grid-template-columns: repeat(2, 1fr)
}
.partnership-wrapper {
gap: 6rem;
}
section.text {
padding-top: 0;
padding-bottom: 0;
}
.full-services .container,
.partnership .container,
.advices .container,
section.text .container,
.whatyouget,
.eynow,
.variants,
.services-accordion {
padding-top: 5rem;
padding-bottom: 5rem;
}
.full-services .services-wrapper {
grid-template-columns: repeat(1, 1fr);
row-gap: 3.2rem;
}
.full-services .heading,
.whatyouget .heading,
.eynow .heading,
.advices .heading,
section.text .heading {
margin-bottom: 5rem;
}
.partnership-wrapper {
margin-top: 5rem;
}
section.text .text-wrapper {
flex-wrap: wrap;
}
section.text .text-wrapper>div {
flex: 0 0 100%;
margin-top: 2rem;
}
.variants .variants-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.variants .variant-item {
max-width: 480px;
margin-left: auto;
margin-right: auto;
width:100%;
}
.variants .variant-item.special{
margin-top:0;
}
.variants .heading{
margin-bottom:5rem;
}
.hotline-banner {
padding-bottom: 8rem;
}
.hotline-wrapper {
gap: 3.2rem;
}
.hotline-wrapper .row>div {
flex: 0 0 100%;
}
.hotline-wrapper>div:nth-child(2) {
text-align: left;
}
.hotline-text {
max-width: 100%;
}
.hotline-wrapper {
padding-top: 4rem;
padding-bottom: 4rem;
}
.whatyouget .whatyouget-wrapper {
gap: 2rem;
}
.hotline-circle {
width: 80%;
}
}
@media(max-width:767px) {
.whatyouget,
.hotline-banner,
.services-accordion,
.eynow,
.advices,
.full-services,
.partnership,
section.text,
.variants,
.selfassesment-bloglist {
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.advice-wrapper {
margin-left: -3rem;
margin-right: -3rem;
}
.advice-wrapper>div {
padding: 0 3rem;
}
.variants .variants-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.variants .variant-item {
margin-top: 0;
min-width: 100%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.variants .variant-item.special {
margin-top: 0;
}
.productContent {
display: flex;
flex-direction: column;
align-items: center;
}
}
@media(max-width:567px) {
.services-accordion .services-accordion-item {
min-height: auto;
}
.advice-wrapper>div {
flex: 0 0 100%;
}
.whatyouget .whatyouget-wrapper,
.services-accordion .services-accordion-wrapper,
.partnership-wrapper,
.eynow .eynow-wrapper,
.selfassesment-wrapper {
grid-template-columns: repeat(1, 1fr);
}
.full-services .heading,
.whatyouget .heading,
.eynow .heading,
.advices .heading,
section.text .heading,
.variants .heading {
margin-bottom: 3rem;
}
.hotline-top {
margin-bottom: 3.2rem;
}
.full-services .heading h3,
.whatyouget .heading h3,
.eynow .heading h3,
.advices .heading h3,
section.text .heading h3,
.partnership .heading h3,
.services-accordion .heading h3,
.variants .heading > *,
.selfassesment-bloglist .heading h3 {
font-size: 3.2rem;
line-height: 4rem
}
.heading p {
font-size: 1.6rem;
line-height: 2.4rem;
}
.partnership-item h3 {
font-size: 2.4rem;
line-height: 3.2rem;
}
.whatyouget .whatyouget-item {
padding: 2.4rem 3.2rem;
}
.hotline-banner {
padding-bottom: 4rem;
padding-top: 4rem;
}
.hotline-wrapper>div p {
font-size: 1.6rem;
line-height: 2.4rem;
}
}
@media(max-width:375px) {
.whatyouget .whatyouget-item .title {
font-size: 2rem;
line-height: 2.4rem;
}
.full-services .heading h3,
.whatyouget .heading h3,
.eynow .heading h3,
.advices .heading h3,
section.text .heading h3,
.partnership .heading h3,
.services-accordion .heading h3,
.variants .heading > * {
font-size: 2.6rem;
line-height: 3.2rem;
}
}
/* responsive */
@media(min-width:1440px) {
.container-fluid {
padding-left: 10rem;
padding-right: 10rem;
}
.contact {
padding-left: 10rem;
padding-right: 10rem;
}
.container-fluid>.row {
margin-left: -10rem;
margin-right: -10rem;
}
}
@media screen and (min-resolution: 120dpi) {
.offerTabsContent h4 {
font-size: 2.4rem;
padding-bottom: 1.2rem;
}
.offerTabsContent,
.offerStepsList {
width: 50%;
}
.slide-extracontent {
font-size: 144px;
}
.homeBannerProducts>div h4 {
font-size: 2.4rem;
}
.homeBannerProducts {
bottom: 3.4rem;
}
.product .productDesc {
font-size: 1.4rem;
}
.product .btn {
font-size: 1.4rem;
}
.productDesc {
margin-bottom: 2.4rem;
}
/* .offerNOW .cards{
max-width:80rem;
} */
.offerNOW .cards>div {
padding: 4rem 2rem;
}
.offerNOW h2 {
font-size: 4rem;
line-height: 4.2rem;
}
.offerNOW .h3 {
font-size: 2.4rem;
line-height: 3.2rem;
}
.card-title h5 {
font-size: 2rem;
line-height: 2.4rem;
}
.homeBannerSlider .slide-wrapper {
top: 18%;
}
.slick-dots li button {
display: none;
}
.homeBannerSlider .slick-dots {
bottom: 16px;
}
.btn {
padding: 1.2rem 4rem;
}
.offerNOW {
min-height: 25rem;
}
.offerSteps {
padding-top: 1rem;
padding-bottom: 1rem
}
.offerStepsWrapper.two-lines {
padding-top: 0;
}
textarea.input-default {
min-height: 8rem;
}
.offerWrapper h4 {
font-size: 2.2rem;
line-height: 2.4rem;
padding-bottom: 1.2rem;
}
.offerWrapper>div.active {
padding-top: 2rem;
padding-bottom: 2rem;
}
.offerStepsWrapper.two-lines .offerTabsButton .btn {
font-size: 1.3rem;
line-height: 1.6rem;
padding: 1rem 0.7rem;
}
.offerTabsItem .show-more {
font-size: 1.4rem;
line-height: 2.4rem;
}
.offerTabsAccordions .accordion-item.active>div.accordion-content {
margin-top: 2rem;
}
.offerTabsAccordions .accordion-content .show-more {
padding-top: 2rem;
}
.offerTabsAccordions .accordion-item h6 {
font-size: 1.2rem;
line-height: 1.6rem;
}
.offerTabsAccordions .heading::after {
top: 2rem;
}
.accordion-item>div.accordion-content {
font-size: 1.2rem;
line-height: 1.6rem;
}
.offerTabsButton {
gap: 1rem;
}
.offerTabsContent>div>div.active {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media(max-width:1366px) {
.offerStepsWrapper.two-lines {
gap: 2rem;
}
.offerSteps {
padding-top: 4rem;
padding-bottom: 4rem;
}
.offerStepsList {
padding-top: 4rem;
}
.offerSteps .container-fluid {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.offerStepsWrapper.two-lines .offerTypes>div {
padding-left: 3.2rem;
padding-right: 2rem;
margin-right: 1.2rem;
}
.offerTypes.active {
padding-top: 3.2rem;
padding-bottom: 3.2rem;
}
.offerTabsDesc {
padding: 2rem 0;
}
.offerStepsWrapper.two-lines .offerWrapper {
width: auto;
}
.slick-next.slick-arrow {
right: -8rem;
}
.slick-prev.slick-arrow {
left: -8rem;
}
.checker-radio {
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 2rem;
}
.logos {
padding-left: 0;
gap: 10rem;
}
.steps {
padding: 7.2rem 10rem;
}
.solveProblem {
padding-top: 10rem;
}
.contact__header {
margin-left: 0;
}
footer .wrapper {
display: flex;
flex-wrap: wrap;
gap: 4rem;
}
.footer-right {
padding-left:0;
margin-left: unset;
width: 100%;
}
.slider-options {
max-width: calc(100% - 16rem);
}
.offerNOW .cards>div {
padding: 4rem 2rem;
}
.card-desc .h3 {
font-size: 3rem;
line-height: 3.4rem;
}
}
@media(max-width:1199px) {
/* .offerWrapper > div.offerTypes{
max-height: 55rem;
} */
.card-desc .h3 {
font-size: 2.4rem;
line-height: 2.8rem;
}
.header__right {
margin-left: 3.2rem;
}
.header__wrapper {
padding: 0rem 3.5rem 0rem;
}
.header__content {
padding: 4rem 0rem 4rem 4.7rem;
gap: 4rem;
}
.offer__title {
margin-bottom: 3rem;
}
.offer__services>div {
padding: 4rem 4.5rem;
}
.contact {
padding: 7rem;
}
.opinions,
.solveProblem {
padding-top: 7rem;
}
.offerNOW .wrapper {
padding-top: 7rem;
}
.opinions,
.steps {
padding: 7rem;
}
.form-submit {
margin-top: 2rem;
}
.homeBannerProducts {
padding-left: 3.5rem;
padding-right: 3.5rem;
}
.homeBannerSlider {
padding-bottom: 10rem;
background-color: #16151D;
}
.offerStepsWrapper.two-lines>div {
width: 50%;
min-width: 50%;
max-width: 50%;
}
.offerWrapper h4,
.offerTabsContent h4 {
font-size: 2.4rem;
line-height: 3rem;
padding-bottom: 1.2rem;
}
.offerTabsButton {
margin-top: 2rem;
}
.btn-offer {
font-size: 2rem;
line-height: 2.4rem;
padding: 1.6rem;
}
.accordion-item h6 {
font-size: 1.6rem;
line-height: 2rem;
}
.accordion-item {
padding: 1.2rem 1.6rem;
}
.accordion-item::after {
right: 1.6rem;
top: 2rem;
}
.offerTabsDesc>p {
padding-right: 0;
}
.accordion-item.active>div.accordion-content {
margin-top: 2rem;
}
}
@media(max-width:1100px) {
.options-item {
margin: 0 72px;
}
.slick-next.slick-arrow {
right: -8rem;
}
.slick-prev.slick-arrow {
left: -8rem;
}
.slider-options .slick-list {
margin: 0;
}
.stepsDescription::after {
right: -50px;
}
.contact {
flex-wrap: wrap;
flex-direction: column;
gap: 4rem;
}
}
@media(min-width:1041px) {
.header__contact-mobile {
display: none;
}
.d-desktop-none {
display: none;
}
.header__mobile {
display: none;
}
.only_mobile {
display: none;
}
.header__nav ul>li>a,
.header__nav ul>li>button {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.header__collapse {
height: 100%;
}
.header__nav {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.header__right {
height: 8.4rem;
justify-content: center;
}
.header__item::after {
bottom: 0;
}
.header__right .header__list {
height: 100%;
margin: 0;
}
.header__search {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.header__selector {
height: 100%;
}
}
@media(max-width:1040px) {
.header__language>div::after {
right: 4.4rem;
}
.header__selector {
transition: none;
}
.header__language>div::before {
display: inline-block;
position: relative;
top: 0;
transform: none;
}
.header__language>div {
width: 100%;
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.header__language {
display: flex;
justify-content: center;
width: 100%;
}
.language__dropdown li::before {
display: none;
}
.header__language>div::after {
width: 1.8rem;
height: 1rem;
}
.language__dropdown li.selected::after {
left: 2.4rem;
right: unset;
width: 1.4rem;
height: 1rem;
top: none;
transform: none;
}
.language__dropdown li {
background-color: var(--primary-color);
border-bottom: 1px solid var(--ey-dark-gray);
padding: 0.4rem 0 .5rem;
}
.language__dropdown.language__dropdown {
border-top: 1px solid var(--ey-dark-gray);
background-color: var(--primary-color);
padding: 2.4rem 0;
margin: 0 2.4rem;
}
.header__nav ul>li>a,
.header__nav ul>li>button {
display: inline-block;
}
.header__selector.active {
border-color: transparent;
}
.search_wrapper input {
max-width: calc(100% - 5.6rem);
}
.search_wrapper .close {
right: 2rem;
}
.search__article {
font-size: 1.5rem;
line-height: 2.25rem;
font-weight: 500;
color: var(--ey-grey);
}
.language__dropdown li.selected::after {
position: relative;
display: inline-block;
}
.language__dropdown li:not(.selected):hover::after {
display: none;
}
.header__selector {
padding-bottom: 0;
}
#offerNow span {
font-weight: 600;
color: var(--ey-purple);
}
.language__dropdown {
display: none;
}
.header__selector::after {
display: none;
}
.header__buttons {
display: none;
}
.header__right .header__list {
flex-direction: column;
gap: 0;
margin: 4rem 2rem 0;
}
.header__selector {
border-top: 1px solid var(--ey-dark-gray);
padding: 1.6rem 0;
margin: 0 2rem;
display: flex;
justify-content: center;
flex-wrap: wrap;
border-bottom: 1px solid var(--ey-dark-gray);
}
.header__selector.active {
background-color: var(--primary-color);
}
.header__language {
padding: 0;
}
.header__selector.active .header__language {
padding: 0;
margin-bottom: 1.6rem;
}
.language__dropdown {
position: unset;
z-index: 1;
}
.header__selector.active .language__dropdown {
display: block;
}
.header__content {
display: block;
}
.header__item::after {
display: none;
}
.offer__item.active {
box-shadow: none;
background-color: transparent;
border-radius: 0;
}
.offer__item+.offer__item {
border-top: 1px solid var(--ey-dark-gray);
margin-top: 0;
}
.offer__item h5::after {
content: '';
mask-image: url("../img/arrow.svg");
-webkit-mask-image: url('../img/arrow.svg');
width: 3rem;
height: 1.6rem;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: white;
transition: background-color 0.3s ease-in;
position: absolute;
mask-size: cover;
-webkit-mask-size: cover;
rotate: 180deg;
top: 50%;
right: 0;
transform: translateY(50%);
}
.offer__services {
display: none;
}
.offer__item {
padding: 2.4rem 0;
position: relative;
width: 100%;
max-width: none;
}
.offer__item h5 {
color: var(--ey-yellow);
position: relative;
}
.header__content {
transform: translateY(0);
transform: translateX(100%);
-webkit-transition: transform .3s ease, height .3s ease;
}
.header__content.open {
transform: translateX(0);
}
.header__item {
border-top: 1px solid var(--ey-dark-gray);
display: flex;
justify-content: center;
}
.header__nav .header__item a,
.header__nav .header__item button {
font-size: 2rem;
line-height: 2.4rem;
font-weight: 500;
text-align: center;
width: 100%;
padding: 1.6rem 0;
}
.header__nav .header__item a small,
.header__nav .header__item button small {
font-size: inherit
}
.header__content {
height: 100vh;
top: -4rem;
padding: 4rem;
opacity: 1;
z-index: 1;
}
.offer__title {
padding-left: 0;
text-align: center;
position: relative;
}
.offer__title::before {
content: '';
height: 3.6rem;
width: 3.6rem;
position: absolute;
left: 0%;
top: 0;
background-color: var(--ey-off-black);
border-radius: 50%;
/* mask-image: url("../img/chevron.svg");
-webkit-mask-image: url('../img/chevron.svg'); */
}
.offer__title::after {
position: absolute;
content: '';
left: 1.2rem;
top: 1.4rem;
mask-image: url("../img/chevron.svg");
-webkit-mask-image: url('../img/chevron.svg');
background-color: var(--ey-ey-off-white);
height: 0.7rem;
rotate: 90deg;
width: 1.2rem;
mask-size: cover;
-webkit-mask-size: cover;
}
.offer__title span {
font-weight: 600;
}
.offer__item:hover h5::after {
background-color: var(--ey-yellow);
}
.offerList__item {
padding: 1.6rem 2.4rem;
font-size: 2rem;
line-height: 2.4rem;
;
}
.offer__submenu .offer__title h5 {
color: var(--ey-yellow);
line-height: 2.8rem;
font-size: 2.4rem;
text-align: left;
padding-left: 5.6rem;
padding-top: 0.4rem;
}
.offer__item p {
padding-right: 3rem;
}
.offer__item h5 {
font-size: 2.4rem;
line-height: 2.8rem
}
.offerList__item::after {
display: none;
}
.offerSubmenus {
transform: translateX(100%);
-webkit-transition: transform .3s ease, height .3s ease;
}
.offerSubmenus {
position: absolute;
top: 0;
width: 100%;
background: #1A1A24;
left: 0;
transform: translateX(100%);
padding: 4rem;
height: 100%;
}
.offerSubmenus.active,
.offer__submenu.active {
transform: translateX(0);
}
.offer__submenu {
opacity: 0;
height: 0;
visibility: visible;
transform: translateX(100%);
-webkit-transition: transform .3s ease, height .3s ease;
}
.footer-text {
font-size: 1.2rem;
line-height: 1.8rem;
color: var(--ey-dark-gray);
margin-top: 3.2rem;
}
.d-mobile-none {
display: none;
}
.homeBannerProducts {
padding: 0;
}
.homeBannerMobile>div {
position: relative;
padding-bottom: 85.8333333333%;
background-size: cover;
background-repeat: no-repeat;
min-height: 800px;
}
.homeBannerMobile .slide-image {
position: absolute;
min-width: 100%;
max-width: 100%;
width: 100%;
min-height: 100%;
max-height: 100%;
height: 100%;
object-position: center;
object-fit: cover;
}
.homeBannerMobile .slide-wrapper {
position: absolute;
bottom: calc(var(--slider-height) + 64px + 24px);
left: 6rem;
opacity: 0;
transition: opacity .5s linear;
}
body.inited .homeBannerMobile .slide-wrapper {
opacity: 1;
}
.homeBannerMobile .slide-wrapper h2 {
color: var(--ey-white);
}
.container-fluid {
padding-left: 4rem;
padding-right: 4rem;
}
.container-fluid>.row {
margin-left: -4rem;
margin-right: -4rem;
}
.nav-collapse-toggle {
display: block;
width: 42px;
height: 42px;
background: transparent;
border: 0;
border-radius: 0;
outline: none;
padding: 0;
margin: 0;
cursor: pointer;
}
.nav-icon {
position: relative;
top: 0;
display: block;
width: 22px;
border-bottom: 2px solid #fff;
margin: 0 auto;
-webkit-transition: top .3s ease, transform .3s ease;
transition: top .3s ease, transform .3s ease;
}
.nav-icon+.nav-icon {
margin-top: 6px;
}
.search_wrapper {
width: 48rem;
}
.header__nav {
position: fixed;
top: 0;
position: fixed;
top: 84px;
right: 0;
width: 48rem;
height: 100vh;
height: var(--app-height, 100vh);
background: var(--background-main);
overflow-y: auto;
overflow-x: hidden;
padding: 0;
margin: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
z-index: 1001;
opacity: 0;
/* animation: fadeIn .3s ease-in-out .3s forwards; */
}
.nav-collapse-toggle.active .nav-icon:nth-child(1) {
top: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nav-collapse-toggle.active .nav-icon:nth-child(2) {
-webkit-transform: scale(0);
transform: scale(0);
}
.nav-collapse-toggle.active .nav-icon:nth-child(3) {
top: -8px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.header__nav.active {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.header__selector--desktop,
.header__contact-desktop {
display: none;
}
.header__search {
padding: 3rem 3.2rem;
}
/* .header__search::before {
content: '';
background-image: url('../img/search.svg');
width: 2.5rem;
height: 2.5rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
} */
.search_wrapper {
width: 100%;
}
.header__search::before {
display: none;
}
.header__right {
height: 84px;
}
.header__search {
height: 84px;
}
.header__searchMobile {
display: inline-block;
position: relative;
padding: 4.2rem 2.8rem;
height: 84px;
}
.header__search.active .header__searchMobile {
background-color: var(--background-main);
margin-left: -1px;
margin-right: -1px;
z-index: 1;
}
.header__searchMobile::before {
content: '';
background-image: url('../img/search.svg');
width: 2.4rem;
height: 2.4rem;
background-size: cover;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
}
.header__search::after {
display: none;
}
.header__search.active .header__searchMobile::after {
width: 100%;
}
.header__searchMobile::after {
content: '';
width: 0;
height: .4rem;
display: block;
position: absolute;
left: 0;
bottom: 0;
transition: width .33s ease-in;
background-color: var(--ey-yellow);
}
.search__results {
width: 100%;
}
.header__contact-mobile {
font-size: 1.4rem;
font-weight: 500;
line-height: 22px;
letter-spacing: 0.02em;
color: var(--ey-white);
}
.header__search>span {
font-size: 0;
display: none;
}
.header__search {
padding: 0;
}
.header__buttons {
order: 0;
margin-left: auto;
padding-left: 0;
padding-right: 1.6rem;
position: relative;
}
.header__search {
position: unset;
/* padding:0; */
/* width:2.4rem;
height:2.4rem; */
}
.header__buttons::after {
content: '';
position: absolute;
right: 0;
height: 2.4rem;
width: .1rem;
background-color: var(--ey-dark-gray);
top: 0;
}
.nav-button-mobile {
position: relative;
}
.nav-button-mobile::after {
content: '';
position: absolute;
left: 0;
height: 2.4rem;
width: .1rem;
background-color: var(--ey-dark-gray);
top: 50%;
transform: translateY(-50%);
}
.header__search {
order: 1;
}
.nav-button-mobile {
order: 2;
padding-left: 1rem;
}
.select2-container {
display: block;
width: 100% !important;
}
.offerNOW .cards>div {
padding: 4.4rem 2rem;
}
h3,
.h3 {
font-size: 3.2rem;
line-height: 4rem;
}
h4,
.h4 {
font-size: 2.8rem;
line-height: 3.2rem;
}
.btn {
padding: 1.6rem 3.6rem;
}
.productDesc {
margin-bottom: 2.4rem;
}
.stepsDescription p {
font-size: 1.6rem;
line-height: 2.4rem;
}
.stepsDescription::after {
display: none;
}
.steps .wrapper {
flex-direction: column;
gap: 5rem;
}
.stepsDescription {
max-width: 60rem;
text-align: center;
}
.footer-list {
gap: 2rem;
justify-content: space-between;
}
body.is-resizing .header__nav {
display: none;
}
}
@media(min-width:992px) {
.offerMobileList {
display: none;
}
.offerWrapper {
margin-top: var(--offer-height);
}
.offerStepsList.active .offerButtons {
position: absolute;
}
}
@media(max-width:991px) {
body.is-resizing .search_wrapper,
body.is-resizing .search__results {
display: inherit;
}
.offerTabsContent>div>div.active {
transition: none;
}
.offerNOW {
min-height: auto;
}
.offerTabsButton .btn {
font-size: 1.6rem;
line-height: 2rem;
}
.offerTabsItem {
max-height: none;
}
.offerButtons {
flex-wrap: wrap;
}
.offerTabsButton {
gap: 1.2rem;
}
.offerStepsWrapper.two-lines .btn.w-50 {
flex: 0 0 100%;
}
.offerWrapper>div.offerTypes {
max-height: none;
}
.offerWrapper>div.offerTypes:not(.active) {
height: 0;
}
.offerButtons {
flex-wrap: wrap;
padding-bottom: 0;
}
.offerButtons>div {
flex: 0 0 100%;
}
.offerSteps {
overflow: auto;
}
.btn.btn-offer.active {
order: 1;
border-radius: 0;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
background: rgba(17, 17, 17, 0.3);
box-shadow: 0px 0px 8px 2px rgba(147, 128, 186, 0.25);
}
.offerWrapper {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.offerToggle.hidden {
display: block;
}
.offerStepsWrapper.two-lines>div {
width: 100%;
min-width: 100%;
max-width: 100%;
}
.offerStepsWrapper.two-lines {
flex-direction: column;
gap: 0;
}
.offerTabsContent {
margin-top: 0;
}
.offerStepsWrapper.two-lines .offerTabs {
transition: translate 0.5s ease-in;
transform: translateX(100%);
height: 0;
}
.offerTabs {
height: 100%;
transform: translateX(0);
}
.offerTabsItem {
box-shadow: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.offerTypes>div {
padding-left: 1.6rem;
padding-right: 1.6rem;
margin: 0;
}
.offerWrapper {
min-height: auto;
}
.offerToggle p {
font-size: 1.4rem;
line-height: 2.2rem;
}
.offerTypes {
padding-top: 0;
padding-bottom: 0;
}
.offerStepsWrapper.two-lines .offerWrapper {
border-radius: 0;
}
.offerWrapper,
.btn.btn-offer.active {
box-shadow: none;
opacity: 1;
}
.offerTabsAccordions {
display: none;
}
.offerTabsDesc .show-more {
filter: drop-shadow(0px 0px 12px rgba(19, 15, 29, 0.2));
border-radius: .4rem;
border: 1px solid var(--ey-purple);
padding: 1.2rem 4.8rem;
max-width: 28rem;
text-align: center;
}
.offerTabsDesc .show-more .arrow-right {
display: none;
}
.offerTabsDesc {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
/* .offerTabsItem{
transition: none;
} */
.offerStepsWrapper.two-lines,
.offerStepsWrapper {
max-width: 60rem;
}
.offerStepsWrapper.two-lines .offerTabsContent {
visibility: visible;
opacity: 1;
height: 100%;
}
.offerTabsItem.active {
visibility: visible;
opacity: 1;
height: 100%;
padding: 5.6rem 0rem 3rem;
}
.offerMobileList ul {
all: unset
}
.offerMobileList li {
border-bottom: 1px solid var(--ey-light-gray);
padding: 1.2rem 2.4rem;
}
.offerMobileList li a {
color: var(--ey-ey-off-white);
position: relative;
width: 100%;
display: block;
padding-right: 20px;
}
.offerMobileList li a::after {
content: '';
position: absolute;
right: 0rem;
mask-image: url(../img/arrow-yellow.svg);
-webkit-mask-image: url(../img/arrow-yellow.svg);
background-color: var(--ey-yellow);
width: 2.3rem;
height: 1.2rem;
mask-size: cover;
-webkit-mask-size: cover;
top: 50%;
transform: translateY(-50%);
}
.offerTabsItem .mCustomScrollbar {
max-height: 100%;
}
.btn.btn-offer.active {
padding-top: 3.5rem;
font-size: 1.4rem;
line-height: 1.54rem;
letter-spacing: -.5px;
padding-bottom: 1.2rem;
}
.offerWrapper h3 {
padding-top: 1.2rem;
border-top: 1px solid var(--ey-dark-gray);
padding-bottom: 1.6rem;
}
.offerStepsWrapper .offerTabsContent {
margin-top: 0 !important;
}
.offerNOW {
max-height: 100%;
padding-top: 0;
}
.offerStepsList {
padding-top: 0;
}
/* .offerToggle p{
margin-top:0;
} */
.offerTypes.active {
padding-top: 0;
padding-bottom: 3.6rem;
}
.offerWrapper h3 {
border-bottom: 0;
font-size: 2rem;
line-height: 2.36rem;
}
.offerToggle {
margin-bottom: 1.6rem;
}
.offerWrapper h4 {
font-size: 1.6rem;
line-height: 2.4rem;
}
.offerTabsContent h4 {
font-size: 2rem;
line-height: 2.4rem;
}
.offerSteps .close {
display: none;
}
.offerStepsWrapper.two-lines .offerTypes.active {
padding-bottom: 0;
}
/* .offerStepsWrapper.two-lines .offerToggle{
margin-bottom:0;
} */
.offerTabsContent.inited .offerTabsItem.active,
.offerTabsItem.active {
padding-top: 0rem;
}
.offerTabsContent.inited .offerTabsItem.active {
max-height: 100%;
}
.offerTypes.active .offerTabs {
padding-top: 2rem;
}
.offerStepsWrapper.two-lines .offerTypes>div {
margin-right: 0;
padding-left: 2rem;
padding-right: 2rem;
}
.offerTabsHeader,
.offerTabsItem .mCustomScrollbar>div {
padding-left: 2rem;
padding-right: 2rem;
margin-right: 0;
}
.offerSteps {
padding-bottom: 8rem;
}
.offerTabsHeader {
position: relative;
}
.offerTabsContent h4 {
padding-top: 2.2rem;
padding-bottom: 2.2rem;
padding-left: 6.4rem;
padding-right: 6.4rem;
}
.offerTabsHeader::before {
content: '';
mask-image: url('../img/chevron-left.svg');
-webkit-mask-image: url('../img/chevron-left.svg');
width: 3.6rem;
height: 3.6rem;
background-repeat: no-repeat;
background-size: cover;
background-color: var(--ey-white);
position: absolute;
left: 2.8rem;
mask-repeat: no-repeat;
mask-position: center;
z-index: 1;
top: 1.6rem;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
.offerTabsHeader::after {
content: '';
width: 3.6rem;
height: 3.6rem;
position: absolute;
left: 2.8rem;
background-color: var(--background-main);
border-radius: 50%;
top: 1.6rem;
}
.offerTabsDesc p+.show-more {
margin-top: 2rem;
}
.offerSteps .mCSB_scrollTools {
display: none !important;
}
.offerTabsItem {
overflow: hidden;
transition: none;
}
.offerTabsItem>div {
transition: transform .5s ease-in-out;
transform: translateX(100%);
}
.offerTabsItem.active>div {
/* transition-delay: 0.5s; */
transform: translateX(0);
}
.offerTabsItem.is-animating {
visibility: visible;
opacity: 1;
height: 100%;
padding-bottom: 4.8rem;
}
.offerSteps.active {
padding: 2rem 1rem;
}
.offerSteps {
max-width: 100%;
padding: 0;
}
}
@media(min-width:768px) {
.slick-arrows {
display: none;
}
}
@media(max-width:767px) {
.homeBannerProducts>div {
flex: 100%;
padding: 0 2.4rem;
}
.homeBannerMobile .slide-wrapper {
bottom: calc(var(--slider-height) + 56px + 24px);
left: 2.4rem;
right: 2.4rem;
}
.product {
background: var(--ey-purple);
box-shadow: 0px 0px 10px rgba(19, 15, 29, 0.25);
border-radius: 10px;
margin-right: 20px;
padding: 2.8rem 2.4rem 2.4rem;
}
.product::before {
display: none;
}
.product .btn {
background-color: #382858;
box-shadow: 0px 0px 12px rgba(19, 15, 29, 0.2);
border-radius: 4px;
}
.sliderRange .slide {
width: 100%;
}
.homeBannerProducts {
bottom: 5.2rem;
transform: translateX(100%);
transition: transform .5s ease-in;
}
body.inited .homeBannerProducts {
transform: translateX(0);
}
.homeBannerMobile {
background-color: #16151D;
}
.productDesc {
max-width: 20rem;
}
.progress {
height: 0.4rem;
width: calc(100% - 4.8rem);
background: #1A1A24;
border-radius: 10px;
position: absolute;
bottom: 2.4rem;
left: 2.4rem;
right: 2.4rem;
opacity: 0;
transition: opacity 1s ease;
}
.progress::after {
-webkit-transition: width .33s ease-in-out;
-moz-transition: width .33s ease-in-out;
-o-transition: width .33s ease-in-out;
transition: width .33s ease-in-out;
content: '';
width: var(--progress-width);
position: absolute;
left: 0;
background-color: var(--ey-purple);
height: 100%;
}
body.inited .progress {
opacity: 1;
}
.offerNOW .cards {
grid-template-columns: repeat(1, 1fr);
}
.solveProblem {
padding: 0 2.4rem;
}
.solveProblem>div {
padding-bottom: 2rem;
}
.container-fluid {
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.container-fluid>.row {
margin-left: -2.4rem;
margin-right: -2.4rem;
}
.opinions-wrapper .slick-prev.slick-arrow,
.opinions-wrapper .slick-next.slick-arrow {
display: none !important;
}
.slick-arrows {
position: absolute;
top: 0;
width: 100%;
}
.opinions .heading {
position: relative;
}
.options-item {
margin: 0;
}
.opinions .slick-arrow {
position: absolute;
}
.slider-options {
max-width: 100%;
}
.next.slick-next.slick-arrow {
right: 0;
}
.prev.slick-prev.slick-arrow {
left: 0;
}
.meta-author {
font-size: 1.2rem;
line-height: 1.8rem;
row-gap: 0;
column-gap: .6rem;
flex-direction: column;
}
.meta-author div:first-child {
width: 100%;
flex: 1;
min-width: 100%;
}
.meta-author div:first-child::before {
display: none;
}
.meta-author div {
width: auto;
flex: 0;
}
.meta-author>div::before {
display: none;
}
.meta-author>div {
padding-right: .6rem;
}
.header__wrapper {
padding: 2.2rem 2rem;
}
.header__nav {
width: 100%;
}
.header__right {
margin-left: 0;
}
.contact {
background-size: cover;
}
.contact {
padding: 5.6rem 2rem
}
.contact__header {
display: flex;
gap: 1.6rem;
flex-wrap: wrap;
}
.contact__header h2 {
font-size: 2.4rem;
line-height: 2.8rem;
}
.contact__header span {
font-size: 7.5rem;
line-height: 6rem;
}
.opinions,
.steps {
padding: 6.4rem 2.4rem;
}
.form-success {
min-width: 100%;
}
}
@media(min-width:568px) {
.contact-progress,
.contact-steps,
.contact-buttons {
display: none;
}
.step4 {
margin-top: 2rem;
}
.form-error.mobile {
display: none !important;
}
}
@media(max-width:567px) {
.offerTabsContent,
.offerStepsList {
width: 100%;
}
.homeBannerMobile .slide-wrapper h2 {
font-size: 3.6rem;
line-height: 4.2rem;
}
.slide-extracontent {
font-size: 110px;
line-height: 80px;
margin-bottom: 16px;
}
.header__right .header__list {
margin: 2.4rem 0 0;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.offerSubmenus {
padding: 2.7rem 0;
}
.header__content {
top: -2.7rem;
padding: 2.7rem 2.4rem;
}
.form-icon {
margin-bottom: 0;
}
.checker-default {
font-size: 1.4rem;
line-height: 1.7rem;
}
.checker-default::before {
top: 3px;
transform: none;
}
.checker-default::after {
transform: none;
top: 4px;
}
.btn-back {
border: 1px solid #77777D;
/* shadow new */
filter: drop-shadow(0px 0px 12px rgba(19, 15, 29, 0.2));
border-radius: 4px;
color: #77777D;
}
.step4 {
border-top: 1px solid var(--ey-ey-off-white);
padding-top: 2.4rem;
}
.form-group.form-text p {
line-height: 1.68rem;
}
.step1 .contact-buttons {
justify-content: flex-end;
}
.step3 .contact-buttons {
margin-top: 5.6rem;
}
.contact-buttons {
margin-top: 6.8rem;
display: flex;
justify-content: center;
gap: 1rem;
}
.contact-buttons>div {
width: 50%;
}
.checker-radio p {
line-height: 2.4rem;
}
.form-default.has-errors .step4 .form-error {
display: none;
}
.form-default.has-errors .step4 .form-error.mobile {
display: block;
font-size: 1.4rem;
line-height: 2rem;
}
.step4 .form-submit {
gap: 2rem;
display: flex;
flex-direction: column;
margin-top: 2.8rem;
}
.contact-steps {
margin-bottom: 0.8rem;
color: var(--ey-grey);
font-size: 1.4rem;
line-height: 2.2rem;
letter-spacing: 0.02em;
text-align: right;
}
.checker-radio-buttons {
padding-left: 0;
padding-top: 1.6rem;
}
.form-group.form-text {
padding-right: 1rem;
}
.icon-phone+p {
padding-left: 0;
max-width: 23rem;
line-height: 2.4rem !important;
letter-spacing: .01em;
}
.checker-radio {
flex-direction: column;
}
.step {
display: none;
}
.step.active {
display: block;
}
.form-fields>div {
flex: 0 0 100%;
}
.form-fields {
flex-wrap: wrap;
}
.contact>div {
flex: auto
}
.contact-progress {
height: 0.4rem;
width: 100%;
background: #1A1A24;
border-radius: 10px;
}
.contact-progress::after {
-webkit-transition: width .33s ease-in-out;
-moz-transition: width .33s ease-in-out;
-o-transition: width .33s ease-in-out;
transition: width .33s ease-in-out;
content: '';
width: var(--contactProgress-width);
position: absolute;
left: 0;
background-color: var(--ey-purple);
height: 100%;
}
.checker-radio p {
text-align: center;
}
.footer-text {
display: block;
}
.listHeader.active~ul {
padding-top: 1.6rem
}
.listHeader {
position: relative;
}
.listHeader~ul {
transition: all .5s ease-in;
height: auto;
max-height: 0;
overflow: hidden;
opacity: 0;
padding-top: 0;
}
.listHeader.active~ul {
opacity: 1;
max-height: 800px;
}
.footer-list {
flex-direction: column;
}
.listHeader a {
display: block;
width: 100%;
}
.footer__social {
margin-top: 6.4rem;
}
.footer-right ul {
/* padding-top:0; */
}
.footer-list {
gap: 1.6rem;
}
.footer__socialmedia {
justify-content: flex-start;
}
.listHeader a::after {
content: '';
mask-image: url('../img/chevron.svg');
-webkit-mask-image: url('../img/chevron.svg');
width: 1.6rem;
height: 0.9rem;
position: absolute;
right: 0;
top: 0.8rem;
transition: rotate 0.5s ease-in;
background-color: var(--primary-color);
}
.listHeader.active a::after {
rotate: 180deg;
}
.logos div:nth-child(2) {
display: none;
}
.step.not-validate .form-error {
display: block;
position: absolute;
font-size: 1.4rem;
line-height: 2rem;
width: 100%;
}
.step3 textarea {
margin-bottom: 1.2rem
}
.header__content {
left: -2.4rem;
right: -2.4rem;
}
.offer__submenu {
padding: 0 2.4rem;
}
.offerTabsDesc .show-more {
font-size: 1.4rem;
line-height: 2.2rem;
}
.btn-offer {
font-size: 1.4rem;
line-height: 1.6rem;
letter-spacing: -.5px;
}
.offerStepsWrapper.two-lines {
padding-top: 2rem;
}
.offer__header h1 {
font-size: 2.8rem;
line-height: 3.1rem;
;
}
.offerStepsWrapper.two-lines .offerTypes>div {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.offerSteps .container-fluid {
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.offerTabsContent h4 {
text-align: left;
}
.offerWrapper {
max-height: 100%;
}
}
@media(max-width:480px) {
.productTitle h4 {
font-size: 2.2rem;
line-height: 3.1rem;
}
.homeBannerMobile .slide-wrapper h2 {
font-size: 2.8rem;
line-height: 3.2rem;
}
.product .btn {
font-size: 1.4rem;
line-height: 2.1rem;
padding: 1.2rem 3.2rem;
}
.productDesc {
font-size: 1.4rem;
line-height: 2.2rem;
margin-bottom: 2rem;
}
.productContent {
padding-top: 1.2rem;
}
.homeBannerMobile>div {
min-height: 716px;
}
.header__search {
position: unset;
}
.offer__item h5 {
padding-right: 3rem;
}
.search__results {
padding-right: 2rem;
padding-left: 2rem;
height: calc(100vh - 14.5rem);
}
footer {
padding: 4rem 0rem;
}
.contact,
.offerNOW,
.opinions {
background-image: none;
}
.contact {
background-color: #2E2E38;
}
.contact__header span {
box-shadow: none;
}
.solveProblem {
display: none;
}
h1,
.h1 {
font-size: 3.4rem;
line-height: 3.6rem;
}
h2,
.h2 {
font-size: 2.8rem;
line-height: 3.2rem;
}
h3,
.h3 {
font-size: 2rem;
line-height: 2.4rem;
}
h4,
.h4 {
font-size: 1.6rem;
line-height: 2rem;
}
h5,
.h5 {
font-size: 1.6rem;
line-height: 2rem;
letter-spacing: -0.5px;
}
h6,
.h6 {
font-size: 1.6rem;
line-height: 2rem;
}
.card-title {
padding-bottom: 1.2rem;
}
.offerNOW .wrapper {
padding: 3rem 2.4rem;
}
.opinions {
padding: 3.2rem 2.4rem;
}
.offerNOW .cards {
margin-top: 4rem;
}
.offerNOW .cards {
width: 100%;
gap: 1.6rem;
}
.offerNOW .cards>div {
padding: 5.6rem 1.6rem;
}
.card-desc {
margin-top: 1.2rem;
}
.card-desc br {
display: none;
}
.stepsDescription {
text-align: left;
gap: 1.6rem;
}
.stepsDescription h3 {
font-size: 2.4rem;
line-height: 2.8rem;
}
.steps {
padding: 6.4rem 2.4rem 7.8rem;
}
.steps .wrapper {
gap: 6rem;
}
.slick-arrow::before,
.slick-arrow::after {
width: 3rem;
height: 1.6rem;
mask-size: cover;
-webkit-mask-size: cover;
}
.opinions .heading > * {
margin-bottom: 0;
}
.opinions .heading > * {
font-size: 2.8rem;
line-height: 3.2rem;
}
.opinions .slick-arrows {
position: unset;
}
.opinions .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.opinions-wrapper {
margin-top: 2.4rem;
}
.call-us {
right: 2rem;
}
.call-us.active,
.formCallUs,
.call-us.closed,
.call-us.is-fading,
.call-us.active,
.call-us.active:hover,
.call-us.closed:hover {
width: 32rem;
max-width: 32rem;
min-width: 32rem;
}
}
@media(max-width:380px) {
.call-us.active,
.formCallUs,
.call-us.closed,
.call-us.is-fading,
.call-us.active,
.call-us.active:hover,
.call-us.closed:hover {
width: 32rem;
max-width: 32rem;
min-width: 32rem;
}
}
@media(max-width:330px) {
.call-us.active,
.formCallUs,
.call-us.closed,
.call-us.is-fading,
.call-us.active,
.call-us.active:hover,
.call-us.closed:hover {
width: 28rem;
max-width: 28rem;
min-width: 28rem;
}
}
.logo-text{
font-family: 'EYInterstate';
font-style: normal;
font-weight: 700;
font-size: 3.2rem;
line-height: 112%;
display:flex;
flex-direction: column;
}
.logo-text span{
width:100%;
background: var(--ey-purple);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 5rem;
font-weight: 600;
margin-top:0.4rem;
}
/* voivodeship section */
.vv-section {
background-color: var(--ey-white);
padding: 10.4rem 14.4rem 16.2rem;
background-image: url('../img/vv-now.svg');
background-repeat: no-repeat;
background-position: 0 0;
background-size: 45%;
}
.vv-section-wrapper {
display: flex;
align-items: center;
}
.vv-description-title {
display: flex;
align-items: center;
gap: 2.4rem;
position: relative;
padding-bottom: 2.9rem;
margin-bottom: 2.4rem;
}
.vv-description-title h2 {
letter-spacing: -0.5px;
}
.vv-description-title::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 10rem;
height: 0.6rem;
background-color: var(--ey-yellow);
}
.vv-description h2 {
font-weight: 300;
letter-spacing: -0.5px;
margin-bottom: 2.4rem;
}
.vv-description p {
font-weight: 300;
letter-spacing: -0.5px;
}
.vv-description-wrapper {
width: 44.44444444%;
}
.vv-map-wrapper {
width: 55.55555555%;
aspect-ratio: 640 / 596.22;
height: 100%;
position: relative;
}
.vv-map-wrapper>div {
position: absolute;
}
.vv-single {
position: relative;
}
.vv-single img,
.vv-single svg {
width: 100%;
height: auto;
}
.vv-single svg path {
fill: #9C82D4;
transition: fill .3s ease;
}
.vv-single:hover svg path {
fill: #724BC3;
}
.vv-1 {
left: 1.31%;
right: 71.89%;
top: 5.93%;
bottom: 63.31%;
}
.vv-2 {
left: 26.85%;
right: 46.91%;
top: 1.4%;
bottom: 76.99%;
}
.vv-3 {
left: 48.84%;
right: 17.45%;
top: 8.05%;
bottom: 70.58%;
}
.vv-4 {
left: 72.88%;
right: 5.2%;
top: 7.78%;
bottom: 57.28%;
}
.vv-5 {
left: 4.66%;
right: 77.95%;
top: 28.91%;
bottom: 42.1%;
}
.vv-6 {
left: 16.92%;
right: 51.98%;
top: 21.73%;
bottom: 36.35%;
}
.vv-7 {
left: 31.91%;
right: 45.13%;
top: 19.51%;
bottom: 56.74%;
}
.vv-8 {
left: 50.56%;
right: 11.73%;
top: 24.6%;
bottom: 34.81%;
}
.vv-9 {
left: 6.23%;
right: 64.64%;
top: 51.6%;
bottom: 19.19%;
}
.vv-10 {
left: 38.95%;
right: 35.64%;
top: 43.52%;
bottom: 31.35%;
}
.vv-11 {
left: 74.52%;
right: 1.31%;
top: 44.07%;
bottom: 22.79%;
}
.vv-12 {
left: 26.98%;
right: 55.93%;
top: 63.13%;
bottom: 16.76%;
}
.vv-13 {
left: 38.32%;
right: 44.08%;
top: 64.69%;
bottom: 6.84%;
}
.vv-14 {
left: 49%;
right: 27.67%;
top: 74.81%;
bottom: 3.38%;
}
.vv-15 {
left: 55%;
right: 23.75%;
top: 60.64%;
bottom: 20.69%;
}
.vv-16 {
left: 69.93%;
right: 7.17%;
top: 69.13%;
bottom: 1.4%;
}
.tippy-content {
padding: 3.2rem 2.4rem !important;
}
.tippy-content h3 {
font-size: 2rem;
line-height: 3rem;
letter-spacing: -0.5px;
font-weight: 300;
color: var(--ey-yellow);
padding-bottom: 1.6rem;
margin-bottom: 1.6rem;
border-bottom: 1px solid var(--ey-dark-gray);
}
.tippy-content h4,
.tippy-content p {
color: var(--ey-white);
letter-spacing: -0.5px;
}
.tippy-content>div {
margin-bottom: 1.6rem;
}
.tippy-content h4 {
font-weight: 400;
font-size: 1.8rem;
line-height: 1.98rem
}
.tippy-content p {
font-weight: 300;
font-size: 1.6rem;
line-height: 1.76rem;
}
@media (max-width:1366px) {
.vv-section {
padding: 7.4rem 11.2rem 12rem;
}
}
@media (max-width: 991px) {
.vv-section {
padding: 5.4rem 6rem 6rem;
}
.vv-section-wrapper {
flex-wrap: wrap;
}
.vv-map-wrapper,
.vv-description-wrapper {
width: 100%;
}
.vv-map-wrapper{
margin-top: 3rem;
}
}
@media (max-width: 991px) {
.vv-section {
padding: 4rem 2rem 6rem;
}
}
#vv-modal .vv-default {
padding: 4rem 4rem 4rem;
}
#vv-modal .modal-content {
overflow-y: auto;
color: var(--ey-white);
position: relative;
background: #1a1a24;
overflow-x: hidden;
max-height: 92vh;
}
#vv-modal .modal-close {
width: 14px;
height: 14px;
}
#vv-modal .modal-close::before,
#vv-modal .modal-close::after {
width: 18px;
}
.vv-modal-info {
padding-bottom: 40px;
border-bottom: 1px solid #51515c;
}
.vv-modal-info>*,
.vv-modal-content h4 {
color: var(--ey-white);
}
.vv-modal-info>* {
font-size: 1.6rem;
line-height: 2.2rem;
font-weight: 300;
}
.vv-modal-info h5 {
font-weight: 400;
margin-bottom: 1.6rem;
}
.vv-modal-content {
font-size: 1.6rem;
line-height: 1.9rem;
margin-top: 4rem;
padding-top: 4rem;
border-top: 1px solid #51515c;
}
.vv-modal-content h4 {
font-size: 2rem;
line-height: 2.4rem;
font-weight: 300;
letter-spacing: -0.5px;
margin-bottom: 1.6rem;
}
.vv-modal-content p {
font-size: 1.4rem;
line-height: 2rem;
font-weight: 300;
letter-spacing: -0.5px;
margin-bottom: 4rem;
}
.form-subtitle {
margin-top: 4rem;
}
.form-subtitle h3 {
color: var(--ey-white);
margin-bottom: 2.4rem;
font-size: 2rem;
line-height: 2.4rem;
letter-spacing: -0.5px;
font-weight: 300;
}
#vv-modal .modal-dialog {
width: 1100px;
}
#vv-modal .modal-flex {
background: rgba(156, 130, 212, 0.3);
}
#vv-modal .checker-field label {
font-size: 1.2rem;
line-height: 1.6rem;
}
#vv-modal .checker-default::before {
top: 5px;
transform: none;
width: 15px;
height: 15px;
}
#vv-modal .checker-input:not(:checked):hover+.checker-default::after {
opacity: 1;
}
.vv-modal-content.modal-thankyou p {
margin-bottom: 0;
}
#vv-modal .checker-default::after {
filter: grayscale(100%);
left: 0;
top: 5px;
transform: none;
width: 15px;
height: 15px;
background-image: url(../img/checker-checkmark-vv-checked.png);
transition: opacity .2s ease, filter .2s ease;
}
#vv-modal .checker-input:checked+.checker-default::after {
filter: grayscale(0);
opacity: 1;
}
.fields-required {
font-size: 1.2rem;
line-height: 1.4rem;
margin: 4rem 0 1rem;
}
@media (max-width: 1920px) {
#vv-modal .modal-dialog {
width: 880px;
}
}
@media (max-width: 1799px) {
#vv-modal .modal-dialog {
width: 768px;
}
}
@media (max-width: 1499px) {
#vv-modal .modal-dialog {
width: 560px;
}
}
#sendMap{
color: #fff;
width: 100%;
}
.map-form-error input{
border-color: red;
}
.error-message-map {
color: red;
}
.vv-map-wrapper,
.vv-map-wrapper div {
cursor: pointer;
}
/* voivodeship section */
.hotline-button {
text-align: left;
margin-top: 3rem;
}
.modalText h1,
.modalText h2,
.modalText h3,
.modalText h4,
.modalText h5{
font-weight: bold;
color: #fff;
font-size: 1.6rem;
line-height: 2.2rem;
}
#tippy-1 span,
#tippy-2 span,
#tippy-3 span,
#tippy-4 span,
#tippy-5 span,
#tippy-6 span,
#tippy-7 span,
#tippy-8 span,
#tippy-9 span,
#tippy-10 span,
#tippy-11 span,
#tippy-12 span,
#tippy-13 span,
#tippy-14 span,
#tippy-15 span,
#tippy-16 span,
.vv-single span {
font-size: 1.2rem;
margin-top: 1.5rem;
display: inline-block;
}
#besideMouse{
font-size: 1.2rem;
display: none;
padding: 1rem;
background: #2e2e38;
color: #fff;
}
.checker-field1 {
margin-top: 1rem;
}
.checker-field1 p, .form-subtitle p{
font-size: 1.2rem;
}
#more {
display: none;
}
#mapReadMore{
color:#fff;
font-weight: bold;
cursor: pointer;
font-size: 1.4rem;
}
.form-subtitle a {
font-weight: bold;
}