* {
    border:0;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    -webkit-transition: all linear .5s;
    -o-transition: all linear .5s;
    transition: all linear .5s;
}
body {

    background: #fff;
    color: #252525;
    font-size: 1em;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.listaServicios {
    /*	margin-left: 20px;
            list-style: none;*/
    background:  #ec731e;
}
.listaServicios li {
    /*line-height: 30px;*/
    /*        text-align: left;
            line-height: 2.5;*/
    background:  #ec731e;
}

header {
    width: 100%;
    padding: 0px auto;
    border: 0px solid ;
    background: hsl(12, 96%, 52%);
    /*background:hsla(12, 86%, 52%, 0.90);*/
    position:  fixed;
    padding: 0em 0em;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height:112px;
}
.ig{
    box-shadow: 2px 2px 5px hsla(85, 60%, 100%, 0.93);        /* Sombra normal */
    box-shadow: 5px -5px 0 2px hsla(85, 60%, 100%, 0.93);      /* Sombra superior sin desenfoque */
    box-shadow: 5px 5px 15px hsla(85, 60%, 100%, 0.93) inset;  /* Sombra interior */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid transparent;
    border-radius: 16px;
    background-clip: padding-box;
    border-radius: 16px;


    transition-property: background-color, color;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1s;
    text-align: left;
    font-family: sans-serif;
    font-size: 20px;
    text-decoration: none;
    padding: 2px 4px;



}

.ig:hover {
    transition-property: background-color, color;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1s;
    background-color:white;
    color:black;
    -moz-box-shadow: 2px 2px 1px black;


    /*filter: blur(1px);*/
    -webkit-transform:scale(1.3);transform:scale(1.2);


    /*    -webkit-transform: rotateY(180deg);transform: rotateY(180deg);
        -webkit-transform: rotate(360deg);transform: rotate(180deg);
        -webkit-transform-style: preserve-3d;    
        transform-style: flat ;*/



    border-radius:20%;
    -webkit-border-radius:20%;
    box-shadow: 0px 0px 15px 15px #ec731e;
    -webkit-box-shadow: 0px 0px 15px 15px #ec731e;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);

    -webkit-animation-iteration-count: infinite; 
    webkit-animation-duration: 2s;
}
header  img    {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin: 8px auto;
    width: 180px;
    float:  left;
}
header .contacto {
    font-size: 13px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    color: #000;

    font-size: 1.5em;
    font-family: 'Oswald', sans-serif;
    margin-right:22%;
    font-size: 100%;
}
header nav {
    width: 100%;
    height: 100%;
    margin-top: -90px ;
    left: -100%;
    position:    fixed;
    background: hsla(260, 73%, 54%, 0.73);
}
header nav ul {
    overflow: hidden;
    background:hsla(85, 55%, 80%, 0.83);
    height: 100%;    
    width: 200px;
}
header nav ul li {
    width:100%;
    display: block;
    font-size: 1.5em;
    font-family: 'Oswald', sans-serif;
    float: none;
    text-shadow: 1px 1px 5px hsl(5, 100%, 100%);
    border-bottom: rgba(255,255,255,.3) 1px solid;
    margin-top: 75px;
    font-size: 100%;
}
header nav ul li img{
    width:80%;
    display: block;
    font-size: 1.5em;
    font-family: 'Oswald', sans-serif;
    float: none;
    text-shadow: 1px 1px 5px hsl(5, 100%, 100%);
    margin-top: 75px;
    font-size: 100%;
}

header nav ul li a{
    text-decoration: none;
    display: block;
    color: #000;
    transition: all ease .5s; 
}
header nav ul li a:hover{
    color: rgba(0,0,0,0.5);
    transition: all ease .3s;
}

.menu {
    cursor: pointer;
    display: block;
    float: right;
    transition: all ease 2s;
}
.menu .bt-menu {
    display: block;
    padding: 10px 50px;
    text-decoration: none;
    font-size: 20px;        
}
.menu .colapsar {
    font-family: 'Oswald', sans-serif;
    float: right;
    font-size: 1.2em;
}

a.go-top { 
    position: fixed; 
    right: 20px;
    cursor: default; 
    bottom: 20px; 
    display: none;
    overflow: hidden; 
    width: 40px; 
    height: 40px; 
    background: #000 url("img/logo.png") 50% 50% no-repeat;
    opacity: 0;
    text-indent: -50em; 
    z-index: 110; 
    transition: all 0.3s ease 0s; 
    text-indent: -9999px }
a.go-top.show { 
    opacity: 0.2; 
    cursor: pointer;
}
a.go-top.show:hover { 
    opacity: 0.4; 
}
.superior {
    width: 100%;
    background: rgba(0,0,0,.8);
    padding: .8em 8em;
    text-align: left;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    letter-spacing: .05em;
    font-family: 'News Cycle', sans-serif;
}
.superior .divisor {
    vertical-align: middle;
    display: inline-block;
    border-right: 1px dotted #666;
    height: 10px;
    width: 10px;

}
.superior span {
    margin: 0 10px;
}
.superior span a {
    color: #fff;
    text-decoration: none;
}
.superior span img {
    display: inline-block;
}
.superior span img:hover {
    opacity: .8;
}
section .iframe {
    width: 90%;
    height: 290px;
    margin-top:  90px;
    margin-left:   5%;
    margin-bottom:  1%;
    display: block;
}
bx-left{
    position: absolute;
    text-align: right;
    bottom: 80px;
    right: 20px;
    z-index: 998;
}
.botones-slider {
    position: initial;
    z-index: 2000;
    width: 100%;
    bottom: 150px;
}
.botones-slider a {
    width: 300px;
    display: inline-block;
    padding: 1em 0;
    border: 2px solid #fff;
    color: rgba(180,100,40,1);	
    background: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.botones-slider a:hover {
    background: rgba(255,255,255,.3);
    color: #fff;
}
.botones-slider a.otro {
    color: #fff;
    background: rgba(180,100,40,.75);
}
.botones-slider a.otro:hover {
    background: rgba(255,255,255,.3);
    color: #fff;
}
.carta-home {   
    font-family: 'Cinzel', serif;
     /*font-family: Vegur, 'PT Sans', Verdana, sans-serif;*/
    margin: 1px auto;
    padding: 0 8em;
    border: 1px solid hsla(134, 96%, 72%, 0.37);
    margin: 6px auto;  
    width: 98%;
}
.carta-home p{ 
    text-transform: uppercase;
    font-family: 'Cinzel', serif;
    font-size: 0.8em;
    text-align: justify;
    margin-bottom: 1px;
    color: #616161;
    padding: 1em 0;
    font-size: 1em;
    letter-spacing: 2px;
    line-height : 25px;
}
.carta-home h1 {
    font-size: 2.8em;
    text-transform: uppercase;
    font-family: 'Cinzel', serif;
}
.carta-home h3 {
    text-transform: uppercase;
    font-family: 'Vollkorn', serif;
    font-size: 0.9em;
    text-align:  left;
    margin-bottom: 1px;
    color: #999;
    padding: 1em 0;
    font-size: 1em;
}
.opcion-carta {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    margin: 30px;

    padding: 5px;
    text-decoration: none;
    color: #333;
    border-radius: 9px;
    background: #F2F2F2;
    box-shadow: 0px 2px 5px #999;
    transition: all linear .15s;
}
.opcion-carta:hover {
    transform: scale(1.07);
    transition: all linear .15s;
    opacity: .85;
    box-shadow: 0px 5px 10px #000;
}
.opcion-carta img {
    display: block;
    width: 100%;
    border-radius: 8px 8px 0 0;
}
.opcion-carta p {
    font-size: 1em;
    padding: .8em;
    color: rgba(180,100,40,1);
}
.opcion-img {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    margin: 1px;
    margin-top: 8px;
    padding: 2px;
    text-decoration: none;
    color: #333;
    border-radius: 1px;
    /*background: #F2F2F2;*/
    box-shadow: 0px 2px 5px #999;
    transition: all linear .15s;
}
.opcion-img:hover {
    transform: scale(1.07);
    transition: all linear .15s;
    opacity: .85;
    box-shadow: 0px 5px 10px #000;
}
.opcion-img img {
    /*display: block;*/
    width: 100%;
    /*border-radius: 1px 1px 0 0;*/
}
.opcion-img p {
    /*font-size: 1em;*/
    /*padding: .8em;*/
    color: rgba(180,100,40,1);
}
.opcion-descripcion {
    background-color: white;
    /*border: black 1px solid;*/
    position: relative;
    top:-150px;
    /*display: block*/
}
.uno, .dos, .tres, .cuatro {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin: 10px;
    text-align: left;
    color: #4e260f;
    font-size: .9em;
}
.uno {
    width: 30%;
}
.dos {
    width: 20%;
}
.cuatro img {
    width: 190px;
    display: block;
}
.uno ul li{
    list-style: none;
    line-height: 2em;	
}
.uno ul li a {
    color: #fff;
    text-decoration: none;
}
.dos ul li {
    list-style: none;
}
.dos ul li a {
    color: #fff;
    text-decoration: none;
    line-height: 1.8em;	
}
.dos ul li a:hover {
    color: #999;
}
.tres span {
    display: block;
}
.tres i {
    display: inline-block;
    font-size: 2.3em;
    margin:5px;
}
.tres a:hover {
    color: #fff;
}
.tres a i.fa-facebook-official {
    color: #3176c9;
}
.tres a i.fa-instagram {
    color: #d62e80;
}
.tres a i.fa-twitter-square {
    color: #1abfe0;
}
.cuatro {
    width: 17%;
    /*background: #fff;*/
    padding: .7em;
}
/*formulario*/
section.formulario {
    margin: 10px 30px;
    padding-top:5px;
}
form input, form textarea, form button {
    width: 30%;
    padding: 8px 30px;
    border: 2px solid #999;
    margin-bottom: 5px;
    border-radius: 5px;
    outline: 0;
    transition: all linear 300ms;
    margin-left: 20px;
    flex-wrap: wrap;
}
form textarea, form button {	
    width: 91%;
}
form input:focus, form textarea:focus {
    transform: scale(1.05);
}
section{
    min-width: 500px;
}
.clsImagen{
    margin-right:1%;
    margin-left:  1%;
    margin: auto ;
    margin-bottom: 13px;   
    display: flex;
    flex-wrap:wrap;	
    display: -webkit-flex;
    justify-content: space-between;
    width:100%;
    font-family: 'avant';
    letter-spacing:.11em;
}

/*Dispositivos*/
@media (max-width: 1000px) {
    .clsImagen {
        min-width: 800px;
        max-width: 100%;
        display: initial;
    }.clsImagen p{
        font-size: 2vw;
    }
    .superior span{
        /*display:  none;*/
    }
    header  img {
        float: left;
        width: 19%;
    }
    .botones-slider a.otro {
        float:  top;
        width: 50%;
    }
    .carta-home { 

        margin: 3px auto;
        padding: 0 1em;
        font-size: 2vw;
    }
    .opcion-carta {   
        width: 270px; 
    }
    .site-slider {
        height: 390px;
    }
    .ocult{
        display:  none;
    }
    .superior {
        width: 100%;
        padding: .8em 8em;
        text-align:  center;	
        display:  ruby-text;
        font-size: 16px;
        letter-spacing:  normal;
    }
    header {
    }
    .opcion-descripcion {
        top:-80px;
    }
}
@media (max-width: 600px) {
    .opcion-descripcion {
        top:25px;
    }
    .clsImagen {
        width: 600px;
        max-width: 100%;
        position:   static;
        width:100%;
    }
    .clsImagen p{
        font-size: 2vw;
        width:100%;
    }
    .ocult{
        display:  none;
    }

    header  img    {
        padding: 0em;
        width: 28%;
    }  

    .botones-slider a.otro {
        width: 40%;
        font-size: 2vw;
    }
    .carta-home {            
        margin: 6px auto;        
        border: 5px solid hsla(134, 96%, 72%, 0.37);
    }
    .carta-home h1 {
        /*        margin: 300px;
                border: 5px solid hsla(134, 96%, 72%, 0.37);       
                text-align:  center;        
                font-size:20px;*/
    }
    .carta-home h3 {
        /*border: 5px solid hsla(134, 96%, 72%, 0.37);*/
        font-size: 1em;
        text-align: center;
    }
    .opcion-carta {   
        width: 58%; 
    }
    .site-slider {
        height: 300px;
        margin-top: 50px;

    }
    .superior {
        width:  max-content;
        padding: .8em 8em;
        text-align:  center;	
        display:  ruby-text;
        font-size: 16px;
        letter-spacing:  normal;
    }
    header {
        height:100px;
    }

}
/*detalle de producto...*/
.detalles{
    /*float: left*/
    /*background: #fff;*/
    /*border-radius: 1em;*/
    /*padding: 1em;*/
}
article{
    display:  inline-block;

}
.imagen-productos {
    /*    display:  inline-block;
        margin-top: 30px;
        margin-bottom:  30px;*/

}
.descripcion-productos{
    margin-top: 30px;
    margin: 15px;
    text-align: justify;
    font: verdana,cursive ;
}
.descripcion-productos p{

    display:  inline-block;
}
.descripcion-productos p{
    /*margin-top: 30px*/
}

.info-container {
    width: 100%;
    background: #f2f2f2;
    font-family: Raleway;
}

.info-main {
    width: 98%;
    max-width: 1000px;
    margin: auto;
    text-align: center;
    padding: 30px 200px;
}

.info-main h3 {
    color: #00C6EE;
    font-size: 40px;
    text-align: center;
}

.info-main p {
    padding: 20px 0;
}


.info-main a {
    display: inline-block;
    background: #BF0026;
    color: #fff;
    text-decoration: none;
    padding: 12px 20px;
}

footer {
    margin: 40px auto 0 auto;
    padding: 0em 0em;
    border-top: 5px solid hsla(12, 91%, 58%, 0.37);
    width: 100%;
    font-family: Raleway;
}

.footer-container {
    width: 100%;
    background:hsla(12, 86%, 52%, 0.90);
    /*background: #cc6600;*/
    color: #fff;
}

.footer-main {
    width: 98%;
    max-width: 1000px;
    margin: auto;
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
}

.footer-main .footer-columna {
    width: calc(100% / 3);
    text-align: justify;
}
.footer-main .footer-columna img{
    width: 190px;    
    margin-left:40px;
    margin-top:50px;
}

.footer-main .footer-columna:nth-child(2) {
    padding: 0 20px;
}

.footer-main .footer-columna h3 {
    font-size: 32px;
    color: #22ECDE;
    margin-bottom: 20px;
}

.footer-main .footer-columna input[type="email"] {
    border: none;
    width: 100%;
    border: 1px solid #00C6EE;
    font-size: 14px;
    padding: 10px;
    font-family: Raleway;
}

.footer-main .footer-columna input[type="submit"] {
    border: none;
    background: #00C6EE;
    color: #fff;
    padding: 10px 40px;
    font-size: 18px;
    margin-top: 10px;
    cursor: pointer;
    font-family: Raleway;
}

.footer-main .footer-columna span p {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 15px;
    font-family: Raleway;
}

.footer-copy-redes {
    width: 100%;
    background: #000;
    border-top: 3px solid #fff;
}

.main-copy-redes {
    width: 98%;
    max-width: 1000px;
    padding: 15px 0;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}

.main-copy-redes .footer-copy {
    width: 70%;
    color: #fff;
}

.main-copy-redes .footer-redes {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.main-copy-redes .footer-redes a {
    display: inline-block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius:50%;
    background: #fff;
    color: #000;
    text-align: center;
}

@media screen  and (max-width: 750px) {
    .info-main {
        padding: 30px 100px;
    }

    .footer-main .footer-columna {
        padding: 0 10px;
    }

    .footer-main .footer-columna h3 {
        font-size: 28px;
    }

    .footer-main .footer-columna p {
        font-size: 14px;
    }

}

@media screen  and (max-width: 640px) {
    .info-main {
        padding: 30px 30px;
    }

    .info-main h3 {
        font-size: 30px;
    }

    .footer-main {
        padding: 10px 0;
    }

    .footer-main .footer-columna {
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }

    .footer-main .footer-columna h3 {
        margin-bottom: 5px;
    }

    .footer-main .footer-columna span {
        display: block;
    }

    .main-copy-redes .footer-copy {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .main-copy-redes .footer-redes {
        width: 80%;
        margin: auto;
    }

}