@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Black.eot');
  src: url('../fonts/Barlow-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Barlow-Black.woff2') format('woff2'),
    url('../fonts/Barlow-Black.woff') format('woff'),
    url('../fonts/Barlow-Black.ttf') format('truetype'),
    url('../fonts/Barlow-Black.svg#Barlow-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-BlackItalic.eot');
  src: url('../fonts/Barlow-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Barlow-BlackItalic.woff2') format('woff2'),
    url('../fonts/Barlow-BlackItalic.woff') format('woff'),
    url('../fonts/Barlow-BlackItalic.ttf') format('truetype'),
    url('../fonts/Barlow-BlackItalic.svg#Barlow-BlackItalic') format('svg');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../fonts/Figtree-Regular.eot');
  src: url('../fonts/Figtree-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Figtree-Regular.woff2') format('woff2'),
    url('../fonts/Figtree-Regular.woff') format('woff'),
    url('../fonts/Figtree-Regular.ttf') format('truetype'),
    url('../fonts/Figtree-Regular.svg#Figtree-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../fonts/Figtree-Italic.eot');
  src: url('../fonts/Figtree-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Figtree-Italic.woff2') format('woff2'),
    url('../fonts/Figtree-Italic.woff') format('woff'),
    url('../fonts/Figtree-Italic.ttf') format('truetype'),
    url('../fonts/Figtree-Italic.svg#Figtree-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../fonts/Figtree-Medium.eot');
  src: url('../fonts/Figtree-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Figtree-Medium.woff2') format('woff2'),
    url('../fonts/Figtree-Medium.woff') format('woff'),
    url('../fonts/Figtree-Medium.ttf') format('truetype'),
    url('../fonts/Figtree-Medium.svg#Figtree-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../fonts/Figtree-Bold.eot');
  src: url('../fonts/Figtree-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Figtree-Bold.woff2') format('woff2'),
    url('../fonts/Figtree-Bold.woff') format('woff'),
    url('../fonts/Figtree-Bold.ttf') format('truetype'),
    url('../fonts/Figtree-Bold.svg#Figtree-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../fonts/Figtree-BoldItalic.eot');
  src: url('../fonts/Figtree-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Figtree-BoldItalic.woff2') format('woff2'),
    url('../fonts/Figtree-BoldItalic.woff') format('woff'),
    url('../fonts/Figtree-BoldItalic.ttf') format('truetype'),
    url('../fonts/Figtree-BoldItalic.svg#Figtree-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

:root {
  --site1: #151e33;
  --site2: #00c37a;
  --facebook: #1877F2;
  --instagram: #E4405F;
  --linkedin: #0A66C2;
  --twitter: #000000;
  --youtube: #CD201F;
}


/***********************
 GENERAL
 ***********************/
body, p, ul li, ol li, .p { font-family: 'Figtree', sans-serif; font-weight: normal; font-size: 18px; line-height: 24px; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; }
a:hover { text-decoration: none; }
button { background-color: transparent; border: 0; border-radius: 0; box-shadow: none; }
button:focus { box-shadow: none; outline: 0; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { color: var(--site1); font-family: 'Barlow', sans-serif; font-weight: 900; text-transform: uppercase; }
h1, .h1 { font-size: 57px; line-height: 61px; }
h1.p { font-size: 105%; text-transform: none; }
h2, .h2 { font-size: 50px; line-height: 54px; }
h3, .h3 { font-size: 36px; line-height: 40px; }
h6 { font-family: 'Figtree', sans-serif; font-size: 28px; font-weight: normal; line-height: 32px; }

@media (width <= 1199px) {
  h1, .h1 { font-size: 51px; line-height: 55px; }
  h2, .h2 { font-size: 44px; line-height: 48px; }
  h3, .h3 { font-size: 33px; line-height: 37px; }
  h6 { font-size: 25px; line-height: 29px; }
  body, p, ul li, ol li, .p { font-size: 17px; line-height: 23px; }
}

@media (width <= 992px) {
  h1, .h1 { font-size: 44px; line-height: 48px; }
  h2, .h2 { font-size: 36px; line-height: 40px; }
  h3, .h3 { font-size: 30px; line-height: 36px; }
  h6 { font-size: 22px; line-height: 26px; }
  body, p, ul li, ol li, .p { font-size: 16px; line-height: 22px; }
}

@media (width <= 576px) {
  h1, .h1 { font-size: 35px; line-height: 39px; }
  h2, .h2 { font-size: 30px; line-height: 34px; }
  h3, .h3 { font-size: 26px; line-height: 30px; }
  h6 { font-size: 20px; line-height: 24px; }
}

.bg-light { background-color: #F5F2EA!important; border-radius: 6px; }
.bkg-site1 { background-color: var(--site1); }
.bkg-site2 { background-color: var(--site2); }
.bkg-white { background-color: white!important; }

.text-site1 { color: var(--site1); }
.text-site2 { color: var(--site2); }

.tt-none { text-transform: none; }

.button { background-color: var(--site2); border-radius: 6px; color: white; cursor: pointer; display: inline-block; font-family: 'Barlow', sans-serif; font-size: 26px; font-weight: 900; letter-spacing: 1px; line-height: 31px; padding: 15px 40px; text-align: center; text-transform: uppercase; }
.button:hover { background-color: var(--site1); color: white; }

.button.button-small { font-size: 15px; line-height: 20px; padding: 9px 24px; }

.mw-120 { max-width: 120px; }

.btn-primary { background-color: var(--site2); border-color: var(--site2); }
.btn-primary:hover { background-color: var(--site1); border-color: var(--site1); }

@media (width >= 1300px) {
  .container { max-width: 1240px; }
}

@media (width >= 1400px) {
  .container { max-width: 1340px; }
}

@media (width <= 1199px) {
  .button { font-size: 24px; line-height: 29px; }

  .margin-bottom-xxl { margin-bottom: 75px; }
  .padding-bottom-xxl { padding-bottom: 75px; }
}

@media (width >= 993px) {
  .pl-lg-15 { padding-left: 15px!important; }
  .pr-lg-15 { padding-right: 15px!important; }
}

@media (width <= 992px) {
  .button { font-size: 22px; line-height: 27px; }

  .margin-bottom-xxl { margin-bottom: 60px; }
  .padding-bottom-xxl { padding-bottom: 60px; }
}

@media (width <= 767px) {
  .button { font-size: 20px; line-height: 25px; }
  .button.button-small { font-size: 14px; line-height: 19px; padding: 8px 20px; }
}

/*** Aspect Ratios ***/
.four-three, .square, .sixteen-nine, .three-four { display: block; object-fit: cover; position: relative; }
.sixteen-nine { aspect-ratio: 16 / 9; }
.four-three { aspect-ratio: 4 / 3; }
.square { aspect-ratio: 1 / 1; }ç
.three-four { aspect-ratio: 3 / 4; }

/*** Flexslider ***/
.flexslider { border: 0; border-radius: 0; margin-bottom: 0; }


/***********************
 HEADER
 ***********************/
#header { background-color: var(--site2); padding: 35px 0 15px; }
#header nav, #header .menu, #header .menu li, #header .menu li > a { display: inline-block; }
#header .menu, #header .menu li { list-style: none; padding-left: 0; }
#header .menu { margin-bottom: 0; margin-right: 30px; }
#header .menu > li { margin: 0 15px; }
#header .menu > li:first-child { margin-left: 0; }
#header .menu > li:last-child { margin-right: 0; }
#header .menu li { position: relative; }
#header .menu li > a, #header nav > a { font-family: 'Barlow', sans-serif; font-size: 24px; font-weight: 900; line-height: 28px; text-transform: uppercase; }
#header .menu li > a { color: var(--site1); }
#header .menu li.parent > a:after { content: '\f107'; font-family: 'FontAwesome'; margin-left: 3px; }
#header .menu li.active > a, #header .menu li.active-parent > a, #header .menu li > a:hover { color: white; }

/*** Submenu ***/
#header .menu > li ul { background-color: var(--site2); display: inline-block; left: 0; padding: 10px 0; position: absolute; text-align: left; top: 100%; width: 250px; z-index: 999; }
#header .menu li:not(:hover) > ul { display: none; }
#header .menu > li > ul li { display: inline-block; width: 100%; }
#header .menu > li ul > li > a { display: inline-block; padding: 5px 15px; width: 100%; }
#header .menu > li > ul li.parent > a:after { content: '\f105'; display: inline-block; float: right; }

/*** Submenu 2 ***/
#header .menu > li ul > li > ul { left: 100%; top: -10px; }

#header nav > a { color: white; }
#header nav > a:hover { color: var(--site1); }
#header nav > a + a { margin-left: 15px; }

#open-menu { cursor: pointer; display: inline-block; float: right; margin-left: 16px; position: relative; top: 3px; width: 27px; }
#open-menu .line { background-color: var(--site1); border-radius: 4px; display: inline-block; float: left; height: 5px; margin: 1px 0; width: 27px; transition: .5s all ease; -webkit-transition: .5s all ease; }
#open-menu:hover .line { background-color: white; }
#open-menu:hover .line:nth-child(2) { margin-left: 8px; width: 19px; }

@media (width <= 1199px) {
  #header { padding-top: 30px; }

  #header .menu li > a, #header .menu + a { font-size: 22px; line-height: 26px; }
}

@media (width <= 992px) {
  #header { padding-top: 25px; }
  #header .menu { display: none; }

  #open-menu { margin-left: 10px; }
}

@media (width <= 767px) {
  #header { padding-top: 20px; }
}


/***********************
 OFF CANVAS
 ***********************/
#offCanvas { background-color: var(--site1); height: 100vh; max-width: 350px; padding: 140px 25px; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999; transition: .5s all ease; -webkit-transition: .5s all ease; translate: 400px 0; }
#offCanvas.open { translate: 0 0; }
#offCanvas .logo { left: 20px; position: absolute; top: 20px; }
#offCanvas .logo + a { color: white; font-size: 22px; position: absolute; right: 60px; top: 30px; }
#offCanvas .logo + a:hover { color: var(--site2); }

#offCanvas #close-menu { cursor: pointer; height: 21px; position: absolute; right: 25px; top: 31px; width: 21px; transition: .5s all ease; -webkit-transition: .5s all ease; rotate: 0; -webkit-rotate: 0; }
#offCanvas #close-menu:hover { rotate: 90deg; -webkit-rotate: 90deg; }
#offCanvas #close-menu .line { background-color: white; border-radius: 4px; display: inline-block; height: 21px; left: calc(50% - 2px); position: absolute; top: 0; width: 4px; }
#offCanvas #close-menu .line:first-child { rotate: 45deg; -webkit-rotate: 45deg; }
#offCanvas #close-menu .line:last-child { rotate: -45deg; -webkit-rotate: -45deg; }
#offCanvas #close-menu:hover .line { background-color: var(--site2); }

/*** Menu ***/
#offCanvas ul { list-style: none; padding-left: 0; position: relative; }
#offCanvas ul, #offCanvas ul > li, #offCanvas ul > li > a { display: inline-block; width: 100%; }
#offCanvas ul > li { margin: 2px 0; }
#offCanvas ul > li > a { color: white; font-family: 'Barlow', sans-serif; font-size: 24px; font-weight: 900; line-height: 28px; text-transform: uppercase; }
#offCanvas ul > li.active > a, #offCanvas ul > li.active-parent > a, #offCanvas ul > li > a:hover { color: var(--site2); }
#offCanvas ul > li.parent > a:after { content: '\f105'; font-family: 'FontAwesome'; margin-left: 3px; }

/*** Submenu ***/
#offCanvas ul > li > ul { background-color: var( --site1); display: inline-block; height: calc(100vh - 280px); left: 0; position: absolute; top: 0; width: 100%; z-index: 9; transition: .5s all ease; -webkit-transition: .5s all ease; translate: 400px 0; }
#offCanvas ul > li > ul.open { translate: 0 0; }
#offCanvas .back > a { font-family: 'Figtree', sans-serif; font-size: 15px; line-height: 20px; margin-bottom: 5px; }
#offCanvas .back > a:before { content: '\f104'; font-family: 'FontAwesome'; margin-right: 5px; }

.follow, .follow > li, .follow > li > a { display: inline-block; list-style: none; }
.follow { padding-left: 0; }
.follow > li { width: auto; }
.follow > li:not(:last-child) { margin-right: 5px; }
.follow > li > a { background-color: var(--site2); border-radius: 50%; color: white; font-size: 22px; height: 36px; line-height: 37px; text-align: center; width: 36px; }
.follow > li > a[href*="facebook"]:hover { background-color: var(--facebook)!important; }
.follow > li > a[href*="instagram"]:hover { background-color: var(--instagram)!important; }
.follow > li > a[href*="linkedin"]:hover { background-color: var(--linkedin)!important; }
.follow > li > a[href*="twitter"]:hover { background-color: var(--twitter)!important; }
.follow > li > a[href*="youtube"]:hover { background-color: var(--youtube)!important; }

#offCanvas .follow { bottom: 30px; left: 30px; margin-bottom: 0; padding-left: 0; position: absolute; }
#offCanvas .follow, #offCanvas .follow > li { width: auto; }
#offCanvas .follow > li > a { line-height: 36px; width: 36px; }

#offCanvas img[src*="eez"] { bottom: 1px; position: absolute; right: 4px; }

@media (width <= 576px) {
  #offCanvas { max-width: 100%; translate: 105vw 0; }
}


/***********************
 FOOTER
 ***********************/
footer { background-color: #f5f2ea; padding-bottom: 15px; padding-top: 60px; }
footer img[src*="webp"] { height: 45px; margin-bottom: 30px; }
footer img[src*="ida-logo"] { width: 60px; }

footer .col-lg-4 p > a { color: var(--site1); font-family: 'Barlow', sans-serif; font-weight: 900; }
footer .col-lg-4 p > a:hover { color: var(--site2); }
footer .col-lg-4 p > a:before { content: ''; background-color: var(--site2); border-radius: 50%; color: white; display: inline-block; float: left; font-family: 'FontAwesome'; font-size: 16px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; width: 30px; }
footer .col-lg-4 p > a[href*="mailto:"]:before { content: "\f003"; }
footer .col-lg-4 p > a[href*="tel:"]:before { content: "\f095"; }

footer .follow { margin-top: 10px; }
footer .follow > li > a { background-color: var(--site1); }

footer ul { list-style: none; padding-left: 0; }
footer .menu, footer .menu ul, footer .menu li { display: inline-block; width: 100%; }
footer .menu li > a { color: var(--site1); font-family: 500; }
footer .menu li > a:hover { color: var(--site2); }
footer .menu > li > a { font-family: 'Barlow', sans-serif; font-weight: 900; text-transform: uppercase; }

footer .menu > li > ul { margin-top: 15px; }
footer .menu > li > ul > li > a { font-size: 15px; line-height: 19px; }

footer #copyright { margin-top: 30px; padding-top: 15px; position: relative; }
footer #copyright:before { content: ''; background-color: var(--site1); height: 2px; left: 15px; position: absolute; top: 0; width: calc(100% - 30px); }
footer #copyright p { font-size: 14px; font-weight: 500; line-height: 18px; }
footer #copyright p, footer #copyright p > a { color: var(--site1); }
footer #copyright p > a:hover { color: var(--site2); }

@media (width <= 1199px) {
  footer .col-lg-4 p > a:before { height: 28px; line-height: 28px; width: 28px; }
  footer .col-lg-4 p > a[href*="mailto:"]:before { font-size: 14px; }
}

@media (width <= 992px) {
  footer { padding-top: 50px; }
  footer img[src*="ida-logo"] { margin-top: 5px; width: 50px; }

  footer .col-lg-4 p > a:before { position: relative; top: -1px; }

  footer .follow { margin-bottom: 30px; }

  footer .menu { border-bottom: 1px solid var(--site1); padding-bottom: 6px; }
  footer .menu > li > a { display: inline-block; position: relative; width: 100%; }
  footer .menu > li > a:after, footer .menu > li > a:before { content: ''; background-color: var(--site1); border-radius: 2px; position: absolute; translate: 0 -50%; }
  footer .menu > li > a:after { height: 2px; right: 0; top: 50%; width: 8px; }
  footer .menu > li:not(.open) > a:before { height: 8px; right: 3px; top: 50%; width: 2px; }
  
  footer .menu > li:not(.open) > ul { display: none; }
  footer .menu > li > ul { margin-bottom: 5px; margin-top: 10px; }

  footer #copyright { margin-top: 18px; }
  footer #copyright p { font-size: 13px; line-height: 17px; }
}

@media (width <= 767px) {
  footer .col-lg-4 p > a:before { top: -2px; }

  footer #copyright p { margin-bottom: 5px; padding-bottom: 0; }
}


/***********************
 HOMEPAGE
 ***********************/
#home-section { padding-top: 30px; position: relative; }
#home-section:before { content: ''; background-color: var(--site2); height: 485px; left: 0; position: absolute; top: 0; width: 100%; }
#home-section h1 img { margin-left: 20px; position: relative; top: -30px; }

.service-column { margin-bottom: 10px; margin-top: 10px; padding: 50px 30px; position: relative; z-index: 9; }
.service-column:before { content: ''; background-color: #f5f2ea; border-radius: 15px; height: 100%; left: 10px; position: absolute; top: 0; width: calc(100% - 20px); z-index: 0; }
.service-column * { position: relative; }
.service-column img { margin-bottom: 15px; width: auto; }
#services .service-column img { max-height: 120px; max-width: 150px; } 
.service-column h3 a { color: var(--site1); }
.service-column h3 a:after { content: '\f054'; display: inline-block; font-family: 'FontAwesome'; font-size: 24px; margin-left: 10px; position: relative; top: -3px; transition: .5s all ease; -webkit-transition: .5s all ease; translate: 0 0; }
.service-column h3 a:hover:after { translate: 10px 0; }
.service-column p:last-child { margin-bottom: 0; padding-bottom: 0; }

.login-form h6 { font-weight: 500; }
.login-form .button { width: 100%; }

.btn-group-lg>.btn, .btn-lg { line-height: 1.6!important; padding: .6rem 1rem!important; }

.social-login, .social-login > li, .social-login > li > a { display: inline-block; }
.social-login { margin-top: 10px; padding-left: 0; list-style: none; }
.social-login > li { margin: 0 5px; }
.social-login > li > a { background-color: var(--site2); border-radius: 50%; color: white; font-size: 34px; height: 60px; line-height: 61px; text-align: center; width: 60px; }
.social-login > li > a:hover { background-color: var(--site1); }
.social-login > li > a[href*="facebook"]:hover { background-color: var(--facebook); }

#download-app { padding-bottom: 90px; }

@media (width >= 993px) {
  #home-section:before { height: calc(100% - 90px); }
  #home-section:after { content: ''; background: url('../img/bottom-waves.webp') no-repeat bottom left; background-size: 100%; bottom: 90px; height: 50%; left: 0; position: absolute; width: 100%; }
}

@media (width <= 1199px) {
  #home-section .col-lg-6 { padding-bottom: 45px; padding-top: 45px; }
  #home-section .col-lg-6 img { max-height: 150px; }

  .social-login > li > a { font-size: 32px; height: 56px; line-height: 57px; width: 56px; }

  #download-app { padding-bottom: 75px; }
}

@media (width <= 992px) {
  #home-section h1 img { display: block; margin: 20px auto 45px; top: 0; }
  #home-section .col-lg-6 { padding-bottom: 40px; padding-top: 40px; }
  #home-section .col-lg-6:before { left: 15px; width: calc(100% - 30px); }
  #home-section .col-lg-6 img { max-height: 140px; }

  .service-column { padding-block: 45px; }
  .service-column:before { left: 0; width: 100%; }

  .social-login > li > a { font-size: 30px; height: 52px; line-height: 53px; width: 52px; }

  #download-app img[src*="eez"] { margin-bottom: 40px; max-width: 350px; width: 100%; }
}

@media (width <= 767px) {
  #home-section:before { height: 535px; }
  #home-section h1 span { display: block; margin: 5px auto 0; }
  #home-section .col-lg-6 { padding: 35px 45px; }
  #home-section .col-lg-6 img { max-height: 130px; }

  .service-column { padding-block: 40px; }
}

@media (width <= 576px) {
  #home-section:before { height: 490px; }
  #home-section .col-lg-6 img { max-height: 110px; }

  .service-column { padding-block: 35px; }
}


/***********************
 PAGES
 ***********************/
#page-header { background-color: var(--site2); margin-bottom: 60px; padding-bottom: 150px; padding-top: 80px; position: relative; }
#page-header:after { content: ''; background: url('../img/bottom-waves.webp') no-repeat bottom left; background-size: 100%; bottom: -1px; height: 100%; left: 0; position: absolute; width: 100%; }
#page-header h1 { color: var(--site1); }

.after-header-img, .eez-top-img { display: block; margin: -140px auto 30px; max-width: 150px; }
.eez-top-img { margin-top: -70px; }

.top-waves { padding-top: 200px; position: relative; }
.top-waves:before { content: ''; background: url('../img/top-waves.webp') no-repeat top left; background-size: 100%; height: 50%; left: 0; position: absolute; top: 0; width: 100%; }

.breadcrumbs, .breadcrumbs > li, .breadcrumbs > li > a { display: inline-block; color: var(--site1); }
.breadcrumbs { list-style: none; margin-left: 0; margin-top: 10px; padding-left: 0; }
.breadcrumbs > li:not(:last-child):after { content: '/'; margin-inline: 6px; }
.breadcrumbs > li, .breadcrumbs > li > a { float: left; font-size: 14px; line-height: 18px; }
.breadcrumbs > li > a { color: var(--site2); }
.breadcrumbs > li > a:hover { color: var(--site1); }

.members-benefits { display: inline-block; list-style: none; margin-bottom: 0; margin-left: 5%; margin-top: 30px; max-width: 90%; padding-left: 0; text-align: left; width: 100%; }
.members-benefits > li { font-family: Helvetica, sans-serif; font-size: 17px; line-height: 22px; margin-bottom: 25px; padding-left: 46px; position: relative; }
.members-benefits > li:before { content: "\f00c"; background-color: var(--site2); border-radius: 50%; color: #ffffff; display: inline-block; font-family: FontAwesome; font-size: 15px; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: -5px; width: 30px; }

.price-box { margin-bottom: 25px; }
.price-box strong { font-size: 60px; line-height: 60px; }
.price-box span { color: var(--site2); display: block; font-size: 14px; line-height: 14px; }

.badge { background-color: var(--site2); border-radius: 35px; color: white; letter-spacing: 1px; padding: 8px 24px; text-transform: uppercase; }

@media (width <= 1499px) {
  .top-waves { padding-top: 150px; }
}

@media (width <= 1199px) {
  #page-header { padding-bottom: 100px; padding-top: 50px; }
  .after-header-img { margin-top: -110px; max-width: 130px; }

  .top-waves { padding-top: 130px; }
}

@media (width <= 992px) {
  #page-header { margin-bottom: 40px; padding-bottom: 60px; padding-top: 30px; }
  .after-header-img { margin-bottom: 25px; margin-top: -80px; max-width: 92px; }
}

@media (width <= 767px) {
  .top-waves { padding-top: 100px; }
}


/***********************
 FORMS
 ***********************/
.form-group { margin-bottom: 12px; }

.form-control { background-color: #f2f2f2; border: 0; border-radius: 6px; color: var(--site1); font-size: 13px; line-height: 35px; padding: 18px 25px;  }
select.form-control { display: inline-block; font-size: 16px; height: auto!important; line-height: 21px; padding: 9px 20px; width: auto; }
.form-control::placeholder { color: var(--site1); }
.form-control:focus { background-color: #f9f9f9; box-shadow: none; outline: 0; }

.select-vehicule-size .col-4 { margin-bottom: 60px; margin-top: 60px; }
.select-vehicule-size .custom-control { padding-left: 0; }
.select-vehicule-size .custom-control-label { padding-bottom: 20px; position: relative; text-align: center; }
.select-vehicule-size .custom-radio .custom-control-label { min-height: 20px; min-width: 20px; }
.select-vehicule-size .icon-radio .custom-control-label::before { bottom: 0; left: 50%; top: auto; transform: translateX(-50%); }
.select-vehicule-size .icon-radio-title { display: block; font-size: 18px; line-height: 18px; }
.select-vehicule-size .icon-radio-sub { display: block; font-size: 13px; margin-bottom: 10px; }

.form-second-hand .custom-control { padding-left: 0; }
.form-second-hand .custom-control-label { padding-bottom: 20px; position: relative; text-align: center; }
.form-second-hand .custom-radio .custom-control-label { min-height: 20px; min-width: 20px; }
.form-second-hand .icon-radio .custom-control-label::before { bottom: 0; left: 50%; top: auto; transform: translateX(-50%); }
.form-second-hand .icon-radio-title { display: block; font-size: 18px; line-height: 18px; }
.form-second-hand .form-control.py-3.px-3, .form-second-hand textarea { background-color: #e9ecef; }

.custom-control { padding-left: 2.5rem; position: relative; }
.custom-control-label {left: 0; font-size: 20px; position: absolute; width: 100%;}
.services-panel .custom-control-label {left: 0; font-size: 20px; position: relative; width: 100%;}
.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: var(--site2); }
.custom-control-label.price::before, .custom-control-label.price::after { left: auto; right: -10px!important; top: 50%; transform: translateY(-50%); }
.services-panel .custom-control-label.price::before, .services-panel .custom-control-label.price::after {left: auto; right: 0; top: 50%; transform: translate(90%,-50%); }
.services-panel .custom-control { padding-left: 1.5rem; padding-right: 1rem; } 

.bookingCalendarDayOptions .custom-control-label { position: relative; }

.terms-and-condictions #terms { float: left; }
.terms-and-condictions .text-left { padding-left: 8px; }

.padding-mobile { padding-top: 90px!important; }

@media (width <= 992px) {
  select.form-control { font-size: 12px; list-style: 20px; padding: 8px 16px; }
}

@media (width <= 576px) {
  select.form-control { font-size: 11px; list-style: 19px; padding-inline: 10px; width: 100%; }
  .padding-mobile { padding-top: 110px!important; }
}


/***********************
 TIMELINE
 ***********************/
.timeline, .timeline > li { display: inline-block; list-style: none; position: relative; width: 100%; }
.timeline { margin-left: 0; margin-top: 50px; padding-left: 0; }
.timeline > li:not(:last-child) { margin-bottom: 60px; }
.timeline > li:before { content: ''; border-left: 3px dashed var(--site2); display: inline-block; height: calc(100% + 60px); left: 50%; position: absolute; top: 0; transform: translateX(-50%); } 
.timeline > li:first-child:before { height: calc(50% + 60px); top: 50%; }
.timeline > li:last-child:before { height: 50%; }
.timeline > li:after { content: ''; background-color: var(--site2); border-radius: 50%; display: inline-block; height: 40px; left: 50%; position: absolute; top: 50%; width: 40px; transform: translate(-50%, -50%); }
.timeline .text { background-color: #f5f2ea; border-radius: 12px; padding: 30px; }

@media (min-width: 993px) {
  .timeline > li img { position: absolute; top: 50%; transform: translate(-50%, -50%); }
  .timeline > li:nth-child(odd) { padding-left: calc(50% + 45px); }
  .timeline > li:nth-child(even) { padding-right: calc(50% + 45px); }
  .timeline > li:nth-child(odd) img { left: 25%; }
  .timeline > li:nth-child(even) img { left: 75%; }
}

@media (max-width: 992px) {
  .timeline > li:before, .timeline > li:first-child:before { left: 50%; height: 60px; top: 100%; }
  .timeline > li:last-child:before, .timeline > li:after { content: none; }
  .timeline > li img { height: 70px; left: 30px; position: absolute; top: 30px; }
  .timeline .text { padding-top: 120px; }
}


/***********************
 PACKAGES
 ***********************/
.input-group .input-group-text img { max-height: 25px; max-width: 25px; width: 100%; }
.input-group input { background: #e9ecef; border: 1px solid #ced4da; }

.category-packages { margin-bottom: 75px; margin-top: -43px; }
.package-box { background-color: #f5f2ea; border-radius: 6px; padding: 15px; }
.package-box .row { align-items: center; justify-content: center; }
.package-box h3 { margin-bottom: 0; }
.package-box p:last-child { font-size: 15px; line-height: 19px; margin-bottom: 0; padding-bottom: 0; }
.package-box [type="radio"] { appearance: none; border: 2px solid transparent; border-radius: 50%; cursor: pointer; display: inline-block; height: 17px; outline: 3px solid var(--site1); position: relative; width: 17px; }
.package-box [type="radio"]:checked { background-color: var(--site2); border-color: white; }

.packages-boxes { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); list-style: none; margin-bottom: 90px; margin-left: 0; padding-left: 0; text-align: center; }
.packages-boxes.columns-4 { grid-template-columns: repeat(4, 1fr); }
.packages-boxes .package-title { background-color: var(--site1); border-radius: 16px 16px 0 0; padding: 20px 25px 70px; position: relative; }
.packages-boxes .package-title * { color: white; margin-bottom: 0; padding-bottom: 0; }
.packages-boxes .package-title .price { background-color: #5F7EFF; border: 3px solid white; border-radius: 50%; bottom: -45px; color: white; display: inline-block; font-size: 31px; height: 96px; left: calc(50% - 48px); line-height: 96px; margin-top: -40px; position: absolute; text-align: center; width: 96px; }
.packages-boxes .info-box { background-color: #f2f2f2; margin-bottom: 6px; padding: 25px; }
.packages-boxes:not(.memberships-boxes) .package-title + .info-box { padding-top: 64px; }
.packages-boxes .info-box:nth-last-child(2) { padding-bottom: 70px; }
.packages-boxes .info-box .check { background-color: var(--site2); border-radius: 50%; color: white; display: inline-block; font-size: 13px; height: 24px; line-height: 25px; margin-bottom: 4px; width: 24px; }
.packages-boxes .info-box .check:before { content: "\f00c"; font-family: FontAwesome; }
.packages-boxes .info-box .feature-description { font-size: 15px; line-height: 19px; margin-bottom: 0; padding-bottom: 0; }

.packages-boxes .info-box.bkg-site2 { background-color: var(--site2); border-radius: 0 0 16px 16px; }
.packages-boxes .info-box.bkg-site2 img { margin-top: -80px; }
.packages-boxes .info-box.bkg-site2 .button.button-white { background-color: white; color: var(--site2); width: 100%; }
.packages-boxes .info-box.bkg-site2 .button.button-white:hover { background-color: var(--site1); color: white; }
.packages-boxes .info-box.bkg-site2 .small { line-height: 16px; }

.packages-boxes.memberships-boxes .package-title { padding: 35px 25px; }
.packages-boxes.memberships-boxes .package-title.bronze { background-color: #cd7f32; }
.packages-boxes.memberships-boxes .package-title.silver { background-color: #c0c0c0; }
.packages-boxes.memberships-boxes .package-title.gold { background-color: #ffd700; }

ul.calendar { display: inline-block; list-style: none; padding-left: 0; width: 100%; }
ul.calendar > li { display: inline-block; float: left; }
ul.calendar > li > h4 { color: #000000; font-size: 20px; line-height: 25px; text-align: center; text-transform: uppercase; }
ul.calendar > li > h5 { background: url('../img/icons/calendar-star.png') no-repeat center; background-size: contain; color: #ffffff; display: inline-block; font-size: 25px; line-height: 30px; margin-bottom: 20px; padding-bottom: 24%; padding-top: 46%; position: relative; text-align: center; width: 100%; }
ul.calendar > li > h5.level-2 { background-image: url('../img/icons/calendar-2-stars.png'); }
ul.calendar > li > h5.level-3 { background-image: url('../img/icons/calendar-3-stars.png'); }
ul.calendar > li > h5.level-4 { background-image: url('../img/icons/calendar-4-stars.png'); }

ul.calendar > li > .levels { background: url('../img/icons/calendar.png') no-repeat center; background-size: contain; color: #ffffff; display: inline-block; font-size: 25px; line-height: 30px; margin-bottom: 20px; padding-bottom: 23%; padding-top: 40%; position: relative; text-align: center; width: 100%; }
ul.calendar > li > .levels > p { background-color: #8BC53F; border-radius: 25px; color: #ffffff; display: block; font-size: 14px; font-weight: 600; letter-spacing: 1px; line-height: 19px; margin-bottom: 7px; margin-inline: auto; padding: 6px 20px 5px; text-transform: uppercase; width: fit-content; }
ul.calendar > li > .levels > p:first-child { margin-top: 15px; }

@media (max-width: 1299px) {
  .category-packages { margin-top: -51px; }
  .package-box [type="radio"] { height: 15px; width: 15px; }
}

@media (max-width: 1199px) {
  .packages-boxes.columns-4 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 992px) {
  .category-packages { margin-top: -60px; }
  .package-box { margin-top: 15px; padding: .5rem .95rem!important; }

  .packages-boxes, .packages-boxes.columns-4 { grid-template-columns: repeat(2, 1fr); margin-bottom: 75px; }
}

@media (min-width: 768px) {
  ul.calendar > li { margin-right: 12px; width: calc(25% - 9px); }
  ul.calendar > li:nth-child(4n) { margin-right: 0; }
}

@media (max-width: 767px) {
  ul.calendar > li { margin-right: 12px; width: calc(33.33333334% - 8px); }

  .input-group input { padding-bottom: 1.5rem!important; padding-top: 1.5rem!important; }
}

@media (min-width: 481px) and (max-width: 767px) {
  ul.calendar > li:nth-child(3n) { margin-right: 0; }
}

@media (max-width: 576px) {
  #packages .btn { line-height: 1.6!important; }

  .category-packages { margin-top: -52px; }

  .packages-boxes, .packages-boxes.columns-4 { grid-template-columns: repeat(1, 1fr); margin-bottom: 60px; }
}

@media (max-width: 480px) {
  ul.calendar > li { margin-right: 12px; width: calc(50% - 6px); }
  ul.calendar > li:nth-child(2n) { margin-right: 0; }
}


/***********************
 PRODUCTS
 ***********************/
.products-listing { border-top: 3px solid #F2F2F2; display: grid; grid-template-columns: repeat(2, 1fr); list-style: none; margin-left: 0; padding-left: 0; }
.products-listing > li { border-bottom: 3px solid #F2F2F2; padding-block: 15px; }
.products-listing > li h6 { font-size: 18px; font-weight: 500; line-height: 22px; margin-bottom: 0; }
.products-listing > li h6 a { color: black; }
.products-listing > li h6 a:hover { color: var(--site1); }
.products-listing > li h5 { font-size: 22px; list-style: 26px; margin-bottom: 15px; }
 
@media (width >= 993px) {
  .products-listing > li:nth-child(even) { padding-left: 15px; }
  .products-listing > li:nth-child(odd) { padding-right: 15px; }
}
 
@media (width <= 992px) {
  .products-listing { grid-template-columns: 1fr; }
  .products-listing > li h6 { font-size: 17px; line-height: 21px; }
  .products-listing > li h5 { font-size: 21px; list-style: 25px; }
}
 
@media (width <= 767px) {
  .products-listing > li h6 { font-size: 16px; line-height: 20px; }
  .products-listing > li h5 { font-size: 20px; list-style: 24px; }
}


/***********************
 PRODUCT DETAILS
 ***********************/
#product-details  { margin-bottom: 60px; }
#productSlide { margin-bottom: 30px; }
#product-details .bkg-contain { background-position: center; }
#productCarousel .square-img { border: 1px solid #F5F2EA; border-radius: 6px; cursor: pointer; }
#productCarousel .square-img.bkg-contain { background-size: 75%; }
#productCarousel .flex-active-slide .square-img { border-color: var(--site1); }

#product-details #share { border: 3px solid #f5f2ea; border-radius: 50%; display: inline-block; height: 40px; line-height: 33px; text-align: center; width: 40px; }
#product-details #share:hover { background-color: #f5f2ea; }
#product-details #share img { display: inline-block; height: 18px; width: auto; }

.separator { background-color: #f5f2ea; height: 5px; margin-block: 20px; }

#product-details .form-group { position: relative; }
#product-details .form-group:after { content: '\f107'; font-family: FontAwesome; left: 135px; position: absolute; top: 50%; transform: translateY(-50%); }
#product-details .form-group select { appearance: none; background-color: #F2F2F2; border: 0; border-radius: 6px; margin-left: 10px; padding: 8px 40px 8px 15px;  }

.product-description { margin-top: 30px; }
.product-description > div { padding-left: 0; padding-right: 0; }
.product-description * { text-align: justify; }

@media (max-width: 1199px) {
  #product-details .form-group:after { left: 130px; }
}

@media (max-width: 992px) {
  #productCarousel { margin-bottom: 30px; }
}

@media (max-width: 576px) {
  .separator { margin-left: -15px; width: calc(100% + 30px); }
}


/***********************
 SHOPPING CART
 ***********************/
#cart .bg-grey { position: relative; }
#cart .bg-grey * { position: relative; }
#cart .bg-grey:before { content: ''; background-color: #E6F0FF; height: 100%; left: 15px; position: absolute; top: 0; width: calc(100% - 30px); z-index: 0; }
#cart .card-registration .select-input.form-control[readonly]:not([disabled]) { font-size: 1rem; line-height: 2.15; padding-left: .75em; padding-right: .75em; }
#cart .card-registration .select-arrow { top: 13px; }
#cart .form-control { padding: 10px 15px; text-align: center; }

.logo-cards { margin-right: 20px; width: 82px; }
.logo-checkout { width: 138px; }

@media (min-width: 768px) {
  .logo-cards { width: 120px; }
  .logo-checkout { width: 178px; }
}

.payment-form { border-radius: 15px; display: inline-block; float: right; margin-bottom: 30px; margin-top: 15px; max-width: 500px; padding: 35px 30px 45px; width: 100%; background: rgb(0,103,177); background: -moz-linear-gradient(-45deg,  rgba(0,103,177,1) 0%, rgba(0,52,87,1) 100%); background: -webkit-linear-gradient(-45deg,  rgba(0,103,177,1) 0%,rgba(0,52,87,1) 100%); background: linear-gradient(135deg,  rgba(0,103,177,1) 0%,rgba(0,52,87,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0067b1', endColorstr='#003457',GradientType=1 ); }
.payment-form label { color: var(--white); font-size: 24px; line-height: 28px; margin-bottom: 25px; }
.payment-form button { float: right; font-size: 16px; letter-spacing: 1px; line-height: 20px; margin-top: 20px; width: auto; }

#card-element { background-color: white; border-radius: 6px; padding: 8px 12px; }

@media (min-width: 993px) {
  #cart .bg-grey:before { border-bottom-right-radius: 16px; border-top-right-radius: 16px; }
}
  
@media (max-width: 992px) {
  #cart .bg-grey:before { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; }
}


/***********************
 MARKETPLACE
 ***********************/
#marketplace-search { background-color: #F5F2EA; border-radius: 16px; margin-bottom: 45px; margin-top: 45px; padding: 30px; }
#marketplace-search .form-control { background-color: white; padding-block: 14px; width: 100%; }
#marketplace-search .button { font-size: 20px; list-style: 24px; padding: 10px 25px; width: 100%; }
#marketplace-search .button-reset { cursor: pointer; font-size: 16px; line-height: 20px; }
#marketplace-search .button-reset span { border-bottom: 1px solid black; }
#marketplace-search .button-reset:hover { color: var(--site2); }
#marketplace-search .button-reset:hover span { border-bottom-color: var(--site2); }

.latest-vehicles { margin: 15px -6px; }
.latest-vehicles .slick-track { min-width: 100%; }
.latest-vehicles .slick-slide { padding-inline: 6px; }

.slick-next { opacity: 1; right: 20px; translate: 0 -50%; }
.slick-next:before { content: "\f105"; color: #ffffff; font-family: 'FontAwesome'; font-size: 50px; opacity: 1; transition: .5s all ease; }
.slick-next:hover:before { color: var(--site2); }

.cars-listing { display: grid; grid-gap: 15px; grid-template-columns: repeat(4, 1fr); list-style: none; padding-left: 0; }

.car { border: 1px solid #F5F2EA; border-radius: 10px; }
.car img.main { border-radius: 12px 12px 0 0; }
.car .info { padding: 15px; }
.car h5 { font-size: 22px; list-style: 26px; margin-bottom: 8px; }
.car h6 { font-size: 17px; font-weight: 500; line-height: 21px; margin-bottom: 15px; }
.car h6 a { color: black; }
.car h6 a:hover { color: var(--site1); }
.car .verified, .car .information { font-size: 14px; line-height: 18px; margin-bottom: 0; padding-bottom: 0; }
.car .verified .fa { color: var(--site2); }
.car .verified img { display: inline-block; height: 12px; }
.car .information .fa { color: var(--site2); margin-right: 3px; }
.car .information .fa-tachometer { margin-left: 15px; }

.cars-listing .car .gallery { display: inline-block; position: relative; }
.cars-listing .car .gallery > a { border-radius: 10px 10px 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.cars-listing .car .gallery img { border-bottom: 1px solid white; border-left: 1px solid white; display: inline-block; float: right; width: 33.333333334%; }
.cars-listing .car .gallery img.main { border-left: 0; border-radius: 10px 0 0 0; float: left; width: 66.666666667%; }
.cars-listing .car .gallery img.main + img { border-radius: 0 10px 0 0; }

@media (width <= 1199px) {
  .cars-listing { grid-template-columns: repeat(3, 1fr); }
}

@media (width <= 992px) {
  img.mw-120 { max-width: 100px; }
  #marketplace-search { padding: 25px; }
  #marketplace-search .button-reset { font-size: 15px; line-height: 19px; }

  .latest-vehicles { width: calc(calc(100% + calc(calc(100vw - 100%) / 2)) - 3px); }
  .cars-listing { grid-template-columns: repeat(2, 1fr); }
}

@media (width <= 576px) {
  #marketplace-search { padding-inline: 20px; }
  #marketplace-search .button-reset { font-size: 14px; line-height: 18px; margin-top: 15px; }

  .cars-listing { grid-template-columns: 1fr; }
}


/***********************
 MARKETPLACE DETAILS
 ***********************/
.vehicle-images { position: relative; }
.vehicle-gallery, .vehicle-gallery > li { list-style: none; margin-left: 0; padding-left: 0; }
.vehicle-gallery { display: grid; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(2, 1fr); height: 550px; }
.vehicle-gallery > li { position: relative; }
.vehicle-gallery > li:nth-child(1) { grid-area: 1 / 1 / 3 / 4; }
.vehicle-gallery > li:nth-child(2) { grid-area: 1 / 4 / 2 / 5; }
.vehicle-gallery > li:nth-child(3) { grid-area: 2 / 4 / 3 / 5; }
.vehicle-gallery > li:nth-child(4) { grid-area: 1 / 5 / 2 / 6; }
.vehicle-gallery > li:nth-child(5) { grid-area: 2 / 5 / 3 / 6; }
.vehicle-gallery > li > a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.vehicle-images #share { background-color: white; border-radius: 50%; display: inline-block; height: 40px; line-height: 37px; position: absolute; right: 30px; top: 30px; text-align: center; width: 40px; }
.vehicle-images #share:hover { background-color: var(--site1); }
.vehicle-images #share img { display: inline-block; height: 18px; width: auto; }

#show-images { background-color: white; border-radius: 6px; bottom: 30px; color: black; font-size: 14px; line-height: 19px; padding: 7px 16px; position: absolute; right: 30px; }
#show-images:hover { background-color: var(--site2); color: white; }

.vehicle-features { display: inline-block; list-style: none; margin-bottom: 20px; margin-left: 0; padding-left: 0; width: 100%; }
.vehicle-features > li { display: inline-block; float: left; font-size: 16px; font-weight: 500; line-height: 20px; width: 50%; }
.vehicle-features > li:not(:last-child), .vehicle-features > li:not(:nth-last-child(2)) { margin-bottom: 15px; }
.vehicle-features > li img { display: inline-block; float: left; margin-right: 10px; position: relative; top: -1px; }

@media (min-width: 993px) {
  .vehicle-gallery > li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) { display: none; }
}

@media (max-width: 1399px) {
  .vehicle-gallery { height: 500px; }
}

@media (max-width: 1299px) {
  .vehicle-gallery { height: 450px; }
}

@media (max-width: 1199px) {
  .vehicle-gallery { height: 400px; }
}

@media (max-width: 992px) {
  .vehicle-gallery { grid-template-columns: repeat(3, 1fr); }
  .vehicle-gallery > li:nth-child(1) { grid-area: 1 / 1 / 3 / 3; }
  .vehicle-gallery > li:nth-child(2) { grid-area: 1 / 3 / 2 / 4; }
  .vehicle-gallery > li:nth-child(3) { grid-area: 2 / 3 / 3 / 4; }
  .vehicle-gallery > li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) { display: none; }
}

@media (max-width: 767px) {
  .vehicle-gallery { height: 350px; }
}

@media (max-width: 576px) {
  .vehicle-gallery { grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(1, 1fr); height: 300px; }
  .vehicle-gallery > li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
  .vehicle-gallery > li:not(:nth-child(1))s { display: none; }
}


/***********************
 ABOUT
 ***********************/
details { border-bottom: 1px solid var(--site1); padding: 14px 0; }
details summary { color: var(--site1); font-family: 'Barlow', sans-serif; font-size: 20px; font-weight: normal; padding-right: 40px; position: relative; }
details summary::marker { content: none; }
details summary:before, details summary:after { content: ''; background-color: var(--site1); border-radius: 3px; display: inline-block; position: absolute; transition: .5s all ease; }
details summary:before { height: 3px; right: 0; top: 10px; width: 15px; }
details:not([open]) summary:after { height: 15px; right: 6px; top: 4px; width: 3px; }
details[open] summary { color: var(--site2); margin-bottom: 20px; }
details[open] summary:before, details[open] summary:after { background-color: var(--site2); }


/***********************
 GIFTS
 ***********************/
.services-panel { background-color: #f5f2ea; border-radius: 10px; margin-top: 50px; padding: 30px; position: relative; }
.services-panel .badge { left: 50%; position: absolute; top: -14px; transform: translateX(-50%); }
.services-panel a { color: var(--site2); text-decoration: underline; }
.services-panel .price-group label { font-size: 32px; font-weight: bold; line-height: 36px; margin-bottom: 0; }
.services-panel [type="checkbox"], .services-panel [type="radio"] { appearance: none; border: 2px solid transparent; border-radius: 50%; cursor: pointer; display: inline-block; height: 17px; margin-right: 5px; outline: 3px solid var(--site1); position: relative; top: -2px; width: 17px; }
.services-panel [type="checkbox"] { border-radius: 4px; }
.services-panel [type="checkbox"]:checked, .services-panel [type="radio"]:checked { background-color: var(--site2); border-color: white; }

.select_addons_container .services-panel h4 { font-family: 'Helvetica', sans-serif; font-size: 80%; font-weight: normal; line-height: 22px; padding-right: 10px; text-transform: none; }

.input-group .form-control.bkg-white { border: 1px solid #ced4da; border-left: 0; }

@media (max-width: 767px) {
  .services-panel { padding: 30px 25px 30px 15px; }
  .services-panel [type="checkbox"], .services-panel [type="radio"] { margin-right: 0; right: -13px; height: 24px; width: 24px; }

  .services-panel a { font-size: 15px; padding: 8px 0; }
}

/***********************
 BLOG
 ***********************/
.news-item { background-color: #f5f2ea; border-radius: 10px; margin-bottom: 30px; transition: .5s all ease; }
.news-item:hover { transform: scale(1.05); }
.news-item .bkg-cover { border-radius: 10px 10px 0 0; transition: .5s all ease; }
.news-item:hover .bkg-cover { filter: grayscale(1); }
.news-item .bkg-cover > a { border-radius: 10px 10px 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.news-item .news-desc { padding: 20px; }
.news-item .news-desc h4 { font-size: 20px; line-height: 24px; }
.news-item .news-desc h4 a { color: var(--site1); }
.news-item .news-desc h4 a:hover { color: var(--site2); }
.news-item .news-desc p { font-size: 16px; line-height: 21px; }

.rounded { border-radius: 10px!important; }
.news-description { margin: 30px -15px; }
.news-description a { color: var(--site2); text-decoration: underline; }

.news-share { display: inline-block; list-style: none; padding-left: 0; }
.news-share > li { display: inline-block; float: left; margin-right: 5px; }
.news-share > li > a { color: #ffffff; display: inline-block; height: 30px; line-height: 30px; padding: 0; text-align: center; width: 30px; }
.news-share > li > a.facebook { background-color: #3b5999; }
.news-share > li > a.twitter { background-color: #55acee; }
.news-share > li > a.google-plus { background-color: #dd4b39; }
.news-share > li > a.envelope { background-color: #fb6c4b; }


/***********************
 STEPS
 ***********************/
.stepwizard { margin-top: 40px; margin-bottom: 40px; }
.stepwizard:before { content: ''; background-color: #eee; bottom: 0; height: 4px; left: 50%; position: absolute; top: 63px; width: 100%; transform: translateX(-50%); }
.stepwizard-row { display: flex; flex-flow: nowrap row; justify-content: center; }
.stepwizard-step { padding: 0 5px; position: relative; text-align: center; width: 25%; }

.stepwizard-step .btn-circle { background-color: var(--site1); border-color: #eee; border-radius: 50%; border-width: 4px; color: white; display: inline-block; font-size: 26px; font-weight: bold; height: 50px; line-height: 50px; text-align: center; padding: 0; -webkit-appearance: none; width: 50px; }
.stepwizard-step .btn-circle.active { background-color: var(--site2); }
.stepwizard-step p { font-size: 14px; margin: 10px auto 0; }

.repair-quote-form { background-color: #f5f2ea; border-radius: 10px; padding: 30px; }
.repair-quote-form .form-control { background-color: white; height: auto; padding: 10px 15px; }


/***********************
 REPAIRS
 ***********************/
.vehicle_list_item, .radio_list_item { border: 1px solid #ccc; border-radius: 4px; padding: 8px 1rem; }
.radio_list_item + .radio_list_item { margin-top: 10px; }
.vehicle_details_size, .radio_list_icon { margin-right: 20px; width: 40px; }
.vehicle_details_reg, .radio_list_info { background: #e8e8e8; border-radius: 3px; font-size: 12px; padding: .5rem; text-transform: uppercase; }
.vehicle_details_image { fill: #00c37a; width: 100%; }


/***********************
 CONTACT
 ***********************/
#contact-information p { font-size: 20px; margin: 0 auto 20px; min-width: 220px; text-align: left; width: fit-content; }
#contact-information p > a { color: var(--site1); font-family: 'Barlow', sans-serif; font-weight: 900; }
#contact-information p > a:hover { color: var(--site2); }
#contact-information p > a:before { content: ''; background-color: var(--site2); border-radius: 50%; color: white; display: inline-block; float: left; font-family: 'FontAwesome'; font-size: 16px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; width: 30px; }
#contact-information p > a[href*="mailto:"]:before { content: "\f003"; }
#contact-information p > a[href*="tel:"]:before { content: "\f095"; }

#contact-information .follow { margin-top: 10px; }
#contact-information .follow > li > a { background-color: var(--site1); }


/***********************
MODAL
 ***********************/
@media (max-width: 577px) {
  .fancybox-slide--iframe .fancybox-content { height: 80vh!important; max-width: 100%!important; max-height: 100vh!important; width: 100%!important; }
}

@media (max-width: 575px) {
  .modal-dialog {
    margin : 0;
  }
  .modal-full-mobile {
    width : 100vw;
    height :100vh;
  }
}


/***********************
 SHARE MODAL
 ***********************/
.share-modal { background-color: rgba(0,0,0,0.9); display: none; height: 100%; left: 0; min-height: 100vh; overflow: auto; position: fixed; top: 0; width: 100%; z-index: 9999999999999999; }
.share-modal > .modal-box { background-color: #ffffff; border-radius: 10px; display: inline-block; height: auto; max-width: 300px; position: absolute; width: 100%; }
.share-modal > .modal-box ul { display: inline-block; list-style: none; margin: 0 15px; padding: 0; width: calc(100% - 30px); }
.share-modal > .modal-box ul > li { display: inline-block; width: 100%; }
.share-modal > .modal-box ul > li > a { border-bottom: 1px solid #cccccc; color: #000000; display: inline-block; font-size: 18px; line-height: 22px; padding: 15px 0; width: 100%; }
.share-modal > .modal-box ul > li:last-child > a { border-bottom: 0; }
.share-modal > .modal-box ul > li > a:hover { color: #000000; }
.share-modal > .modal-box ul > li > a .fa { margin-right: 10px; }
.share-modal > .modal-box ul > li > a small { color: #1DBDBC!important; }
.share-modal > .modal-box > .header { border-bottom: 1px solid #cccccc; display: inline-block; margin-bottom: 0; padding: 15px 25px 15px; width: 100%; }
.share-modal > .modal-box > .header > h5 { display: inline-block; float: left; font-size: 24px; line-height: 28px; margin-bottom: 0; margin-top: 0; max-width: calc(100% - 45px); position: relative; top: 3px; }
.share-modal > .modal-box > .header > a.close-modal { border: 1px solid #cccccc; border-radius: 5px; color: #333333; display: inline-block; float: right; font-size: 20px; height: 36px; line-height: 34px; padding: 0; text-align: center; width: 36px; }
.share-modal > .modal-box > .header > a.close-modal:hover { background-color: #cccccc; color: #ffffff; }

.share-modal > .modal-box > .content { display: inline-block; padding: 20px 15px; width: 100%; }
.share-modal > .modal-box > .content h5 { color: #999999; }

@media (min-width: 577px) {
  .share-modal > .modal-box { left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); }
}

@media (max-width: 576px) {
  .share-modal > .modal-box { border-radius: 0; min-height: 100vh; left: 0; max-width: 100%; top: 0; width: 100%; }
}