html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/*/ HTML5 display-role reset for older browsers /*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:#fff;
	font-family: 'Renault', sans-serif;
	color:#000000;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
img{max-width: 100%;}
strong{font-weight: 600;}
a { color:#000; text-decoration:none; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2{font-family: 'Renault', sans-serif; font-weight: 500;}
h3, h4{font-family: 'Renault', sans-serif; font-weight: 500;}
p{font-family: 'Renault', sans-serif; font-weight:400;} 


/*  */

:root{
    /* bg color variable */
    --primary_black:#000000;
    --primary_white:#ffffff;
    --primary_yellow:#EFDF00;
    --primary_lightGrey:#F6F6F6;
    --primary_midGrey:#BFBFBF;
    --primary_darkGrey:#7D7D7D;
    --primary_blue:#0091DA;

    --secondary_yellow: #FBEB4C;
    --secondary_text_color: #5E5D5D;
}

body{background-color: var(--primary_lightGrey);}
.bg_white{background-color: var(--primary_white);}
.bg_secondary{background-color: #efefef;}
.global_bg{background-color: var(--primary_lightGrey);}

/* Global Classes */
.full_container{padding:0px 30px; box-sizing: border-box;}
.main_container{max-width: 1360px; margin: auto; padding:0px 25px; box-sizing: border-box;}
.section_gap{padding:60px 0px; box-sizing: border-box;}
.section_gap.no_gap{padding: 0;}
.section_gap.top_gap_no{padding-top:0px;}
.section_gap.bottom_gap_no{padding-bottom:0px;}
.inner_sec_gap{padding-top:35px; box-sizing: border-box;}

/* Global Titles & Texts */
.primary_title{font-size:36px; margin-bottom: 0;line-height: 39px; font-weight: 600; text-transform: uppercase; text-align: center; color: var(--title_color);}
.customer-account-createpassword .primary_title{padding: 20px 0px;}
.primary_title.left{text-align: right;}
.secondary_title{font-size: 18px; line-height: 20px; color: var(--primary_black); font-weight: 600; text-transform: lowercase;}
.primary_text{font-size: 19px; line-height: 25px; color: var(--secondary_text_color); padding-top: 20px;}
.secondary_text{font-size: 16px; line-height: 22px; color: var(--secondary_text_color);}


/* Cta's */
.super_primary_cta{font-size: 19px; line-height: 22px; font-weight: 600; text-align: center; text-transform: lowercase; min-width: 8em; display: inline-block; padding:15px 25px; box-sizing: border-box; background-color: var(--primary_yellow); border:1px solid var(--primary_yellow); color: var(--primary_black); transition: .3s ease-in-out; cursor: pointer;}
.super_primary_cta:hover{background-color: var(--secondary_yellow); border-color: var(--secondary_yellow);}
.primary_cta{font-size: 19px; color:#fff; line-height: 22px; font-weight: 600; text-align: center; text-transform: lowercase; min-width: 8em; display: inline-block; padding:15px 25px; box-sizing: border-box; background-color: var(--primary_black); border:1px solid var(--primary_black); color: var(--primary_white); outline: unset; cursor: pointer;}
.primary_cta:hover{background-color: var(--primary_yellow); border-color: var(--primary_yellow); color: var(--primary_black);}
.secondary_cta{font-size: 19px; line-height: 22px; font-weight: 600; text-align: center; text-transform: lowercase; min-width: 8em; display: inline-block; padding:15px 25px; box-sizing: border-box; background-color: transparent; border: 1px solid var(--primary_black); color: var(--primary_black); transition: .3s ease-in-out; outline: unset; cursor: pointer;}
.secondary_cta:hover{background-color: var(--primary_black); color: var(--primary_white);}
.primary_cta.full, .secondary_cta.full{min-width: 100%;}
.primary_link{font-size: 18px; line-height: 28px; font-weight: 400; display: inline-block; color: var(--primary_black); border-bottom: 1px solid var(--primary_yellow); transition: .3s ease-in-out; cursor: pointer;}
.primary_link:hover{border-color: var(--primary_black);}
.secondary_link{font-size: 18px; line-height: 26px; display: inline-block; color: var(--text_color); font-weight: 400; border-bottom: 1px solid var(--text_color); transition: .3s ease-in-out;}


span.primary_cta{cursor: default;}
span.secondary_cta{cursor: default;}

.calltoaction .secondary_cta{width: 100%;}
.calltoaction .secondary_cta.buynow{margin-bottom: 10px;}

a.super_primary_cta, a.super_primary_cta:visited{color: var(--primary_black);}
a.super_primary_cta:hover{}
a.primary_cta, a.primary_cta:visited{color: var(--primary_white);}
a.primary_cta:hover{ color: var(--primary_black);}
a.secondary_cta,a.secondary_cta:visited{ color: var(--primary_black);}
a.secondary_cta:hover{color: var(--primary_white);}
a.primary_cta.full, a.secondary_cta.full{min-width: 100%;}
a.primary_link, a.primary_link:visited{color: var(--primary_black);}
a.primary_link:hover{}
a.secondary_link, a.secondary_link:visited{ color: var(--text_color);}

.banner_text a.secondary_cta, .banner_text a.secondary_cta:visited{ color: var(--primary_white);}
.banner_text  a.secondary_cta:hover{color: var(--primary_black);}

.banner_text a.primary_cta, .banner_text a.primary_cta:visited{color: var(--primary_black);}
.banner_text a.primary_cta:hover{ color: var(--primary_white);}
/* Basic Global Style */

.hide{display: none !important;}
.section_desc {margin: auto; grid-gap: 30px;}
.section_desc.small{max-width:650px;}
.section_desc.medium{max-width: 55%;}
.section_desc.large{max-width: 75%;}
.section_desc .primary_text{padding-top: 20px; text-align: center; color: var(--primary_black);}
.section_cta{padding-top: 30px; text-align: center;}
.section_cta.initial{text-align: initial;}
.inner_section_cta{padding-top: 25px; text-align: center;}
.inner_section_cta.initial{text-align: initial;}

.grid-2{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}
.grid-3{display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-gap: 20px;}
.grid-4{display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px;}

/* BDCrum */
.bdcrum .bdcrum_list{display: flex; align-items: center; flex-wrap: wrap;}
.bdcrum .bdcrum_list .bdcrum_item{display: flex; align-items: center;}
.bdcrum .bdcrum_list .bdcrum_item:after{content:url(../images/bd_icon.png); display: block; margin:0px 20px 4px;}
.bdcrum .bdcrum_list .bdcrum_item:last-child:after{display: none;}
.bdcrum .bdcrum_list .bdcrum_link{font-size: 14px; line-height: 22px; font-weight: 600; text-transform: uppercase; color: var(--primary_darkGrey); padding:14px 0px; border-bottom: 3px solid transparent; transition: .3s ease-in-out;display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;}
.bdcrum .bdcrum_list .bdcrum_link:hover{color: var(--primary_black);}
.bdcrum .bdcrum_list .bdcrum_link.active{color: var(--primary_black); border-color: var(--primary_yellow);}


/* Radio */
.custom_check{position: relative;}
.custom_check .circle_check{margin:0px; opacity: 0; pointer-events: none; position: absolute;}
.custom_check label{font-size: 18px; line-height: 26px; padding-right:35px; color: var(--primary_text); cursor: pointer;text-transform: lowercase;}
.custom_check label:before{content:''; width:20px; height:20px; border-radius: 50px; border:1px solid #D6D6D6; display: block; position: absolute; top:2px; right:0px;}
.circle_check:checked + label:after{content: ''; width:14px; height:14px; border-radius: 50px; background-color: var(--primary_black); position: absolute; top:6px; right:4px;}
.custom_check label img{vertical-align: middle; margin:0px 6px;}
.custom_check label{padding-right: 40px; display: flex;}
.custom_check.checkbox label:before{width:24px; height:24px; top:0px; transform: unset; border-radius: 0px; border-color: var(--primary_black); background-color: transparent;}
.custom_check.checkbox .circle_check:checked + label:after{width:24px; height:24px; border-radius: 0px; background-color: transparent; background-image:url(../images/checkbox.png); background-position: center; background-repeat: no-repeat; background-size: cover; top:1px; transform: unset; right:1px;}
.fieldset > .field, .fieldset > .fields > .field{margin-bottom: 0;}
.fieldset{display: grid; flex-wrap: wrap; grid-template-columns: 1fr 1fr; gap:20px; row-gap: 25px;}
.form_field.half{width: 100%; margin:0; }
.form_field.full{width: 100%; grid-column: span 2; margin: 0;}
.form_field.full.search-bar{width: 50%;}
.inner_search_block{justify-content: center;}
.form_field .label{font-size: 18px; line-height: 26px; color: var(--primary_black); display: block; padding-bottom: 10px;}
.form_field .field_item{font-size: 18px; line-height: 26px; color: var(--primary_black); min-height: 60px; border:1px solid #D6D6D6; padding:12px 20px; box-sizing: border-box; width: 100%; background-color: var(--primary_white); outline: unset; resize: none;}
.form_field select.field_item{appearance: none; background-image: url(../images/down_arrow.png); background-repeat: no-repeat; background-position: 2% center; background-size: 20px; background-repeat: no-repeat;}
.form_check{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap:15px;}
.form_field.recaptcha{padding:10px 0px;}
.form_field .field_bg{background-color: #F8F8F8;}
.fieldset legend{width: 100%; grid-column: span 2;}
#register_captcha{margin-bottom: 20px;}
.field#register_second{margin-bottom: 20px;}
#register_back{margin-top: 20px;display: block;}
.modal .popup-inner-contant.signin_popup .fieldset{display: block;}
/* ================================================================================= */
/* Global Responsive */


@media screen and (min-width:200px) and (max-width:1024px){
	.section_gap{padding:30px 0px;}
	.inner_sec_gap{padding-top:25px;}
	.section_cta{padding-top: 20px;}
	.inner_section_cta{padding-top: 15px;}
	.section_desc{grid-gap: 20px;}
	.section_desc.small{max-width:100%;}
	.section_desc.medium{max-width: 100%;}
    .primary_title{font-size:23px; line-height: 27px;}
    .primary_text{font-size:16px; line-height: 22px; padding-top:15px;}
	.secondary_title{font-size: 15px; line-height: 19px;}

	.primary_cta{font-size: 15px; line-height: 23px; padding:12px 10px;}
	.secondary_cta{font-size: 15px; line-height: 21px; padding:12px 10px;}

	.primary_link{font-size: 15px; line-height: 23px;}
	.secondary_link{font-size: 15px; line-height: 23px;}

	.grid-2{grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
	.grid-3{grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}
	.grid-4{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 18px;}

	.bdcrum .bdcrum_list .bdcrum_link{padding:6px 0px; font-size: 10px; line-height: 20px;}
	.bdcrum .bdcrum_list .bdcrum_item:after{margin:0px 8px 6px;}

	.custom_check label{font-size: 15px; line-height: 20px; padding-right: 25px;}
	.custom_check label:before{width:16px; height:16px;}
	.circle_check:checked + label:after{width:10px; height:10px;}
	.custom_check.checkbox label{padding-right: 35px;}
	.custom_check.checkbox label:before{width:18px; height:18px;}
	.custom_check.checkbox .circle_check:checked + label:after{width:18px; height:18px;}
	.catalog-product-view .field.choice .label::after {width: 18px;height: 18px;}
	.form{grid-template-columns: 1fr; row-gap: 20px;}
	.form_field.full{grid-column: span 1;}
	.form_field .label{font-size: 16px; line-height: 24px;}
	.form_field select.field_item{padding-left: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.form_field .field_item{font-size: 16px; line-height: 24px;min-height: 45px; padding:12px 15px; width: 100%; outline: none;}
	.form_field .field_item:focus-visible{outline: unset;}
}

@media screen and (min-width:768px) and (max-width:1024px){
	.grid-2{grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));}
	/* .grid-3{grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));} */
	.grid-4{display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 12px;}
	.fieldset{grid-template-columns: 1fr 1fr;}
	.form_field.full{grid-column: span 2;}
	
}

@media screen and (min-width:1025px) and (max-width:1600px){
	.section_gap{padding:40px 0px; box-sizing: border-box;}
	.inner_sec_gap{padding-top:25px; box-sizing: border-box;}
    .primary_title{font-size:28px; line-height: 32px;}
    .primary_text{font-size:16px; line-height: 23px;}
	.secondary_title{font-size: 16px; line-height: 20px;}


	.primary_cta{font-size: 17px; line-height: 23px; padding:10px 10px;}
	.secondary_cta{font-size: 17px; line-height: 23px; padding:10px 10px;}
	.modal-content .actions-toolbar.form_field.form_btns .secondary_cta{padding: 15px 10px;}
	.primary_link{font-size: 17px; line-height: 25px;}
	.secondary_link{font-size: 17px; line-height: 25px;}

	.section_desc.small{max-width:650px;}
	.section_desc.medium{max-width: 80%;}

	.grid-3{grid-template-columns: repeat(3, 1fr);}
	.form_field .field_item{min-height: 55px;}



	
}

@media screen and  (max-width:767px){
.fieldset{grid-template-columns: 1fr; }
.bdcrum .bdcrum_list .bdcrum_link{max-width: 110px;}
.selected_model_info .model_image{max-width: unset !important;}
.products-grid.wishlist .product-item .product-item-info .product-item-photo{min-height: 70px !important;width: 100% !important;}
.products-grid.wishlist .product-item .product-item-info .product-item-photo img{max-width: 100% !important;}
.product-image-wrapper{padding-bottom: 100% !important;}
}

@media screen and  (max-width:420px){
.field-recaptcha {transform: scale(90%);max-width: 235px;margin-right: -4%;}

}

@media screen and (min-width:1025px) and (max-width:1600px){
.quick_link_block .quick_link{padding: 8px 10px;font-size: 14px;}
.main_container{max-width: 90%;}
.secondary_title{font-size: 15px;}
 .primary_title{    font-size: 28px;    line-height: 32px;  }
 .message.global.demo{font-size: 14px;}
}




@media screen and (max-width:375px){
	.header_Search.header_links{display: none;}
	/*.quick_link_block .quick_item .secondary_title {font-size: 12px;line-height: 14px;}*/
	.model_listing .model{padding-top: 40px;}
	.popup_filter_option{padding: 20px;}
	.popup_filter_option .ln_slider_range .start input {font-size: 15px;line-height: 28px;padding: 6px 10px;min-width: 100px !important;height: 35px !important;}
	.main_container{padding: 0px 10px;}
	.right_col_detail .buying_procedure {padding: 20px 15px;}
	.right_col_detail .cash_option .tabcontent .tab_cnt_inner {padding: 20px 10px;}
	.prod_block .model_spec_table .data_head{font-size: 14px;}
	.model_spec_table .data_value_inner{padding: 15px;}
	.model_spec_table .data_head{padding: 15px;}
	.customer-popup #customer-popup-login .form-login .actions-toolbar .secondary {display: inline;font-size: 15px;text-align: left;margin-right: 0px;}
  .customer-popup #customer-popup-login .actions-toolbar .primary {width: 100%;display: inline-block;margin-bottom: 10px;}
  .modal-content .actions-toolbar.form_field.form_btns {flex-direction: column;}
  #customer-popup-login-form fieldset input[type="text"],#customer-popup-login-form fieldset input[type="password"],#customer-popup-login-form fieldset input[type="url"],#customer-popup-login-form fieldset input[type="tel"],#customer-popup-login-form fieldset input[type="search"],#customer-popup-login-form fieldset input[type="number"],#customer-popup-login-form fieldset input[type="datetime"],#customer-popup-login-form fieldset input[type="email"],#customer-popup-login-form fieldset input[type="phone"]{min-height: 45px;}
  .field.choice input[type="checkbox"], .field.choice input[type="radio"]{margin: 0px;}
  #customer-popup-login .form-login .field.choice .label{padding-right: 25px;}
  .customer-popup .form-login .fieldset .for_rem_block{padding: 20px 0px;}
  #customer-popup-login-form .form.form-login .socail_login ul{flex-direction: column;}
  #customer-popup-login-form {margin: 0px 10px;}
  .modal-popup.customer-popup .modal-content{padding:20px 10px;}
  .customer-popup #customer-popup-login .form.form-login .socail_login ul li{padding-bottom: 0px;}
  .customer-popup #customer-popup-login .form.form-login .socail_login ul{flex-direction: column;}
/*  .customer-popup #customer-popup-login-form .fieldset.login .password{margin-top: -10px;}*/
	#customer-popup-form-register{margin:0px 10px;}
	#customer-popup-register #customer-popup-form-register #register_captcha .g-recaptcha iframe,  #customer-popup-login-form .login #register_captcha .g-recaptcha iframe{max-width: unset !important;}
	.pay_deposit_cnt .price_input {padding-right: 15px !important;}
.modal .page_share_popup .page_share_block div.share div{margin: 0 10px 0 0 !important;}




}


@media screen and (max-width:500px){
		.quick_link_block .quick_item .secondary_title {font-size: 12px;line-height: 14px;}

}