/* 
	Theme Name: GEELY PREMIUM
	Version: 1.0 / 2025
*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

@font-face {
  font-family: Geely-Bold;
  src: url(fonts/GEELYBold.woff2);
}

html { scroll-behavior: smooth; }

/* custom scroll bar */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #E9EBED; }
::-webkit-scrollbar-thumb { background: #AAA; }

body { font-family: "Plus Jakarta Sans", sans-serif; line-height: 1.75em; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 17px; background: #E9EBED; color: #000; }

h1, h2, h3, h4, h5 { letter-spacing: 0; line-height: 1.75em; }

a { text-decoration: none; transition: ease all .5s; }

.container { max-width:  99%; }

.top { position: fixed; top: 0; z-index: 2; width: 100%; font-family: "Geely-Bold", sans-serif; font-size: 1em; text-shadow: 0 0 10px rgba(0, 0, 0, 0.6); text-transform: uppercase; transition: ease all .5s; }
.logo { position: relative; }
.logo-image { position: relative; z-index: 3; text-align: center; padding: 2em 0 3em 0; transition: ease all .5s; }
.logo-image img { width: 17vw; height: auto; }
.logo-placement { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; background: url(images/logo-placement.png?1) no-repeat top center; background-size: 100% 100%; transition: ease all .5s; }
.top ul { list-style: none; margin: 0; padding: 2em; display: flex; flex-wrap: wrap; transition: ease all .5s; }
.top ul li { margin: 0 1em; flex: 1; display: flex; justify-content: space-evenly; }
.top ul li a { color: #FFF; }

.sticky { background: #E9EBED; text-shadow: none; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; }
.sticky .logo-image { padding: 1em; }
.sticky .logo-placement { background-size: 0 100%; }
.sticky ul { padding: 1em 2em; }
.sticky ul li a { color: #000; }
.sticky .burger-menu { color: #000; }

.order-1 { order: 2 !important; }
.order-2 { order: 1 !important; }
.order-3 { order: 3 !important; }

#burger-toggle {
  position: absolute;
  appearance: none;
  opacity: 0;
}
#burger-toggle:checked ~ .menu {
  opacity: 1;
  visibility: visible;
}

.burger-menu {
  color: #FFF;
  cursor: pointer;
  transition: ease all .5s;
}
.close-menu {
  position: absolute; z-index: 99;
  top: 2em; right: 2em;
  color: #000;
  cursor: pointer;
}
.menu {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F5F1EE;
  opacity: 0;
  overflow-x: auto;
  visibility: hidden;
  transition: 0.3s;
  font-family: "Geely-Bold", sans-serif;
  text-shadow: none;
}
.menu i { font-size: 2em; }

.vehicles { position: relative; padding: 2em 0; }

.vehicles h4 { margin: 0 0 2em 0; padding: 0 0 1em 0; text-align: center; font-size: 2.5vw; border-bottom: 1px solid #FCC0A3; }

.vehicles .box { position: relative; width: 100%; height: 0; padding-bottom: 100%; transition: ease all .5s; }

.vehicles .box img { position: absolute; width: 100%; height: auto; }

.vehicles .box .text {}

.vehicles .box .text .link { margin-bottom: 1em; }

.vehicles .box:hover .text { bottom: 1em; }

.vehicles .box h2 { font-size: 1.5vw; text-transform: uppercase; font-weight: 800; margin: 0; }

.vehicles .box small { font-size: 1vw; }

.filters { margin: 0; font-size: 1.5vw; }

.filters a { display: block; margin: 0; padding: .5em 0 .3em 0 !important; color: #000 !important; }

.filters a:active,

.filters a:focus,

.filters a:hover { padding: .5em 1em .3em 1em !important; text-shadow: none; background: #000; color: #FFF !important; }

.disclaimer { border-top: 1px solid #FCC0A3; padding: 2em 0 0 0; font-family: "Plus Jakarta Sans", sans-serif; font-size: 1vw; text-transform: none; }



/* DISPLAY */

.display { position: relative; max-height: calc(100vh - 2em); top: 1em; z-index: 1; border-radius: 30px; overflow: hidden; margin: 0 0 2em 0; }

.display-small { min-height: calc(50vh - 2em) !important; }

.display .image { position: relative; z-index: 1; }

.display .image img { width: 100%; height: 100%; object-fit: cover; }

.display-small .image-s img { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; }

.display .text { position: absolute; z-index: 3; width: 75%; height: auto; top: 50%; left: 2em; transform: translateY(-50%); color: #FFF; text-shadow: 0 0 50px rgba(0, 0, 0, 0.6);  }

.display .text-title { position: absolute; z-index: 3; width: 75%; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; text-transform: uppercase; color: #FFF; text-shadow: 0 0 50px rgba(0, 0, 0, 0.6); }

.display .text h1 { font-family: "Geely-Bold", sans-serif; font-size: 3em; margin: 0 0 .5em 0; line-height: 1.25em !important; }

.display .text p { font-size: 1.5em; line-height: 1.5em; }

.display .text a { text-shadow: none; background: none; color: #FFF; border: 1px solid #FFF; backdrop-filter: blur(2px); padding: 1em 2em; font-weight: 800; text-transform: uppercase; transition: all ease .5s; }

.display .text a:hover { background: #FFF; color: #111; }

.display video { width: 100% !important; height: auto !important;  -moz-border-radius:30px; -webkit-border-radius: 30px; border-radius: 30px; overflow:hidden; }

.display-gradation { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; box-shadow: 0 0 300px 0px rgba(0,0,0,0.75) inset; }



/* UNDER DISPLAY */

.underdisplay { background: linear-gradient(0deg,rgba(244, 244, 244, 1) 0%, rgba(190, 208, 215, .5) 100%); border-radius: 30px; margin: 0 0 1em 0; padding: 2em; color: #000; }

.underdisplay h1 { font-family: "Geely-Bold", sans-serif; font-size: 3em; margin: 0 0 .5em 0; }

.underdisplay h2 { font-family: "Geely-Bold", sans-serif; font-size: 1.5em; }

.underdisplay .box { margin: 0 0 2em 0; }

.underdisplay .price { font-size: 1.5em; font-weight: 800; }

.underdisplay .meta { margin: 1em 0; }

.underdisplay .meta ul { list-style: none; margin: 0; padding: 0; }

.underdisplay .meta ul li { display: inline; margin:  0 1em 0 0; }

.underdisplay .action { text-align: center; }

.underdisplay a { text-shadow: none; background: #000; border: 1px solid #000; color: #FFF; padding: 1em 3em; font-weight: 800; text-transform: uppercase; transition: all ease .5s; }

.underdisplay a:hover { background: #FFF; border: 1px solid #000; color: #000; }

.with-sep { border-right: 1px solid #000;}

.underdisplay .spacer { margin: 0 0 0 5px; }

.underdisplay .color { position: relative; cursor: pointer; display: inline-block; top: 2px; width: 18px; height: 18px; border-radius: 50%; margin: 0 0 0 5px; box-shadow: 0px 0 1px rgba(0, 0, 0, .5); }

.underdisplay .color1 { background: #93A8AD; }
.underdisplay .color2 { background: #717479; }
.underdisplay .color3 { background: #929BA4; }
.underdisplay .color4 { background: #000000; }
.underdisplay .color5 { background: #FFFFFF; }


/* WHO */

.who { position: relative; padding: 5em; margin: 0; text-align: center; }

.who h2 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 2em; text-transform: uppercase; margin: 0 0 1em 0; }

.who .box { position: relative; }



/* SERVICES */

.services { position: relative; border-radius: 30px; color: #FFF; background: url(images/bg-area2.jpg) no-repeat center center; background-size: cover; padding: 5em; margin: 0; box-shadow: 0 0 100px 0px rgba(0,0,0,0.75) inset; }

.services h2 { position: relative; font-family: "Geely-Bold", sans-serif; color: #FFF; font-size: 2em; text-transform: uppercase; margin: 0 0 .5em 0; }

.services .box { position: relative; width: 70%; }

.services a { text-shadow: none; background: none; border: 1px solid #FFF; color: #FFF; backdrop-filter: blur(2px); padding: 1em 3em; font-weight: 800; text-transform: uppercase; transition: all ease .5s; }

.services a:hover { background: #FFF; border: 1px solid #FFF; color: #000; }



/* AUTHORIZED DEALER */

.authorized { position: relative; padding: 5em 0; }

.authorized h1 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 2em; text-transform: uppercase; margin: 0 0 1em 0; text-align: center; }

.authorized h3 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 1.5em; text-transform: uppercase; margin: 0 0 .5em 0; }

.authorized .box { position: relative; line-height: 1.5em; }

.authorized .image { position: relative; z-index: 1; width: 100%; height: 0; padding-bottom: 60%; border-radius: 30px; overflow: hidden; }

.authorized .image:before { content: ''; position: absolute; z-index: 2; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); }

.authorized .image img { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: ease all .5s; }

.authorized .box:hover .image img { transform: scale(1.25); }

.authorized .text { position: absolute; z-index: 3; left: 0; top: 50%; transform: translateY(-50%); padding: 1em; color: #FFF; width: 100%; text-align: center; text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);  }

.authorized .text i { color: #FA9A6B; }

.authorized .text a { color: #FFF; }



/* WHY */

.why { position: relative; padding: 5em 0 0 0; margin: 0 0 1em 0; text-align: center; }

.why h2 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 2em; text-transform: uppercase; margin: 0 0 1em 0; }

.why h3 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 1.5em; text-transform: uppercase; margin: 0 0 .5em 0; }

.why .title-box p { margin: 0 0 5em 0; }

.why .big-box { margin: 0 0 1em 0; padding: 2em 1em; background: linear-gradient(0deg,rgba(244, 244, 244, 1) 0%, rgba(190, 208, 215, .5) 100%); }

.why .image { position: relative; width: 100%; height: 100%; border-radius: 30px; overflow: hidden; }

.why .image img { position: relative; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; }

.why .box { position: relative; text-align: left; padding: 5em 0; }



/* WHY US */

.why-us { position: relative; padding: 5em 0; margin: 0 0 1em 0; background: url(images/indonesia-map.png) no-repeat center center; background-size: 100%; }

.why-us img { width: 100%; height: auto; }

.why-us h1 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 2em; text-transform: uppercase; margin: 0 0 2em 0; text-align: center; color: #FA9A6B; }

.why-us h2 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 1.1em; text-transform: uppercase; margin: 0 0 .5em 0; color: #FA9A6B; }

.why-us .box { position: relative; margin: 0 0 2em 0;}



/* VALUE */

.value { position: relative; margin: 0 0 1em 0; }

.value h2 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 1.1em; text-transform: uppercase; margin: 0 0 1em 0; }

.value .box { position: relative; border-radius: 30px; overflow: hidden; height: 100%; }

.value .box .image { position: relative; width: 100%; height: 0; padding-bottom: 50%; overflow: hidden; }

.value .box .image img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; transition: ease all .5s; }

.value .box1 { background: url(images/bg-box1.png) no-repeat center center; background-size: cover; }

.value .box2 { background: url(images/bg-box2.png) no-repeat center center; background-size: cover; }

.value .box3 { background: url(images/bg-box3.png) no-repeat center center; background-size: cover; }

.value .box4 { background: url(images/bg-box4.png) no-repeat center center; background-size: cover; }

.value .text { padding: 2em 1.5em; }



/* WHAT'S ON */

.news { position: relative; background: linear-gradient(0deg,rgba(244, 244, 244, 1) 0%, rgba(190, 208, 215, .5) 100%); border-radius: 30px; margin: 0 0 1em 0; padding: 3em 1.5em 2em 1.5em; color: #000; }

.news h2 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 2em; text-align: center; text-transform: uppercase; margin: 0 0 1em 0; }

.news h3 { position: relative; font-size: 1em; font-weight: bold; margin: 0 0 1em 0; }

.news .box { position: relative; margin: 0 0 5em 0; padding: 0; }

.news .box .image { position: relative; width: 100%; height: 0; padding-bottom: 60%; border-radius: 30px; overflow: hidden; margin: 0 0 2em 0; }

.news .box .image img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; transition: ease all .5s; }

.news .box:hover .image img { filter: brightness(25%); width: 110%; height: 110%; }

.news .box .text { font-size: 1em; }

.news .box .text a.readmore { text-shadow: none; background: #000; border: 1px solid #000; color: #FFF; padding: .5em 1em; transition: all ease .5s; font-size: .8em; }

.news .box .text a.readmore:hover { background: #FFF; border: 1px solid #000; color: #000; }

.news a { color: #000; }



/* FOOTER */

.footer { background: linear-gradient(0deg,rgba(244, 244, 244, 1) 0%, rgba(190, 208, 215, .5) 100%); border-radius: 30px; margin: 0 0 1em 0; padding: 3em 2em; color: #333; }

.footer .box { margin:  0 0 2em 0; }

.footer img { max-width: 250px; }

.footer ul { list-style: none; margin: 0 0 1em 0; padding: 0; }

.footer ul li { display: block; margin: 0;}

.footer a { color: #333333; }

.footer a:hover { color: #000; }

.footer .copyright { font-size: .8em; margin: 3em 0 0 0; }



/* FIXED SOCIAL */
#fixed-social { position: fixed !important; bottom: 2em; right: 0; z-index: 999; white-space: nowrap; text-transform: uppercase; }
#fixed-social i { font-size: 1.5em; }
#fixed-social ul { list-style: none; margin: 0; padding: 0; }
#fixed-social li a { color: #FFF; background: #000; display: block; height: 60px; width: 60px; line-height: 60px; position: relative; text-align: center; margin-bottom: 1px; z-index: 2; }
#fixed-social li a:hover>span { visibility: visible; right: 61px; opacity: 1; } 
#fixed-social a span { line-height: 60px; font-family: "Geely-Bold", sans-serif; font-size: 1em; text-transform: uppercase;background: #000; right: 60px; padding: 0 1em; position: absolute; text-align: center; width: auto; visibility: hidden; transition-duration: 0.5s; z-index: 1; opacity: 0; }

/* INNER UNDER DISPLAY */
.inner-underdisplay { position: relative; background: linear-gradient(0deg,rgba(244, 244, 244, 1) 0%, rgba(190, 208, 215, .5) 100%); border-radius: 30px; margin: 0 0 1em 0; padding: 2em; color: #000; }
.inner-underdisplay h1 { font-family: "Geely-Bold", sans-serif; font-size: 3em; margin: 0 0 .5em 0; }
.inner-underdisplay h2 { font-family: "Geely-Bold", sans-serif; font-size: 3.5vw; line-height: 1.25em; }
.inner-underdisplay img { width: 100%; height: auto; }
.inner-underdisplay small { display: block; margin: 0 0 1em 0;}
.inner-underdisplay .value { font-family: "Geely-Bold", sans-serif; font-size: 1.5em; margin: 0; padding: 0; }
.inner-underdisplay .value span { font-size: 2em; }
.car-display { position: relative; padding-bottom: 50%; }
.car-display img { position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; transition: ease all 1s; object-fit: contain; }
.car-display img.active { opacity: 1; transition: ease all 1s; }
.avail-colors { position: absolute; display: flex; background: #E0E3E5; padding: 1em; border-radius: 100px; bottom: 5em; left: 50%; transform: translateX(-50%); text-transform: uppercase; text-align: center; }
.colors { position: relative; cursor: pointer; display: inline-block; width: 40px; height: 40px; border-radius: 50%; margin: 0 5px; box-shadow: 0px 0 1px rgba(0, 0, 0, .5); }

/* INNER TITLE */
.inner-title { padding: 3em 2em; margin: 0 0 1em 0; text-align: center; }
.inner-title h2 { font-family: "Geely-Bold", sans-serif; font-size: 2em; margin: 0 0 .5em 0; text-transform: uppercase; }

/* PROMOTION */
.big-image { margin: 0 0 1em 0; border-radius: 30px; overflow: hidden; }
.big-image h3 { font-family: "Geely-Bold", sans-serif; font-size: 1.25em; margin: 1em 0 0 0; text-transform: uppercase; }
.big-image p { margin: 0 0 3em 0; }
.big-image img { width: 100%; height: auto; border-radius: 30px; margin: 0 0 1em 0; }
.big-image video { width: 100% !important; height: auto !important;  -moz-border-radius:30px; -webkit-border-radius: 30px; border-radius: 30px; overflow:hidden; }

/* INNER POST */
.inner-post { position: relative; margin: 0 0 1em 0; padding: 3em 2em; color: #000; }
.inner-post h1 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 2em; text-transform: uppercase; margin: 0 0 .5em 0; text-align: center; }
.inner-post h2 { position: relative; font-size: 1.5em; margin: 0 0 .5em 0; font-weight: 800; }
.inner-post h3 { position: relative; font-size: 1.25em; margin: 0 0 .5em 0; font-weight: 800; }
.inner-post .box { position: relative; margin: 0 0 5em 0; padding: 0; }
.inner-post .date { position: relative; margin: 0 0 3em 0; padding: 0; text-align: center; font-style: italic; }
.inner-post .date i { margin:  0 10px 0 0;}
.inner-post  a { color: #000; }
/*.inner-post img { width: 100%; height: auto; border-radius: 30px; }*/

/* INNER PAGE */
.inner-page { position: relative; margin: 0 0 1em 0; padding: 4em 2em; color: #000; }
.inner-page h1 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 2em; text-transform: uppercase; margin: 0 0 2em 0; text-align: center; }
.inner-page h2 { position: relative; font-size: 1.5em; margin: 0 0 .5em 0; font-weight: 800; }
.inner-page h3 { position: relative; font-size: 1.25em; margin: 0 0 .5em 0; font-weight: 800; }
.inner-page .box { position: relative; margin: 0 0 5em 0; padding: 0; }
.inner-page  a { color: #000; }

/* QR AREA */
.qr-app { padding: 5em 2em; }
.qr-app h1 { text-align: left; margin: 0 0 .5em 0; text-transform: uppercase; }
.qr-app img { width: 100%; height: auto; }

/* ARCHIVE PAGE */
.archive-page { position: relative; margin: 0 0 1em 0; padding: 3em 0; color: #000; }
.archive-page h1 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 2em; text-transform: uppercase; margin: 0 0 2em 0; text-align: center; }
.archive-page h2 { position: relative; font-size: 1em; margin: 0 0 1em 0; font-weight: bold; }
.archive-page .box { position: relative; margin: 0 0 5em 0; padding: 0; }
.archive-page .box .image { position: relative; width: 100%; height: 0; padding-bottom: 60%; border-radius: 30px; overflow: hidden; margin: 0 0 2em 0; }
.archive-page .box .image img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; transition: ease all .5s; }
.archive-page .box:hover .image img { width: 110%; height: 110%; }
.archive-page .box .text { font-size: 1em; }
.archive-page .box .text a.readmore { text-shadow: none; background: #000; border: 1px solid #000; color: #E9EBED; padding: .5em 1em; transition: all ease .5s; font-size: 1em; }
.archive-page .box .text a.readmore:hover { background: #E9EBED; border: 1px solid #000; color: #000; }
.archive-page  a { color: #000; }

/* ERROR PAGE */
.error-page { position: relative; margin: 0 0 1em 0; padding: 3em 0; color: #000; text-align: center; }
.error-page h2 { position: relative; font-family: "Geely-Bold", sans-serif; font-size: 2em; text-transform: uppercase; margin: 0 0 2em 0; }

.btn-geely { text-shadow: none; background: #000; border: 1px solid #000; color: #E9EBED; padding: 1em 3em; font-weight: 800; text-transform: uppercase; transition: all ease .5s; }
.btn-geely:hover { background: #E9EBED; border: 1px solid #000; color: #000; }

.promo-img { margin: 0 0 3em 0; }
.promo-img img { width: 100%; height: auto; border-radius: 30px; }

.clean { padding: 2em; }

.wp-pagenavi { clear: both; padding: 0 0 5em 0; text-align: center; }
.wp-pagenavi a { text-decoration: none; padding: 0; margin: 1em; color: #000; }
.wp-pagenavi span {	text-decoration: none; padding: 0;  margin: 1em; }
.wp-pagenavi a:hover, .wp-pagenavi span.current {	color: #666; }


@media (max-width: 1024px) {
  .hide-mobile { display: none; }
  .top { position: relative; padding: 0; text-shadow: none; }
  .top ul { padding: 0; flex-wrap: nowrap; font-size: .8em; }
  .top ul li { margin: 0; padding: 0; }
  .top ul li a { color: #000; }
  .burger-menu { color: #000; }
  .logo-image { padding: 1em 0; }
  .logo-image img { width: 90%; max-width: 200px; height: auto; }
  .sticky { position: fixed; padding: 1em 0; }
  .sticky .logo-image { padding: 0;  }
  .logo-placement { max-width: 180px; max-height: 60px; }
  .order-1 { order: 2; }
  .order-2 { order: 1; }
  .order-3 { order: 3; }
  .menu-order-1 { order: 1; }
  .menu-order-2 { order: 2; }
  .menu-order-3 { order: 3; }
  .display { border-radius: 10px; margin: 0 0 3em 0; }
  .display-model { margin: 0 0 2em 0; }
  .display video { -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px; }
  .display .text { width: 90%; left: 50%; transform: translate(-50%,-50%); text-align: center; }
  .display .text h1 { font-size: 2.5rem; }
  .display .text-title h1 { font-size: 3vw; }
  .display .text a { display: none; }
  .underdisplay { border-radius: 10px; }
  .underdisplay h1 { font-size: 7vw; }
  .underdisplay h2 { font-size: 5vw; }
  .underdisplay .box { margin: 0 0 2em 0; padding: 1em 0 0 0; border-top: 1px solid #000; }
  .underdisplay .meta { margin: 1em 0; }
  .underdisplay .action { margin: 2em 0 0 0; }
  .underdisplay .meta ul li { display: block; margin:  0 0 1em 0; }  
  .with-sep { border-right: none; }
  .who { padding: 2em 0; margin: 0; }
  .who h2 { font-size: 5vw; }
  .services { border-radius: 10px; padding: 2em 1em; }
  .services h2 { font-size: 5vw; }
  .services .box { width: 100%; }
  .services a { padding: .5em 2em; font-weight: normal; }
  .why { padding: 3em 0 0 0; }
  .why h2 { font-size: 5vw; }
  .why h3 { font-size: 5vw; }
  .why-us h1 { font-size: 5vw; }
  .why-us h2 { font-size: 5vw; }
  .authorized .box { margin: 0 0 1em 0; }
  .authorized .image { border-radius: 10px; }
  .authorized h1 { font-size: 5vw; }
  .authorized h3 { font-size: 5vw; }
  .why .title-box p { margin: 0 0 2em 0; }
  .why .big-box { margin: 0 0 1em 0; padding: 1em 0; border-radius: 10px; }
  .why .image { border-radius: 10px; }
  .why .box { padding: 3em 0; }
  .value { margin: 0; }
  .value .box { border-radius: 10px; height: auto; margin: 0 0 1em 0; }
  .value .text { padding: 3em 1em; }
  .value .text p { height: auto; }
  .news { border-radius: 10px; padding: 2em 1em; }
  .news h2 { font-size: 5vw; }
  .news h3 {  font-size: 4vw; }
  .news .box { margin: 0 0 3em 0;}
  .news .box .image { border-radius: 10px; }
  .news a { color: #333; }
  .footer { border-radius: 10px; padding: 2em 1em; }
  .archive-page { padding: 0; }
  .archive-page .box .image { border-radius: 10px; }
  .archive-page h1 { font-size: 7vw; }
  .inner-post { padding: 0; }
  .inner-post h1 { font-size: 1.5rem; }
  .inner-post h2 { font-size: 1.25rem; }
  .inner-post h3 { font-size: 1.15rem; }
  .inner-post h4 { font-size: 1rem; }
  .inner-post .date { margin: 0 0 2em 0; }
  .inner-page { padding: 1em 0 0 0; }
  .inner-page h1 { font-size: 1.5rem; }
  .inner-page h2 { font-size: 1.25rem; }
  .inner-page h3 { font-size: 1.15rem; }
  .inner-page h4 { font-size: 1rem; }
  .inner-underdisplay { border-radius: 10px; padding: 1em; }
  .inner-underdisplay h1 { font-size: 5rem; }
  .inner-underdisplay h2 { font-size: 2rem; }
  .inner-underdisplay .value { font-size: 1.5em; }
  .inner-underdisplay .value span { font-size: 1.5em; }
  .car-display { position: relative; padding-bottom: 50%; }
  .avail-colors { bottom: 2em; padding: .5em; }
  .colors { display: inline-block; width: 20px; height: 20px; }  
  .inner-title { padding: 2em 0; }
  .inner-title h2 { font-size: 1.25rem; }
  .big-image { border-radius: 10px; }
  .big-image h3 { font-size: 5vw; }
  .big-image img { border-radius: 10px; }
  .big-image video { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
  .big-image h3 { margin: 0; }
  .promo-img img { border-radius: 10px; }
  .qr-app { text-align: center; padding: 3em 1em; }
  .qr-app h1 { font-size: 1.5rem; text-align: center; }
  .qr-app img { width: 75%; height: auto; }
  .clean { padding: 2em 0; }
  #fixed-social { font-size: 1em; }
  #fixed-social i { font-size: 1em; }
  #fixed-social li a { height: 50px; width: 50px; line-height: 50px; }
  #fixed-social li a:hover>span { visibility: visible; right: 51px; opacity: 1; } 
  #fixed-social a span { line-height: 50px; right: 50px; }

}