/***Fonts depending on page***/

/*Dacia*/
@font-face {
    font-family: 'Dacia Bold';
    src: url('../fonts/dacia/DaciaBlock-Bold.ttf') format('truetype'); 
}
@font-face {
    font-family: 'Dacia';
    src: url('../fonts/dacia/DaciaBlock-Regular.ttf') format('truetype'); 
}
@font-face {
    font-family: 'Dacia Light';
    src: url('../fonts/dacia/DaciaBlock-Light.ttf') format('truetype'); 
}

body[data-font=dacia] {font-family: 'Dacia'; }
body[data-font=dacia] strong{font-family: 'Dacia Bold';}
body[data-font=dacia] b{font-family: 'Dacia Bold';}
body[data-font=dacia] :is(.top_header .top_left > a, .mainmenu > li > a){font-family: 'Dacia Bold';}
body[data-font=dacia] :is(.footer_wrap span, .footer_contact > a, .footer_wrap .newsletter > a){font-family: 'Dacia Bold';}


/*Renault*/
@font-face {
    font-family: 'Renault Bold';
    src: url('../fonts/renault/NouvelR-Bold.ttf') format('truetype'); 
}
@font-face {
    font-family: 'Renault';
    src: url('../fonts/renault/NouvelR-Regular.ttf') format('truetype'); 
}
@font-face {
    font-family: 'Renault Light';
    src: url('../fonts/renault/NouvelR-Light.ttf') format('truetype'); 
}

body[data-font=renault] {font-family: 'Renault'; }
body[data-font=renault] strong{font-family: 'Renault Bold';}
body[data-font=renault] b{font-family: 'Renault Bold';}
body[data-font=renault] :is(.top_header .top_left > a, .mainmenu > li > a){font-family: 'Renault Bold';}
body[data-font=renault] :is(.footer_wrap span, .footer_contact > a, .footer_wrap .newsletter > a){font-family: 'Renault Bold';}


/* Site framework */
body {font-family: 'Quicksand', sans-serif; font-size: 16px; background: #fff; overflow-x: hidden;}

.contentDiv { min-height: 600px;}

/*Sticky Section*/
body.sticky .AB-parent ~ .sticky_section{top: 50px;} 
body.sticky .sticky_section{position: fixed; top: 0; left: 0; z-index: 2000; width: 100%;}
body.sticky .content_wrap{margin-top: 150px;}
body.sticky .fav_sticky{width: initial; opacity: 1; visibility: visible; margin-left: 20px; transition: ease-in-out all .5s;}

/*Top header*/
.top_header{height: 40px; background: #F5F5F5; position: relative; z-index: 1001;}
.top_header > div{height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; box-sizing: border-box;}
.top_header > div > div{display: flex; }
.top_header .top_left > a{color: #232323; font-weight: bold; font-size: 14px; padding-left: 30px;}
.top_header .top_left > a.header_phone{background: url(../images/phone.svg) left center no-repeat; margin-right: 20px;}
.top_header .top_left > a.header_contact{background: url(../images/envelope.svg) left center no-repeat; margin-right: 20px;}
.top_header .top_left > a.header_direction{background: url(../images/direction.svg) left center no-repeat; padding-left: 25px;}
.top_header .top_right{}
.top_header .top_right .viewFavourites{background: url(../images/fav-header.svg) left center no-repeat; padding-left: 30px; font-size: 14px; color: #232323; margin-right: 20px;}
.top_header .top_right .social{display: flex; align-items: center; justify-content: center; position: relative; padding-left: 15px;}
.top_header .top_right .social:after{content: ""; position: absolute; left: 0; top: calc(50% - 8px); height: 16px; width: 1px; background: #232323;}
.top_header .top_right .social > a{height: 23px; width: 23px; transition: ease-in-out all .3s;}
.top_header .top_right .social > a.fb{background: url(../images/facebook.svg) center no-repeat;}
.top_header .top_right .social > a.ins{background: url(../images/instagram.svg) center no-repeat; margin: 0 15px 0 10px;}
.top_header .top_right .social > a.tw{background: url(../images/twitter.svg) center no-repeat;}
.top_header .top_right .social > a:hover{transform: translateY(-5px);}

/* Header */
.header_wrap {height: 100px; position: relative; background: #fff; width: 100%; z-index: 1001;}
.header_wrap > div{height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; box-sizing: border-box;}
.header_wrap .logo {}
.header_wrap .header_logos{display: flex; height: 100%; align-items: center;}
.header_wrap .header_logos img{margin-left: 20px; max-height: 100%; max-width: 100%; height: auto; width: auto;}

.fav_sticky{color: #232323; font-size: 12px; text-transform: uppercase; padding-top: 25px; font-weight: 700; 
  background: url(../images/fav-header.svg) center top no-repeat; opacity: 0; visibility: hidden; width: 0;}
.fav_sticky:hover{color: #232323;}
 
/* Menu Wrap */
.menu_wrap{color: #fff; text-align:left; height: 50px; position: relative; z-index: 1000; background: #000000;}
.menu_wrap > div{display: flex; align-items: center; height: 100%; padding: 0 15px; box-sizing: border-box;}

/* Main Menu */
.menu_wrap .mainmenu{display: flex; justify-content: flex-start; width: 100%; margin: 0; z-index:3000; padding: 0;  position: relative; 
  list-style: none; height: 100%;}
.mainmenu li  { list-style: none; text-align:left; margin:0; padding:0; position: relative; height: 100%; display: flex; align-items: center;}
.mainmenu > li{margin: 0 20px;}
.mainmenu > li:first-child{margin-left: 0;}
.mainmenu > li:last-child{margin-right: 0;}
.mainmenu li a{height: 100%; padding: 0 25px; margin:0; font-size:16px; color: #FFFFFF; text-transform: uppercase; display: flex; align-items: center; transition: ease-in-out all .3s;}
.mainmenu > li > a{font-weight: bold;}
.mainmenu > li > a:hover{background: #232323;}
.mainmenu li ul {position: absolute; margin: 0; padding:10px 0; top: 50px; left:0; background: #191919; clear:both; }
.mainmenu li ul li{  position: relative; display: block; margin: 0;  padding:0; float: none; text-align: center;}
.mainmenu li ul li a{ text-transform: capitalize; color: #fff; font-size: 12px; font-weight: normal; padding: 5px 40px; z-index:100; width: 240px; 
  word-wrap: break-word; line-height: 22px;}
.mainmenu li ul li a:hover{color: #D4A809;}
.mainmenu li ul li ul{position:absolute; right:-190px; top:0; left:auto; display:none;}
.mainmenu li:last-child ul li ul{right:auto; left:-190px;}

/*Effect on sub menu*/
.mainmenu ul{visibility:hidden; opacity:0; transition: ease-in-out all .2s; z-index: -1; transform: translateY(-20px);}
.mainmenu li.has-children:hover > ul{visibility:visible; opacity:1; z-index: 1000; transform: translateY(0);}

.overlay {background: rgba(0,0,0,.6); position: fixed; top: 0; height:100vh; width:100%; left:0; z-index:999; 
  backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);}

/*Footer*/
.footer_wrap { padding: 30px 0; line-height: 26px; color: #fff; font-size: 14px; position: relative; background: #232323;}
.footer_wrap > div{padding: 0 15px; box-sizing: border-box; display: flex; flex-wrap: wrap;}
.footer_wrap > div > div{width: 25%; padding: 0 10px; box-sizing: border-box;}
.footer_wrap span{font-weight: bold; display: block; margin-bottom: 15px; text-transform: uppercase; font-size: 15px; color: #fff;}
.footer_wrap > div > div:first-child{padding-left: 0;}
.footer_wrap > div > div:last-child{padding-right: 0;}
.footer_contact{display: flex; flex-direction: column;}
.footer_contact > a{font-weight: bold; color: #fff; line-height: 24px; font-size: 14px; padding-left: 35px;}
.footer_contact > a:first-child{margin-bottom: 15px; padding: 0;}
.footer_contact > a.footer_phone{font-size: 19px; color: #D4A809; margin-bottom: 15px; background: url(../images/phone-gold.svg) left center no-repeat;}
.footer_contact > a.footer_message{margin-bottom: 15px; background: url(../images/envelope-white.svg) left center no-repeat;}
.footer_contact > a.footer_direction{background: url(../images/direction-white.svg) left center no-repeat;}

.footer_wrap .newsletter{display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #555555;}
.footer_wrap .newsletter > input{border: 0; background: none; line-height: 40px; font-size: 14px; color: #FFFFFF; width: calc(100% - 70px);}
.footer_wrap .newsletter > input::placeholder{font-size: 14px; color: #FFFFFF;}
.footer_wrap .newsletter > a{position: relative; padding-right: 10px; box-sizing: border-box; width: 90px; font-size: 14px; font-weight: bold; color: #fff;}
.footer_wrap .newsletter > a:after{content: ""; position: absolute; right: 0; top: calc(50% - 5px); height: 10px; width: 10px; 
  transform: rotate(45deg); border: solid #fff; border-width: 2px 2px 0 0;}

/*Social*/
.footer_wrap .social{display: flex;}
.footer_wrap .social a{height: 23px; width: 23px; margin-right: 10px; transition: ease-in-out all .3s;}
.footer_wrap .social a.fb{background: url(../images/facebook-white.svg) center center no-repeat; width: 19px; margin-right: 13px;}
.footer_wrap .social a.ins{background: url(../images/instagram-white.svg) center center no-repeat; margin-right: 15px;}
.footer_wrap .social a.tw{background: url(../images/twitter-white.svg) center center no-repeat;}
.footer_wrap .social a:hover{ transform: translateY(-5px);}

.footermenu { margin: 0; padding: 0; list-style: none;}
.footermenu li  {margin:0; padding:0 0 10px 0; display: block; line-height: 24px;}
.footermenu li a{display: block; margin:0; font-size:13px; color: #fff; text-transform: capitalize; transition: ease all .5s;}
.footermenu li a:hover { color:#D4A809; text-decoration: none; transition: ease all .5s;}
.footermenu li ul {display: none;}

/* Byline */
.byline_wrap{background: #232323;}
.byline_wrap a:hover{color:#D4A809;}
.byline_wrap > div{padding: 0 15px; box-sizing: border-box;}
.byline_wrap > div > div{border-top: 1px solid #555555; display: flex; justify-content: space-between; align-items: center; padding: 40px 0 30px;}
.byline_menu{list-style: none; padding: 0; margin:0; display: flex; align-items: center; height: 100%;}
.byline_menu li{ padding: 0 15px 0 0; margin: 0 15px 0 0; border-right: 1px solid #fff; line-height: 14px; }
.byline_menu li:last-child{border: 0;}
.byline_menu li a{color: #FFFFFF; font-size: 13px; transition: ease-in-out all .3s; text-transform: capitalize;}
.byline_wrap > div > div > div{height: 100%;}
.byline_wrap > div > div > div > a{font-size: 13px; color: #FFFFFF; transition: ease-in-out all .3s}
.byline_wrap .footer_logos{display: flex; flex-wrap: wrap;}
.byline_wrap .footer_logos img{margin: 0 20px;}

/*System change*/
.AB-editContentContainer { display: flex; align-items: flex-end;}

/* Fonts */

a {text-decoration :none; color: #232323;}
a:hover{text-decoration: none;}
.content_wrap p a{text-decoration: underline;}
.content_wrap p a:hover{color: #8F8F8F;}

html {overflow-y: scroll;}

h1, h2, h3, h4, h5, h6{display:block; padding: 0; margin: 0 0 10px 0; font-weight: normal; color: #393A3D;}
h1 {font-size: 36px; line-height:42px;}
h2 {font-size: 32px; line-height:38px;}
h3 {font-size: 28px; line-height:34px;}
h4 {font-size: 24px; line-height:32px;}
h5 {font-size: 20px; line-height:30px;}
h6 {font-size: 18px; line-height:30px;}

p {padding: 5px 0 20px 0; font-size:16px; color:#232323; line-height:28px;}

ul {list-style-position: outside; padding: 5px 0 20px 20px; font-size:14px; color:#3a3a38; list-style-type:disc; line-height:24px; }
ul li {padding:0 0 15px 0; line-height:20px;}
ul li a:hover{text-decoration: none;}

ol {list-style-position: outside; padding: 5px 0 20px 20px; font-size:14px; color:#3a3a38; list-style-type:circle; line-height:24px; }
ol li {padding:0 0 5px 0;}

hr {color:#dadbdc; background:#dadbdc; height:1px; border:0; margin-bottom:20px;}


.hidden {display: none;}

.clear{clear: both;display: block;overflow: hidden; visibility: hidden; width: 0; height: 0;}


.full-width-fix { width: 100vw; position: relative; left: 50% !important; right: 50%; margin-left: -50vw !important; margin-right: -50vw; }
.flexslider { transition: all 0.3s ease-in-out 0s; height: auto; position: relative; margin-top: -10px;}
.flex-viewport { height: 100% !important; }
.flexslider .slides { list-style: none; margin: 0; padding: 0; overflow: hidden; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; position: relative; margin: 0; padding: 0; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; height: 100%; min-height: 100px; }
.flexslider .slides { height: 100%; }
.flexslider .slides > li.flex-active-slide { display: flex !important; flex-direction: column }
.flexslider .slides > li > a { display: block; height: 100%;}
.flexslider .slides > li > img, .flexslider .slides > li > a > img { width: 100%; display: block; z-index: 4; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
.flexSliderContainer.arrow { position: relative; }
.flexSliderContainer.arrow .flexslider { margin-bottom: -30px; }
.flexSliderContainer.arrow .slides > li, .flexSliderContainer.arrow .slides > li > a {
  clip-path: polygon(0 calc(100% - 30px),calc(50% - 30px) calc(100% - 30px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 30px) calc(100% - 30px), 100% calc(100% - 30px),100% 0, 0 0);
  -webkit-clip-path: polygon(0 calc(100% - 30px),calc(50% - 30px) calc(100% - 30px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 30px) calc(100% - 30px), 100% calc(100% - 30px),100% 0, 0 0);
}

.flex-caption {display: flex; flex-direction: column; height: 100%; margin: 0 auto;}
.flex-caption > div {display: flex; flex-direction: column; justify-content: center;  box-sizing: border-box; height: auto;}
.flex-caption > div.background {background: rgba(0, 0, 0, .7); padding: 20px 60px;}
.flex-caption:empty {display:none;}

.flex-caption.halign-right {align-items: flex-end; }
.flex-caption.halign-left {align-items: flex-start;}
.flex-caption.halign-center {align-items: center;}

.flex-caption.valign-top {justify-content: flex-start; }
.flex-caption.valign-center {justify-content: center;}
.flex-caption.valign-bottom {justify-content: flex-end;}

.flex-caption h1 { font-size: 42px; line-height: 50px;}
.flex-caption p {font-size: 22px; line-height: 28px; padding: 0; margin: 0;}
.flex-caption a{ font-size: 24px;}

/*Fullscreen gallery pagination buttons*/
.flex-control-paging {position: absolute; bottom: 20px; display: flex; width: 100%; left: 0; align-items: center; justify-content: center; z-index: 60}
.flex-control-paging {list-style: none; display: flex; align-items: center; margin:0; padding: 0;}
.flex-control-paging > li {padding: 0; margin: 0; font-size: 0; display: flex; align-items: center; justify-content: center;}
.flex-control-paging > li > a {width: 20px; height: 4px; margin: 0 2px; background: #fff;}
.flex-control-paging > li > a.flex-active {background: #F1C73F;}

/*Fullscreen gallery arrows*/
.flex-direction-nav{position: absolute; top: 50%; margin: 0; padding: 0; width: 100%; list-style: none;}
.flex-direction-nav li{ position: absolute; z-index: 10; right:30px; top: calc(50% - 50px); width: 50px; height: 100px; 
  cursor: pointer;  transition: ease-in-out all .5s; padding: 0;}
.flex-direction-nav li a{ font-size: 0; display: block; height: 100%; transition: ease-in-out all .5s;}
.flex-direction-nav li a:after{content: ""; width:25px; height: 25px; border: solid #000; border-width: 3px 3px 0 0; transform: rotate(45deg); display: block; position: absolute; top: calc(50% - 14px); right: 18px;}
.flex-direction-nav .flex-nav-prev{ transform: rotate(180deg); left: 30px; right: initial;}
.flex-direction-nav .flex-nav-prev:after { transform: rotate(45deg); right: initial; left: 10px; }
.flex-direction-nav li a{background: rgba(255,255,255,.4);}
.flex-direction-nav li a:hover{background: rgba(255,255,255,.8);}

/*Contact Form*/
.contact-form {background: #fff; -webkit-box-shadow: 0px 1px 5px 0px rgb(168 168 168 / 61%); -moz-box-shadow: 0px 1px 5px 0px rgba(168,168,168,0.61);
    box-shadow: 0px 1px 5px 0px rgb(168 168 168 / 61%); padding: 10px 20px;}
.contact-form .cf-input {line-height: 30px; margin-bottom: 10px;}
.contact-form label {width: 100%; color: #000000; font-size: 15px; font-weight: 500;}
.contact-form input, .contact-form textarea, .contact-form select {width: 100%; height:42px; font-size: 15px; text-indent: 10px; 
  border: 1px solid #F5F5F5; box-sizing:border-box; padding: 0 5px;}
.contact-form select{text-indent: 0;}
.contact-form :is(input, textarea):focus{border-color: #F1C73F;}
.contact-form .cf-checkbox, .contact-form .cf-radiobox {display: flex; flex-direction: column; margin-bottom: 10px;}
.contact-form .cf-select{margin-bottom: 10px;}
.contact-form .cf-checkbox > span, .contact-form .cf-radiobox > span{display:flex; align-items: flex-start; color: #000000; font-size: 15px;}
.contact-form input[type="checkbox"], .contact-form input[type="radio"]{height: 13px; width: 13px; margin:5px 10px 0 0;}
.contact-form label span {color:#FF0022; font-size: 16px;}
.contact-form textarea {resize: none; height: 110px;}
.contact-form .cf-buttons {line-height: 0; font-size: 0; text-align: right; margin-top: 5px;}
.contact-form .cf-buttons a { width: 210px; color: #fff; text-transform: uppercase; line-height: 50px; background: #D4A809; 
  font-size: 16px; display: inline-block; margin-left: 20px; text-align: center; font-weight: 700; transition: ease-in-out all .5s;}
.contact-form .cf-buttons a:hover{background: #F1CD59; animation: shadow-pulse 1s; animation-iteration-count: 1;}
.contact-form .cf-validation {text-align: center; height: 0; padding: 10px 0; box-sizing: border-box; font-size: 16px; color: #ee660b; font-weight: bold; transition: all 2s ease-in-out 0s;}
.contact-form .cf-text{color: #000; font-weight: 500; font-size: 15px; padding: 10px 0;  margin-bottom: 10px; width: 100%;}

/*Animation*/
@keyframes shadow-pulse {
    0% { box-shadow: 0 0 0 0px rgba(38, 38, 36, .6); }
    100% { box-shadow: 0 0 0 25px rgba(38, 38, 36, 0); }
}

/*Content*/
.content_wrap a.p_button, .content_wrap a.s_button{display: inline-block; margin: 10px 10px 10px 0; transition: ease-in-out all .5s; font-weight: 700; font-size: 16px; line-height: 50px; padding: 0 40px; text-transform: uppercase; text-decoration: none;}
.content_wrap a.p_button{color: #fff; background: #D4A809;}
.content_wrap a.p_button:hover{background: #F1CD59; color: #fff;}
.content_wrap a.s_button{color:#232323; background: #fff; border:1px solid #232323; }
.content_wrap a.s_button:hover{color: #D4A809; border-color: #D4A809;}

/*Mosaic Module*/
.mosaic-module {display: flex; align-items: stretch; margin: 10px 0;}
.mosaic-module > div {flex: auto; width:0; display: flex; flex-direction: column;}
.mosaic-module > div > a {background-repeat: none; background-size: cover; display: flex; align-items:center; justify-content:  flex-end; flex-direction: column; flex: 0 0 auto; width: 100%; color: #fff; text-decoration: none; position: relative;}
.mosaic-module > div > a.no-link{cursor: default;}
.mosaic-module > div > a.no-link:active{pointer-events: none; cursor: default;}
.mosaic-module > div > a > span {font-size: 33px; line-height: 42px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.mosaic-module > div > a > span > span{ height:0; width: 0; background: url(../images/plus-line.svg) center no-repeat; transition: ease-in-out all .3s;}

.mosaic-module > div > a:nth-child(2) {margin-top: auto;}
.mosaic-module > div:nth-child(2) { margin: 0 10px;}

.mosaic-module .mosaic_overlay{position: absolute; inset: 0; z-index: 99; background: rgba(212, 168, 9, .7); opacity: 0; transition: ease-in-out all .3s;}
.mosaic-module > div > a:hover .mosaic_overlay{opacity: 1;}
.mosaic-module > div > a:hover > span > span{height: 45px; width: 45px; margin-bottom: 15px;}

.mosaic-module > div:first-child > a:first-child {margin-bottom: 10px;} 
.mosaic-module > div:last-child > a:first-child {margin-bottom: 10px;} 

/********* Button Module **********/
.button_module {padding: 20px 0;}
.button_module > div{padding:0 15px; box-sizing: border-box;}
.button_module > div > div {width: 100%; display: flex; align-items: stretch; }
.button_module > div > div > div {flex: 1 0 0; margin: 0 15px 25px 15px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; 
  position:relative; padding: 0; box-sizing: border-box;}
.button_module > div > div > div:first-child {margin-left: 0;}
.button_module > div > div > div:last-child {margin-right: 0;}
.button_module .button_item{color: #fff; background: #D4A809; line-height: 50px; padding: 0 40px; font-size: 16px; width: 100%; display: flex; align-items: center; 
  justify-content: center; text-align: center;transition: ease-in-out all .4s; position: relative; text-transform: capitalize; font-weight: 700;}
.button_module .button_item:hover{background: #F1CD59; color: #fff; animation: shadow-pulse 1s; animation-iteration-count: 1;}