@charset "utf-8";
/* CSS Document By Fizz Estudio Gráfico - www.fizz.cl */

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url("fontello.css");
@import url("reseteo.css");
@import url("header.css");
@import url("footer.css");
@import url("animate.css");
@import url("slider.css");
@import url("swiper.min.css");

/*
font-family: 'Roboto', sans-serif;
*/

/********************************************************************/
/************************** INDEX ***********************************/
/********************************************************************/

body {
    /*background-color: #2d2d2d;*/
    
    /* IE10+ */ 
background-image: -ms-linear-gradient(top, #000000 0%, #525252 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #000000 0%, #525252 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #000000 0%, #525252 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(100, #525252));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #000000 0%, #525252 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #000000 0%, #525252 100%);
}

/*************************************/

.contenedor-texto {
    width: 100%;
    height: auto;
    padding: 50px 0px;
}

.texto {
    width: 100%;
    max-width: 1100px;
    padding: 0px 50px;
    margin: auto;
}

.texto h1 {
    text-align: center;
    font-weight:500 !important;
    color: #fcc000 !important;
}

.texto h3 {
    padding-top: 40px!important;;
}

.texto p {
    text-align: left;
    padding: 10px 0px;
}

.texto ol {
    padding-left: 40px;
}


/*****************************************/

.contenedor-revistas {
    width: 100%;
    height: auto;
    padding: 50px 0px;
}

.revistas {
    width: 100%;
    max-width: 1100px;
    padding: 0px 50px;
    margin: auto;
}

.revistas h1 {
    text-align: center;
    font-weight:500 !important;
    color: #fcc000 !important;
}

.revistas p {
    text-align: center;
    padding: 20px 0px;
}

.contenedor-portadas {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 0px;
}

.caja-revista {
    width: 100%;
    max-width: 210px;
    margin: 10px;
    margin-bottom: 50px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.caja-revista img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.caja-revista img:hover {
    opacity: 0.8;
    transform: scale(0.9);
}

.caja-revista h2 {
    text-align: center;
    font-weight:500 !important;
}

.caja-revista p {
    padding: 0px;
}

.caja-revista a {
    color: #fcc000;
}

.caja-revista a:hover {
    color: #666;
}

/***************************************/

.clientes-plussmagazine {
    background: white;
    height: 250px !important;
    margin: auto;
    /*! margin-bottom: 50px; */
    /*! height: 400px; */
    padding: 40px 0px;
}

.clientes-plussmagazine h1{
    text-align: center;
    color: #333!important;
    font-size: 30px;
}



/***************************************/

.contenedor-form {
    width: 100%;
    height: auto;
    background-image: url(../imagenes/fondo-formulario.jpg);
    background-position: top center;
    /*background-size: cover;*/
    background-repeat: no-repeat;
    padding: 50px 20px;
}

.contenedor-form h1 {
    text-align: center;
    color: #000!important;
    font-size: 30px;
}

.contenedor-form h2 {
    text-align: center;
    color: #000!important;
    font-weight: 500 !important;
    font-size: 20px !important;
    padding: 0px 20px !important;
    margin-bottom: 50px !important;
}

.form-contacto {
    width: 100%;
    max-height: 590px;
    padding: 20px;
    margin: auto;
}
.owl-stage img {
    width: 200px !important;
    height: auto !important;
}

.owl-item img {
    width: 200px !important;
    height: auto;
}

.btn-success{
    background-color: #CCB666!important;
    border: 1px solid #CCB666!important;
}
/***************************************/
/***************************************/

@media (max-width: 768px) { 

.contenedor-revistas {
    padding: 20px 0px;
}

.revistas {
    padding: 0px 20px;
}
    
.revistas h1 {
    font-size: 20px;
}

.revistas p {
    font-size: 14px;
}
    
.contenedor-form h2 {
    font-size: 16px;
}
    .clientes-plussmagazine {

        height: 500px;


    }

    .owl-item img {
        width: 100px !important;
        height: auto;
    }
}
/***************************************/
/***************************************/





.form-contacto {
    width: 60%;
    /*! max-height: 590px; */
    padding: 2px;
    margin: auto;
}

.form-contacto form
{
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 70%;
    margin: auto;
    color: #000;
    font-size: 18px;
    font-weight: 300;
}

.form-contacto form input
{
    padding: 10px;
    margin:10px 0px;
}
.columna
{
    display: flex;
}

.columna .col-50{
    padding: 5px;
    width: 50%;
    display: flex;
    flex-direction: column;
}
.btn-centro
{
    /*! padding: 50px; */
    /*! margin: auto; */
}
.boton-negro{
    background-color: #000;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 25px;
    border: none;
    font-weight: 400i;
    cursor: pointer;
}
.boton-negro:hover{
    background-color: gray;
    -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}

/***************************************/
/***************************************/

@media (max-width: 768px) {

    .info-eclipse
    {
        padding: 0px 20px;
    }
    .contenedor-info-lentes
    {
        flex-direction: column;
        padding: 0px 20px;
    }

    .contenedor-info-lentes img
    {
        margin-right: 0px;
    }

    .contenedor-revistas {
        padding: 20px 0px;
    }

    .revistas {
        padding: 0px 20px;
    }

    .revistas h1 {
        font-size: 20px;
    }

    .revistas p {
        font-size: 14px;
    }

    .contenedor-form h2 {
        font-size: 14px;
    }

    /**************/

    .form-contacto form {
        padding: 20px 0px;
        width: 100%;
    }

}