body, html {
margin: 0px;
padding: 0px; }
body * {
font-family: "Barlow" ,sans-serif;
box-sizing: border-box; }
.login__wrapper {
min-height: 100vh;
display: grid;
grid-template-columns: repeat(2, 1fr); }
.login__wrapper > form {
width: 100%;
display: flex;
align-items: center;
justify-content: center; }
.login__wrapper > form > .box {
width: 100%;
max-width: 305px; }
.login__wrapper > form > .box > .after {
text-align: center; }
.login__wrapper > form > .box > .after > p {
margin: 0px;
font-size: 14px;
line-height: 22px;
color: #7F7D83;
font-weight: 500; }
.login__wrapper > form > .box > .after > p a {
color: #4F4D55;
font-weight: 600;
text-decoration: none;
transition: .3s ease opacity; }
.login__wrapper > form > .box > .after > p a:hover {
opacity: .7; }
.login__wrapper > form > .box .fields {
margin-bottom: 60px; }
.login__wrapper > form > .box .fields .group__submit {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center; }
.login__wrapper > form > .box .fields .group__submit > button {
width: 100%;
min-height: 36px;
border-radius: 47px;
text-decoration: none;
background-color: #209994;
outline: none;
cursor: pointer;
border: 0px;
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #FFFFFF;
transition: .3s ease background-color; }
.login__wrapper > form > .box .fields .group__submit > button:hover {
background-color: #247c78; }
.login__wrapper > form > .box .fields .forgot__pass {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: -14px; }
.login__wrapper > form > .box .fields .forgot__pass > a {
font-size: 14px;
line-height: 20px;
color: #4F4D55;
font-weight: 500;
text-decoration: none; }
.login__wrapper > form > .box .fields > .group__input {
width: 100%;
margin-bottom: 20px; }
.login__wrapper > form > .box .fields > .group__input > input {
width: 100%;
height: 34px;
padding-left: 12px;
padding-right: 12px;
outline: none;
border: 1px solid #E6E6E6;
border-radius: 8px;
font-size: 14px;
font-weight: 500; }
.login__wrapper > form > .box .fields > .group__input > p {
margin-top: 0px;
margin-bottom: 6px;
font-size: 13px;
line-height: 16px;
font-weight: 600;
color: #4F4D55; }
.login__wrapper > form > .box .fields:last-child {
margin-bottom: 0px; }
.login__wrapper > form > .box .desc {
margin-bottom: 24px;
display: flex;
flex-direction: column;
align-items: flex-start; }
.login__wrapper > form > .box .desc > h6 {
margin-top: 0px;
margin-bottom: 2px;
font-size: 28px;
line-height: 32px;
color: #0A090B;
font-weight: 600; }
.login__wrapper > form > .box .desc > p {
margin: 0px;
font-size: 16px;
line-height: 20px;
color: #7F7D83; }
.login__wrapper > form > .box > a {
display: inline-flex;
margin-bottom: 35px; }
.login__wrapper > form > .box > a img {
max-width: 95px; }
.login__wrapper .media {
display: flex;
height: 100%;
position: relative;
width: 100%; }
.login__wrapper .media > img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.container {
max-width: 1260px;
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto; }
.top__bar {
background-color: #24817D;
padding: 8px 0px; }
.top__bar .outer__top {
display: flex;
align-items: center;
justify-content: space-between; }
.top__bar .outer__top .lang {
display: flex;
align-items: center;
justify-content: flex-end; }
.top__bar .outer__top .lang > img {
margin-right: 12px; }
.top__bar .outer__top .lang ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start; }
.top__bar .outer__top .lang ul > li {
display: inline-flex;
margin-right: 16px; }
.top__bar .outer__top .lang ul > li > a {
text-decoration: none;
font-size: 14px;
line-height: 20px;
color: rgba(255, 255, 255, 0.7);
font-weight: 500;
transition: .4s ease all; }
.top__bar .outer__top .lang ul > li > a:hover {
color: white; }
.top__bar .outer__top .lang ul > li > a.current {
color: white; }
.top__bar .outer__top .lang ul > li:last-child {
margin-right: 0px; }
.top__bar .outer__top .phone {
display: flex;
align-items: center;
justify-content: flex-start; }
.top__bar .outer__top .phone > p {
margin: 0px;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
font-weight: 500; }
.top__bar .outer__top .phone > p a {
text-decoration: none;
font-weight: 600;
color: #fff;
transition: .4s ease all; }
.top__bar .outer__top .phone > p a:hover {
opacity: .7; }
.top__bar .outer__top .phone > span {
display: inline-flex;
margin-right: 6px; }
header {
padding: 17px 0px; }
header .outer__header {
display: flex;
align-items: center;
justify-content: space-between; }
header .outer__header > .menu {
display: flex;
align-items: center;
justify-content: flex-end; }
header .outer__header > .menu > ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-right: 48px; }
header .outer__header > .menu > ul li {
margin-right: 24px; }
header .outer__header > .menu > ul li > a {
text-decoration: none;
font-size: 14px;
line-height: 20px;
color: #2D2B32;
font-weight: 600;
transition: .4s ease all; }
header .outer__header > .menu > ul li > a:hover {
color: #209994; }
header .outer__header > .menu > ul li:last-child {
margin-right: 0px; }
header .outer__header > .menu > ul:last-child {
margin-right: 0px; }
header .outer__header > .menu .btns {
display: flex;
align-items: center;
justify-content: flex-start; }
header .outer__header > .menu .btns > a {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 8px;
min-height: 40px;
padding-left: 16px;
padding-right: 16px;
text-decoration: none; }
header .outer__header > .menu .btns > a.access__btn {
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 47px;
font-weight: 600;
background-color: #209994;
transition: .3s ease all; }
header .outer__header > .menu .btns > a.access__btn:hover {
opacity: .7; }
header .outer__header > .menu .btns > a.contact__us {
color: #209994;
font-size: 14px;
line-height: 20px;
border-radius: 47px;
font-weight: 600;
background-color: rgba(32, 153, 148, 0.15);
transition: .3s ease all; }
header .outer__header > .menu .btns > a.contact__us:hover {
background-color: #209994;
color: #fff; }
header .outer__header > .menu .btns > a:last-child {
margin-right: 0px; }
header .outer__header > a {
display: inline-flex; }
header .outer__header > a img {
min-width: 80px;
max-width: 80px; }
footer .outer__footer {
border-top: 1px solid #E6E6E6;
padding-top: 48px;
padding-bottom: 24px; }
footer .outer__footer > .top {
display: flex;
align-items: flex-start;
margin-bottom: 80px;
justify-content: space-between; }
footer .outer__footer > .top .menus {
display: flex;
align-items: flex-start;
justify-content: flex-end; }
footer .outer__footer > .top .menus > .elem {
margin-right: 96px;
min-width: 200px; }
footer .outer__footer > .top .menus > .elem > h6 {
margin-top: 0px;
margin-bottom: 12px;
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #2D2B32; }
footer .outer__footer > .top .menus > .elem ul {
padding: 0px;
list-style-type: none;
margin: 0px; }
footer .outer__footer > .top .menus > .elem ul > li {
margin-bottom: 12px; }
footer .outer__footer > .top .menus > .elem ul > li > a {
text-decoration: none;
font-size: 14px;
line-height: 18px;
color: #7F7D83;
font-weight: 500;
transition: .3s ease all; }
footer .outer__footer > .top .menus > .elem ul > li > a:hover {
color: #209994; }
footer .outer__footer > .top .menus > .elem ul > li:last-child {
margin-bottom: 0px; }
footer .outer__footer > .top .menus > .elem:last-child {
margin-right: 0px; }
footer .outer__footer > .top .text {
max-width: 360px;
width: 100%; }
footer .outer__footer > .top .text > h6 {
margin-top: 0px;
margin-bottom: 15px;
font-size: 24px;
line-height: 20px;
color: #209994;
font-weight: 600; }
footer .outer__footer > .top .text > p {
margin-top: 0px;
margin-bottom: 15px;
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #7F7D83; }
footer .outer__footer > .top .text > p:last-child {
margin-bottom: 0px; }
footer .outer__footer .bottom {
display: flex;
align-items: center;
justify-content: space-between; }
footer .outer__footer .bottom ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-end; }
footer .outer__footer .bottom ul > li {
margin-right: 28px; }
footer .outer__footer .bottom ul > li > a {
text-decoration: none;
font-size: 14px;
line-height: 18px;
color: #7F7D83;
font-weight: 500;
transition: .3s ease all; }
footer .outer__footer .bottom ul > li > a:hover {
color: #209994; }
footer .outer__footer .bottom ul > li:last-child {
margin-right: 0px; }
footer .outer__footer .bottom > p {
margin: 0px;
font-size: 14px;
line-height: 18px;
color: #7F7D83;
font-weight: 500; }
.steps__wrapper {
margin-top: 40px; }
.steps__wrapper .outer__steps {
background: url("../img/back.webp");
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: right top !important;
display: flex;
justify-content: space-between;
border-radius: 16px;
overflow: hidden; }
.steps__wrapper .outer__steps.colored {
background: none !important;
background-color: #F9F9F9 !important; }
.steps__wrapper .outer__steps .steps {
padding: 40px 15px;
width: 50%;
padding-left: 30px; }
.steps__wrapper .outer__steps .steps > .elem__step {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 35px; }
.steps__wrapper .outer__steps .steps > .elem__step:last-child {
margin-bottom: 0px; }
.steps__wrapper .outer__steps .steps > .elem__step:nth-child(1) {
margin-left: 70px; }
.steps__wrapper .outer__steps .steps > .elem__step:nth-child(2) {
margin-left: 35px; }
.steps__wrapper .outer__steps .steps > .elem__step > span {
display: inline-flex;
min-width: 42px;
max-width: 42px;
min-height: 42px;
max-height: 42px;
align-items: center;
justify-content: center;
background-color: #209994;
border-radius: 16px;
font-size: 24px;
line-height: 32px;
font-weight: 600;
margin-right: 20px;
color: #FFFFFF; }
.steps__wrapper .outer__steps .steps > .elem__step .desc {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 270px; }
.steps__wrapper .outer__steps .steps > .elem__step .desc > span {
display: block;
font-size: 14px;
line-height: 20px;
color: #7F7D83;
font-weight: 500; }
.steps__wrapper .outer__steps .steps > .elem__step .desc > p {
margin-top: 0px;
margin-bottom: 4px;
font-size: 18px;
line-height: 26px;
color: #2D2B32;
font-weight: 600; }
.steps__wrapper .outer__steps .side {
background: url("../img/carimage.webp");
background-repeat: no-repeat !important;
background-size: cover !important;
-webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
background-position: top left !important;
width: 50%;
position: relative; }
.steps__wrapper .outer__steps .side > h6 {
position: absolute;
top: 38px;
left: 100px;
margin: 0px;
color: #FFFFFF;
font-size: 32px;
line-height: 40px;
font-weight: 800;
font-style: italic;
text-transform: inherit; }
.steps__wrapper .outer__steps .side > h1 {
position: absolute;
top: 38px;
left: 100px;
margin: 0px;
color: #FFFFFF;
font-size: 32px;
line-height: 40px;
font-weight: 800;
font-style: italic;
text-transform: inherit; }
.brands {
padding: 32px 0px; }
.brands .outer__brands .grid {
display: grid;
grid-template-columns: repeat(8, 80px);
grid-column-gap: 36px;
max-width: 892px;
margin-left: auto;
margin-right: auto;
grid-row-gap: 24px; }
.brands .outer__brands .grid .elem {
border-radius: 16px;
border: 1px solid #E9E9E9;
background-color: #F9F9F9;
min-height: 80px;
display: flex;
align-items: center;
justify-content: center; }
.brands .outer__brands .grid .elem img {
min-width: 48px;
max-width: 48px; }
.brands .outer__brands > .title {
text-align: center;
margin-bottom: 48px; }
.brands .outer__brands > .title h6 {
margin: 0px;
font-size: 28px;
line-height: 32px;
font-weight: 600;
color: #0A090B; }
.certificate__wrapper {
padding: 32px 0px; }
.certificate__wrapper .outer__certificate {
display: flex;
justify-content: space-between;
background-color: #ECF3F3;
border-radius: 24px; }
.certificate__wrapper .outer__certificate .certificate__left {
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 48px;
width: 50%;
background-color: #CDEBEA;
border-top-left-radius: 24px;
-webkit-clip-path: polygon(0 0, 100% 0, 87% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 87% 100%, 0% 100%);
border-bottom-left-radius: 24px; }
.certificate__wrapper .outer__certificate .certificate__left > h6 {
margin: 0px;
font-size: 32px;
line-height: 40px;
font-weight: 800;
color: #0A5B58;
font-style: italic;
text-transform: uppercase; }
.certificate__wrapper .outer__certificate .certificate__left .certif__icon {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 150px;
margin-right: 25px;
max-width: 150px;
min-height: 150px;
max-height: 150px;
background: url("../img/certificate.png");
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
.certificate__wrapper .outer__certificate .certificate__left .certif__icon > p {
margin: 0px;
font-size: 32px;
line-height: 40px;
font-weight: 600;
color: #FFFFFF; }
.certificate__wrapper .outer__certificate .certificate__left .certif__icon > span {
font-size: 24px;
line-height: 28px;
color: #FFFFFF;
font-weight: 600; }
.certificate__wrapper .outer__certificate .certificate__right {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-right: 48px;
padding-top: 38px;
padding-bottom: 38px;
padding-left: 20px; }
.certificate__wrapper .outer__certificate .certificate__right > .elem {
display: flex;
max-width: 165px;
text-align: center;
flex-direction: column;
align-items: center;
margin-right: 32px;
justify-content: center; }
.certificate__wrapper .outer__certificate .certificate__right > .elem:last-child {
margin-right: 0px; }
.certificate__wrapper .outer__certificate .certificate__right > .elem > p {
margin: 0px;
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #2D2B32; }
.certificate__wrapper .outer__certificate .certificate__right > .elem > .media {
display: inline-flex;
margin-bottom: 8px; }
.hero__section {
margin-top: 24px;
margin-bottom: 24px; }
.hero__section .outer__hero {
background-repeat: no-repeat !important;
background-position: center !important;
padding: 82px 30px;
text-align: center;
border-radius: 16px;
background-size: cover !important; }
.hero__section .outer__hero .btn {
display: flex;
align-items: center;
justify-content: center;
margin-top: 25px; }
.hero__section .outer__hero .btn > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 7px 16px;
transition: .4s ease all;
border-radius: 450px;
background-color: #209994;
text-decoration: none;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600; }
.hero__section .outer__hero .btn > a:hover {
opacity: .7; }
.hero__section .outer__hero > p {
margin: 0px;
max-width: 470px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: rgba(255, 255, 255, 0.8); }
.hero__section .outer__hero > h1 {
margin-top: 0px;
margin-bottom: 15px;
font-size: 32px;
line-height: 40px;
font-weight: 600;
color: #FFFFFF; }
.hero__section .outer__hero > h1 span {
color: #209994; }
.explore__wrapper {
padding-top: 24px;
padding-bottom: 32px; }
.explore__wrapper .outer__explore .grid__cars {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px; }
.explore__wrapper .outer__explore .controls {
border-bottom: 1px solid #E6E6E6;
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: space-between; }
.explore__wrapper .outer__explore .controls .switcher {
margin-bottom: -1px; }
.explore__wrapper .outer__explore .controls .switcher ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start; }
.explore__wrapper .outer__explore .controls .switcher ul li a {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
padding: 16px 36px;
font-size: 16px;
line-height: 22px;
color: #7F7D83;
border-bottom: 1px solid transparent;
font-weight: 600;
transition: .4s ease all; }
.explore__wrapper .outer__explore .controls .switcher ul li a:hover {
color: #209994; }
.explore__wrapper .outer__explore .controls .switcher ul li a.current {
border-color: #209994;
color: #209994; }
.explore__wrapper .outer__explore .controls > a {
display: inline-flex;
text-decoration: none;
font-size: 16px;
line-height: 22px;
color: #7F7D83;
font-weight: 600;
padding: 8px 16px;
border-radius: 250px;
transition: .4s ease all; }
.explore__wrapper .outer__explore .controls > a:hover {
color: #209994;
background-color: #DEF0EF; }
.explore__wrapper .outer__explore > .top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px; }
.explore__wrapper .outer__explore > .top .search {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 100%;
max-width: 355px;
position: relative; }
.explore__wrapper .outer__explore > .top .search button {
position: absolute;
left: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0px;
margin: 0px;
cursor: pointer;
border: 0px;
background-color: transparent;
transition: .4s ease all; }
.explore__wrapper .outer__explore > .top .search button:hover {
opacity: .7; }
.explore__wrapper .outer__explore > .top .search input {
width: 100%;
height: 45px;
background-color: #F9F9F9;
border-radius: 42px;
text-decoration: none;
outline: none;
border: 0px;
padding-left: 45px;
padding-right: 15px;
font-size: 16px;
line-height: 22px;
font-weight: 500; }
.explore__wrapper .outer__explore > .top > .left {
display: flex;
flex-direction: column;
align-items: flex-start; }
.explore__wrapper .outer__explore > .top > .left > h6 {
margin-top: 0px;
margin-bottom: 2px;
font-size: 22px;
line-height: 28px;
font-weight: 600;
color: #0A090B; }
.explore__wrapper .outer__explore > .top > .left > h1 {
margin-top: 0px;
margin-bottom: 2px;
font-size: 22px;
line-height: 28px;
font-weight: 600;
color: #0A090B; }
.explore__wrapper .outer__explore > .top > .left > p {
margin: 0px;
font-size: 16px;
line-height: 20px;
color: #7F7D83;
font-weight: 500; }
.car__element {
width: 100%;
position: relative;
border-radius: 12px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
background-color: #F8F8F8;
border: 1px solid #E6E6E6;
padding-bottom: 85px;
overflow: hidden; }
.car__element .certif__float {
position: absolute;
top: 8px;
cursor: pointer;
right: 8px;
display: inline-flex;
align-items: center;
justify-content: flex-start;
padding: 4px 7px;
border-radius: 47px;
z-index: 3;
background-color: #209994; }
.car__element .certif__float > img {
margin-right: 4px; }
.car__element .certif__float > p {
margin: 0px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #FFFFFF; }
.car__element .bottom__part {
position: absolute;
left: 20px;
bottom: 20px;
width: calc(100% - 40px); }
.car__element .bottom__part > span {
display: block;
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #7F7D83; }
.car__element .bottom__part > p {
margin-top: 0px;
margin-bottom: 2px;
font-size: 24px;
line-height: 28px;
color: #209994;
font-weight: 800; }
.car__element .bottom__part > p span {
color: #209994;
font-size: 16px;
line-height: 24px; }
.car__element .desc {
padding: 12px 20px;
padding-bottom: 0px; }
.car__element .desc .list {
padding-top: 1px;
margin-left: -2px;
padding-bottom: 1px;
margin-bottom: 0px; }
.car__element .desc .list ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap; }
.car__element .desc .list ul > li {
margin: 3px 6px;
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-size: 13px;
line-height: 16px;
font-weight: 600;
color: #4F4D55; }
.car__element .desc .list ul > li span {
display: inline-flex;
margin-right: 4px; }
.car__element .desc .title {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 8px; }
.car__element .desc .title > .certif__static {
display: inline-flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
padding: 4px 7px;
border-radius: 47px;
z-index: 3;
margin-left: 12px;
background-color: #209994; }
.car__element .desc .title > .certif__static > img {
margin-right: 4px; }
.car__element .desc .title > .certif__static > p {
margin: 0px;
font-size: 12px;
line-height: 16px;
font-weight: 600;
color: #FFFFFF; }
.car__element .desc .title > a {
text-decoration: none;
font-size: 18px;
line-height: 22px;
color: #2D2B32;
font-weight: 600;
transition: .4s ease all; }
.car__element .desc .title > a:hover {
color: #209994; }
.car__element .media__slider {
margin-bottom: 0px !important;
width: 100%; }
.car__element .media__slider .slick-dots {
bottom: 15px; }
.car__element .media__slider .slick-dots li {
width: auto;
height: auto; }
.car__element .media__slider .slick-dots li.slick-active button {
border-color: #A6D6D4 !important;
background-color: #209994; }
.car__element .media__slider .slick-dots li button {
transition: .4s ease all;
width: auto;
margin: 0px;
min-width: 5px;
max-width: 5px;
border: 1px solid rgba(255, 255, 255, 0.6);
min-height: 5px;
max-height: 5px;
border-radius: 250px;
background-color: rgba(255, 255, 255, 0.6);
height: auto; }
.car__element .media__slider .slick-dots li button:before {
content: none; }
.car__element .media__slider .slide {
width: 100%; }
.car__element .media__slider .slide .inn {
position: relative;
height: 0px;
padding-bottom: 57%; }
.car__element .media__slider .slide .inn img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.certificate__popup {
position: absolute;
min-width: 235px;
max-width: 235px;
padding: 12px 16px;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 8px;
z-index: 4; }
.certificate__popup .inner ul {
padding: 0px;
list-style-type: none;
margin: 0px;
margin-top: 12px; }
.certificate__popup .inner ul > li {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 13px;
line-height: 16px;
font-weight: 500;
color: #4F4D55; }
.certificate__popup .inner ul > li > span {
display: inline-flex;
margin-right: 8px; }
.certificate__popup .inner ul > li > span img {
min-width: 16px;
max-width: 16px; }
.certificate__popup .inner > p {
margin-top: 0px;
margin-bottom: 4px;
font-size: 14px;
line-height: 20px;
color: #1D1C20;
font-weight: 600; }
.certificate__popup .inner > span {
display: block;
font-size: 13px;
line-height: 16px;
font-weight: 500;
color: #7F7D83; }
.details__wrapper {
padding-top: 30px;
padding-bottom: 21px; }
.details__wrapper .outer__details .small__details {
border-bottom: 1px solid #E6E6E6;
padding: 20px 48px;
display: flex;
justify-content: space-between; }
.details__wrapper .outer__details .small__details .small__desc {
display: flex;
align-items: center;
justify-content: flex-start; }
.details__wrapper .outer__details .small__details .small__desc .desc {
display: flex;
flex-direction: column;
align-items: flex-start; }
.details__wrapper .outer__details .small__details .small__desc .desc .btn {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px; }
.details__wrapper .outer__details .small__details .small__desc .desc .btn > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 0px 20px;
border-radius: 47px;
background-color: #209994;
text-decoration: none;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600;
transition: .4s ease all; }
.details__wrapper .outer__details .small__details .small__desc .desc .btn > a:hover {
opacity: .7; }
.details__wrapper .outer__details .small__details .small__desc .desc .btn > a span {
display: inline-flex;
margin-right: 8px; }
.details__wrapper .outer__details .small__details .small__desc .desc > p {
margin-top: 0px;
font-size: 18px;
line-height: 24px;
color: #4F4D55;
font-weight: 800;
text-transform: uppercase;
font-style: italic;
margin-bottom: 0px; }
.details__wrapper .outer__details .small__details .small__desc .desc > span {
display: block;
font-size: 16px;
line-height: 20px;
color: #7F7D83;
font-weight: bold;
text-transform: uppercase; }
.details__wrapper .outer__details .small__details .small__desc .media {
display: inline-flex;
margin-right: 15px; }
.details__wrapper .outer__details .small__details .small__desc .media img {
min-width: 180px;
max-width: 180px;
min-height: 94px;
max-height: 94px;
border-radius: 12px; }
.details__wrapper .outer__details .small__details .spacer {
min-width: 1px;
background-color: #E6E6E6;
min-height: 100px;
max-width: 1px; }
.details__wrapper .outer__details .small__details .grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 16px; }
.details__wrapper .outer__details .small__details .grid > .elem {
padding: 13px 15px;
background-color: #ECECED;
border-radius: 250px; }
.details__wrapper .outer__details .small__details .grid > .elem > p {
margin: 0px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #2D2B32; }
.details__wrapper .outer__details .small__details .grid > .elem > p span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
margin-left: 12px;
max-width: 18px;
font-size: 14px;
line-height: 16px;
color: #FFFFFF;
font-weight: 600;
min-height: 18px;
max-height: 18px;
border-radius: 250px; }
.details__wrapper .outer__details .box {
margin-top: 35px;
background-color: #F9F9F9; }
.details__wrapper .outer__details .box .details__top {
border-bottom: 1px solid #E6E6E6; }
.details__wrapper .outer__details .box .details__top .list > .elem {
padding: 24px 48px;
border-bottom: 1px solid #E6E6E6; }
.details__wrapper .outer__details .box .details__top .list > .elem > .title {
margin-bottom: 12px; }
.details__wrapper .outer__details .box .details__top .list > .elem > .title > h6 {
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #2D2B32; }
.details__wrapper .outer__details .box .details__top .list > .elem > .title > h6 span {
margin-left: 10px;
position: relative;
top: 2px;
display: inline-flex;
min-width: 18px;
max-width: 18px;
min-height: 18px;
max-height: 18px;
border-radius: 250px;
align-items: center;
justify-content: center;
font-size: 14px;
line-height: 16px;
color: #FFFFFF;
font-weight: 600; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem {
margin-bottom: 8px; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem:last-child {
margin-bottom: 0px; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem .medias {
display: flex;
justify-content: flex-end;
margin-top: 8px;
margin-right: -6px;
flex-wrap: wrap; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem .medias > .elem__media {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 6px;
margin: 6px;
border-radius: 12px;
background-color: #fff; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem .medias > .elem__media .text {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: 20px; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem .medias > .elem__media .text > span {
display: inline-flex; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem .medias > .elem__media .text > p {
margin: 0px;
font-size: 14px;
line-height: 24px;
color: #4F4D55;
font-weight: 500; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem .medias > .elem__media .image {
display: inline-flex;
align-items: center;
justify-content: center; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem .medias > .elem__media .image img {
max-width: 70px;
min-width: 70px; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem > .upper {
display: flex;
align-items: center;
justify-content: space-between; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem > .upper > span {
display: inline-flex; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem > .upper > p {
margin: 0px;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #7F7D83; }
.details__wrapper .outer__details .box .details__top .list > .elem:last-child {
border-bottom: 0px; }
.details__wrapper .outer__details .box .bottom {
transform: rotate(180deg);
margin-top: -1px; }
.details__wrapper .outer__details .box .top, .details__wrapper .outer__details .box .bottom {
background-color: #F9F9F9;
display: flex;
align-items: center;
justify-content: center; }
.details__wrapper .outer__details .box .top > img, .details__wrapper .outer__details .box .bottom > img {
max-width: 100%; }
.details__wrapper .outer__details .back__button {
margin-bottom: 35px; }
.details__wrapper .outer__details .back__button > a {
text-decoration: none;
font-size: 16px;
line-height: 20px;
color: #7F7D83;
font-weight: 500;
transition: .4s ease all; }
.details__wrapper .outer__details .back__button > a:hover {
color: #209994; }
.details__wrapper .outer__details .back__button > a span {
font-family: "Inter" ,sans-serif; }
.faq__wrapper {
padding-top: 80px;
padding-bottom: 80px; }
.faq__wrapper .outer__faq {
display: flex;
align-items: flex-start;
justify-content: space-between; }
.faq__wrapper .outer__faq .faq__container {
max-width: 560px;
width: 100%; }
.faq__wrapper .outer__faq .faq__container .elem {
padding: 28px 0px;
border-top: 1px solid #ECECED;
cursor: pointer; }
.faq__wrapper .outer__faq .faq__container .elem.opened .icon > span:nth-child(2) {
display: none; }
.faq__wrapper .outer__faq .faq__container .elem .content {
display: none; }
.faq__wrapper .outer__faq .faq__container .elem .head {
display: flex;
align-items: center;
justify-content: space-between; }
.faq__wrapper .outer__faq .faq__container .elem .head .icon {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
position: relative; }
.faq__wrapper .outer__faq .faq__container .elem .head .icon > span:nth-child(1) {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 18px;
min-height: 2px;
border-radius: 5px;
background-color: #000; }
.faq__wrapper .outer__faq .faq__container .elem .head .icon > span:nth-child(2) {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-height: 18px;
min-width: 2px;
border-radius: 5px;
background-color: #000; }
.faq__wrapper .outer__faq .faq__container .elem .head > p {
margin: 0px;
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: #0A090B; }
.faq__wrapper .outer__faq .faq__container .elem .content {
margin-top: 8px; }
.faq__wrapper .outer__faq .faq__container .elem .content > ul, .faq__wrapper .outer__faq .faq__container .elem .content > ol {
margin: 0px; }
.faq__wrapper .outer__faq .faq__container .elem .content > ul {
padding: 0px;
list-style-type: none;
margin: 0px; }
.faq__wrapper .outer__faq .faq__container .elem .content > ul > li {
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #7F7D83;
margin-bottom: 2px; }
.faq__wrapper .outer__faq .faq__container .elem .content > ul > li:last-child {
margin-bottom: 0px; }
.faq__wrapper .outer__faq .faq__container .elem .content > ol {
padding-left: 15px; }
.faq__wrapper .outer__faq .faq__container .elem .content > ol > li {
font-size: 16px;
line-height: 24px;
font-weight: 500;
margin-bottom: 2px;
color: #7F7D83; }
.faq__wrapper .outer__faq .faq__container .elem .content > ol > li:last-child {
margin-bottom: 0px; }
.faq__wrapper .outer__faq .faq__container .elem .content > p {
margin-top: 0px;
margin-bottom: 2px;
font-size: 16px;
line-height: 24px;
color: #7F7D83;
font-weight: 500; }
.faq__wrapper .outer__faq .faq__desc {
max-width: 560px;
width: 100%;
margin-right: 80px; }
.faq__wrapper .outer__faq .faq__desc > p {
margin: 0px;
font-size: 16px;
line-height: 23px;
color: #4F4D55;
font-weight: 400; }
.faq__wrapper .outer__faq .faq__desc > h6 {
margin-top: 0px;
margin-bottom: 12px;
font-size: 32px;
line-height: 40px;
font-weight: bold;
color: #4F4D55; }
.feedback__wrapper {
padding-top: 48px;
padding-bottom: 80px; }
.feedback__wrapper .slider__wrapper {
overflow: hidden;
position: relative; }
.feedback__wrapper .slider__wrapper:before {
content: "";
position: absolute;
left: -100px;
top: -25%;
width: 240px;
height: 150%;
background-color: #fff;
z-index: 3;
-webkit-filter: blur(5px);
filter: blur(5px);
background: linear-gradient(to right, #fff 70%, rgba(255, 255, 255, 0.8));
pointer-events: none; }
.feedback__wrapper .slider__wrapper:after {
content: "";
position: absolute;
right: -100px;
top: -25%;
width: 240px;
height: 150%;
background-color: #fff;
z-index: 3;
-webkit-filter: blur(5px);
filter: blur(5px);
background: linear-gradient(to left, #fff 70%, rgba(255, 255, 255, 0.8));
pointer-events: none; }
.feedback__wrapper .slider__wrapper .elem__slide:nth-child(1) .inn {
border-left: 0px; }
.feedback__wrapper .slider__wrapper .elem__slide .inn {
border-left: 1px solid #E6E6E6;
text-align: center;
padding: 0px 48px; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .author {
display: flex;
align-items: center;
justify-content: center; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .author .desc {
margin-bottom: 0px;
text-align: center; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .author .desc > p {
margin-top: 0px;
margin-bottom: 4px;
font-size: 18px;
line-height: 26px;
color: #2D2B32;
font-weight: 600; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .author .desc ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .author .desc ul li {
display: inline-flex;
margin-right: 2px; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .author .desc ul li:last-child {
margin-right: 0px; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .author > img {
min-width: 42px;
max-width: 42px;
min-height: 42px;
max-height: 42px;
border-radius: 250px;
-o-object-fit: cover;
object-fit: cover;
margin-right: 16px; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .desc {
margin-bottom: 20px; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .desc > p {
margin: 0px;
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: #7F7D83; }
.feedback__wrapper .outer__feedback > .top {
margin-bottom: 64px;
text-align: center; }
.feedback__wrapper .outer__feedback > .top > h2 {
margin-top: 0px;
margin-bottom: 4px;
font-size: 32px;
line-height: 40px;
color: #209994;
font-weight: bold; }
.feedback__wrapper .outer__feedback > .top > p {
margin: 0px;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #7F7D83; }
.grid__box {
padding: 48px 0px; }
.grid__box .outer__grid {
display: flex;
align-items: center;
justify-content: center; }
.grid__box .outer__grid > .el {
display: flex;
align-items: center;
margin-right: 42px;
justify-content: flex-start; }
.grid__box .outer__grid > .el:last-child {
margin-right: 0px; }
.grid__box .outer__grid > .el > img {
min-width: 46px;
max-width: 46px;
margin-right: 8px; }
.grid__box .outer__grid > .el > p {
margin: 0px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #7F7D83; }
.steps__wrapper + .feedback__wrapper {
margin-top: 48px; }
.grid__box + .steps__wrapper {
margin-top: 0px; }
.form__hero {
margin-top: 28px; }
.form__hero .outer__form--hero {
padding: 40px 0px;
padding-right: 164px;
padding-left: 215px;
display: flex;
align-items: center;
justify-content: space-between;
background: url("../img/heroform.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 16px; }
.form__hero .outer__form--hero form {
padding: 16px;
border-radius: 12px;
background-color: rgba(255, 255, 255, 0.75);
min-width: 285px;
max-width: 285px; }
.form__hero .outer__form--hero form .group__submit {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px; }
.form__hero .outer__form--hero form .group__submit > button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 34px;
border-radius: 8px;
cursor: pointer;
border: 0px;
outline: none;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600;
background-color: #209994;
transition: .4s ease all; }
.form__hero .outer__form--hero form .group__submit > button:hover {
opacity: .7; }
.form__hero .outer__form--hero form .group__input {
margin-bottom: 16px; }
.form__hero .outer__form--hero form .group__input > p {
margin-top: 0px;
margin-bottom: 6px;
font-size: 13px;
line-height: 16px;
font-weight: 600;
color: #4F4D55; }
.form__hero .outer__form--hero form .group__input > a {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 34px;
background-color: #FFFFFF;
border-radius: 8px;
background-color: #fff;
padding-left: 12px;
text-decoration: none;
padding-right: 12px; }
.form__hero .outer__form--hero form .group__input > a span {
color: #7F7D83;
font-size: 14px;
line-height: 22px;
font-weight: 500; }
.form__hero .outer__form--hero .desc > h2 {
margin: 0px;
font-size: 32px;
line-height: 44px;
font-weight: 600;
color: #FFFFFF; }
.form__hero .outer__form--hero .desc > h2 span {
color: #209994; }
.form__hero .outer__form--hero .desc > h1 {
margin: 0px;
font-size: 32px;
line-height: 44px;
font-weight: 600;
color: #FFFFFF; }
.form__hero .outer__form--hero .desc > h1 span {
color: #209994; }
.form__hero .outer__form--hero form {
margin-left: 25px; }
.group__dropdown > a > span {
width: 100%; }
.group__dropdown {
position: relative; }
.group__dropdown > a {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 34px;
background-color: #FFFFFF;
border-radius: 8px;
background-color: #fff;
padding-left: 12px;
text-decoration: none;
padding-right: 12px; }
.group__dropdown > a > img {
transition: .4s ease all; }
.group__dropdown > a > span {
color: #7F7D83;
font-size: 14px;
line-height: 22px;
font-weight: 500; }
.group__dropdown.picked > a > span {
color: #000 !important; }
.group__dropdown > a > img {
transition: .4s ease all; }
.group__dropdown > a.opened > img {
transform: rotate(180deg); }
.group__dropdown .dropdown__box {
position: absolute;
left: 0px;
width: 100%;
border-radius: 8px;
background-color: #fff;
top: 60px;
z-index: 3;
padding: 5px;
border: 1px solid #E9E9e9;
max-height: 240px;
overflow-y: auto; }
.group__dropdown .dropdown__box::-webkit-scrollbar {
width: 4px; }
.group__dropdown .dropdown__box::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #209994; }
.group__dropdown .dropdown__box ul {
padding: 0px;
list-style-type: none;
margin: 0px; }
.group__dropdown .dropdown__box ul > li {
margin-bottom: 3px; }
.group__dropdown .dropdown__box ul > li > a {
border-radius: 4px;
font-size: 14px;
transition: .4s ease all;
display: flex;
text-decoration: none;
align-items: center;
justify-content: flex-start;
padding: 5px 12px; }
.group__dropdown .dropdown__box ul > li > a:hover {
color: #209994;
background-color: rgba(32, 153, 148, 0.15); }
.group__dropdown .dropdown__box ul > li:last-child {
margin-bottom: 0px; }
.group__dropdown .dropdown__box ul > li > a {
color: #000; }
.modal__wrapper .inner__modal {
padding: 15px; }
.modal__wrapper.formula__wrapper .modal__box {
max-height: 100%;
overflow-y: auto; }
.modal__wrapper.formula__wrapper .modal__box::-webkit-scrollbar {
width: 4px; }
.modal__wrapper.formula__wrapper .modal__box::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #209994; }
.modal__wrapper .group__submit button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 34px;
border-radius: 8px;
cursor: pointer;
border: 0px;
outline: none;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600;
background-color: #209994;
transition: .4s ease all; }
.modal__wrapper .group__submit button:hover {
opacity: .7; }
.modal__wrapper {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(7, 3, 17, 0.33);
z-index: 4; }
.modal__wrapper .inner__modal {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center; }
.modal__wrapper .inner__modal .modal__box {
width: 100%;
max-width: 380px;
padding: 20px;
border-radius: 20px;
background-color: rgba(255, 255, 255, 0.95);
position: relative; }
.modal__wrapper .inner__modal .modal__box .close__button {
display: inline-flex;
position: absolute;
top: 10px;
right: 10px; }
.modal__wrapper .inner__modal .modal__box .close__button img {
max-width: 20px;
min-width: 20px; }
.modal__wrapper .inner__modal .modal__box form {
width: 100%; }
.modal__wrapper .inner__modal .modal__box form .group__input {
width: 100%;
margin-bottom: 15px; }
.modal__wrapper .inner__modal .modal__box form .group__input.group__dropdown .dropdown__box {
max-height: 150px;
top: -135px; }
.modal__wrapper .inner__modal .modal__box form .group__input > input {
width: 100%;
height: 34px;
border-radius: 8px;
outline: none;
border: 0px;
font-size: 14px;
font-weight: 500;
color: #000;
padding-left: 12px;
padding-right: 12px;
border: 1px solid #E6E6E6; }
.modal__wrapper .inner__modal .modal__box form .group__input > p {
margin-top: 0px;
margin-bottom: 6px;
font-size: 13px;
line-height: 16px;
font-weight: 600;
color: #4F4D55; }
.modal__wrapper .inner__modal .modal__box > h6 {
text-align: center;
margin-top: 0px;
font-size: 16px;
line-height: 24px;
font-weight: bold;
color: #2D2B32;
margin-bottom: 15px; }
.elem__car--row {
border: 1px solid #EBEBEB;
background-color: #F8F8F8;
border-radius: 12px;
overflow: hidden;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.03);
text-decoration: none;
transition: .4s ease all; }
.elem__car--row:hover .desc > p {
color: #209994; }
.elem__car--row .desc {
padding: 12px 20px; }
.elem__car--row .desc > p {
margin-top: 0px;
margin-bottom: 8px;
font-size: 18px;
line-height: 22px;
color: #2D2B32;
font-weight: 600;
text-decoration: none;
display: inline-flex;
transition: .4s ease all; }
.elem__car--row .desc .bottom > p {
margin: 0px;
font-size: 14px;
line-height: 18px;
color: #7F7D83;
font-weight: 500; }
.elem__car--row .desc > span {
font-size: 24px;
line-height: 32px;
color: #209994;
display: block;
margin-bottom: 2px;
font-weight: bold; }
.elem__car--row .desc > span span {
font-size: 16px;
line-height: 24px;
color: #209994; }
.elem__car--row .media {
position: relative;
height: 0px;
padding-bottom: 57%;
background-color: #fff; }
.elem__car--row .media > img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
object-position: center center; }
.elem__car--row .media .float {
position: absolute;
right: 8px;
z-index: 2;
top: 8px;
align-items: center;
justify-content: center;
display: inline-flex;
background: rgba(255,255,255,0.85);
border-radius: 8px;
padding: 4px; }
.elem__car--row .media .float img {
min-width: 28px;
max-width: 28px; }
.elem__car--row .media > img {
max-width: 100%; }
.explore__wrapper.bigger__spacer {
padding-bottom: 64px;
padding-top: 66px; }
.form__hero + .brands {
padding-top: 60px; }
.outer__form--hero .switcher {
margin-bottom: 16px; }
.outer__form--hero .switcher ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: grid;
grid-template-columns: repeat(2, 1fr);
width: 100%;
padding: 2px;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.1);
grid-column-gap: 2px; }
.outer__form--hero .switcher ul > li {
display: flex;
align-items: center;
justify-content: center;
width: 100%; }
.outer__form--hero .switcher ul > li > a {
display: inline-flex;
width: 100%;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 13px;
line-height: 16px;
min-height: 28px;
border-radius: 6px;
color: #4F4D55;
font-weight: 500;
transition: .4s ease all; }
.outer__form--hero .switcher ul > li > a:hover {
background-color: #209994;
color: #fff; }
.outer__form--hero .switcher ul > li > a.current {
background-color: #209994;
color: #fff; }
.group__dropdown > a > span {
display: block;
width: calc(100% - 25px);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.grid__cars .certificate__wrapper {
grid-column-start: 1;
grid-column-end: 5;
padding: 0px;
margin: 15px 0px; }
.grid__cars .certificate__wrapper .container {
padding: 0px; }
.form__brand {
margin-top: 50px;
margin-bottom: 120px; }
.form__brand .outer__form--brand {
padding: 32px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 20px;
background-color: #209994; }
.form__brand .outer__form--brand form {
width: 100%;
max-width: 410px;
padding: 28px;
border-radius: 12px;
background-color: #F9F9F9; }
.form__brand .outer__form--brand form .group__submit {
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center; }
.form__brand .outer__form--brand form .group__submit > button {
width: 100%;
min-height: 36px;
border-radius: 8px;
text-decoration: none;
background-color: #209994;
outline: none;
cursor: pointer;
border: 0px;
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #FFFFFF;
transition: .3s ease background-color; }
.form__brand .outer__form--brand form .group__submit > button:hover {
background-color: #247c78; }
.form__brand .outer__form--brand form .group__input {
margin-bottom: 20px; }
.form__brand .outer__form--brand form .group__input > p {
margin-top: 0px;
margin-bottom: 8px;
font-size: 14px;
line-height: 18px;
color: #7F7D83;
font-weight: 600; }
.form__brand .outer__form--brand form .group__input > input {
width: 100%;
height: 34px;
padding-left: 12px;
padding-right: 12px;
outline: none;
border: 1px solid #E6E6E6;
border-radius: 8px;
font-size: 14px;
font-weight: 500; }
.form__brand .outer__form--brand form .group__input:last-child {
margin-bottom: 0px; }
.form__brand .outer__form--brand .description {
max-width: 460px; }
.form__brand .outer__form--brand .description > span {
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
font-weight: 500;
font-style: italic; }
.form__brand .outer__form--brand .description .icons {
display: grid;
grid-template-columns: repeat(6, 56px);
grid-column-gap: 24px;
grid-row-gap: 20px;
margin-bottom: 45px; }
.form__brand .outer__form--brand .description .icons .elem__icon {
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.08);
border-radius: 16px;
min-height: 56px; }
.form__brand .outer__form--brand .description .icons .elem__icon img {
min-width: 32px;
max-width: 32px; }
.form__brand .outer__form--brand .description .top {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 45px; }
.form__brand .outer__form--brand .description .top > h2 {
margin-top: 0px;
margin-bottom: 12px;
font-size: 32px;
line-height: 40px;
font-weight: 600;
color: #FFFFFF; }
.form__brand .outer__form--brand .description .top > p {
margin: 0px;
font-size: 16px;
line-height: 20px;
color: rgba(255, 255, 255, 0.8);
font-weight: 500; }
.filters__picker {
display: flex;
align-items: center;
justify-content: space-between; }
.filters__picker .sort {
display: flex;
align-items: center;
justify-content: flex-end; }
.filters__picker .sort > p {
margin: 0px;
margin-right: 15px;
font-size: 14px;
line-height: 20px;
color: #7F7D83;
font-weight: 600;
white-space: nowrap; }
.filters__picker .sort .box > a {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
min-height: 44px;
text-decoration: none;
border-radius: 100px;
background-color: #F9F9F9;
padding-left: 24px;
padding-right: 24px;
font-size: 14px;
line-height: 20px;
white-space: nowrap;
color: #7F7D83;
font-weight: 600; }
.filters__picker .left {
margin-right: 15px;
display: flex;
align-items: center;
justify-content: flex-start;
overflow-x: auto; }
.filters__picker .left::-webkit-scrollbar {
width: 4px;
height: 4px; }
.filters__picker .left::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #209994; }
.filters__picker .left .dropdown__filter--elem {
margin-right: 8px; }
.filters__picker .left .dropdown__filter--elem > a {
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 44px;
border-radius: 250px;
padding-left: 24px;
padding-right: 24px;
font-size: 14px;
line-height: 20px;
color: #7F7D83;
white-space: nowrap;
font-weight: 600;
text-decoration: none;
background-color: #F9F9F9;
transition: .4s ease all; }
.filters__picker .left .dropdown__filter--elem > a.opened {
background-color: #209994;
color: #FFFFFF; }
.filters__added {
margin-top: 15px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: -8px;
margin-bottom: 16px; }
.filters__added > .filter__elem {
margin: 8px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgba(163, 207, 206, 0.4);
min-height: 36px;
padding-left: 14px;
padding-right: 14px;
border-radius: 250px;
padding-right: 8px; }
.filters__added > .filter__elem > a {
display: inline-flex;
margin-left: 8px; }
.filters__added > .filter__elem > p {
margin: 0px;
white-space: nowrap;
font-size: 14px;
line-height: 20px;
color: #209994;
font-weight: 600; }
.filters__added > a {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
padding: 8px 14px;
font-size: 14px;
min-height: 36px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600;
white-space: nowrap;
border-radius: 100px;
margin: 8px;
background-color: #209994;
transition: .3s ease all; }
.filters__added > a:hover {
opacity: .7; }
.filter__popup {
position: absolute;
width: 225px;
padding: 12px 16px;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 8px;
z-index: 5;
background-color: #fff; }
.filter__popup .list__elements {
max-height: 200px;
overflow-y: auto; }
.filter__popup .list__elements::-webkit-scrollbar {
width: 4px; }
.filter__popup .list__elements::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #209994; }
.filter__popup .list__elements > .elem {
margin-bottom: 12px;
padding: 8px;
border-radius: 8px;
background-color: #F9F9F9; }
.filter__popup .list__elements > .elem .container__check {
font-weight: 500;
color: #4F4D55; }
.filter__popup .list__elements > .elem:last-child {
margin-bottom: 0px; }
.filter__popup .group__dropdown > a {
background-color: #F9F9F9; }
.filter__popup .group__dropdown .dropdown__box {
top: 38px;
max-height: 160px; }
.filter__popup.longer {
width: 270px; }
.filter__popup .content {
padding-bottom: 12px; }
.filter__popup .content .brand__list {
max-height: 165px;
overflow-y: auto; }
.filter__popup .content .brand__list > .elem__brand {
margin-bottom: 12px;
padding: 8px;
border-radius: 8px;
background-color: #F9F9F9; }
.filter__popup .content .brand__list > .elem__brand .inner__checks {
margin-top: 6px;
margin-left: -2px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap; }
.filter__popup .content .brand__list > .elem__brand .inner__checks > .elem {
margin: 2px;
background-color: #E6E6E6;
border-radius: 100px;
padding: 2px 8px; }
.filter__popup .content .brand__list > .elem__brand .inner__checks > .elem .container__check {
font-size: 12px;
line-height: 18px;
font-weight: 500; }
.filter__popup .content .brand__list > .elem__brand .inner__checks > .elem .container__check .checkmark {
min-width: 12px;
max-width: 12px;
min-height: 12px;
max-height: 12px;
border-radius: 4px;
margin-right: 6px; }
.filter__popup .content .brand__list > .elem__brand .inner__checks > .elem .container__check .checkmark:after {
left: 50%;
margin-top: -1px;
top: 50%;
width: 2px;
height: 6px;
margin-left: -3px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg) translate(-50%, -50%); }
.filter__popup .content .brand__list > .elem__brand .head {
display: flex;
align-items: center;
justify-content: space-between; }
.filter__popup .content .brand__list > .elem__brand .head > a {
display: inline-flex;
transition: .4s ease all; }
.filter__popup .content .brand__list > .elem__brand .head > a.active {
transform: rotate(180deg); }
.filter__popup .content .brand__list > .elem__brand .head .container__check {
font-weight: 500;
color: #4F4D55; }
.filter__popup .content .brand__list > .elem__brand:last-child {
margin-bottom: 0px; }
.filter__popup .content .brand__list::-webkit-scrollbar {
width: 4px; }
.filter__popup .content .brand__list::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #209994; }
.filter__popup .content > .check {
display: flex;
align-items: flex-start;
justify-content: space-between; }
.filter__popup .content > .check > p {
margin: 0px;
margin-right: 10px;
font-size: 13px;
line-height: 16px;
font-weight: 500;
color: #4F4D55; }
.filter__popup .controls {
display: flex;
align-items: center;
justify-content: flex-end; }
.filter__popup .controls > .cancel__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 32px;
border-radius: 250px;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
font-size: 13px;
line-height: 18px;
color: #7F7D83;
background-color: #F1F1F1;
transition: .4s ease all; }
.filter__popup .controls > .cancel__btn:hover {
opacity: .7; }
.filter__popup .controls > .apply__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 32px;
border-radius: 250px;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
font-size: 13px;
line-height: 18px;
font-weight: 600;
margin-left: 8px;
transition: .4s ease all;
color: #fff;
background-color: #209994; }
.filter__popup .controls > .apply__btn:hover {
opacity: .7; }
.filter__popup > p {
margin-top: 0px;
margin-bottom: 12px;
font-size: 14px;
line-height: 20px;
color: #1D1C20;
font-weight: 600; }
.switch {
position: relative;
display: inline-block;
min-width: 28px;
height: 16px; }
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0; }
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #C9C9CC;
transition: .4s; }
.filter__popup .controls > .cancel__btn {
font-weight: 500; }
.slider:before {
position: absolute;
content: "";
height: 12px;
width: 12px;
left: 2px;
bottom: 2px;
background-color: white;
transition: .4s; }
input:checked + .slider {
background-color: #209994; }
input:checked + .slider:before {
transform: translateX(12px); }
/* Rounded sliders */
.slider.round {
border-radius: 34px; }
.slider.round:before {
border-radius: 50%; }
.container__check {
font-size: 13px;
line-height: 16px;
color: #4F4D55;
display: flex;
align-items: center;
justify-content: flex-start; }
/* Hide the browser's default checkbox */
.container__check input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0; }
/* Create a custom checkbox */
.checkmark {
position: relative;
display: inline-flex;
top: 0;
left: 0;
min-height: 16px;
min-width: 16px;
border: 2px solid #DCDCDE;
border-radius: 5px;
background-color: #FFFFFF;
margin-right: 12px; }
/* When the checkbox is checked, add a blue background */
.container__check input:checked ~ .checkmark {
background-color: #209994;
border-color: #209994; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none; }
/* Show the checkmark when checked */
.container__check input:checked ~ .checkmark:after {
display: block; }
/* Style the checkmark/indicator */
.container__check .checkmark:after {
left: 50%;
top: 50%;
width: 4px;
height: 8px;
margin-left: -5px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg) translate(-50%, -50%); }
.irs-from, .irs-min, .irs-max, .irs-to {
display: none !important; }
.irs--flat .irs-line {
height: 4px;
border-radius: 256px;
background-color: #F1F1F1; }
.irs--flat .irs-bar {
height: 4px;
background-color: #209994; }
.irs--flat .irs-handle > i:first-child {
outline: none !important;
border: 0px !important;
width: 12px;
background-color: transparent !important;
height: 12px;
background: url("../img/backcircle.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
top: -1px; }
.range__slider {
margin-top: -15px; }
.range__slider.price .double, .range__slider.km .double {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 12px; }
.range__slider.price .double .field, .range__slider.km .double .field {
width: 100%;
position: relative; }
.range__slider.price .double .field span, .range__slider.km .double .field span {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 8px;
font-size: 12px;
line-height: 16px;
color: #ADACB0;
font-weight: 500; }
.range__slider.price .double .field > input, .range__slider.km .double .field > input {
width: 100%;
height: 28px;
font-weight: 500;
border-radius: 8px;
background-color: #F9F9F9;
outline: none;
border: 0px;
padding-left: 40px;
padding-right: 5px;
font-size: 13px;
color: #4F4D55; }
.range__slider.km .double > .field > span {
left: auto;
right: 8px; }
.range__slider.year .double {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 12px; }
.range__slider.year .double .field {
width: 100%;
position: relative; }
.range__slider.year .double .field span {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 8px;
font-size: 12px;
line-height: 16px;
color: #ADACB0;
font-weight: 500; }
.range__slider.year .double .field > input {
width: 100%;
height: 28px;
font-weight: 500;
border-radius: 8px;
background-color: #F9F9F9;
outline: none;
border: 0px;
padding-left: 8px;
padding-right: 8px;
text-align: center;
font-size: 13px;
color: #4F4D55; }
.range__slider.km .double > .field > input {
padding-left: 8px;
padding-right: 32px; }
.irs-min, .irs-max, .irs-from, .irs-to, .irs-single {
display: none !important; }
.list__cars {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 20px;
grid-row-gap: 24px;
margin-top: 24px;
padding-bottom: 50px; }
.list__cars .elem__car--row .desc > .price {
margin-top: 8px;
font-size: 20px;
line-height: 20px; }
.list__cars .elem__car--row .desc > .price span {
font-size: 16px;
line-height: 20px; }
.list__cars .elem__car--row:hover .desc > .top > p {
color: #209994; }
.list__cars .elem__car--row .desc > .top {
display: flex;
align-items: flex-start;
justify-content: space-between; }
.list__cars .elem__car--row .desc > .top > span {
position: relative;
top: 2px;
display: inline-flex; }
.list__cars .elem__car--row .desc > .top > span img {
min-width: 20px;
max-width: 20px; }
.list__cars .elem__car--row .desc > .top > p {
margin: 0px;
transition: .4s ease all;
font-size: 20px;
line-height: 24px;
font-weight: bold;
color: #2D2B32;
margin-right: 10px; }
.sort {
position: relative; }
.sort .box {
position: relative; }
.sort .box .dropdown__box {
position: absolute;
min-width: 220px;
z-index: 3;
right: 0px;
background-color: #fff;
top: 48px;
border-radius: 8px;
border: 1px solid #EBEBEB; }
.sort .box .dropdown__box ul {
padding: 10px;
list-style-type: none;
margin: 0px; }
.sort .box .dropdown__box ul li {
margin-bottom: 2px;
width: 100%; }
.sort .box .dropdown__box ul li > a {
display: flex;
align-items: center;
justify-content: flex-start;
text-decoration: none;
padding: 7px 8px;
border-radius: 4px;
text-decoration: none;
color: #7F7D83;
font-size: 14px;
font-weight: 500;
transition: .4s ease all; }
.sort .box .dropdown__box ul li > a:hover {
color: #209994;
background-color: rgba(32, 153, 148, 0.15); }
.sort .box .dropdown__box ul li:last-child {
margin-bottom: 0px; }
.outer__explore .title {
text-align: center;
margin-bottom: 20px; }
.outer__explore .title p {
margin: 0px;
font-size: 18px;
line-height: 24px;
font-weight: 800;
color: #4F4D55;
text-transform: uppercase;
font-style: italic; }
.details__box .ticket {
min-width: 365px;
max-width: 365px;
border-radius: 12px;
border: 1px solid #E2E2E2;
padding: 24px 20px; }
.details__box .ticket > h6 {
margin-top: 0px;
margin-bottom: 8px;
font-size: 20px;
line-height: 32px;
color: #0A5B58;
font-weight: 800;
text-transform: uppercase; }
.details__box .ticket .controls {
text-align: center;
margin-top: 20px; }
.details__box .ticket .controls > ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 8px;
grid-row-gap: 12px; }
.details__box .ticket .controls > ul.triple > li:nth-child(1) {
grid-column-start: 1;
grid-column-end: 3; }
.details__box .ticket .controls > ul .main__btn {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600;
border-radius: 45px;
background-color: #209994;
min-height: 40px;
transition: .4s ease all; }
.details__box .ticket .controls > ul .main__btn img {
margin-right: 8px; }
.details__box .ticket .controls > ul .main__btn:hover {
opacity: .7; }
.details__box .ticket .controls > ul .whatsapp__btn {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600;
border-radius: 45px;
background-color: #209994;
min-height: 40px;
transition: .4s ease all; }
.details__box .ticket .controls > ul .whatsapp__btn img {
margin-right: 8px; }
.details__box .ticket .controls > ul .whatsapp__btn:hover {
opacity: .7; }
.details__box .ticket .controls > ul .visit__btn {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 14px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600;
border-radius: 45px;
background-color: #4A4595;
min-height: 40px;
transition: .4s ease all; }
.details__box .ticket .controls > ul .visit__btn:hover {
opacity: .7; }
.details__box .ticket .controls > ul .secondary__btn {
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
border-radius: 45px;
font-size: 14px;
line-height: 20px;
color: #209994;
font-weight: 600;
width: 100%;
transition: .4s ease all;
background-color: rgba(32, 153, 148, 0.15); }
.details__box .ticket .controls > ul .secondary__btn:hover {
background-color: #209994;
color: #fff; }
.details__box .ticket .controls > a {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 14px;
line-height: 21px;
color: #4F4D55;
font-weight: 600;
transition: .4s ease all;
margin-top: 14px; }
.details__box .ticket .controls > a:hover {
opacity: .7; }
.details__box .ticket .controls > a img {
margin-left: 8px; }
.details__box .ticket .certif {
overflow: hidden;
min-width: 100%;
width: calc(100% + 40px);
margin-left: -20px;
display: flex;
flex-direction: column; }
.details__box .ticket .certif.dark .inner {
background-color: #ACACAC; }
.details__box .ticket .certif .inner {
background-color: #209994;
display: flex;
flex-direction: column;
padding-top: 16px;
padding-left: 28px;
padding-bottom: 28px;
padding-right: 16px;
align-items: flex-start; }
.details__box .ticket .certif .inner > h6 {
margin-top: 0px;
font-size: 18px;
line-height: 20px;
color: #FFFFFF;
font-weight: 800;
font-style: italic;
margin-bottom: 0px;
text-transform: uppercase; }
.details__box .ticket .certif .inner > p {
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 0.8);
margin: 0px; }
.details__box .ticket .certif > img {
max-width: 100%;
width: 100%; }
.details__box .ticket .price {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px; }
.details__box .ticket .price > span {
font-size: 16px;
line-height: 22px;
color: #4F4D55;
font-weight: 600; }
.details__box .ticket .price > p {
margin: 0px;
margin-bottom: 2px;
font-size: 24px;
line-height: 28px;
font-weight: 800;
color: #209994; }
.details__box .ticket .price > p span {
font-size: 28px;
line-height: 35px;
color: #209994;
font-weight: 800; }
.details__box .ticket .list {
margin-bottom: 20px; }
.details__box .ticket .list ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: -3px;
margin-top: -3px;
width: calc(100% + 8px); }
.details__box .ticket .list ul > li {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 3px;
padding: 8px 12px;
border-radius: 40px;
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #2D2B32;
background-color: #F9F9F9; }
.details__box .ticket .list ul > li span {
display: inline-flex;
margin-right: 6px; }
.details__box .details__wrapper--box {
display: flex;
align-items: flex-start;
justify-content: space-between; }
.details__box .details__wrapper--box .slick-list {
padding: 0 5% 0 0; }
.details__box .details__wrapper--box .gallery__slider {
/* the parent */ }
.details__box .details__wrapper--box .gallery__slider .slick-slide {
margin: 0 5px; }
.details__box .details__wrapper--box .gallery__slider .slick-current:before {
content: none !important; }
.details__box .details__wrapper--box .gallery__slider .slick-list {
margin: 0 -5px; }
.details__box .details__wrapper--box .gallery__slider .elem__image {
position: relative;
cursor: pointer; }
.details__box .details__wrapper--box .gallery__slider .elem__image:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 9px; }
.details__box .details__wrapper--box .gallery__slider .elem__image .inn {
display: flex;
align-items: center;
justify-content: center; }
.details__box .details__wrapper--box .gallery__slider .elem__image .inn > img {
max-width: 100%;
border-radius: 9px; }
.details__box .details__wrapper--box .gallery {
width: calc(100% - 410px); }
.details__box .details__wrapper--box .gallery .media {
display: flex;
justify-content: center;
margin-bottom: 10px;
position: relative;
padding-bottom: 52%; }
.details__box .details__wrapper--box .gallery .media > img {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 12px; }
.details__box .outer__details .switcher__details {
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #E6E6E6;
margin-bottom: 32px;
margin-top: 35px; }
.details__box .outer__details .switcher__details ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: center; }
.details__box .outer__details .switcher__details ul li {
margin-bottom: -1px; }
.details__box .outer__details .switcher__details ul li > a {
min-width: 210px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
padding: 16px 20px;
color: #7F7D83;
font-size: 16px;
border-bottom: 1px solid transparent;
line-height: 22px;
font-weight: 600;
transition: .4s ease all; }
.details__box .outer__details .switcher__details ul li > a.current {
color: #209994;
border-color: #209994;
font-weight: 600; }
.details__box .outer__details .switcher__details ul li > a:hover {
border-color: #209994;
color: #209994; }
.pagination {
margin-bottom: 30px; }
.pagination ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap; }
.pagination ul > li {
font-size: 16px;
line-height: 20px;
color: #4F4D55;
font-weight: 600; }
.pagination ul > li.spacer {
color: #C9C9CC; }
.pagination ul > li > a {
text-decoration: none;
font-size: 16px;
line-height: 20px;
color: #7F7D83;
font-weight: 500;
transition: .3s ease all; }
.pagination ul > li > a:hover {
color: #4F4D55; }
.pagination ul .spacer {
margin: 0px 12px; }
.certificate__main--wrapper > p {
margin: 0px;
text-align: center;
font-size: 18px;
color: #4F4D55;
font-weight: 800;
font-style: italic;
text-transform: uppercase; }
.details__inner--box > .box {
border: 1px solid #DCDCDE;
border-radius: 12px; }
.details__inner--box > .box .double__table {
padding: 20px 24px;
display: flex;
justify-content: space-between; }
.details__inner--box > .box .double__table .column {
width: 100%; }
.details__inner--box > .box .double__table .column .elem {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 8px; }
.details__inner--box > .box .double__table .column .elem:last-child {
margin-bottom: 0px; }
.details__inner--box > .box .double__table .column .elem p {
margin: 0px;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #2D2B32; }
.details__inner--box > .box .double__table .column .elem > span {
display: block;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #7F7D83;
text-align: left; }
.details__inner--box > .box .double__table .spacer {
min-width: 1px;
margin: 0px 48px;
background-color: #E4E4E4; }
.details__inner--box > .box .top {
padding: 20px;
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-column-gap: 8px;
border-bottom: 1px solid #DCDCDE; }
.details__inner--box > .box .top .elem {
min-height: 42px;
border-radius: 20px;
background-color: #F9F9F9;
padding: 7px 12px;
display: flex;
align-items: center;
justify-content: center; }
.details__inner--box > .box .top .elem p {
margin: 0px;
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #2D2B32;
display: flex;
align-items: center;
justify-content: center; }
.details__inner--box > .box .top .elem p span {
display: inline-flex;
margin-right: 6px; }
.details__inner--box > p {
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
font-size: 18px;
line-height: 24px;
font-weight: 800;
color: #4F4D55;
font-style: italic;
text-transform: uppercase; }
.controls__points {
margin-top: 54px;
display: flex;
justify-content: center;
align-items: center; }
.controls__points .expertise {
background-color: #209994;
text-decoration: none;
border-radius: 250px;
display: inline-flex;
align-items: center;
justify-content: center;
padding-left: 36px;
padding-right: 36px;
min-height: 52px;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600;
transition: .4s ease all; }
.controls__points .expertise:hover {
opacity: .7; }
.controls__points .report {
background-color: rgba(32, 153, 148, 0.15);
text-decoration: none;
border-radius: 250px;
display: inline-flex;
align-items: center;
justify-content: center;
padding-left: 36px;
padding-right: 36px;
min-height: 52px;
font-size: 16px;
line-height: 20px;
margin-right: 8px;
color: #209994;
font-weight: 600;
transition: .4s ease all; }
.controls__points .report span {
display: inline-flex;
margin-right: 8px; }
.controls__points .report:hover {
opacity: .7; }
.points__wrapper {
margin-top: 20px;
display: flex;
flex-direction: column;
background-color: #F9F9F9; }
.points__wrapper .box {
padding: 20px 48px;
display: flex;
justify-content: space-between; }
.points__wrapper .points__right {
width: 100%;
display: grid;
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-columns: repeat(3, 1fr); }
.points__wrapper .points__right > .elem {
width: 100%;
padding: 10px 15px;
border-radius: 250px;
background-color: #ECECED; }
.points__wrapper .points__right > .elem p {
margin: 0px;
font-size: 16px;
color: #2D2B32;
line-height: 16px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center; }
.points__wrapper .points__right > .elem p span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
border-radius: 250px;
font-size: 14px;
line-height: 16px;
color: #FFFFFF;
font-weight: 600;
margin-left: 12px; }
.points__wrapper .points__left {
min-width: 370px;
margin-top: auto;
margin-bottom: auto;
max-width: 370px;
text-align: center; }
.points__wrapper .points__left > p {
margin: 0px;
font-size: 18px;
line-height: 26px;
font-weight: 600;
color: #2D2B32; }
.points__wrapper .points__left > h6 {
margin-top: 0px;
margin-bottom: 6px;
font-size: 32px;
line-height: 40px;
font-weight: 800;
font-style: italic;
color: #209994;
text-transform: uppercase; }
.points__wrapper .spacer {
display: inline-flex;
margin: 0px 35px;
min-width: 1px;
background-color: #E6E6E6; }
.points__wrapper > img {
max-width: 100%; }
.float__tooltip {
position: absolute;
z-index: 3; }
.float__tooltip .inn {
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
padding: 8px;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 8px;
min-width: 195px;
background-color: #fff; }
.float__tooltip .inn span {
display: inline-flex;
align-items: center;
justify-content: flex-start;
white-space: nowrap;
font-size: 14px;
line-height: 20px;
color: #1D1C20;
font-weight: 600; }
.float__tooltip .inn span img {
margin-right: 8px; }
.details__box {
padding-bottom: 40px; }
.calculator__wrapper .inner__calculator {
max-width: 1030px;
margin-left: auto;
margin-right: auto;
padding: 28px;
background-color: #209994;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: space-between; }
.calculator__wrapper .inner__calculator .right {
width: 100%;
max-width: 375px;
padding: 48px 40px;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.1); }
.calculator__wrapper .inner__calculator .right .total {
text-align: center; }
.calculator__wrapper .inner__calculator .right .total > span {
display: block;
text-align: center;
font-size: 16px;
line-height: 20px;
color: rgba(255, 255, 255, 0.8);
font-weight: 500; }
.calculator__wrapper .inner__calculator .right .total > p {
margin: 0px;
font-size: 44px;
line-height: 66px;
font-weight: bold;
color: #FFFFFF; }
.calculator__wrapper .inner__calculator .right .table {
margin-bottom: 48px; }
.calculator__wrapper .inner__calculator .right .table > .el {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px; }
.calculator__wrapper .inner__calculator .right .table > .el:last-child {
margin-bottom: 0px; }
.calculator__wrapper .inner__calculator .right .table > .el > p {
margin: 0px;
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #FFFFFF;
margin-left: 12px; }
.calculator__wrapper .inner__calculator .right .table > .el > span {
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 0.8); }
.calculator__wrapper .inner__calculator .left {
width: 100%;
max-width: 415px; }
.calculator__wrapper .inner__calculator .left .group__submit {
margin-top: 24px;
display: flex;
justify-content: center;
align-items: center; }
.calculator__wrapper .inner__calculator .left .group__submit > button {
display: inline-flex;
width: 100%;
height: 40px;
border-radius: 8px;
cursor: pointer;
background-color: #FFFFFF;
font-size: 16px;
line-height: 20px;
color: #209994;
border: 0px;
transition: .4s ease all;
font-weight: 600;
outline: none;
align-items: center;
justify-content: center; }
.calculator__wrapper .inner__calculator .left .group__submit > button:hover {
opacity: .7; }
.calculator__wrapper .inner__calculator .left .field {
width: 100%;
margin-bottom: 20px;
padding: 12px 16px;
border-radius: 8px;
background-color: rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: space-between; }
.calculator__wrapper .inner__calculator .left .field .field__main {
display: flex;
align-items: center;
justify-content: flex-end;
position: relative; }
.calculator__wrapper .inner__calculator .left .field .field__main .range {
width: 145px;
position: relative;
top: -8px;
margin-right: 15px; }
.calculator__wrapper .inner__calculator .left .field .field__main > span {
position: absolute;
right: 8px;
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 0.7); }
.calculator__wrapper .inner__calculator .left .field .field__main > input {
width: 108px;
height: 28px;
background-color: rgba(255, 255, 255, 0.3);
border: 0px;
outline: none;
padding-left: 8px;
padding-right: 40px;
font-size: 13px;
line-height: 16px;
font-weight: 600;
color: #FFFFFF;
border-radius: 4px; }
.calculator__wrapper .inner__calculator .left .field > p {
margin: 0px;
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: #FFFFFF; }
.calculator__wrapper .inner__calculator .left .field:last-child {
margin-bottom: 0px; }
.calculator__wrapper .inner__calculator .left > h6 {
margin-top: 0px;
margin-bottom: 38px;
font-size: 24px;
line-height: 24px;
font-weight: 800;
color: #FFFFFF;
font-style: italic; }
.details__children .explore__wrapper {
padding-top: 0px;
padding-bottom: 0px; }
.details__children .explore__wrapper .container {
padding: 0px; }
.group__input.calendar > input {
background: url("../img/calendaricon.svg");
background-repeat: no-repeat;
background-size: 20px;
background-position: calc(100% - 10px) center;
background-color: #fff; }
.modal__wrapper.reservation .modal__box {
max-height: 100%;
overflow-y: auto; }
.modal__wrapper.reservation .modal__box::-webkit-scrollbar {
width: 4px;
height: 4px; }
.modal__wrapper.reservation .modal__box::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #209994; }
.modal__wrapper.reservation .modal__box form .group__input > span {
display: inline-flex;
align-items: flex-start;
justify-content: flex-start;
margin-top: 6px;
font-size: 13px;
line-height: 16px;
font-weight: 500;
font-style: italic;
color: #7F7D83; }
.modal__wrapper.reservation .modal__box form .group__input > span > img {
margin-right: 6px;
min-width: 15px;
max-width: 15px;
position: relative;
top: -2px; }
.modal__wrapper.reservation .modal__box form .top__reservation {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 16px; }
.modal__wrapper.reservation .modal__box form .top__reservation .desc > h6 {
margin: 0px;
font-size: 20px;
line-height: 32px;
font-weight: bold;
color: #209994; }
.modal__wrapper.reservation .modal__box form .top__reservation .desc > h6 span {
font-size: 14px;
line-height: 24px; }
.modal__wrapper.reservation .modal__box form .top__reservation .desc > span {
display: block;
margin-top: 0px;
margin-bottom: 0px;
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #4F4D55; }
.modal__wrapper.reservation .modal__box form .top__reservation .desc {
width: 100%; }
.modal__wrapper.reservation .modal__box form .top__reservation .desc ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: -6px;
margin-top: -3px; }
.modal__wrapper.reservation .modal__box form .top__reservation .desc ul > li {
font-size: 13px;
font-weight: 600;
color: #4F4D55;
margin: 3px 6px;
display: flex;
align-items: center;
justify-content: flex-start; }
.modal__wrapper.reservation .modal__box form .top__reservation .desc ul > li span {
display: inline-flex;
margin-right: 4px; }
.modal__wrapper.reservation .modal__box form .top__reservation .desc > p {
margin-top: 0px;
margin-bottom: 8px;
font-size: 18px;
line-height: 22px;
color: #2D2B32;
font-weight: 600; }
.modal__wrapper.reservation .modal__box form .top__reservation .media {
display: flex;
align-items: center;
justify-content: center;
width: 145px;
min-width: 145px;
margin-right: 10px; }
.modal__wrapper.reservation .modal__box form .top__reservation .media img {
border-radius: 9px;
height: 100px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
max-width: 100%; }
.modal__wrapper.reservation .modal__box > h6 {
margin-top: 0px;
margin-bottom: 22px;
font-size: 16px;
line-height: 24px;
font-weight: bold;
color: #2D2B32; }
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #209994; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
height: 24px;
border-radius: 4px;
border: 1px solid #E6E6E6;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
text-indent: 1px;
text-overflow: '';
background: url("../img/arrowdrop.svg");
background-repeat: no-repeat;
background-size: 20px;
background-position: calc(100% - 3px) center; }
.steps__wrapper.reverse .outer__steps {
flex-direction: row-reverse; }
.steps__wrapper.reverse .outer__steps .side {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%); }
.steps__wrapper.desc .steps {
padding: 54px 30px; }
.steps__wrapper .steps .description {
max-width: 448px;
margin-left: auto;
margin-right: auto; }
.steps__wrapper .steps .description > p {
margin-top: 0px;
margin-bottom: 15px;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #4F4D55; }
.steps__wrapper .steps .description > p:last-child {
margin-bottom: 0px; }
.steps__wrapper .steps .description > h6 {
margin-top: 0px;
font-size: 24px;
line-height: 32px;
font-weight: bold;
color: #209994;
margin-bottom: 19px; }
.hero__certificate {
margin-top: 28px; }
.hero__certificate .outer__hero {
border-radius: 16px;
overflow: hidden; }
.hero__certificate .outer__hero .top__part {
background: url("../img/heroimageback.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-top-right-radius: 16px;
border-top-left-radius: 16px;
margin-bottom: -15px;
padding-top: 65px;
padding-left: 135px;
padding-bottom: 65px;
position: relative; }
.hero__certificate .outer__hero .top__part .btn {
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
z-index: 3;
margin-top: 20px; }
.hero__certificate .outer__hero .top__part .btn > a {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 250px;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #FFFFFF;
min-height: 40px;
border-radius: 47px;
text-decoration: none;
background-color: #209994;
transition: .4s ease all; }
.hero__certificate .outer__hero .top__part .btn > a:hover {
opacity: .7; }
.hero__certificate .outer__hero .top__part > p {
margin: 0px;
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: rgba(255, 255, 255, 0.8);
position: relative;
max-width: 470px; }
.hero__certificate .outer__hero .top__part > img {
position: absolute;
left: 0px;
top: 0px;
max-height: 100%; }
.hero__certificate .outer__hero .top__part > h2 {
position: relative;
z-index: 3;
margin-top: 0px;
margin-bottom: 10px;
font-size: 32px;
line-height: 38px;
font-weight: 800;
font-style: italic;
color: #FFFFFF;
text-transform: uppercase; }
.hero__certificate .outer__hero .top__part > h2 span {
color: #209994; }
.hero__certificate .outer__hero .top__part > h1 {
position: relative;
z-index: 3;
margin-top: 0px;
margin-bottom: 10px;
font-size: 32px;
line-height: 38px;
font-weight: 800;
font-style: italic;
color: #FFFFFF;
text-transform: uppercase; }
.hero__certificate .outer__hero .top__part > h1 span {
color: #209994; }
.hero__certificate .outer__hero .bottom__part {
display: flex;
flex-direction: column;
position: relative;
z-index: 2; }
.hero__certificate .outer__hero .bottom__part .inner {
background-color: #209994;
display: flex;
align-items: center;
justify-content: space-between;
padding: 34px 48px; }
.hero__certificate .outer__hero .bottom__part .inner .list {
display: flex;
align-items: center;
justify-content: flex-start; }
.hero__certificate .outer__hero .bottom__part .inner .list > .elem {
display: flex;
align-items: center;
justify-content: flex-start; }
.hero__certificate .outer__hero .bottom__part .inner .list > .elem > p {
margin: 0px;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600; }
.hero__certificate .outer__hero .bottom__part .inner .list > .elem > span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 16px; }
.hero__certificate .outer__hero .bottom__part .inner .desc {
min-width: 350px;
max-width: 350px;
margin-right: 55px;
display: flex;
flex-direction: column;
align-items: flex-start; }
.hero__certificate .outer__hero .bottom__part .inner .desc > span {
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 0.8); }
.hero__certificate .outer__hero .bottom__part .inner .desc > p {
margin-top: 0px;
font-size: 18px;
line-height: 20px;
font-weight: 800;
font-style: italic;
text-transform: uppercase;
color: #fff;
margin-bottom: 0px; }
.hero__certificate .outer__hero .bottom__part > img {
max-width: 100%;
width: 100%;
margin-bottom: -1px; }
.inspection__wrapper {
margin: 0px 0px;
margin-top: 48px; }
.inspection__wrapper .btn {
display: flex;
justify-content: center;
align-items: center;
margin-top: 60px; }
.inspection__wrapper .btn > a {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
padding-left: 24px;
padding-right: 24px;
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #FFFFFF;
height: 56px;
border-radius: 45px;
text-decoration: none;
background-color: #209994;
transition: .4s ease all; }
.inspection__wrapper .btn > a:hover {
opacity: .7; }
.inspection__wrapper .layer__wrapper {
width: 100%;
overflow-x: auto; }
.inspection__wrapper .layer__wrapper::-webkit-scrollbar {
width: 4px;
height: 4px; }
.inspection__wrapper .layer__wrapper::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #209994; }
.inspection__wrapper .layer {
min-width: 1140px;
margin-left: auto;
margin-right: auto;
overflow-x: auto; }
.inspection__wrapper .outer__inspection {
padding-top: 35px;
padding-bottom: 48px;
border-radius: 16px;
background-color: #F9F9F9; }
.inspection__wrapper .outer__inspection .double__info {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
margin-bottom: 100px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info {
display: flex;
align-items: center;
justify-content: center;
position: relative; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__five {
position: absolute;
right: 390px;
top: 248px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__five .spacer {
position: absolute;
right: -240px;
height: 2px;
width: 230px;
background-color: #209994;
top: 14px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__five .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__five > p {
margin: 0px;
white-space: nowrap;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__six {
position: absolute;
right: 470px;
top: 305px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__six .spacer {
position: absolute;
right: -240px;
height: 2px;
width: 230px;
background-color: #209994;
top: 14px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__six .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__six > p {
margin: 0px;
white-space: nowrap;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__four {
position: absolute;
right: 390px;
top: 100px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__four .spacer {
position: absolute;
right: -60px;
height: 2px;
width: 50px;
background-color: #209994;
top: 14px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__four .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__four > p {
margin: 0px;
white-space: nowrap;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__one {
position: absolute;
left: 390px;
top: 159px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__one .spacer {
position: absolute;
left: -190px;
height: 2px;
width: 180px;
background-color: #209994;
top: 14px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__one .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__one > p {
margin: 0px;
white-space: nowrap;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__two {
position: absolute;
left: 356px;
top: 209px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__two .spacer {
position: absolute;
left: -120px;
height: 2px;
width: 110px;
background-color: #209994;
top: 14px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__two .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__two > p {
margin: 0px;
white-space: nowrap;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__three {
position: absolute;
left: 430px;
top: 390px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__three .spacer {
position: absolute;
left: -160px;
height: 2px;
width: 150px;
background-color: #209994;
top: 14px; }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__three .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .double__info > .elem__info .text__three > p {
margin: 0px;
white-space: nowrap;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .double__info > .elem__info > img {
max-width: 340px; }
.inspection__wrapper .outer__inspection .wireframe {
margin-bottom: 40px; }
.inspection__wrapper .outer__inspection .wireframe .media {
width: 440px;
margin-left: auto;
margin-right: auto;
position: relative; }
.inspection__wrapper .outer__inspection .wireframe .media .text__one {
position: absolute;
top: 240px;
left: -320px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__one .spacer {
position: absolute;
right: -200px;
height: 2px;
width: 190px;
background-color: #209994;
top: 14px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__one .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .wireframe .media .text__one > p {
margin: 0px;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .wireframe .media .text__three {
position: absolute;
top: 370px;
left: -360px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__three .spacer {
position: absolute;
right: -340px;
height: 2px;
width: 330px;
background-color: #209994;
top: 14px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__three .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .wireframe .media .text__three > p {
margin: 0px;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .wireframe .media .text__five {
position: absolute;
top: 510px;
left: -280px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__five .spacer {
position: absolute;
right: -300px;
height: 2px;
width: 290px;
background-color: #209994;
top: 14px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__five .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .wireframe .media .text__five > p {
margin: 0px;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .wireframe .media .text__seven {
position: absolute;
top: 690px;
left: -250px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__seven .spacer {
position: absolute;
right: -300px;
height: 2px;
width: 290px;
background-color: #209994;
top: 14px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__seven .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .wireframe .media .text__seven > p {
margin: 0px;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .wireframe .media .text__two {
position: absolute;
top: 195px;
right: -350px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__two .spacer {
position: absolute;
left: -340px;
height: 2px;
width: 330px;
background-color: #209994;
top: 38px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__two .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .wireframe .media .text__two > p {
margin: 0px;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .wireframe .media .text__six {
position: absolute;
top: 523px;
right: -325px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__six .spacer {
position: absolute;
left: -240px;
height: 2px;
width: 230px;
background-color: #209994;
top: 15px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__six .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .wireframe .media .text__six > p {
margin: 0px;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .wireframe .media .text__four {
position: absolute;
top: 380px;
right: -350px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__four .spacer {
position: absolute;
left: -300px;
height: 2px;
width: 290px;
background-color: #209994;
top: 15px; }
.inspection__wrapper .outer__inspection .wireframe .media .text__four .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .wireframe .media .text__four > p {
margin: 0px;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .wireframe .media img {
max-width: 100%; }
.inspection__wrapper .outer__inspection .wheel__wrapper {
position: relative;
text-align: left;
margin-left: 90px; }
.inspection__wrapper .outer__inspection .wheel__wrapper .desc__one {
position: absolute;
left: 550px;
top: 100px;
max-width: 380px;
min-width: 380px; }
.inspection__wrapper .outer__inspection .wheel__wrapper .desc__one .spacer {
position: absolute;
width: 340px;
height: 2px;
left: -360px;
top: 13px;
background-color: #209994; }
.inspection__wrapper .outer__inspection .wheel__wrapper .desc__one .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .wheel__wrapper .desc__one > p {
margin-top: 0px;
margin-bottom: 8px;
font-size: 20px;
line-height: 26px;
color: #4F4D55;
font-weight: bold; }
.inspection__wrapper .outer__inspection .wheel__wrapper .desc__one > span {
font-size: 16px;
line-height: 20px;
color: #7F7D83;
font-weight: 500; }
.inspection__wrapper .outer__inspection .wheel__wrapper .desc__two {
position: absolute;
left: 450px;
top: 270px;
max-width: 380px;
min-width: 380px; }
.inspection__wrapper .outer__inspection .wheel__wrapper .desc__two .spacer {
position: absolute;
width: 139px;
height: 2px;
left: -156px;
top: 13px;
background-color: #209994; }
.inspection__wrapper .outer__inspection .wheel__wrapper .desc__two .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
right: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .wheel__wrapper .desc__two > p {
margin-top: 0px;
margin-bottom: 8px;
font-size: 20px;
line-height: 26px;
color: #4F4D55;
font-weight: bold; }
.inspection__wrapper .outer__inspection .wheel__wrapper .desc__two > span {
font-size: 16px;
line-height: 20px;
color: #7F7D83;
font-weight: 500; }
.inspection__wrapper .outer__inspection .wheel__wrapper > .media {
display: flex;
justify-content: center;
align-items: center;
width: 285px; }
.inspection__wrapper .outer__inspection .wheel__wrapper > .media img {
max-width: 285px;
min-width: 285px; }
.inspection__wrapper .outer__inspection .engine__wrapper {
margin-bottom: 25px;
display: flex;
max-width: 945px;
margin-left: auto;
margin-top: 38px;
margin-right: auto;
justify-content: flex-end;
position: relative; }
.inspection__wrapper .outer__inspection .engine__wrapper .desc {
display: flex;
flex-direction: column;
align-items: flex-start; }
.inspection__wrapper .outer__inspection .engine__wrapper .desc > p {
margin-top: 0px;
margin-bottom: 8px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
color: #4F4D55; }
.inspection__wrapper .outer__inspection .engine__wrapper .desc > span {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #7F7D83; }
.inspection__wrapper .outer__inspection .engine__wrapper .desc__one {
position: absolute;
right: 430px;
top: 110px; }
.inspection__wrapper .outer__inspection .engine__wrapper .desc__one > .spacer {
position: absolute;
left: 250px;
width: 303px;
height: 2px;
background-color: #209994;
left: 168px;
top: 14px; }
.inspection__wrapper .outer__inspection .engine__wrapper .desc__one > .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .engine__wrapper .desc__two {
position: absolute;
right: 540px;
top: 260px; }
.inspection__wrapper .outer__inspection .engine__wrapper .desc__two > .spacer {
position: absolute;
width: 270px;
height: 2px;
background-color: #209994;
left: 350px;
top: 14px; }
.inspection__wrapper .outer__inspection .engine__wrapper .desc__two > .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.inspection__wrapper .outer__inspection .engine__wrapper .media > span {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
right: 0px;
top: -15px; }
.inspection__wrapper .outer__inspection .engine__wrapper .media > span img {
min-width: 92px;
max-width: 92px; }
.inspection__wrapper .outer__inspection .engine__wrapper .media > img {
max-width: 380px;
min-width: 380px; }
.inspection__wrapper .outer__inspection > .top {
display: flex;
flex-direction: column;
align-items: center; }
.inspection__wrapper .outer__inspection > .top > p {
margin-top: 0px;
text-align: center;
font-size: 18px;
line-height: 26px;
color: #2D2B32;
font-weight: 600; }
.inspection__wrapper .outer__inspection > .top > h2 {
margin-top: 0px;
margin-bottom: 6px;
font-size: 32px;
line-height: 40px;
font-weight: 800;
text-transform: uppercase;
font-style: italic;
color: #209994; }
.big__car {
width: 100%; }
.big__car .media {
max-width: 620px;
position: relative;
margin-left: auto; }
.big__car .media .text__one {
max-width: 380px;
position: absolute;
top: 95px;
left: -353px;
display: flex;
flex-direction: column;
align-items: flex-start; }
.big__car .media .text__one .spacer {
position: absolute;
left: 275px;
top: 12px;
width: 315px;
height: 2px;
background-color: #209994; }
.big__car .media .text__one .spacer:after {
content: "";
right: -1px;
top: 0px;
position: absolute;
height: 103px;
width: 1.5px;
background-color: #209994; }
.big__car .media .text__one .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.big__car .media .text__one > p {
margin-top: 0px;
margin-bottom: 8px;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.big__car .media .text__one > span {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #7F7D83; }
.big__car .media .text__three {
max-width: 380px;
position: absolute;
top: 405px;
left: -453px;
display: flex;
flex-direction: column;
align-items: flex-start; }
.big__car .media .text__three .spacer {
position: absolute;
left: 360px;
top: 12px;
width: 440px;
height: 2px;
background-color: #209994; }
.big__car .media .text__three .spacer:after {
content: "";
right: -1px;
bottom: 0px;
position: absolute;
height: 103px;
width: 1.5px;
background-color: #209994; }
.big__car .media .text__three .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.big__car .media .text__three > p {
margin-top: 0px;
margin-bottom: 8px;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.big__car .media .text__three > span {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #7F7D83; }
.big__car .media .text__two {
max-width: 380px;
position: absolute;
top: 240px;
left: -400px;
display: flex;
flex-direction: column;
align-items: flex-start; }
.big__car .media .text__two .spacer {
position: absolute;
left: 180px;
top: 12px;
width: 460px;
height: 2px;
background-color: #209994; }
.big__car .media .text__two .spacer:before {
content: "";
width: 6px;
height: 6px;
background-color: #209994;
border-radius: 25px;
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%); }
.big__car .media .text__two > p {
margin-top: 0px;
margin-bottom: 8px;
font-size: 20px;
line-height: 26px;
font-weight: bold;
color: #4F4D55; }
.big__car .media .text__two > span {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #7F7D83; }
.big__car .media > img {
max-width: 100%; }
.variants__wrapper {
padding-top: 25px;
padding-bottom: 35px; }
.variants__wrapper .outer__variants .table__wrapper {
width: 100%; }
.variants__wrapper .outer__variants .table__wrapper table {
border-collapse: collapse;
width: 100%; }
.variants__wrapper .outer__variants .table__wrapper table tr:last-child td {
border-bottom: 0px; }
.variants__wrapper .outer__variants .table__wrapper table tr td {
padding: 15px;
border-bottom: 1px solid #E6E6E6; }
.variants__wrapper .outer__variants .table__wrapper table tr td:nth-child(2) {
width: 220px; }
.variants__wrapper .outer__variants .table__wrapper table tr td .price > p {
margin: 0px;
font-size: 28px;
line-height: 20px;
font-weight: bold;
color: #209994; }
.variants__wrapper .outer__variants .table__wrapper table tr td .price > p span {
font-size: 16px;
line-height: 20px; }
.variants__wrapper .outer__variants .table__wrapper table tr td .description {
display: flex;
flex-direction: column;
align-items: flex-start; }
.variants__wrapper .outer__variants .table__wrapper table tr td .description > p {
margin-top: 0px;
margin-bottom: 2px;
font-size: 20px;
line-height: 28px;
font-weight: bold;
color: #4F4D55; }
.variants__wrapper .outer__variants .table__wrapper table tr td .description > span {
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #7F7D83; }
.variants__wrapper .outer__variants .table__wrapper table tr th {
text-align: left;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #4F4D55;
padding: 12px 16px;
background-color: #F9F9F9; }
.variants__wrapper .outer__variants > p {
text-align: center;
margin-top: 0px;
margin-bottom: 32px;
font-size: 18px;
line-height: 24px;
font-weight: 800;
font-style: italic;
color: #4F4D55;
text-transform: uppercase; }
.view__wrapper {
padding-top: 30px;
padding-bottom: 15px;
display: flex;
align-items: center;
justify-content: space-between; }
.view__wrapper .media {
display: flex;
justify-content: flex-end;
width: 100%;
max-width: 760px; }
.view__wrapper .media > .elem {
display: block;
margin-right: 15px;
position: relative;
height: 0px;
padding-bottom: 41%; }
.view__wrapper .media > .elem:nth-child(1) {
width: 43%; }
.view__wrapper .media > .elem:nth-child(2) {
width: 57%; }
.view__wrapper .media > .elem img {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 12px; }
.view__wrapper .media > .elem:last-child {
margin-right: 0px; }
.view__wrapper .desc {
max-width: 380px;
min-width: 380px;
margin-right: 40px; }
.view__wrapper .desc .controls {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 12px;
margin-top: 28px; }
.view__wrapper .desc .controls > .elem {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.view__wrapper .desc .controls > .elem.reprise > a {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: rgba(32, 153, 148, 0.15);
min-height: 36px;
border-radius: 45px;
width: 100%;
text-decoration: none;
line-height: 20px;
font-weight: 600;
color: #209994;
font-size: 14px;
transition: .4s ease all; }
.view__wrapper .desc .controls > .elem.reprise > a:hover {
background-color: #209994;
color: #fff; }
.view__wrapper .desc .controls > .elem.rdv > a {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #209994;
min-height: 36px;
border-radius: 45px;
width: 100%;
text-decoration: none;
line-height: 20px;
font-weight: 600;
color: #FFFFFF;
font-size: 14px;
transition: .4s ease all; }
.view__wrapper .desc .controls > .elem.rdv > a:hover {
opacity: .7; }
.view__wrapper .desc .controls > .elem > span {
display: block;
text-align: center;
margin-top: 4px;
font-size: 12px;
line-height: 16px;
color: #7F7D83;
font-weight: 500; }
.view__wrapper .desc > p {
margin: 0px;
font-size: 18px;
line-height: 24px;
color: #4F4D55; }
.view__wrapper .desc > h6 {
margin: 0px;
font-size: 32px;
line-height: 40px;
font-weight: bold;
color: #209994; }
.view__wrapper .desc > h6 span {
font-size: 22px;
line-height: 32px; }
.view__wrapper .desc > h2 {
margin-top: 0px;
margin-bottom: 12px;
font-size: 32px;
line-height: 40px;
font-weight: bold;
color: #1D1C20; }
.view__wrapper .desc > span {
display: inline-flex;
margin-bottom: 35px; }
.view__wrapper .desc > span img {
min-width: 45px;
max-width: 45px; }
.view__switcher {
margin-top: 60px; }
.view__switcher ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #E6E6E6; }
.view__switcher ul li {
margin-bottom: -1px; }
.view__switcher ul li > a {
transition: .4s ease all;
padding: 16px 36px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 16px;
border-bottom: 1px solid #E6E6E6;
line-height: 22px;
font-weight: 600;
color: #7F7D83; }
.view__switcher ul li > a.current {
color: #209994;
font-weight: 600;
border-color: #209994; }
.view__switcher ul li > a:hover {
color: #209994; }
.column__box {
margin-top: 35px; }
.column__box > .container > p {
margin-bottom: 20px;
margin-top: 0px;
font-size: 18px;
line-height: 24px;
font-weight: 800;
font-style: italic;
color: #4F4D55;
text-transform: uppercase;
text-align: center; }
.column__box .box {
display: flex;
justify-content: space-between;
padding: 20px 24px;
border: 1px solid #E1E1E1;
border-radius: 12px; }
.column__box .box .column {
width: 100%; }
.column__box .box .column .elem {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 8px; }
.column__box .box .column .elem:last-child {
margin-bottom: 0px; }
.column__box .box .column .elem > span {
line-height: 24px;
font-weight: 500;
color: #7F7D83;
font-size: 16px; }
.column__box .box .column .elem > p {
margin: 0px;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #2D2B32; }
.column__box .box .spacer {
min-width: 1px;
margin: 0px 48px;
background-color: #E4E4E4; }
.faq__wrapper.updated .outer__faq {
flex-direction: column;
justify-content: center;
max-width: 830px;
width: 100%;
margin-left: auto;
margin-right: auto; }
.faq__wrapper.updated .outer__faq .faq__container {
max-width: 100%; }
.faq__wrapper.updated .outer__faq .faq__desc {
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 60px; }
.faq__wrapper.updated .outer__faq .faq__desc > h6 {
color: #1D8A85; }
.partners__wrapper {
padding-top: 95px; }
.partners__wrapper .outer__partners .box {
display: flex;
justify-content: space-between;
max-width: 950px;
margin-left: auto;
margin-right: auto; }
.partners__wrapper .outer__partners > h6 {
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
font-size: 48px;
line-height: 66px;
color: #1D8A85;
font-weight: bold; }
.calculation__form {
padding-bottom: 50px; }
.calculation__form .outer__calculation {
max-width: 1070px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 55px 60px;
border-radius: 20px;
background-color: #1D8A85; }
.calculation__form .outer__calculation .form {
width: 100%;
max-width: 410px;
margin-right: 50px; }
.calculation__form .outer__calculation .form .step__three .checks {
display: flex;
align-items: center;
justify-content: flex-start; }
.calculation__form .outer__calculation .form .step__three .checks > .elem {
margin-right: 34px; }
.calculation__form .outer__calculation .form .step__three .checks > .elem .checkmark {
background-color: #FFFFFF;
border: 0px; }
.calculation__form .outer__calculation .form .step__three .checks > .elem .container__check .checkmark:after {
border-color: #1D8A85; }
.calculation__form .outer__calculation .form .step__three .checks > .elem label {
font-size: 13px;
line-height: 17px;
color: #FFFFFF;
font-weight: 500; }
.calculation__form .outer__calculation .form .step__three .checks > .elem:last-child {
margin-right: 0px; }
.calculation__form .outer__calculation .form .step__three .group__input > input {
width: 100%;
height: 48px;
background-color: #FFFFFF;
border: 1px solid #E6E6E6;
padding-left: 12px;
padding-right: 12px;
color: #000;
font-size: 14px;
font-weight: 500;
border-radius: 8px;
border: 1px solid #E6E6E6;
outline: none; }
.calculation__form .outer__calculation .form .step__three .group__input > p {
margin-top: 0px;
margin-bottom: 12px;
font-size: 16px;
line-height: 16px;
font-weight: bold;
letter-spacing: -0.03em;
color: #FFFFFF; }
.calculation__form .outer__calculation .form .step__three > p {
margin-top: 0px;
margin-bottom: 28px;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
font-weight: bold; }
.calculation__form .outer__calculation .form .step__two .group__input > input {
width: 100%;
height: 48px;
background-color: #FFFFFF;
border: 1px solid #E6E6E6;
padding-left: 12px;
padding-right: 12px;
color: #000;
font-size: 14px;
font-weight: 500;
border-radius: 8px;
border: 1px solid #E6E6E6;
outline: none; }
.calculation__form .outer__calculation .form .step__two .group__input > p {
margin-top: 0px;
margin-bottom: 12px;
font-size: 16px;
line-height: 16px;
font-weight: bold;
letter-spacing: -0.03em;
color: #FFFFFF; }
.calculation__form .outer__calculation .form .step__two > p {
margin-top: 0px;
margin-bottom: 28px;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
font-weight: bold; }
.calculation__form .outer__calculation .form .group__input {
margin-bottom: 20px; }
.calculation__form .outer__calculation .form .group__input.group__dropdown .dropdown__box {
top: 85px; }
.calculation__form .outer__calculation .form .group__input.group__dropdown .dropdown__box ul li a {
font-size: 16px; }
.calculation__form .outer__calculation .form .group__input.group__dropdown > a {
height: 48px; }
.calculation__form .outer__calculation .form .group__input.group__dropdown > a > span {
font-size: 16px;
line-height: 22px;
color: #4F4D55;
font-weight: 500; }
.calculation__form .outer__calculation .form .group__input > p {
margin-bottom: 12px;
color: #FFFFFF;
font-size: 16px;
line-height: 16px;
font-weight: bold; }
.calculation__form .outer__calculation .form .check {
margin-top: 40px; }
.calculation__form .outer__calculation .form .check .container__check {
color: #FFFFFF; }
.calculation__form .outer__calculation .form .check .container__check p {
margin: 0px; }
.calculation__form .outer__calculation .form .check .container__check p a {
color: #fff;
text-decoration: underline; }
.calculation__form .outer__calculation .form .check .container__check .checkmark:after {
border-color: #1D8A85; }
.calculation__form .outer__calculation .form .check > label {
align-items: flex-start; }
.calculation__form .outer__calculation .form .check > label .checkmark {
background-color: #FFFFFF;
border: 0px; }
.calculation__form .outer__calculation .form .group__submit {
margin-top: 24px;
display: flex;
justify-content: center;
align-items: center; }
.calculation__form .outer__calculation .form .group__submit > a, .calculation__form .outer__calculation .form .group__submit > button {
cursor: pointer;
outline: none;
border: 0px;
width: 100%;
max-width: 240px;
border-radius: 8px;
background-color: #FFFFFF;
height: 40px;
display: inline-flex;
align-items: center;
font-size: 16px;
line-height: 20px;
color: #197571;
font-weight: 600;
text-decoration: none;
transition: .3s ease all;
justify-content: center; }
.calculation__form .outer__calculation .form .group__submit > a:hover, .calculation__form .outer__calculation .form .group__submit > button:hover {
opacity: .7; }
.calculation__form .outer__calculation .form .field {
width: 100%;
margin-bottom: 20px;
padding: 8px 16px;
border-radius: 8px;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: space-between; }
.calculation__form .outer__calculation .form .field .field__main {
display: flex;
align-items: center;
justify-content: flex-end;
position: relative; }
.calculation__form .outer__calculation .form .field .field__main .irs--flat .irs-handle > i:first-child {
background: url("../img/circleback.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
.calculation__form .outer__calculation .form .field .field__main .range {
width: 145px;
position: relative;
top: -8px;
margin-right: 15px; }
.calculation__form .outer__calculation .form .field .field__main > span {
position: absolute;
right: 8px;
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 0.7); }
.calculation__form .outer__calculation .form .field .field__main > input {
width: 108px;
height: 28px;
background-color: rgba(255, 255, 255, 0.3);
border: 0px;
outline: none;
padding-left: 8px;
padding-right: 40px;
font-size: 13px;
line-height: 16px;
font-weight: 600;
color: #FFFFFF;
border-radius: 8px;
background-color: #197571; }
.calculation__form .outer__calculation .form .field > p {
margin: 0px;
font-size: 14px;
line-height: 16px;
font-weight: 600;
color: #FFFFFF; }
.calculation__form .outer__calculation .form .field > p {
color: #1D8A85;
font-weight: bold; }
.calculation__form .outer__calculation .form .field:last-child {
margin-bottom: 0px; }
.calculation__form .outer__calculation .form > p {
margin-top: 0px;
margin-bottom: 28px;
font-size: 24px;
line-height: 24px;
font-weight: 800;
text-transform: uppercase;
color: #FFFFFF;
font-style: italic; }
.calculation__form .outer__calculation .results {
max-width: 415px;
min-width: 415px; }
.calculation__form .outer__calculation .results > h6 {
margin-top: 0px;
margin-bottom: 28px;
font-size: 24px;
line-height: 24px;
font-style: italic;
color: #FFFFFF;
font-weight: 800;
text-transform: uppercase; }
.calculation__form .outer__calculation .results .box {
padding: 48px 40px;
background-color: rgba(0, 0, 0, 0.15);
border-radius: 10px; }
.calculation__form .outer__calculation .results .box .list > .el {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
justify-content: space-between; }
.calculation__form .outer__calculation .results .box .list > .el:last-child {
margin-bottom: 0px; }
.calculation__form .outer__calculation .results .box .list > .el > p {
margin: 0px;
margin-left: 10px;
text-align: right;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
font-weight: 600; }
.calculation__form .outer__calculation .results .box .list > .el > span {
display: block;
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 0.8); }
.calculation__form .outer__calculation .results .box .estimated {
text-align: center; }
.calculation__form .outer__calculation .results .box .estimated > span {
display: block;
text-align: center;
font-size: 16px;
line-height: 16px;
color: rgba(255, 255, 255, 0.8);
font-weight: 500; }
.calculation__form .outer__calculation .results .box .estimated > p {
margin: 0px;
font-size: 48px;
line-height: 66px;
color: #FFFFFF;
font-weight: bold; }
.calculation__form .outer__calculation .results .box .list {
margin-bottom: 48px; }
.row__features {
padding: 50px 0px; }
.row__features .outer__row {
max-width: 890px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: space-between; }
.row__features .outer__row > .elem {
display: flex;
align-items: center;
justify-content: flex-start; }
.row__features .outer__row > .elem > span {
display: inline-flex;
margin-right: 8px; }
.row__features .outer__row > .elem .desc {
position: relative;
top: -2px; }
.row__features .outer__row > .elem .desc > p {
margin: 0px;
font-size: 16px;
line-height: 20px;
color: #7F7D83;
font-weight: 600; }
.form__hero .outer__form--hero form .group__input > a {
border: 1px solid #E6E6E6; }
.form__hero.updated .outer__form--hero {
padding: 40px 80px;
padding-right: 160px;
background: url("../img/heroupdated.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center left; }
.form__hero.updated .outer__form--hero form > .group__input > input {
width: 100%;
height: 34px;
border-radius: 8px;
font-weight: 500;
color: #000;
outline: none;
padding-left: 12px;
padding-right: 12px;
border: 1px solid #E6E6E6; }
.form__hero.updated .outer__form--hero > .desc {
max-width: 600px; }
.form__hero.updated .outer__form--hero > .desc > h2 {
font-size: 32px;
line-height: 40px;
margin-bottom: 15px;
letter-spacing: -0.03em; }
.form__hero.updated .outer__form--hero > .desc > p {
margin: 0px;
font-size: 16px;
line-height: 20px;
color: rgba(255, 255, 255, 0.8); }
.form__hero.updated .outer__form--hero > .desc > p span {
color: #209994;
font-weight: bold; }
.form__hero.updated .outer__form--hero > .desc {
margin-right: 50px; }
.calculation__form .outer__calculation .form .step__three .checks {
flex-wrap: wrap;
margin-top: -5px;
margin-left: -12px; }
.calculation__form .outer__calculation .form .step__three .checks > .elem {
margin: 5px 12px; }
.instagram__popup {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 3;
background-color: rgba(0, 0, 0, 0.7); }
.instagram__popup > .inner {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 25px 15px; }
.instagram__popup > .inner > .box {
max-width: 720px;
width: 100%;
padding: 40px 70px;
background-color: #FFFFFF;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: space-between; }
.instagram__popup > .inner > .box .desc > .info {
margin-top: 40px; }
.instagram__popup > .inner > .box .desc > .info > span {
display: block;
font-size: 13px;
line-height: 20px;
color: #4F4D55;
text-align: center;
font-weight: 600;
margin-bottom: 25px; }
.instagram__popup > .inner > .box .desc > .info > a {
text-align: center;
display: inline-flex;
font-size: 14px;
line-height: 24px;
color: #197571;
font-weight: 500;
width: 100%;
align-items: center;
justify-content: center;
text-decoration: none;
transition: .3s ease all; }
.instagram__popup > .inner > .box .desc > .info > a:hover {
opacity: .7; }
.instagram__popup > .inner > .box .desc > .info .btn {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 10px; }
.instagram__popup > .inner > .box .desc > .info .btn > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
border-radius: 8px;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
background: linear-gradient(to right, #FFA34B, #EA4968, #A431C0);
font-weight: 600;
letter-spacing: -0.02em;
transition: .3s ease all; }
.instagram__popup > .inner > .box .desc > .info .btn > a:hover {
opacity: .7; }
.instagram__popup > .inner > .box .desc > .info .btn > a span {
display: inline-flex;
margin-right: 8px; }
.instagram__popup > .inner > .box .desc > h6 {
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
font-size: 32px;
line-height: 40px;
color: #E34576;
font-weight: bold;
letter-spacing: -0.03em; }
.instagram__popup > .inner > .box .desc > p {
text-align: center;
margin: 0px;
font-size: 14px;
line-height: 20px;
color: #4F4D55;
font-weight: bold; }
.instagram__popup > .inner > .box .desc > span {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px; }
.instagram__popup > .inner > .box .media {
margin-left: 50px;
display: inline-flex; }
.instagram__popup > .inner > .box .media img {
max-width: 240px;
min-width: 240px; }
.countdown__popup {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 3;
background-color: rgba(0, 0, 0, 0.7); }
.countdown__popup > .inner {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 25px 15px; }
.countdown__popup > .inner .box {
border-radius: 20px;
background-color: #1D8A85;
overflow: hidden;
width: 100%;
max-width: 960px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between; }
.countdown__popup > .inner .box .left {
width: 50%;
padding: 40px; }
.countdown__popup > .inner .box .left .bottom__info {
text-align: center; }
.countdown__popup > .inner .box .left .bottom__info > a {
display: inline-flex;
font-size: 14px;
line-height: 24px;
color: #FFFFFF;
font-weight: 500;
text-decoration: none;
margin-top: 20px;
transition: .3s ease all; }
.countdown__popup > .inner .box .left .bottom__info > a:hover {
opacity: .7; }
.countdown__popup > .inner .box .left .bottom__info .btn {
display: flex;
justify-content: center;
align-items: center; }
.countdown__popup > .inner .box .left .bottom__info .btn > a {
min-height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
padding-left: 20px;
padding-right: 20px;
border-radius: 8px;
background-color: #FFFFFF;
text-decoration: none;
font-size: 16px;
line-height: 20px;
color: #1D8A85;
font-weight: 600;
letter-spacing: -0.02em;
transition: .3s ease all; }
.countdown__popup > .inner .box .left .bottom__info .btn > a:hover {
opacity: .7; }
.countdown__popup > .inner .box .left .bottom__info > p {
text-align: center;
margin-top: 0px;
margin-bottom: 20px;
font-size: 13px;
line-height: 20px;
color: #fff; }
.countdown__popup > .inner .box .left .bottom__info > p span {
font-weight: bold; }
.countdown__popup > .inner .box .left .timer {
margin-bottom: 30px;
margin-top: 30px;
display: flex;
align-items: center;
max-width: 360px;
margin-left: auto;
margin-right: auto;
justify-content: space-between; }
.countdown__popup > .inner .box .left .timer > .el {
width: 100%;
max-width: 105px;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 16px 10px;
background-color: rgba(0, 0, 0, 0.15); }
.countdown__popup > .inner .box .left .timer > .el > p {
margin: 0px;
font-size: 20px;
line-height: 32px;
font-weight: 500;
color: #FFFFFF; }
.countdown__popup > .inner .box .left .timer > .el > span {
display: block;
text-align: center;
font-size: 64px;
line-height: 64px;
color: #FFFFFF;
font-weight: bold;
margin-bottom: 15px; }
.countdown__popup > .inner .box .left > h6 {
text-align: center;
margin-top: 0px;
margin-bottom: 30px;
font-size: 32px;
line-height: 38px;
color: #FFFFFF;
font-weight: bold; }
.countdown__popup > .inner .box .left > p {
margin: 0px;
text-align: center;
font-size: 16px;
line-height: 30px;
color: #FFFFFF;
font-weight: 600; }
.countdown__popup > .inner .box .right {
width: 50%; }
.countdown__popup > .inner .box .right > img {
width: 100%;
height: 100%;
object-fit: cover; }
.finance__popup {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 3;
background-color: rgba(0, 0, 0, 0.7); }
.finance__popup > .inner {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 25px 15px; }
.finance__popup > .inner > .box {
width: 100%;
max-width: 540px;
padding: 20px;
background-color: #FFFFFF;
border-radius: 27px;
max-height: 100%;
overflow-y: auto; }
.finance__popup > .inner > .box .bottom {
text-align: center; }
.finance__popup > .inner > .box .bottom .btn {
display: flex;
justify-content: center;
align-items: center; }
.finance__popup > .inner > .box .bottom .btn > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
background-color: #197571;
border-radius: 8px;
text-decoration: none;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600;
transition: .3s ease all;
padding-left: 35px;
padding-right: 35px; }
.finance__popup > .inner > .box .bottom .btn > a:hover {
opacity: .7; }
.finance__popup > .inner > .box .bottom > a {
display: inline-flex;
margin-bottom: 10px;
font-size: 14px;
line-height: 30px;
color: #197571;
font-weight: bold;
text-decoration: none;
transition: .3s ease all; }
.finance__popup > .inner > .box .bottom > a:hover {
opacity: .7; }
.finance__popup > .inner > .box .total {
max-width: 360px;
margin-left: auto;
margin-right: auto;
padding-top: 22px;
border-top: 1px solid #DCDCDE;
margin-bottom: 20px; }
.finance__popup > .inner > .box .total > .el {
display: flex;
margin-bottom: 20px;
align-items: center;
justify-content: space-between; }
.finance__popup > .inner > .box .total > .el:last-child {
margin-bottom: 0px; }
.finance__popup > .inner > .box .total > .el > span {
font-size: 16px;
line-height: 16px;
font-weight: 400;
color: #4F4D55;
font-weight: 400; }
.finance__popup > .inner > .box .total > .el > p {
margin: 0px;
font-size: 16px;
line-height: 22px;
color: #1D8A85;
font-weight: bold; }
.finance__popup > .inner > .box > p {
text-align: center;
font-size: 14px;
line-height: 22px;
color: #4F4D55;
max-width: 440px;
margin-left: auto;
margin-right: auto; }
.finance__popup > .inner > .box > p a {
color: #197571;
font-weight: 600;
text-decoration: none; }
.finance__popup > .inner > .box > h6 {
max-width: 440px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 0px;
margin-bottom: 18px;
font-size: 20px;
line-height: 25px;
color: #197571;
font-weight: bold; }
.finance__popup > .inner > .box .head {
text-align: center;
padding: 40px 20px;
border-radius: 12px;
background: url("../img/backimage.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-bottom: 15px; }
.finance__popup > .inner > .box .head > p {
margin: 0px;
font-size: 32px;
line-height: 40px;
font-weight: bold;
color: #FFFFFF; }
.login__section {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 100vh; }
.login__section .box {
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto; }
.login__section .box .step__two > h6 {
margin-top: 0px;
margin-bottom: 19px;
text-align: center;
font-size: 24px;
line-height: 25px;
font-weight: bold;
color: #209994; }
.login__section .box .step__two > .resend {
margin-top: 40px;
display: flex;
justify-content: center;
align-items: center; }
.login__section .box .step__two > .resend > a {
display: inline-flex;
align-items: center;
text-decoration: none;
font-size: 14px;
line-height: 25px;
font-weight: bold;
color: #2BB5B7;
transition: .3s ease all; }
.login__section .box .step__two > .resend > a:hover {
opacity: .7; }
.login__section .box .step__two .digits {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 34px; }
.login__section .box .step__two .digits .digit {
margin-right: 8px; }
.login__section .box .step__two .digits .digit:last-child {
margin-right: 0px; }
.login__section .box .step__two .digits .digit > input {
width: 52px;
height: 63px;
border-radius: 10px;
border: 1px solid #E1E1E1;
text-align: center;
font-size: 28px;
line-height: 32px;
color: #000;
outline: none; }
.login__section .box .step__two > p {
text-align: center;
margin-top: 0px;
margin-bottom: 15px;
font-size: 14px;
line-height: 18px;
color: #595E6A;
font-family: "Inter" ,sans-serif; }
.login__section .box .step__one .group__check {
margin-top: 30px; }
.login__section .box .step__one .group__check > .container__check {
display: flex;
align-items: flex-start;
justify-content: flex-start; }
.login__section .box .step__one .group__check > .container__check .checkmark {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 24px;
max-width: 24px;
min-height: 24px;
max-height: 24px;
border-radius: 4px; }
.login__section .box .step__one .group__check > .container__check p {
margin: 0px;
font-size: 12px;
line-height: 16px;
color: #2D2B32; }
.login__section .box .step__one .group__check > .container__check p a {
font-weight: 500;
color: #2D2B32; }
.login__section .box .step__one .group__input {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative; }
.login__section .box .step__one .group__input > span {
display: inline-flex;
position: absolute;
left: 16px; }
.login__section .box .step__one .group__input > input {
height: 56px;
border: 1px solid #CFCFCF;
border-radius: 8px;
padding-left: 52px;
padding-right: 20px;
font-family: "Inter" ,sans-serif;
font-size: 16px;
line-height: 25px;
font-weight: 400;
outline: none;
color: #000;
width: 100%; }
.login__section .box .step__one .group__input > input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #ADADAD; }
.login__section .box .step__one .group__input > input::-moz-placeholder {
/* Firefox 19+ */
color: #ADADAD; }
.login__section .box .step__one .group__input > input:-ms-input-placeholder {
/* IE 10+ */
color: #ADADAD; }
.login__section .box .step__one .group__input > input:-moz-placeholder {
/* Firefox 18- */
color: #ADADAD; }
.login__section .box .group__submit {
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px; }
.login__section .box .group__submit > button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 54px;
border-radius: 12px;
background-color: #209994;
font-size: 16px;
line-height: 25px;
color: #FFFFFF;
font-weight: 600;
cursor: pointer;
outline: none;
font-family: "Inter" ,sans-serif;
border: 0px;
transition: .3s ease all; }
.login__section .box .group__submit > button.disabled {
pointer-events: none;
opacity: .7; }
.login__section .box .group__submit > button:hover {
opacity: .7; }
.login__section .box > h6 {
margin-top: 0px;
margin-bottom: 20px;
font-size: 32px;
line-height: 32px;
color: #209994;
font-weight: bold;
font-family: "Inter" ,sans-serif;
text-align: center; }
.login__section .box > p {
text-align: left;
font-size: 16px;
line-height: 25px;
font-weight: 400;
font-family: "Inter" ,sans-serif;
color: #2A3547;
margin-top: 0px;
margin-bottom: 10px; }
.login__section .box .logo {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 48px; }
.login__section .box .logo > a {
display: inline-flex;
align-items: center;
justify-content: center; }
.login__section .box .logo > a img {
max-width: 205px; }
.seller__section .outer__seller {
min-height: 100vh;
padding: 35px 0px;
display: flex;
align-items: center; }
.seller__section .outer__seller .box {
width: 100%;
display: flex;
justify-content: space-between; }
.seller__section .outer__seller .box .details__information {
width: 100%;
margin-left: 45px;
display: flex;
flex-direction: column;
justify-content: space-between; }
.seller__section .outer__seller .box .details__information .bottom__part {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 45px; }
.seller__section .outer__seller .box .details__information .bottom__part .whatsapp {
display: inline-flex;
align-items: center;
justify-content: center; }
.seller__section .outer__seller .box .details__information .bottom__part .whatsapp > a {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
min-height: 40px;
padding-left: 13px;
padding-right: 13px;
border-radius: 8px;
background-color: #E9F8F8;
transition: .3s ease all;
font-size: 14px;
line-height: 24px;
font-weight: 600;
color: #209994;
letter-spacing: -0.03em; }
.seller__section .outer__seller .box .details__information .bottom__part .whatsapp > a:hover {
opacity: .7; }
.seller__section .outer__seller .box .details__information .bottom__part .whatsapp > a > span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 8px; }
.seller__section .outer__seller .box .details__information .bottom__part > a {
display: inline-flex; }
.seller__section .outer__seller .box .details__information .bottom__part > a img {
max-width: 145px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 45px;
margin-top: 20px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 12px;
border: 1px solid #E7E7E7;
border-radius: 12px;
margin-bottom: 19px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el:last-child {
margin-bottom: 0px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .right__part {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: 7px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .right__part .price {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 30px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
line-height: 22px;
font-weight: bold;
color: #209994;
background-color: #E9F8F8;
border-radius: 250px;
margin-right: 10px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .right__part > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
border-radius: 8px;
background-color: rgba(215, 95, 95, 0.1);
padding-left: 11px;
padding-right: 11px;
font-size: 16px;
line-height: 16px;
text-decoration: none;
color: #D75F5F;
font-weight: 600; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .left__part {
display: flex;
flex-direction: column;
align-items: flex-start; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .left__part ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: flex-start;
justify-content: flex-start; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .left__part ul > li {
font-size: 12px;
line-height: 18px;
color: #2A3547;
font-weight: 500; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .left__part ul > li:nth-child(1) {
min-width: 50px;
margin-right: 10px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .left__part > span {
display: block;
margin-bottom: 3px;
font-size: 12px;
line-height: 18px;
color: #209994;
font-weight: bold; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box {
padding: 16px;
border-radius: 24px;
background-color: #E9F8F8;
flex-direction: column; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box ul {
padding: 0px;
list-style-type: none;
margin: 0px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box ul > li {
margin-bottom: 9px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
font-size: 16px;
line-height: 24px;
color: #2A3547;
font-weight: 500; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box ul > li > span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 8px;
position: relative;
top: 2px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box ul > li:last-child {
margin-bottom: 0px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box .btn {
display: flex;
justify-content: flex-end;
align-items: center;
margin-top: 6px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box .btn > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
border-radius: 8px;
background-color: #FFFFFF;
padding-left: 12px;
padding-right: 12px;
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #D75F5F;
transition: .3s ease all;
text-decoration: none; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box .btn > a:hover {
opacity: .7; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .title__ {
margin-bottom: 8px;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 40px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .title__ > a {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
min-height: 40px;
padding-left: 15px;
padding-right: 15px;
border-radius: 8px;
background-color: #FBEFEF;
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #D75F5F; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .title__ > h6 {
padding-left: 12px;
margin: 0px;
font-size: 20px;
line-height: 22px;
font-weight: 500;
color: #2A3547; }
.seller__section .outer__seller .box .details__information .top__part .price__info {
border-radius: 24px;
background-color: #F9F9F9;
padding: 22px 20px;
display: flex;
align-items: center;
justify-content: space-between; }
.seller__section .outer__seller .box .details__information .top__part .price__info .left {
display: flex;
align-items: center;
justify-content: flex-start; }
.seller__section .outer__seller .box .details__information .top__part .price__info .left > .el {
margin-right: 50px; }
.seller__section .outer__seller .box .details__information .top__part .price__info .left > .el.price1 .price {
color: #209994;
font-size: 24px;
font-weight: 800; }
.seller__section .outer__seller .box .details__information .top__part .price__info .left > .el.price1 .field {
font-weight: 800;
color: #209994; }
.seller__section .outer__seller .box .details__information .top__part .price__info .left > .el.price2 .price {
font-size: 24px; }
.seller__section .outer__seller .box .details__information .top__part .price__info .left > .el > p {
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #2A3547; }
.seller__section .outer__seller .box .details__information .top__part .price__info .left > .el:last-child {
margin-right: 0px; }
.seller__section .outer__seller .box .details__information .top__part .price__info .right {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 15px; }
.seller__section .outer__seller .box .details__information .top__part .price__info .right > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
border-radius: 8px;
background-color: #FFFFFF;
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #D75F5F;
transition: .3s ease all; }
.seller__section .outer__seller .box .details__information .top__part .price__info .right > a:hover {
opacity: .7; }
.seller__section .outer__seller .box .details__information .top__part .title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px; }
.seller__section .outer__seller .box .details__information .top__part .title > h6 {
margin: 0px;
font-size: 24px;
line-height: 32px;
font-weight: 800;
color: #2A3547;
text-transform: uppercase;
margin-right: 15px; }
.seller__section .outer__seller .box .details__information .top__part .title > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding-left: 11px;
padding-right: 11px;
text-decoration: none;
border-radius: 8px;
background-color: rgba(215, 95, 95, 0.1);
font-size: 16px;
font-weight: 600;
color: #D75F5F;
transition: .3s ease all; }
.seller__section .outer__seller .box .details__information .top__part .title > a:hover {
opacity: .7; }
.seller__section .outer__seller .box .details__information .top__part > .details__list {
margin-bottom: 40px; }
.seller__section .outer__seller .box .details__information .top__part > .details__list > ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: center; }
.seller__section .outer__seller .box .details__information .top__part > .details__list > ul > li {
width: 100%;
margin-right: 17px;
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 20px;
font-weight: 600;
border-radius: 250px; }
.seller__section .outer__seller .box .details__information .top__part > .details__list > ul > li.views {
color: #209994;
background-color: #E9F8F8; }
.seller__section .outer__seller .box .details__information .top__part > .details__list > ul > li.leads {
color: #086864;
background-color: #D7EAE9; }
.seller__section .outer__seller .box .details__information .top__part > .details__list > ul > li.offers {
color: #539BFF;
background-color: #EBF3FE; }
.seller__section .outer__seller .box .details__information .top__part > .details__list > ul > li.rdvs {
color: #FFAE1F;
background-color: #FEF5E5; }
.seller__section .outer__seller .box .details__information .top__part > .details__list > ul > li span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 10px; }
.seller__section .outer__seller .box .details__information .top__part > .details__list > ul > li:last-child {
margin-right: 0px; }
.seller__section .outer__seller .box .card {
min-width: 370px;
max-width: 370px;
padding: 20px;
border-radius: 24px;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 0.6px rgba(0, 0, 0, 0.1);
padding-bottom: 50px; }
.seller__section .outer__seller .box .card .conditions {
margin-top: 14px; }
.seller__section .outer__seller .box .card .conditions > a {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12px;
line-height: 16px;
color: #209994;
font-weight: 500; }
.seller__section .outer__seller .box .card .cta > a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 54px;
border-radius: 12px;
background-color: #209994;
text-decoration: none;
font-size: 16px;
line-height: 16px;
color: #FFFFFF;
font-weight: 600;
transition: .3s ease all; }
.seller__section .outer__seller .box .card .cta > a:hover {
opacity: .7; }
.seller__section .outer__seller .box .card .information {
margin-top: 15px;
margin-bottom: 15px; }
.seller__section .outer__seller .box .card .information > .row {
display: flex;
align-items: center;
padding-left: 12px;
padding-right: 12px;
justify-content: space-between;
margin-bottom: 10px; }
.seller__section .outer__seller .box .card .information > .row > span {
display: block;
font-size: 16px;
line-height: 22px;
font-weight: 600;
text-align: right;
color: #2A3547; }
.seller__section .outer__seller .box .card .information > .row > p {
margin: 0px;
font-size: 12px;
line-height: 16px;
font-weight: 500;
color: #7F7D83;
margin-right: 12px;
white-space: nowrap; }
.seller__section .outer__seller .box .card .information > .row:last-child {
margin-bottom: 0px; }
.seller__section .outer__seller .box .card .small__list {
margin-top: 14px;
margin-bottom: 14px; }
.seller__section .outer__seller .box .card .small__list ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
flex-wrap: wrap;
margin-left: -4px;
margin-top: -4px; }
.seller__section .outer__seller .box .card .small__list ul > li {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 250px;
background-color: #F9F9F9;
margin: 4px;
padding-left: 12px;
padding-right: 12px;
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #2D2B32;
min-height: 34px; }
.seller__section .outer__seller .box .card .small__list ul > li span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 6px; }
.seller__section .outer__seller .box .card .btns {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 13px; }
.seller__section .outer__seller .box .card .btns > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
border-radius: 250px;
transition: .3s ease all; }
.seller__section .outer__seller .box .card .btns > a:hover {
opacity: .7; }
.seller__section .outer__seller .box .card .btns > a.public {
min-height: 40px;
border-radius: 250px;
font-size: 14px;
line-height: 20px;
font-weight: 600;
color: #539BFF;
letter-spacing: -0.02em;
text-decoration: none;
background-color: #EBF3FE; }
.seller__section .outer__seller .box .card .btns > a.certificate {
background-color: #209994;
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none; }
.seller__section .outer__seller .box .card > .media {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 14px; }
.seller__section .outer__seller .box .card > .media > img {
max-width: 100%;
border-radius: 12px; }
.popup__edit {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 6;
background-color: rgba(0, 0, 0, 0.4); }
.popup__edit.listing .inner .box form .group__submit {
margin-top: 30px; }
.popup__edit .choice__wrapper > .elem__choice {
margin-bottom: 15px; }
.popup__edit .choice__wrapper > .elem__choice.current > .el > span:before {
opacity: 1; }
.popup__edit .choice__wrapper > .elem__choice .inn {
width: 100%;
margin-bottom: 7px;
padding-bottom: 15px;
position: relative;
margin-top: 14px; }
.popup__edit .choice__wrapper > .elem__choice .inn > .group__input {
margin-bottom: 15px; }
.popup__edit .choice__wrapper > .elem__choice .inn > .group__input > p {
margin-top: 0px;
margin-bottom: 12px;
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: #2D2B32; }
.popup__edit .choice__wrapper > .elem__choice .inn > .group__input > textarea {
width: 100%;
height: 88px;
padding-left: 12px;
padding-right: 12px;
border: 1px solid #E6E6E6;
padding-top: 12px;
border-radius: 8px;
outline: none;
resize: none;
font-size: 14px;
line-height: 16px;
font-weight: bold; }
.popup__edit .choice__wrapper > .elem__choice .inn > .group__input > input {
width: 100%;
height: 48px;
padding-left: 12px;
padding-right: 12px;
border: 1px solid #E6E6E6;
border-radius: 8px;
outline: none;
font-size: 14px;
line-height: 16px;
font-weight: bold; }
.popup__edit .choice__wrapper > .elem__choice .inn:before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
background-color: #E6E6E6;
bottom: 7px;
height: 1px;
width: calc(100% - 50px); }
.popup__edit .choice__wrapper > .elem__choice > .el {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 48px;
border: 1px solid #E6E6E6;
border-radius: 8px;
padding-left: 12px;
cursor: pointer;
padding-right: 12px; }
.popup__edit .choice__wrapper > .elem__choice > .el > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 23px;
max-width: 23px;
min-height: 23px;
max-height: 23px;
border-radius: 250px;
border: 1px solid #CFCFCF;
position: relative; }
.popup__edit .choice__wrapper > .elem__choice > .el > span:before {
content: "";
position: absolute;
left: -1px;
top: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
border-radius: 250px;
background: url("../img/chwhite.svg");
background-repeat: no-repeat;
background-size: 12px;
background-position: center;
background-color: #34A853;
transition: .3s ease all;
opacity: 0; }
.popup__edit .choice__wrapper > .elem__choice > .el > p {
margin: 0px;
font-size: 14px;
line-height: 16px;
font-weight: bold;
color: #2D2B32; }
.popup__edit .choice__wrapper > .elem__choice:last-child {
margin-bottom: 0px; }
.popup__edit .date__pick {
font-weight: 500 !important; }
.popup__edit .group__dropdown--separate.picked > a > span {
color: #000; }
.popup__edit .group__dropdown--separate > a {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 34px;
background-color: #FFFFFF;
border-radius: 8px;
background-color: #fff;
padding-left: 12px;
text-decoration: none;
padding-right: 12px;
border: 1px solid #E6E6E6;
border-radius: 8px;
height: 48px; }
.popup__edit .group__dropdown--separate > a > img {
transition: .4s ease all; }
.popup__edit .group__dropdown--separate > a > span {
color: #7F7D83;
font-size: 14px;
line-height: 22px;
font-weight: bold !important; }
.popup__edit .group__dropdown--separate > a > span {
font-weight: 500; }
.popup__edit .group__dropdown--separate .dropdown__box {
top: 80px !important;
max-height: 160px; }
.popup__edit > .inner {
padding: 25px 15px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%; }
.popup__edit > .inner .box {
width: 100%;
max-width: 480px;
padding: 18px 25px;
background-color: #FFFFFF;
border-radius: 24px; }
.popup__edit > .inner .box form .group__submit {
margin-top: 45px;
display: flex;
justify-content: center;
align-items: center; }
.popup__edit > .inner .box form .group__submit.double {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 15px; }
.popup__edit > .inner .box form .group__submit.double > .remove__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 64px;
border: 1px solid #D75F5F;
border-radius: 12px;
text-decoration: none;
font-size: 16px;
line-height: 16px;
color: #D75F5F;
font-weight: 500;
font-family: "Inter" ,sans-serif; }
.popup__edit > .inner .box form .group__submit > button {
display: inline-flex;
align-items: center;
justify-content: center;
height: 64px;
border-radius: 12px;
background-color: #209994;
cursor: pointer;
outline: none;
border: 0px;
width: 100%;
font-family: "Inter" ,sans-serif;
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: #fff;
transition: .3s ease all; }
.popup__edit > .inner .box form .group__submit > button:hover {
opacity: .7; }
.popup__edit > .inner .box form > .group__input {
margin-bottom: 15px; }
.popup__edit > .inner .box form > .group__input > p {
margin-top: 0px;
margin-bottom: 12px;
font-size: 14px;
line-height: 16px;
font-weight: 500;
color: #2D2B32; }
.popup__edit > .inner .box form > .group__input > textarea {
width: 100%;
height: 88px;
padding-left: 12px;
padding-right: 12px;
border: 1px solid #E6E6E6;
padding-top: 12px;
border-radius: 8px;
outline: none;
resize: none;
font-size: 14px;
line-height: 16px;
font-weight: bold; }
.popup__edit > .inner .box form > .group__input > input {
width: 100%;
height: 48px;
padding-left: 12px;
padding-right: 12px;
border: 1px solid #E6E6E6;
border-radius: 8px;
outline: none;
font-size: 14px;
line-height: 16px;
font-weight: bold; }
.popup__edit > .inner .box .title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 18px; }
.popup__edit > .inner .box .title > p {
margin: 0px;
font-size: 16px;
line-height: 25px;
font-weight: bold;
font-family: "Inter" ,sans-serif;
color: #2A3547; }
.popup__edit > .inner .box .title > a {
display: inline-flex;
align-items: center;
justify-content: center;
transition: .3s ease all; }
.popup__edit > .inner .box .title > a:hover {
opacity: .7; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .right__part > a {
transition: .3s ease all; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .right__part > a:hover {
opacity: .7; }
.popup__edit.confirm .inner > .box {
padding-top: 40px; }
.popup__edit.confirm .btns {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 15px; }
.popup__edit.confirm .btns > .accept__btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 64px;
background-color: #D75F5F;
text-decoration: none;
font-size: 16px;
line-height: 16px;
font-weight: 500;
font-family: "Inter", sans-serif;
color: #FFFFFF;
border-radius: 12px;
transition: .3s ease all; }
.popup__edit.confirm .btns > .accept__btn:hover {
opacity: .7; }
.popup__edit.confirm .btns > .decline__btn {
display: inline-flex;
align-items: center;
width: 100%;
height: 64px;
border-radius: 12px;
border: 1px solid #D75F5F;
text-decoration: none;
justify-content: center;
font-size: 16px;
line-height: 16px;
font-weight: 500;
font-family: "Inter" ,sans-serif;
color: #D75F5F;
transition: .3s ease all; }
.popup__edit.confirm .btns > .decline__btn:hover {
opacity: .7; }
.popup__edit.confirm .inner > .box .title {
position: relative;
justify-content: center;
margin-bottom: 25px; }
.popup__edit.confirm .inner > .box .title > a {
position: absolute;
top: -22px;
right: 0px; }
.popup__edit.confirm .inner > .box .title > p {
text-align: center;
font-size: 16px;
line-height: 25px;
font-weight: bold;
color: #D75F5F;
font-family: "Inter" ,sans-serif; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .right__part .price {
white-space: nowrap; }
.seller__section .outer__seller .box .details__information .top__part .price__info .left > .el > p {
margin: 0px; }
.seller__section .outer__seller .box .details__information .top__part .price__info .left > .el.price2 .price {
font-weight: 600; }
.hours__picker.popup__edit .group__submit, .localization__picker.popup__edit .group__submit, .day__picker.popup__edit .group__submit {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-top: 35px;
grid-column-gap: 12px; }
.hours__picker.popup__edit .group__submit > a.cancel__pick, .localization__picker.popup__edit .group__submit > a.cancel__pick, .day__picker.popup__edit .group__submit > a.cancel__pick {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 64px;
border: 1px solid #209994;
border-radius: 12px;
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: #209994;
text-decoration: none;
transition: .3s ease all;
font-family: "Inter" ,sans-serif; }
.hours__picker.popup__edit .group__submit > a.cancel__pick:hover, .localization__picker.popup__edit .group__submit > a.cancel__pick:hover, .day__picker.popup__edit .group__submit > a.cancel__pick:hover {
background-color: #209994;
color: #fff; }
.hours__picker.popup__edit .group__submit > button, .localization__picker.popup__edit .group__submit > button, .day__picker.popup__edit .group__submit > button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 64px;
border-radius: 12px;
background-color: #209994;
font-size: 16px;
line-height: 25px;
color: #FFFFFF;
font-weight: 600;
cursor: pointer;
outline: none;
font-family: "Inter" ,sans-serif;
border: 0px;
transition: .3s ease all; }
.hours__picker.popup__edit .group__submit > button.disabled, .localization__picker.popup__edit .group__submit > button.disabled, .day__picker.popup__edit .group__submit > button.disabled {
pointer-events: none;
opacity: .7; }
.hours__picker.popup__edit .group__submit > button:hover, .localization__picker.popup__edit .group__submit > button:hover, .day__picker.popup__edit .group__submit > button:hover {
opacity: .7; }
.hours__picker.popup__edit .box .complex__field ul, .localization__picker.popup__edit .box .complex__field ul, .day__picker.popup__edit .box .complex__field ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: block; }
.hours__picker.popup__edit .box .complex__field ul > li, .localization__picker.popup__edit .box .complex__field ul > li, .day__picker.popup__edit .box .complex__field ul > li {
width: 100%;
margin-bottom: 12px; }
.hours__picker.popup__edit .box .complex__field ul > li > a, .localization__picker.popup__edit .box .complex__field ul > li > a, .day__picker.popup__edit .box .complex__field ul > li > a {
width: 100%;
text-decoration: none;
padding-left: 12px;
padding-right: 12px;
position: relative;
font-size: 14px;
line-height: 16px;
font-weight: bold;
color: #2D2B32;
display: inline-flex;
align-items: center;
justify-content: flex-start;
height: 48px;
border-radius: 8px;
border: 1px solid #E6E6E6; }
.hours__picker.popup__edit .box .complex__field ul > li > a.picked span:before, .localization__picker.popup__edit .box .complex__field ul > li > a.picked span:before, .day__picker.popup__edit .box .complex__field ul > li > a.picked span:before {
opacity: 1; }
.hours__picker.popup__edit .box .complex__field ul > li > a span, .localization__picker.popup__edit .box .complex__field ul > li > a span, .day__picker.popup__edit .box .complex__field ul > li > a span {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 23px;
max-width: 23px;
min-height: 23px;
right: 12px;
max-height: 23px;
border-radius: 250px;
border: 1px solid #CFCFCF; }
.hours__picker.popup__edit .box .complex__field ul > li > a span:before, .localization__picker.popup__edit .box .complex__field ul > li > a span:before, .day__picker.popup__edit .box .complex__field ul > li > a span:before {
content: "";
position: absolute;
left: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -1px;
border-radius: 250px;
opacity: 0;
transition: .3s ease all;
background: url("../img/chwhite.svg");
background-repeat: no-repeat;
background-size: 12px;
background-color: #34A853;
background-position: center; }
.hours__picker.popup__edit .box .complex__field ul > li:last-child, .localization__picker.popup__edit .box .complex__field ul > li:last-child, .day__picker.popup__edit .box .complex__field ul > li:last-child {
margin-bottom: 0px; }
.hours__picker.popup__edit .box .complex__field > p, .localization__picker.popup__edit .box .complex__field > p, .day__picker.popup__edit .box .complex__field > p {
margin-top: 0px;
margin-bottom: 12px;
font-size: 14px;
line-height: 16px;
font-weight: 500;
letter-spacing: -0.03em;
color: #2D2B32; }
.popup__edit.hours__picker > .inner > .box, .popup__edit.localization__picker > .inner > .box, .popup__edit.day__picker > .inner > .box {
max-height: 100%;
overflow-y: auto; }
.popup__edit > .inner .box form > .group__input > input.date__pick {
font-weight: bold !important; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box .btn > p {
display: none; }
.elem__separate {
display: none; }
.popup__edit .group__dropdown--separate > a > span {
width: calc(100% - 20px);
text-overflow: ellipsis;
overflow: hidden;
width: calc(100% - 30px);
white-space: nowrap; }
.popup__edit > .inner .box form .group__submit.double > .remove__btn {
transition: .3s ease all; }
.popup__edit > .inner .box form .group__submit.double > .remove__btn:hover {
background-color: #D75F5F;
color: #fff; }
.faq__wrapper.inline .outer__faq {
flex-direction: column;
align-items: center;
justify-content: center; }
.faq__wrapper.inline .outer__faq .faq__desc {
text-align: center;
margin-right: 0px;
margin-bottom: 60px; }
.faq__wrapper.inline .outer__faq .faq__desc > h6 {
margin-top: 0px;
margin-bottom: 12px;
font-weight: bold;
color: #1D8A85; }
.faq__wrapper.inline .outer__faq .faq__container {
max-width: 800px; }
.steps__hero {
padding-top: 30px;
margin-bottom: 75px; }
.steps__hero .outer__steps .bottom__steps {
padding: 20px 56px;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
background-color: #1D8A85;
display: flex;
justify-content: space-between; }
.steps__hero .outer__steps .bottom__steps > .el {
display: flex;
align-items: center;
justify-content: flex-start;
margin-right: 30px; }
.steps__hero .outer__steps .bottom__steps > .el:last-child {
margin-right: 0px; }
.steps__hero .outer__steps .bottom__steps > .el > p {
margin: 0px;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
font-weight: 800; }
.steps__hero .outer__steps .bottom__steps > .el > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 50px;
max-width: 50px;
min-height: 50px;
margin-right: 20px;
font-size: 36px;
line-height: 24px;
color: #1D8A85;
font-weight: bold;
font-style: italic;
max-height: 50px;
border-radius: 10px;
background-color: #fff;
box-shadow: 0px 1px 2px 0.5px rgba(0, 0, 0, 0.08), 0px 0px 0px 0.6px rgba(0, 0, 0, 0.08); }
.steps__hero .outer__steps .top__part {
padding: 60px;
position: relative;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
overflow: hidden;
background: url("../img/bace.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.steps__hero .outer__steps .top__part:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.85), rgba(27, 27, 27, 0.74), rgba(102, 102, 102, 0)); }
.steps__hero .outer__steps .top__part > p {
margin: 0px;
font-size: 20px;
line-height: 30px;
position: relative;
z-index: 2;
font-weight: bold;
color: #FFFFFF;
font-style: italic; }
.steps__hero .outer__steps .top__part > p span {
text-transform: uppercase;
border-bottom: 4px solid #1D8A85; }
.steps__hero .outer__steps .top__part > h2 {
position: relative;
z-index: 2;
margin-bottom: 24px;
font-size: 34px;
line-height: 30px;
margin-top: 0px;
font-weight: 800;
color: #FFFFFF;
font-style: italic; }
.steps__hero .outer__steps .top__part > h2 span {
text-transform: uppercase;
border-bottom: 4px solid #1D8A85; }
.dtitle {
margin-left: 4px !important; }
.form__complex .outer__form form .steps > span {
transition: .3s ease all; }
.form__complex .outer__form form .steps > span.step__three {
width: calc(100% + 26px); }
.form__complex .outer__form .box .rows > .row > p {
text-align: right; }
.form__complex .outer__form {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: flex-start;
justify-content: space-between; }
.form__complex .outer__form .box .cars__rows {
margin-top: 15px;
padding-top: 20px;
border-top: 1px solid #FFFFFF; }
.form__complex .outer__form .box .cars__rows > .elem {
margin-bottom: 15px;
padding-top: 15px;
border-top: 1px solid #fff; }
.form__complex .outer__form .box .cars__rows > .elem .car__row {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px; }
.form__complex .outer__form .box .cars__rows > .elem .car__row:last-child {
margin-bottom: 0px; }
.form__complex .outer__form .box .cars__rows > .elem .car__row > span {
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 0.8);
display: block;
white-space: nowrap; }
.form__complex .outer__form .box .cars__rows > .elem .car__row > p {
margin: 0px;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
font-weight: 600; }
.form__complex .outer__form .box .cars__rows > .elem > h6 {
margin-top: 0px;
margin-bottom: 12px;
font-size: 20px;
line-height: 24px;
color: #FFFFFF;
font-weight: 800; }
.form__complex .outer__form .box .cars__rows > .elem:last-child {
margin-bottom: 0px; }
.form__complex .outer__form .box .cars__rows > .elem:nth-child(1) {
padding-top: 0px;
border-top: 0px; }
.form__complex .outer__form .box .rows > .row {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 16px; }
.form__complex .outer__form .box .rows > .row > span {
display: block;
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: rgba(255, 255, 255, 0.8);
white-space: nowrap;
margin-right: 12px; }
.form__complex .outer__form .box .rows > .row > p {
margin: 0px;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
font-weight: bold;
margin-left: 10px; }
.form__complex .outer__form .box .rows > .row:last-child {
margin-bottom: 0px; }
.form__complex .outer__form form {
width: 100%;
max-width: 710px;
padding-top: 44px;
padding-bottom: 68px;
padding-left: 54px;
padding-right: 54px;
background-color: #F8F8F8;
border-radius: 20px; }
.form__complex .outer__form form .add__car {
margin-top: 25px; }
.form__complex .outer__form form .add__car > a {
display: inline-flex;
align-items: center;
justify-content: flex-start;
text-decoration: none;
font-size: 16px;
line-height: 24px;
font-weight: 800;
color: #1D8A85;
transition: .3s ease all; }
.form__complex .outer__form form .add__car > a:hover {
opacity: .7; }
.form__complex .outer__form form .add__car > a span {
display: inline-flex;
margin-left: 5px;
align-items: center;
justify-content: center; }
.form__complex .outer__form form .next__btn {
display: flex;
justify-content: center;
align-items: center;
margin-top: 55px; }
.form__complex .outer__form form .next__btn.double {
justify-content: space-between; }
.form__complex .outer__form form .next__btn.double > .back {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 240px;
min-height: 40px;
border-radius: 8px;
text-decoration: none;
border: 1px solid #1D8A85;
background-color: #fff;
font-size: 16px;
line-height: 20px;
color: #1D8A85;
font-weight: 600;
transition: .3s ease all; }
.form__complex .outer__form form .next__btn.double > .back:hover {
opacity: .7; }
.form__complex .outer__form form .next__btn > a.next, .form__complex .outer__form form .next__btn > button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 240px;
outline: none;
border: 0px;
cursor: pointer;
min-height: 40px;
border-radius: 8px;
text-decoration: none;
background-color: #1D8A85;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
font-weight: 600;
transition: .3s ease all; }
.form__complex .outer__form form .next__btn > a.next:hover, .form__complex .outer__form form .next__btn > button:hover {
opacity: .7; }
.form__complex .outer__form form .check__long .elem__check {
margin-top: 35px;
margin-bottom: -20px; }
.form__complex .outer__form form .check__long .elem__check .container__check {
align-items: flex-start; }
.form__complex .outer__form form .check__long .elem__check .container__check p {
margin: 0px;
font-size: 13px;
line-height: 16px;
font-weight: 500;
color: #2D2B32; }
.form__complex .outer__form form .check__long .elem__check .container__check p .bold {
font-weight: bold; }
.form__complex .outer__form form .check__long .elem__check .container__check p a {
color: #2D2B32;
text-decoration: underline;
font-weight: bold; }
.form__complex .outer__form form .check__long .elem__check .container__check p .colored {
color: #1D8A85; }
.form__complex .outer__form form .fields {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 25px; }
.form__complex .outer__form form .fields > .field > .group__dropdown > .dropdown__box {
top: 50px; }
.form__complex .outer__form form .fields > .field > .group__dropdown.error > a {
border-color: red !important; }
.form__complex .outer__form form .fields > .field > .group__dropdown > a {
height: 48px;
border: 1px solid #E6E6E6;
transition: .3s ease all; }
.form__complex .outer__form form .fields > .field.error > input {
border-color: red !important; }
.form__complex .outer__form form .fields > .field .range {
width: 88px;
height: 30px;
text-align: center; }
.form__complex .outer__form form .fields > .field.bigger__space {
margin-top: 20px; }
.form__complex .outer__form form .fields > .field .checks {
display: flex;
align-items: center;
margin-left: -12px;
margin-top: -5px;
flex-wrap: wrap;
justify-content: flex-start; }
.form__complex .outer__form form .fields > .field .checks > .elem__check {
margin: 5px 12px; }
.form__complex .outer__form form .fields > .field .checks > .elem__check span {
margin-right: 8px; }
.form__complex .outer__form form .fields > .field > input {
width: 100%;
height: 48px;
border-radius: 8px;
border: 1px solid #E6E6E6;
outline: none;
padding-left: 12px;
padding-right: 12px;
font-size: 14px;
line-height: 22px;
transition: .4s ease all;
font-weight: 500; }
.form__complex .outer__form form .fields > .field > p {
margin-top: 0px;
margin-bottom: 12px;
font-size: 16px;
line-height: 16px;
font-weight: bold;
color: #2D2B32; }
.form__complex .outer__form form .fields .field.double {
grid-column: span 2; }
.form__complex .outer__form form .steps__wrapper > .element > h6 {
margin-top: 0px;
margin-bottom: 20px;
font-size: 20px;
line-height: 24px;
font-weight: bold;
color: #2D2B32; }
.form__complex .outer__form form .steps__wrapper > .element > h6 span {
font-weight: 500;
font-size: 14px; }
.form__complex .outer__form form .steps {
position: relative;
max-width: 480px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px; }
.form__complex .outer__form form .steps > span {
position: absolute;
left: -12px;
bottom: -12px;
height: 4px;
background-color: #1D8A85;
border-radius: 250px;
transition: .4s ease all; }
.form__complex .outer__form form .steps > span.step__one {
width: 98px; }
.form__complex .outer__form form .steps > span.step__two {
width: 54%; }
.form__complex .outer__form form .steps ul {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0px;
padding: 0px; }
.form__complex .outer__form form .steps ul > li {
display: inline-flex;
transition: .3s ease all;
font-size: 20px;
line-height: 24px;
color: #B2B2B2;
font-weight: 800;
font-style: italic; }
.form__complex .outer__form form .steps ul > li.current {
color: #1D8A85; }
.form__complex .outer__form .box {
max-width: 375px;
width: 100%;
margin-left: 40px;
padding: 48px 40px;
border-radius: 10px;
background-color: #1D8A85; }
.form__complex .outer__form .box > .spacer {
display: inline-flex;
width: 100%;
height: 1px;
background-color: #FFFFFF;
border-radius: 5px; }
.form__complex .outer__form .box > h6 {
margin-top: 0px;
font-size: 36px;
line-height: 24px;
font-weight: 800;
font-style: italic;
color: #FFFFFF;
width: 100%;
margin-bottom: 48px; }
.car__element--box {
margin-bottom: 25px; }
.car__element--box {
position: relative; }
.car__element--box > .title {
padding-right: 45px; }
.car__element--box > .remove__element {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
right: 5px;
top: 5px;
transition: .3s ease all; }
.car__element--box > .remove__element:hover {
opacity: .7; }
.car__element--box > .remove__element img {
max-width: 20px;
min-width: 20px; }
.car__element--box > .title {
margin-bottom: 15px;
display: inline-flex;
align-items: center;
justify-content: flex-start;
cursor: pointer; }
.car__element--box > .title.opened > p > span {
transform: rotate(0deg); }
.car__element--box > .title > p {
display: flex;
align-items: center;
justify-content: flex-start;
margin: 0px;
font-size: 20px;
line-height: 24px;
font-weight: 800;
color: #1D8A85; }
.car__element--box > .title > p span {
display: inline-flex;
align-items: center;
justify-content: center;
transition: .3s ease all;
margin-left: 8px;
transform: rotate(180deg); }
@media (max-width: 1360px) {
.form__hero .outer__form--hero {
padding-left: 100px;
padding-right: 100px; }
.certificate__wrapper .outer__certificate .certificate__left {
padding-left: 25px; }
.certificate__wrapper .outer__certificate .certificate__right {
padding-right: 35px; }
.login__wrapper > form > .box .fields {
margin-bottom: 25px; }
.login__wrapper > form > .box > a {
margin-bottom: 15px; } }
.menu__btn {
display: none; }
.close-btn {
display: none; }
@media (max-width: 1280px) {
.partners__wrapper .outer__partners > h6 {
margin-bottom: 15px;
font-size: 40px;
line-height: 48px; }
.partners__wrapper {
padding-top: 50px; }
.form__hero.updated .outer__form--hero {
padding-right: 80px; }
.inspection__wrapper .layer {
min-width: 1280px; }
.points__wrapper .points__left {
min-width: 300px; }
.points__wrapper .points__left > h6 {
font-size: 26px;
line-height: 34px; }
.points__wrapper .points__left > p {
font-size: 16px;
line-height: 24px; }
.points__wrapper .spacer {
margin: 0px 20px; } }
.hero__certificate .outer__hero .bottom__part .inner .list > .elem {
margin-right: 20px; }
.hero__certificate .outer__hero .bottom__part .inner .list > .elem:last-child {
margin-right: 0px; }
@media (max-width: 1200px) {
.form__complex .outer__form form {
padding-left: 25px;
padding-right: 25px; }
.form__complex .outer__form .box {
margin-left: 25px; }
.form__complex .outer__form .box {
padding: 30px; }
.form__complex .outer__form .box > h6 {
font-size: 30px; }
.steps__hero .outer__steps .top__part {
padding: 60px 30px; }
.steps__hero .outer__steps .bottom__steps {
padding: 15px 30px; }
.steps__hero .outer__steps .bottom__steps > .el > span {
margin-right: 12px; }
.steps__hero .outer__steps .bottom__steps {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px; }
.steps__hero .outer__steps .bottom__steps > .el {
margin-right: 0px; }
.elem__separate {
display: flex;
justify-content: space-between;
align-items: center;
padding: 9px 12px;
border-radius: 8px;
background-color: #E9F8F8;
margin-top: -15px; }
.elem__separate > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
border-radius: 8px;
background-color: #FFFFFF;
padding-left: 12px;
padding-right: 12px;
font-size: 16px;
line-height: 16px;
font-weight: 600;
color: #D75F5F;
transition: .3s ease all;
text-decoration: none; }
.elem__separate > p {
margin: 0px;
font-size: 20px;
line-height: 22px;
color: #209994;
font-weight: 500; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box .btn {
display: flex;
justify-content: space-between;
margin-top: 0px;
margin-bottom: 6px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box .btn > p {
display: block;
margin: 0px;
font-size: 20px;
line-height: 22px;
color: #209994;
font-weight: 500; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .box ul {
order: 2; }
.popup__edit.hours__picker > .inner > .box, .localization__picker.popup__edit > .inner > .box, .day__picker.popup__edit > .inner > .box {
max-height: 75vh; }
.popup__edit > .inner .box {
padding: 16px 20px; }
.popup__edit > .inner {
padding: 0px; }
.popup__edit > .inner .box {
position: absolute;
bottom: -100vh;
transition: .6s ease all;
left: 0px;
width: 100%;
height: auto;
overflow-y: auto;
max-width: 100%;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
max-height: 75vh; }
.popup__edit > .inner .box.visible {
bottom: 0px; }
.seller__section .outer__seller .box .details__information .bottom__part {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background-color: #fff;
z-index: 12;
margin-top: 0px;
padding: 12px 20px; }
.seller__section .outer__seller .box .details__information .bottom__part > a img {
max-width: 115px; }
.seller__section {
padding-top: 70px; }
.seller__section .outer__seller .box .card {
margin-bottom: 30px; }
.seller__section .outer__seller .box .card {
padding-bottom: 20px; }
.seller__section .outer__seller .box .card .conditions {
margin-top: -8px; }
.seller__section .outer__seller .box .details__information .top__part .price__info > .left > .el {
margin-right: 0px; }
.seller__section .outer__seller .box .details__information .top__part .price__info .right > a {
background-color: rgba(215, 95, 95, 0.1); }
.seller__section .outer__seller .box .details__information .top__part .double__grid {
margin-top: 0px;
grid-template-columns: 1fr;
grid-row-gap: 30px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem:nth-child(2) .title__ {
display: none; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .title__ > h6 {
padding-left: 0px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .title__ {
min-height: 0px;
margin-bottom: 20px; }
.seller__section .outer__seller .box .details__information .top__part > .details__list {
margin-bottom: 20px; }
.seller__section .outer__seller .box .details__information .top__part .title {
order: 1; }
.seller__section .outer__seller .box .details__information .top__part {
display: flex;
flex-direction: column; }
.seller__section .outer__seller .box .details__information .top__part .price__info {
order: 2;
margin-bottom: 20px;
padding: 0px;
border-radius: 0px;
background-color: transparent; }
.seller__section .outer__seller .box .details__information .top__part .price__info > .left {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 15px 12px;
background-color: #F8F8F8;
border-radius: 8px; }
.seller__section .outer__seller .box .details__information .top__part .price__info > .left > .el {
margin-bottom: 15px; }
.seller__section .outer__seller .box .details__information .top__part .price__info > .left > .el:last-child {
margin-bottom: 0px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid {
order: 5; }
.seller__section .outer__seller .box .details__information .top__part .details__list {
order: 3; }
.seller__section .outer__seller .box .card {
order: 4; }
.seller__section .outer__seller .box .card {
min-width: 0px;
max-width: 640px;
margin-left: auto;
margin-right: auto; }
.seller__section .outer__seller .box .card > .media > img {
width: 100%; }
.seller__section .outer__seller {
min-height: 0px; }
.seller__section .outer__seller .box .details__information {
margin-left: 0px; }
.seller__section .outer__seller {
padding-top: 15px;
padding-bottom: 25px; }
.calculation__form .outer__calculation {
padding: 35px 30px; }
.calculation__form .outer__calculation .results .box .estimated > p {
font-size: 40px;
line-height: 54px; }
.partners__wrapper .outer__partners .box {
max-width: 640px; }
.partners__wrapper .outer__partners .box > img:nth-child(1) {
max-width: 180px !important; }
.partners__wrapper .outer__partners .box > img:nth-child(2) {
max-width: 320px !important; }
.view__switcher ul li {
margin-bottom: 0px; }
.view__switcher ul li > a {
border-bottom: 1px solid #E6E6E6; }
.view__switcher ul {
width: calc(100% + 15px);
border-bottom: 0px;
padding-bottom: 5px; }
.view__switcher ul {
overflow-x: auto;
justify-content: flex-start;
overflow-y: hidden; }
.view__switcher ul li > a {
padding: 16px 20px;
white-space: nowrap; }
.view__wrapper .desc > span {
margin-bottom: 15px; }
.view__wrapper .desc > h2 {
font-size: 26px;
line-height: 34px;
margin-bottom: 5px; }
.view__wrapper .desc .controls {
margin-top: 15px; }
.view__wrapper .desc > h6 {
font-size: 26px;
line-height: 34px; }
.hero__certificate .outer__hero .top__part {
padding-left: 50px; }
.hero__certificate .outer__hero .bottom__part .inner .desc {
min-width: 250px;
max-width: 250px; }
.points__wrapper .box {
padding: 20px 25px;
flex-direction: column;
align-items: center;
justify-content: center; }
.points__wrapper .spacer {
display: none; }
.points__wrapper .points__left {
margin-bottom: 15px;
max-width: 100%; }
.form__brand {
margin-top: 15px;
margin-bottom: 70px; }
.feedback__wrapper .slider__wrapper:before {
width: 150px; }
.feedback__wrapper .slider__wrapper:after {
width: 150px; }
.details__wrapper .outer__details .small__details {
padding: 15px 20px; }
.details__wrapper .outer__details .small__details {
flex-direction: column; }
.details__wrapper .outer__details .small__details .spacer {
min-height: 1px;
width: 100%;
margin: 20px 0px;
max-width: 100%; }
.details__wrapper .outer__details .box .top > img, .details__wrapper .outer__details .box .bottom > img {
min-width: 1200px; }
.details__wrapper .outer__details .box .top, .details__wrapper .outer__details .box .bottom {
overflow: hidden; }
.details__wrapper .outer__details .back__button {
margin-bottom: 15px; }
.details__wrapper {
padding-top: 20px;
padding-bottom: 20px; }
footer .outer__footer > .top .menus > .elem {
margin-right: 50px; }
footer .outer__footer > .top .menus > .elem:last-child {
margin-right: 0px; }
.steps__wrapper .outer__steps .side > h6 {
left: 50px; }
.brands .outer__brands > .title h6 {
font-size: 24px;
line-height: 28px; }
.brands .outer__brands > .title {
margin-bottom: 25px; }
.brands {
padding: 16px 0px; }
.certificate__wrapper {
padding: 16px 0px; }
.certificate__wrapper .outer__certificate .certificate__left {
border-bottom-left-radius: 0px; }
.certificate__wrapper .outer__certificate .certificate__left > h6 {
font-size: 26px;
line-height: 32px; }
.certificate__wrapper .outer__certificate .certificate__left .certif__icon > p {
font-size: 26px;
line-height: 32px; }
.certificate__wrapper .outer__certificate .certificate__left .certif__icon > span {
font-size: 18px;
line-height: 24px; }
.certificate__wrapper .outer__certificate .certificate__left .certif__icon {
min-width: 130px;
max-width: 130px;
min-height: 130px;
max-height: 130px; }
.certificate__wrapper .outer__certificate {
flex-direction: column; }
.certificate__wrapper .outer__certificate .certificate__left {
width: 100%;
padding: 25px 15px;
justify-content: center;
align-items: center;
-webkit-clip-path: none;
clip-path: none; }
.explore__wrapper .outer__explore .grid__cars {
grid-column-gap: 12px;
grid-row-gap: 12px; }
.car__element .desc {
padding-left: 15px;
padding-right: 15px; }
.car__element .bottom__part {
left: 15px;
width: calc(100% - 30px); }
.car__element .bottom__part > span {
font-size: 14px;
line-height: 18px; }
.certificate__wrapper .outer__certificate .certificate__left {
flex-direction: column;
align-items: center;
justify-content: center; }
.certificate__wrapper .outer__certificate .certificate__left .certif__icon {
margin-right: 0px;
margin-bottom: 15px; }
.certificate__wrapper .outer__certificate .certificate__left > h6 {
text-align: center; }
.certificate__wrapper .outer__certificate {
border-radius: 24px;
overflow: hidden; }
.certificate__wrapper .outer__certificate .certificate__right {
padding: 25px 20px;
justify-content: center; }
.steps__wrapper .outer__steps .steps {
padding-left: 15px; }
.form__brand .outer__form--brand {
padding: 24px; }
.list__cars {
grid-column-gap: 12px;
grid-row-gap: 12px; } }
.seller__section .outer__seller .box .details__information .top__part .title > a {
white-space: nowrap; }
.form__complex .outer__form .box .rows > .row > span {
position: relative;
top: 1px; }
.popup__form {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 6;
background-color: rgba(0, 0, 0, 0.4); }
.popup__form .inner {
width: 100%;
padding: 25px 15px;
display: flex;
align-items: center;
height: 100%;
justify-content: center; }
.popup__form .inner .box {
width: 100%;
max-width: 480px;
padding: 50px 40px;
border-radius: 8px;
background-color: #FFFFFF;
max-height: 100%;
overflow-y: auto; }
.popup__form .inner .box::-webkit-scrollbar {
width: 4px; }
.popup__form .inner .box::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #209994; }
.popup__form .inner .box .btn {
display: flex;
align-items: center;
justify-content: center;
margin-top: 45px; }
.popup__form .inner .box .btn > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 40px;
padding-left: 35px;
padding-right: 35px;
border-radius: 8px;
text-decoration: none;
background-color: #197571;
font-size: 16px;
line-height: 20px;
font-weight: 600;
color: #FFFFFF;
transition: .3s ease all; }
.popup__form .inner .box .btn > a:hover {
opacity: .7; }
.popup__form .inner .box .elem__car {
max-width: 360px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 25px;
border-top: 1px solid #DCDCDE;
padding-left: 15px;
padding-right: 15px;
margin-top: 25px; }
.popup__form .inner .box .elem__car .row {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 16px; }
.popup__form .inner .box .elem__car .row:last-child {
margin-bottom: 0px; }
.popup__form .inner .box .elem__car .row > p {
white-space: nowrap;
margin-right: 10px;
margin: 0px;
font-size: 16px;
line-height: 16px;
font-weight: 500;
color: #2D2B32; }
.popup__form .inner .box .elem__car .row > span {
text-align: right;
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #2D2B32; }
.popup__form .inner .box > p {
text-align: center;
max-width: 400px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
line-height: 22px;
color: #2D2B32; }
.popup__form .inner .box > p span {
font-weight: 600; }
.popup__form .inner .box > h6 {
text-align: center;
margin-bottom: 30px;
margin-top: 0px;
font-size: 28px;
line-height: 36px;
font-weight: bold;
color: #197571; }
.popup__form .inner .box > p {
margin: 0px; }
@media (max-width: 1080px) {
.form__hero .outer__form--hero {
padding-left: 50px;
padding-right: 50px; } }
.details__inner--box > .box .top {
grid-row-gap: 10px; }
.details__inner--box > .box .double__table .column .elem p {
text-align: right;
margin-left: 5px; }
@media (max-width: 991px) {
.form__complex .outer__form .box {
padding: 15px; }
.form__complex .outer__form {
flex-direction: column;
align-items: center; }
.form__complex .outer__form form {
max-width: 100%; }
.form__complex .outer__form .box {
margin-left: 0px;
margin-top: 35px;
width: 100%;
max-width: 100%; }
.steps__hero .outer__steps .top__part > h2 {
font-size: 27px;
margin-bottom: 14px; }
.steps__hero .outer__steps .top__part > p {
font-size: 17px;
line-height: 26px; }
.faq__wrapper.inline .outer__faq .faq__desc {
margin-bottom: 0px; }
.faq__wrapper.inline .outer__faq .faq__desc {
min-width: 0px;
max-width: 540px;
width: 100%; }
.seller__section .outer__seller .box .details__information .top__part > .details__list > ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 15px;
grid-row-gap: 10px;
max-width: 320px;
margin-left: auto;
margin-right: auto; }
.seller__section .outer__seller .box .details__information .top__part > .details__list > ul > li {
margin-right: 0px; }
.steps__hero {
padding-top: 15px;
margin-bottom: 40px; }
.form__complex .outer__form form {
padding-bottom: 25px; }
.countdown__popup > .inner .box .right {
display: none; }
.countdown__popup > .inner .box {
max-width: 440px;
margin-left: auto;
margin-right: auto; }
.countdown__popup > .inner .box .left {
width: 100%;
padding: 25px 15px; }
.countdown__popup > .inner .box .left > h6 {
font-size: 26px;
line-height: 32px;
margin-bottom: 15px; }
.countdown__popup > .inner .box .left > p {
font-size: 16px;
line-height: 22px; }
.countdown__popup > .inner .box .left .timer {
margin: 15px auto; }
.countdown__popup > .inner .box .left .timer > .el > span {
font-size: 54px;
line-height: 54px; }
.countdown__popup > .inner .box .left .timer {
max-width: 250px; }
.countdown__popup > .inner .box .left .timer > .el {
padding: 10px 5px; }
.countdown__popup > .inner .box .left .timer > .el > span {
font-size: 48px;
line-height: 48px;
margin-bottom: 10px; }
.countdown__popup > .inner .box .left .timer > .el > p {
font-size: 17px;
line-height: 24px; }
.countdown__popup > .inner .box .left .timer > .el {
max-width: 75px;
min-width: 75px; }
.calculation__form .outer__calculation {
flex-direction: column; }
.calculation__form .outer__calculation .form {
max-width: 100%;
margin-right: 0px;
margin-bottom: 25px;
width: 100%; }
.calculation__form .outer__calculation .results {
min-width: 0px;
max-width: 100%;
width: 100%; }
.row__features {
padding: 35px 0px; }
.row__features .outer__row {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 25px;
max-width: 540px;
margin-left: auto;
margin-right: auto;
grid-row-gap: 25px; }
.form__hero.updated .outer__form--hero > .desc > h2 {
font-size: 26px;
line-height: 34px; }
.form__hero.updated .outer__form--hero {
padding: 20px 15px; }
.partners__wrapper .outer__partners .box > img:nth-child(2) {
max-width: 230px !important; }
.partners__wrapper .outer__partners .box > img:nth-child(1) {
max-width: 140px !important; }
.partners__wrapper .outer__partners .box {
max-width: 390px; }
.partners__wrapper .outer__partners > h6 {
font-size: 32px;
line-height: 40px; }
.partners__wrapper {
padding-top: 35px; }
.form__hero.updated .outer__form--hero > .desc {
margin-right: 0px; }
.column__box .box {
padding: 20px 15px;
flex-direction: column;
align-items: center; }
.column__box .box .spacer {
display: none; }
.column__box .box .column {
margin-bottom: 8px; }
.column__box .box .column:last-child {
margin-bottom: 0px; }
.view__switcher {
margin-top: 30px; }
.view__wrapper {
padding-top: 10px;
flex-direction: column; }
.view__wrapper .desc {
min-width: 0px;
max-width: 100%;
margin-bottom: 25px;
margin-right: 0px;
width: 100%; }
.view__wrapper .desc .controls {
max-width: 390px; }
.view__wrapper .media {
max-width: 100%; }
.variants__wrapper .outer__variants > p {
margin-bottom: 20px; }
.variants__wrapper {
padding: 25px 0px; }
.hero__certificate .outer__hero .bottom__part .inner {
padding: 20px 25px;
flex-direction: column;
align-items: center; }
.hero__certificate .outer__hero .bottom__part .inner .list {
width: 100%; }
.hero__certificate .outer__hero .bottom__part .inner .list > .elem {
width: 100%; }
.hero__certificate .outer__hero .bottom__part .inner .desc {
min-width: 0px;
margin-right: 0px;
max-width: 390px;
justify-content: center;
align-items: center;
margin-bottom: 15px;
width: 100%;
text-align: center; }
.hero__certificate .outer__hero .top__part > h2 {
font-size: 26px;
line-height: 32px; }
.hero__certificate .outer__hero .top__part > h1 {
font-size: 26px;
line-height: 32px; }
.hero__certificate {
margin-top: 15px; }
.steps__wrapper + .feedback__wrapper {
margin-top: 25px;
padding-top: 25px; }
.steps__wrapper.desc .outer__steps .side {
background-position: center !important; }
.steps__wrapper.reverse .outer__steps {
flex-direction: column; }
.steps__wrapper.desc .outer__steps .side {
-webkit-clip-path: none;
clip-path: none; }
.steps__wrapper.desc .outer__steps .steps {
max-width: 100%; }
.steps__wrapper.desc .outer__steps .steps .description {
max-width: 100%; }
.controls__points {
margin-top: 25px; }
.points__wrapper .points__right > .elem {
padding: 10px; }
.calculator__wrapper .inner__calculator {
flex-direction: column; }
.calculator__wrapper .inner__calculator .left {
max-width: 100%;
margin-bottom: 25px; }
.calculator__wrapper .inner__calculator .right {
max-width: 100%;
padding: 30px 20px; }
.details__inner--box > .box .top {
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 10px; }
.details__inner--box > .box .top > .elem:last-child {
grid-column-start: 1;
grid-column-end: 3; }
.details__inner--box > .box .double__table {
flex-direction: column;
padding: 20px 15px; }
.details__inner--box > .box .double__table > .spacer {
display: none; }
.details__inner--box > .box .double__table .column {
margin-bottom: 8px; }
.details__inner--box > .box .double__table .column:last-child {
margin-bottom: 0px; }
.details__box .outer__details .switcher__details ul {
justify-content: flex-start;
margin-right: auto; }
.details__box .outer__details .switcher__details {
margin: 25px 0px;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 5px; }
.details__box .outer__details .switcher__details::-webkit-scrollbar {
width: 4px;
height: 4px; }
.details__box .outer__details .switcher__details::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #209994; }
.details__box .outer__details .switcher__details ul li {
margin-bottom: 0px; }
.details__box .outer__details .switcher__details {
border-bottom: 0px; }
.details__box .outer__details .switcher__details {
width: calc(100% + 15px);
justify-content: flex-start; }
.details__box .outer__details .switcher__details ul li > a {
min-width: 0px;
white-space: nowrap;
padding-left: 15px;
padding-right: 15px; }
.details__box .ticket .certif > img {
margin-bottom: -1px; }
.details__box .ticket .certif > img:last-child {
margin-bottom: 0px;
margin-top: -1px; }
.details__box .ticket {
min-width: 0px;
max-width: 100%;
margin-top: 25px;
max-width: 540px;
margin-left: auto;
margin-right: auto; }
.details__box .details__wrapper--box {
flex-direction: column; }
.details__box .details__wrapper--box .gallery {
width: 100%; }
.details__box {
overflow: hidden; }
.pagination {
margin-bottom: 15px; }
.gallery__slider {
width: calc(100% + 15px); }
.list__cars {
margin-top: 12px;
padding-bottom: 15px; }
.list__cars {
grid-template-columns: repeat(3, 1fr); }
.list__cars .elem__car--row .desc > .top > p {
font-size: 18px;
line-height: 22px; }
.list__cars .elem__car--row .desc > .price {
font-size: 18px;
line-height: 18px; }
.list__cars .elem__car--row .desc > .price span {
font-size: 14px; }
.filters__picker {
flex-direction: column; }
.filters__added {
margin: 10px 0px;
margin-left: -8px;
margin-top: 5px; }
.filters__picker .sort {
margin-left: auto;
margin-top: 8px; }
.filters__picker .left {
width: calc(100% + 15px);
margin-right: 0px;
margin-left: 15px; }
.form__brand .outer__form--brand .description .top > h2 {
margin-left: auto;
margin-right: auto; }
.form__brand .outer__form--brand .description .icons {
justify-content: space-between;
grid-column-gap: 10px; }
.form__brand .outer__form--brand .description .top > h2 {
font-size: 26px;
line-height: 34px; }
.form__brand .outer__form--brand {
flex-direction: column;
align-items: center;
justify-content: center; }
.form__brand .outer__form--brand .description .top {
text-align: center; }
.form__brand .outer__form--brand .description .icons {
margin-bottom: 15px; }
.form__brand .outer__form--brand .description .top {
margin-bottom: 15px; }
.form__brand .outer__form--brand .description > span {
display: block;
text-align: center; }
.form__brand .outer__form--brand .description {
max-width: 480px;
width: 100%; }
.form__brand .outer__form--brand form {
max-width: 480px;
width: 100%;
margin-top: 25px; }
.form__brand {
margin-bottom: 40px; }
.grid__cars .certificate__wrapper {
grid-column-start: 1;
grid-column-end: 4; }
.form__hero + .brands {
padding-top: 30px; }
.explore__wrapper.bigger__spacer {
padding-top: 35px;
padding-bottom: 30px; }
.grid__box .outer__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 25px;
grid-row-gap: 25px;
max-width: 540px;
margin-left: auto;
margin-right: auto; }
.grid__box {
padding: 25px 0px; }
.feedback__wrapper {
padding: 45px 0px; }
.feedback__wrapper + .faq__wrapper {
padding-top: 0px; }
.faq__wrapper {
padding: 40px 0px; }
.faq__wrapper .outer__faq .faq__desc {
min-width: 320px;
max-width: 320px;
margin-right: 40px; }
.faq__wrapper .outer__faq .faq__desc > h6 {
font-size: 26px;
line-height: 34px; }
.form__hero .outer__form--hero {
padding: 30px 25px;
flex-direction: column;
align-items: center;
justify-content: center; }
.form__hero .outer__form--hero .desc {
text-align: center;
margin-bottom: 20px; }
.form__hero .outer__form--hero .desc > h2 {
font-size: 26px;
line-height: 34px; }
.form__hero .outer__form--hero form {
margin-left: 0px; }
.details__wrapper .outer__details .box {
margin-top: 25px; }
.details__wrapper .outer__details .box .details__top .list > .elem {
padding: 20px; }
footer .outer__footer .bottom {
flex-direction: column-reverse; }
footer .outer__footer .bottom ul {
margin-bottom: 12px; }
footer .outer__footer > .top {
margin-bottom: 40px; }
footer .outer__footer {
padding-top: 30px;
padding-bottom: 20px; }
.steps__wrapper .outer__steps {
flex-direction: column; }
.steps__wrapper .outer__steps .steps {
padding: 25px 15px;
width: 100%; }
.steps__wrapper .outer__steps {
background: none;
background-color: #F9F9F9; }
.steps__wrapper .outer__steps .steps > .elem__step {
max-width: 340px; }
.steps__wrapper .outer__steps .steps {
max-width: 420px;
margin-left: auto;
margin-right: auto; }
.steps__wrapper .outer__steps .side {
width: 100%;
padding: 40px 20px;
text-align: center;
-webkit-clip-path: none;
clip-path: none;
display: flex;
align-items: center;
justify-content: center;
height: 340px; }
.steps__wrapper .outer__steps .side > h6 {
position: static; }
.brands .outer__brands .grid {
max-width: 700px;
margin-left: auto;
margin-right: auto;
grid-column-gap: 15px;
grid-template-columns: repeat(7, 1fr); }
.brands .outer__brands .grid .elem img {
min-width: 40px;
max-width: 40px; }
.explore__wrapper .outer__explore .grid__cars {
grid-template-columns: repeat(3, 1fr); }
.explore__wrapper {
padding-top: 16px;
padding-bottom: 20px; }
.explore__wrapper .outer__explore > .top {
margin-bottom: 16px;
flex-direction: column; }
.explore__wrapper .outer__explore > .top > .left {
width: 100%;
margin-bottom: 10px; }
.explore__wrapper .outer__explore > .top .search {
max-width: 100%; }
.hero__section {
margin: 12px 0px; }
.hero__section .outer__hero {
padding: 45px 15px; }
.hero__section .outer__hero > h1 {
font-size: 26px;
line-height: 34px; }
.close-btn {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
right: 10px;
top: 10px; }
.close-btn img {
max-width: 20px; }
.menu__btn {
display: inline-flex; }
.menu__btn > a {
display: inline-flex;
flex-direction: column;
justify-content: center; }
.menu__btn > a > span {
min-width: 24px;
min-height: 2px;
border-radius: 5px;
background-color: #24817D;
margin-bottom: 5px;
position: relative;
top: 0px;
bottom: auto; }
.menu__btn > a > span:last-child {
top: auto;
bottom: 0px;
margin-bottom: 0px; }
header .outer__header > .menu > ul {
margin-right: 30px; }
header .outer__header > .menu {
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
top: -100%;
z-index: 5;
transition: .6s ease all;
left: 0px;
width: 100%;
height: 100%;
background-color: #fff; }
header .outer__header > .menu > ul {
margin-right: 0px;
margin-bottom: 15px;
flex-direction: column;
justify-content: center;
align-items: center; }
header .outer__header > .menu > ul li {
margin-right: 0px;
margin-bottom: 15px; }
header .outer__header > .menu > ul li:last-child {
margin-bottom: 0px; }
header .outer__header > .menu .btns {
margin-top: 15px; }
header .outer__header > .menu .btns > a:last-child {
margin-bottom: 0px; }
header {
padding: 12px 0px; }
.brands .outer__brands .grid {
max-width: 540px;
margin-left: auto;
margin-right: auto;
grid-column-gap: 15px;
grid-template-columns: repeat(6, 1fr); }
footer .outer__footer > .top {
flex-direction: column;
max-width: 540px;
width: 100%;
margin-left: auto;
margin-right: auto; }
footer .outer__footer > .top .text {
max-width: 100%;
margin-bottom: 20px; }
.form__hero {
margin-top: 15px; }
.feedback__wrapper .outer__feedback > .top {
margin-bottom: 35px; }
.feedback__wrapper .outer__feedback > .top > h2 {
font-size: 26px;
line-height: 34px; }
.form__hero .outer__form--hero {
padding: 20px 15px; } }
.car__element .media__slider .slick-dots li {
margin: 0px 3px; }
.car__element .media__slider .slick-dots li button {
padding: 0px; }
.outer__variants .table__wrapper .title {
display: none; }
.column__box .box .column .elem > p {
margin-left: 10px;
text-align: right; }
.column__box .box .column .elem > span {
text-align: left; }
@media (max-width: 767px) {
.form__complex .outer__form form .check__long .elem__check {
margin-bottom: 0px; }
.form__complex .outer__form form .next__btn {
margin-top: 25px;
flex-direction: column;
align-items: center;
justify-content: center; }
.form__complex .outer__form form .next__btn > a {
width: 100%;
min-width: 0px;
margin-bottom: 15px; }
.form__complex .outer__form form .next__btn > a:last-child {
margin-bottom: 0px; }
.form__complex .outer__form form .next__btn > button {
min-width: 0px;
width: 100%; }
.form__complex .outer__form form .steps {
max-width: 290px; }
.form__complex .outer__form form .fields {
grid-row-gap: 15px;
grid-template-columns: 1fr; }
.form__complex .outer__form form .fields .field.double {
grid-column: span 1; }
.steps__hero .outer__steps .top__part {
padding: 40px 20px; }
.steps__hero .outer__steps .top__part br {
display: none; }
.steps__hero .outer__steps .bottom__steps > .el {
flex-direction: column;
align-items: center; }
.steps__hero .outer__steps .bottom__steps > .el > span {
margin-right: 0px;
margin-bottom: 12px; }
.steps__hero .outer__steps .bottom__steps > .el > p {
text-align: center; }
.steps__hero .outer__steps .bottom__steps > .el > p {
font-size: 14px;
line-height: 21px; }
.steps__hero .outer__steps .bottom__steps {
padding: 15px; }
.seller__section .outer__seller .box .card {
padding-top: 0px; }
.seller__section .outer__seller .box .card > .media {
width: calc(100% + 40px);
margin-left: -20px; }
.seller__section .outer__seller .box .card > .media > img {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px; }
.login__section .box .step__two > h6 {
text-align: left; }
.login__section .box .step__two > p {
text-align: left; }
.login__section .box .step__two .digits {
justify-content: flex-start; }
.login__section .box .step__two .digits + p {
margin-bottom: 0px; }
.login__section .box .step__two > .resend {
margin-top: 8px;
justify-content: flex-start; }
.login__section {
min-height: 0px;
padding-top: 90px; }
.login__section .box > h6 {
text-align: left; }
.login__section .box {
margin-right: auto;
margin-left: 0px;
max-width: 100%;
padding-left: 16px;
padding-right: 16px; }
.login__section {
padding: 25px 0px; }
.login__section .box .logo {
justify-content: flex-start;
margin-bottom: 60px; }
.login__section .box .logo > a > img {
max-width: 160px; }
.instagram__popup > .inner > .box {
padding: 20px 25px; }
.instagram__popup > .inner > .box .media {
margin-left: 25px; }
.calculation__form .outer__calculation .form .check {
margin-top: 20px; }
.calculation__form .outer__calculation .form .step__two > p {
margin-bottom: 15px; }
.calculation__form .outer__calculation .results > h6 {
margin-bottom: 15px;
font-size: 20px;
line-height: 20px; }
.calculation__form .outer__calculation .form > p {
margin-bottom: 15px;
font-size: 20px;
line-height: 20px; }
.partners__wrapper .outer__partners > h6 {
font-size: 27px;
line-height: 34px; }
.column__box > .container > p {
margin-bottom: 15px; }
.column__box {
margin-top: 20px; }
.view__switcher {
margin-top: 20px; }
.view__wrapper {
padding-bottom: 0px; }
.view__wrapper .desc > h6 {
font-size: 22px;
line-height: 28px; }
.view__wrapper .desc > h2 {
font-size: 22px;
line-height: 30px; }
.view__wrapper .desc > p {
font-size: 16px;
line-height: 22px; }
.view__wrapper .desc {
margin-bottom: 15px; }
.view__wrapper {
padding-top: 5px; }
.variants__wrapper .outer__variants .table__wrapper table tr td .price > p {
font-size: 24px; }
.variants__wrapper .outer__variants .table__wrapper table tr td .price > p span {
font-size: 14px;
line-height: 18px; }
.variants__wrapper .outer__variants .table__wrapper table tr {
border-bottom: 1px solid #E6E6E6;
padding-bottom: 15px;
margin-bottom: 15px;
display: flex;
flex-direction: column; }
.variants__wrapper .outer__variants .table__wrapper table tr:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px; }
.variants__wrapper .outer__variants .table__wrapper table tr td {
display: flex;
width: 100% !important;
align-items: flex-start;
margin-bottom: 12px;
justify-content: space-between;
border-bottom: 0px !important;
padding: 0px !important; }
.variants__wrapper .outer__variants .table__wrapper table tr td:last-child {
margin-bottom: 0px; }
.variants__wrapper .outer__variants .table__wrapper table tr td .price {
width: 100%;
text-align: right; }
.variants__wrapper .outer__variants .table__wrapper table tr td .description {
align-items: flex-end !important;
text-align: right; }
.variants__wrapper .outer__variants .table__wrapper table tr td .description > p {
font-size: 16px;
line-height: 20px; }
.variants__wrapper .outer__variants .table__wrapper table tr td .description > span {
font-size: 14px;
line-height: 18px; }
.variants__wrapper .outer__variants .table__wrapper table tr td .title {
display: inline-flex;
margin-right: 5px; }
.variants__wrapper .outer__variants .table__wrapper table tr td .title p {
font-size: 14px;
line-height: 18px;
color: #4F4D55;
font-weight: 600;
margin: 0px; }
.variants__wrapper .outer__variants .table__wrapper table tr:nth-child(1) {
display: none; }
.inspection__wrapper .outer__inspection > .top > h2 {
font-size: 26px;
line-height: 32px; }
.inspection__wrapper .outer__inspection {
padding-top: 30px;
padding-bottom: 30px; }
.inspection__wrapper .layer__wrapper {
transform: scale(0.7);
margin-top: -430px;
margin-bottom: -450px;
width: calc(100% + 42%);
margin-left: -21%; }
.hero__certificate .outer__hero .top__part {
padding-left: 30px;
padding-top: 30px;
padding-bottom: 40px; }
.hero__certificate .outer__hero .bottom__part .inner .list > .elem {
flex-direction: column;
align-items: center;
justify-content: flex-start; }
.hero__certificate .outer__hero .bottom__part .inner .list {
align-items: flex-start; }
.hero__certificate .outer__hero .bottom__part .inner .list > .elem > p {
text-align: center; }
.hero__certificate .outer__hero .bottom__part .inner .list > .elem > span {
margin-right: 0px;
margin-bottom: 10px; }
.points__wrapper .points__right {
grid-template-columns: 1fr; }
.list__cars {
grid-template-columns: repeat(2, 1fr); }
.controls__points {
flex-direction: column; }
.controls__points > a {
width: 100%;
margin-bottom: 15px;
margin-right: 0px !important; }
.controls__points > a:last-child {
margin-bottom: 0px; }
.filters__added {
margin-left: -4px; }
.filters__added > a, .filters__added > .filter__elem {
margin: 4px; }
.grid__cars .certificate__wrapper {
grid-column-start: 1;
grid-column-end: 3; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .desc > p {
font-size: 16px;
line-height: 22px; }
.feedback__wrapper .slider__wrapper .elem__slide .inn {
padding: 0px 25px; }
.feedback__wrapper .slider__wrapper:before, .feedback__wrapper .slider__wrapper:after {
content: none; }
.feedback__wrapper .slider__wrapper .elem__slide .inn {
border-left: 0px; }
.faq__wrapper .outer__faq {
flex-direction: column; }
.faq__wrapper .outer__faq .faq__container {
max-width: 100%;
margin-top: 30px; }
.faq__wrapper .outer__faq .faq__desc {
margin-right: 0px;
min-width: 0px;
max-width: 100%; }
.faq__wrapper .outer__faq .faq__container .elem {
padding: 15px 0px; }
.details__wrapper .outer__details .small__details .grid {
grid-template-columns: repeat(2, 1fr); }
.details__wrapper .outer__details .box {
margin-top: 15px; }
footer .outer__footer > .top .menus > .elem {
min-width: 180px; }
.certificate__wrapper .outer__certificate .certificate__right {
flex-direction: column;
justify-content: center;
align-items: center; }
.certificate__wrapper .outer__certificate .certificate__right > .elem {
margin-right: 0px;
margin-bottom: 25px; }
.certificate__wrapper .outer__certificate .certificate__right > .elem:last-child {
margin-bottom: 0px; }
.car__element .desc .title {
flex-direction: column;
align-items: flex-start; }
.car__element .desc .title > .certif__static {
margin-left: 0px;
margin-top: 4px; }
.explore__wrapper .outer__explore .controls {
flex-direction: column-reverse; }
.explore__wrapper .outer__explore .controls .switcher {
width: 100%; }
.explore__wrapper .outer__explore .controls .switcher ul {
display: grid;
grid-template-columns: repeat(2, 1fr); }
.explore__wrapper .outer__explore .grid__cars {
grid-template-columns: repeat(2, 1fr); }
.hero__section .outer__hero > h1 {
font-size: 22px;
line-height: 28px; }
.login__wrapper .media {
display: none; }
.login__wrapper {
grid-template-columns: 1fr;
padding: 25px 15px; }
.feedback__wrapper .slick-dots {
position: static;
padding-left: 15px;
padding-right: 15px;
margin-top: 15px;
bottom: 15px; }
.feedback__wrapper .slick-dots li {
width: auto;
height: auto;
margin: 0px 3px; }
.feedback__wrapper .slick-dots li.slick-active button {
border-color: #A6D6D4 !important;
background-color: #209994; }
.feedback__wrapper .slick-dots li button {
transition: .4s ease all;
width: auto;
margin: 0px;
min-width: 5px;
max-width: 5px;
border: 1px solid #209994;
min-height: 5px;
max-height: 5px;
border-radius: 250px;
background-color: rgba(255, 255, 255, 0.6);
height: auto; }
.feedback__wrapper .slick-dots li button:before {
content: none; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .desc > p {
font-size: 15px;
line-height: 19px; }
.hero__certificate .outer__hero .top__part {
padding-left: 25px;
padding-right: 25px; }
.variants__wrapper .outer__variants .table__wrapper table tr td .title {
margin-right: 10px; } }
.form__complex .outer__form .box .cars__rows > .elem .car__row > p {
text-align: right; }
.form__complex .outer__form .box .cars__rows > .elem .car__row {
align-items: flex-start; }
.form__complex .outer__form .box .cars__rows > .elem .car__row > span {
position: relative;
top: 2px; }
@media (max-width: 640px) {
.instagram__popup > .inner > .box {
flex-direction: column;
align-items: center;
justify-content: flex-start;
max-width: 340px;
margin-left: auto;
margin-right: auto;
max-height: 100%;
overflow-y: auto; }
.instagram__popup > .inner > .box > .desc {
max-width: 290px;
margin-left: auto;
margin-right: auto; }
.instagram__popup > .inner > .box .desc > h6 {
font-size: 27px;
line-height: 34px;
margin-bottom: 12px; }
.instagram__popup > .inner > .box .desc > .info {
margin-top: 20px; }
.instagram__popup > .inner > .box .desc > .info > span {
margin-bottom: 15px; }
.instagram__popup > .inner > .box .media {
margin-left: 0px;
margin-top: 15px; }
.calculation__form .outer__calculation .results .box .list > .el > span {
white-space: nowrap; }
.calculation__form .outer__calculation .results .box .list > .el > p {
font-size: 14px;
line-height: 20px; }
.calculation__form .outer__calculation .results .box .list > .el > span {
font-size: 14px;
line-height: 20px; }
.calculation__form .outer__calculation {
padding: 25px 15px; }
.calculation__form .outer__calculation .form {
margin-bottom: 45px; }
.calculation__form .outer__calculation .results .box .estimated > p {
font-size: 32px;
line-height: 40px; }
.calculation__form .outer__calculation .results .box .list {
margin-bottom: 25px; }
.calculation__form .outer__calculation .results .box {
padding: 30px 20px;
padding-bottom: 15px; }
.calculation__form .outer__calculation .results > h6 {
margin-bottom: 15px;
font-size: 20px;
line-height: 24px; }
.column__box .box .column .elem > span {
font-size: 14px;
line-height: 22px; }
.column__box .box .column .elem > p {
font-size: 14px;
line-height: 22px; }
.details__inner--box > .box .double__table .column .elem p {
font-size: 14px;
line-height: 22px; }
.details__inner--box > .box .double__table .column .elem > span {
font-size: 14px;
line-height: 22px; }
.form__hero {
margin-top: 0px; }
.form__hero .outer__form--hero form {
min-width: 0px;
width: 100%; }
.details__wrapper .outer__details .small__details {
padding: 15px; }
.details__wrapper .outer__details .small__details .grid {
grid-template-columns: 1fr;
grid-row-gap: 10px; }
.details__wrapper .outer__details .small__details .small__desc {
flex-direction: column;
align-items: flex-start; }
.details__wrapper .outer__details .small__details .small__desc .media {
margin-right: 0px;
margin-bottom: 10px; }
.brands .outer__brands > .title {
margin-bottom: 15px; }
.brands .outer__brands > .title h6 {
font-size: 21px;
line-height: 25px; }
.brands .outer__brands .grid {
grid-template-columns: repeat(4, 1fr);
max-width: 290px;
grid-row-gap: 10px; }
.brands .outer__brands .grid .elem {
min-height: 60px; }
.brands .outer__brands .grid .elem img {
min-width: 35px;
max-width: 35px; }
.steps__wrapper {
margin-top: 25px; } }
@media (max-width: 540px) {
.list__cars {
grid-template-columns: 1fr; }
.row__features {
padding: 20px 0px; }
.row__features .outer__row {
grid-column-gap: 15px; }
.row__features .outer__row > .elem {
flex-direction: column;
align-items: center;
justify-content: center; }
.row__features .outer__row > .elem > span {
margin-right: 0px;
margin-bottom: 5px; }
.row__features .outer__row > .elem .desc > p {
text-align: center; }
.filter__popup {
min-width: 0px !important;
max-width: 100% !important;
width: calc(100% - 30px) !important; }
.grid__cars .certificate__wrapper {
grid-column-start: 1;
grid-column-end: 2; }
.grid__box .outer__grid > .el {
display: flex;
flex-direction: column; }
.grid__box .outer__grid {
align-items: flex-start; }
.grid__box .outer__grid > .el > img {
margin-right: 0px;
margin-bottom: 5px; }
.grid__box .outer__grid {
grid-column-gap: 15px; }
.grid__box .outer__grid > .el {
margin-right: 0px; }
.grid__box .outer__grid > .el > p {
text-align: center; }
.details__wrapper .outer__details .box .details__top .list > .elem .content > .elem .medias > .elem__media .text > p {
font-size: 13px;
line-height: 20px; }
.details__wrapper .outer__details .box .details__top .list > .elem > .title > h6 {
font-size: 18px; }
.details__wrapper .outer__details .box .details__top .list > .elem {
padding: 15px; }
.explore__wrapper .outer__explore .grid__cars {
grid-template-columns: 1fr; }
.car__element .bottom__part {
position: static;
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-top: 15px; }
.car__element {
padding-bottom: 12px; }
footer .outer__footer .bottom > p {
text-align: center; }
.points__wrapper {
margin-top: 10px; } }
.finance__popup > .inner > .box .total > .el > span {
white-space: nowrap; }
.finance__popup > .inner > .box .total > .el > p {
margin-left: 8px; }
@media (max-width: 480px) {
.popup__form .inner .box {
padding: 25px 20px; }
.popup__form .inner .box .elem__car {
padding-left: 0px;
padding-right: 0px; }
.popup__form .inner .box .btn {
margin-top: 25px; }
.popup__form .inner .box .btn > a {
padding-left: 14px;
padding-right: 14px; }
.popup__form .inner .box > h6 {
font-size: 22px;
line-height: 30px;
margin-bottom: 15px; }
.form__complex .outer__form form .steps ul > li {
font-size: 17px;
line-height: 21px; }
.form__complex .outer__form form .steps > span.step__one {
width: 85px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .left__part ul > li:nth-child(1) {
min-width: 40px; }
.form__complex .outer__form form {
padding: 25px 15px; }
.form__complex .outer__form form .steps {
max-width: 240px; }
.finance__popup > .inner > .box .head > p {
font-size: 26px;
line-height: 34px; }
.finance__popup > .inner > .box > h6 {
font-size: 17px;
line-height: 22px; }
.calculation__form .outer__calculation .results .box .estimated > p {
font-size: 27px;
line-height: 34px; }
.form__hero.updated .outer__form--hero > .desc > h2 {
font-size: 22px;
line-height: 30px; }
.partners__wrapper .outer__partners .box > img:nth-child(1) {
max-width: 110px !important; }
.partners__wrapper .outer__partners .box {
max-width: 290px; }
.partners__wrapper .outer__partners .box > img:nth-child(2) {
max-width: 170px !important; }
.view__wrapper .media > .elem {
margin-right: 5px; }
.view__wrapper .desc .controls {
grid-template-columns: 1fr;
grid-row-gap: 20px; }
.view__wrapper .desc .controls {
max-width: 100%; }
.inspection__wrapper {
margin-top: 30px; }
.inspection__wrapper .outer__inspection > .top > p {
font-size: 16px;
line-height: 24px; }
.inspection__wrapper .btn > a {
font-size: 16px;
line-height: 20px;
max-width: 290px;
text-align: center; }
.inspection__wrapper .btn {
margin-top: 35px;
padding-left: 15px;
padding-right: 15px; }
.inspection__wrapper .outer__inspection > .top {
padding-left: 15px;
padding-right: 15px;
text-align: center; }
.inspection__wrapper .outer__inspection > .top br {
display: none; }
.hero__certificate .outer__hero .top__part {
padding-left: 15px;
padding-right: 15px; }
.hero__certificate .outer__hero .bottom__part .inner .list {
flex-direction: column;
align-items: center; }
.hero__certificate .outer__hero .bottom__part .inner .list > .elem {
margin-right: 0px;
margin-bottom: 20px; }
.hero__certificate .outer__hero .bottom__part .inner .list > .elem:last-child {
margin-bottom: 0px; }
.points__wrapper .box {
padding: 20px 15px; }
.points__wrapper .points__left {
min-width: 0px; }
.points__wrapper .points__left br {
display: none; }
.calculator__wrapper .inner__calculator {
padding: 15px; }
.calculator__wrapper .inner__calculator .right .total > p {
font-size: 28px;
line-height: 36px; }
.calculator__wrapper .inner__calculator .right .table {
margin-bottom: 25px; }
.calculator__wrapper .inner__calculator .right .table > .el > p {
font-size: 14px;
line-height: 20px; }
.calculator__wrapper .inner__calculator .right .table > .el > span {
font-size: 14px;
line-height: 20px; }
.calculator__wrapper .inner__calculator .right {
padding: 25px 12px; }
.calculator__wrapper .inner__calculator .left > h6 {
margin-bottom: 20px;
font-size: 20px;
line-height: 20px; }
.calculator__wrapper .inner__calculator .left .field {
flex-direction: column; }
.calculator__wrapper .inner__calculator .left .field .field__main {
flex-direction: column; }
.calculator__wrapper .inner__calculator .left .field .field__main .range {
width: 100%;
margin-right: 0px; }
.calculator__wrapper .inner__calculator .left .field .field__main {
width: 100%; }
.calculator__wrapper .inner__calculator .left .field .field__main > span {
left: 50%;
transform: translateX(-50%);
width: 40px;
text-align: center;
margin-left: auto;
bottom: 5px; }
.calculation__form .outer__calculation .form .field {
flex-direction: column; }
.calculation__form .outer__calculation .form .field .field__main > input {
width: 100%; }
.calculation__form .outer__calculation .form .field .field__main > span {
right: -15px; }
.calculation__form .outer__calculation .form .field .field__main {
flex-direction: column; }
.calculation__form .outer__calculation .form .field .field__main .range {
width: 100%;
margin-right: 0px; }
.calculation__form .outer__calculation .form .field .field__main {
width: 100%; }
.calculation__form .outer__calculation .form .field .field__main > span {
left: 50%;
transform: translateX(-50%);
width: 40px;
text-align: center;
margin-left: auto;
bottom: 5px; }
.details__inner--box > .box .top {
grid-template-columns: 1fr; }
.details__inner--box > .box .top > .elem:last-child {
grid-column-start: 1;
grid-column-end: 2; }
.form__brand .outer__form--brand {
padding: 20px 16px; }
.form__brand .outer__form--brand .description .icons {
grid-column-gap: 5px;
grid-row-gap: 10px; }
.form__brand .outer__form--brand form {
padding: 20px 15px; }
.form__brand .outer__form--brand .description .top > h2 {
font-size: 22px;
line-height: 26px; }
.form__brand .outer__form--brand .description .top > h2 br {
display: none; }
.form__brand .outer__form--brand .description .icons .elem__icon img {
min-width: 24px;
max-width: 24px; }
.form__brand .outer__form--brand .description .icons .elem__icon {
min-height: 40px;
border-radius: 4px; }
.form__brand .outer__form--brand .description .icons {
grid-template-columns: repeat(6, 40px); }
.form__hero .outer__form--hero .desc > h2 br {
display: none; }
.feedback__wrapper .outer__feedback > .top > h2 {
font-size: 22px;
line-height: 26px; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .author {
flex-direction: column;
align-items: center; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .author > img {
margin-right: 0px;
margin-bottom: 10px; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .author {
text-align: center; }
.feedback__wrapper .slider__wrapper .elem__slide .inn .author .desc ul {
justify-content: center; }
.form__hero .outer__form--hero .desc > h2 {
font-size: 22px;
line-height: 30px; }
.faq__wrapper .outer__faq .faq__desc > h6 {
font-size: 22px;
line-height: 30px; }
footer .outer__footer > .top .menus {
flex-direction: column;
align-items: center;
width: 100%;
justify-content: center; }
footer .outer__footer .bottom ul {
flex-direction: column;
justify-content: center;
align-items: center; }
footer .outer__footer .bottom ul > li {
margin-bottom: 5px;
margin-right: 0px; }
footer .outer__footer .bottom ul > li:last-child {
margin-bottom: 0px; }
footer .outer__footer > .top .menus > .elem {
margin-right: 0px;
margin-left: auto;
margin-right: auto; }
footer .outer__footer > .top .menus > .elem {
text-align: center; }
footer .outer__footer > .top .menus > .elem:last-child {
margin-right: auto;
margin-top: 25px; }
.steps__wrapper .outer__steps .side {
height: 240px; }
.steps__wrapper .outer__steps .side > h6 {
font-size: 26px;
line-height: 34px; }
.steps__wrapper .outer__steps .steps > .elem__step:nth-child(1) {
margin-left: 0px; }
.steps__wrapper .outer__steps .steps > .elem__step:nth-child(2) {
margin-left: 0px; }
.steps__wrapper .outer__steps .steps > .elem__step {
margin-bottom: 20px;
max-width: 100%; }
.explore__wrapper .outer__explore .controls .switcher ul li a {
padding: 15px; }
header .outer__header > .menu .btns {
flex-direction: column;
justify-content: center;
width: 100%;
padding-left: 15px;
padding-right: 15px; }
header .outer__header > .menu .btns > a {
width: 100%;
margin-right: 0px;
margin-bottom: 10px; }
header .outer__header > .menu .btns > a:last-child {
margin-bottom: 0px; }
.top__bar .outer__top {
flex-direction: column; }
.top__bar .outer__top .lang {
margin-top: 5px; } }
@media (max-width: 400px) {
.seller__section .outer__seller .box .card {
padding-left: 15px;
padding-right: 15px; }
.seller__section .outer__seller .box .card > .media {
width: calc(100% + 30px);
margin-left: -15px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el {
flex-direction: column; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .left__part {
width: 100%;
margin-bottom: 6px; }
.seller__section .outer__seller .box .details__information .top__part .double__grid .elem .list > .el .right__part {
width: 100%;
margin-left: 0px; }
.seller__section .outer__seller .box .details__information .top__part .price__info .left > .el > p {
font-size: 14px;
line-height: 20px; }
.seller__section .outer__seller .box .details__information .top__part .title > a {
font-size: 14px; }
.seller__section .outer__seller .box .details__information .top__part .title > h6 {
font-size: 20px;
line-height: 28px; }
.seller__section .outer__seller .box .details__information .top__part .price__info .left > .el.price1 .price, .seller__section .outer__seller .box .details__information .top__part .price__info .left > .el.price2 .price {
font-size: 18px; }
.seller__section .outer__seller .box .details__information .top__part .price__info > .left > .el {
margin-bottom: 10px; }
.modal__wrapper.reservation .modal__box form .top__reservation {
flex-direction: column; }
.modal__wrapper.reservation .modal__box form .top__reservation .media {
width: 100%;
min-width: 0px;
margin-bottom: 7px; }
.modal__wrapper.reservation .modal__box form .top__reservation .media img {
height: auto; }
.details__box .ticket .controls > ul.triple > li:nth-child(1) {
grid-column-start: 1;
grid-column-end: 2; }
.details__box .ticket .controls > ul {
grid-template-columns: 1fr; }
.form__brand .outer__form--brand .description .icons .elem__icon {
min-height: 36px; }
.form__brand .outer__form--brand .description .icons {
grid-template-columns: repeat(6, 36px); } }
/*# sourceMappingURL=style.css.map */