@font-face{

	font-family: NeoSansStd;

	src: url(../font/NeoSansStd-Regular.ttf);

}

body{

	margin: 0;

	padding: 0;

	font-family: 'NeoSansStd' !important;

}

header{

	display: none !important;

}

#banner p, #banner b, #autos p, #autos b, #cotizar p, #cotizar b {

	font-family: 'NeoSansStd' !important;

}

#banner{

	background-image: url('../img/hero-slide-01.png');

	min-height: 95vh;

	background-size: cover;

	background-position: center;

	position: relative;

}

.wrap-menu{

	max-width: 75%;

	margin:0 auto;

	width: 100%;

	height: 100%;

	padding-top: 50px;

}

#autos .wrap{

	max-width: 80%;

	margin: 0 auto;

	padding: 50px 0;

}

.logo a{

	margin-right: 35px;

}

.logo a img{

	max-width: 100%;

}

.navbar{

	background-color: transparent !important;

	position: absolute !important;

	top: 9%;

	right: 11%;

}

.rrss{

	position: absolute !important;

	top: 9%;

	right: 5%;

}

.navbar-menu {

	box-shadow: none !important;

}

.navbar-item{

	/*width: 200px;*/

	/*line-height: 15px !important;*/

	background-color: #ff301e !important;

	border-radius: 25px;

	color: #ffffff !important;

	margin: 0 5px !important;

	height: 37px;

	font-family: 'NeoSansStd' !important;

}
a.navbar-item:hover {
    background-color: #ff301e !important;
}
a.navbar-item.azul:hover {
    background-color: #00708f !important;
}



.azul{

	background-color: #00708f !important;

}

.naranjo{

	color: #ff301e;

}

.gris{

	color: #555555;

}

.row{

	margin-top: 50px;

	max-width: 50%;

	margin: 50px auto 0;

}

.bg-gris{

	background-color: #f6f6f6;

}

.transparente{

	background-color: rgba(0, 0, 0, 0.5);

	border-radius: 25px;

	padding: 15px;



}

.button{

	padding-left: 5em !important;

    padding-right: 5em !important;

    font-family: 'NeoSansStd' !important;

    border-radius: 25px !important;

    background-color:transparent !important;

}

#cotizar .button{

	padding-left: 3em !important;

    padding-right: 3em !important;

}

.wrap-contenido{

	max-width: 70%;

	margin: 0 auto;

	padding-top: 70px;

}

.navbar-burger, .navbar-burger:hover{

	border-radius: 15px !important;

    background-color: #ff301e !important;

    color: white !important;

}

.mouse {

    animation-name: floating;

    animation-duration: 3s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

}



@keyframes floating {

    from { transform: translate(0,  0px); }

    65%  { transform: translate(0, 15px); }

    to   { transform: translate(0, -0px); }

}

@media screen and (max-width: 1400px){

	.row{

		max-width: 55%;

	}

}

@media screen and (max-width: 1024px){

	.navbar-item{

	margin: 10px 15px !important;

	}

	.row{

		max-width: 71%;

	}

	.wrap-menu{

		max-width: 95%;

	}

	.navbar{

		right: 8%;

	}

	.rrss{

	position: absolute !important;

	top: 10%;

	right: 15%;

}

}

@media screen and (max-width: 800px){

	#banner{

	background-image: url('../img/hero-resp.png');

	min-height: 100vh;

	background-size: cover;

	background-position: center;

	}

	.wrap-menu{

		max-width: 95%;

		padding-top: 15px;

	}

	.wrap{

		max-width: 100%;

	}

	.row{

		max-width: 40%;

		margin: 0 auto;

	}



.logo a{

	margin-right: 25px;

}

.button{

	padding-left: 3em !important;

    padding-right: 3em !important;

	}

	.navbar{

	top: 2%;

	right: 4%;

}

.rrss{

	position: absolute !important;

	top: 3%;

	right: 15%;

}

}

@media screen and (max-width: 500px){



.logo a{

	margin-right: 10px;

}

.navbar{

	top: 2%;

}

.row{

		max-width: 85%;

		margin: 0 auto;

	}

	.rrss{

	position: absolute !important;

	top: 3%;

	right: 20%;

}

}


#cajas-kinto{
	margin-top: -80px;
	position: relative;
	z-index: 99;
}
#cajas-kinto .box{
	height: 100%;
}
#cajas-kinto .logo{
	position: relative;
}
#cajas-kinto .tag{
	align-items: center;
    background-color: #9747ff;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    padding: 10px;
    position: absolute;
    right: 2%;
    top: 5px;
	color:#FFF;
}
#cajas-kinto h2{
	color:#00708d;
	font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}
#cajas-kinto .descripcion{
	color: #002732;
    font-size: 18px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 28px;
}
#cajas-kinto .button{
	color: #002732;
    border-color: #002732;
	border: 2px solid;
    box-sizing: border-box;
    display: inline-block;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2rem;
    padding: 0.45rem 1.1rem !important;
    text-align: center;
	height: auto;
	width:auto;
}

@media (max-width:360px){
	#cajas-kinto .tag{
		right: -17px;
	}
}