html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}
body {
    line-height: 1
}

ol, ul {
    list-style: none
}
a img {
    border: none
}
@font-face {
    font-family: 'roboto-light';
    src: url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Light.woff2') format('woff2'), /* Super Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Light.woff') format('woff'), /* Pretty Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'roboto-medium';
    src: url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Medium.woff2') format('woff2'), /* Super Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Medium.woff') format('woff'), /* Pretty Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'roboto-regular';
    src: url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Regular.woff') format('woff'), /* Pretty Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Roboto-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'chronicle-italic';
    src: url('https://especiales.ojo.pe/elementos-comunes/fonts/Chronicle-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Chronicle-Italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Chronicle-Italic.woff') format('woff'), /* Pretty Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Chronicle-Italic.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'chronicle-bold';
    src: url('https://especiales.ojo.pe/elementos-comunes/fonts/ChronicleDisplay-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/ChronicleDisplay-Bold.woff2') format('woff2'), /* Super Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/ChronicleDisplay-Bold.woff') format('woff'), /* Pretty Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/ChronicleDisplay-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'abuget';
    src: url('https://especiales.ojo.pe/elementos-comunes/fonts/Abuget.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Abuget.woff2') format('woff2'), /* Super Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Abuget.woff') format('woff'), /* Pretty Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Abuget.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'SfDistantGalaxyOutline-xoeO';
    src: url('https://especiales.ojo.pe/elementos-comunes/fonts/SfDistantGalaxyOutline-xoeO.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/SfDistantGalaxyOutline-xoeO.woff2') format('woff2'), /* Super Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/SfDistantGalaxyOutline-xoeO.woff') format('woff'), /* Pretty Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/SfDistantGalaxyOutline-xoeO.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'PreloSlab-SemiBold';
    src: url('https://especiales.ojo.pe/elementos-comunes/fonts/PreloSlab-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/PreloSlab-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/PreloSlab-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/PreloSlab-SemiBold.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Prelo-Light';
    src: url('https://especiales.ojo.pe/elementos-comunes/fonts/Prelo-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Prelo-Light.woff2') format('woff2'), /* Super Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Prelo-Light.woff') format('woff'), /* Pretty Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Prelo-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'Prelo-Medium';
    src: url('https://especiales.ojo.pe/elementos-comunes/fonts/Prelo-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Prelo-Medium.woff2') format('woff2'), /* Super Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Prelo-Medium.woff') format('woff'), /* Pretty Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/Prelo-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'PreloSlab-Bold';
    src: url('https://especiales.ojo.pe/elementos-comunes/fonts/PreloSlab-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/PreloSlab-Bold.woff2') format('woff2'), /* Super Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/PreloSlab-Bold.woff') format('woff'), /* Pretty Modern Browsers */
        url('https://especiales.ojo.pe/elementos-comunes/fonts/PreloSlab-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'icomoon';
    src:  url('https://especiales.ojo.pe/elementos-comunes/fonts/icomoon.eot?9xikvh');
    src:  url('https://especiales.ojo.pe/elementos-comunes/fonts/icomoon.eot?9xikvh#iefix') format('embedded-opentype'),
        url('https://especiales.ojo.pe/elementos-comunes/fonts/icomoon.ttf?9xikvh') format('truetype'),
        url('https://especiales.ojo.pe/elementos-comunes/fonts/icomoon.woff?9xikvh') format('woff'),
        url('https://especiales.ojo.pe/elementos-comunes/fonts/icomoon.svg?9xikvh#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-back:before {
    content: "\e907";
}
.icon-logoEc:before {
    content: "\e900";
}
.icon-facebook:before {
    content: "\ea90";
}
.icon-whatsapp:before {
    content: "\ea93";
}
.icon-twitter:before {
    content: "\ea96";
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body {
    font-size: 18px;
    line-height: 1.5;
    background: #F4F4F4;
    /*background: black url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/stars.png) repeat;*/
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
    font-size: 26px
}
.text-destacado {
    line-height: 1.5
}
.intro p, .section-04 p {
    padding-bottom: 15px
}
a {
    text-decoration: none;
    color: #063d48;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
a:hover, a:focus {
    text-decoration: none;
    color: #000;
    /*color: #fff;*/
}
input:focus, textarea:focus, select:focus {
    outline: none
}
.trans {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.separador-mama{
    width: 102px;
    height: 3px;
    background: #FFCECE;
    margin: auto;
    margin-top: 15px;
}
.zoom{
    transition: transform .5s;
}
/*.zoom:hover{
    -ms-transform: scale(1.2); 
  -webkit-transform: scale(1.2); 
  transform: scale(1.2); 
  z-index: 10;
}*/
@keyframes leaves {
    0% {
        /*transform: scale(1.0);
        -webkit-transform: scale(1.0);*/
    }
    100% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
    }
}
.zoom {
    animation: leaves 5s ease-in-out infinite alternate;
    -webkit-animation: leaves 5s ease-in-out infinite alternate;
}
.ilustra{
    font-size: 12px !important;
    font-family: 'PreloSlab-Bold';
    color: #9f9f9f;
}

/* header comercio */
header{
    position: fixed;
    height: 46px;
    width: 100%;
    background: #3EA937;
    top: 0;
    z-index: 999999999;
    display: table;
}
.header-comercio {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.ctn-header-comercio {
    margin: 0 auto;
    max-width: 990px;
    text-align: left;
    vertical-align: middle;
    position: relative;
    padding: 6px 10px;
}
.ctn-header-comercio a {
    display: inline-block;
    color: #FFF;
}
.logo {
    height: 30px;
    display: block;
}
.ctn-header-comercio .logo-comercio i {
    font-size: 18px;
}
.header-barra-2 {
    height: 20px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    width: 1px;
}
.boton-especiales {
    text-decoration: none;
    position: absolute;
    display: inline-block;
    text-indent: 0 !important;
    margin: 0 0 0 9px;
    color: #fff;
    font: 700 13px/13px Arial;
    padding-top: 8px;
}
.cruz {
    display: inline-block;
    width: 12px;
    position: relative;
    height: 12px;
    top: 1px;
}
.cruz:before, .cruz:after {
    content: "";
    position: absolute;
    z-index: 1;
    background: #ffca00;
}
.cruz:before {
    left: 50%;
    width: 2px;
    margin-left: -1px;
    height: 100%;
}
.cruz:after {
    top: 50%;
    height: 2px;
    margin-top: -1px;
    width: 100%;
}
#social {
    float: right;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
    display: table;
    height: 100%;
}
#social ul {
    vertical-align: middle;
    display: table-cell;
}
#social ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
}
#social ul li a i {
    font-size: 18px;
}
/* fin de header comercio */

.onlymobile{
    display: none !important;
}

/*Banners de publicidad*/
.container-top{
    margin-top: 46px;
    padding: 10px 0;
    height: auto;
    text-align: center;
}
.container-caja3{
    display: none;
}
.lateral-izq{
    display: inline-block;
    margin: 30px 0 0 0;
    width: 12%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 620px;
    position: -webkit-sticky;
    position: fixed;
    top: 30px;
    left: 0;
}
.lateral-der{
    display: inline-block;
    margin: 30px 0 0 0;
    width: 12%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 620px;
    position: -webkit-sticky;
    position: fixed;
    top: 30px;
    right: 0;
}
.container-zocalo{
    max-width: 728px;
    height: auto;
    z-index: 2147483646;
    position: fixed;
    margin: 20px auto 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    text-align: center;
}
/*Fin banners de publicidad*/

.clear{
    clear: both;
}
.titulo-sv{
    /*font: 500 35px/35px 'chronicle-bold';*/
    color: #FFE800;
    /*border: 1px solid #fff;*/
    color: #fff;
    font-family: 'PreloSlab-Bold';
    font-size: 15px;
    padding: 13px 20px 13px 20px;
    background: #BF211F;
    border-radius: 5px;
}
.titulo-sv2{
    font: 500 51px/46px 'SfDistantGalaxyOutline-xoeO';
    margin-top: 30px;
    color: #FFE800;
}
.container{
    max-width: 990px;
}
.c-1900 {
    max-width: 1900px
}
.c-980px{
    max-width: 980px
}
.c-580 {
    max-width: 580px;
}
.pt20 {
    padding-top: 20px
}
.pt40 {
    padding-top: 40px
}
.pt60 {
    padding-top: 60px
}
.pt80 {
    padding-top: 80px
}
.pt100 {
    padding-top: 100px
}
.pb10 {
    padding-bottom: 10px
}
.pb20 {
    padding-bottom: 20px
}
.pb30 {
    padding-bottom: 30px
}
.pb40 {
    padding-bottom: 40px
}
.pb60 {
    padding-bottom: 60px
}
.pb80 {
    padding-bottom: 80px
}
.pb100 {
    padding-bottom: 20px
}
.mb20 {
    margin-bottom: 20px
}
.w100 {
    width: 100%
}
.h100vh {
    height: 100vh
}
.df-c {
    display: flex;
    justify-content: center;
    align-items: center
}
.df-s {
    display: flex;
    justify-content: start;
    align-items: center
}
.df-e {
    display: flex;
    justify-content: flex-end;
    align-items: center
}
.df-sb {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.df-se {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}
.df-i {
    display: flex;
    align-items: inherit
}

.responsive-video {
    position: relative;
    height: 800px
}
.responsive-video .transparent-img {
    display: block;
    width: 100%
}
.responsive-video .video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}
/* 
-------------------------------------------------------------- 
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
Seccion 01
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
-------------------------------------------------------------- */

.bloque-5 {
    display: flex;
    position: relative;
    width: 20%;
    max-width: 100%;
    cursor: pointer
}
.bloque-5 img {
    position: absolute
}
.bloque-5.postal-01 {
    transform-origin: top left
}
.bloque-5.postal-02 {
    transform-origin: top left
}
.bloque-5.postal-03 {
    transform-origin: top left
}
.bloque-5.postal-04 {
    transform-origin: top left
}
.bloque-5.postal-05 {
    transform-origin: top right
}
.bloque-5.postal-06 {
    transform-origin: bottom left
}
.bloque-5.postal-07 {
    transform-origin: bottom left
}
.bloque-5.postal-08 {
    transform-origin: bottom left
}
.bloque-5.postal-09 {
    transform-origin: bottom left
}
.bloque-5.postal-10 {
    transform-origin: bottom right
}
.row-postales .bloque-5 {
    min-height: 418px
}
.bloque-5.zoom {
    z-index: 1;
    transform: scale(2)
}
.bloque-5.ocultar {
    opacity: 0
}
.bloque-5 .usar {
    opacity: 0;
    height: 0;
    width: 0
}
.bloque-5.zoom .usar {
    opacity: 1;
    position: absolute;
    bottom: 6px;
    left: 6px;
    text-align: center;
    width: 110px;
    padding: 4px 10px;
    cursor: pointer;
    font-size: 10px;
    height: auto
}
.bloque-5 {
    left: 0
}
/*------- Postal 01 -------*/
.bloque-5.zoom.postal-01 .usar {
    background-color: #fff
}
.bloque-5.zoom.postal-01 .usar:hover {
    background-color: #a10b44;
    color: #fff
}
/*------- Postal 02 -------*/
.bloque-5.zoom.postal-02 .usar {
    background-color: #fff
}
.bloque-5.zoom.postal-02 .usar:hover {
    background-color: #a10b44;
    color: #fff
}
.bloque-5.zoom.postal-02.posicionar {
    left: -279px
}
/*------- Postal 03 -------*/
.bloque-5.zoom.postal-03 .usar {
    background-color: #fff
}
.bloque-5.zoom.postal-03 .usar:hover {
    background-color: #a10b44;
    color: #fff
}
.bloque-5.zoom.postal-03.posicionar {
    left: -558px
}
/*------- Postal 04 -------*/
.bloque-5.zoom.postal-04 .usar {
    background-color: #fff
}
.bloque-5.zoom.postal-04 .usar:hover {
    background-color: #a10b44;
    color: #fff
}
.bloque-5.zoom.postal-04.posicionar {
    left: -837px
}
/*------- Postal 05 -------*/
.bloque-5.zoom.postal-05 .usar {
    background-color: #fff
}
.bloque-5.zoom.postal-05 .usar:hover {
    background-color: #a10b44;
    color: #fff
}
.bloque-5.zoom.postal-05.posicionar {
    left: -837px
}
/*------- Postal 06 -------*/
.bloque-5.zoom.postal-06 .usar {
    background-color: #fff
}
.bloque-5.zoom.postal-06 .usar:hover {
    background-color: #a10b44;
    color: #fff
}
/*------- Postal 07 -------*/
.bloque-5.zoom.postal-07 .usar {
    background-color: #fff
}
.bloque-5.zoom.postal-07 .usar:hover {
    background-color: #a10b44;
    color: #fff
}
.bloque-5.zoom.postal-07.posicionar {
    left: -279px
}
/*------- Postal 08 -------*/
.bloque-5.zoom.postal-08 .usar {
    background-color: #fff
}
.bloque-5.zoom.postal-08 .usar:hover {
    background-color: #a10b44;
    color: #fff
}
.bloque-5.zoom.postal-08.posicionar {
    left: -558px
}
/*------- Postal 09 -------*/
.bloque-5.zoom.postal-09 .usar {
    background-color: #fff
}
.bloque-5.zoom.postal-09 .usar:hover {
    background-color: #a10b44;
    color: #fff
}
.bloque-5.zoom.postal-09.posicionar {
    left: -837px
}
/*------- Postal 10 -------*/
.bloque-5.zoom.postal-10 .usar {
    background-color: #fff
}
.bloque-5.zoom.postal-10 .usar:hover {
    background-color: #a10b44;
    color: #fff
}
.bloque-5.zoom.postal-10.posicionar {
    left: -837px
}
.contenedor-formulario {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}
.no-usar {
    margin-bottom: 20px;
    line-height: 1.5;
    text-align: right;
    cursor: pointer
}
.formulario {
    padding-top: 100px;
    width: 100%;
    min-width: 800px;
    max-width: 800px;
    height: 540px;
    background-size: cover !important;
    background-repeat: no-repeat !important
}
.formulario.remitente {
    padding-top: 0;
    width: 100%;
    min-width: auto;
    max-width: 800px;
    height: auto
}
.formulario.remitente .parte-02 {
    margin-top: 0
}
.formulario.remitente .parte-01 > div.datos-envio {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0
}
.formulario .parte-01 > div {
    min-width: 50%;
    padding-right: 15px
}
.formulario .parte-01 > div textarea {
    width: 70%;
    border: 0 solid transparent;
    font-family: "Caveat", cursive;
    font-size: 24px;
    background: transparent
}
.formulario .parte-01 > div.datos-envio {
    min-width: 50%;
    padding-left: 20px;
    padding-right: 70px;
}
.formulario .parte-01 > div.datos-envio input::placeholder {
    font-family: "geomanistregular";
    font-size: 16px
}
.formulario .parte-01 > div.datos-envio input {
    font-family: "Caveat", cursive;
    font-size: 24px
}
.formulario .parte-01 > div.datos-envio input, .formulario .parte-01 > div.datos-envio label {
    width: 100%;
    margin-bottom: 20px;
    border-top: 0 solid transparent;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent
}
.formulario .parte-02 {
    margin-top: 170px
}
.formulario .parte-02 > div.datos-adicionales {
    display: flex;
    justify-content: space-between;
    align-items: center
}
.formulario .remitente {
    border: 2px solid #063d48;
    background-color: transparent;
    color: #063d48;
    font-family: "geomanistregular-medium";
    line-height: 1.5;
    padding: 10px 25px
}
.formulario .remitente:hover, .formulario .remitente:focus {
    background-color: #063d48;
    color: #fff
}
.formulario input[type="submit"] {
    background-color: #063d48;
    color: #fff;
    font-family: "geomanistregular-medium";
    line-height: 1.5;
    border: 0;
    padding: 10px 25px;
    cursor: pointer
}
.formulario input[type="submit"]:hover, .formulario input[type="submit"]:focus {
    background-color: #fff;
    color: #063d48
}
.list {
    margin: 0.5rem
}
.list__item {
    margin: 0 0 0.5rem 0;
    padding: 0
}
.label--checkbox {
    position: relative;
    margin: 0.5rem;
    line-height: 135%;
    cursor: pointer
}
.label--checkbox a {
    text-decoration: underline
}
.checkbox {
    position: relative;
    top: -0.375rem;
    margin: 0 1rem 0 0;
    cursor: pointer
}
.checkbox:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid #767676
}
.checkbox:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 0.5rem;
    border-color: #767676;
    border-top-style: none;
    border-right-style: none
}
.checkbox:after {
    content: "";
    position: absolute;
    top: 0rem;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: #fff;
    cursor: pointer
}
.bloque-5.zoom .usar.ocultar {
    opacity: 0
}
.col-postales {
    -ms-flex: 0 0 1425px;
    flex: 0 0 1425px;
    max-width: 100%;
    width: 1425px;
    margin: 0 auto;
    padding-bottom: 40px
}
.footer-postal{
    max-width: 980px;
    background-color: #000;
    padding-bottom: 100px;
}
.logo-negro{
    margin-top: -20px;
}
.mail-to, .borde{
    font: 500 12px/18px 'roboto-medium';
}
.mail-to-form{
    font: 500 12px/18px 'roboto-light';
}
.form-tarjeta{
    max-width: 320px;
}
.form-control{
    border: 0;
    border-radius: 0;
}
.borde{
    border-bottom: 1px solid #DDD;
}
.text-black{
    color: #000 !important;
}
.text-white-dq{
    color: #000 !important;
    font-family: 'PreloSlab-Bold';
}
.contenido{
    font: 500 42px/28px 'abuget';
}
.contenido2{
    font: 500 42px/28px 'abuget';
    /*margin-top: 70px;*/
}
.pb-43{
    padding-bottom: 30px;
}
.form-control:focus{
    color: #FFF;
}
.btn-inicio{
    /*background-color: #000;*/
    color: #FAF1E4;
    /*border: 1px solid #FFE800;*/
    background: #000;
    font-family: 'PreloSlab-Bold';
    font-size: 15px;
    padding: 5px 20px 5px 20px;
}
.btn-inicio:hover{  
    color: #FAF1E4;
}
.btn-confirmar{
    background: #000;
    
}
.compartir{
    max-width: 654px;
}
.fb, .tw, .wp {
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    text-decoration: none;    
}
.fb {
    background-color: #0360af;
}
.tw {
    background-color: #00c0e3;
}
.wp {
    background-color: #06c323;
}
.fb i,.tw i, .wp i {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
}
.modal-texto{
    font: 500 16px/18px 'roboto-medium';
}
.w-35{
    width: 35%!important;
}

.separador-vaider{
    height: 2px;
    background-color: #FAF1E4;
    width: 80px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.date-dq{
    color: #000;
    font-family: 'Prelo-Medium';
    font-size: 18px;
}
.date-dq span{
    font-family: 'PreloSlab-Bold';
}
.dq-hashtag{
    color: #FFE800;
    font-family: 'roboto-medium';
    font-size: 23px;
    padding-top: 18px;
    display: block;
}
.borde-total{
    border: 1px solid #DDD;
}
.dq-btn-ct{
    color: #fff;
    /*border: 1px solid #FFE800;*/
    background: #000;
    font-family: 'PreloSlab-Bold';
    font-size: 15px;
    padding: 5px 20px 5px 20px;
    border-radius: 5px;
}

@media only screen and (max-width: 1914px) {
    .section-01.h100vh {
        height: auto
    }
    .col-explicacion {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        padding-bottom: 40px
    }
    .col-explicacion .explicacion {
        max-width: 700px;
        margin: 0 auto
    }
}

.formulario-remitente input::placeholder {
    font-size: 18px;
    font-family: "geomanistregular"
}
.formulario-remitente input, .formulario-remitente label {
    width: 48%;
    margin-bottom: 20px;
    border-top: 0 solid transparent;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 2px solid dimgrey;
    font-size: 24px;
    font-family: "Caveat", cursive
}
/* 
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
Postales [contenedor medio]
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
@media only screen and (min-width: 1441px) {
    header {
        width: 100%;
        /*background: rgb(240,239,232);
            background: -moz-linear-gradient(180deg, rgba(240,239,232,0.7077205882352942) 0%, rgba(255,255,255,0) 64%);
            background: -webkit-linear-gradient(180deg, rgba(240,239,232,0.7077205882352942) 0%, rgba(255,255,255,0) 64%);
            background: linear-gradient(180deg, rgba(240,239,232,0.7077205882352942) 0%, rgba(255,255,255,0) 64%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0efe8",endColorstr="#ffffff",GradientType=1);*/
    }
}
@media only screen and (max-width: 1440px) {
    .c-min-1440 {
        display: none
    }
    .c-min-801 {
        display: block
    }
    .c-max-800 {
        display: none
    }
    .formulario {
        height: 700px;
        min-width: 650px;
        max-width: 620px
    }
    .formulario .parte-02 {
        margin-top: 30px
    }
    .formulario-fixed {
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
        height: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden
    }
    .formulario-fixed.abierto {
        /*height: 830px;*/
        height: 640px
    }
    .contenedor-formulario {
        /*position: relative;
            margin-top: -160px;*/
        position: relative;
        margin-top: 50px
    }
    .contenedor-formulario > div {
        background-size: contain !important;
        background-repeat: no-repeat !important
    }
    .postal {
        margin-bottom: -7px;
        cursor: pointer
    }

    .no-usar {
        position: absolute;
        top: 40px;
        left: 110px
    }
    .postal.bordear {
        -webkit-filter: invert(40%) grayscale(100%) brightness(30%) sepia(100%) hue-rotate(500deg) saturate(30%) contrast(0.8);
        filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(500deg) saturate(300%) contrast(0.8)
    }
    .formulario-remitente input::placeholder {
        font-size: 16px;
        font-family: "geomanistregular"
    }
    .formulario-remitente label {
        width: 100%;
        margin-bottom: 0;
        border: none;
        font-size: 22px;
        font-family: "geomanistregular", cursive
    }
}
/* 
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
Postales [contenedor pequeño]
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬ */
@media only screen and (max-width: 800px) {
    .c-min-1440 {
        display: none
    }
    .c-min-801 {
        display: none
    }
    .c-max-800 {
        display: block
    }
    .pb100 {
        padding-bottom: 20px
    }
    .pt100 {
        padding-top: 20px
    }
    .postal-min {
        margin-bottom: -7px
    }
    .formulario {
        padding-top: 0;
        width: 100%;
        min-width: auto;
        max-width: 800px;
        height: auto;
        background-size: cover !important;
        background-repeat: no-repeat !important
    }
    .formulario .parte-01 > div textarea {
        width: 100%
    }
    .formulario .parte-01 > div {
        padding-right: 0;
        padding-bottom: 15px
    }
    .formulario .parte-01 > div.datos-envio {
        min-width: 50%;
        padding-left: 0;
        padding-right: 0
    }
    .formulario .parte-02 {
        margin-top: 0
    }
    .ilustradores .explicacion {
        text-align: center
    }
    .localizaciones ul li {
        padding-left: 40px;
        border-bottom: 1px solid #0f2f37;
        margin-bottom: 10px
    }
    .localizaciones ul > li:last-child {
        border-bottom: 0 solid #0f2f37
    }
    .explicacion.intro {
        font-size: 16px !important;
        padding: 0 10px;
    }
    .section-04 p {
        font-size: 16px !important
    }
    .section-05.pt80 {
        padding-top: 0
    }
    .section-05.h100vh {
        height: auto
    }
    .pasos li {
        font-size: 22px;
        padding-bottom: 24px;
        display: block;
        margin: 0 auto
    }
    .pasos .numeral {
        width: 70px;
        margin: 0 auto !important
    }
    .pasos p {
        text-align: center !important
    }
}
/* 
-------------------------------------------------------------- 
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
Seccion 02
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
-------------------------------------------------------------- */
.autoria .postal {
    font-family: "roboto-medium"
}
.autoria a {
    text-decoration: underline;
    font-family: "geomanistitalic"
}
.autoria a > span {
    font-family: "geomanistregular"
}
.autoria a:hover, .autoria a:focus {
    text-decoration: none
}

/* 
-------------------------------------------------------------- 
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
Seccion 04
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
-------------------------------------------------------------- */
.boton {
    background-color: #063d48;
    color: #fff;
    font-family: "geomanistregular-medium";
    line-height: 1.5;
    border: 0;
    padding: 10px 25px;
    cursor: pointer
}
.boton:hover, .boton:focus {
    background-color: #fff;
    color: #063d48
}
.boton.quiero-escribir {
    width: 280px;
    margin: 0 auto
}
/* 
-------------------------------------------------------------- 
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
Seccion 05
¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬¬
-------------------------------------------------------------- */
.explicacion.intro h3 {
    font-size: 30px
}
.explicacion.intro {
    font-size: 20px
}
.intro{
    font: 500 18px/18px 'roboto-light';
}
.bajada{
    font: 500 18px/22px 'PreloSlab-SemiBold';
    color: #000;
}
.msj-postal{
    font: 500 8px/8px 'chronicle-italic';
    color: #FF1C1F;
}
/* 
-------------------------------------------------------------- 
······························································
Styles for animated modal
······························································
-------------------------------------------------------------- */
/* Start state */
.animated-modal {
    max-width: 550px;
    border-radius: 4px;
    overflow: hidden;
    transform: translatey(-50px);
    transition: all 0.7s;
    background-color: #f0efe8
}
.animated-modal h2, .animated-modal p {
    transform: translatey(-50px);
    opacity: 0;
    transition-property: transform, opacity;
    transition-duration: 0.4s
}
/* Final state */
.fancybox-slide--current .animated-modal, .fancybox-slide--current .animated-modal h2, .fancybox-slide--current .animated-modal p {
    transform: translatey(0);
    opacity: 1
}
/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 {
    transition-delay: 0.1s
}
.fancybox-slide--current .animated-modal p {
    transition-delay: 0.3s
}
.animated-modal#MapaModal {
    max-width: 100%;
    padding: 6px
}
/*/
-------------------------------------------------------------- 
······························································
Header
······························································
-------------------------------------------------------------- */
.logotipo {
    width: 160px;
    padding-top: 40px;
    padding-bottom: 40px
}
@media only screen and (max-width: 800px) {
    .logotipo {
        width: 110px;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .idiomas {
        right: 0;
        top: 90px
    }
}
.idiomas a, .idiomas span {
    font-family: "geomanistregular-medium";
    line-height: 1.5;
    font-size: 17px
}
.svg-elem-1 {
    -webkit-animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
    animation: animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both
}
@-webkit-keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
@keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
.svg-elem-2 {
    -webkit-animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both
}
@-webkit-keyframes animate-svg-fill-3 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
@keyframes animate-svg-fill-3 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
.svg-elem-3 {
    -webkit-animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both
}
@-webkit-keyframes animate-svg-fill-4 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
@keyframes animate-svg-fill-4 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
.svg-elem-4 {
    -webkit-animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both
}
@-webkit-keyframes animate-svg-fill-5 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
@keyframes animate-svg-fill-5 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
.svg-elem-5 {
    -webkit-animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
    animation: animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both
}
@-webkit-keyframes animate-svg-fill-6 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
@keyframes animate-svg-fill-6 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
.svg-elem-6 {
    -webkit-animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both
}
@-webkit-keyframes animate-svg-fill-7 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
@keyframes animate-svg-fill-7 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
.svg-elem-7 {
    -webkit-animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
    animation: animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both
}
@-webkit-keyframes animate-svg-fill-8 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
@keyframes animate-svg-fill-8 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
.svg-elem-8 {
    -webkit-animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both
}
@-webkit-keyframes animate-svg-fill-9 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
@keyframes animate-svg-fill-9 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
.svg-elem-9 {
    -webkit-animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both
}
@-webkit-keyframes animate-svg-fill-10 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
@keyframes animate-svg-fill-10 {
    0% {
        fill: transparent;
    } 100% {
        fill: rgb(3, 60, 70);
    }
}
.svg-elem-10 {
    -webkit-animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
    animation: animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both
}
.flecha-scroll {
    position: absolute;
    text-align: center;
    z-index: 9;
    right: 0;
    left: 0;
    bottom: 20px
}
.flecha-scroll-contenedor {
    display: inline-block;
    transition: all ease-in-out 0.2s;
    cursor: pointer
}
.flecha-scroll-contenedor:hover {
    opacity: 0.5
}
.flecha-scroll-contenedor-animacion {
    animation: flecha-scroll 1.7s infinite ease
}
@keyframes flecha-scroll {
    0% {
        transform: translateY(0);
    } 50% {
        transform: translateY(-7px);
    } 55% {
        transform: translateY(-7px);
    } 100% {
        transform: translateY(0);
    }
}

/* 
-------------------------------------------------------------- 
······························································
Single
······························································
-------------------------------------------------------------- */
.flecha-scroll {
    display: none !important
}
.single-postal {
    height: 800px;
    width: 100%;
    font-size: 24px;
    font-weight: 300;
    overflow: hidden
}
.flip-card-3D-wrapper {
    max-width: 490px;
    position: relative;
    -o-perspective: 900px;
    -webkit-perspective: 900px;
    -ms-perspective: 900px;
    perspective: 900px;
    margin: 0 auto
}
#flip-card {
    width: 100%;
    height: 100%;
    text-align: center;
    margin: 50px auto;
    position: absolute;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -o-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.do-flip {
    -o-transform: rotatey(-180deg);
    -webkit-transform: rotatey(-180deg);
    -ms-transform: rotatey(-180deg);
    transform: rotatey(-180deg)
}
#flip-card-btn-turn-to-back, #flip-card-btn-turn-to-front {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: transparent;
    cursor: pointer;
    visibility: hidden;
    font-weight: 600;
    font-size: 18px;
    padding: 0;
    border: 0;
    color: #063d48;
    font-family: "geomanistregular-medium";
    line-height: 1.5;
    text-align: right
}
#flip-card .flip-card-front, #flip-card .flip-card-back {
    width: 100%;
    height: 100%;
    position: absolute;
    -o-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2
}
#flip-card .flip-card-front img {
    -webkit-box-shadow: 5px 6px 32px 2px rgba(133, 133, 133, 0.71);
    -moz-box-shadow: 5px 6px 32px 2px rgba(133, 133, 133, 0.71);
    box-shadow: 5px 6px 32px 2px rgba(133, 133, 133, 0.71)
}
#flip-card .flip-card-back {
    -o-transform: rotatey(180deg);
    -webkit-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    transform: rotatey(180deg);
    display: flex;
    justify-content: center
}
#flip-card .flip-card-back .formulario {
    -webkit-box-shadow: 5px 6px 32px 2px rgba(133, 133, 133, 0.71);
    -moz-box-shadow: 5px 6px 32px 2px rgba(133, 133, 133, 0.71);
    box-shadow: 5px 6px 32px 2px rgba(133, 133, 133, 0.71)
}
#flip-card .flip-card-front p, #flip-card .flip-card-back p {
    color: grey;
    display: block;
    position: absolute;
    top: 40%;
    width: 100%
}
.single-postal .formulario {
    padding-top: 100px;
    width: 100%;
    min-width: 800px;
    max-width: 800px;
    height: 540px;
    background-size: cover !important;
    background-repeat: no-repeat !important
}
@media only screen and (max-width: 800px) {
    .single-postal {
        height: 800px
    }
    .single-postal .formulario {
        padding-top: 100px;
        width: 100%;
        margin-top: 120px;
        min-width: 685px;
        max-width: 800px;
        height: 455px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        transform: rotate(90deg);
        background-size: contain !important
    }
    #flip-card-btn-turn-to-back, #flip-card-btn-turn-to-front {
        position: absolute;
        top: -40px
    }
    .single-postal .formulario .parte-01 > div textarea {
        width: 70%;
        border: 0 solid transparent;
        font-family: "Caveat", cursive;
        font-size: 20px
    }
    .single-postal .formulario .parte-01 > div.datos-envio input, .single-postal .formulario .parte-01 > div.datos-envio label {
        width: 60%;
        font-size: 22px
    }
}
@media only screen and (min-width: 1440px) {
    .h-separador {
        height: 180px
    }
}

@media screen and (max-width: 1024px) {
    .lateral-izq, .lateral-der{
        display: none;
    }
}
@media screen and (max-width: 768px) {
    /*Banners de publicidad*/
    .container-top {
        width: 100%;
        height: auto;
        padding: 10px 0 5px 0
    }

    .container-caja3{
        display: block;
        margin: 30px auto;
        text-align: center;
    }
    
    .footer-postal{
        padding-bottom: 65px;
    }
}
@media screen and (max-width: 640px) {
    a.wst {
        display: block;
    }

    #social ul li {
        margin-right: 5px;
    }
    .compartir{
        padding: 0 10px;
    }
}