@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;700&display=swap');

body{
	line-height: 1;
	background:#000;
	font-family: 'Oswald', sans-serif;
}
:root {
	--red: #ED3338;
	--green: #29ff36;
  }

strong,b{font-weight:bold;}
#center{width:93%;margin:0 auto;}
#clear, .clear {width:100%;clear: both;}
#bg{display:none;background:rgba(0,0,0,0.7);position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:999999;}
#result{position:fixed;right:0px;top:0px;}



#foto{width:calc(100% - 400px);float:left;}

#view{width:100%;margin:20px auto}
#nav{width:360px;padding:10px;background:var(--red);margin:0 0 0 20px;float:right;}
#nav #title{color:#fff;padding:10px 0}
#nav #subtitle{color:#fff;font-size:15px;padding:10px 0}
#nav header h1{color:#fff;font-size:1.9em;text-transform:uppercase;font-weight:bold;}
#nav header #price{width:calc(100% - 20px);padding:10px;background:#333;margin:10px 0 0 0;}
  #nav header #price span{color:#fff;}
  #nav header #price section{color:#fff;font-size:1.7em;font-weight:bold;}

#nav #form{width:100%}
	#nav #form form{width:100%}
		#nav #form form input{width:calc(100% - 20px);margin:0 0 10px 0;padding:10px;border:none;outline:none}
		#nav #form form textarea{width:calc(100% - 20px);padding:10px;border:none;outline:none}
		#nav #form form button{width:100%;border:none;background:#fff;color:var(--red);margin:10px 0 0 0;padding:20px 10px;cursor:pointer;font-weight:bold;font-family: 'Oswald', sans-serif}
		.btn_buy_veiculo{width:calc(100% - 20px);font-size:0.9em;text-align:center;display:block;border:none;background:var(--green);color:#000;margin:10px 0 0 0;padding:20px 10px;cursor:pointer;font-weight:bold;}


#resumo_ul{width:100%;background:#fff}
	#resumo_ul li{width:calc(16.66% - 1px);border-right:solid 1px #fff;padding:15px 0;float:left}
		#resumo_ul li h1{font-weight:bold;font-size:1.3em;text-align:center;color:#fff;}
		#resumo_ul li h2{font-size:1.1em;text-align:center;color:#fff;}

#lista_ul{width:100%;}
	#lista_ul li{width:33.333%;position:relative; padding:5px 0;float:left;}
		#lista_ul li:after{content:"";position:absolute;left: 0px;top: calc(50% - 3.5px);width: 4px;height: 7px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
		#lista_ul li h1{color:#fff;padding:0 0 0 15px;}

#box_desc{width:100%;color:#fff;font-size:1.1em;padding:10px 0;line-height:1.2em}

#titleh1{font-size:1.2em;font-weight:bold;color:#fff;border-bottom:solid 2px var(--red);padding:0 0 10px 0;margin:10px 0;width:100%;;}

#nav_marcas{width:100%;}
	#nav_marcas header{width:100%;margin:0 0 10px 0;text-align:center;padding:10px 0;}
		#nav_marcas header h1{font-size:1.9em;font-weight:bold;text-transform:uppercase;}


	.row_inline{display:inline-block;font-size:1.1em;color:#fff;margin:0 10px 10px 0}
		.row_inline input{float:left;width:0px !important;height:0px !important;opacity:0;position:absolute;;}
		.row_inline a{font-weight:bold;color:#fff;text-decoration:underline;}

	.row{display:inline;font-size:1.1em;color:#fff;float:left;margin:0 10px 0 0}
		.row input{float:left;width:0px !important;height:0px !important;opacity:0;position:absolute;;}

	.input_radio .checkmark {width: 21px;height: 21px;border-radius:100%;position:relative;margin:0 8px 0 0;float:left;background-color: #fff;}
	.input_radio .checkmark:after {content:"";display:none;position:absolute;left: 7px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.input_radio:hover .checkmark{background-color:#eee;cursor:pointer;}
	.input_radio input:checked ~ .checkmark {background-color:#9D1E21  !important;}
	.input_radio input:checked ~ .checkmark:after {display: block;}

	.input_sinmnao .checkmark {min-width:70px;text-align:center;padding:11px 10px;background:#9d2525;border-radius:5px;margin:0 8px 0 0;float:left}
	.input_sinmnao:hover .checkmark{background-color:#81191a;cursor:pointer;}
	.input_sinmnao input:checked ~ .checkmark {background-color:#fff  !important;color:#9D1E21 !important}

	.input_checkbox .checkmark {width: 21px;height: 21px;border-radius:100%;position:relative;margin:0 8px 0 0;float:left;background-color: #fff;}
	.input_checkbox .checkmark:after {content:"";display:none;position:absolute;left: 7px;top: 2px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.input_checkbox:hover .checkmark{background-color:#eee;cursor:pointer;}
	.input_checkbox input:checked ~ .checkmark {background-color:#9D1E21  !important;}
	.input_checkbox input:checked ~ .checkmark:after {display: block;}




	

	
	#nav_marcas ul{width:100%;}
		#nav_marcas ul li{width:calc(18.4% - 2px);border-radius:6px;border:solid 1px #eaeaea;height:100px;background-size:60% !important;background-position: center center !important;background-color:#f9f9f9  !important;margin:0 2% 2% 0;float:left;}
		#nav_marcas ul li:hover{border:solid 1px #bfbfbf;}
		
		#nav_marcas ul a:nth-child(5n) li{margin:0 0 2% 0;}



#nav_produtos{width:100%;}
	#nav_produtos header{width:100%;margin:0 0 10px 0;text-align:center;padding:10px 0;}
		#nav_produtos header h1{font-size:1.9em;font-weight:bold;text-transform:uppercase;}

	#nav_produtos #v_ul{width:100%;}
		#nav_produtos #v_ul li{width:calc(25% - 12px);border:solid 1px #d7d7d7;margin:0 10px 20px 0;float:left;;}
		#nav_produtos #v_ul li:nth-child(4n){width:calc(25% - 12px);margin:0 0 20px 0;}
		
		#nav_produtos #v_ul li #v_foto{width:100%;height:0px;padding-bottom:57%;background-size:cover !important;background-position:center center;position:relative}
			#nav_produtos #v_ul li #v_foto span{position:absolute;background:rgba(0,0,0,0.7);padding:5px;top:5px;right:5px;}
			#nav_produtos #v_ul li #v_foto span.marcado_select svg{fill:yellow !important;}
			#nav_produtos #v_ul li #v_foto span:hover{cursor:pointer}
			#nav_produtos #v_ul li #v_foto span:hover svg{fill:yellow;}
				#nav_produtos #v_ul li #v_foto span svg{width:20px;height:20px;fill:#fff}
		#nav_produtos #v_ul li #v_header{width:100%;}
		#nav_produtos #v_ul li #v_header h2{width:100%;padding:5px 0;text-align:center;text-transform:uppercase;font-size:0.9em;;}
		#nav_produtos #v_ul li #v_header h1{width:100%;height:60px;padding:3px 0 6px 0;text-align:center;text-transform:uppercase;font-size:1.1em;font-weight:bold;color:#fff}

		#v_datails{width:100%;}
			#v_datails section{width:50%;text-align:center;padding:10px 0;;background:#d7d7d7;float:left;}
			#v_datails section:nth-child(2){width:calc(50% - 1px);border-left:solid 1px #333;;text-align:center;float:left;}

		#v_price{width:100%;height:60px;color:#fff}
			#v_price h2{width:100%;text-align:center;font-size:1em;text-transform:uppercase;color:#797979;padding:5px 0 0 0;}
				#v_price h2 span{width:100%;text-decoration: line-through;}
			#v_price h1{width:100%;text-align:center;padding:5px;text-align:center;font-weight:bold;text-transform:uppercase;font-size:1.2em;;}

			#v_info{width:100%;background:var(--red);text-align:center;padding:10px 0;font-size:0.9em;margin:10px 0 0 0;font-weight:bold;color:#fff;;}
				#v_info:hover{background:#333;transition:.2s;}
	
#nav_siga{width:100%;background:var(--red);margin:15px 0 0 0;color:#fff;text-align:center;font-size:1.3em;font-weight:bold;padding:35px 0;transition:.2s;}
	#nav_siga:hover{background:#C6252A;transition:.2s;}
	#nav_siga svg{width:27px;height:27px;vertical-align:text-bottom;}
    




@media screen and (max-width:1000px){
	#foto{width:calc(100% - 320px);float:left;}
	#nav{width:280px;padding:10px;background:var(--red);margin:0 0 0 20px;float:right;}
}

@media screen and (max-width:830px){
	#foto{width:100%;float:left;}

	#nav{width:calc(100% - 20px);padding:10px;margin:20px 0 0 0;}

	#resumo_ul li{width:calc(33.33% - 1px);border-right:solid 1px #fff;padding:15px 0;margin:0 0 0 0;float:left}
	#resumo_ul li:nth-child(1){border-bottom:solid 1px #fff;}
	#resumo_ul li:nth-child(2){border-bottom:solid 1px #fff;}
	#resumo_ul li:nth-child(3){border-bottom:solid 1px #fff;}

	#lista_ul li{width:50%;position:relative; padding:5px 0;float:left;}


	#nav_produtos #v_ul li{width:calc(50% - 12px);border:solid 1px #d7d7d7;margin:0 10px 20px 0;float:left;;}
	#nav_produtos #v_ul li:nth-child(2n){width:calc(50% - 12px);margin:0 0 20px 0;}
}

@media screen and (max-width:500px){
	#resumo_ul li{width:calc(50% - 1px);border-bottom:none !important;border-right:solid 1px #fff;padding:15px 0;margin:0 0 0 0;float:left}
	#resumo_ul li:nth-child(1){border-bottom:solid 1px #fff !important;}
	#resumo_ul li:nth-child(2){border-bottom:solid 1px #fff !important;}
	#resumo_ul li:nth-child(3){border-bottom:solid 1px #fff !important;}
	#resumo_ul li:nth-child(4){border-bottom:solid 1px #fff !important;}

	#lista_ul li{width:100%;position:relative; padding:5px 0;float:left;}


	#nav_produtos #v_ul li{width:calc(50% - 12px);border:solid 1px #d7d7d7;margin:0 10px 20px 0;float:left;;}
	#nav_produtos #v_ul li:nth-child(2n){width:calc(50% - 12px);margin:0 0 20px 0;}
}

@media screen and (max-width:470px){
	#nav_produtos #v_ul li{width:100% !important;border:solid 1px #d7d7d7;margin:0 10px 0 0 !important;}
}