html {
font-size: 1vw;
}
* {
box-sizing: border-box;
}
.ac-rtl {
direction: rtl;
}
strong{
font-weight: 700;
}
.ac-en {
font-family: "HyundaiSansHead-Regular";
direction: ltr;
}
.ac-en-med {
font-family: "HyundaiSansHeadMedium";
direction: ltr;
}
.ac-en-light{
font-family: "HyundaiSansHead-Light";
}
.ac-en-600 {
font-family: "HyundaiSansHead-Regular";
direction: ltr;
font-weight: 600;
}
body {
font-family: "AlmoniDLAAA";
}
.ac-bigger{
/* font-size: 130%; */
font-size: 1.6rem;
}
.ac-bigger-en{
/* font-size: 138%; */
font-size: 1.62rem;
}
.ac-img-responsive {
width: 100%;
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.ac-container {
width: 60rem;
margin: 0 auto;
}
.ac-bg-bej {
background-color: #e4dbd2;
}
h2{
font-size: 2.2rem;
font-weight: 900;
margin-bottom: 1rem;
}
p {
font-size: 1.4rem;
line-height: 1.2
}
p, .ac-marg-bot-one{
margin-bottom: 2rem;
}
.ac-flah {
background-color: #002c5f;
position: absolute;
top: 8vw;
right: 0;
color: #fff;
font-size: 2.5rem;
direction: rtl;
padding: 0 3vw 0.3vw 1.5vw;
}
.ac-marg-bot-zero {
margin-bottom: 0rem;
}
.ac-marg-top-zero {
margin-top: 0rem;
}
.slick-next, .slick-prev {
width: 1rem;
height: auto;
top: 50%;
}
.slick-next {
right: -2rem;
}
.slick-prev {
left: -2rem;
}
.slick-dotted.slick-slider {
margin-bottom: 1rem;
}
.ac-slick {
margin-top:2rem
}
.ac-slick p{
direction: rtl;
margin-top: 1rem;
}
small,
.ac-slick p small {
font-size: 1.2rem;
}
.slick-dots li button:before {
width: 1rem;
height: 1rem;
content: '';
}
.slick-dots li button{
width:100%;
height:100%;
}
.slick-dots li{
width:1rem;
height:1rem;
border-radius:50%;
background-color: #CDC6BD;
}
.slick-dots li.slick-active{
background-color: #9F9A93;
}
.ac-show-2-sl .ac-slide-img{
width: 90%;
}
.ac-show-2-sl p{
direction: rtl;
margin-right: 0%;
width: 100%;
padding-right: 5%;
}
.ac-show-2-sl{
width: 63.2rem;
position: relative;
right: -1.5rem;
}
.ac-small-letters {
color:#9F9A93;
text-align: right;
margin-top: 2rem;
}
/* Header */
header {
width: 100%;
height: 3.5rem;
height: 8vh;
display: flex;
justify-content: center;
align-items: center;
}
header .ac-container-flued {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
flex-direction: row;
}
header .ac-container-flued .ac-col {
display: flex;
justify-content: center;
align-items: center;
}
header .ac-container-flued .ac-col-1 {
width: 70%;
}
header .ac-container-flued .ac-col-2 {
width: 30%;
}
header .ac-container-flued .ac-col-3 {
display: none;
}
header .ac-container-flued .ac-col-2 .ac-hyundai-logo {
width: 10.4rem;
}
header .ac-container-flued .ac-col-1 a {
font-family: HyundaiSansHead-Regular;
font-weight: 900;
font-size: 2rem;
}
#nav-mob {
display: none;
}
/* End Header */
/* Section Opening */
#ac-opening {
display: flex;
justify-content: space-between;
height: 86vh;
}
#ac-opening .ac-col {
display: flex;
}
#ac-opening .ac-col-1 {
width: 70%;
position: relative;
}
#ac-opening .ac-col-1 .ac-slider-titles-wrapper {
position: absolute;
top: 1.7rem;
z-index: 1;
right: 3rem;
color: #fff;
}
#ac-opening .ac-col-1 .ac-slider-titles-wrapper .ac-title {
font-size: 2.5rem;
font-weight: 400;
line-height: 1.1;
}
#ac-opening .ac-col-1 .ac-sliderlaw {
position: absolute;
bottom: 1rem;
right: 3rem;
color: #fff;
text-align: right;
font-size: 1.2rem;
}
#ac-opening .ac-col-1 .ac-sliderlaw span {
text-shadow: 0.05vw 0.05vw 0.2vw #000;
display: block;
}
#ac-opening .ac-col-1 .slick-dotted.slick-slider {
margin-bottom: 0;
width: 100%;
margin-top: 0;
}
#ac-opening .ac-col-1 .slick-slider .slick-list,
#ac-opening .ac-col-1 .slick-slider .slick-track,
#ac-opening .ac-col-1 .slick-slider picture,
#ac-opening .ac-col-1 .slick-slider picture img {
width: 100%;
height: 100%;
}
#ac-opening .ac-col-1 .slick-slider picture img {
object-fit: cover;
}
#ac-opening .ac-col-2 {
width: 30%;
}
#ac-opening .slick-dots {
display: none;
}
/* Form Desktop */
#ac-opening .ac-col-2 .ac-form-wrapper {
width: 100%;
background-color: #e4dbd2;
display: block;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-form-inner {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
#ac-opening .ac-col-2 .ac-form-wrapper .form {
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
}
#ac-opening .ac-col-2 .ac-form-wrapper .form input,
#ac-opening .ac-col-2 .ac-form-wrapper .form select {
height: 6vh;
width: 100%;
margin-bottom: 1.5vh;
border: 0;
padding-right: 1rem;
color: #000;
font-family: "AlmoniDLAAA";
font-size: 1.2rem;
direction: rtl;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-title {
text-align: center;
font-size: 2rem;
margin-bottom: 2vh;
font-weight: 300;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-title strong{
font-weight: 700;
}
::-webkit-input-placeholder,
select::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #000;
}
::-moz-placeholder,
select::-moz-placeholder {
/* Firefox 19+ */
color: #000;
}
:-ms-input-placeholder,
select:-ms-input-placeholder {
/* IE 10+ */
color: #000;
}
:-moz-placeholder,
select:-moz-placeholder {
/* Firefox 18- */
color: #000;
}
.ac-checkbox-wrapper {
display: flex;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-checkbox-div {
width: 2.5rem;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
margin-left: 0.5rem;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-checkbox-div input {
height: 100%;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-checkbox-wrapper {
display: flex;
align-items: flex-start;
margin-top: 1vh;
}
#ac-opening .ac-col-2 .ac-form-wrapper .label-wrapper {
position: relative;
top: -0.4rem;
font-size: 0.9rem;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-leagal-v2 {
display: block;
position: relative;
top: 0.5rem;
right: -2rem;
margin-bottom: 2rem;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-button-wrapper {
width: 70%;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-button-wrapper button {
width: 100%;
background: #002c5f;
font-weight: 400;
border: 0;
color: #fff;
font-size: 1.7rem;
padding: 0.3rem 0.5rem 0.5rem;
font-family: "AlmoniDLAAA";
}
/* End Form Desktop */
/* End Section Opening */
/* Navigator Desktop */
#ac-nav-desk,
#ac-nav-desk .ac-container,
#ac-nav-desk nav,
#ac-nav-desk ul,
#ac-nav-desk li,
#ac-nav-desk a {
display: flex;
justify-content: center;
align-items: center;
height: 6vh;
}
#ac-nav-desk .ac-container {
width:75rem
}
#ac-nav-desk {
background-color: #002c5f;
z-index: 1;
}
#ac-nav-desk nav,
#ac-nav-desk ul {
width: 100%;
}
#ac-nav-desk ul{
font-size: 1.1rem;
}
#ac-nav-desk ul li {
width: 20%;
}
#ac-nav-desk ul li a {
color: #fff;
text-decoration: none;
width: 100%;
transition: background-color 0.5s, color 0.5s;
}
#ac-nav-desk ul li a:hover {
color: #002c5f;
background-color: #fff;
}
/* End Navigator Desktop */
/* Sections */
section{
padding: 2.5rem 0;
}
#ac-opening, #ac-nav-desk {
padding: 0;
}
#ac-part-2 h2:nth-child(1){
font-weight: 300;
}
.ac-slider-7 p{
font-family: "AlmoniDLAAA-Light";
}
.ac-slider-7 p strong{
font-family: "AlmoniDLAAA";
font-weight:700
}
/* End Sections */
.ac-wrapper-details{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.ac-details {
width: 50%;
}
.ac-details:nth-child(3) {
margin-top: 1.5rem;
}
.ac-details .ac-details-ttl,
.ac-details .ac-details-subttl {
display: block
}
.ac-details .ac-details-ttl {
font-weight: 600;
font-size: 1.3rem;
}
.ac-details .ac-details-subttl{
font-weight: 300;
font-size: 1.2rem;
margin-top: 0.2rem;
}
.ac-details .ac-details-cont-wrapper{
display: flex;
margin-top: 0.5rem;
}
.ac-details .ac-details-cont-wrapper .ac-measurement{
font-family: "AlmoniDLAAA-Light";
font-size: 1.4rem;
display: inline-block;
margin-left: 0.5rem;
}
.ac-details .ac-details-cont-wrapper .ac-measurement{
font-family: "AlmoniDLAAA-Light";
font-size: 1.4rem;
display: inline-block;
margin-left: 1rem;
}
.ac-details .ac-details-cont-wrapper .ac-num{
font-weight: 100;
font-size: 2.8rem;
font-family: "HyundaiSansHead-Light";
margin-left: 0.5rem;
}
/* More Info */
#ac-more-info {
width: 100%;
background: #f7f3f2;
padding-top: 2rem;
padding-bottom: 2rem;
text-align: center;
}
#ac-more-info .ac-container {
margin: auto;
display: flex;
flex-direction: column;
}
#ac-more-info h1 {
margin: 0.5rem auto 2.5rem auto;
font-size: 2rem;
font-weight: 900;
}
#ac-more-info .ac-wrapper-bnts {
display: flex;
flex-direction: row-reverse;
width: 100%;
justify-content: center;
align-items: center;
}
#ac-more-info .ac-wrapper-bnts a {
font-size: 1.5rem;
padding: 0.5rem 2rem 0.5rem;
margin: 0 1rem 1rem;
}
#ac-more-info .ac-wrapper-bnts a.ac-tohyundai {
background-color: #012c5f;
}
#ac-more-info .ac-wrapper-bnts a.ac-tomifrat {
background-color: #e3dcd2;
}
/* End More Info */
/* Footer */
footer .ac-row-1 {
background-color: #1c1c1c;
display: flex;
justify-content: space-between;
height: 4rem;
}
footer .ac-row-1 .ac-col {
width: 33.33%;
}
footer .ac-row-1 .ac-col-1 {
justify-content: center;
display: flex;
align-items: center;
}
footer .ac-row-1 .ac-col-3 {
display: flex;
justify-content: flex-start;
align-items: center;
}
footer .ac-row-1 .ac-col-3.ac-show-on-mobile {
display: none;
}
footer .ac-row-1 .ac-col-2 {
display: flex;
justify-content: flex-end;
align-items: center;
}
footer .ac-social {
width: 2.5rem;
margin: 0 0.5rem;
}
footer .ac-logo-h {
width: 4.5rem;
margin-left: 4rem;
}
footer .ac-colmobile {
width: 7.3rem;
margin-right: 4.5rem;
}
footer .ac-row-2 {
justify-content: center;
align-items: center;
height: 3.5rem;
}
footer .ac-row-2 p {
font-size: 1.5rem;
margin-bottom: 0;
}
footer .ac-row-2 .ac-polution,
footer .ac-row-2 .ac-safety {
padding: 0 0.6vw 0.2vw 0.6vw;
}
footer .ac-row-2 .ac-safety {
color: #fff;
}
.ac-safety-seven {
background-color: #416fb6;
}
.ac-safety-six {
background-color: #1a6eb7;
}
.ac-safety-eight {
background-color: #5252A0;
}
.ac-safety-five {
background-color: #2789CA;
}
.ac-polution-eleven {
background-color: #F49628;
}
.ac-polution-nine {
background-color: #ffd609;
}
.ac-polution-ten {
background-color: #FCB431;
}
.ac-polution-twelve {
background-color: #ec6828;
}
.ac-polution-three {
background-color: #008452;
}
.ac-polution-four{
background-color: #01a858;
}
footer .ac-showform-mob {
display: none;
}
/* End Footer */
.ac-show-on-mobile {
display: none;
}
.ac-hide-on-mobile {
display: block;
}
#ac-nav-desk .ac-cntc-frm {
display: none;
}
#ac-nav-desk .ac-cntc-frm.ac-active {
display: flex;
}
@media (max-width: 1000px) {
.ac-show-on-mobile {
display: block;
}
.ac-hide-on-mobile {
display: none;
}
html {
font-size: 2.2vw;
}
.ac-flah {
background-color: #002c5f;
position: absolute;
top: 16vw;
right: 0;
color: #fff;
font-size: 2.2rem;
direction: rtl;
padding: 0 7vw 0.6vw 2.5vw;
}
.slick-prev {
left: -1.5rem;
}
.slick-next {
right: -1.5rem;
}
.slick-next, .slick-prev {
width: 1rem;
height: auto;
top: 35%;
}
.ac-inner-row-2 .slick-next, .ac-inner-row-2 .slick-prev {
width: 1rem;
height: auto;
top: 50%;
}
.ac-small-letters {
margin-top: 3rem;
}
.ac-container {
width: 90%;
margin: 0 auto;
}
.ac-show-2-sl {
width: 100%;
position: relative;
right: 0;
}
.ac-slider-7 .slick-dots {
bottom: 0rem;
}
/* Header Mobile */
header {
height: 12vw;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 2;
background-color: #fff;
}
header .ac-container-flued {
width: 90%;
}
header .ac-container-flued .ac-col-3,
header .ac-container-flued .ac-col-2,
header .ac-container-flued .ac-col-1 {
display: flex;
width: 33.33%;
}
header #ac-open-nav {
background-color: transparent;
border: 0;
display: flex;
justify-content: space-between;
align-items: center;
width: 40px;
height: 25px;
flex-direction: column;
padding: 0;
margin-right: 0%;
margin-left: auto;
}
header #ac-open-nav span {
display: flex;
width: 100%;
height: 2px;
background-color: #000;
}
header .ac-container-flued .ac-col-2 a {
margin-left: 0;
margin-right: auto;
}
header .ac-container-flued .ac-col-2 .ac-hyundai-logo {
width: 4.4rem;
}
header .ac-container-flued .ac-col-1 a {
font-size: 1.5rem;
}
header #nav-mob {
display: flex;
position: fixed;
top: 0;
right: -100%;
width: 100%;
height: 100vh;
background-color: #fff;
justify-content: center;
align-items: center;
flex-direction: column;
transition: right 0.5s;
}
header #nav-mob.active {
right: 0;
}
header #nav-mob nav {
justify-content: center;
align-items: center;
display: flex;
height: 100vh;
width: 100%;
}
header #nav-mob nav li {
padding: 1.5rem 0;
}
header #nav-mob nav a {
font-size: 2.5rem;
text-decoration: none;
color: #000
}
header #nav-mob .ac-wrapper-close-btn {
width: 100%;
height: 0;
position: relative;
}
header #nav-mob .ac-wrapper-close-btn .nav-close-btn {
background: transparent;
border: 0;
font-size: 6rem;
transform: rotate(45deg);
position: relative;
right: 10px;
}
/* End Header Mobile */
/* Opening Mobile */
#ac-opening {
justify-content: center;
height: auto;
flex-direction: column;
margin-top: 12vw;
}
#ac-opening .ac-col-1,
#ac-opening .ac-col-2 {
width: 100%;
}
#ac-opening .ac-col-2 {
/* height: 0; */
height: auto;
overflow: hidden;
transition: 0.5s;
}
#ac-opening .ac-col-2.ac-active {
height: auto;
overflow: hidden;
}
#ac-opening .ac-form-wrapper .close-form-wrapper {
margin-bottom: 11vw;
position: relative;
width: 90%;
}
#ac-opening .ac-form-wrapper .close-form-wrapper button {
position: absolute;
right: 0;
top: 10px;
z-index: 1;
background: transparent;
border: 0;
font-size: 2rem;
display:none;
}
#ac-opening .ac-col-2 .ac-form-wrapper .form input,
#ac-opening .ac-col-2 .ac-form-wrapper .form select {
height: 4rem;
width: 100%;
margin-bottom: 1.5rem;
border: 0;
padding-right: 1rem;
color: #000;
font-family: "AlmoniDLAAA";
font-size: 1.7rem;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-checkbox-div {
width: 3.5rem;
height: 2.5rem;
}
#ac-opening .ac-col-2 .ac-form-wrapper .label-wrapper {
top: -0.8rem;
font-size: 1.3rem;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-form-inner {
padding-bottom: 4rem;
}
#ac-opening .ac-col-2 .ac-form-wrapper .ac-button-wrapper button {
font-size: 2.2rem;
}
#ac-opening .ac-col-1 .ac-slider-titles-wrapper .ac-title {
font-size: 2.2rem;
}
/* End Opening Mobile */
/* Navigator Mobile */
#ac-nav-desk {
display: none;
}
/* End Navigator Mobile */
/* More Info Mobile*/
#ac-more-info .ac-wrapper-bnts {
flex-direction: column;
}
#ac-more-info .ac-wrapper-bnts a.ac-tohyundai {
background-color: #012c5f;
}
#ac-more-info .ac-wrapper-bnts a {
font-size: 2rem;
padding: 0.8rem 2rem 1rem;
margin: 0 1.4rem 1rem;
width: 100%;
}
#ac-more-info p {
font-size: 14px !important;
}
/* End More Info Mobile*/
.ac-details .ac-details-cont-wrapper .ac-num {
font-size: 2.3rem;
}
#ac-part-8 {
padding-bottom:0
}
/* Footer Mobile */
footer .ac-row-1 {
flex-direction: column;
height: 18rem;
margin-bottom: 19rem;
}
footer .ac-row-1 .ac-col {
width: 100%;
height: 7rem;
}
footer .ac-row-1 .ac-col-3.ac-show-on-mobile {
justify-content: center;
display: flex;
}
footer .ac-row-1 .ac-col-2 {
justify-content: center;
}
footer .ac-row-1 .ac-col-3.ac-hide-on-mobile {
display: none;
}
footer .ac-logo-h {
margin-left: 0;
}
footer .ac-colmobile-mob {
width: 12rem;
position: relative;
top: -1rem;
}
footer .ac-row-1 .ac-col-1 {
border-bottom: 2px solid #434343;
}
footer .ac-row-2 {
height: auto;
padding: 2rem 0;
flex-direction: column;
width: 100%;
position: fixed;
bottom: -50vw;
background-color: #fff;
}
footer .ac-row-2.ac-remove{
bottom:-100vw
}
footer .ac-row-1 .ac-col-2,
footer .ac-row-1 .ac-col-3.ac-show-on-mobile {
height: 5rem;
}
footer .ac-row-2 .ac-polution,
footer .ac-row-2 .ac-safety {
padding: 0 1.5vw 0.2vw 1.5vw;
}
footer .ac-row-2 p {
text-align: center;
}
footer .ac-showform-mob {
display: flex;
flex-direction: column;
margin-bottom: 2rem;
width: 100%;
}
footer .ac-showform-mob .ac-toggole-form {
background-color: #002c63;
color: #fff;
width: 90%;
padding: 0.7rem 0 0.8rem;
font-size: 6vw;
border: 0;
margin: 1rem 5% 0rem;
font-family: "AlmoniDLAAA";
}
footer .ac-showform-mob h3 {
font-size: 2.5rem;
margin-top: 0.4vw;
font-weight: 900;
text-align: center;
}
/* End Footer Mobile */
.ac-c2c {
position: fixed;
top: 34%;
right: 0;
width: 49px;
}
}
@media (max-width: 650px) {
html {
font-size: 2.8vw;
}
.ac-flah {
top: 20vw;
font-size: 2.2rem;
padding: 0 8.5vw 0.7vw 2.5vw;
}
}
#ac-part-7 {display: none}