

li a, .dropbtn {
    display: inline-block;
    padding: 14px 16px;
    text-decoration: none;
}


header label{
    float:right;
}


li{
    display: inline-block;
    text-decoration: none;
}
.redes{
    position:static;
    right:40px;
    float:right;
    padding: 10px 40px;
}

.redes-line {
    display: inline-block;
    text-decoration: none;  
    
}
section .redes a:hover{
    color:yellow;   
    background:yellow; 
}


.formCont{
    justify-content:center;
    margin-left :auto;
    margin-right:auto;
    background: rgba(228, 224, 224, 0.288);
}

.formReclamo{
    justify-content:center;
    margin-left :auto;
    margin-right:900px;
    background: rgba(228, 224, 224, 0.288);
}

.navbar{
    float:right;
    padding:  60px;
}
.nav-item:hover{
    background-color: rgba(201, 201, 201, 0.096);
}

#btnEnviar{
    cursor:not-allowed;
}
.btnEnviar{
    border:0;
    background-color: gold;
    color:black;
    border-radius:10px;
    width: 100%;
    height: 50px;
    font-size: 18px;
    font-weight: 400;
    font-family: sans-serif;
}

.btnEnviar:hover{
    background-color:black;
    color:white;
}

/*SLIDER INFINITO MARCAS*/

@-webkit-keyframes scroll {
    0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(calc(-250px * 7));
              transform: translateX(calc(-250px * 7));
    }
}
@keyframes scroll {
    0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(calc(-250px * 7));
              transform: translateX(calc(-250px * 7));
    }
}
.sliderMarca {
    background: rgba(230, 228, 228, 0.308);
    height: 45px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.sliderMarca::before, .sliderMarca::after {
background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 45px;
    position: absolute;
    width: 185px;
    z-index: 2;
}
.sliderMarca::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
            transform: rotateZ(180deg);
}
.sliderMarca::before {
    left: 0;
    top: 0;
}
.sliderMarca .slide-track {
    -webkit-animation: scroll 40s linear infinite;
            animation: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 14);
}
.sliderMarca .slideM {
    height: 45px;
    width: 185px;
} 
/*SLIDER INFINITO MARCAS*/
/* GOTOP */
.go-top-container {
    position: fixed;
    width:60px;
	height:60px;
	bottom:120px;
	right:40px;
    z-index: -1;
}
.go-top-button {
    width: 0rem;
    height: 0rem;
    background: #333333;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.2s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.go-top-button i {
    position: absolute;
    font-size: 1.7rem;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    color: #fff;
    transition: 0.2s;
}
.show {
    z-index: 10;
}
.show .go-top-button {
    animation: popup 0.4s ease-in-out;
    width:60px;
	height:60px;
    z-index: 11;
}
.show i {
    transform: translate(-50%, -50%) scale(1);
}
@keyframes popup {
    0% {
        width: 0;
        height: 0;
    }
    50% {
        width: 80px;
        height: 80px;
    }
    100% {
        width: 60px;
        height: 60px;
    }
}

.error-container {
	text-align: center;
	font-size: 180px;
	font-family: 'Catamaran', sans-serif;
	font-weight: 800;
	margin: 20px 15px;
}
.error-container > span {
	display: inline-block;
	line-height: 0.7;
	position: relative;
	color: #FFB485;
}
.error-container > span > span {
	display: inline-block;
	position: relative;
}
.error-container > span:nth-of-type(1) {
	perspective: 1000px;
	perspective-origin: 500% 50%;
	color: #F0E395;
}
.error-container > span:nth-of-type(1) > span {
	transform-origin: 50% 100% 0px;
	transform: rotateX(0);
	animation: easyoutelastic 8s infinite;
}
.error-container > span:nth-of-type(3) {
	perspective: none;
	perspective-origin: 50% 50%;
	color: #D15C95;
}
.error-container > span:nth-of-type(3) > span {
	transform-origin: 100% 100% 0px;
	transform: rotate(0deg);
	animation: rotatedrop 8s infinite;
}



.btnCotizarLink{
    text-align: center;
	padding: 10px 30px 10px 30px;
    background: gold;
	border-radius:6px;
    font-size:17px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color:rgb(0, 0, 0);
	font-size: 16 600;
	text-decoration: none;
    margin:15px;
    
}
.btnCotizarLink:hover{
    background-color: black;
    color:white;

}

/*LINKS DE ENVIO A LA PAGINA*/

.links{
    text-decoration: none;
    color:#333333;
    font-size:15px;
}
.btnLeerMas{
    text-align: center;
	padding: 10px 30px 10px 30px;
    background: gold;
	border-radius:6px;
    font-size:15px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color:rgb(0, 0, 0);
	font-size: 16 600;
	text-decoration: none;
    margin:15px;
    
}
.btnLeerMas:hover{
    background-color: black;
    color:white;

}

.info-Cotizacion{
    color: grey;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size:15px;
    align-content: center;
}
