/*===============*/
/*=== fonts =====*/
/*===============*/
/*#region fonts imports */

body{
    overflow-x: hidden;
}

@font-face {
	font-family: Montserrat-Regular;
	src: url("../fonts/Montserrat/Montserrat-Regular.ttf");
}

@font-face {
	font-family:Montserrat-Light;
	src: url("../fonts/Montserrat/Montserrat-Light.ttf");
}

@font-face {
	font-family:Montserrat-Bold;
	src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
}

@font-face {
	font-family:Montserrat-Medium;
	src: url("../fonts/Montserrat/Montserrat-medium.ttf");
}

@font-face {
	font-family: Oswald-Regular;
	src: url("../fonts/Oswald/Oswald-Regular.ttf");
}

@font-face {
	font-family: Oswald-ExtraLight;
	src: url("../fonts/Oswald/Oswald-ExtraLight.ttf");
}

@font-face {
	font-family: Oswald-Light;
	src: url("../fonts/Oswald/Oswald-Light.ttf");
}

@font-face {
	font-family: Oswald-SemiBold;
	src: url("../fonts/Oswald/Oswald-SemiBold.ttf");
}

@font-face {
	font-family: Oswald-Bold;
	src: url("../fonts/Oswald/Oswald-Bold.ttf");
}

@font-face {
	font-family: Montserrat-ExtraBoldItalic;
	src: url("../fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf");
}

@font-face {
	font-family: Montserrat-MediumItalic;
	src: url("../fonts/Montserrat/Montserrat-MediumItalic.ttf");
}

@font-face {
	font-family: Montserrat-Italic;
	src: url("../fonts/Montserrat/Montserrat-Italic.ttf");
}

@font-face {
	font-family: Poppins-Black;
	src: url("../fonts/Poppins/Poppins-Black.ttf");
}

@font-face {
	font-family: Poppins-Bold;
	src: url("../fonts/Poppins/Poppins-Bold.ttf");
}

@font-face {
	font-family: Poppins-SemiBold;
	src: url("../fonts/Poppins/Poppins-SemiBold.ttf");
}

@font-face {
	font-family: Poppins-Regular;
	src: url("../fonts/Poppins/Poppins-Regular.ttf");
}

@font-face {
	font-family: Poppins-italic;
	src: url("../fonts/Poppins/Poppins-Italic.ttf");
}

@font-face {
	font-family: Raleway-Thin;
	src: url("../fonts/Raleway/Raleway-Thin.ttf");
}

@font-face {
	font-family: Raleway-Light;
	src: url("../fonts/Raleway/Raleway-Light.ttf");
}

@font-face {
	font-family: Raleway-Regular;
	src: url("../fonts/Raleway/Raleway-Regular.ttf");
}

@font-face {
	font-family: Raleway-SemiBold;
	src: url("../fonts/Raleway/Raleway-SemiBold.ttf");
}






/*#endregion fonts imports */

/*===============*/
/*=== global ====*/
/*===============*/
/*#region global*/

html, body
{
	margin: 0;
	font-family: sans-serif;
}

*
{
	box-sizing: unset;
}

body
{
	padding: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	color: #393939;
}

input:focus,
select:focus,
textarea:focus,
button:focus
{
	outline: none;
}

footer
{
	width:  100%;
}

header
{
	font-family: Montserrat-Regular;
	width: 100%;
}

a
{
	text-decoration: none;
	color: inherit;
}

a:hover
{
	text-decoration: none;
	color: inherit;
}

button
{
	outline: none;
}

ul
{
	list-style: none;
	margin-top: auto;
}

main
{
	margin-top: 115px;
}

input
{
	outline: none;
}

label
{
	margin-bottom: 0;
}

input[type="radio"] 
{
	display: none;
}
/*#endregion global*/


/*======================*/
/*=== custom global ====*/
/*======================*/
/*#region custom global*/
.strong--blue
{
	color: #0085ca;
	font-family: Oswald-Bold, sans-serif;
}

.simple-strong
{
	font-family: Oswald-Bold, sans-serif;
}

.arrow
{
	display: inline-block;
	width: 15px;
	height: 15px;

	background: transparent;
	text-indent: -9999px;

	border-top: 1px solid white;
	border-left: 1px solid white;

	text-decoration: none;
	color: transparent;

	margin-left: 30px;
	margin-bottom: 10px;
}

.arrow-footer
{
	display: inline-block;
	width: 9px;
	height: 9px;

	background: transparent;
	text-indent: -9999px;

	border-top: 1px solid white;
	border-left: 1px solid white;

	text-decoration: none;
	color: transparent;
	margin-right: 10px;

}

.arrow.down
{
	transform: rotate(-135deg);
}

.arrow-footer.up
{
	transform: rotate(45deg);
	left: 175px;
}

.pie_progress
{
	width: 240px;
	margin: 50px auto 0;
}

.active-link
{
	color: #f8c24b;
}

.active-link--nav-bar
{
	border-bottom: #f8c24b solid;
	padding: 13px 0;
	border-bottom-width: 5px;
}
/*#endregion*/

/*============ splitter-line ============*/
/*#region RegionName*/
.splitter-line
{
	display: flex;
	align-self: center;
	border: 0;
	margin: 5em;
	padding: 0;
}

.splitter-line--less-margin-top
{
	margin-top: 20px;
}

.splitter-line--less-margin-bottom
{
	margin-bottom: 40px;
}

/*#endregion */


/*====== up line =======*/
/*#region up line*/
.scroll-up
{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 25px 0;
}

.button-up-container
{
	display: flex;
	align-self: center;
	justify-self: center;
	justify-items: center;
}

.up-line
{
	border: 1px solid;
	border-color: #0085ca;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 0;
}

#button-up
{
	text-transform: uppercase;
	font-family: Oswald-Light, sans-serif;
	font-size: small;

	border-radius: 0;
	border: #0085ca;
	background-color: #0085ca;
	color: white;
	padding: 10px 20px;
	margin-bottom: -1px;
	cursor: pointer;
}
/*#endregion upline*/

#home-header
{
	width:  100%;
	height: 175px;
}

#home-body
{
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url("../img/home-wallpaper.jpg");
	background-color: #464646;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 100%;
}


/*===============================*/
/*====== range definition =======*/
/*#region range*/
input[type=range]
{
	-webkit-appearance: none;
	width: 100%;
	margin: 8.75px 0;
}

input[type=range]:focus
{
	outline: none;
}

input[type=range]::-webkit-slider-runnable-track
{
	width: 100%;
	height: 5.5px;
	cursor: pointer;
	box-shadow: 0.1px 0.1px 0px #ffffff, 0px 0px 0.1px #ffffff;
	background: #3198e1;
	border-radius: 0px;
	border: 0px solid rgba(255, 255, 255, 0);
}

input[type=range]::-webkit-slider-thumb
{
	box-shadow: 2.4px 2.4px 3.7px #ffffff, 0px 0px 2.4px #ffffff;
	border: 3px solid #f6f6f6;
	height: 23px;
	width: 23px;
	border-radius: 12px;
	background: #f4b031;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -8.75px;
}

input[type=range]:focus::-webkit-slider-runnable-track
{
	background: #3198e1;
}

input[type=range]::-moz-range-track
{
	width: 100%;
	height: 5.5px;
	cursor: pointer;
	box-shadow: 0.1px 0.1px 0px #ffffff, 0px 0px 0.1px #ffffff;
	background: #3198e1;
	border-radius: 0px;
	border: 0px solid rgba(255, 255, 255, 0);
}

input[type=range]::-moz-range-thumb
{
	box-shadow: 2.4px 2.4px 3.7px #ffffff, 0px 0px 2.4px #ffffff;
	border: 3px solid #f6f6f6;
	height: 23px;
	width: 23px;
	border-radius: 12px;
	background: #f4b031;
	cursor: pointer;
}

input[type=range]::-ms-track
{
	width: 100%;
	height: 5.5px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

input[type=range]::-ms-fill-lower
{
	background: #3198e1;
	border: 0px solid rgba(255, 255, 255, 0);
	border-radius: 0px;
	box-shadow: 0.1px 0.1px 0px #ffffff, 0px 0px 0.1px #ffffff;
}

input[type=range]::-ms-fill-upper
{
	background: #3198e1;
	border: 0px solid rgba(255, 255, 255, 0);
	border-radius: 0px;
	box-shadow: 0.1px 0.1px 0px #ffffff, 0px 0px 0.1px #ffffff;
}

input[type=range]::-ms-thumb
{
	box-shadow: 2.4px 2.4px 3.7px #ffffff, 0px 0px 2.4px #ffffff;
	border: 3px solid #f6f6f6;
	height: 23px;
	width: 23px;
	border-radius: 12px;
	background: #f4b031;
	cursor: pointer;
	height: 5.5px;
}

input[type=range]:focus::-ms-fill-lower
{
	background: #3198e1;
}

input[type=range]:focus::-ms-fill-upper
{
	background: #3198e1;
}
/*#endregion*/

/*#region range buy car*/
input[type=range].buy-car-range
{
	-webkit-appearance: none;
	width: 100%;
	margin: 6.75px 0;
}

input[type=range].buy-car-range:focus
{
	outline: none;
}

input[type=range].buy-car-range::-webkit-slider-runnable-track
{
	width: 100%;
	height: 3.5px;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	background: #3097e4;
	border-radius: 1.3px;
	border: 0.2px solid #010101;
}

input[type=range].buy-car-range::-webkit-slider-thumb
{
	box-shadow: 0px 0px 2px #000000, 0px 0px 0px #0d0d0d;
	border: 0px solid rgba(0, 0, 0, 0.2);
	height: 17px;
	width: 17px;
	border-radius: 50px;
	background: #ffffff;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -6.95px;
}

input[type=range].buy-car-range:focus::-webkit-slider-runnable-track
{
	background: #3097e4;
}

input[type=range].buy-car-range::-moz-range-track
{
	width: 100%;
	height: 3.5px;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
	background: #3097e4;
	border-radius: 1.3px;
	border: 0.2px solid #010101;
}

input[type=range].buy-car-range::-moz-range-thumb
{
	box-shadow: 0px 0px 2px #000000, 0px 0px 0px #0d0d0d;
	border: 0px solid rgba(0, 0, 0, 0.2);
	height: 17px;
	width: 17px;
	border-radius: 50px;
	background: #ffffff;
	cursor: pointer;
}

input[type=range].buy-car-range::-ms-track
{
	width: 100%;
	height: 3.5px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

input[type=range].buy-car-range::-ms-fill-lower
{
	background: #3097e4;
	border: 0.2px solid #010101;
	border-radius: 2.6px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
}

input[type=range].buy-car-range::-ms-fill-upper
{
	background: #3097e4;
	border: 0.2px solid #010101;
	border-radius: 2.6px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
}

input[type=range].buy-car-range::-ms-thumb
{
	box-shadow: 0px 0px 2px #000000, 0px 0px 0px #0d0d0d;
	border: 0px solid rgba(0, 0, 0, 0.2);
	height: 17px;
	width: 17px;
	border-radius: 50px;
	background: #ffffff;
	cursor: pointer;
	height: 3.5px;
}

input[type=range].buy-car-range:focus::-ms-fill-lower
{
	background: #3097e4;
}

input[type=range].buy-car-range:focus::-ms-fill-upper
{
	background: #3097e4;
}


/*#endregion*/

/*==================*/
/* =====Header===== */
/*==================*/
/*#region global header*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 5 version
*/
#global-header
{
	height: 80px;
	position: fixed;
	padding: 0;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
	-ms-grid-rows: 60% 45%;
	grid-template-rows: 60% 45%;
	background-color: white;
	z-index: 999;
}

.global-header__faqs
{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-grid-column: 9;
	-ms-grid-column-span: 3;
	grid-column: 9 / span 3;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;

	text-transform: uppercase;
	font-size: small;
	font-family: Montserrat-Light, sans-serif;
	margin-top: 10px;
    height: 40px;
}

.global-header__faqs a
{
	margin-top: 10px;
    font-size: 10px;
}

.line
{
	width: 1px;
	background-color: #dddddd;
	height: 45px;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
}

.global-header__nav-bar
{
	background-color: #0085ca;
	-ms-grid-column: 1;
	-ms-grid-column-span: 12;
	grid-column: 1 / span 12;
	-ms-grid-row: 2;
	grid-row: 2;

	display: -ms-grid;

	display: grid;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);

	text-transform: uppercase;
	font-size: small;
	font-family: Montserrat-Medium, sans-serif;
    height: 50px;
    box-shadow: 2px 15px 0px #fff;
}

.global-header__nav-bar nav
{
    -ms-grid-column: 4;
    -ms-grid-column-span: 6;
    grid-column: 4 / span 6;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.global-header__nav-bar-links
{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	list-style: none;
	width: 100%;
	padding: 0;
    margin-bottom: 0px;
    margin-top: 0px;
}

.global-header__nav-bar-links li
{
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	color: white;
	padding: 13px 0;
	max-height: 46px;
}

.global-header__nav-bar-profile
{
	-ms-grid-column: 10;
	-ms-grid-column-span: 2;
	grid-column: 10 / span 2;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	margin: 10px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;

	font-family: Oswald-ExtraLight, sans-serif;
	text-transform: uppercase;
	color: white;
}

.global-header__nav-bar-profile a
{
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: inherit;
}

ul.global-header__nav-bar-links li:hover a {
    color: #fff;
    /* border-bottom: #f8c24b solid; */
}

ul.global-header__nav-bar-links li:hover{
    border-bottom: #f8c24b solid; 
    border-bottom-width: 5px;
}


.global-header__nav-bar-profile img
{
	margin-right: 10px;
	margin-left: 10px;
}

.global-header__logo-container
{
	background-color: transparent;
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	grid-column: 2 / span 2;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1 / span 2;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 150px;
    margin-top: 46px;
}

.global-header__logo-container a
{
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: inherit;
}
/*#endregion */

/*=========================*/
/* ==== global footer ==== */
/*=========================*/
/*#region global footer*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 5 version
*/

#global-footer
{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.global-footer__contact-us
{
	-ms-grid-column: 3;
	-ms-grid-column-span: 9;
	grid-column: 3 / span 9;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
	-ms-grid-rows: 1fr 1fr;
	grid-template-rows: 1fr 1fr;

}


.global-footer__contact-us-logo-container
{
	-ms-grid-column: 5;
	-ms-grid-column-span: 2;
	grid-column: 5 / span 2;
	-ms-grid-row: 1;
	-ms-grid-row-span: 2;
	grid-row: 1 / span 2;
	-ms-grid-column-align: center;
	    justify-self: center;
}

.global-footer__contact-us-social
{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-grid-column: 10;
	-ms-grid-column-span: 2;
	grid-column: 10 / span 2;
	-ms-grid-row: 1;
	grid-row: 1;
	justify-self: flex-end;
}

.global-footer__contact-us-social a
{
	margin: 0 5px 0 5px;
}

.global-footer__contact-us-page
{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-grid-column: 8;
	-ms-grid-column-span: 4;
	grid-column: 8 / span 4;
	-ms-grid-row: 2;
	grid-row: 2;
	justify-self: flex-end;
}

.global-footer__contact-us-page--button-chat
{
	color: white;
	width: 130px;
	height: 35px;
	margin-top: 20px;
	margin-left: 1px;
	border: none;
	background-color: #dc182e;
	cursor: pointer;

	font-size: 8pt;
}

.global-footer__contact-us-page--button-chat--color
{
	background-color: #3f87af;
}

.global-footer__contact-us-page--button-chat::before
{
	font-family: "Font Awesome 5 Free";
	content: "\f27a";
	font-weight: 900;
	font-size: 10pt;
	padding: 10px;
}

.global-footer__contact-us-page--button-mobile {
    color: white;
    width: 130px;
    height: 35px;
    margin-top: 20px;
    margin-left: 1px;
    border: none;
    background-color: #dc182e;
    cursor: pointer;
    font-size: 8pt;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff!important;
}

.global-footer__contact-us-page--button-mobile--color
{
	background-color: #3f87af;
}

.global-footer__contact-us-page--button-mobile::before
{
	font-family: "Font Awesome 5 Free";
	content: "\f3cd";
	font-weight: 900;
	font-size: 10pt;
	padding: 7px;
}

.footer-line
{
	margin: 0;
	-ms-grid-row: 3;
	grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 11;
	grid-column: 1 / span 11;
	width:100%;
	height: 0px;
	border-bottom: 1px solid black;
	border-bottom-color: #9e9e9e;
}

.global-footer__policy-community
{
	-ms-grid-column: 3;
	-ms-grid-column-span: 9;
	grid-column: 3 / span 9;
	-ms-grid-row: 2;
	grid-row: 2;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[12];
	grid-template-columns: repeat(12, 1fr);
}

.global-footer__policy
{
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	grid-column: 1 / span 6;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 30px 0;

	font-family: Montserrat-Medium, sans-serif;
	font-size: 8pt;
}

.global-footer__policy p
{
	margin: 0 10px;
}

.global-footer__community
{
	-ms-grid-column: 11;
	grid-column: 11;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-self: flex-end;
	margin: 30px 0;
}
/*#endregion */

.sell-footer__contact-us-page--button
{
	color: white;
	width: 130px;
	height: 35px;
	margin-top: 20px;
	margin-left: 1px;
	border: none;
	background-color: #3f87af;
	cursor: pointer;
}


/* ================================================ */
/* ============     buy car       ================= */
/* ================================================ */

/*============ form ============*/
/*#region form*/
.flex-body
{
	display: flex;
	flex-direction: column;
}

.search-container
{
	display: flex;
	
    background-image: url(../img/imagen_fondo.png);
    height: 490px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-transform: uppercase;
    font-size: 7pt;
    font-family: Montserrat-Medium, sans-serif;
}

.search-container__form
{
	display: flex;
	flex-direction: column;
	flex: 0 50%;

	background-color: rgba(4,25,41,0.86);

	
}

.search-container__form-category
{
	text-align: center;
	display: flex;
	justify-content: space-around;
	margin: 6% 10% 0;
	flex-wrap: wrap;
}

.search-container__form-category-item
{
	color: white;
	text-transform: uppercase;
}

.search-container__form-category-item input
{
	margin: 0;
	padding: 0;
}

.search-container__form-category-item input:checked +.selected-effect
{
	-webkit-filter: none;
	-moz-filter: none;
	border: 5px solid #2986ca;
	border-radius: 50%;
}

.search-container__form-category-item-image
{
	width: 60px;
	height: 61px;
	background-repeat: no-repeat;
}

.background--sport-icon
{
	background-image: url("../img/icono_sport.png");
}

.background--city-icon
{
	background-image: url("../img/icono_ciudad.png");
}

.background--adventure-icon
{
	background-image: url("../img/icono_aventura.png");
}

.background--utility-icon
{
	background-image: url("../img/icono_utilitario.png");
}

.background--green-icon
{
	background-image: url("../img/icono_green.png");
}

.background--work-icon
{
	background-image: url("../img/icono_trabajo.png");
}

.search-container__details
{
	display: flex;
    flex-direction: column;
    padding-left: 15%;
    padding-right: 10%;
}

.search-container__details p
{
	color: white;
	margin: 0;
}

.search-container__details-title
{
	text-align: start;

	font-family: Oswald-ExtraLight, sans-serif;
	text-transform: uppercase;
	font-size: 30pt;
	letter-spacing: 2px;
}

.search-container__details-description
{
	text-align: start;
	text-transform: initial;
	font-size: 8pt;
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 5 version
*/

.search-container__form-search-details
{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: .5fr 10px 1fr 10px 1fr 10px .5fr;
	grid-template-columns: .5fr 1fr 1fr .5fr;
	-ms-grid-rows: auto 10px auto;
	    grid-template-areas:

			"a selectOne c d"
			"a_1 selectTwo slider d_1";

	grid-gap: 10px;
	margin-top: 15px;
}

.search-container__form-search-details-select--brand
{
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: selectOne;
}

.search-container__form-search-details-select--brand select
{
	color: #a2a2a2;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	border: #fff;
	-webkit-box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	        box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: 25px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: white;
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
linear-gradient(: ;
	to bottom, #ffffff 0%,#e5e5e5 100%): ;
	background-repeat: no-repeat, repeat;
	background-position: right 1.7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	height: 35px;
}


.search-container__form-search-details-select--model
{
	-ms-grid-row: 3;
	-ms-grid-column: 3;
	grid-area: selectTwo;
}

.search-container__form-search-details-select--model select
{
	color: #a2a2a2;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	border: #fff;
	-webkit-box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	        box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: 25px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: white;
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
linear-gradient(: ;
	to bottom, #ffffff 0%,#e5e5e5 100%): ;
	background-repeat: no-repeat, repeat;
	background-position: right 1.7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	height: 35px;
}

.search-container__form-search-details-select--price
{
	-ms-grid-column: 3;
	grid-column: 3;
	
    display: flex;
    justify-content: center;
    color: white;
    text-transform: initial;
}

.search-container__form-search-details-select--price p
{
	font-size: 10pt;
	margin: 0;
}


.search-container__form-search-details-slider
{
	-ms-grid-row: 3;
	-ms-grid-column: 5;
	grid-area: slider;
}

.range-wrap-buy-car
{
	margin: 0;
	width: auto;
	position: relative;
	margin: 5px 10%;
}


.search-container__button
{
	display: -ms-grid;
	display: grid;
        grid-template-areas: "a button button d";
    margin-top: 30px;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);

}

.search-container__button input
{
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	font-family: Montserrat-Medium, sans-serif;
	text-transform: uppercase;
	grid-area: button;
	height: 40px;
	border-radius: 20px;
	border-color: #ffa902;
	border-bottom-width: 2px;
	color: #ffa902;
	background-color: rgba(0,0,0,0);
	font-size: 9pt;
}
/*#endregion */

/*============ details ============*/
/*#region details*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 5 version
*/

.features-container
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	background-color: #f9fafa;
	padding-bottom: 200px;
}

.features-title
{
	margin-top: 30px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	    grid-template-areas: "image text";
	height: 276px;

	background-color: #509ee6;

	font-family: Oswald-Light, sans-serif;

}

.features__main-logo-image
{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: image;
	background-image: url("../img/imagen_reesrena un auto.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 276px;

}

.features__main-logo-text
{
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: text;
	text-align: center;
	-ms-grid-row-align: center;
	    align-self: center;

	text-transform: uppercase;
	color: white;

}

.features__main-logo-text--simple
{
	font-size: 35pt;
	margin: 0;
	margin-top: 50px;

}

.features__main-logo-text--bold
{
	font-family: Oswald-Bold, sans-serif;
	font-size: 75pt;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-top: -35px;

}
/*#endregion*/

/*============ argumentative ============*/
/*#region argumentative*/
.features-Argumentative
{
	height: 210px;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[6];
	grid-template-columns: repeat(6, 1fr);
	        grid-template-areas:
			"title title title title title title"
			"a_1 description description description description b_1";

	text-align: center;
	margin: 15px;
}

.features-Argumentative-title
{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	-ms-grid-column-span: 6;
	grid-area: title;
	color: black;
	-ms-grid-row-align: center;
	    align-self: center;

	font-family: Oswald-Light, sans-serif;
	font-size: 17pt;
	text-transform: uppercase;

}

.features-Argumentative-body
{
	-ms-grid-row: 2;
	-ms-grid-column: 2;
	-ms-grid-column-span: 4;
	grid-area: description;
	color: black;
	font-family: Montserrat-Medium, sans-serif;
	font-size: 10pt;
}

.features-Argumentative-body p
{
	color: black;
	margin: 0;
	text-transform: initial;

}
/*#endregion */

/*============ guarantees ============*/
/*#region guarantees*/
.features-guarantees
{
	margin-right: 30px;
	margin-left: 30px;
	display: flex;
	justify-content: space-around;
	height: auto;
}

.features-guarantees__item
{
	display: grid;
	grid-template-areas:
		"image"
		"title"
		"body";

	justify-items: center;
	text-align: center;
	width: 200px;
	height: 150px;

}

.features-guarantees__item-image
{

}

.features-guarantees__item-title
{
	grid-area: title;
	font-family: Oswald-Bold, sans-serif;
	text-transform: uppercase;
	margin: 15px 0 0 0;
	align-self: center;

}

.features-guarantees__item-body
{
	grid-area: body;
	font-family: Montserrat-Medium, sans-serif;
	font-size: 9pt;
	margin: 5px 0 0 0;
	line-height: 1.8;
}
/*#endregion */

/*============ all Benefits ============*/
/*#region all Benefits*/
.features-all-benefits
{
	margin: 50px;
    display: flex;
    justify-content: center;
}

.features-all-benefits button
{
	text-transform: uppercase;
	font-family: Montserrat-Medium, sans-serif;

	grid-area: button;
	height: 40px;
	border-radius: 20px;
	border-color: #ffa902;
	border-bottom-width: 1px;
	color: #ffa902;
	background-color: rgba(0,0,0,0);
}
/*#endregion */

/*============ all Features ============*/
/*#region all Features*/
.features-all-features
{
	display: grid;
	grid-template-areas:
			"title"
			"images";

	grid-gap: 60px;
}

.features-all-features p
{
	color: black;
}

.features-all-features__title
{
	text-transform: uppercase;
	font-family: Oswald-Light, sans-serif;
	font-size: 18pt;
	text-align: center;
	grid-area: title;
}

.features-all-features__images
{
	grid-area: images;
	text-align: center;
	margin-right: 50px;
	margin-left: 50px;
	display: flex;
	justify-content: space-around;
}

.features-all-features__images-item
{
	display: -ms-grid;
	display: grid;
	max-width: 192px;
	    grid-template-areas:
			"a"
			"text"
			"a_1";
}

.features-all-features__images-item img
{
	-ms-grid-row: 1;
	-ms-grid-row-span: 3;
	grid-row: 1 / span 3;
	-ms-grid-column: 1;
	grid-column: 1;
}

.features-all-features__images-item p
{
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	padding: 30px;
	grid-area: text;

	color: white;
	text-transform: uppercase;
	font-family: Oswald-Bold, sans-serif;

	font-size: 10pt;
}
/*#endregion */

/*============ how-to ============*/
/*#region how-to*/

.how-to
{
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 3fr;
	grid-template-columns: 1fr 3fr;

	    grid-template-areas: "main images";
}

.how-to__main
{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: main;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto 1fr;
	grid-template-columns: auto 1fr;
}

.how-to__main-text
{
	-ms-grid-column: 1;
	grid-column: 1;
	background-color: #4a9ce5;

	margin-top: 55px;
	margin-bottom: 65px;
}


.how-to__main-text p
{
	color: white;
	padding: 0px 105px;
	line-height: 1.2;
}

.how-to__main-text--title
{
	font-size: 35pt;
	margin-top: 50px;
	margin-bottom: 30px;
	font-family: Oswald-Bold, sans-serif;
	text-transform: uppercase;
	line-height: 1.2;
}

.how-to__main-text--sub-title
{
	font-family: Montserrat-Light, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
}

.how-to__main-text--body
{
	font-family: Montserrat-Light, sans-serif;
}

.how-to__main-text-body-buttons
{
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	float: left;
	margin-left: 24%;
	margin-bottom: 10px;
}

.how-to__main-text-body-buttons-item
{
	border-radius: 100%;
	height: 10px;
	background-color: transparent;
	border: white 1px solid;
}

.how-to__main-text-body-buttons-item--background
{
	background-color: white;
}

.how-to__main-main-image--cover
{
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 1;
	grid-row: 1;
	background-image: url("../img/imagen_celular.png");
	width: 227px;
	height: 468px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	grid-row: 1;

}

.how-to__main-main-image
{
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 1;
	grid-row: 1;
	background-image: url("../img/imagen_pantalla-01.png");
	background-repeat: no-repeat;
	margin-top: 55px;
	margin-left: 10px;

	display: -ms-grid;

	display: grid;
	    grid-template-areas:
			"a number"
			"a_1 b_1"
			"a_2 b_2"
			"text text";

	width: 210px;
	height: 417px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;

}

.how-to__main-images
{
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: images;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}

.how-to__main-images-item
{
	display: -ms-grid;
	display: grid;

	max-width: 205px;
	max-height: 305px;

	margin-top: 55px;

	    grid-template-areas:
			"a-1 item-number"
			"a-2 b-2"
			"item-text item-text";
}

.how-to__main-images-item img
{
	-ms-grid-row: 1;
	-ms-grid-row-span: 3;
	grid-row: 1 / span 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-column: 1 / span 2;
	margin: 0 0 0 12px;
}

.how-to__main-images-item--number
{
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: item-number;


	font-family: Oswald-Bold, sans-serif;
	font-size: 35pt;
	color: white;

	padding: 0;
	margin: -10px 5px;
}

.how-to__main-images-item--description
{
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-area: item-text;

	font-family: Montserrat-Bold, sans-serif;
	color: white;
	font-size: 10pt;

	margin-left: 22px;
	margin-right: 12px;

}
/*#endregion */

/*============ help u ============*/
/*#region help u*/
.help-you
{
	display: -ms-grid;
	display: grid;

	        grid-template-areas:
			"wrapper"
			"button";
}

.help-you-wrapper
{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: wrapper;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
}

.help-you__text
{
	-ms-grid-column: 1;
	grid-column: 1;
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 397px 70px;
	grid-template-rows: 397px 70px;
	-ms-grid-columns: 2.5fr 3fr ;
	grid-template-columns: 2.5fr 3fr ;

	text-align: start;
}

.help-you__text-title
{
	font-family: Oswald-Light, sans-serif;
	font-size: 35pt;
	-ms-grid-row: 1;
	grid-row: 1;
	-ms-grid-column: 2;
	grid-column: 2;

	margin-top: 100px;
	text-transform: uppercase;
}

.help-you__text-title p
{
	margin: 0;
	padding: 0;
}

.help-you__text-description
{
	-ms-grid-row: 2;
	grid-row: 2;
	-ms-grid-column: 2;
	grid-column: 2;
	font-family: Montserrat-Bold, sans-serif;
	font-size: 8.5pt;
	line-height: 1.6;
}

.help-you__text-description p
{
	margin: 2px 0;
	padding: 0;
}

.help-you__image
{
	-ms-grid-column: 2;
	grid-column: 2;
	background-image: url("../img/imagen_auto_rojo.png");
	background-repeat: no-repeat;
	margin-top: 55px;
	margin-left: 10px;
	background-size: cover;

	height: 397px;
	width: 619px;


}

.help-you__button
{
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: button;
	-ms-grid-column-align: center;
	    justify-self: center;

	height: 50px;
	margin: 30px 0;
}

.help-you__button button
{
	height: 50px;
	border-bottom-width: 0;

	background-color: #0085ca;
	border-radius: 10px;

	color: white;
	font-family: Montserrat-Bold, sans-serif;
	text-transform: uppercase;
	font-size: medium;

	padding: 0 15px;

}

.splitter-line--minor
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-item-align: center;
	    align-self: center;
	margin: 2em;
	padding: 0;
}
/*#endregion */

/*============ Experiences ============*/
/*#region Experiences*/
.experiences
{
	display: block;  
	width: 712px; 

	margin-left: auto; 
	margin-right: auto;
	margin-top: -180px;
}

.experiences-wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.experiences__image-two
{
	margin-right: 10%;
	height: 180px;
	width: 180px;
}

.experiences__image-three
{
	margin-left: 10%;
	height: 180px;
	width: 180px;
}

.experiences__image-one
{
	height: 293px;
	width:  293px;
}

.experiences-testimony
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.experiences-testimony p
{
	margin: 0;
}

.experiences-testimony-name
{
	color: black;
	font-size: 16pt;
	font-family: Montserrat-Bold, sans-serif;

}

.experiences-testimony-car
{
	color: #0085ca;
	font-size: 16pt;
	font-family: Montserrat-ExtraBoldItalic, sans-serif;
}

.experiences-testimony-body
{
	margin-top: 25px;
	margin-bottom: 40px;
	font-family: Montserrat-Italic, sans-serif;
	line-height: 1.6;
}
/*#endregion */


/* ================================================ */
/* ===========     buy car Filter     ============= */
/* ================================================ */

/*======== bar filters ========*/
/*#region search-filters*/

.search-filters
{
	background-color: #dbdbdb;

	display: grid;
	grid-template-columns: repeat(12, 1fr);
	justify-items: center;
	align-items: center;
	height: 30px;
	padding: 15px;
}

.search-filters p
{
	margin: 0;
	padding: 0;
}

.search-filters-title
{
	color: #34394c;
	font-family: Montserrat-Medium, sans-serif;

	grid-column: 1;

	text-transform: initial;
	text-transform: capitalize;
}

.search-filters-button
{
	border: none;
	cursor: pointer;
	border-radius: 20px;
	font-size: 9pt;

	grid-column: 2;
	width: 100%;
	height: 100%;
	color: #8c8c8c;
	background-color: white;
}

.search-filters-button::after
{
	font-family: "Font Awesome 5 Free";
	content: "\f1f8";
	font-weight: 900;
	font-size: 10pt;
	margin: 0px 0px 0 15px;
}


.search-filters-select
{
	grid-column: 10 / span 2;
	justify-self: end;

	font-family: Poppins-Regular,sans-serif;
	display: block;
	font-size: 9pt;

	color: #a2a2a2;
	padding: .6em 1.4em .5em .8em;

	width: 100%;
	max-width: 100%;

	box-sizing: border-box;
	margin: 0;
	border: #fff;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: 25px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;

	background-color: white;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right 1.7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}


/*#endregion */

.filters-body
{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

/*======== side bar  ========*/
/*#region search-filters*/

.side-menu
{
	grid-column: 1 / span 2;

	display: flex;
	flex-direction: column;

	font-family: Montserrat-Medium, sans-serif;


}

.slide-menu__button
{
	height: 50px;
	border: 1px none #f1f1f1;
	border-bottom-style: solid;
	text-align: start;
	padding-left: 20px;
	font-size: 10pt;
	cursor: pointer;
	background-color: white;
}

.slide-menu__brands-list-container
{
	display: grid;
	grid-template-columns: 1fr 3fr;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;

}

.slide-menu__brands-list
{
	grid-column: 2;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.slide-menu__brands-list-list-item-content
{
	display: grid;
	margin-top: 30px;
	grid-template-columns: 1fr 3fr;
	align-items: center;

	grid-gap: 10px;
	color: #3697bf;
}

.slide-menu__brand-list-list-item-content-image
{
	grid-column: 1;
}

/*#endregion*/

/*======== result card  ========*/
/*#region result card  */
.search-result
{
	display: flex;
	flex-wrap: wrap;

	justify-content: space-between;
	align-content: flex-start;

	margin-bottom: 100px;

	grid-column: 3 / span 9;
	margin-left: 60px;


}

.result-card
{

	margin-top: 50px;
	flex-basis: 45%;

	background-color: white;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 15px 120px 35px 65px;

	grid-template-areas:
		" . . . . fav-icon "
		" image image image data data "
		" . . . . . "
		" rating transmission capacity model km ";

	max-height: 250px;
	padding: 15px;

	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 10px;
}

.afdas
{
	grid-row: 1 / span 8;
	grid-column: 1 / span 10;
}

.result-card__fav-icon
{
	display: flex;
	grid-area: fav-icon;
	justify-content: flex-end;
}

.result-card__image
{
	grid-area: image;
	display: flex;
	justify-content: center;
}

.result-card__image-button
{
	grid-area: image;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-self: center;
	text-align: center;

	font-family: Montserrat-MediumItalic, sans-serif;
	color: white;

	border-radius: 10px;
	background-color: #0085ca;
	height: 40px;
	margin: 0 40px;
}

.result-card:hover  .result-card__image-button
{
	display: flex;
}

.result-card__data
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	grid-area: data;
	margin: 20px;

}

.result-card__data p
{
	text-transform: uppercase;
	margin: 2px;
}

.result-card__data-name
{
	font-family: Oswald-Light, sans-serif;
}

.result-card__data-price
{
	font-family: Oswald-Bold, sans-serif;
	font-size: 25px;
}

.result-card__data-allowance
{
	font-family: Oswald-Light, sans-serif;
	font-size: 10px;
}

.result-card__data-rating
{
	grid-area: rating;
	display: grid;

	grid-template-areas:
			"image rating"
			"p p";

	align-items: center;
	justify-content: center;

	border: 1px none #f1f1f1;
	border-top-style: solid;
	border-right-style: solid;
}

.result-card__data-rating img
{
	grid-area: image;
	justify-self: end;
}

.result-card__data-rating p
{
	text-transform: capitalize;
}

.result-card__data-rating--result
{
	font-family: Oswald-Bold, sans-serif;
	margin-left: 5px;
	grid-area: rating;
	font-size: 10pt;
	margin-bottom: 0px;
}

.result-card__data-rating--constant
{
	grid-area: p;
	margin: 0;
	font-family: Montserrat-Medium, sans-serif;
	font-size: 8pt;

}

.result-card__data-transmission
{
	grid-area: transmission;
	display: grid;

	grid-template-rows: 50px auto;
	grid-template-areas:
		"image"
		"transmission";

	align-items: center;
	justify-content: center;

	border: 1px none #f1f1f1;
	border-top-style: solid;
	border-right-style: solid;

}

.result-card__data-transmission img
{
	justify-self: center;
	grid-area: image;
}

.result-card__data-transmission p
{
	grid-area: transmission;
	margin: 0;
	font-family: Montserrat-Medium, sans-serif;
	font-size: 8pt;
	text-transform: capitalize;
}

.result-card__data-capacity
{
	grid-area: capacity;
	align-items: center;
	justify-content: center;

	display: grid;

	grid-template-rows: 50px auto;
	grid-template-areas:
			"image"
			"capacity";

	border: 1px none #f1f1f1;
	border-top-style: solid;
	border-right-style: solid;
}

.result-card__data-capacity img
{
	justify-self: center;
	grid-area: image;
}

.result-card__data-capacity p
{
	margin: 0;
	grid-area: capacity;

	font-family: Montserrat-Medium, sans-serif;
	font-size: 8pt;
	text-transform: capitalize;
}

.result-card__data-model
{
	grid-area: model;
	align-items: center;
	justify-content: center;


	display: grid;

	grid-template-rows: 50px auto;
	grid-template-areas:
			"image"
			"model";

	border: 1px none #f1f1f1;
	border-top-style: solid;
	border-right-style: solid;
}

.result-card__data-model img
{
	grid-area: image;
	justify-self: center;
}

.result-card__data-model p
{
	margin: 0;
	grid-area: model;
	font-family: Montserrat-Medium, sans-serif;
	font-size: 8pt;
	text-transform: capitalize;
	text-align: center;
}

.result-card__data-km
{
	grid-area: km;
	align-items: center;
	justify-content: center;


	display: grid;

	grid-template-rows: 50px auto;
	grid-template-areas:
			"image"
			"km";

	border: 1px none #f1f1f1;
	border-top-style: solid;
}

.result-card__data-km img
{
	grid-area: image;
	justify-self: center;
}

.result-card__data-km p
{
	margin: 0;
	grid-area: km;
	font-family: Montserrat-Medium, sans-serif;
	font-size: 8pt;
	text-transform: capitalize;
}

/*#endregion*/

/* ================================================ */
/* ===========       sell car         ============= */
/* ================================================ */
/*======== header  ========*/
/*#region sellCar*/

.main-sell
{
	display: flex;

	background-image: url("../img/sell/imagen_fondo.png");
	height: 520px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}

.main-sell-body
{
    display: flex;
    flex-direction: column;
    margin: 0 60px;
    justify-content: center;
}

.main-sell__title
{

	display: flex;
	flex-direction: column;
	margin-bottom: 5%;
	
	text-transform: uppercase;
	font-size: 42pt;
	font-family: Montserrat-Medium, sans-serif;
	color: white;
}

.main-sell__title p
{
	margin: 0;
}

.main-sell__subtitle
{
	margin-bottom: 10%;

    font-size: 10pt;
    font-family: Montserrat-Medium, sans-serif;
    color: white;
}

.main-sell__subtitle p
{
	margin: 2px;
}

.main-sell__button
{
	grid-area: button;
	background-color: #feae00;
	height: 40px;
	width: 250px;
	color: white;
	border-radius: 20px;


	display: flex;

	text-transform: uppercase;
	text-align: center;
	justify-content: center;
	align-items: center;

	font-family: Montserrat-Light, sans-serif;
	font-size: 8pt;

}

/*#endregion*/

/*======== how works ========*/
/*#region how works*/
.how-sell 
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.how-sell__title
{
	margin: 60px 0;
	display: flex;
	flex-direction: column;

	align-items: center;
	grid-area: title;
}

.how-sell__title p
{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.how-sell__title--small
{
	font-family: Oswald-Light, sans-serif;
	font-size: 26pt;
}

.how-sell__title--strong
{
	font-family: Montserrat-Bold;
	font-size: 35pt;

}

.how-sell__features
{
	grid-area: features;
	display: flex;
	justify-content: center;

}


.how-sell__features-item
{
	display: grid;
	grid-template-areas:
			"image"
			"title"
			"body";
	justify-items: center;
	text-align: center;
	width: 200px;
	max-height: 120px;
	margin: 0 25px;
}

.how-sell__features-item-img
{
	height: 35px;
}

.how-sell__features__item-title
{
	grid-area: title;
	font-family: Oswald-Bold, sans-serif;
	text-transform: uppercase;
	margin: 15px 0 0 0;
	align-self: center;
	color: #0585c1;
	font-size: 12pt;
}

.how-sell__features__item-body
{
	grid-area: body;
	font-family: Montserrat-Medium, sans-serif;
	font-size: 9pt;
	margin: 5px 0 0 0;
	line-height: 1.8;
}

.how-sell__button
{
	background-color: #01c362;
	height: 35px;
	width: 200px;
	color: white;
	border-radius: 20px;

	text-transform: uppercase;
	text-align: center;
	align-items: center;

	font-family: Montserrat-Bold, sans-serif;
	font-size: 8pt;

	display: flex;
	justify-content: center;
	justify-self: center;
	grid-area: button;

	margin: 95px 0 0 0;


}
/*#endregion*/

/*======== testimony ========*/
/*#region testimony*/
.sell-experiences
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    justify-items: center;
    text-align: center;
	margin-top: 0;
}

.sell-experiences-wrapper
{
    display: flex;
    justify-content: center;
}


/*#endregion*/

/* ================================================ */
/* =========   sell car  personal data   ========== */
/* ================================================ */

/*======== sell car  personal data  ========*/
/*#region sell car personal data*/
.main-sell-personal-data
{
	background-image: url("../img/sellPersonalData/imagen_fondo.png");
	height: 692px;
	margin-left: -2px;

	grid-template-columns: repeat(4, 1fr);
	grid-template-areas:
			"title title form ."
			" . . . . ";

	align-items: center;
	justify-items: end;


}

.main-sell-personal-data__title
{
	display: grid;
	grid-area: title;

	margin-right: 50px;
	margin-bottom: 100px;

}

.main-sell-personal-data__title p
{
	margin: 0;
	padding: 0;


	font-family: Poppins-SemiBold, sans-serif;
	font-size: 25pt;
	color: black;
}

.main-sell-personal-data__form-wrapper
{
	grid-area: form;

	font-family: Montserrat-Regular, sans-serif;
	font-size: 10pt;

	border: 1px none #ebebeb;

	border-left-style: solid;

	padding-left: 50px;

}

.main-sell-personal-data__form a
{
	text-decoration: underline;
}


.main-sell-personal-data__form-input
{
	border: none;
	height: 30px;
	width: 300px;

	margin: 10px 0 20px 0;
}

.main-sell-personal-data__form-input-checkbox
{
	width: 20px;
	height: 20px;
	background-color: white;
	border-radius: 0;
	vertical-align: middle;
	border: none;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
}

.main-sell-personal-data__form-input-checkbox:checked
{
	background-color: #0085ca;
}

.main-sell-personal-data__form-send-button
{
	color: #93daac;

	font-family: Montserrat-Bold, sans-serif;
	text-transform: uppercase;

	grid-area: button;

	width: 150px;
	height: 40px;

	border-radius: 20px;
	border-color: #93daac;
	border-width: 2px;
	background-color: rgba(0,0,0,0);

	margin-top: 50px;

	cursor: pointer;
}

.sell-car-scroll-up
{
	margin-top: -40px;
}

.sell-car-up-line
{
	border: 2px solid;
	border-color: #0085ca;
}

/*#endregion */

/* ================================================ */
/* =========       sell car  offer       ========== */
/* ================================================ */
/*======== sell car  offer  ========*/
/*#region sell car  offer*/
.your-offer-offer
{
	display: grid;
	background-color: #f1f8fe;

	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: 1fr 10fr 1fr;


}

.your-offer-offer-title
{
	grid-column: 2;
	grid-row: 1;

	font-family: Poppins-SemiBold, sans-serif;
	font-size: 30pt;

	margin: 25px 0 15px 0;
	color: black;

}

.your-offer-description {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    justify-content: center;
    height: 150px;
    margin-bottom: 60px;
    /* flex-flow: row; */
    /* padding: 50px 20px; */
    /* align-items: center; */
}

.your-offer-description__item
{


	font-family: Oswald-Regular, sans-serif;
	text-transform: uppercase;

	display: grid;

	grid-template-rows: 55px auto auto auto;

	grid-template-areas:
		"image"
		"title"
		"user-selection"
		"change";

	width: 140px;

}

.your-offer-description__item--image
{
	display: flex;

	justify-self: center;
	grid-area: image;
}

.your-offer-description__item--title
{
	grid-area: title;
	text-align: center;


}

.your-offer-description__item p
{
	margin: 0;
	padding: 0;
}

.your-offer-description__item--user-selection
{
	grid-area: user-selection;
	font-family: Montserrat-black, sans-serif;
	color: #838689;
	font-size: 10pt;
	text-transform: capitalize;
	text-align: center;
}

.your-offer-description__item--change
{
	grid-area: change;
	font-size: 12px;
	text-decoration: underline;
	text-align: center;
}

.your-offer-description__item--plus
{
	display: flex;
	flex-direction: column;
	font-size: 20pt;
	font-family: -webkit-pictograph;
	justify-content: center;

	margin: 0 20px;
}


/*#endregion*/


/*flag: progress bar -- is needed a dynamic radial progress bar? */
/*======== select your offer  ========*/
/*#region select your offer*/

.your-offer-select
{
	display: grid;

	margin-top: 50px;

	grid-template-areas:
		"title"
		"line"
		"options";

	justify-items: center;

}

.your-offer-select__title
{
	grid-area: title;

	font-family: Poppins-SemiBold, sans-serif;
	font-size: 20pt;

	text-align: center;
	color: black;

}

.your-offer-select__options
{
	display: grid;

	grid-area: options;

	grid-gap: 20px;

	grid-template-columns: 1fr 2fr 2fr 2fr 1fr;
	grid-template-areas: " . exchange consignment buy . ";

}

.shadow
{
	-webkit-box-shadow: 0px 0px 20px 5px rgba(246,250,253,1);
	-moz-box-shadow: 0px 0px 20px 5px rgba(246,250,253,1);
	box-shadow: 0px 0px 20px 5px rgba(246,250,253,1);
}

.your-offer-select__options-exchange
{
	display: grid;

	grid-area: exchange;

	grid-template-areas:
			"title"
			"image"
			"description"
			"button";

	justify-items: center;
}

.your-offer-select__options-exchange-title
{
	grid-area: title;
	margin: 10% 0;

	font-family: Poppins-SemiBold;
	text-transform: uppercase;
	font-size: 10pt;
}

.your-offer-select__options-exchange-image
{
	grid-area: image;
	height: 150px;
}

.your-offer-select__options-exchange-description
{
	height: auto;

	grid-area: description;
	font-family: Poppins-Regular, sans-serif;

	font-size: 8pt;
	text-align: center;

	max-width: 70%;
    padding: 0 20px;

	color: #949494;
}

.your-offer-select__options-exchange-button
{
	grid-area: button;
	margin: 30px;

	background-color: transparent;
	height: 40px;
	width: 150px;
	color: #7be3b0;
	border-radius: 25px;

	border: 2px solid #7be3b0;

	display: flex;

	text-transform: uppercase;
	text-align: center;
	justify-content: center;
	align-items: center;

	font-family: Montserrat-Bold, sans-serif;
	font-size: 8pt;
}

.your-offer-select__options-consignment
{
	display: grid;

	grid-area: consignment;

	grid-template-areas:
			"title"
			"image"
			"description"
			"button";

	justify-items: center;

}

.your-offer-select__options-consignment-title
{
	grid-area: title;
	margin: 10% 0;
	font-family: Poppins-SemiBold;
	text-transform: uppercase;
	font-size: 10pt;
}

.your-offer-select__options-consignment-image
{
	grid-area: image;
	height: auto;

}

.your-offer-select__options-consignment-description
{
	height: auto;

	grid-area: description;
	font-family: Poppins-Regular, sans-serif;

	font-size: 8pt;
	text-align: center;

	max-width: 60%;
	padding: 0 50px;

	color: #949494;
}

.your-offer-select__options-consignment-button
{
	grid-area: button;
	margin: 30px;

	background-color: transparent;
	height: 40px;
	width: 150px;
	color: #7be3b0;
	border-radius: 25px;

	border: 2px solid #7be3b0;

	display: flex;

	text-transform: uppercase;
	text-align: center;
	justify-content: center;
	align-items: center;

	font-family: Montserrat-Bold, sans-serif;
	font-size: 8pt;
}

.your-offer-select__options-buy
{
	display: grid;

	grid-area: buy;

	grid-template-areas:
			"title"
			"image"
			"description"
			"button";

	justify-items: center;

}

.your-offer-select__options-buy-title
{
	grid-area: title;

	font-family: Poppins-SemiBold;
	text-transform: uppercase;
	font-size: 10pt;
	margin: 10% 0;
}

.your-offer-select__options-buy-image
{
	grid-area: image;
	height: auto;

}

.your-offer-select__options-buy-description
{
	grid-area: description;
	font-family: Poppins-Regular, sans-serif;
	height: auto;

	font-size: 8pt;
	text-align: center;

	max-width: 60%;
	padding: 0 50px;
	color: #949494;
}

.your-offer-select__options-buy-button
{
	grid-area: button;
	margin: 30px;

	background-color: transparent;
	height: 40px;
	width: 150px;
	color: #7be3b0;
	border-radius: 25px;

	border: 2px solid #7be3b0;

	display: flex;

	text-transform: uppercase;
	text-align: center;
	justify-content: center;
	align-items: center;

	font-family: Montserrat-Bold, sans-serif;
	font-size: 8pt;
}





/*endregion*/

/* ================================================ */
/* ===========      sell schedule      ============ */
/* ================================================ */

.sell-schedule
{
	display: grid;

	grid-template-columns: 1.2fr 1fr 1fr;
	grid-template-areas:
			" side-nav options options";
}

/*======== side nav  ========*/
/*#region sell schedule side nav*/
.sell-schedule__side-navigition
{
	grid-area: side-nav;
	height: 699px;
	background-image: url("../img/sell/schedule/side-wallpaper.jpg");
	background-position: center;

	display: grid;
	grid-template-areas:
		"sections"
		"title"
		".";
}

.sell-schedule__side-navigition-sections
{
	grid-area: sections;
	display: flex;
	align-items: center;
	justify-content: center;

}

.sell-schedule__side-navigition-sections-items
{
	display: flex;
	flex-direction: column;
	align-items: center;

	margin: 0 20px;
	width: 90px;

	color: white;
	font-family: Oswald-Regular, sans-serif;
	text-transform: uppercase;
	font-size: 10pt;
}


.sell-schedule__side-navigition-title
{
	grid-area: title;
	justify-self: center;
	text-align: center;
	color: white;

	font-family: Oswald-Light, sans-serif;
	font-size: 25pt;
	text-transform: uppercase;
}

.sell-schedule__side-navigition-title--main
{
	margin: 30px 0;
}

.sell-schedule__side-navigition-title--main p
{
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.sell-schedule__side-navigition-title--sub
{
	justify-self: center;
	text-align: center;
	color: white;

	font-family: Montserrat-Regular, sans-serif;
	font-size: 10pt;
	text-transform: initial;
}

.sell-schedule__side-navigition-title--sub p
{
	margin: 5px;
	padding: 0;

	line-height: 1.6;
}
/*endregion*/

/*========= options ==========*/
/*#region options*/
.sell-schedule__schedule-options
{
	grid-area: options;
	display: grid;

	grid-template-columns: 1fr 1fr;

	grid-template-areas:
		"title title"
		"options options";

	height: auto;

	margin-left: 10em;
	margin-right: 10em;
}

.sell-schedule__schedule-options__title
{
	grid-area: title;
	align-self: end;

	font-family: Poppins-SemiBold, sans-serif;
	font-size: 25pt;
}

/* here is form, we use this for wrapper inputs */
.sell-schedule__schedule-options__options
{
	grid-area: options;
	align-self: center;
	display: grid;

	grid-template-rows: 2fr 1fr;

	grid-template-areas:
		"item-one item-two"
		"button button";

	justify-content: center;
}

/*format for radius*/
.sell-schedule__schedule-options__options input
{
		margin:0;
		padding:0;
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
}

/* wrapper for img and label */
.sell-schedule__schedule-options__options-item
{
	display: flex;
	height: 90px;

	font-family: Poppins-SemiBold, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	width: 300px;
}

.item-one
{
	grid-area: item-one;
}

.item-two
{
	grid-area: item-two;
}



/* image */
.sell-schedule__schedule-options__options-item-image--home
{
	background-image: url("../img/sell/schedule/icono_casa_seleccionado.png");
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
    background-size: contain;
}

/* text */
.sell-schedule__schedule-options__options-item-title--home
{
	display: flex;
	flex-direction: column;
	align-self: center;
    width: 150px;

}

/* image */
.sell-schedule__schedule-options__options-item-image--branch
{
	background-image: url("../img/sell/schedule/icono_ubicacion.png");
	width: 100px;
	height: 90px;
	background-repeat: no-repeat;
    background-size: contain;
}

/* text */
.sell-schedule__schedule-options__options-item-title--branch
{
	display: flex;
	flex-direction: column;
	align-self: center;
    width: 150px;
}

.sell-schedule__schedule-options__options-item-title--branch-sub
{
	color: #6c6b6f;
	text-transform: initial;
	font-family: Poppins-Regular, sans-serif;
}

.sell-schedule__schedule-options__options-item p
{
	margin: 0 10px;
	padding: 0;
}

.sell-schedule__schedule-options__options input:checked +.effect
{
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
}

.effect
{
	cursor:pointer;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	transition: all 100ms ease-in;

	-webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
	-moz-filter: brightness(1.8) grayscale(1) opacity(.7);
	filter: brightness(1.8) grayscale(1) opacity(.7);
}

.sell-schedule__schedule-options__button
{
	grid-area: button;
	align-self: flex-end;
}

.sell-schedule__schedule-options__button input
{
	margin-top: 25px;
	height: 35px;

	cursor: pointer;
	width: 120px;

	color: #7be3b0;
	border-radius: 25px;

	border: 2px solid #7be3b0;

	display: flex;

	text-transform: uppercase;
	text-align: center;
	justify-content: center;
	align-items: center;

	font-family: Montserrat-Bold, sans-serif;
	font-size: 8pt;
	background-color: transparent;
}
/*endregion*/

.sell-car-up-line-schedule
{
	margin-top: 0px;
}


/* ================================================ */
/* ========    sell schedule datetime   =========== */
/* ================================================ */
/*#region  sell schedule datetime*/

.sell-schedule__schedule-options__title--centered
{
	text-align: start;
}

.sell-schedule__schedule-options__title--centered p
{
	margin: 0;
	padding: 0;
}

.sell-schedule__schedule-options__date-time
{
	grid-area: options;
	margin-top: 40px;
}

.sell-schedule__schedule-options__date-time--center
{
	width: 80%;
}

.input-group-text.input-group-text--center
{
	padding: 0.375rem 1.75rem;
	justify-content: center;
}

/*#endregion*/

/* ================================================ */
/* ========    sell schedule docs   =========== */
/* ================================================ */
/*#region  sell schedule docs*/
.sell-schedule__schedule-options__options--center
{
	justify-content: start;
	grid-gap: 0 50px;
}


.sell-schedule__schedule-options__title--no-bottom-margin p
{
	margin-bottom: 0;
}

.sell-schedule__schedule-options__title--description
{
	font-family: Poppins-Regular, sans-serif;
	font-size: 8pt;
	line-height: 2;
	color: #848486;
}

.sell-schedule__schedule-options__title--description ul
{
	padding: 0;
	margin-bottom: 50px;
}

.sell-schedule__schedule-options__options-item--input
{
	display: flex;
	flex-direction: column;
}

.sell-schedule__schedule-options__options-item--position-one
{
	grid-area: item-one;
	align-self: center;
	height: 170px;
	width: 180px;
}

.sell-schedule__schedule-options__options-item--position-one p
{
	margin-top: 1em;
	text-align: center;
}

.sell-schedule__schedule-options__options-item--position-two
{
	grid-area: item-two;
	height: 170px;
	width: 180px;
}

.sell-schedule__schedule-options__options-item--position-two p
{
	margin-top: 1em;
	text-align: center;
}

.sell-schedule__schedule-options__options-item--input > input
{
	display: none;
}

.sell-schedule__schedule-options__options-item--center
{
	margin-left: 2em;
}

.sell-schedule__schedule-options__button button
{
	margin-top: 25px;
	height: 35px;
	cursor: pointer;
	width: 120px;
	color: #7be3b0;
	border-radius: 25px;
	border: 2px solid #7be3b0;
	display: flex;
	text-transform: uppercase;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-family: Montserrat-Bold, sans-serif;
	font-size: 8pt;
	background-color: transparent;
}


/*#endregion*/

/* ================================================ */
/* ========   sell inspection summary   =========== */
/* ================================================ */
/*#region sell inspection summary */

/*====== sell nav bar ========*/
/*#region sell nav bar */
.sell-nav-bar
{
	display: flex;
	background-color: #dbdbdb;
	justify-items: center;
	align-items: center;
	justify-content: center;
	position: fixed;
	width: 100%;
    top: 110px;

}

.sell-nav-bar-items
{
	text-transform: uppercase;
	font-family: Montserrat-Bold, sans-serif;
	font-size: 7pt;

	margin: 10px;

}

.sell-nav-bar-items a
{
	align-items: center;
	display: flex;
}

.sell-nav-bar-items a img
{
	margin: 0 10px;
}

/*endregion*/

/*====== sell header  ========*/
/*#region sell header*/

.sell-summary-header
{
	background-color: #f1f8fe;

	display: grid;
	grid-template-rows: 1fr auto 1fr;

	grid-template-areas:
			"title"
			"body"
			"data";

	padding: 100px 0 50px 0;
}

.sell-summary-header__title
{
	grid-area: title;

	text-align: center;

	text-transform: initial;
	font-family: Poppins-SemiBold, sans-serif;
	color: black;
	font-size: 25pt;

	margin-top: 30px;

}

.sell-summary-header__body
{
	grid-area: body;
	text-align: center;
	font-family: Poppins-Regular, sans-serif;
	font-size: 10pt;
	color: #494f55;
}

.sell-summary-header__body p
{
	margin: 0;
	padding: 0;
	line-height: 2;
}

.sell-summary-header__data
{
	text-transform: uppercase;
	text-align: center;
	font-family: Oswald-Regular, sans-serif;
	font-size: 30pt;
	color: #2a85c6;
}


/*endregion*/

/*#region body*/

.sell-summary-body
{
	display: grid;
	grid-auto-flow: column;


	grid-template-rows: auto auto auto;
	grid-template-columns: 1fr 1fr;

	margin: 100px 30%;
	grid-gap: 20px;

}

.sell-summary-body__item
{
	display: grid;

	grid-template-rows: auto auto;
	grid-template-columns: 45px auto;

	grid-template-areas:
			"icon title"
			". body";

	font-family: Montserrat-Regular, sans-serif;
}

.sell-summary-body__item--position-five
{
	grid-row: 1 / span 2;
}

.sell-summary-body__item p
{
	margin: 0;
}

.sell-summary-body__item-icon
{
	grid-area: icon;
}

.sell-summary-body__item-title
{
	color: #808080;
	grid-area: title;
	font-size: 12pt;
}

.sell-summary-body__item-body
{
	color: #c1c1c1;
	grid-area: body;
	font-size: 10pt;

	display: flex;
	flex-direction: column;
	align-self: center;

}
/*endregion*/

/*endregion*/

/* ================================================ */
/* =========      sell documents        =========== */
/* ================================================ */
/*#region sell documents */
.sell-documents-body
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);

	grid-gap: 80px;

	margin: 50px auto 200px auto;

	font-family: Montserrat-Regular, sans-serif;
}

.sell-documents-body__item
{
	text-align: center;
	margin: 30px 20px;
}

.sell-documents-body__item p
{
	margin: 0;
	padding: 0;
}

.sell-documents-body__item-title
{
	color: #808080;
	margin-bottom: 30px;
	font-size: 12pt;
}


.sell-documents-body__item-body
{
	color: #444444;
	grid-area: body;
	font-size: 10pt;

	display: flex;
	flex-direction: column;
	align-self: center;
	text-align: center;
}

.sell-documents-body .succes-icon img {
    opacity: 0;
    margin-bottom: 20px;
    width: 60px;
}
.sell-documents-body .succes-icon.active img {
    opacity: 1;
}

/*endregion*/

/* ================================================ */
/* =========     sell see documents      ========== */
/* ================================================ */
/*#region   sell documents*/
.sell-see-your-offer-header
{

}

.sell-see-your-offer-body
{
	background-image: url("../img/sell/seeYourOffer/imagen_fondo.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	width: 100%;
	height: 553px;

	margin: 0;
	display: flex;
	justify-content: center;

}
.sell-see-your-offer__options
{
	grid-template-areas:
			"title"
			"graph"
			"description";
	width: 350px;
	background-color: white;

	margin: 30px 0 40px 0;
}

.sell-see-your-offer__options-graph
{
	display: flex;
}


.circular-chart
{
	display: block;
	margin: 10px auto;
	width: 80%;
	height: 250px;
}

.circle
{
	fill: none;
	stroke-width: 2.8;
	stroke-linecap: round;
	animation: progress 1s ease-out forwards;
}

.circle-bg
{
	fill: none;
	stroke: #eee;
	stroke-width: 3.8;
}

.circular-chart.blue .circle {
	stroke: #2f97e4;
}

.sell-see-your-offer-select__options-exchange-description
{
	padding: 20px 50px;
}


@keyframes progress {
	0% {
		stroke-dasharray: 0 100;
	}
}

.circle-inside-text
{
	fill: #1f8cfb;
	font-family: Oswald-Light, sans-serif;
	font-size: 0.5em;
	text-anchor: middle;
	font-size: 5pt;
}

.circle-inside-seccond-text
{
	fill: #a2a2a2;
	font-family: Montserrat-Regular, sans-serif;
	font-size: 0.5em;
	text-anchor: middle;

	text-transform: uppercase;
	font-size: 2pt;

}


/*#endregion*/

/* ================================================ */
/* =========         user data          =========== */
/* ================================================ */
/*#region user data*/

.menu
{
	margin-top: 70px;
}


.menu__user-data
{
	display: grid;
	grid-auto-flow: row;
	grid-template-rows: auto auto auto auto;
	grid-template-columns: 1fr 1fr;
	margin: 50px 30%;
}

.menu__user-data-item
{
	margin: 5% 2%;
	font-family: Poppins-Regular, sans-serif;
	font-size: 9pt;
}

.menu__user-data-item input
{
	border-color: transparent;
	border-bottom: 1px solid #ebebec;

	width: 250px;
	height: 30px;
	color: #828282;
	font-size: 10pt;
}

.menu__user-data-item input:focus
{
	outline: none;
}

.menu__user-data-item-button
{
	margin-top: 20px;
}

.menu__user-data-item-button--stile
{
	color: #f9c459;
	border-radius: 25px;
	border: 2px solid #f9c459;
	width: 180px;
	height: 35px;
	text-transform: uppercase;
	font-size: 9pt;
}
/*endregion*/

/* ================================================ */
/* =========           login            =========== */
/* ================================================ */
/*#region login*/
.login-main
{
	background-image: url("../img/login/imagen_fondo.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	height: 651px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

login-main--center
{
	align-items: start;
}

.login-main__title
{
	font-family: Montserrat-Regular, sans-serif;
	font-size: 25pt;
}

.login-main__facebook
{
	justify-content: center;
	text-align: center;
}

.login-main__facebook-button
{
	background-color: #4468b2;
	border: none;
	color: white;
	text-align: center;
	font-size: 8pt;
	cursor: pointer;

	width: 380px;
	height: 30px;
	border-radius: 5px;

	display: flex;
	align-items: center;
	justify-content: center;

}

.login-main__facebook-button p
{
	margin: 0;
	padding: 0;
}

.login-main__facebook-button-icon
{
	margin-right: 10px;
	width: 16px;
	height: 16px;
}

.login-main__form
{
	margin: 5% 2%;
	font-family: Poppins-Regular, sans-serif;
	font-size: 10pt;

}

.login-main__form-item
{
	margin-top: 20px;
}

.login-main__form-item label
{
	margin-bottom: 0;
	margin-top: 20px;
	font-family: Poppins-SemiBold, sans-serif;

}

.login-main__form-item input
{
	background-color: transparent;
	border-color: transparent;
	border-bottom: 2px solid #e3e3e2;

	width: 350px;
	height: 30px;
	color: #5f5f5f;
	font-size: 10pt;

}

.fa
{
	color:  #d7d8d3;
	z-index: 2;
	margin-left: -20px;
}

.fa.active
{
	color:  #2986ca;
}

.login-main__forgot-password
{
	margin: 10px 0 0 0;
	font-family: Poppins-Italic;
	font-size: 8pt;
}

.login-main__form-button
{
	margin: 20px 0;
}

.login-main__form-button-login-style
{
	font-size: 10pt;
	background-color: #4a9c09;
	font-family: Montserrat-Medium, sans-serif;
	text-transform: uppercase;
	height: 30px;
	width: 200px;
	border-radius: 20px;
	border-color: #4a9c09;
	color: white;
}
.modal-insurance__form-item-details input {
        padding: 10px;
    height: 30px;
    background-color: #fff;
    border-color: transparent;
    border-bottom: none;
    height: 10px;
    font-size: 14px;
}
.login-main__register
{
	font-family: Montserrat-Medium, sans-serif;
}

.login-main__register p
{
	color: #8a8a86;
	text-decoration: underline;
}

.login-main__register-anchor
{
	color: #156ff9;
}




/*#endregion*/

/* ================================================ */
/* =========          modal help        =========== */
/* ================================================ */
/*#region modal*/
/*====== modal help  ========*/
/*#region modal help*/

.modal-help--background
{
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.7);
}

.modal-help
{
	display: flex;
	flex-direction: column;

	margin: 10% auto;
	width: 581px;
	height: 490px;

	background-image: url("../img/modals/help_background.png");
	background-position: center;
	background-repeat: no-repeat;

	animation-name: modalopen;
	animation-duration: 1s;
}

.modal-help__close-button
{	
	display: flex;
	justify-content: flex-end;


	font-size: 20pt;
	color: #3d373b;
	font-family: inherit;
	text-transform: lowercase;
	text-align: end;
	margin: 15px 15px 5px;
}

.modal-help__close-button:hover,
.modal-help__close-button:focus
{
	text-decoration: none;
	cursor: pointer;
}


.modal-help__title
{
	align-self: center;
	color: #2986cd;
	font-size: 25pt;
	font-family: Oswald-Bold, sans-serif;
	text-transform: uppercase;

}

.modal-help__title p
{
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.modal-help__sub-title
{
	align-self: center;
	color: #6f6d6d;
	font-size: 10pt;
	font-family: Oswald-SemiBold, sans-serif;
	text-transform: uppercase;
	margin-right: 65px;
	margin-top: 10px;
}

.modal-help__sub-title p
{
	margin: 0;
	padding: 0;
	line-height: 1.2;
}


.modal-help__form
{
	align-self: center;
	margin-bottom: 65px;
	margin-right: 40px;
}

.modal-help__form-item
{
	margin: 10px;
}

.modal-help__form-item input
{
	background-color: transparent;
	border-color: transparent;
	border-bottom: 2px solid #6a6a68;

	width: 330px;
	height: 30px;
	color: #6a6a68;
	font-size: 10pt;
}


.modal-help__form-button--style
{
	font-size: 10pt;
	background-color: #f0f0f0;
	font-family: Montserrat-Bold, sans-serif;
	text-transform: uppercase;
	height: 30px;
	width: 150px;
	border-radius: 20px;
	border-color:  #f0f0f0;
	color: #313131;
}


@keyframes modalopen {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/*#endregion*/


/*#endregion*/

/* ================================================ */
/* =========       modal insurance      =========== */
/* ================================================ */
/*====== modal insurance  ========*/
/*#region modal*/

.modal-insurance--background
{
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.7);
}

.modal-insurance
{
	margin: 1% auto;
    animation-name: modalopen;
    animation-duration: 1s;
    display: flex;
    flex-direction: column;
    background-image: url(../img/modals/insurance_background.png);
    height: 600px;
    width: 581px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding-top: 20px; */
    position: relative;
    border-radius: 25px;
}

.modal-insurance__close-button
{
    grid-area: close-button;
    font-size: 20pt;
    color: #3d373b;
    font-family: Oswald-Light, sans-serif;
    text-transform: uppercase;
    text-align: end;
    margin: 15px 15px 5px;
    position: absolute;
    right: 10px;
}
.modal-insurance__title {
    grid-area: title;
    margin-right: 170px;
    margin-top: 20px;
}

.modal-insurance__sub-title
{
	grid-area: subtitle;
	margin-right: 170px;
}


.modal-insurance__form {
    grid-area: none;
    display: -ms-grid;
    display: flex;
    -ms-grid-rows: (auto)[4];
    grid-template-rows: none;
    grid-template-areas: none;
    margin: 10px 30px 30px;
    flex-wrap: wrap;
}

.modal-insurance__form-item-range
{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: range;
}

.modal-insurance__form-item-range label
{
	text-transform: uppercase;
	color: black;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;

	font-family: Montserrat-Bold;
	margin-bottom: 20px;
}

.modal-insurance__form-item-radio
{
    grid-template-areas:
        "title"
        "options";
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0px;
    width: 50%;
}

.modal-insurance__form-item-radio p
{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: title;
	text-transform: uppercase;
	color: black;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	font-family: Montserrat-Bold, sans-serif;
}

.modal-insurance__form-item-radio--center {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: options;
    display: flex;
    display: flex;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    margin-bottom: 30px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.modal-insurance__form-item-radio--style
{
	background-color: #d8d8d6;
	border-radius:4px;
	border:1px solid #D0D0D0;
	overflow:auto;
	float:left;

	padding: 10px;

	font-family: Montserrat-Bold, sans-serif;
	text-transform: uppercase;
	font-size: 8pt;

}

.modal-insurance__form-item-radio--style label
{
}
.modal-insurance__form-item-radio--style {
    margin: 5px 10px;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.modal-insurance__form-item-radio--style span
{
	text-align: center;
	padding: 7px 7px;
	display: block; 
    font-size: 9px;
}

.modal-insurance__form-item-radio--style:checked + span {
	background-color: #2986cd;
	color:#fff;
}

.modal-insurance__form-item-details, .modal-insurance__form-item-data {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: none;
    display: -ms-grid;
    display: flex;
    -ms-grid-rows: auto 5px auto 5px auto 5px auto;
    grid-template-rows: none;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: none;
    grid-gap: 5px 10px;
    font-size: 8pt;
    flex-flow: column;
    width: 50%;
}

.modal-insurance__form-item-details input, .modal-insurance__form-item-data input{
	margin: 10px auto 0px;
}

.title-form{
    color: black;
    font-family: Montserrat-Bold, sans-serif;
    font-size: 16px;

}

.modal-insurance__form-item-brand
{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: brand;
	height: 10px;

	border-width: 0;

}

.modal-insurance__form-item-model
{
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: model;
	height: 10px;

	border-width: 0;
}

.modal-insurance__form-item-year
{
	-ms-grid-row: 5;
	-ms-grid-column: 1;
	grid-area: year;
	height: 10px;

	border-width: 0;
}

.modal-insurance__form-item-deadline
{
	-ms-grid-row: 7;
	-ms-grid-column: 1;
	grid-area: deadline;
	height: 10px;

	border-width: 0;
}

.modal-insurance__form-item-coverage
{
	-ms-grid-row: 1;
	-ms-grid-row-span: 7;
	-ms-grid-column: 3;
	grid-area: coverage;
	resize: none;

	border-width: 0;
}

/*====*/
.modal-insurance__form-item-data
{
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-area: input;

	display: -ms-grid;

	display: grid;
	grid-gap: 5px 20px;

	    grid-template-areas:
		"mail phone"
		"name .";
    display: flex;
}

.modal-insurance__form-item-data input
{
	padding: 10px;
    height: 30px;
    background-color: #fff;
    border-color: transparent;
    border-bottom: none;
    height: 10px;
    font-size: 14px;
}

/* Edge */
::-webkit-input-placeholder
{
	color: #474546;
}

/* Internet Explorer */
:-ms-input-placeholder
{
	color: #474546;
}

::-webkit-input-placeholder
{
	color: #474546;
}

::-moz-placeholder
{
	color: #474546;
}

::-ms-input-placeholder
{
	color: #474546;
}

::placeholder
{
	color: #474546;
}

.modal-insurance-form-name
{
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: name;
}

.modal-insurance-form-mail
{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: mail;
}

.modal-insurance-form-phone
{
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	grid-area: phone;
}

.modal-insurance__form-button
{
	-ms-grid-row: 4;
	-ms-grid-column: 1;
	grid-area: send-button;
	margin: 20px 0 0 0;
}

.modal-insurance__form--style
{
	font-size: 10pt;
	background-color: #f0f0f0;
	font-family: Montserrat-Bold, sans-serif;
	text-transform: uppercase;
	height: 30px;
	width: 150px;
	border-radius: 20px;
	border-color:  #f0f0f0;
	color: #313131;
}

.range-wrap.modal-range
{
	width: 100%;
}
/*endregion*/


/* ================================================ */
/* =========    sell your car filters   =========== */
/* ================================================ */
/*#region sell your car filters*/
.sell-car-filters__title
{
	display: flex;
	align-self: center;
	flex-flow: column;
	margin: 50px 0;
}

.sell-car-filters__title p
{
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.sell-car-filters__title-title
{
	color: #359ce0;

	text-align: center;
	text-transform: uppercase;

	font-size: 28pt;
	font-family: Poppins-Bold, sans-serif;


}

.sell-car-filters__title-subtitle
{
	color: #4f4f4f;
	font-size: 10pt;
}


/*==================================*/
/*#region accordion definition */
.sell-car-filters__accordion
{
	padding: 0 20%;
}

.sell-car-filters__accordion-item-header
{
	display: flex;
}

.sell-car-filters__accordion-item-header-line
{
	margin: 0;
	flex-grow: 1;
}

.sell-car-filters__accordion-item-body
{
	padding: 0px 6%;
}

.btn-link
{
	color: #333852;
	text-transform: uppercase;
	font-size: 10pt;

}

.btn-link:hover
{
	color: #333852;
}

.btn.collapsed
{
	color: #919191;
}

.sell-car-filters__accordion .sell-car-filters__accordion-item-header .btn:after
{
	align-self: center;
	font-size: 20pt;
	margin: 0 20px 10px 20px;
	content:"-";
}

.sell-car-filters__accordion .sell-car-filters__accordion-item-header .btn.collapsed:after
{
	content:"+";
}

/*---*/
.sell-car-filters__accordion .sell-car-filters__accordion-item-1 .sell-car-filters__accordion-item-header .btn:before
{
	content: url("../img/sell/filters/icono_numero_01_seleccionado.png");
	margin-right: 20px;

}

.sell-car-filters__accordion .sell-car-filters__accordion-item-1 .sell-car-filters__accordion-item-header .btn.collapsed:before
{
	content: url("../img/sell/filters/icono_numero_01.png");
}


/*---*/
.sell-car-filters__accordion .sell-car-filters__accordion-item-2 .sell-car-filters__accordion-item-header .btn:before
{
	content: url("../img/sell/filters/icono_numero_02_seleccionado.png");
	margin-right: 20px;

}

.sell-car-filters__accordion .sell-car-filters__accordion-item-2 .sell-car-filters__accordion-item-header .btn.collapsed:before
{
	content: url("../img/sell/filters/icono_numero_02.png");
}


/*---*/
.sell-car-filters__accordion .sell-car-filters__accordion-item-3 .sell-car-filters__accordion-item-header .btn:before
{
	content: url("../img/sell/filters/icono_numero_03_seleccionado.png");
	margin-right: 20px;

}

.sell-car-filters__accordion .sell-car-filters__accordion-item-3 .sell-car-filters__accordion-item-header .btn.collapsed:before
{
	content: url("../img/sell/filters/icono_numero_03.png");
}


/*---*/
.sell-car-filters__accordion .sell-car-filters__accordion-item-8 .sell-car-filters__accordion-item-header .btn:before
{
	content: url("../img/sell/filters/icono_numero_04_seleccionado.png");
	margin-right: 20px;

}

.sell-car-filters__accordion .sell-car-filters__accordion-item-8 .sell-car-filters__accordion-item-header .btn.collapsed:before
{
	content: url("../img/sell/filters/icono_numero_04.png");
}


/*---*/
.sell-car-filters__accordion .sell-car-filters__accordion-item-4 .sell-car-filters__accordion-item-header .btn:before
{
	content: url("../img/sell/filters/icono_numero_05_seleccionado.png");
	margin-right: 20px;

}

.sell-car-filters__accordion .sell-car-filters__accordion-item-4 .sell-car-filters__accordion-item-header .btn.collapsed:before
{
	content: url("../img/sell/filters/icono_numero_05.png");
}

/*---*/
.sell-car-filters__accordion .sell-car-filters__accordion-item-5 .sell-car-filters__accordion-item-header .btn:before
{
	content: url("../img/sell/filters/icono_numero_06_seleccionado.png");
	margin-right: 20px;

}

.sell-car-filters__accordion .sell-car-filters__accordion-item-5 .sell-car-filters__accordion-item-header .btn.collapsed:before
{
	content: url("../img/sell/filters/icono_numero_06.png");
}

/*---*/
.sell-car-filters__accordion .sell-car-filters__accordion-item-6 .sell-car-filters__accordion-item-header .btn:before
{
	content: url("../img/sell/filters/icono_numero_07_seleccionado.png");
	margin-right: 20px;

}

.sell-car-filters__accordion .sell-car-filters__accordion-item-6 .sell-car-filters__accordion-item-header .btn.collapsed:before
{
	content: url("../img/sell/filters/icono_numero_07.png");
}
.sell-car-filters__accordion .sell-car-filters__accordion-item-7 .sell-car-filters__accordion-item-header .btn:before
{
	content: url("../img/sell/filters/icono_numero_07_seleccionado.png");
	margin-right: 20px;

}

.sell-car-filters__accordion .sell-car-filters__accordion-item-7 .sell-car-filters__accordion-item-header .btn.collapsed:before
{
	content: url("../img/sell/filters/icono_numero_07.png");
}


.sell-car-filters__accordion .sell-car-filters__accordion-item-header .btn:hover,
.sell-car-filters__accordion.sell-car-filters__accordion-item-header .btn:active,
.sell-car-filters__accordion .sell-car-filters__accordion-item-header .btn:focus
{
	text-decoration: none;
}


.sell-car-filters__accordion-item-header-button
{
	align-items: center;
	display: flex;
}
/*#endregion*/

/*==================================*/
/*#region item 1 - carousel */
.sell-car-filters-carousel-item
{
}

.sell-car-filters-carousel-item input
{
	margin:0;
	padding:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.sell-car-filters-carousel-item img {
    max-height: 40px;
    max-width: 80px;
    margin-bottom: 10px;
}
.sell-car-filters-carousel-item label{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	flex-flow: column;
    margin: 10px 20px;
    text-align: center;
}



/*#region brands image definitions */
/*.acura
{
	background-image: url("../img/sell/filters/logo_acura.png");
	width: 51px;
	height: 59px;
	background-repeat: no-repeat;
}

.ford
{
	background-image: url("../img/sell/filters/logo_ford.png");
	width: 67px;
	height: 55px;
	background-repeat: no-repeat;
}

.chevrolet
{
	background-image: url("../img/sell/filters/logo_chevrolet.png");
	width: 73px;
	height: 59px;

	background-repeat: no-repeat;
}

.honda
{
	background-image: url("../img/sell/filters/logo_honda.png");
	width: 54px;
	height: 60px;
	background-repeat: no-repeat;
}

.hyundai
{
	background-image: url("../img/sell/filters/logo_hyundai.png");
	width: 67px;
	height: 53px;
	background-repeat: no-repeat;
}

.kia
{
	background-image: url("../img/sell/filters/logo_kia.png");
	width: 64px;
	height: 52px;
	background-repeat: no-repeat;
}

.mazda
{
	background-image: url("../img/sell/filters/logo_mazda.png");
	width: 50px;
	height: 55px;
	background-repeat: no-repeat;
}

.nissan
{
	background-image: url("../img/sell/filters/logo_nissan.png");
	width: 57px;
	height: 62px;
	background-repeat: no-repeat;
}*/

/*#endregion*/


.slick-carousel input:checked +.selected-effect
{
	-webkit-filter: none;
	-moz-filter: none;
	border: 2px solid #2986ca;

}

.slick-prev:before
{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f104';
	color: black;
}

.slick-next:before
{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
	color: black;
}

.slick-carousel
{
	margin-left: 20px;
}
.slick-carousel-2
{
	margin-left: 20px;
}

.selected-effect
{
	cursor: pointer;
}
/*#endregion*/

/*==================================*/
/*#region item 2 - year slider */
.range-wrap
{
	margin: 30px 20px;
	width: 400px;
	position: relative;
}

.range-value
{
	position: absolute;
	top: -100%;
}

.range-value span
{
	width: 50px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: #fff;
	color: black;
	font-size: 12px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.range-value span:before
{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	margin-top: -4px;
}




/*#endregion*/

/*==================================*/
/*#region item model -  */

.sell-car-filters__accordion-item-body-model-select
{
	margin: 30px 20px;
}


.sell-car-filters__accordion-item-body-model-select--style
{

	color: #46474c;
	border-color: #e3e3e3;
	-webkit-appearance: none;
	border-radius: 0;
	background-color: white;
	padding: 0 1.5em;
	width: 300px;
	height: 40px;

	font-size: 10pt;
}

.sell-car-filters__accordion-item-body-model-select i
{
	border: solid #e3e3e3;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	margin-left: -30px;
}


.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/*#endregion*/

/*==================================*/
/*#region item 4 color -  */

.sell-car-filters__accordion-item-body-colors
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 30px 20px;
}

.sell-car-filters__accordion-item-body-colors-item
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	font-size: 8pt;
	font-family: Montserrat-Italic, sans-serif;
	margin: 5px;


}

.sell-car-filters__accordion-item-body-colors-item input
{
	margin:0;
	padding:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

.sell-car-filters__accordion-item-body-colors-item p
{
	margin-top: 15px;
}

/*#region colors*/
.circle-withe
{
	background: white;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border: 1px solid #e8e8e8;

}

.circle-gray
{
	background: grey;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.circle-black
{
	background: black;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.circle-silver
{
	background: silver;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.circle-blue
{
	background: #2060aa;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.circle-nature
{
	background: #af966e;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.circle-red
{
	background: #e8442e;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.circle-green
{
	background: #4fad72;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.circle-other
{
	background: #d2478c;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}
/*#endregion*/

.sell-car-filters__accordion-item-body-colors-item input:checked +.selected-effect
{
	-webkit-filter: none;
	-moz-filter: none;
	border: 2px solid #2986ca;

}


/*#endregion*/

/*==================================*/
/*#region item 5 km -  */

.range-width-resize--big
{
	width: 90%;
}

/*#endregion*/

/*==================================*/
/*#region item 6 - another features  */
.sell-car-filters__accordion-item-body-features
{
	display: grid;
	grid-template-columns: auto auto;
	padding-left: 40px;
	margin: 30px 0;
}

.sell-car-filters__accordion-item-body-features-radio-zone
{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-gap: 15px;
}

.sell-car-filters__accordion-item-body-features-radio-zone input
{
	margin:0;
	padding:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

.car-feature
{
	position: relative;
	padding-left: 30px;
	font-size: 10pt;
}

/* Create a custom checkbox */
.checkmark
{
	position: absolute;
	top: 0;
	left: 0;

	border-radius: 50%;
	height: 15px;
	width: 15px;
	background-color: #ababab;
}

.car-feature input:checked ~ .checkmark
{
	background-color: #60b829;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.car-feature input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.car-feature .checkmark:after
{
	left: 5px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}


.sell-car-filters__accordion-item-body-features-textarea
{
	resize: none;
	font-family: Montserrat-Regular, sans-serif;
	font-size: 8pt;
}

/*#endregion*/

/*==================================*/
/*#region item 7 - complete data */

.sell-car-filters__accordion-item-body-user-data
{
	margin: 10px 20px;
	display: flex;
	flex-direction: column;
}

.sell-car-filters__accordion-item-body-entry
{
	background-color: transparent;
	border-color: transparent;
	border-bottom: 2px solid #c1c1c1;
	height: 30px;
	font-size: 10pt;
	width: auto;
	margin: 10px 0;
}

.sell-car-filters__accordion-item-body-entry::placeholder
{
	color: #c1c1c1;
}


/*#endregion*/


/*===================================*/
/*#region range zone*/

.sell-car-filters__accordion__range-zone
{
	justify-content: center;
}

.sell-car-filters__accordion__range-zone-item
{
	display: grid;

	grid-template-columns: 90px auto auto auto 90px;

	grid-template-areas:
		". title title title ."
		"img-left range range range img-right"
		". option-one option-two option-three .";

	margin: 30px 20px;

}


.sell-car-filters__accordion__range-zone-item-title
{
	grid-area: title;
	font-family: Montserrat-black, sans-serif;
	text-transform: uppercase;
	color: #9b9b9b;
	font-size: 10pt;

}

.sell-car-filters__accordion__range-zone-item-img-left
{
	grid-area: img-left;
}

.sell-car-filters__accordion__range-zone-item-input-range
{
	grid-area: range;
}

.sell-car-filters__accordion__range-zone-item-img-right
{
	grid-area: img-right;
	justify-self: end;
}

.sell-car-filters__accordion__range-zone-item-option-1
{
	text-align: start;
	grid-area: option-one;

	text-transform: uppercase;
	color: #9b9b9b;
	font-size: 8pt;
}

.sell-car-filters__accordion__range-zone-item-option-2
{
	text-align: center;
	grid-area: option-two;

	text-transform: uppercase;
	color: #9b9b9b;
	font-size: 8pt;
}

.sell-car-filters__accordion__range-zone-item-option-3
{
	text-align: end;
	grid-area: option-three;

	text-transform: uppercase;
	color: #9b9b9b;
	font-size: 8pt;
}

/*#endregion*/

/*===================================*/
/*#region send button*/
.sell-car-filters__send_button
{
	display: flex;
	flex-direction: column;
	align-items: center;

}

.sell-car-filters__send_button p
{
	font-family: Montserrat-Black, sans-serif;
	text-transform: uppercase;
	font-size: 10pt;
	margin: 0;
	margin-top: 15px;
}


.sell-car-filters__send_button input
{
	background-image: url("../img/sell/filters/icono_finalizar.png");
	background-repeat: no-repeat;

	background-position: center center;
	border: 0;
	display: block;
	height: 68px;
	width: 68px;
	background-color: transparent;

}


/*#endregion*/
/*#endregion*/

/* ================================================ */
/* =========           buy car          =========== */
/* ================================================ */
/*#region buyCar*/

/*#region buy car header*/
.buy-car-detail-header
{
	display: grid;
	grid-template-columns: auto auto auto;
	position: fixed;
	width: 100%;
    top: 110px;
	background-color: white;

	z-index: 900;

}

.buy-car-detail-header-back
{
	display: grid;
	grid-template-columns: auto auto auto;

	align-items: center;
	background-color: #f2f2f2;
	padding: 20px 0;

}

.buy-car-detail-header-back-return
{
	justify-self: end;
	font-family: Oswald-Regular,sans-serif;
	font-size: 10pt;
	text-transform: uppercase;
}

.buy-car-detail-header-back-return a::before
{
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: "\f104";
	color: #3b8fbe;
	font-size: 20pt;
	margin: 0 10px;
}

.buy-car-detail-header-back img
{
	margin: 0;
	width: 90px;
	justify-self: center;
}

.buy-car-detail-header-back-detail p
{
	text-transform: uppercase;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

.buy-car-detail-header-back-detail--price
{
	font-family: Oswald-Bold;
	font-size: 12pt;
}

.buy-car-detail-header-back-detail--name
{
	font-family: Poppins-SemiBold, sans-serif;
	font-size: 9pt;
}

/*==========*/

.buy-car-detail-header-sections
{
	justify-items: center;
	align-items: center;
	display: flex;
	justify-content: center;

	z-index: 900;

}

.buy-car-detail-header-sections-item
{
	margin: 0 10px;
	text-transform: uppercase;
	font-family: Montserrat-Bold, sans-serif;
	font-size: 8pt;
}

/*==========*/

.buy-car-detail-header-buttons
{
	display: flex;
	align-items: center;
}

.buy-car-detail-header-buttons-Schedule
{
	margin: 0 10px;
}

.buy-car-detail-header-buttons-Schedule a
{
	display: flex;
	padding: 0 10px;

	background-color: transparent;
	color: #93daac;

	font-family: Montserrat-Bold, sans-serif;
	text-transform: uppercase;
	font-size: 8pt;

	height: 30px;
	border: 2px solid #93daac;
	cursor: pointer;

	border-radius: 15px;

	align-items: center;
	justify-content: center;
}

.buy-car-detail-header-buttons-avert
{
	margin: 0 0px;
}

.buy-car-detail-header-buttons-avert a
{
	display: flex;
	padding: 0 10px;

	background-color: transparent;
	color: #93daac;

	font-family: Montserrat-Bold, sans-serif;
	text-transform: uppercase;
	font-size: 8pt;

	height: 30px;
	border: 2px solid #93daac;
	cursor: pointer;

	border-radius: 15px;

	align-items: center;
	justify-content: center;
}

/*#endregion*/

/*=====================*/
/*#region buy car gallery */
.buy-car-detail-gallery
{
	display: grid;

	margin-top: 80px;
	grid-template-rows: auto auto;
	background-color: #f1f8fe;
}

.buy-car-detail-gallery-slider
{
	display: grid;
	grid-template-columns: 1fr 3fr 1fr;
	padding-top: 65px;
	justify-items: center;
}


.buy-car-detail-gallery-slider img
{
	grid-column: 2;

}

.buy-car-detail-gallery-slider-details
{
	display: grid;
	grid-template-columns: repeat(3, 186px);
	grid-gap: 0 1px;

	margin: 20px;

	justify-content: center;
}

.buy-car-detail-gallery-slider-details p
{
	margin: 0;
	padding: 0;

	font-family: Poppins-SemiBold, sans-serif;
	font-size: 9pt;
	color: #2b85c1;
    text-align: center;
}
/*endregion */

/*=====================*/
/*#region buy car features*/

.buy-car-detail-features
{
	margin: 30px;
	justify-items: center;
}

.buy-car-detail-features-title
{
	text-align: center;
	font-size: 18pt;
	text-transform: uppercase;
	color: #414141;
	font-family: Oswald-Bold, sans-serif;
}

.buy-car-detail-features-items
{
	display: grid;
	grid-template-columns: repeat(4, 150px);
	grid-template-rows: 1fr 1fr;
	justify-content: center;
	grid-gap: 10px;
}

.buy-car-detail-features-items-item
{
	display: grid;
	grid-template-rows: repeat(4, auto);
	background-color: #f1f8fe;
	padding: 10px 10px 30px 10px;
}

.buy-car-detail-features-items-item p
{
	margin: 0 0 0 30px;
	padding: 0;
	line-height: 1.6;
}

.buy-car-detail-features-items-title
{
	font-family: Poppins-Regular, sans-serif;
	font-size: 8pt;

}

.buy-car-detail-features-items-content
{
	font-family: Poppins-SemiBold, sans-serif;
	font-size: 12pt;
}

.buy-car-detail-features-items-item--blue-background
{
	background-color: #2986ca;
	color: white;
}

.buy-car-detail-features-description-title
{
	margin-top: 30px;
	color: #2b88cc;
	text-transform: uppercase;
	font-size: 12pt;
	text-align: center;
    margin-bottom: 20px; 
}

.buy-car-detail-features-description-title p
{
	margin: 0;
	padding: 0;
}

.buy-car-detail-features-description-sub-title
{
	text-align: center;
	font-family: Poppins-Regular, sans-serif;
	font-size: 10pt;
}

.buy-car-detail-features-description-sub-title p
{
	margin: 0;
	padding: 0;
}

/*#endregion*/

/*======================*/
/*#region buy car equipment*/
.buy-car-detail-equipment
{
	display: grid;

	margin: 0 10%;

	grid-template-areas:
		"media features"
		"media features";
}

.buy-car-detail-equipment-media {
    grid-area: media;
    display: grid;
    grid-template-rows: 60px auto;
    grid-template-areas:
        "header"
        "image";
    width: 100%;
    max-width: 800px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}


.buy-car-detail-equipment-media-header
{
	grid-area: header;
	display: flex;
}

.buy-car-detail-equipment-media-header img
{
	height: 51px;
}

.buy-car-detail-equipment-media-header p
{
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
}
img.buy-car-detail-equipment-media-image {
    width: 100%;
    position: relative;
    max-width: 800px;
}

.buy-car-detail-equipment-media-image
{
	grid-area: image;
	align-self: center;
}

/*----------------------------------*/

.buy-car-detail-equipment-features
{
	grid-area: features;
	display: flex;
	flex-direction: column;
	margin-top: 30px;
}

.buy-car-detail-equipment-features-item
{
	display: grid;

	grid-template-columns: 50px auto;

	grid-template-areas:
		"icon title"
		". features";
}

.buy-car-detail-equipment-features-item-image
{
	grid-area: icon;
}

.buy-car-detail-equipment-features-item-title
{
	grid-area: title;
	font-family: Montserrat-Regular, sans-serif;
	text-transform: initial;
	font-size: 15pt;
	color: #606060;
}

.buy-car-detail-equipment-features-item-list
{
	grid-area: features;
	font-family: Montserrat-Regular, sans-serif;
	text-transform: initial;
	font-size: 8pt;
	color: #878787;
}

.buy-car-detail-equipment-features-item ul
{
	padding-left: 0;
}


/*#endregion*/

/*======================*/
/*#region banner free send*/

.buy-car-detail-equipment-banner
{
	display: flex;
	justify-content: center;
	margin: 50px;
}

/*#endregion*/

/*======================*/
/*#region inspect */
.buy-car-detail-inspection
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"media rating"
		"description description";

	background-color: #f1f8fe;
	padding:  0 10%;
}


.buy-car-detail-inspection-media
{
	grid-area: media;
	display: grid;

	grid-template-rows: 60px auto;

	grid-template-areas:
			"header"
			"image";
}

.buy-car-detail-inspection-media-header
{
	grid-area: header;
	display: flex;
}

.buy-car-detail-inspection-media-header img
{
	height: 51px;
}

.buy-car-detail-inspection-media-header p
{
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
}

.buy-car-detail-inspection-media-image
{
	grid-area: image;
	align-self: center;
	text-align: end;
}

.buy-car-detail-inspection-rating
{
	display: block;
}

.pie_progress__content-percentage
{
	font-size: 30pt;

}

.pie_progress__content-caption
{
	font-size: 9pt;
	font-family: Montserrat-Bold, sans-serif;
	text-transform: uppercase;
}

/*----------------------------------*/
.buy-car-detail-inspection-description
{
	grid-area: description;
	font-size: 9pt;
	font-family: Poppins-SemiBold, sans-serif;
	justify-items: center;

	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 30px 0 80px 0;
}

.buy-car-detail-inspection-description p
{
	margin: 0;
}

/*#endregion*/

/*======================*/
/*#region docs*/

.buy-car-detail-documentation
{
	display: grid;

	grid-template-areas:
		"header"
		"items"
		"score";
}

.buy-car-detail-documentation-header
{
	grid-area: header;
	display: flex;
	margin: 0 10%;
}

.buy-car-detail-documentation-header img
{
	height: 51px;
}

.buy-car-detail-documentation-header p
{
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
}

/*------------------------*/

.buy-car-detail-documentation-items
{
	display: grid;
	margin: 20px 10%;
	grid-gap: 20px 0;
	grid-template-columns: repeat(4, auto);
	grid-template-rows: 1fr 1fr;

	grid-area: items;
	margin-top: 30px;
}

.buy-car-detail-documentation-items-item
{
	color: white;
	display: grid;
	grid-template-areas:
		"title rating";
	grid-template-columns: 175px 72px;

	align-items: center;
	font-family: Poppins-SemiBold, sans-serif;
	font-size: 9pt;
}

.buy-car-detail-documentation-items-item-title
{
	grid-area: title;
	text-align: center;


}

.buy-car-detail-documentation-items-item-title p
{
	margin: 0;
}

/*-----------*/

.buy-car-detail-documentation-items-item-rating
{
	grid-area: rating;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
}

.buy-car-detail-documentation-items-item-rating-face
{

}

.buy-car-detail-documentation-items-item-rating-value
{

}

.buy-car-detail-documentation-items-item-rating-value p
{
	margin: 2px 0;
}

/*-----------*/

.buy-car-detail-documentation-items-item--background-one
{
	background-image: url("../img/buy/imagen_documentacion_01_verde.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-documentation-items-item--background-two
{
	background-image: url("../img/buy/imagen_documentacion_02_verde.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-documentation-items-item--background-three
{
	background-image: url("../img/buy/imagen_documentacion_03_verde.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-documentation-items-item--background-four
{
	background-image: url("../img/buy/imagen_documentacion_04_verde.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-documentation-items-item--background-five
{
	background-image: url("../img/buy/imagen_documentacion_05_verde.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-documentation-items-item--background-six
{
	background-image: url("../img/buy/imagen_documentacion_06_verde.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-documentation-items-item--background-seven
{
	background-image: url("../img/buy/imagen_documentacion_07_verde.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-documentation-items-item--background-eight
{
	background-image: url("../img/buy/imagen_documentacion_08_verde.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-documentation-score
{
	grid-area: score;
	text-align: end;
	margin: 20px 10%;

	font-family: Montserrat-Bold;
	font-size: 15pt;

}

/*#endregion*/

/*======================*/
/*#region buy car docs seccond section */

.buy-car-detail-documentation-items--one-row
{
	grid-template-rows: 1fr;
}


.buy-car-detail-documentation-secoond-section
{
	display: grid;

	grid-template-areas:
			"items"
			"score";
}

.buy-car-detail-documentation-seccond-section-items-item--background-one
{
	background-image: url("../img/buy/imagen_documentacion02_01_verde.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-documentation-seccond-section-items-item--background-two
{
	background-image: url("../img/buy/imagen_documentacion02_02_verde.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-documentation-seccond-section-items-item--background-three
{
	background-image: url("../img/buy/imagen_documentacion02_03_amarillo.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-documentation-seccond-section-items-item--background-four
{
	background-image: url("../img/buy/imagen_documentacion02_04_verde.png");
	width: 247px;
	height: 58px;
	background-repeat: no-repeat;
	background-size: cover;
}


.buy-car-detail-documentation-items-item-rating-value--color-black
{
	color: black;
}


/*#endregion*/

/*======================*/
/*#region interest points*/

.buy-car-detail-interest
{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.buy-car-detail-interest-images
{
	display: grid;
	width: 784px;
	grid-template-areas:
		"image-one image-two"
		"image-one image-three";
}

.buy-car-detail-interest p
{
	font-size: 18pt;
	font-family: Oswald-Regular, sans-serif;
	color: #393939;
	text-transform: uppercase;
}

.buy-car-detail-interest-images__image-one
{
	grid-area: image-one;
}

.buy-car-detail-interest-images__image-two
{
	grid-area: image-two;
}

.buy-car-detail-interest-images__image-three
{
	grid-area: image-three;
}


/*#endregion*/

/*======================*/
/*#region buy car */

.buy-car-detail-buy
{
	display: grid;

	grid-template-areas:
			"description car-image"
			"description guarantees";

	background: #f1f8fe;

	padding: 0 10%;
}

.buy-car-detail-buy-description
{
	grid-area: description;
	grid-template-areas:
		"header"
		"title"
		"bold"
		"caption";
}

.buy-car-detail-buy-description-header
{
	display: flex;
	grid-area: header;
}

.buy-car-detail-buy-description-header img
{
	height: 51px;
}

.buy-car-detail-buy-description-header p
{
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
}

.buy-car-detail-buy-description-title
{
	grid-area: title;
	text-transform: uppercase;
	color: #b1b5bc;
	font-family: Montserrat-Light, sans-serif;
	margin: 20px 0 0 0;
	font-size: 10pt;
}

.buy-car-detail-buy-description-title p
{
	margin: 0;
	padding: 0;
}

.buy-car-detail-buy-description-bold
{
	grid-area: bold;
	font-family: Poppins-SemiBold, sans-serif;
	font-size: 22pt;
	color: #07080f;
}

.buy-car-detail-buy-description-bold p
{
	margin: 0;
	padding: 0;
}

.buy-car-detail-buy-description-caption
{
	grid-area: caption;
	color: #82878d;
	font-family: Poppins-Regular, sans-serif;
	font-size: 9pt;
	line-height: 2;

}

.buy-car-detail-buy-description-caption p
{
	margin: 0;
	padding: 0;
}


/*---------------*/

.buy-car-detail-buy-image
{
	grid-area: car-image;
	margin-top: 20px;

	justify-content: center;
	display: flex;
}

/*---------------*/

.buy-car-detail-buy-guarantees
{
	grid-area: guarantees;
	display: flex;
	flex-wrap: wrap;

	justify-content: center;


}

.buy-car-detail-buy-guarantees__text
{
	background-color: #2986ca;
	color: white;

	border-radius: 50%;

	width: 100px;
	height: 100px;

	font-size: 8pt;

	display: flex;
	flex-direction: column;


	align-items: center;
	justify-content: center;
	text-align: center;

	text-transform: uppercase;
	margin: 10px;
}

/*---------------*/

.buy-car-detail-buy-our-plans
{
	display: grid;
	justify-content: center;
	align-items: center;
	grid-template-columns: repeat(3, auto);
	grid-gap: 0 20px;
	padding: 70px;
	background-color: #f1f8fe;

}

.buy-car-detail-buy-our-plans-item
{
	display: grid;
	grid-template-areas:
		"title"
		"price"
		"body"
		"button";
}

.buy-car-detail-buy-our-plans-item-title
{
	grid-area: title;
	color: white;
	text-transform: uppercase;
	font-family: Montserrat-Regular, sans-serif;
	font-size: 10pt;
	justify-content: center;
	align-items: center;
	display: flex;
}

.buy-car-detail-buy-our-plans-item-price
{
	grid-area: price;
	color: #2e95e2;
	text-transform: uppercase;
	font-family: Montserrat-Bold, sans-serif;
	font-size: 25pt;
	justify-content: center;
	align-items: center;
	display: flex;
}

.buy-car-detail-buy-our-plans-item-body
{
	grid-area: body;
	color: white;
	font-family: Montserrat-Regular, sans-serif;
	font-size: 8pt;
	text-align: center;
}

.buy-car-detail-buy-our-plans-item-body p
{
	margin: 0;
	padding: 0;
}

.buy-car-detail-buy-our-plans-item-button
{
	grid-area: button;
	justify-content: center;
	align-items: center;
	display: flex;
}

.buy-car-detail-buy-our-plans-item-button__button
{
	background-color: #2e95e2;

	color: white;

	border-radius: 10px;
	font-size: 10pt;

	height: 50px;
	width: 150px;

	border-color: #2e95e2;
}

.buy-car-detail-buy-our-plans-item--background-one
{
	background-image: url("../img/buy/imagen_compra_directa.png");
	width: 252px;
	height: 372px;
	background-repeat: no-repeat;
	background-size: cover;

}

.buy-car-detail-buy-our-plans-item--background-two
{
	background-image: url("../img/buy/imagen_financiamiento.png");
	width: 252px;
	height: 372px;
	background-repeat: no-repeat;
	background-size: cover;
}

.buy-car-detail-buy-our-plans-item--background-three
{
	background-image: url("../img/buy/imagen_cambia_tu_auto.png");
	width: 252px;
	height: 372px;
	background-repeat: no-repeat;
	background-size: cover;
}

/*------------*/
.buy-car-detail-buy-banner
{
	display: flex;
	justify-content: center;
	margin: 50px;
}





/*#endregion*/

/*======================*/
/*#region calcula tu financiamiento*/

.buy-car-detail-funding
{
	display: grid;

	padding: 0 10%;

	grid-template-columns: 1fr 1fr;

	grid-template-areas:
		"header your-funding"
		"your-data your-funding"
		"your-data your-funding-button";

}

.buy-car-detail-funding__header
{
	grid-area: header;
	display: flex;
	height: 51px;
}

.buy-car-detail-funding__header img
{
	height: 51px;
}

.buy-car-detail-funding__header p
{
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
}

.buy-car-detail-funding__your-data
{
	grid-area: your-data;
	display: grid;

	grid-template-rows: repeat(4, auto);
	margin-right: 100px;
}

.buy-car-detail-funding__your-data-item
{
	margin-top: 100px;
}

.buy-car-detail-funding__your-data-item-title
{
	text-transform: uppercase;
	font-family: Montserrat-Bold, sans-serif;
	margin: 0;
	padding: 0;

}

.buy-car-detail-funding__your-data-item-sub-title
{
	margin: 0;
	padding: 0;
	font-family: Montserrat-Regular;
	font-size: 10pt;
}

.buy-car-detail-funding__your-data-item-input
{
	margin-top: 20px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.buy-car-detail-funding__your-data-item-input input
{
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.buy-car-detail-funding__your-data-item-input input:checked +.effect
{
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
}


.buy-car-detail-funding__your-data-item-input-radio--background-one
{
	background-image: url("../img/bancos/banorte.png");
	width: 97px;
	height: 68px;
	background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
}

.buy-car-detail-funding__your-data-item-input-radio--background-two
{
	background-image: url("../img/bancos/bbva.png");
	width: 65px;
	height: 65px;
	background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
}

.buy-car-detail-funding__your-data-item-input-radio--background-three
{
	background-image: url("../img/bancos/banregio.png");
	width: 97px;
	height: 69px;
	background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
}

.buy-car-detail-funding__your-data-item-input-radio--background-four
{
	background-image: url("../img/bancos/scotia.png");
	width: 153px;
	height: 36px;
	background-repeat: no-repeat;
	background-size: contain;
    background-position: center;
}

/*---------------*/

.buy-car-detail-funding__your-funding
{
	margin: 60px 100px;
	grid-area: your-funding;

	-webkit-box-shadow: 0px 0px 30px 0px rgba(188,220,245,1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(188,220,245,1);
	box-shadow: 0px 0px 30px 0px rgba(188,220,245,1);

	display: flex;
	flex-direction: column;
	align-items: center;
}

.buy-car-detail-funding__your-funding-title
{
	color: #1c1c20;
	text-align: center;
	text-transform: uppercase;

	margin-top: 30px;
	font-family: Poppins-SemiBold;
	font-size: 12pt;
}

.buy-car-detail-funding__your-funding-graph
{

}


.buy-car-detail-funding__your-funding-details-one
{
	color: #a9a9a9;
	font-size: 10pt;
}

.buy-car-detail-funding__your-funding-details-two
{
	color: #a9a9a9;
	font-size: 10pt;
}


.buy-car-detail-funding__your-funding-button
{
	grid-area: your-funding-button;
	display: flex;
	justify-content: center;
}

.buy-car-detail-funding__your-funding-button button
{
	border-color: #f8ba32;
	background: #f8ba32;
	color: white;
	width: 60%;
	border-radius: 20px;
	height: 30px;
	text-transform: uppercase;
	font-family: Poppins-SemiBold;
	border-color: transparent;
}


/*endregion*/
.buy-car-detail-related
{
	display: grid;
	grid-template-areas:
	"header"
	"carousel";
}


.buy-car-detail-related-header
{
	grid-area: header;
	display: flex;
	margin: 0 10%;
}

.buy-car-detail-related-header img
{
	height: 51px;
}

.buy-car-detail-related-header p
{
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
}

.buy-car-detail-related-carousel
{
	grid-area: carousel;
	display: flex;
	margin: 20px 10%;
	justify-content: center;


}

.related-slider
{
	width: 1000px;
	padding: 0 50px;
}

.buy-car-detail-related-carousel--rezise
{
	width: 400px;
}

.section-line
{
	margin: 50px 0 0 0;
	width: 100%;
}

/*#endregion*/

/* ================================================ */
/* ========     buy schedule datetime      ======== */
/* ================================================ */
/*#region buy schedule datetime*/
.buy-car-detail-header-schedule
{
	grid-template-columns: 1fr 2fr;
}

.buy-car-detail-header-buttons-schedule
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-right: 10%;
	flex-basis: 100%;
	flex: 1;
}

.buy-schedule-header-buttons a
{
	display: flex;
	padding: 0 10px;
	background-color: #5cc463;
	color: white;
	font-family: Montserrat-Bold, sans-serif;
	text-transform: uppercase;
	font-size: 8pt;
	height: 30px;
	border: 2px solid #5cc463;
	cursor: pointer;
	border-radius: 15px;
	align-items: center;
	justify-content: center;
}

.buy-car-schedule
{
	margin-top: 80px;
}

.buy-car-schedule__title-sub--strong strong
{
	font-weight: bolder;
	color: #2885cd;
	font-size: 34pt;
}

.buy-car-schedule-header-back
{
	flex-basis: 100%;
	flex: .8;
}

.buy-car-schedule__schedule-options
{
	justify-content: start;
}

/*#endregion*/

/* ================================================ */
/* =========      buy schedule place       ======== */
/* ================================================ */
/*#region buy schedule place */

.buy-schedule__options-place
{
	justify-self: start;
}

.buy-schedule__options-place
{
	display: flex;
	flex-direction: column;
}

.buy-car-option-two--style
{
	text-transform: uppercase;
	width: 350px;
	font-size: 9pt;
}

.buy-schedule__options-place-option-two--shadow
{
	-webkit-box-shadow: 0px 0px 20px -7px rgba(96,166,219,1);
	-moz-box-shadow: 0px 0px 20px -7px rgba(96,166,219,1);
	box-shadow: 0px 0px 20px -7px rgba(96,166,219,1);
}

.buy-schedule__options-button
{
	grid-area: button;
	align-self: flex-start;
	width: auto;
}
/*#endregion*/

/* ================================================ */
/* =========        buy schedule you       ======== */
/* ================================================ */
/*#region buy schedule you */
.buy-schedule__options-form-you
{
	margin-top: 40px;
}

.buy-schedule__options-place-option-two--align
{
	padding-left: 20px;
}

.buy-schedule__options-you
{
	margin: 10px 20px;
}

.buy-car-schedule__login
{
	display: flex;
}

.buy-car-schedule__login-form
{
	display: flex;
	flex-direction: column;
}

.buy-car-schedule__login p
{
	text-transform: uppercase;
}

.buy-car-schedule__login-form--style
{
	border: #69aed3 solid 2px;
	margin: 0;
	width: 150px;
	height: 15px;
	font-size: 9pt;
}

.buy-car-schedule__login-form ::placeholder
{
	color: #d5d5d5;
}

.buy-car-schedule__login-form p
{
	font-family: Raleway-SemiBold, sans-serif;
	font-size: 8pt;
	margin: 0;
}
.buy-car-schedule__login-form-submit
{
	width: auto;
	height: auto;
	align-self: center;
	margin: 20px 15px 0;
	font-size: 8pt;
	background-color: #2a85ca;
	border-color: transparent;
	color: white;
	font-family: Raleway-Regular, sans-serif;
}

/*#endregion*/


/* ================================================ */
/* =========         buy schedule          ======== */
/* ================================================ */
/*#region  buy schedule */
.buy-summary-option
{
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: auto auto auto;
	grid-template-columns: 1fr 1fr;
	grid-column: 1 / span 2;
	grid-gap: 5px;
	margin: 15px 0;
}

.buy-summary-option-item
{
	display: block;
}

.buy-car-return-button a
{
	width: 180px;
}

/*#endregion*/



/* ================================================ */
/* =====              how to                 ====== */
/* ================================================ */
/*#region how to*/

/*---header-----*/
/*#region header*/
.how-to-header
{
	display: -ms-grid;

	display: grid;
	    grid-template-areas:
		"description sections";

	-ms-grid-columns: 1fr 1fr;

	grid-template-columns: 1fr 1fr;

	background-image: url("../img/howTo/imagen_fondo.png");
	background-repeat: no-repeat;
	background-size: cover;

	height: 608px;
	color: white;
}

.how-to-header__description
{
	-ms-grid-row: 1;
	-ms-grid-column: 1;

	grid-area: description;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
	margin: 0px 50px;
}

.how-to-header__description-title
{
	font-family: Oswald-Light, sans-serif;
	font-size: 30pt;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 50%;
	        flex: 1 0 50%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.how-to-header__description-title p
{
	-ms-flex-item-align: start;
	    -ms-grid-row-align: start;
	    align-self: start;
	margin: 0;
}

.collapsible-section
{
	-o-transition: height .5s;
	-webkit-transition: height .5s;
	transition: height .5s;
	/*height: 0;*/
}


.how-to-header__description-body
{
	font-family: Raleway-Regular, sans-serif;
	font-size: 10pt;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 50%;
	        flex: 1 0 50%;
}

.how-to-header__sections
{
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: sections;

	display: -ms-grid;

	display: grid;
	-ms-grid-columns: 1fr 4fr;
	grid-template-columns: 1fr 4fr;
	-ms-grid-rows: auto auto;
	grid-template-rows: auto auto;

}

.how-to-header__sections--title
{
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 1;
	grid-row: 1;

	font-family: Oswald-Light, sans-serif;
	font-size: 50pt;
	text-transform: uppercase;
	margin-top: 1em;
}

.how-to-header__sections--title p
{
	margin: 0;
}


.how-to-header__sections--nav-zone
{
	-ms-grid-column: 2;
	grid-column: 2;
	-ms-grid-row: 2;
	grid-row: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;

}

.how-to-header__sections--nav-zone-item
{
	background-color: #2a85ca;
	color: white;
	text-transform: uppercase;
	width: 24em;
	margin: 10px;
	height: 2.5em;
	border-radius: 20px;
	padding: 2px 20px 2px;
	font-size: 10pt;
	font-family: Raleway-SemiBold, sans-serif;
	text-align: initial;
}

.btn-how-to
{
	border: none transparent;
}

.btn-how-to .how-to-header__sections--nav-zone-item-icon:before
{
	font-family: "Font Awesome 5 Free";
	content: "\f068";
	font-weight: 900;
	float: right;
}

.btn-how-to.collapsed .how-to-header__sections--nav-zone-item-icon:before
{
	font-family: "Font Awesome 5 Free";
	content: "\f067";
	font-weight: 900;
	float: right;
}

.btn-how-to.collapsed
{
	background-color: #ededed;
	color: #404040;
}
/*#endregion*/


/*---features----*/
/*#region features*/
.how-to-benefits
{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 60px;

}

.how-to-benefits__title-one
{
	font-size: 20pt;
	text-transform: uppercase;
	font-family: Oswald-Light, sans-serif;
	margin: 0;
}

.how-to-benefits__title-two
{
	color:  #052136;
	font-size: 35pt;
	text-transform: uppercase;
	font-family: Oswald-Bold, sans-serif;
	margin: 0;

}

.how-to__features
{
	height: 300px;
	margin: 55px;
}

.how-to__features-item
{
	width: 150px;
	max-height: 280px;
}

.how-to__features-item-title
{
	color: #052136;
	font-size: 16pt;
}

.how-to__features-item-body
{
	color: #052136;
	font-size: 8pt;
}
/*#endregion*/
.how-to-benefits
{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 60px;

}

.how-to-benefits__title-one
{
	font-size: 20pt;
	text-transform: uppercase;
	font-family: Oswald-Light, sans-serif;
	margin: 0;
}

.how-to-benefits__title-two
{
	color:  #052136;
	font-size: 35pt;
	text-transform: uppercase;
	font-family: Oswald-Bold, sans-serif;
	margin: 0;

}

.how-to__features
{
	height: 300px;
	margin: 55px;
}

.how-to__features-item
{
	width: 150px;
	max-height: 280px;
}

.how-to__features-item-title
{
	color: #052136;
	font-size: 16pt;
}

.how-to__features-item-body
{
	color: #052136;
	font-size: 8pt;
}

/*#endregion*/

/*---change world----*/
/*#region change*/

.how-to-change
{
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #2986ca;
	margin-top: 135px;
}

.how-to-change__car
{
	margin-top: -135px;
}

.how-to-change__content
{
	text-align: center;
	color: white;
}

.how-to-change__content-title
{
	font-size: 25pt;
	font-family: Raleway-Thin, sans-serif;
}

.how-to-change__content-body
{
	margin: 0;
	font-size: 10pt;
	font-family: Raleway-Regular, sans-serif;
}

.how-to-change__content-features
{
	height: 300px;
}

/*#endregion*/

/*---banner----*/
.how-to-banner
{
	margin: 60px 0;
	display: flex;
	justify-content: center;
}

/*---contact us----*/
/*#region contact Us*/

.how-to-contact-us
{
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #f4f4f4;
	padding: 50px 0 0 0;
	height: 16em;
}

.how-to-contact-us__title
{
	font-size: 30pt;
	text-transform: uppercase;
	color: #2f8bc5;
	font-family: Oswald-Bold, sans-serif;
	margin-bottom: 10px;
}

.how-to-contact-us__body
{
	margin: 0;
	font-size: 8pt;
	text-transform: uppercase;
	color: #c2c2c1;
	font-family: Oswald-Light, sans-serif;
}

.how-to-contact-us__button
{
	display: flex;
	align-items: center;
	font-family: Raleway-Regular, sans-serif;
	text-transform: uppercase;
	font-size: 8pt;
	height: 20px;
	border-radius: 20px;
	color: #6fccab;
	background-color: transparent;
	padding: 6px 55px 3px;
	margin: 20px 0;
	border: 1px solid #61c871;
}

.how-to-scroll-up
{
	margin-top: -40px;
}

/*#endregion*/


/*#endregion*/

/* ================================================ */
/* =====              home                   ====== */
/* ================================================ */
/*#region home*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

*
{
-webkit-box-sizing: unset;
        box-sizing: unset;
}

.header-wrapper
{
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[6];
	grid-template-columns: repeat(6, 1fr);
	height: 100%;
	justify-items: center;
}

.header-logo-container
{
	display: flex;
	align-items: center;
	justify-content: center;

	-ms-grid-column: 3;
	-ms-grid-column-span: 2;
	grid-column: 3 / span 2;

}

.header-logo-container__logo--size
{
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	background: transparent;
}

.home-main
{
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-top: 60px;
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 5 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 5 version
*/

.hero
{
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: hero;
	-ms-grid-column: 2;
	-ms-grid-column-span: 4;
	grid-column: 2 / span 4;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;	
}

.hero__title
{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: hero__title;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: (1fr)[2];
	grid-template-rows: repeat(2, 1fr);
	    grid-template-areas:
			"hero__title--sup"
			"hero__title--main";
	color: white;
	letter-spacing: 3px;
}

.hero__title--sup
{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: hero__title--sup;
	display: flex;

	justify-content: center;
	font-size: 30px;

	margin-bottom: 0;
}

.hero__title--main
{
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: hero__title--main;
	display: -ms-grid;
	display: grid;
	justify-items: center;
	-ms-grid-row-align: start;
	    align-self: start;
	font-size: 50px;
	font-weight: bold;
	margin: 0;
	text-align: center;
}

.hero__options
{
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: hero__options;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[6];
	grid-template-columns: repeat(6, 1fr);
	    grid-template-areas:
			" a_1 hero__options--buy hero__options--buy  hero__options--sell hero__options--sell a_2";
}

.hero__options--text-style
{
	display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    font-size: 14px;
    width: 140px;
    font-weight: 700;
}

.hero__options--buy
{
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	grid-area: hero__options--buy;
	display: -ms-grid;
	display: grid;
	    grid-template-areas: "text img";
	-ms-grid-columns: 65% auto;
	grid-template-columns: 65% auto;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

	text-transform: uppercase;
	background-color: #f6ad32;
	border: none;
	color: white;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	height: 60px;
	margin:  40px 40px 0 0;
	border-radius: 30px	;

}

.hero__options--buy img
{
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: img;
}


.hero__options--sell
{
	-ms-grid-row: 1;
	-ms-grid-column: 4;
	-ms-grid-column-span: 2;
	display: -ms-grid;
	display: grid;
	    grid-template-areas: "text img";
	-ms-grid-columns: 65% auto;
	grid-template-columns: 65% auto;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;


	text-transform: uppercase;
	grid-area: hero__options--sell;
	background-color: #3ba3dd;
	border: none;
	color: white;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	height: 60px;
	margin:  40px 0 0 40px;
	border-radius: 30px	;
}

.hero__options--sell img
{
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: img;
}
/*#endregion*/


/* ================================================ */
/* =====        responsive header            ====== */
/* ================================================ */
/*#region responsive header*/
.checkbtn
{
	grid-column: 12;
	font-size: 30px;
	color: white;
	grid-row: 1;
	cursor: pointer;
	margin-right: 30px;
	display: none;

}

#slide-menu
{
	display: none;
}

.global-header__nav-bar-links  > li > a:hover
{
	background: none;
	color: #0082e6;
}
/*#endregion*/




@media (max-width: 1272px)
{
	/* ================================================ */
	/* ===========       sell car         ============= */
	/* ================================================ */
	/*#region sell Car*/
	.main-sell__title
	{
		font-size: 30pt;
	}
	/*#endregion*/

}

@media (max-width: 1230px)
{
	/*==================*/
	/* =====Home===== */
	/*==================*/
	/*#region home*/
	.fullscreen-bg
	{
		display: none;
	}

	/*#endregion*/

	/*==================*/
	/* =====Header===== */
	/*==================*/
	/*#region global header*/
	#global-header
	{
		height: 111px;
		position: fixed;
		padding: 0;
		display: grid;
		grid-template-columns: repeat(10, 1fr);
		grid-template-rows: 60% 45%;
		background-color: white;
		z-index: 999;
	}

	.global-header__faqs
	{
		display: flex;
		grid-column: 7 / span 4;
		justify-content: center;
		text-transform: uppercase;
		font-size: small;
		font-family: Montserrat-Light, sans-serif;
		margin-top: 0px;
		align-items: center;
	}

	.global-header__faqs a
	{

		margin-top: 0px;
	}

	.line
	{
		width: 1px;
		background-color: #dddddd;
		height: 45px;
		float: left;
		margin-right: 20px;
		margin-left: 20px;
	}

	.global-header__nav-bar
	{
		background-color: #0085ca;
		grid-column: 1 / span 10;
		grid-row: 2;
		display: grid;
		grid-template-columns: repeat(10, 1fr);
		text-transform: uppercase;
		font-family: Montserrat-Medium, sans-serif;
	}


	.global-header__nav-bar nav
	{
	grid-column: 3 / span 5;
	display: flex;
	}

	.global-header__nav-bar-links
	{
		display: inline-flex;
		justify-content: space-between;
		list-style: none;
		width: 100%;
		padding: 0;
		margin: 0;
		font-size: 10px;
	}

	.global-header__nav-bar-links li
	{
		align-self: center;
		color: white;
	}

	.global-header__nav-bar-profile
	{
		grid-column: 9 / span 2;
		display: flex;
		margin: 10px 20px;
		font-family: Oswald-ExtraLight, sans-serif;
		text-transform: uppercase;
	}

	.global-header__nav-bar-profile a
	{
		align-items: center;
		display: inherit;
		color: white;
	}

	.global-header__nav-bar-profile img
	{
		margin-right: 10px;
		margin-left: 10px;
	}

	.global-header__logo-container
	{
		background-color: white;
		grid-column: 1 / span 2;
		grid-row: 1 / span 2;
		display: grid;
		justify-self: center;
		width: 150px;
	}

	.global-header__logo-container a
	{
		align-items: center;
		display: inherit;
	}

	/*#endregion */

	/*=========================*/
	/* ==== global footer ==== */
	/*=========================*/
	/*#region global footer*/
	#global-footer
	{
		display: grid;
		grid-template-columns: repeat(10, 1fr);
	}

	.global-footer__contact-us
	{
		grid-column: 2 / span 9;
	}


	.global-footer__policy
	{
		grid-column: 1 / span 7;
	}

	.global-footer__policy-community
	{
		grid-column: 2 / span 8;
		grid-row: 2;
		display: grid;
		grid-template-columns: repeat(10, 1fr);
	}
	/*#endregion */

	/* ================================================ */
	/* ===========       sell car         ============= */
	/* ================================================ */
	/*#region sellcar*/
	/*======== header  ========*/
	/*#region sellCar*/

	.main-sell__title
	{
		font-size: 30pt;
	}


	/*#endregion*/

	/*======== how works ========*/
	/*#region how works*/

	.how-sell__features
	{
		grid-area: features;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

	}

	.how-sell__features-item
	{
		display: grid;
		grid-template-areas:
				"image"
				"title"
				"body";
		justify-items: center;
		text-align: center;
		width: 200px;
		margin: 25px 25px;
	}

	/*#endregion*/

	/*======== testimony ========*/
	/*#region testimony*/
	.sell-experiences
	{
		margin-top: 0;
	}

	.sell-experiences-wrapper
	{
		margin-top: 20%;
		grid-template-columns: 1fr;
	}


	/*#endregion*/
	/*#endregion*/

	/* ================================================ */
	/* ===========     	sell Schedule      ============ */
	/* ================================================ */
	/*#region sellSchedule*/

	.sell-schedule__schedule-options
	{
		grid-area: options;
		display: flex;
		flex-direction: column;
		margin: 60px;
	}

	.sell-schedule__schedule-options__options
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: normal;
		align-self: flex-start;
	}

	.sell-schedule__schedule-options__options-item
	{
		margin-top: 25px;
	}

	/*#endregion*/

	/* ================================================ */
	/* ===========     sell Your Offer     ============ */
	/* ================================================ */
	/*#region sellYourOffer*/
	.your-offer-description__item
	{
		width: 100px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========         buy car         ============ */
	/* ================================================ */
	/*#region buyCar*/
	.search-container
	{
		display: flex;
		background-image: url(../img/imagen_fondo.png);
		height: 545px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		text-transform: uppercase;
		font-size: 10pt;
		font-family: Montserrat-Medium, sans-serif;
	}

	.features-guarantees
	{
		flex-wrap: wrap;
	}

	.features-guarantees__item
	{
		margin-top: 55px;
	}

	.features-all-benefits
	{
		margin: 80px;
	}

	.features-all-features__images
	{
		flex-wrap: wrap;
	}

	.features-all-features__images-item
	{
		margin-top: 20px;
	}

	.help-you
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.help-you__text-title
	{
		margin: 0;
	}

	.help-you-wrapper
	{
		display: flex;
		justify-content: center;
	}

	.help-you__text
	{
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		margin-left: 10%;
		margin-right: 10%;
	}

	.help-you__text-description
	{
		margin-top: 12px;
	}

	.help-you__image
	{
		display: none;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========      buy car filter     ============ */
	/* ================================================ */
	/*#region buyCar*/
	.search-filters-select
	{
		font-size: 8pt;
	}

	.search-filters-button
	{
		grid-column: 3 / span 2;
	}

	.side-menu
	{
		grid-column: 1 / span 3;
	}

	.search-result
	{
		display: block;
		grid-column: 4 / span 8;
	}

	/*#endregion*/

	/* ================================================ */
	/* ===========      buy car detail     ============ */
	/* ================================================ */
	/*#region buy car detail*/
	.buy-car-detail-funding__your-funding-button button
	{
		font-size: 10pt;
	}

	.buy-car-detail-header-sections
	{
		display: none;
	}

	.buy-car-detail-header-buttons
	{
		grid-column: 3;
	}

	.buy-car-detail-documentation-items
	{
		display: flex;
		flex-wrap: wrap;
	}

	.buy-car-detail-funding__your-data
	{
		margin-right: 50px;
	}

	.buy-car-detail-documentation-items-item
	{
		margin: 20px;
	}

	.buy-car-detail-funding__your-funding
	{
		margin: 60px 65px;
	}

	.related-slider
	{
		width: 900px;
		padding: 0 50px;
	}

	.result-card-vertical
	{
		transform: scale(0.9);
		width: 360px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ========     buy schedule datetime      ======== */
	/* ================================================ */
	/*#region buy schedule datetime*/
	.buy-car-detail-header-schedule
	{
		grid-template-columns: .7fr 1fr;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========          how to         ============ */
	/* ================================================ */
	/*#region howto*/
	.how-to__features--resize
	{
		flex-direction: row;
	}
	/*#endregion*/



}

@media (max-width: 1024px)
{
	/* ======================================= */
	/* ===========      buy car   ============ */
	/* ======================================= */
	.search-container__form 
	{	
		flex: 0 100%;
	}

	/* ================================================ */
	/* ===========      buy car detail     ============ */
	/* ================================================ */
	/*#region buy Car*/
	.buy-car-detail-funding__your-data
	{
		margin-right: 0px;
	}

	.buy-car-detail-funding__your-funding
	{
		margin: 60px 60px;
	}

	.buy-car-detail-funding__your-funding-button button
	{
		font-size: 8pt;
	}

	.buy-car-detail-funding__your-data-item
	{
		width: 300px;
	}

	.related-slider
	{
		width: 700px;
		padding: 0 50px;
	}

	.buy-car-detail-related-carousel
	{
		grid-area: carousel;
		display: flex;
		margin: -20px 10% 10px;
		justify-content: center;
	}

	.result-card-vertical
	{
		transform: scale(1);
		width: 500px;
		padding: 15px 40px;
	}



	/*#endregion*/

	/* ================================================ */
	/* ===========         how to          ============ */
	/* ================================================ */
	/*#region how to*/


	.how-to__features--resize
	{
		flex-direction: row;
		flex-wrap: wrap;
		height: fit-content;
	}

	.how-to-header__sections--nav-zone
	{
		margin: 25px;
	}



	/*#endregion*/

	/* ================================================ */
	/* ===========           home          ============ */
	/* ================================================ */
	/*#region home*/
	.hero__options 
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 20%;
		width: 500px;
	}

	.hero__options--buy
	{
		height: 5em;
		width: auto;
		font-size: 20pt;
		margin: 0;
	}

	.hero__options--sell
	{
		height: 5em;
		width: auto;
		font-size: 20pt;
		margin: 0;
		margin-top: 20px;
	}
	/*#endregion*/
	
	/* ================================================ */
	/* ===========          login          ============ */
	/* ================================================ */
	/*#region login*/
	.login-main__title
	{
		font-size: 18pt;
		text-align: center;
	}

	.login-main__facebook
	{
		justify-content: center;
		text-align: center;
		display: flex;
	}

	.login-main__facebook-button
	{
		width: 310px;
	}

	.login-main__form
	{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.login-main__form-item input
	{
		width: 300px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========       user data         ============ */
	/* ================================================ */
	.menu
	{
		margin-top: 70px;
	}

	.menu__user-data
	{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	/* ================================================ */
	/* ========     buy schedule datetime      ======== */
	/* ================================================ */
	/*#region buy schedule datetime*/
	.buy-car-detail-header-schedule
	{
		display: flex;
	}

	.buy-car-detail-header-buttons-schedule
	{
		justify-content: flex-end;
		margin-right: 20px;
	}

	/*#endregion*/

}

@media (max-width: 900px)
{
	.splitter-line
	{
		transform: scale(.8);
	}

	.splitter-line--minor
	{
		transform: scale(.8);
	}

	.splitter-line--dissapear
	{
		display: none;
	}

	/* ================================================ */
	/* ===========           home          ============ */
	/* ================================================ */
	/*#region home*/
	.hero__options 
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 20%;
	}

	.hero__options--buy
	{
		height: 5em;
		width: auto;
		font-size: 20pt;
		margin: 0;
	}

	.hero__options--sell
	{
		height: 5em;
		width: auto;
		font-size: 20pt;
		margin: 0;
		margin-top: 20px;
	}
	/*#endregion*/

	/*==================*/
	/* =====Header===== */
	/*==================*/
	/*#region global header*/

	.global-header__faqs
	{
		grid-column: 6 / span 4;
	}

	.global-header__logo-container
	{
		width: 110px;
	}

	.global-header__nav-bar-profile
	{
		grid-column: 8 / span 3;
	}
	/*#endregion*/

	/*=========================*/
	/* ==== global footer ==== */
	/*=========================*/
	/*#region footer*/
	.global-footer__policy
	{
		display: flex;
		text-align: center;
	}

	/*#endregion*/

	/* ================================================ */
	/* ===========       sell car         ============= */
	/* ================================================ */
	/*#region sell car*/
	.experiences-testimony-body
	{
		font-size: 10pt;
	}
	/*#endregion*/

	.search-container
	{
		grid-template-columns: 1fr;
	}

	/* ================================================ */
	/* ===========    sell  car Filters   ============= */
	/* ================================================ */
	/*#region sellCarFilters*/
	.sell-car-filters__accordion
	{
		padding: 0px 10%;
	}

	/*#endregion*/

	/* ================================================ */
	/* =========   sell car personal data   =========== */
	/* ================================================ */
	.main-sell-personal-data
	{
		grid-template-columns: repeat(5, 1fr);
		grid-template-areas:
				". title title form ."
				" . . . . .";
	}

	/* ================================================ */
	/* =========      sell documents        =========== */
	/* ================================================ */
	.sell-documents-body
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		margin: 100px 0 200px;
		font-family: Montserrat-Regular, sans-serif;
	}

	/* ================================================ */
	/* ===========     sell Your Offer     ============ */
	/* ================================================ */
	/*#region sellYourOffer*/
	.your-offer-description__item
	{
		width: 65px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========      buy car detail     ============ */
	/* ================================================ */
	/*#region buyCar*/

	.search-filters-select
	{
		grid-column: 9 / span 3;
		font-size: 9pt;
	}

	.buy-car-detail-equipment
	{
		display: flex;
		flex-direction: column;
	}

	.image_banner
	{
		width: 700px;
	}

	.buy-car-detail-equipment-features
	{
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.buy-car-detail-funding__your-funding
	{
		margin: 60px 30px;
	}

	.related-slider
	{
		width: 600px;
	}

	.result-card-vertical
	{
		transform: scale(0.8);
		width: 400px;
	}

	.result-card__image
	{
		width: 90%;
		height: 90%;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========          how to         ============ */
	/* ================================================ */
	.how-to-header
	{
		display: flex;
		flex-direction: column-reverse;
		
		height: auto;
		color: white;
	}

	.how-to-header__sections
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.how-to-header__description-title
	{
		display: none;
	}

	.how-to-header__description
	{
		margin-top: 5%;
		margin-bottom: 5%;
		text-align: center;
	}

	.how-to-header__sections--nav-zone
	{
		flex-direction: row;
		flex-wrap: wrap;
	}

	.btn-how-to
	{
		flex: 1 0 40%;
	}


	.how-to-banner img
	{
		width: 768px;
	}
}

@media (max-width: 768px)
{
	/*==================*/
	/* =====Header===== */
	/*==================*/
	/*#region header*/
	.checkbtn
	{
		display: block;
		z-index: 999;
		color: #0085ca;
	}

	#global-header
	{
		grid-template-rows: 1fr;
		height: 70px;
		display: flex;
		flex-flow: row-reverse;
		align-items: center;
	}

	.global-header__faqs
	{
		display: none;
	}

	.global-header__nav-bar
	{
		background-color: white;
	}

	.global-header__nav-bar-links
	{
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #2c3e50;
		text-align: center;
		display: block;
		transition: all .5s;
		left: -100%;
		top: 0;
	}

	.global-header__nav-bar-links li a
	{
		font-size: 10pt;
		line-height: 50px;
	}

	.global-header__nav-bar nav
	{
		grid-column: 10;
		display: flex;
	}

	#slide-menu:checked  ~ ul
	{
		left: 0;
		padding-top: 30%;
	}


	#slide-menu:checked  ~ ul .hidden-elements
	{
		left: 0;
		display: block;
	}

	.global-header__nav-bar-profile
	{
		display: none;
	}

	.global-header__logo-container a img
	{
		height: 60px;
	}

	/*#endregion*/

	.flex-body
	{
		margin-top: 60px;
	}

	/* ================================================ */
	/* ===========    sell  car Filters   ============= */
	/* ================================================ */
	/*#region sellCarFilters*/
	.sell-car-filters__accordion-item-body-features
	{
		display: flex;
		flex-direction: column;
	}


	.sell-car-filters__accordion-item-body-features-textarea
	{
		margin-top: 20px;
	}

	/*#endregion*/

	/* ================================================ */
	/* =========   sell car personal data   =========== */
	/* ================================================ */
	/*#region  sell car personal data */
	.main-sell-personal-data
	{
		display: flex;
		flex-direction: column;
	}

	.main-sell-personal-data__title
	{
		margin: 30px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========     	sell Schedule      ============ */
	/* ================================================ */
	/*#region sellSchedule*/
	.sell-schedule
	{
		display: grid;
		grid-template-columns: auto;
		grid-template-areas:
				"side-nav side-nav"
				"options options";
	}

	.sell-schedule__side-navigition
	{
		grid-area: side-nav;
		height: auto;
		background-image: url(../img/sell/schedule/side-wallpaper.jpg);
		background-position: center;
		display: grid;
		grid-template-areas:
				"title"
				"sections";
	}

	/*#endregion*/

	/* ================================================ */
	/* ===========     sell Your Offer     ============ */
	/* ================================================ */
	/*#region sellYourOffer*/
	.your-offer-description__item
	{
		width: 65px;
	}

	.your-offer-description
	{
		height: auto;
		flex-wrap: wrap;
	}

	.your-offer-offer
	{
		grid-template-rows: auto auto;
	}

	.your-offer-description__item
	{
		padding-top: 30px;
	}

	.your-offer-select__title
	{
		margin: 0 20px;
	}

	.your-offer-select__options
	{
		display: flex;
		flex-direction: column;
	}

	.your-offer-select__options-exchange
	{
		text-align: center;
		margin: 10px 10%;
	}

	.your-offer-select__options-consignment
	{
		text-align: center;
		margin: 10px 10%;
	}

	.your-offer-select__options-buy
	{
		text-align: center;
		margin: 10px 10%;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========         buy car         ============ */
	/* ================================================ */
	/*#region buyCar*/
	.features-title
	{
		display: flex;
		justify-content: center;
	}

	.how-to
	{
		display: block;
	}

	.how-to__main-text
	{
		display: flex;
		flex-flow: column;
	}

	.how-to__main-text-body-buttons
	{
		margin: 0 0 15px;
		text-align: center;
	}

	.experiences
	{
		width: 400px; 
	}

	.experiences-wrapper
	{
		display: flex;
	}

	.experiences__image-two
	{
		display: none;
	}

	.experiences__image-three
	{
		display: none;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========      buy car detail     ============ */
	/* ================================================ */
	/*#region buyCar*/
	.search-filters-button
	{
		grid-column: 3 / span 3;
	}

	.search-filters-select
	{
		grid-column: 8 / span 4;
		font-size: 8pt;
		height: 30px;
	}

	.side-menu
	{
		grid-column: 1 / span 11;
	}

	.search-result
	{
		grid-column: 1 / span 11;
	}
	/*#endregion*/

	.modal-help
	{
		margin: 10% auto;
		width: 581px;
	}

	.modal-insurance__form
	{
		margin: 0px 135px 30px;
		width: 500px;
	}

	.modal-insurance__form
	{
		margin: 0px 60px 30px;
	}

	/* ================================================ */
	/* ===========          how to         ============ */
	/* ================================================ */
	.how-to-banner img
	{
		width: 700px;
	}

	.how-to-change__car
	{
		transform: scale(.9);
	}

}

@media (max-width: 750px)
{

	.splitter-line
	{
		transform: scale(.6);
	}

	.splitter-line--minor
	{
		transform: scale(.6);
	}

	/* ================================================ */
	/* ===========      buy car detail     ============ */
	/* ================================================ */
	/*#region buyCar*/
	.buy-car-detail-header
	{
		display: flex;
		flex-direction: column;
	}

	.buy-car-detail-header-buttons
	{
		justify-content: center;
		height: 50px;
	}

	.buy-car-detail-features-items
	{
		grid-gap: 5px;
	}

	.buy-car-detail-equipment-features-item
	{
		margin: 0 15px;
	}

	.buy-car-detail-inspection
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.buy-car-detail-inspection-description p
	{
		text-align: center;
	}

	.buy-car-detail-buy
	{
		display: flex;
		flex-direction: column;
	}

	.buy-car-detail-buy-our-plans
	{
		display: flex;
		flex-direction: column;
	}

	.buy-car-detail-equipment-media-image
	{
		width: 500px;
	}

	.buy-car-detail-related-carousel--rezise
	{
		width: 345px;
	}

	.related-slider
	{
		width: 500px;
	}

	/*.buy-car-detail-interest-images
	{
		display: flex;
		flex-direction: column;
		width: auto;
	}
	*/
	.buy-car-detail-features-items-item
	{
		margin: 20px;
		width: 100px;
	}

	.buy-car-detail-features-items
	{
		display: flex;
		flex-wrap: wrap;
	}

	.buy-car-detail-buy-our-plans-item
	{
		margin: 10px;
	}

	.buy-car-detail-funding
	{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.buy-car-detail-funding__your-data-item
	{
		width: 400px;
	}

	.buy-car-detail-funding__your-funding-button button
	{
		width: 100%;
	}

	.buy-car-detail-inspection-media-header
	{
		margin-left: -90px;
	}

	.result-card__image img
	{
		width: 180px;
		height: 96px;
	}

	.image_banner
	{
		width: 550px;
	}


	.buy-car-detail-header
	{
		overflow-x: auto;
		white-space: nowrap;
	}

	.related-slider
	{
		width: 400px;
	}

	.buy-car-detail-related-carousel--rezise
	{
		width: 200px;
	}

	.result-card-vertical
	{
		transform: scale(0.7);
		width: 360px;
		margin: 0 -57px;
	}


	/*#endregion*/

	/* ================================================ */
	/* ===========          modals         ============ */
	/* ================================================ */
	/*#region modals*/
	.modal-insurance__form
	{
		display: flex;
		flex-direction: column;
		margin: 0 30px;
	}

	.modal-insurance__title
	{
		text-align: center;
		font-size: 15pt;
	}

	.modal-insurance__sub-title
	{
		grid-area: subtitle;
		text-align: center;
		margin: 0;
	}

	.range-wrap.modal-range
	{
		margin: 20px 0;
	}

	.modal-insurance__form-item-radio
	{
		margin-left: 0;
	}

	.modal-insurance__form-item-radio--center
	{
		margin-bottom: 20px;
	}

	.modal-insurance__form-item-data
	{
		grid-area: input;
		display: flex;
		flex-direction: column;
		height: 85px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========          how to         ============ */
	/* ================================================ */
	/*#region how to*/
	.how-to-change__car
	{
		transform: scale(.7);
	}

	.how-to-banner img
	{
		width: 600px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ========     buy schedule datetime      ======== */
	/* ================================================ */
	/*#region buy schedule datetime*/
	.buy-car-schedule
	{
		margin-top: 135px;
	}

	.buy-car-detail-header-schedule
	{
		height: 135px;
	}
	/*#endregion*/

}

@media (max-width: 600px)
{

	.splitter-line
	{
		transform: scale(1);
	}

	.splitter-line img
	{
		width: 480px;
	}


	.splitter-line--minor
	{
		transform: scale(1);
	}

	.splitter-line--minor img
	{
		width: 480px;
	}


	/*=========================*/
	/* ==== global footer ==== */
	/*=========================*/
	/*#region footer*/
	#global-footer
	{
		display: flex;
		flex-direction: column;
	}

	.global-footer__contact-us
	{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.global-footer__contact-us-logo-container
	{
		margin: 30px;
	}

	.global-footer__policy-community
	{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.global-footer__community
	{
		margin: auto;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========    sell  car Filters   ============= */
	/* ================================================ */
	/*#region sellCarFilters*/
	.range-wrap
	{
		width: auto;
	}

	.sell-car-filters__accordion-item-body-model-select
	{
		margin: 30px auto;
	}


	/*#endregion*/

	/* ================================================ */
	/* =========      sell documents        =========== */
	/* ================================================ */
	/*#region sell documents*/

	.sell-summary-header
	{
		padding: 100px 20px 50px 20px;
	}

	/*#endregion*/

	/* ================================================ */
	/* =========   sell car personal data   =========== */
	/* ================================================ */
	/*#region*/
	.main-sell-personal-data__form-wrapper
	{
		grid-area: form;
		font-family: Montserrat-Regular, sans-serif;
		font-size: 10pt;
		border: 1px none #ebebeb;
		border-left-style: none;
		padding-left: 0;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========         buy car         ============ */
	/* ================================================ */
	/*#region buyCar*/
	.search-container
	{
		height: auto;
	}

	.search-container__button
	{
		margin-bottom: 25px;
	}

	.search-container__form-search-details-select--brand
	{
		font-size: 8pt;
	}

	.search-container__form-search-details-select--model
	{
		font-size: 8pt;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========      buy car detail     ============ */
	/* ================================================ */
	/*#region buyCar*/
	.buy-car-detail-gallery
	{
		display: flex;
		flex-direction: column;
	}

	.buy-car-detail-header
	{
		display: flex;
		flex-direction: column;
	}

	.buy-car-detail-header-buttons
	{
		justify-content: center;
		height: 50px;
	}

	.buy-car-detail-features-items
	{
		grid-gap: 5px;
	}

	.buy-car-detail-equipment-features-item
	{
		margin: 0 15px;
	}

	.buy-car-detail-inspection
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.buy-car-detail-inspection-description p
	{
		text-align: center;
	}

	.buy-car-detail-buy
	{
		display: flex;
		flex-direction: column;
	}

	.buy-car-detail-buy-our-plans
	{
		display: flex;
		flex-direction: column;
	}

	.buy-car-detail-equipment-media-image
	{
		width: 400px;
	}

	.buy-car-detail-related-carousel--rezise
	{
		width: 345px;
	}

	.related-slider
	{
		width: 500px;
	}

	/*.buy-car-detail-interest-images
	{
		display: flex;
		flex-direction: column;
		width: auto;
	}
	*/
	.buy-car-detail-features-items-item
	{
		margin: 20px;
		width: 100px;
	}

	.buy-car-detail-features-items {
	    display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	}
	.buy-car-detail-buy-our-plans-item
	{
		margin: 10px;
	}

	.buy-car-detail-funding
	{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.buy-car-detail-funding__your-data-item
	{
		width: 400px;
	}

	.buy-car-detail-funding__your-funding-button button
	{
		width: 100%;
	}

	.buy-car-detail-inspection-media-header
	{
		margin-left: -90px;
	}

	.result-card__image img
	{
		width: 180px;
		height: 96px;
	}

	.image_banner
	{
		width: 450px;
	}

	.buy-car-detail-equipment-media-header
	{
		width: fit-content;
	}


	.buy-car-detail-header
	{
		overflow-x: auto;
		white-space: nowrap;
	}

	.related-slider
	{
		width: 400px;
	}

	.buy-car-detail-related-carousel--rezise
	{
		width: 200px;
	}

	.result-card-vertical
	{
		transform: scale(0.6);
		width: 335px;
		margin: 0px -75px;
	}

	.buy-car-detail-gallery-slider
	{
		transform: scale(0.7);
	}

	.buy-car-detail-gallery-slider-details
	{
		transform: scale(.7);
	}

	/*#endregion*/


	.modal-help
	{
		width: auto;
	}

	.modal-help
	{
		transform: scale(0.8);
	}

	.modal-insurance__form
	{
		width: auto;
	}

	/* ================================================ */
	/* ===========          how to         ============ */
	/* ================================================ */
	.how-to-change__car
	{
		transform: scale(.6);
	}

	.how-to-banner
	{
		display: none;
	}
}

@media (max-width: 480px)
{
	.splitter-line img
	{
		width: 375px;
	}


	.splitter-line--minor img
	{
		width: 375px;
	}


	/* ================================================ */
	/* ===========       sell car         ============= */
	/* ================================================ */
	/*#region sellCar*/
	.how-sell__title--strong
	{
		text-align: center;
	}

	.experiences-testimony-body
	{
		margin: 25px 25px 40px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========    sell  car Filters   ============= */
	/* ================================================ */
	/*#region sellCarFilters*/
	.sell-car-filters__title-title
	{
		font-size: 25pt;
	}
	.sell-car-filters__title-subtitle
	{
		font-size: 8pt;
		text-align: center;
	}

	.sell-car-filters__accordion
	{
		padding: 0px 1%;
	}

	.sell-car-filters__accordion-item-body
		{
		padding: 0px 20%;
	}

	.sell-car-filters__accordion__range-zone img
	{
		transform: scale(.5);
	}
	.splitter-line
	{
		display: none;
	}


	.sell-car-filters__accordion__range-zone-item
	{
		grid-template-columns: auto auto auto auto auto;
	}

	.sell-car-filters__accordion-item-body-model-select--style
	{
		width: 200px;
	}

	.sell-car-filters__accordion-item-body-features-radio-zone
	{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.car-feature
	{
		position: relative;
		padding-left: 30px;
		font-size: 10pt;
		margin: 10px;
	}

	.sell-car-filters__accordion__range-zone-item-option-1
	{
		font-size: 5pt;
	}

	.sell-car-filters__accordion__range-zone-item-option-2
	{
		font-size: 5pt;
	}

	.sell-car-filters__accordion__range-zone-item-option-3
	{
		font-size: 5pt;
	}
	/*#endregion*/

	/* ================================================ */
	/* =========      sell documents        =========== */
	/* ================================================ */
	/*#region sell documents*/
	.sell-nav-bar
	{
		display: block;
		margin: 10px 0;
	}
	.sell-nav-bar-items
	{
		font-size: 6pt;
		margin: 10px 0;
	}
	/*#endregion*/

	/* ================================================ */
	/* ========   sell Inspection Summary    ========== */
	/* ================================================ */
	/*#region sell Inspection Summary */
	.sell-summary-body
	{
		display: flex;
		flex-direction: column;
		margin: 100px auto;
	}

	.sell-summary-body__item
	{
		margin: 20px 0;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========     	sell Schedule      ============ */
	/* ================================================ */
	/*#region sellSchedule*/
	.sell-schedule__side-navigition
	{
		width: auto;
	}

	.sell-schedule__schedule-options__options-item
	{
		width: 100%;
	}


	.sell-schedule__side-navigition-sections-items
	{
		margin: 0;
	}
	/*#endregion*/

	/* ================================================ */
	/* =======     	sell Schedule Documents     ======= */
	/* ================================================ */
	/*#region 	sell Schedule Documents */
	.sell-schedule__schedule-options__options-item--position-one p
	{
		text-align: start;
	}


	.sell-schedule__schedule-options__options-item--position-two p
	{
		text-align: start;
		margin-left: 30px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========         buy car         ============ */
	/* ================================================ */
	/*#region buyCar*/
	.features-title
	{
		height: auto;
	}

	.features-Argumentative
	{
		height: auto;
	}

	.how-to__main
	{
		display: grid;
		grid-template-columns: auto;
	}

	.how-to__main-text p
	{
		padding: 0px 50px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========      buy car filter     ============ */
	/* ================================================ */
	/*#region buyCar*/
	.search-filters p
	{
		font-size: 9pt;
	}

	.search-filters-button::after
	{
		display: none;
	}

	.search-result
	{
		grid-column: 1 / span 12;
		margin: 50px 5px;
	}

	.search-filters-select
	{
		grid-column: 7 / span 6;
	}

	.result-card
	{
		transform: scale(.8);
		min-width: 320px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========      buy car detail     ============ */
	/* ================================================ */
	/*#region buycarDetail*/
	.buy-car-detail-gallery-slider img
	{
		grid-column: 2;
		width: 180%;
	}

	.related-slider
	{
		width: 350px;
		display: block;
		padding: 0;
	}

	.buy-car-detail-related-carousel
	{
		width: 100%;
		display: block;
		margin: 5px 30px;
	}


	.result-card-vertical
	{
		transform: scale(0.5);
		width: 335px;
		margin: 0px -90px;
	}

	.buy-car-detail-funding__your-data-item
	{
		width: 400px;
		padding-left: 15%;
	}

	.buy-car-detail-inspection-media-header
	{
		margin-left: -15px;
	}

	.buy-car-detail-buy-image img
	{
		transform: scale(0.9);
	}

	.buy-car-detail-equipment-media-image
	{
		width: 315px;
	}
	.image_banner
	{
		height: 300px;
	}

	.buy-car-detail-funding__your-data-item-input
	{
		margin-right: 20%;
	}

	.buy-car-detail-funding__your-data-item-title
	{
		font-size: 11pt;
	}

	.buy-car-detail-interest-images
	{
		width: 375px;
	}
	/*#endregion*/

	.modal-help
	{
		transform: scale(0.9);
	}

	/* ================================================ */
	/* ===========          how to         ============ */
	/* ================================================ */
	.how-to-header__sections--title
	{
		margin: 10px 20px;
	}

	.how-to-header__sections--nav-zone-item
	{
		width: 20em;
	}

	.how-to-change__car
	{
		transform: scale(0.5);
	}

	/* ================================================ */
	/* ===========       user data         ============ */
	/* ================================================ */
	.menu
	{
		margin-top: 70px;
	}

	.menu__user-data
	{
		display: flex;
		flex-direction: column;
	}

	.menu
	{
		margin-top: 255px;
	}
}

@media (max-width: 375px)
{

	.splitter-line img
	{
		width: 300px;
	}


	.splitter-line--minor img
	{
		width: 300px;
	}

	/* ================================================ */
	/* ===========      buy car detail     ============ */
	/* ================================================ */
	/*#region buycarDetail*/

	.buy-car-detail-funding__your-data-item
	{
		width: 400px;
		padding-left: 27%;
	}

	.buy-car-detail-equipment-media-image
	{
		width: 300px;
	}


	.image_banner
	{
		display: none;
	}

	.buy-car-detail-funding__your-data
	{
		margin-right: 50px;
	}

	.buy-car-detail-interest-images
	{
		width: 300px;
	}

	.result-card-vertical
	{
		transform: scale(0.4);
		width: 335px;
		margin: 0px -90px;
	}

	.related-slider
	{
		width: 300px;
		display: block;
		padding: 0;
	}

	.buy-car-detail-related-carousel
	{
		width: 100%;
		display: block;
	}

	.result-card-vertical
	{
		transform: scale(0.3);
		width: 335px;
		margin: 0px 4px;
	}
	/*#endregion*/

	.modal-help
	{
		transform: scale(0.8);
	}

	.modal-help__close-button
	{
		margin: 15px 40px 5px;
	}

	.modal-help__title
	{
		font-size: 15pt;
	}

	.modal-help__sub-title
	{
		font-size: 8pt;
		margin: 0;
	}

	.modal-help__form
	{
		margin-right: 0px;
		margin-left: 10px;
	}

	.modal-help__form-item input
	{
		width: 200px;
	}

	.modal-help__title
	{
		font-size: 15pt;
		margin: 0;
	}

	/* ================================================ */
	/* ===========          how to         ============ */
	/* ================================================ */
	/*#region howto*/
	.how-to-header__sections--nav-zone-item
	{
		width: 15em;
	}

	.how-to-benefits__title-two
	{
		font-size: 23pt;
	}

	.how-to-change__car
	{
		transform: scale(0.4);
	}

	.how-to-change__content-title
	{
		font-size: 19pt;
		font-family: Raleway-Thin, sans-serif;
		margin: 0 10px;
	}
	/*#endregion*/

}

@media (max-width: 320px)
{
	/*==================*/
	/* =====Header===== */
	/*==================*/
	/*#region global header*/
	.global-header__logo-container
	{
		margin-left: 10px;
	}
	/*#endregion */

	/*=========================*/
	/* ==== global footer ==== */
	/*=========================*/
	/*#region footer*/
	.global-footer__policy-community
	{
		margin: 0 30px;
	}
	/*#endregion*/

	/* ================================================ */
	/* ===========    sell  car Filters   ============= */
	/* ================================================ */
	/*#region sellCarFilters*/
	.sell-car-filters__accordion-item-body-model-select--style
	{
		width: 150px;
		font-size: 9pt;
	}


	.sell-car-filters__accordion-item-body-model-select i
	{
		display: none;
	}
	/*#endregion*/

	/* ================================================ */
	/* =========   sell car personal data   =========== */
	/* ================================================ */
	/*#region  sell car personal data */
	.main-sell-personal-data__title p
	{
		font-size: 15pt;
	}

	.main-sell-personal-data__form-input
	{
		border: none;
		height: 30px;
		width: 180px;
		margin: 10px 0 20px 0;
	}
	/*#endregion*/

	/* ================================================ */
	/* =========     sell car your offer    =========== */
	/* ================================================ */
	.sell-summary-header__title
	{
		font-size: 20pt;
	}

	/* ================================================ */
	/* ===========     	sell Schedule      ============ */
	/* ================================================ */
	/*#region sellSchedule*/

	.sell-schedule__side-navigition-sections-items
	{
		margin: 0;
	}

	.sell-schedule__schedule-options__options-item-image--branch
	{
		width: 115px;
	}
	/*#endregion*/


	/* ================================================ */
	/* ===========      buy car detail     ============ */
	/* ================================================ */
	/*#region buycarDetail*/
	.buy-car-detail-buy-image img
	{
		transform: scale(0.6);
	}

	.buy-car-detail-funding__your-data
	{
		margin-right: 0;
	}

	.buy-car-detail-gallery-slider-details
	{
		transform: scale(.5);
	}

	buy-car-detail-inspection-media-image img
	{
		transform: scale(.7);
	}

	.buy-car-detail-funding__your-data-item
	{
		width: 300px;
	}

	.buy-car-detail-documentation-score
	{
		margin: 20px 17%;
		font-size: 12pt;
	}

	.related-slider {
		width: 260px;
	}

	.result-card {
		transform: scale(.8);
		min-width: 280px;
	}
	/*endregion*/

	/* ================================================ */
	/* ===============       login     ================ */
	/* ================================================ */
	.login-main__facebook-button
	{
		width: 280px;
	}

	.login-main__form-item input
	{
		width: 200px;
	}

	.login-main__register
	{
		text-align: center;
		font-size: 10pt;
	}

}

.hidden-elements
{
	display: none;
}


/* ================================================ */
/* ===========    privacy policy       ============ */
/* ================================================ */

.aviso-de-privacidad-container
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	text-align: center;
}

.aviso-de-privacidad-container h1
{
	margin-top: 5%;

	font-family: Oswald-Regular, sans-serif;
	font-weight: bold;
}

.aviso-de-privacidad
{
	display: flex;
	flex-direction: column;
	justify-content: center;

	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: 15%;
	margin-right: 15%;
}

.aviso-de-privacidad p
{
	font-family: Montserrat-Medium, sans-serif;
	font-size: 10pt;
	text-align: justify;
	word-spacing: 3px;
}

.aviso-de-privacidad p label
{
	color: blue;
	text-decoration: underline;
}


.aviso-de-privacidad p strong
{
	text-align: justify;
}

.aviso-de-privacidad ol
{
	list-style-type: lower-roman;
}

.aviso-de-privacidad ol li
{
	padding-left: 5%;
}

.white_bg{
	background: #ffffff;
}
.nosotros-header {
    height: 608px;
}
.nosotros-header .how-to-header__description-body, .nosotros-header  .how-to-header__sections--nav-zone {
    display: flex;
    align-items: center;
    justify-content: center;
}
.nosotros-header.white_bg .how-to-header__sections--nav-zone p{
	color: #000;
	font-size: 15px;
}
.nosotros-header.white_bg .how-to-header__sections--nav-zone {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 3;
    grid-row: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px 30px;
}
.nosotros-header.white_bg .how-to-header__sections--nav-zone h3{
    color: #0085ca;
    text-align: left;
    font-size: 18px;
    width: 100%;
    margin-bottom: 15px;
}
.how-to-header__sections.nosotros-header.white_bg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fullscreen-bg:before {
    content: "";
    background: rgba(0,0,0,.1);
    position: absolute;
    width: 100vw;
    height: 100vh;
    z-index: 1;
}

.sell-car-filters__accordion-item-body {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}


.sell-car-filters-carousel-item label{
    border-radius: 10px;
    width: 120px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-size: 90%;
}

.sell-car-filters-carousel-item label.selected {
    box-shadow: 0px 0px 8px #000;
}

.sell-car-filters-carousel-item.hidden{
	display: none;
}

p.disclaimer 
{
	grid-column: 2/11;
    padding: 0px 30px;
    display: grid;
    text-align: center;
    font-size: 10px;
    font-style: italic;
    margin-top: 20px;
}

.result-card__image img{
    width: 100%;
}

a.hero__options--buy, a.hero__options--sell {
    display: flex;
    flex-flow: row;
    flex-direction: row-reverse;
    padding: 0px 20px;
}

a.hero__options--buy img, a.hero__options--sell img {
    width: 18px;
    margin-left: 10px;
}

a.hero__options--buy:hover p, a.hero__options--sell p {
    color: #fff;
}

.buy-car-detail-gallery-slider-details {
	max-height: 180px;
}

.buy-car-detail-gallery-slider-details a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.buy-car-detail-gallery-slider-details a img{
	width: 100%;
	height: auto;
}

.buy-car-detail-inspection-media-image {
    grid-area: image;
    align-self: center;
    text-align: end;
    width: 100%;
    max-width: 800px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-position: center;
    height: 100%;
    background-repeat: no-repeat;
}

.buy-car-detail-inspection-media-image img {
    width: 100%;
    position: absolute;
    max-width: 800px;
}

.buy-car-detail-equipment-media-header {
    position: absolute;
    top: 0;
    left: 0;
}
.buy-car-detail-interest-images a{
    background-position: center;
    background-size: cover;
}

.buy-car-detail-interest-images__image-one {
    height: 100%;
    min-height: 400px;
}

.buy-car-detail-interest-images__image-two, .buy-car-detail-interest-images__image-three {
    height: 100%;
}
.result-card__image {
    background-size: contain;
    background-position: center;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}

.result-card__image img{
	display: none;
}
.buy-car-detail-buy-image {
    background-size: contain;
    background-position: center;
    height: 100%;
    min-height: 300px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    margin-top: 0px;
}
.pay-option .result-card {
    margin-top: 50px;
    flex-basis: 45%;
    background-color: white;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 15px 120px 35px 65px;
    grid-template-areas:
        " . . . . fav-icon "
        " image image image data data "
        " . . . . . "
        " rating transmission capacity model km ";
    max-height: 250px;
    padding: 15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    max-width: 400px;
}
.pay-option {
	margin-top: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0085ca;
    padding-bottom: 50px;
    flex-flow: column;
}
.result-card-container{
	margin-bottom: 30px;
	width: 90%;
	max-width: 400px;
}
a.buy_buttons {
    color: #007bff;
    background: #fff;
    padding: 2px 15px;
    border-radius: 15px;
    font-size: 18px;
    margin: 0px 10px;
}
.container-buttons-pago {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
section.pay-container {
    display: flex;
    margin-top: 75px;
}
section.pay-container .pay-option {
    margin-top: 0px;
    width: 40%;
}
.datos-pago {
    width: 60%;
    padding: 40px;
}
.paso-pago{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

.paso-pago .main, .paso-pago.active .alter{
	display: inherit;
}
.paso-pago .alter, .paso-pago.active .main{
	display: none;
}
.pasos-pago {
    border-top: 1px solid #ccc;
    width: 90%;
    margin-top: 40px;
    max-width: 420px;
    display: flex;
    padding-top: 20px;
    text-align: center;
    align-items: center;
    justify-content: space-around;
    color: #fff;
    font-size: 12px;
}
.paso-pago p {
    margin-top: 10px;
}
.result-card.relative{
	position: relative;
}

.result-card .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: rgba(255,255,255,.8);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.result-card .overlay span {
    font-size: 30px;
    font-weight: 700;
    color: #0085ca;
    letter-spacing: 2px;
}

.DynamicInspection__InspectionWrapper-sc-15q9jl1-0.hmvfzj {
    margin-top: 75px;
    padding: 50px;
    width: 90%;
    margin: 90px auto;
    box-sizing: border-box;
    border: 1px solid #ddd;
}
.DocumentHeaderstyles__InfoContainer-sc-1tmcaoi-3.fESTFE {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
p.DocumentHeaderstyles__Label-sc-1tmcaoi-7.eYZSCs {
    font-weight: 700;
}
.DocumentHeaderstyles__TextContainer-sc-1tmcaoi-6.gEYydG {
    display: flex;
}
.DocumentHeaderstyles__TextContainer-sc-1tmcaoi-6.gEYydG p{
	margin-right: 20px;
}
p.DocumentHeaderstyles__Info-sc-1tmcaoi-8.gwLzig {
    font-size: 15px;
}
h2.DocumentHeaderstyles__HeaderTitle-sc-1tmcaoi-2.emWNfz {
    margin-bottom: 40px;
    font-weight: 700;
}

.header-inspect {
    background: #d1e5ec;
    padding: 10px;
    display: flex;
    margin-top: 20px;
    justify-content: center;
    align-items: center;
}
.header-inspect p{
	margin-bottom: 0px;
}
.header-inspect p {
    width: 100px;
    text-align: center;
    font-size: 13px;
}

.header-inspect p.texto-p {
    width: calc(100% - 300px);
    text-align: left;
    font-weight: 700;
    font-size: 18px;
}

.row-inspect {
    background: #fff;
    padding: 10px;
    display: flex;
    margin-top: 0px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.row-inspect p{
	margin-bottom: 0px;
}
.row-inspect p {
    width: 100px;
    text-align: center;
    font-size: 13px;
}

.row-inspect p.texto-p {
    width: calc(100% - 200px);
    text-align: left;
}
.input-group input[type="radio"] {
    display: initial;
    margin-left: 20px;
}

.container-card {
    position: relative;
    width: 260px;
    min-width: 260px;
    height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container-card.active {
	color: #fff;
}
.ui-card__container {
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-border-radius: .84615em;
    border-radius: .84615em;
    color: #333;
    font-family: Roboto Mono;
    overflow: hidden;
    position: absolute;
	width: 260px;
	height: 155px;
    z-index: 0;
}
.ui-card__background {
    background: -webkit-gradient(linear,left top,right top,from(#c5c5c5),to(#f3f3f3));
    background: -webkit-linear-gradient(left,#c5c5c5,#f3f3f3);
    background: linear-gradient(90deg,#c5c5c5,#f3f3f3);
    z-index: -3;
}

.ui-card__background, .ui-card__background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-card__background-overlay:after, .ui-card__background-overlay:before {
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 26.25em;
    height: 26.25em;
    content: ' ';
    z-index: 1;
}
.ui-card__background-overlay:before {
    top: .875em;
    left: -9em;
    background: rgba(0,0,0,.03);
}
.ui-card__background-overlay:after {
    right: -11.188em;
    top: -15.875em;
    left: 2.188em;
    -webkit-box-shadow: -1px 1px 1px hsla(0,0%,100%,.12);
    box-shadow: -1px 1px 1px hsla(0,0%,100%,.12);
    background: rgba(58,58,58,.03);
}
section#main-checkout {
    padding: 40px;
}

section#main-checkout h1{
	text-align: center;
	margin-bottom: 40px;
}

.ui-card__background:before{
    background: -webkit-gradient(linear,left top,right top,from(#021670),to(#5168d1));
    background: -webkit-linear-gradient(left,#021670,#5168d1);
    background: linear-gradient(90deg,#021670,#5168d1);
    position: absolute;
    content: " ";
    width: 0%;
    height: 0%;
    left: 0;
    top: 0;
    border-radius: 50%;
    transition: all .5s ease;
}
.container-card.active .ui-card__background:before{
    width: 100%;
    height: 100%;
    border-radius: 0%;
}
.ui-card__logo img {
    width: 55px;
    margin: 0px;
}
.ui-card__logo {
    padding: 20px;
    display: flex;
}
.ui-card__number {
    padding: 0px 20px;
    font-size: 16px;
    letter-spacing: 4px;
    margin-top: 5px;
}
.ui-card__last_row {
    padding: 0px 20px;
    position: absolute;
    bottom: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-transform: uppercase;
    box-sizing: border-box;
}
#main-checkout .wk-cols {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.container-datos {
    width: 90%;
    max-width: 600px;
    display: flex;
    background: #fff;
    padding: 20px;
    /* border-radius: 20px; */
    border: 1px solid #ccc;
    box-shadow: 0px 0px 15px 1px #ccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 250px;
    flex-wrap: wrap;
}
#form_pago {
    padding: 0px 10px 10px 0px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 280px;
    justify-content: space-between;
    align-items: center;
}
#form_pago input {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0px 5px;
    height: 30px;
    min-height: auto;
    margin: 10px auto;
    width: 100%;
    font-size: 14px;
}

#form_pago input.input-50 {
	width: 43%;
}
.container-card.active .ui-card__number, .container-card.active .ui-card__name, .container-card.active .ui-card__date{
	color: #fff;
}
.button-pay, .button-pay:hover {
    background-color: #6067f1;
    color: #fff;
    border: 1px solid #6067f1;
    padding: 5px 20px;
    font-size: 14px;
    border-radius: 30px;
    margin: 0px 10px;
    text-align: center;
    width: 80%;
    max-width: 400px;
    display: inline-block;
}

p.button-pay-p {
    width: 100%;
    max-width: 400px;
    text-align: center;
}
.pay-container h2 span {
    color: #0085ca;
    font-weight: 700;
    font-size: 40px;
}

.form-datos input[type="text"], .form-datos input[type="email"], .form-datos input[type="tel"], .form-datos select{
	border: none;
    border-bottom: 1px solid #ccc;
    padding: 0px 5px;
    height: 30px;
    min-height: auto;
    margin: 10px auto;
    width: 100%;
    font-size: 14px;
}
.form-datos .input-50 {
    width: 43%!important;
}
.container-datos{
	margin-top: 20px;
}

.input-group input, .input-group select{
	margin: 0px,
} 
.pay-container h2 {
	margin-top: 20px;
}
.container-datos p {
    width: 100%;
    margin-top: 20px;
}

.button-checklist a{
    border-color: #f8ba32;
    background: #f8ba32;
    color: white;
    width: 60%;
    border-radius: 20px;
    height: 30px;
    text-transform: uppercase;
    font-family: Poppins-SemiBold;
    border-color: transparent;
    margin-top: 40px;
    width: 90%;
    max-width: 300px;
    display: flex;
    min-width: 300px;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 5px;
}
.buy-car-detail-equipment-media {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}
.buy-car-detail-equipment-media-header {
    position: relative;
    top: 0;
    left: 0;
}
p.buy-car-detail-funding__your-funding-details-three {
    color: #a9a9a9;
    font-size: 10pt;
    width: 80%;
    text-align: justify;
}

.nosotros-header h3 {
    font-size: 26px!important;
}
.buy-car-detail-gallery-slider img.button_360{
    width: 60px;
    position: absolute;
    left: 10px;
    top: 75px;
}
.buy-car-detail-gallery-slider.main{
    position: relative;
}    








































#form-metodo-pago .container-datos{
	display: none;
}

#form-metodo-pago .container-datos.active{
	display: flex;
}

.acept-metodo{
	color: #20B038;
    border: 1px solid #20B038;
    border-radius: 20px;
    width: 150px;
    background: #fff;
    margin-left: 20px;
    cursor: pointer;
}

.how-to-header__sections form.modal-contact__form {
    width: 500px;
    max-width: 90%;
}

.nosotros-header .how-to-contact-us__title {
    font-size: 30pt!important;
    text-transform: uppercase;
    color: #2f8bc5!important;
    font-family: Oswald-Bold, sans-serif;
    margin-bottom: 10px;
}
.nosotros-header .modal-contact__form-item{
	margin-top: 15px;
}

.nosotros-header .modal-contact__form-item input, .nosotros-header .modal-contact__form-item textarea {
    width: 100%;
    max-width: 300px;
    padding-left: 10px;
}

.nosotros-header input#login-main__form-button {
    border: #0085ca;
    background-color: #0085ca;
    color: #fff;
    text-transform: uppercase;
    font-family: Oswald-Light, sans-serif;
    font-size: 14px;
    padding: 5px 10px;
    margin-top: 10px;
}
section.how-to-header.contacto {
    height: 500px;
    background-position: center;
}


section.how-to-header.contacto .nosotros-header {
    height: 500px;
}









@media(max-width: 750px){
	img.header-logo-container__logo--size {
	    width: 80px;
	}
	section.home-main {
	    margin-top: 0px;
	    padding: 0 20px;
	    text-align: center;
	}
	p.hero__title--sup {
	    margin-top: 0px;
	}
	section.hero__options {
	    margin-top: 20px;
	}
	section.hero__options {
	    -ms-grid-row: 2;
	    -ms-grid-column: 1;
	    grid-area: none;
	    display: -ms-grid;
	    display: flex;
	    -ms-grid-columns: (1fr)[6];
	    grid-template-columns: none;
	    width: 90%;
	}
	a.hero__options--buy, a.hero__options--sell {
	    display: flex;
	    flex-flow: row;
	    flex-direction: row-reverse;
	    padding: 0px 20px;
	    height: 40px;
	    max-width: 200px;
	    margin: 10px auto;
	}
	.hero__title--main {
	    font-size: 24px;
	    margin-top: 5px;
	}
	.hero__title--sup {
		margin-top: 0px;
    	margin-bottom: 15px;
    	font-size: 24px;
    	font-weight: 700;	
    }
	section.global-header__logo-container {
	    margin-top: 0;
	}
	.global-header__nav-bar {
	    box-shadow: none;
	}
	.search-container__form-category {
	    text-align: center;
	    display: flex;
	    justify-content: space-around;
	    margin: 6% 10px 0;
	    flex-wrap: wrap;
	}
	.search-container__form-category-item-image {
	    width: 40px;
	    height: 40px;
	    background-repeat: no-repeat;
	}
	.search-container__form-category-item-image {
	    background-size: cover;
	}
	.search-container__form-category-item input:checked +.selected-effect {
	    -webkit-filter: none;
	    -moz-filter: none;
	    border: 2px solid #2986ca;
	    border-radius: 50%;
	}
	html, body{
    	overflow-x: hidden;
    	width: 100vw;
	}
	#global-header{
    	overflow-x: hidden;
    	width: 100vw;
    	box-sizing: border-box;
	}
	.how-to__main-images-item {
	    display: -ms-flex;
	    display: flex;
	    max-width: 205px;
	    max-height: 305px;
	    margin-top: 55px;
	    grid-template-areas: none;
	}
	.how-to__main-text-body-buttons-item {
	    border-radius: 50%;
	    height: 10px!important;
	    width: 10px!important;
	    display: inline!important;
	    padding: 0px!important;
	    box-sizing: border-box!important;
    	margin: 0px 10px!important;
	}
	.how-to__main-text-body-buttons{
	    display: flex;
	}
	main{
		box-sizing: border-box;
	}
	.buy-car-detail-header {
	    overflow-x: auto;
	    white-space: nowrap;
	    top: 70px;
	}
	.buy-car-detail-features-items-item {
	    margin: 20px;
	    width: 150px;
	}
	
	div.slide-menu{
		max-height: 34px;
	}
	.buy-car-detail-interest-images__image-one {
	    height: 100%;
	    min-height: 200px;
	}

	.buy-car-detail-interest-images__image-two, .buy-car-detail-interest-images__image-three {
	    height: 100%;
	    min-height: 100px;
	}
	.buy-car-detail-interest-images {
	    margin: 30px auto;
	}
 	.buy-car-detail-equipment-media {
	    display: flex;
	    flex-flow: column;
	}
	.buy-car-detail-equipment-media-header {
	    position: relative;
	}
	.buy-car-detail-gallery-slider img.button_360{
	    width: 30px;
	    position: absolute;
	    left: 10px;
	    top: 75px;
	}
























}