@font-face {
    font-family: 'Crinsom';
    src: url('../fonts/crimson/CrimsonText-Regular.eot');
    src: url('../fonts/crimson/CrimsonText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/crimson/CrimsonText-Regular.woff2') format('woff2'),
        url('../fonts/crimson/CrimsonText-Regular.woff') format('woff'),
        url('../fonts/crimson/CrimsonText-Regular.ttf') format('truetype'),
        url('../fonts/crimson/CrimsonText-Regular.svg#CrimsonText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CrinsomBold';
    src: url('../fonts/crimson/CrimsonText-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: bold;
}

@font-face {
    font-family: 'CrinsomSemi';
    src: url('../fonts/crimson/CrimsonText-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CrinsomBold';
    src: url('../fonts/crimson/CrimsonText-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'circularBlack';
    src: url('../fonts/circularBlack/CircularStd-Black.eot');
    src: url('../fonts/circularBlack/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/circularBlack/CircularStd-Black.woff2') format('woff2'),
        url('../fonts/circularBlack/CircularStd-Black.woff') format('woff'),
        url('../fonts/circularBlack/CircularStd-Black.ttf') format('truetype'),
        url('../fonts/circularBlack/CircularStd-Black.svg#CircularStd-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'circularBlackItalic';
    src: url('../fonts/circularBlackItalic/CircularStd-BlackItalic.eot');
    src: url('../fonts/circularBlackItalic/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/circularBlackItalic/CircularStd-BlackItalic.woff2') format('woff2'),
        url('../fonts/circularBlackItalic/CircularStd-BlackItalic.woff') format('woff'),
        url('../fonts/circularBlackItalic/CircularStd-BlackItalic.ttf') format('truetype'),
        url('../fonts/circularBlackItalic/CircularStd-BlackItalic.svg#CircularStd-BlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'circularBoldItalic';
    src: url('../fonts/circularBlack/CircularStd-BoldItalic.eot');
    src: url('../fonts/circularBlack/CircularStd-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/circularBlack/CircularStd-BoldItalic.woff2') format('woff2'),
        url('../fonts/circularBlack/CircularStd-BoldItalic.woff') format('woff'),
        url('../fonts/circularBlack/CircularStd-BoldItalic.ttf') format('truetype'),
        url('../fonts/circularBlack/CircularStd-BoldItalic.svg#CircularStd-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'circularBook';
    src: url('../fonts/circularBook/CircularStd-Book.eot');
    src: url('../fonts/circularBook/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/circularBook/CircularStd-Book.woff2') format('woff2'),
        url('../fonts/circularBook/CircularStd-Book.woff') format('woff'),
        url('../fonts/circularBook/CircularStd-Book.ttf') format('truetype'),
        url('../fonts/circularBook/CircularStd-Book.svg#CircularStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'circularBookItalic';
    src: url('../fonts/circularBookItalic/CircularStd-BookItalic.eot');
    src: url('../fonts/circularBookItalic/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/circularBookItalic/CircularStd-BookItalic.woff2') format('woff2'),
        url('../fonts/circularBookItalic/CircularStd-BookItalic.woff') format('woff'),
        url('../fonts/circularBookItalic/CircularStd-BookItalic.ttf') format('truetype'),
        url('../fonts/circularBookItalic/CircularStd-BookItalic.svg#CircularBookItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'circularMedium';
    src: url('../fonts/circularMedium/CircularStd-Medium.eot');
    src: url('../fonts/circularMedium/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/circularMedium/CircularStd-Medium.woff2') format('woff2'),
        url('../fonts/circularMedium/CircularStd-Medium.woff') format('woff'),
        url('../fonts/circularMedium/CircularStd-Medium.ttf') format('truetype'),
        url('../fonts/circularMedium/CircularStd-Medium.svg#CircularStd-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'circularMediumItalic';
    src: url('../fonts/circularMediumItalic/CircularStd-MediumItalic.eot');
    src: url('../fonts/circularMediumItalic/CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/circularMediumItalic/CircularStd-MediumItalic.woff2') format('woff2'),
        url('../fonts/circularMediumItalic/CircularStd-MediumItalic.woff') format('woff'),
        url('../fonts/circularMediumItalic/CircularStd-MediumItalic.ttf') format('truetype'),
        url('../fonts/circularMediumItalic/CircularStd-MediumItalic.svg#CircularStd-MediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
    margin: 0; 
    padding: 0; 
    border: 0; 
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Crinsom';
    /* font-weight: bold; */
}

html,
body {
    background-color: #fff;
    font-family: 'circularBook';
    height: 100%;
    color: #000;
    font-size: 18px;
    /* overscroll-behavior-y: none; */
}

*{
    transition: all .3s linear;
}

a:link,
a:visited,
a:hover,
a:active,
a:focus{
    text-decoration: none;
}
a:hover{
    color: #B5A976;
}

#main-content{
    position: relative;
    overflow-x:hidden;
}

.clear{
    clear:both;
}

.btn-co{
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 20px;
}

.btn-co:hover{
    background-color: #fff;
    color: #000
}

input, textarea, select{
    border: 1px solid #d9d9d9;
    width: 100%;
    padding: 10px;
}

::-webkit-input-placeholder { /* Edge */
    color: #666;
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #666;
}
  
::placeholder {
    color: #666;
}

.container{
    max-width: 1220px;
}

#main-header{
    background-color: #fff;
    color: #000;
    padding: 15px 0;
    z-index: 100;
    position: fixed;
    width: 100%;
}

#main-header.autoresm{
    background-color: #f5f5f5;
}

#main-header.oscuro {
    background-color: #000 !important;
}

.med-cir{
    position: absolute;
    right: 5%;
    width: 12%;
    top: -55px;
    z-index: 1;
    animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
}

#aceptar{
    float: left;
    width: 20px;
    margin-right: 1%;
    margin-top: 1%;
}

.cond{
    width: 50%;
    float: left;
    color: #999;
    font-size: 16px;
}

.med-p{
    position: absolute;
    width: 3.9%;
    top: 290px;
    z-index: 2;
    left: 12%;
}

.med-l{
    position: absolute;
    width: 8%;
    top: 880px;
    z-index: 2;
    left: 0%;
}

.med-v{
    position: absolute;
    width: 2%;
    top: 40%;
    z-index: 2;
    left: 44.5%;
}

.med-p01{
    bottom: 10%;
    position: absolute;
    height: 70%;
    z-index: 4;
    right: 0;
}

.med-c01{
    position: absolute;
    width: 8%;
    bottom: 30%;
    z-index: 4;
    right: 8%;
}

.med-c02{
    position: absolute;
    width: 10%;
    z-index: 4;
    left: 5%;
    top: 30%;
}

.creditos{
    float: right;
    width: 100%;
    text-align: center;
    padding-top: 16%;
}

.creditosm{
    display: none;
}

.messenger{
    position: fixed;
    right: 5%;
    bottom: 5%;
    z-index: 1000;
}

footer{
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #000;
    color: white;
    text-align: center;
    position: relative;
    height: 400px;
    background-image: url('../img/home/contornoco.png');
    background-repeat: no-repeat;
    background-position: center;
}

.foot-m{
    width: 60%;
    float: left;
}

.foot{
    width: 20%;
    float: left;
}

.foot-m p{
    font-family: 'circularBook';
    font-weight: 100;
    font-size: 30px;
}

.c-foot{
    height: 100%;
    display: flex;
    align-items: center;
}

.med-p02{
    position: absolute;
    width: auto;
    top: 0;
    z-index: 2;
    left: 0;
    height: 100%;
}

.med-p03{
    position: absolute;
    height: 30%;
    top: 30%;
    z-index: 2;
    right: 5%;
}

.med-p04{
    position: absolute;
    width: 10%;
    top: 30%;
    z-index: 2;
    left: 6%;
}

.mockup{
    width: 75%;
}

.bases{
    color: #000;
    font-family: 'circularMedium';
    background: #F7D957;
    padding: 4px 0;
    border-radius: 25px;
    margin: 15px auto;
    display: block;
    width: 100px;
    text-align: center;
}

.bases:hover{
    color: #F7D957;
    background: #000;
}

#main-header .container{
    display: table;
}

.container-form h1{
    text-align: center;
    font-family: 'CrinsomSemi';
    font-weight: 100;
    font-size: 35px;
}

.containerg{
    width: 100%;
    margin: 0;
    padding: 0 !important;
}

.container-main{
    width: 100%;
    background-color: #f5f5f5;
    margin: 0 auto;
    padding-top: 6%;
    padding-bottom: 2%;
    background-image: url('../img/home/texturabanner.png');
    background-blend-mode: multiply;
}

.container-main h1, .container-main-bases h1{
    text-align: center;
    font-family: 'Crinsom';
    font-weight: 100;
    font-size: 55px;
}

.container-main-bases p{
    text-align: center;
    width: 60%;
    margin: 0 auto;
    font-size: 35px;
    font-family: 'Crinsom';
}

.container-main-bases b{
    font-family: 'CrinsomBold';
}

.med-b01{
    position: absolute;
    left: 0;
    top: 75px;
}

.med-b02{
    position: absolute;
    right: 70px;
    width: 7%;
    top: 200px;
}

.med-b03{
    position: absolute;
    right: 0;
    width: 9%;
    top: 200px;
}

.med-bb02{
    position: absolute;
    right: 70px;
    width: 9%;
    top: 3000px;
}

.med-bb03{
    position: absolute;
    right: 0;
    width: 11%;
    top: 3000px;;
}

.med-bc01{
    position: absolute;
    right: 7%;
    width: 3.9%;
    top: 1790px;
}

.med-bc02{
    position: absolute;
    left: 0;
    width: 7.5%;
    top: 1410px;
}

.f-bases{
    width: 60%;
    margin: 0 auto;
    font-family: 'Crinsom';
}

.titl-b{
    font-weight: bold;
    font-size: 55px;
}

.subt-b{
    font-weight: bold;
    font-size: 40px;
    display: inline-block;
    background-color: #EADB9A;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 5px;
}

.norm-b{
    margin-bottom: 0;
    margin-left: 15px;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    -o-hyphens:auto;
    hyphens:auto;
    text-align: justify;
}

.hyp{
    -moz-hyphens:auto;
    -ms-hyphens:auto;
    -webkit-hyphens:auto;
    -o-hyphens:auto;
    hyphens:auto;
}

.mail-desp{
    font-family: 'CrinsomBold' !important;
    font-weight: bold;
    font-size: 30px !important;
    text-align: center!important;
    margin-bottom: 5%!important;
}

.norm-b a{
    color: unset;
    text-decoration: none;
}

.norm-b b{
    font-family: 'circularMediumItalic';
    font-weight: normal;
}

.norm-b b.nor{
    font-family: 'circularMedium';
    font-weight: normal;
}

.marg-t{
    margin-top: 40px;
}

.norm-b i{
    height: 10px;
    width: 10px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    float: left;
    top: 13px;
    position: relative;
    margin-right: 10px;
}

.container-form{
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 50px 18%;
}

.fl-l{
    margin-bottom: 6%;
}

.form-control{
    border: none;
    border-bottom: 1.5px solid rgb(214, 214, 214);
    border-radius: 0;
    background-color: transparent;
    padding: 0!important;
}

.text-form-r{
    font-size: 20px;
    text-align: justify;
    position: relative;
    width: 110%;
    margin-bottom: 0;
}

.form-control2{
    border: none;
    border: 1px solid rgb(214, 214, 214);
    border-radius: 0;
    font-size: 20px;
    background-color: transparent;
    padding: 12px 20px;
    font-family: 'circularBook';
}

.sel_inp{
    cursor: pointer;
}

.sem-t{
    font-size: 16px;
    padding-bottom: 5%;
    padding-top: 2%;
}

select{
    padding: 16px 20px!important;
}

.bot-s{
    margin-bottom: 5%!important;
}

.bot-i{
    margin-bottom: 2%!important;
}

.in-der{
    text-align: right;
    padding-right: 5%;
}

.in-der i{
    height: 10px;
    width: 10px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    top: -3px;
    position: relative;
    margin-right: 10px;
}

.oculto_file{
    visibility: hidden;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
}

.oculto{
    display: none;
}

.radio_in{
    width: 20px;
    height: 20px;
}

.span-negro{
    margin-left: 15px;
    font-size: 35px;
    font-family: 'Crinsom';
}

.formtar{

}

.inp-file{
    width: 100%;
    height: 63px;
    display: flex;
    align-items: center;
    border: 1px solid rgb(214, 214, 214);
    font-size: 20px;
    font-family: 'circularBook';
}

.vir-cont{
    width: 100%;
    display: inline-block;
}

.virgulilla-mobile{
    display: none;
}

.vir-midd{
    margin: 0 auto;
    display: block;
    padding-top: 4%;
}

.form-control:focus, .form-control2:focus{
    border-color: unset;
    outline: 0;
    box-shadow: none;
    background-color: transparent;
}

.w-inp{
    width: 95%;
}

.f-righ{
    float: right;
}

.py-2{
    background: #F5E49F;
    border-radius: 25px;
    width: 200px;
    float: right;
    height: 50px;
    font-family: 'circularBook';
    border: none;
}

.py-2:hover{
    background: #000;
    color: #F5E49F;
}

.instrucciones{
    font-size: 35px;
    font-family: 'Crinsom';
}

.monto{
    font-size: 35px;
    display: block;
}

.subr-t{
    display: inline-block;
    background-color: #EADB9A;
    font-size: 30px;
    font-family: 'CrinsomBold';
    font-weight: 900;
    padding: 0 15px;
    margin-left: -15px;
}

.top-back{
    width: 82%;
}

.top-back-form{
    width: 100%;
}

.py-sub{
    background: #000;
    border-radius: 25px;
    width: 200px;
    float: right;
    height: 50px;
    font-family: 'circularBook';
    border: none;
    color: #fff;
    border: 2px solid #000;
    padding: 7px;
}

.py-sub:hover{
    background: #fff;
    color: #000;
    border: 2px solid #000;
}

.conoce{
    color: #000;
    font-family: 'circularBook';
    background: #fff;
    padding: 4px 0;
    border-radius: 25px;
    display: block;
    width: 250px;
    text-align: center;
    border: 2px solid #000;
    margin-top: 5%;
    margin-bottom: 5%;
}

.conoce:hover{
    color: #fff;
    background: #000;
}

.container-historias{
    width: 60%;
    padding: 100px 0 0;
    display: inline-flex;
    margin: 0 20%;
}

.container-obj{
    width: 100%;
    padding: 4% 10% 2%;
    display: inline-block;
    background-color: #f5f5f5;
    position: relative;
}

.container-obj .container{
    position: relative;
}

.torre-aut{
    position: absolute;
    top: 60px;
    width: 44%;
    left: 0px;
}

.torre-aut-c{
    position: absolute;
    left: 30%;
    top: 70px;
    width: 14%;
}

.fun-01{
    position: absolute;
    left: 0;
    padding-top: 100px;
    width: 5%;
}

.w-cent{
    width: 100%;
    float: left;
    padding: 0 10%;
}

.four-c p{
    line-height: 1;
}

.four-c{
    width: 50%;
    float: left;
    text-align: center;
    padding: 0 8%;
}

.four-c .thl{
    line-height: 3;
}

.crin-b{
    font-family: 'CrinsomBold';
    font-size: 35px;
}

.crin-b span, .itl-b{
    font-family: 'circularBook';
    font-style: italic;
}

.crin-b span{
    font-size: 20px;
}

.lect-im-iz{
    position: absolute;
    bottom: -50%;
    left: 0;
    z-index: 1;
}

.int-re{
    font-family: 'Crinsom' !important;
    font-weight: bold;
    font-size: 25px !important;
    margin: 0;
    text-align: center;
    margin-bottom: 5%;
}

.row-desp{
    width: 100%;
    padding: 0 30%;
    padding-top: 10%;
}

.n-met{
    text-align: justify;
    margin-bottom: 5%;
}

.cya{
    text-align: center;
    margin: 15% auto 10% auto !important;
}

.aut-med{
    left: 10%;
    top: 2700px !important
}

.aut-med-1{
    top: 2900px !important;
    right: 10%!important;
}

.req-cont{
    width: 100%;
    padding: 0px 15% 0 25%;
}

.cent-req-1{
    width: 40%;
    float: left;
}

.pad-l{
    padding-left: 15px;
    line-height: 1.5;
}

.container-metodo{
    text-align: center;
}

.cont-m{
    max-width: 600px;
    margin: 0 auto;
}

.cent-req-2{
    width: 60%;
    float: left;
    padding-left: 10%;
}

.cent-req-1, .cent-req-2{
    line-height: 1;
}

.m-pxb{
    margin-bottom: 40px;
}

.four-sem{
    font-family: 'circularBook';
    font-weight: bolder;
    line-height: unset !important;
}

.fun-02{
    position: absolute;
    right: 0;
    width: 11.5%;
}

.container-funciona{
    width: 100%;
    padding: 50px 10%;
    display: inline-block;
    background-color: #fff;
}

#escogimos{
    font-family: 'circularBlack';
}

.container-funciona p{
    text-align: center;
}

.f-titl{
    font-family: 'CrinsomBold' !important;
    font-size: 35px !important;
    line-height: 1em;
}

.f-titl-m{
    width: 560px;
    margin: 0 auto 30px;
}

.container-funciona ul{
    margin: 5% auto 0% auto;
    text-align: center;
}

#generos-mobile{
    display: none;
}

.container-funciona ul li{
    font-family: 'Crinsom';
    display: inline-block;
    list-style: none;
    font-size: 35px;
    padding: 0 20px;
}

.container-pasos{
    position: relative;
    width: 100%;
    padding: 50px 10%;
    display: inline-block;
    background-color: #f5f5f5;
    text-align: center;
}

.container-pasos .f-titl{
    margin-bottom: 50px;
}

.container-pasos .cont-m{
    max-width: 800px;
}

.container-pasos .paso{
    margin-bottom: 40px;
}

.container-pasos .paso .descripcion-paso span{
    /* font-weight: bold; */
    font-family: 'circularBlack';
}

#que_hacer_mobile,
#pleca_que_hacer{
    display: none;
}

.container-requer{
    position: relative;
    width: 100%;
    padding: 50px 10%;
    display: inline-block;
    background-color: #fff;
}

.container-requer .thl{
    font-size: 55px !important;
}

.container-requer .min-w{
    width: 60%;
}

#punto-datos{
    background-color: #000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: 15%;
    top: -29px;
}

.container-publicar{
    width: 100%;
    padding: 0% 20%;
    display: inline-flex;
    padding-bottom: 7%;
    position: relative;
    top: -7px;
}

.thl.max{
    font-size: 35px !important;
}

.thl.inf{
    font-size: 35px !important;
}

.thl{
    font-family: 'CrinsomBold' !important;
    font-weight: bold;
    font-size: 45px !important;
    margin: 0;
    line-height: 1;
}

.ride{
    width: 100%;
    float: right;
    padding: 10% 0 0 50%;
}

.ride .thl{
    font-family: 'Crinsom' !important;
}

.ride .thl.max{
    font-family: 'CrinsomBold' !important;
    font-weight: bold;
}

.container-obj p, .container-funciona p{
    font-family: 'circularBook';
}

.container-metodo{
    background-image: url('../img/home/arco_derecha.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 80%;
    width: 100%;
    padding: 50px 10%;
    display: inline-block;
    background-color: #fff;
}

.container-metodo .n-met{
    /* font-size: 20px; */
}

.container-desp{
    position: relative;
    width: 100%;
    padding: 0% 10%;
    display: inline-block;
    background-color: #f5f5f5;
    text-align: center;
}

.container-desp p{
    margin-bottom: 30px;
}

.container-desp .row-desp{
    padding: 100px 0;
    max-width: 600px;
    margin: 0 auto;
}

.btn-registro{
    background-color: #F5E49F;
    border: 1px solid #F5E49F;
    color: #000;
    margin-bottom: 30px;
}

.btn-registro:hover{
    color: #F5E49F;
    background-color: #000;
    border: 1px solid #000;
}

.des-im01{
    position: absolute;
    left: 0;
}

#menu-mobile{
    display: none;
}

.des-im02{
    left: 10%;
    padding-top: 500px;
    position: absolute;
}

.des-im03{
    position: absolute;
    right: 10%;
    top: 10%;
}

.container-publicar{
    background-color: #fff;
}

.izq{
    float: left;
    width: 50%;
    padding-bottom: 50px;
    margin-top: 5%;
}

.izq-4{
    float: right;
    width: 50%;
    margin-top: 5%;
}

.izq-1{
    float: left;
    width: 20%;
    margin-top: 20%;
}

.der-3{
    float: left;
    width: 75%;
    margin-top: 20%;
    padding-right: 5%;
}

.cot{
    width: 100%;
}

.izq h1, .der-3 h1, .izq-4 h1{
    font-size: 35px;
    margin-bottom: 5%;
}

.iconos-apps{
    text-align: center;
}

.iconos-apps.mobile{
    display: none;
}

.logoGoogle{
    /* margin: 0 auto;
    display: block;
    cursor: pointer; */
}

.chica{
    width: 100%;
    position: absolute;
    bottom: 0;
}

.chica.mobile{
    display: none;
    max-width: 400px;
    margin: 0px auto;
}

.izq p, .izq-4 p{
    font-size: 20px;
    margin-bottom: 5%;
}

.m-b{
    margin-bottom: 5%;
}

.m-b2{
    margin-bottom: 2%;
}

.m-t3{
    margin-top: 3%;
}

.ins-b01{
    position: absolute;
    right: 0;
    top: 180px;
}

.ins-b02{
    position: absolute;
    left: 175px;
    top: 950px;
}

.ins-b03{
    position: absolute;
    top: 1105px;
    left: 110px;
}

.ins-b04{
    position: absolute;
    top: 1540px;
    left: 0;
}

.ins-b05{
    position: absolute;
    right: 180px;
    top: 2050px;
}

.container-futuro{
    background-color: #f5f5f5;
    position: relative;
}

.container-futuro .izq p, .container-publicar .der-3 p{
    
}

.desplegar-menu{
    display: none;
}

.der{
    float: left;
    width: 50%;
    position: relative;
}

.merg-b{
    margin-bottom: 10%;
}

.min-w{
    width: 50%;
}

.der-4{
    margin-bottom: 0%;
    background-image: url('../img/home/mockup.png');
    background-repeat: no-repeat;
    background-size: 35% auto;
    transition: 3s all;
    width: 60%;
    display: inline-block;
    margin-left: 20%;
    padding: 8% 0 6% 0;
    background-position: left 400px;
}

.der-4.visible{
    background-position: left 100px;
}

.container-historias h1{
    /* font-weight: bold!important; */
}

.container-main h1 span, .container-main-bases h1 span{
    font-family: 'CrinsomBold' !important;
    font-weight: bold;
}

.logoSotano{
    display: block;
    margin: 0 auto;
    width: 25%;
}

.menu-c{
    max-width: 1140px;
}

#main-header .container #logo,
#main-header .container #main-menu, #main-header .container #slogan{
    display: table-cell;
    vertical-align: middle;
}

#main-header .container #logo {
    width: 58px;
    padding-right: 2%;
}

#logo img{
    width: 58px;
}

#logo img.blanco{
    display: none;
}

.oscuro #logo img.blanco{
    display: block;
}

.oscuro #logo img.negro{
    display: none;
}

#main-menu .apps .opciones-app{
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
}

#main-menu .apps .opciones-app .wrapper{
    margin: 20px 10px;
    background-color: #f5f5f5;
    padding: 20px 20%;
}

#main-menu .apps:hover .opciones-app{
    display: block;
}

#main-menu .apps .opciones-app .ios-app,
#main-menu .apps .opciones-app .android-app{
    float: left;
    text-align: center;
    width: 50%;
}

#main-menu .apps .opciones-app .ios-app img,
#main-menu .apps .opciones-app .android-app img{
    margin: 10px auto;
    display: block;
}

.ios-app span{
    font-size: 12px;
}

#menu-mobile .apps .opciones-app{
    position: relative;
    display: none;
}

#menu-mobile .apps .opciones-app a{
    font-size: 30px;
}

.insta{
    background-image: url('../img/home/ig.png');
    float: right; 
    margin-left: 10%;
    width: 43px;
    height: 43px;
    cursor: pointer;
    background-repeat: no-repeat;
}

#loadergif-pago{
    width: 50px;
    position: absolute;
}

.mensaje-error{
    color: red;
}

.face{
    background-image: url('../img/home/fb.png');
    float: right;
    width: 43px;
    height: 43px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.insta:hover{
    background-image: url('../img/home/igOver.png');
    background-repeat: no-repeat;
}

.face:hover{
    background-image: url('../img/home/fbOver.png');
    background-repeat: no-repeat;
}

#slogan{
    padding-left: 20px;
}

#slogan a{
    color: #000;
    display: block;
    font-family: 'CrinsomBold';
    font-size: 30px;
    padding-top: 15px;
}

#slogan img{
    width: 200px;
    padding-top: 3%;
}

#slogan img.blanco{
    display: none;
}

.oscuro #slogan img.blanco{
    display: block;
}

.oscuro #slogan img.negro{
    display: none;
}

#main-menu{
    text-align: right;
}

#main-menu ul{
    margin: 0;
}

#main-menu li{
    display: inline-block;
    list-style: none;
}

#main-menu li a{
    color: #000;
    font-family: 'circularMedium';
    display: block;
    padding: 0 20px;
    font-size: 16px;
}

#main-menu li a.active{
    color: #000;
}

#main-container{
    padding: 50px 0;
}

.down {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    position: relative;
    bottom: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);

    transition: all .1s linear;
}

#main-menu .apps:hover .down{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.insc{
    width: 200px !important;
}

.c-in{
    background: #EADB9A !important;
}

.c-in:hover{
    background: #000!important;
    color: #EADB9A!important;
}

.btn-ins{
    padding: 10% 0;
}

.container-main-bases{
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 6%;
    padding-bottom: 6%;
}

.med-p03 {
    -webkit-animation: orbit2 15s linear infinite; /* Chrome, Safari 5 */
    -moz-animation: orbit2 15s linear infinite; /* Firefox 5-15 */
      -o-animation: orbit2 15s linear infinite; /* Opera 12+ */
         animation: orbit2 15s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
}

.med-c02, .med-l {
    -webkit-animation: orbit5 15s linear infinite; /* Chrome, Safari 5 */
    -moz-animation: orbit5 15s linear infinite; /* Firefox 5-15 */
      -o-animation: orbit5 15s linear infinite; /* Opera 12+ */
         animation: orbit5 15s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
}

.med-c01{
    -webkit-animation: orbit4 15s linear infinite; /* Chrome, Safari 5 */
    -moz-animation: orbit4 15s linear infinite; /* Firefox 5-15 */
      -o-animation: orbit4 15s linear infinite; /* Opera 12+ */
         animation: orbit4 15s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
}

.med-p {
	-webkit-animation: orbit 15s linear infinite; /* Chrome, Safari 5 */
       -moz-animation: orbit 15s linear infinite; /* Firefox 5-15 */
         -o-animation: orbit 15s linear infinite; /* Opera 12+ */
            animation: orbit 15s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
}

@-webkit-keyframes orbit2 {
	0% { 	-webkit-transform: rotate(0deg) translateX(40px) rotate(0deg); }
    25%   {  -webkit-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
    50%   {  -webkit-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
    75%   {  -webkit-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
    100%   {  -webkit-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
}

@-moz-keyframes orbit2 {
	0% { 	-moz-transform: rotate(0deg) translateX(40px) rotate(0deg); }
    25%   {  -moz-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
    50%   {  -moz-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
    75%   {  -moz-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
    100%   {  -moz-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
}

@-o-keyframes orbit2 {
	0% { 	-o-transform: rotate(0deg) translateX(40px) rotate(0deg); }
    25%   {  -o-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
    50%   {  -o-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
    75%   {  -o-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
    100%   {  -o-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
}

@keyframes orbit2 {
	0% { 	transform: rotate(0deg) translateX(40px) rotate(0deg); }
    25%   {  transform: rotate(90deg) translateX(40px) rotate(-90deg); }
    50%   {  transform: rotate(180deg) translateX(40px) rotate(-180deg); }
    75%   {  transform: rotate(270deg) translateX(40px) rotate(-270deg); }
    100%   {  transform: rotate(360deg) translateX(40px) rotate(-360deg); }
}


@-webkit-keyframes orbit {
	0% { 	-webkit-transform: rotate(0deg) translateX(20px) rotate(0deg); }
    25%   {  -webkit-transform: rotate(90deg) translateX(80px) rotate(-90deg); }
    50%   {  -webkit-transform: rotate(180deg) translateX(100px) rotate(-180deg); }
    75%   {  -webkit-transform: rotate(270deg) translateX(80px) rotate(-270deg); }
    100%   {  -webkit-transform: rotate(360deg) translateX(20px) rotate(-360deg); }
}

@-moz-keyframes orbit {
	0% { 	-moz-transform: rotate(0deg) translateX(20px) rotate(0deg); }
    25%   {  -moz-transform: rotate(90deg) translateX(80px) rotate(-90deg); }
    50%   {  -moz-transform: rotate(180deg) translateX(100px) rotate(-180deg); }
    75%   {  -moz-transform: rotate(270deg) translateX(80px) rotate(-270deg); }
    100%   {  -moz-transform: rotate(360deg) translateX(20px) rotate(-360deg); }
}

@-o-keyframes orbit {
	0% { 	-o-transform: rotate(0deg) translateX(20px) rotate(0deg); }
    25%   {  -o-transform: rotate(90deg) translateX(80px) rotate(-90deg); }
    50%   {  -o-transform: rotate(180deg) translateX(100px) rotate(-180deg); }
    75%   {  -o-transform: rotate(270deg) translateX(80px) rotate(-270deg); }
    100%   {  -o-transform: rotate(360deg) translateX(20px) rotate(-360deg); }
}

@keyframes orbit {
	0% { 	transform: rotate(0deg) translateX(40px) rotate(0deg); }
    25%   {  transform: rotate(90deg) translateX(40px) rotate(-90deg); }
    50%   {  transform: rotate(180deg) translateX(40px) rotate(-180deg); }
    75%   {  transform: rotate(270deg) translateX(40px) rotate(-270deg); }
    100%   {  transform: rotate(360deg) translateX(40px) rotate(-360deg); }
}

.med-p04{
    top: 35%;
    left: 0%;
    -webkit-animation: orbit3 15s linear infinite;
    -moz-animation: orbit3 15s linear infinite;
      -o-animation: orbit3 15s linear infinite;
         animation: orbit3 15s linear infinite;
}

@-webkit-keyframes orbit3 {
	0% { 	-webkit-transform: rotate(-90deg) translateX(300px) rotate(0deg); }
    25%   {  -webkit-transform: rotate(0deg) translateX(300px) rotate(90deg); }
    50%   {  -webkit-transform: rotate(90deg) translateX(300px) rotate(180deg); }
    75%   {  -webkit-transform: rotate(0deg) translateX(300px) rotate(90deg); }
    100%   {  -webkit-transform: rotate(-90deg) translateX(300px) rotate(0deg); }
}

@-moz-keyframes orbit3 {
	0% { 	-moz-transform: rotate(-90deg) translateX(300px) rotate(0deg); }
    25%   {  -moz-transform: rotate(0deg) translateX(300px) rotate(90deg); }
    50%   {  -moz-transform: rotate(90deg) translateX(300px) rotate(180deg); }
    75%   {  -moz-transform: rotate(0deg) translateX(300px) rotate(90deg); }
    100%   {  -moz-transform: rotate(-90deg) translateX(300px) rotate(0deg); }
}

@-o-keyframes orbit3 {
	0% { 	-o-transform: rotate(-90deg) translateX(300px) rotate(0deg); }
    25%   {  -o-transform: rotate(0deg) translateX(300px) rotate(90deg); }
    50%   {  -o-transform: rotate(90deg) translateX(300px) rotate(180deg); }
    75%   {  -o-transform: rotate(0deg) translateX(300px) rotate(90deg); }
    100%   {  -o-transform: rotate(-90deg) translateX(300px) rotate(0deg); }
}

@keyframes orbit3 {
	0% { 	transform: rotate(-90deg) translateX(300px) rotate(0deg); }
    25%   {  transform: rotate(0deg) translateX(300px) rotate(90deg); }
    50%   {  transform: rotate(90deg) translateX(300px) rotate(180deg); }
    75%   {  transform: rotate(0deg) translateX(300px) rotate(90deg); }
    100%   {  transform: rotate(-90deg) translateX(300px) rotate(0deg); }
}


@-webkit-keyframes orbit4 {
	0% { 	-webkit-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    25%   {  -webkit-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
    50%   {  -webkit-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
    75%   {  -webkit-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
    100%   {  -webkit-transform: rotate(0deg) translateX(40px) rotate(0deg); }
}

@-moz-keyframes orbit4 {
	0% { 	-moz-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    25%   {  -moz-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
    50%   {  -moz-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
    75%   {  -moz-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
    100%   {  -moz-transform: rotate(0deg) translateX(40px) rotate(0deg); }
}

@-o-keyframes orbit4 {
	0% { 	-o-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    25%   {  -o-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
    50%   {  -o-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
    75%   {  -o-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
    100%   {  -o-transform: rotate(0deg) translateX(40px) rotate(0deg); }
}

@keyframes orbit4 {
	0% { 	transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    25%   {  transform: rotate(270deg) translateX(40px) rotate(-270deg); }
    50%   {  transform: rotate(180deg) translateX(40px) rotate(-180deg); }
    75%   {  transform: rotate(90deg) translateX(40px) rotate(-90deg); }
    100%   {  transform: rotate(0deg) translateX(40px) rotate(0deg); }
}


@-webkit-keyframes orbit5 {
	0% { 	-webkit-transform: rotate(0deg) translateX(40px) ; }
    25%   {  -webkit-transform: rotate(90deg) translateX(40px) ; }
    50%   {  -webkit-transform: rotate(180deg) translateX(40px) ; }
    75%   {  -webkit-transform: rotate(270deg) translateX(40px) ; }
    100%   {  -webkit-transform: rotate(360deg) translateX(40px) ; }
}

@-moz-keyframes orbit5 {
	0% { 	-moz-transform: rotate(0deg) translateX(40px) ; }
    25%   {  -moz-transform: rotate(90deg) translateX(40px) ; }
    50%   {  -moz-transform: rotate(180deg) translateX(40px) ; }
    75%   {  -moz-transform: rotate(270deg) translateX(40px) ; }
    100%   {  -moz-transform: rotate(360deg) translateX(40px) ; }
}

@-o-keyframes orbit5 {
	0% { 	-o-transform: rotate(0deg) translateX(40px) ; }
    25%   {  -o-transform: rotate(90deg) translateX(40px) ; }
    50%   {  -o-transform: rotate(180deg) translateX(40px) ; }
    75%   {  -o-transform: rotate(270deg) translateX(40px) ; }
    100%   {  -o-transform: rotate(360deg) translateX(40px) ; }
}

@keyframes orbit5 {
	0% { 	transform: rotate(0deg) translateX(40px) ; }
    25%   {  transform: rotate(90deg) translateX(40px) ; }
    50%   {  transform: rotate(180deg) translateX(40px) ; }
    75%   {  transform: rotate(270deg) translateX(40px) ; }
    100%   {  transform: rotate(360deg) translateX(40px) ; }
}


@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-40px);}
	60% {transform: translateY(-20px);}
}

#enlace-privacidad{
    color: #000;
}

#politica-privacidad{
    font-size: 20px;
    padding: 100px 5%;
    text-align: justify;
}

#politica-privacidad li{
    list-style: none;
}

footer{
    height: auto !important;
    padding: 50px 0;
}

#enlaces-footer{
    display: block;
    float: none;
    width: 100%;
}

#enlaces-footer a,
#enlaces-footer span{
    color: #999;
    font-size: 14px;
    margin: 0 10px;
}

#recuperar-password{
    padding: 130px 0;
}

#campos-password{
    max-width: 500px;
    margin-top: 30px;
}

#campos-password div{
    margin-bottom: 20px;
}

#actualizar-password{
    background: #F5E49F;
    color: #000;
    border-radius: 25px;
    display: block;
    padding: 10px;
    font-family: 'circularBook';
    border: none;
    text-align: center;
    max-width: 200px;
}

#actualizar-password:hover{
    background: #000;
    color: #F5E49F;
}

#messages{
    position: fixed;
    width: 100%;
    z-index: 100000;
    top: 100px;
}

#messages .alert{
    background-color: #fff;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

#messages .alert-error{
    border: 1px solid #b20000;
    color: #b20000;
}

#messages .alert-success{
    border: 1px solid #00b200;
    color: #00b200;
}

.texto-logo{
    margin-bottom: 20px;
}

.texto-logo span{
    position: relative;
}

.texto-logo::before{
    content: url('../img/home/conegro.png');
}

.container-publicar .texto-logo::before{
    content: ' ';
    background: url('../img/home/logo.png');
    width: 40px;
    display: inline-block;
    height: 40px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
}

.contacto-home{
    background-color: #f5f5f5;
    position: relative;
}

#enviar-contacto{
    cursor: pointer;
}

@media all and (max-width: 375px)
{
    .izq p, .izq-4 p{
        font-size: 18px;
        margin-bottom: 5%;
        text-align: justify;
    }

    .container-main {
        padding-top: 40%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%;
    }

    .container-main h1, .container-main-bases h1 {
        font-size: 30px;
    }

    .container-historias, .der-4 {
        width: 80%;
        margin: 0 10%;
    }

    .container-historias{
        display: inline-block;
        margin-bottom: -7px;
        padding-bottom: 0;
    }

    .izq-4 {
        width: 100%;
        margin-top: 5%;
        margin-bottom: 250px;
    }

    .der-4.visible {
        background-position: center 430px;
    }

    .der-4 {
        background-position: center 600px;
        background-size: 60% auto;
    }

    .izq, .der{
        width: 100%;
    }

    .der{
        margin-bottom: 0;
    }

    .med-p{
        display: none;
    }

    .med-cir {
        top: 45px;
    }

    .izq h1, .der-3 h1, .izq-4 h1 {
        font-size: 30px;
    }

    .container-futuro .izq p, .container-publicar .der-3 p {
        font-size: 18px;
        text-align: justify;
    }

    .form-control {
        font-size: 18px;
        text-align: justify;
    }

    .container-form h1 {
        /* font-size: 30px; */
    }

    .logoSotano {
        width: 75%;
    }
    
    .bases {
        padding: 0px 0;
        width: 200px;
    }

    .chica {
        width: 100%;
        margin-top: 75px;
        position: relative;
    }

    .chica.desktop{
        display: none;
    }

    .chica.mobile{
        display: block;
    }

    .container-publicar {
        padding: 0% 10%;
        display: inline-block;
    }
    .izq-1 {
        width: 100%;
        margin-top: 15%;
    }
    .cot {
        width: 20%;
        margin: 0 auto;
        display: block;
    }
    .der-3 {
        width: 100%;
        margin-top: 10%;
        padding-left: 0%;
        text-align: justify;
    }

    .der-3 h1{
        text-align: center;
    }

    .conoce {
        margin: 5% auto;
        font-size: 20px;
        width: 200px;
    }

    .container-form {
        padding: 50px 10%;
    }

    .p-5 {
        padding: 3rem 0 0 !important;
    }

    .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .f-righ {
        float: unset;
    }

    .w-inp {
        width: 100%;
    }

    .cond {
        width: 100%;
        font-size: 10px;
    }

    .py-2 {
        float: unset;
        margin-top: 50px;
        width: 200px;
        height: 42px;
        font-size: 20px;
    }

    .c-foot {
        height: 100%;
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .creditos{
        display: none;
    }

    .creditosm{
        float: right;
        width: 100%;
        text-align: center;
        padding-top: 4%;
        display: block;
    }

    .foot {
        width: 100%;
    }

    .insta {
        margin-left: 2%;
        margin-right: 40%;
        width: 35px;
        height: 35px;
        background-size: contain;
    }

    .face{
        width: 35px;
        height: 35px;
        background-size: contain;
    }

    .c-foot {
        /* padding-top: 5%; */
    }

    .med-c01, .med-c02, .med-p02{
        display: none;
    }

    .med-p04{
        -webkit-animation: orbit2 15s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 15s linear infinite; /* Firefox 5-15 */
            -o-animation: orbit2 15s linear infinite; /* Opera 12+ */
                animation: orbit2 15s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .med-l {
        top: 480px;
        left: 0px;
    }

    .med-p01 {
        top: 2010px;
    }

    .med-p03 {
        top: 2010px;
        -webkit-animation: orbit2 5s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 5s linear infinite; /* Firefox 5-15 */
        -o-animation: orbit2 5s linear infinite; /* Opera 12+ */
        animation: orbit2 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .med-p04 {
        top: 20%
        left: -4%;
        width: 14%;
        -webkit-animation: orbit2 5s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 5s linear infinite; /* Firefox 5-15 */
        -o-animation: orbit2 5s linear infinite; /* Opera 12+ */
        animation: orbit2 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .foot_co{
        width: 20%;
    }

    .foot-m p {
        font-size: 30px;
    }

    .foot-m{
        width: 90%;
    }

    footer {
        height: 300px;
    }

    .c-foot{
        /* padding-top: 15%; */
    }

    @-webkit-keyframes orbit5 {
        0% { 	-webkit-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -webkit-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -webkit-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -webkit-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -webkit-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @-moz-keyframes orbit5 {
        0% { 	-moz-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -moz-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -moz-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -moz-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -moz-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @-o-keyframes orbit5 {
        0% { 	-o-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -o-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -o-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -o-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -o-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @keyframes orbit5 {
        0% { 	transform: rotate(0deg) translateX(0px) ; }
        25%   {  transform: rotate(90deg) translateX(0px) ; }
        50%   {  transform: rotate(180deg) translateX(0px) ; }
        75%   {  transform: rotate(270deg) translateX(0px) ; }
        100%   {  transform: rotate(360deg) translateX(0px) ; }
    }

    @-webkit-keyframes orbit2 {
        0% { 	-webkit-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -webkit-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -webkit-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -webkit-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -webkit-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @-moz-keyframes orbit2 {
        0% { 	-moz-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -moz-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -moz-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -moz-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -moz-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @-o-keyframes orbit2 {
        0% { 	-o-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -o-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -o-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -o-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -o-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @keyframes orbit2 {
        0% { 	transform: rotate(0deg) translateX(10px) rotate(0deg); }
        25%   {  transform: rotate(90deg) translateX(10px) rotate(-90deg); }
        50%   {  transform: rotate(180deg) translateX(10px) rotate(-180deg); }
        75%   {  transform: rotate(270deg) translateX(10px) rotate(-270deg); }
        100%   {  transform: rotate(360deg) translateX(10px) rotate(-360deg); }
    }

    #main-menu ul {
        display: none;
    }

    #slogan {
        padding-right: 0;
        width: 200px;
    }

    #slogan img {
        width: 145px;
    }

    .no-scroll {
        overflow: hidden;
    }

    .desplegar-menu{
        display: block;
    }

    .desplegar-menu.desplegado{
        border-color: #000;
    }
    
    .desplegar-menu::before{
        background-color: #000;
        content: "";
        height: 3px;
        position: absolute;
        transition: all .3s linear;
        top: 21px;
        width: 20px;
        right: 10px;
    }
    
    .desplegar-menu::after{
        background-color: #000;
        content: "";
        height: 3px;
        position: absolute;
        transition: all .3s linear;
        top: 30px;
        width: 20px;
        right: 10px;
    }

    .oscuro{
        background-color: #000!important;
    }
    
    .desplegar-menu.desplegado::before{
        background-color: #fff;
        -ms-transform: rotate(45deg) translate(3px,2px);
        transform: rotate(45deg) translate(3px,2px);
    }
    
    .desplegar-menu.desplegado::after{
        background-color: #fff;
        -ms-transform: rotate(-45deg) translate(4px,-3px);
        transform: rotate(-45deg) translate(4px,-3px);
    }

    .img-home-logo-w{
        content:url("../img/home/logotipoCow.png");
    }

    .listMenu ul {
        list-style-type: none;
    }

    .men-insta{
        margin-right: 2% !important;
    }

    .redes-menu{
        display: flex;
        justify-content: center;
    }

    .listMenu ul li{
        text-align: center;
        color: #fff;
    }

    .listMenu ul li a{
        color: #fff;
        font-size: 45px;
        font-weight: bold!important;
        font-family: 'CrinsomBold';
    }
    
    .img-home-slogan-w{
        content:url("../img/home/sloganw.png");
    }

    #menu-mobile{
        background-color: #000;
        display: none;
        height: 100%;
        position: fixed;
        transition: all .2s linear;
        width: 100%;
        z-index: 20;
        overflow: auto;
    }

    #menu-mobile .wrapper{
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (min-width:376px) and (max-width: 480px)
{

    .izq p, .izq-4 p{
        font-size: 18px;
        margin-bottom: 5%;
        text-align: justify;
    }

    .container-main {
        padding-top: 40%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%;
    }

    .container-main h1, .container-main-bases h1 {
        font-size: 30px;
    }

    .container-historias, .der-4 {
        width: 80%;
        margin: 0 10%;
    }

    .container-historias{
        display: inline-block;
        margin-bottom: -7px;
        padding-bottom: 0;
    }

    .izq-4 {
        width: 100%;
        margin-top: 5%;
        margin-bottom: 250px;
    }

    .der-4.visible {
        background-position: center 430px;
    }

    .der-4 {
        background-position: center 600px;
        background-size: 60% auto;
    }

    .izq, .der{
        width: 100%;
    }

    .der{
        margin-bottom: 0;
    }

    .med-p{
        display: none;
    }

    .med-cir {
        top: 45px;
    }

    .izq h1, .der-3 h1, .izq-4 h1 {
        font-size: 30px;
    }

    .container-futuro .izq p, .container-publicar .der-3 p {
        font-size: 18px;
        text-align: justify;
    }

    .form-control {
        font-size: 18px;
        text-align: justify;
    }

    .container-form h1 {
        /* font-size: 30px; */
    }

    .logoSotano {
        width: 75%;
    }
    
    .bases {
        padding: 0px 0;
        width: 200px;
    }

    .chica {
        width: 100%;
        margin-top: 75px;
        position: relative;
    }

    .chica.desktop{
        display: none;
    }

    .chica.mobile{
        display: block;
    }

    .container-publicar {
        padding: 0% 10%;
        display: inline-block;
    }
    .izq-1 {
        width: 100%;
        margin-top: 15%;
    }
    .cot {
        width: 20%;
        margin: 0 auto;
        display: block;
    }
    .der-3 {
        width: 100%;
        margin-top: 10%;
        padding-left: 0%;
        text-align: justify;
    }

    .der-3 h1{
        text-align: center;
    }

    .conoce {
        margin: 5% auto;
        font-size: 20px;
        width: 200px;
    }

    .container-form {
        padding: 50px 10%;
    }

    .p-5 {
        padding: 3rem 0 0 !important;
    }

    .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .f-righ {
        float: unset;
    }

    .w-inp {
        width: 100%;
    }

    .cond {
        width: 100%;
        font-size: 10px;
    }

    .py-2 {
        float: unset;
        margin-top: 50px;
        width: 200px;
        height: 42px;
        font-size: 20px;
    }

    .c-foot {
        height: 100%;
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .creditos{
        display: none;
    }

    .creditosm{
        float: right;
        width: 100%;
        text-align: center;
        padding-top: 4%;
        display: block;
    }

    .foot {
        width: 100%;
    }

    .insta {
        margin-left: 2%;
        margin-right: 40%;
        /* width: 35px;
        height: 35px; */
        background-size: contain;
    }

    .face{
        /* width: 35px;
        height: 35px; */
        background-size: contain;
    }

    .c-foot {
        /* padding-top: 5%; */
    }

    .med-c01, .med-c02, .med-p02{
        display: none;
    }

    .med-p04{
        -webkit-animation: orbit2 15s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 15s linear infinite; /* Firefox 5-15 */
            -o-animation: orbit2 15s linear infinite; /* Opera 12+ */
                animation: orbit2 15s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .med-l {
        top: 480px;
        left: 0px;
    }

    .med-p01 {
        top: 2010px;
    }

    .med-p03 {
        top: 2010px;
        -webkit-animation: orbit2 5s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 5s linear infinite; /* Firefox 5-15 */
        -o-animation: orbit2 5s linear infinite; /* Opera 12+ */
        animation: orbit2 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .med-p04 {
        top: 20%;
        left: -4%;
        width: 14%;
        -webkit-animation: orbit2 5s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 5s linear infinite; /* Firefox 5-15 */
        -o-animation: orbit2 5s linear infinite; /* Opera 12+ */
        animation: orbit2 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .foot_co{
        width: 20%;
    }

    .foot-m p {
        font-size: 30px;
    }

    .foot-m{
        width: 90%;
    }

    footer {
        height: 300px;
    }

    .c-foot{
        /* padding-top: 15%; */
    }

    @-webkit-keyframes orbit5 {
        0% { 	-webkit-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -webkit-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -webkit-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -webkit-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -webkit-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @-moz-keyframes orbit5 {
        0% { 	-moz-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -moz-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -moz-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -moz-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -moz-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @-o-keyframes orbit5 {
        0% { 	-o-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -o-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -o-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -o-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -o-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @keyframes orbit5 {
        0% { 	transform: rotate(0deg) translateX(0px) ; }
        25%   {  transform: rotate(90deg) translateX(0px) ; }
        50%   {  transform: rotate(180deg) translateX(0px) ; }
        75%   {  transform: rotate(270deg) translateX(0px) ; }
        100%   {  transform: rotate(360deg) translateX(0px) ; }
    }

    @-webkit-keyframes orbit2 {
        0% { 	-webkit-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -webkit-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -webkit-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -webkit-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -webkit-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @-moz-keyframes orbit2 {
        0% { 	-moz-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -moz-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -moz-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -moz-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -moz-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @-o-keyframes orbit2 {
        0% { 	-o-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -o-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -o-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -o-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -o-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @keyframes orbit2 {
        0% { 	transform: rotate(0deg) translateX(10px) rotate(0deg); }
        25%   {  transform: rotate(90deg) translateX(10px) rotate(-90deg); }
        50%   {  transform: rotate(180deg) translateX(10px) rotate(-180deg); }
        75%   {  transform: rotate(270deg) translateX(10px) rotate(-270deg); }
        100%   {  transform: rotate(360deg) translateX(10px) rotate(-360deg); }
    }

    #main-menu ul {
        display: none;
    }

    #slogan {
        padding-right: 0;
        width: 200px;
    }

    #slogan img {
        width: 145px;
    }

    .no-scroll {
        overflow: hidden;
    }

    .desplegar-menu{
        display: block;
    }

    .desplegar-menu.desplegado{
        border-color: #000;
    }
    
    .desplegar-menu::before{
        background-color: #000;
        content: "";
        height: 3px;
        position: absolute;
        transition: all .3s linear;
        top: 21px;
        width: 20px;
        right: 10px;
    }
    
    .desplegar-menu::after{
        background-color: #000;
        content: "";
        height: 3px;
        position: absolute;
        transition: all .3s linear;
        top: 30px;
        width: 20px;
        right: 10px;
    }

    .oscuro{
        background-color: #000!important;
    }
    
    .desplegar-menu.desplegado::before{
        background-color: #fff;
        -ms-transform: rotate(45deg) translate(3px,2px);
        transform: rotate(45deg) translate(3px,2px);
    }
    
    .desplegar-menu.desplegado::after{
        background-color: #fff;
        -ms-transform: rotate(-45deg) translate(4px,-3px);
        transform: rotate(-45deg) translate(4px,-3px);
    }

    .img-home-logo-w{
        content:url("../img/home/logotipoCow.png");
    }

    .listMenu ul {
        list-style-type: none;
    }

    .men-insta{
        margin-right: 2% !important;
    }

    .redes-menu{
        display: flex;
        justify-content: center;
    }

    .listMenu ul li{
        text-align: center;
        color: #fff;
    }

    .listMenu ul li a{
        color: #fff;
        font-size: 55px;
        font-weight: bold!important;
        font-family: 'CrinsomBold';
    }
    
    .img-home-slogan-w{
        content:url("../img/home/sloganw.png");
    }

    #menu-mobile{
        background-color: #000;
        display: none;
        height: 100%;
        position: fixed;
        transition: all .2s linear;
        width: 100%;
        z-index: 20;
        overflow: auto;
        justify-content: center;
    }

    #menu-mobile .wrapper{
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (min-width:481px) and (max-width: 580px)
{
    .container-main {
        padding-top: 33%;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 5%;
    }

    .container-main h1, .container-main-bases h1 {
        font-size: 30px;
    }

    .container-historias, .der-4 {
        width: 80%;
        margin: 0 10%;
    }

    .container-historias{
        display: inline-block;
        margin-bottom: -7px;
        padding-bottom: 0;
    }

    .izq-4 {
        width: 100%;
        margin-top: 5%;
        margin-bottom: 300px;
    }

    .der-4.visible {
        background-position: center 430px;
    }

    .der-4 {
        background-position: center 600px;
        background-size: 50% auto;
    }

    .izq, .der{
        width: 100%;
    }

    .der{
        margin-bottom: 0;
    }

    .med-p{
        display: none;
    }

    .med-cir {
        top: 45px;
    }

    .izq h1, .der-3 h1, .izq-4 h1 {
        font-size: 30px;
    }

    .container-futuro .izq p, .container-publicar .der-3 p {
        font-size: 20px;
    }

    .form-control {
        font-size: 20px;
    }

    .container-form h1 {
        /* font-size: 30px; */
    }

    .logoSotano {
        width: 75%;
    }
    
    .bases {
        font-size: 30px;
        padding: 0px 0;
        width: 200px;
    }

    .chica {
        width: 100%;
        margin-top: 75px;
        position: relative;
    }

    .chica.desktop{
        display: none;
    }

    .chica.mobile{
        display: block;
    }

    .container-publicar {
        padding: 0% 10%;
        display: inline-block;
    }
    .izq-1 {
        width: 100%;
        margin-top: 10%;
    }
    .cot {
        width: 20%;
        margin: 0 auto;
        display: block;
    }
    .der-3 {
        width: 100%;
        margin-top: 10%;
        padding-left: 0%;
        text-align: justify;
    }

    .der-3 h1{
        text-align: center;
    }

    .conoce {
        margin: 5% auto;
    }

    .container-form {
        padding: 50px 10%;
    }

    .p-5 {
        padding: 3rem 0 0 !important;
    }

    .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .f-righ {
        float: unset;
    }

    .w-inp {
        width: 100%;
    }

    .cond {
        width: 100%;
    }

    .py-2 {
        float: unset;
        margin-top: 50px;
    }

    .c-foot {
        height: 100%;
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .creditos{
        display: none;
    }

    .creditosm{
        float: right;
        width: 100%;
        text-align: center;
        padding-top: 4%;
        display: block;
    }

    .foot {
        width: 100%;
    }

    .insta {
        margin-left: 2%;
        margin-right: 40%;
    }

    .c-foot {
        /* padding-top: 5%; */
    }

    .med-c01, .med-c02, .med-p02{
        display: none;
    }

    .med-p04{
        -webkit-animation: orbit2 15s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 15s linear infinite; /* Firefox 5-15 */
            -o-animation: orbit2 15s linear infinite; /* Opera 12+ */
                animation: orbit2 15s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .med-l {
        top: 480px;
        left: 0px;
    }

    .med-p01 {
        top: 2090px;
    }

    .med-p03 {
        top: 2090px;
        -webkit-animation: orbit2 5s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 5s linear infinite; /* Firefox 5-15 */
        -o-animation: orbit2 5s linear infinite; /* Opera 12+ */
        animation: orbit2 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .med-p04 {
        top: 20%;
        left: -4%;
        -webkit-animation: orbit2 5s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 5s linear infinite; /* Firefox 5-15 */
        -o-animation: orbit2 5s linear infinite; /* Opera 12+ */
        animation: orbit2 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .foot_co{
        width: 20%;
    }

    .foot-m p {
        font-size: 30px;
    }

    footer {
        height: 300px;
    }

    @-webkit-keyframes orbit5 {
        0% { 	-webkit-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -webkit-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -webkit-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -webkit-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -webkit-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @-moz-keyframes orbit5 {
        0% { 	-moz-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -moz-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -moz-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -moz-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -moz-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @-o-keyframes orbit5 {
        0% { 	-o-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -o-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -o-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -o-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -o-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @keyframes orbit5 {
        0% { 	transform: rotate(0deg) translateX(0px) ; }
        25%   {  transform: rotate(90deg) translateX(0px) ; }
        50%   {  transform: rotate(180deg) translateX(0px) ; }
        75%   {  transform: rotate(270deg) translateX(0px) ; }
        100%   {  transform: rotate(360deg) translateX(0px) ; }
    }

    @-webkit-keyframes orbit2 {
        0% { 	-webkit-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -webkit-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -webkit-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -webkit-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -webkit-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @-moz-keyframes orbit2 {
        0% { 	-moz-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -moz-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -moz-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -moz-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -moz-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @-o-keyframes orbit2 {
        0% { 	-o-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -o-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -o-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -o-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -o-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @keyframes orbit2 {
        0% { 	transform: rotate(0deg) translateX(10px) rotate(0deg); }
        25%   {  transform: rotate(90deg) translateX(10px) rotate(-90deg); }
        50%   {  transform: rotate(180deg) translateX(10px) rotate(-180deg); }
        75%   {  transform: rotate(270deg) translateX(10px) rotate(-270deg); }
        100%   {  transform: rotate(360deg) translateX(10px) rotate(-360deg); }
    }

    #main-menu ul {
        display: none;
    }

    #slogan {
        padding-right: 0;
        width: 200px;
    }

    #slogan img {
        width: 145px;
    }

    .no-scroll {
        overflow: hidden;
    }

    .desplegar-menu{
        display: block;
    }

    .desplegar-menu.desplegado{
        border-color: #000;
    }
    
    .desplegar-menu::before{
        background-color: #000;
        content: "";
        height: 3px;
        position: absolute;
        transition: all .3s linear;
        top: 21px;
        width: 20px;
        right: 10px;
    }
    
    .desplegar-menu::after{
        background-color: #000;
        content: "";
        height: 3px;
        position: absolute;
        transition: all .3s linear;
        top: 30px;
        width: 20px;
        right: 10px;
    }

    .oscuro{
        background-color: #000!important;
    }
    
    .desplegar-menu.desplegado::before{
        background-color: #fff;
        -ms-transform: rotate(45deg) translate(3px,2px);
        transform: rotate(45deg) translate(3px,2px);
    }
    
    .desplegar-menu.desplegado::after{
        background-color: #fff;
        -ms-transform: rotate(-45deg) translate(4px,-3px);
        transform: rotate(-45deg) translate(4px,-3px);
    }

    .img-home-logo-w{
        content:url("../img/home/logotipoCow.png");
    }

    .listMenu ul {
        list-style-type: none;
    }

    .men-insta{
        margin-right: 2% !important;
    }

    .redes-menu{
        display: flex;
        justify-content: center;
    }

    .listMenu ul li{
        text-align: center;
        color: #fff;
    }

    .listMenu ul li a{
        color: #fff;
        font-size: 55px;
        font-weight: bold!important;
        font-family: 'CrinsomBold';
    }
    
    .img-home-slogan-w{
        content:url("../img/home/sloganw.png");
    }

    #menu-mobile{
        background-color: #000;
        display: none;
        height: 100%;
        position: fixed;
        transition: all .2s linear;
        width: 100%;
        z-index: 20;
        overflow: auto;
        justify-content: center;
    }

    #menu-mobile .wrapper{
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (min-width:581px) and (max-width: 780px)
{

    #main-menu ul {
        display: none;
    }

    #slogan {
        padding-right: 0;
        width: 200px;
    }

    #slogan img {
        width: 145px;
    }

    .no-scroll {
        overflow: hidden;
    }

    .desplegar-menu{
        display: block;
    }

    .desplegar-menu.desplegado{
        border-color: #000;
    }
    
    .desplegar-menu::before{
        background-color: #000;
        content: "";
        height: 3px;
        position: absolute;
        transition: all .3s linear;
        top: 21px;
        width: 20px;
        right: 10px;
    }
    
    .desplegar-menu::after{
        background-color: #000;
        content: "";
        height: 3px;
        position: absolute;
        transition: all .3s linear;
        top: 30px;
        width: 20px;
        right: 10px;
    }

    .oscuro{
        background-color: #000!important;
    }
    
    .desplegar-menu.desplegado::before{
        background-color: #fff;
        -ms-transform: rotate(45deg) translate(3px,2px);
        transform: rotate(45deg) translate(3px,2px);
    }
    
    .desplegar-menu.desplegado::after{
        background-color: #fff;
        -ms-transform: rotate(-45deg) translate(4px,-3px);
        transform: rotate(-45deg) translate(4px,-3px);
    }

    .img-home-logo-w{
        content:url("../img/home/logotipoCow.png");
    }

    .listMenu ul {
        list-style-type: none;
    }

    .men-insta{
        margin-right: 2% !important;
    }

    .redes-menu{
        display: flex;
        justify-content: center;
    }

    .listMenu ul li{
        text-align: center;
        color: #fff;
    }

    .listMenu ul li a{
        color: #fff;
        font-size: 55px;
        font-weight: bold!important;
        font-family: 'CrinsomBold';
    }
    
    .img-home-slogan-w{
        content:url("../img/home/sloganw.png");
    }

    #menu-mobile{
        background-color: #000;
        display: none;
        height: 100%;
        position: fixed;
        transition: all .2s linear;
        width: 100%;
        z-index: 20;
        overflow: auto;
        justify-content: center;
    }

    #menu-mobile .wrapper{
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .container-main {
        padding-top: 20%;
        padding-left: 10%;
        padding-right: 10%;
    }

    .container-main h1, .container-main-bases h1 {
        font-size: 35px;
    }

    .container-historias, .der-4 {
        width: 80%;
        margin: 0 10%;
    }

    .container-historias{
        display: inline-block;
        margin-bottom: -7px;
        padding-bottom: 0;
    }

    .izq-4 {
        width: 100%;
        margin-top: 5%;
        margin-bottom: 300px;
    }

    .der-4.visible {
        background-position: center 430px;
    }

    .der-4 {
        background-position: center 600px;
        background-size: 50% auto;
    }

    .izq, .der{
        width: 100%;
    }

    .der{
        margin-bottom: 0;
    }

    .med-p{
        display: none;
    }

    .med-cir {
        top: 45px;
    }

    .izq h1, .der-3 h1, .izq-4 h1 {
        font-size: 35px;
    }

    .container-futuro .izq p, .container-publicar .der-3 p {
        font-size: 20px;
    }

    .form-control {
        font-size: 20px;
    }

    .container-form h1 {
        font-size: 35px;
    }

    .logoSotano {
        width: 75%;
    }
    
    .bases {
        font-size: 30px;
        padding: 0px 0;
        width: 200px;
    }

    .chica {
        width: 100%;
        margin-top: 75px;
        position: relative;
    }

    .chica.desktop{
        display: none;
    }

    .chica.mobile{
        display: block;
    }

    .container-publicar {
        padding: 0% 10%;
        display: inline-block;
    }
    .izq-1 {
        width: 100%;
        margin-top: 10%;
    }
    .cot {
        width: 20%;
        margin: 0 auto;
        display: block;
    }
    .der-3 {
        width: 100%;
        margin-top: 10%;
        padding-left: 0%;
        text-align: justify;
    }

    .der-3 h1{
        text-align: center;
    }

    .conoce {
        margin: 5% auto;
    }

    .container-form {
        padding: 50px 10%;
    }

    .p-5 {
        padding: 3rem 0 0 !important;
    }

    .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .f-righ {
        float: unset;
    }

    .w-inp {
        width: 100%;
    }

    .cond {
        width: 100%;
    }

    .py-2 {
        float: unset;
        margin-top: 50px;
    }

    .c-foot {
        height: 100%;
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .creditos{
        display: none;
    }

    .creditosm{
        float: right;
        width: 100%;
        text-align: center;
        padding-top: 4%;
        display: block;
    }

    .foot {
        width: 100%;
    }

    .insta {
        margin-left: 2%;
        margin-right: 40%;
    }

    .c-foot {
        /* padding-top: 5%; */
    }

    .med-c01, .med-c02, .med-p02{
        display: none;
    }

    .med-p04{
        -webkit-animation: orbit2 15s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 15s linear infinite; /* Firefox 5-15 */
            -o-animation: orbit2 15s linear infinite; /* Opera 12+ */
                animation: orbit2 15s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .med-l {
        top: 480px;
        left: 0px;
    }

    .med-p01 {
        /* top: 2090px; */
        right: -80px;
    }

    .med-p03 {
        /* top: 2090px; */
        right: -40px;
        -webkit-animation: orbit2 5s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 5s linear infinite; /* Firefox 5-15 */
        -o-animation: orbit2 5s linear infinite; /* Opera 12+ */
        animation: orbit2 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .med-p04 {
        top: 20%;
        left: -4%;
        -webkit-animation: orbit2 5s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 5s linear infinite; /* Firefox 5-15 */
        -o-animation: orbit2 5s linear infinite; /* Opera 12+ */
        animation: orbit2 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .foot_co{
        width: 20%;
    }

    .foot-m p {
        font-size: 35px;
    }

    footer {
        height: 300px;
    }

    @-webkit-keyframes orbit5 {
        0% { 	-webkit-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -webkit-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -webkit-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -webkit-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -webkit-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @-moz-keyframes orbit5 {
        0% { 	-moz-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -moz-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -moz-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -moz-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -moz-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @-o-keyframes orbit5 {
        0% { 	-o-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -o-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -o-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -o-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -o-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @keyframes orbit5 {
        0% { 	transform: rotate(0deg) translateX(0px) ; }
        25%   {  transform: rotate(90deg) translateX(0px) ; }
        50%   {  transform: rotate(180deg) translateX(0px) ; }
        75%   {  transform: rotate(270deg) translateX(0px) ; }
        100%   {  transform: rotate(360deg) translateX(0px) ; }
    }

    @-webkit-keyframes orbit2 {
        0% { 	-webkit-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -webkit-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -webkit-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -webkit-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -webkit-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @-moz-keyframes orbit2 {
        0% { 	-moz-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -moz-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -moz-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -moz-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -moz-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @-o-keyframes orbit2 {
        0% { 	-o-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -o-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -o-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -o-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -o-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @keyframes orbit2 {
        0% { 	transform: rotate(0deg) translateX(10px) rotate(0deg); }
        25%   {  transform: rotate(90deg) translateX(10px) rotate(-90deg); }
        50%   {  transform: rotate(180deg) translateX(10px) rotate(-180deg); }
        75%   {  transform: rotate(270deg) translateX(10px) rotate(-270deg); }
        100%   {  transform: rotate(360deg) translateX(10px) rotate(-360deg); }
    }
}

@media (min-width:781px) and (max-width: 991px)
{
    .container-main {
        padding-top: 13%;
    }

    .container-historias, .der-4 {
        width: 90%;
        margin: 0 5%;
    }

    .container-historias{
        display: inline-block;
        margin-bottom: -7px;
        padding-bottom: 0;
    }

    .izq-4 {
        width: 100%;
        margin-top: 5%;
        margin-bottom: 470px;
    }

    .der-4.visible {
        background-position: center 500px;
    }

    .der-4 {
        background-position: center 800px;
        background-size: 50% auto;
    }

    .izq, .der{
        width: 100%;
    }

    .der{
        margin-bottom: 0;
    }

    .chica.desktop{
        display: none;
    }

    .chica.mobile{
        display: block;
    }

    .iconos-apps.desktop{
        display: none;
    }

    .iconos-apps.mobile{
        display: block;
        margin: 50px 0;
    }

    .med-p{
        display: none;
    }

    .med-cir {
        top: 25px;
    }

    .logoSotano {
        width: 60%;
    }
    
    .bases {
        font-size: 35px;
        padding: 0px 0;
        width: 200px;
    }

    .chica {
        width: 100%;
        position: relative;
        margin-top: 75px;
    }

    .chica.desktop{
        display: none;
    }

    .chica.mobile{
        display: block;
    }

    .container-publicar {
        padding: 0% 5%;
        display: inline-block;
        overflow: hidden;
    }
    .izq-1 {
        width: 100%;
        margin-top: 10%;
    }
    .cot {
        width: 20%;
        margin: 0 auto;
        display: block;
    }
    .der-3 {
        width: 100%;
        margin-top: 10%;
        padding-left: 0%;
        text-align: justify;
    }

    .der-3 h1{
        text-align: center;
    }

    .conoce {
        margin: 5% auto;
    }

    .container-form {
        padding: 50px 5%;
    }

    .p-5 {
        padding: 3rem 0 0 !important;
    }

    .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .f-righ {
        float: unset;
    }

    .w-inp {
        width: 100%;
    }

    .cond {
        width: 100%;
    }

    .py-2 {
        float: unset;
        margin-top: 50px;
    }

    .c-foot {
        height: 100%;
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .creditos{
        display: none;
    }

    .creditosm{
        float: right;
        width: 100%;
        text-align: center;
        padding-top: 4%;
        display: block;
    }

    .foot {
        width: 100%;
    }

    .insta {
        margin-left: 2%;
        margin-right: 43%;
    }

    .c-foot {
        /* padding-top: 5%; */
    }

    .med-c01, .med-c02, .med-p02{
        display: none;
    }

    .med-p04{
        -webkit-animation: orbit2 15s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 15s linear infinite; /* Firefox 5-15 */
            -o-animation: orbit2 15s linear infinite; /* Opera 12+ */
                animation: orbit2 15s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .med-l {
        top: 622px;
        left: -32px;
    }

    .med-p01 {
        /* top: 2610px; */
        right: -100px;
    }

    .med-p03 {
        /* top: 2610px; */
        right: -30px;
        -webkit-animation: orbit2 5s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 5s linear infinite; /* Firefox 5-15 */
        -o-animation: orbit2 5s linear infinite; /* Opera 12+ */
        animation: orbit2 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    .med-p04 {
        top: 20%;
        left: -4%;
        -webkit-animation: orbit2 5s linear infinite; /* Chrome, Safari 5 */
        -moz-animation: orbit2 5s linear infinite; /* Firefox 5-15 */
        -o-animation: orbit2 5s linear infinite; /* Opera 12+ */
        animation: orbit2 5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
    }

    @-webkit-keyframes orbit5 {
        0% { 	-webkit-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -webkit-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -webkit-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -webkit-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -webkit-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @-moz-keyframes orbit5 {
        0% { 	-moz-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -moz-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -moz-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -moz-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -moz-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @-o-keyframes orbit5 {
        0% { 	-o-transform: rotate(0deg) translateX(0px) ; }
        25%   {  -o-transform: rotate(90deg) translateX(0px) ; }
        50%   {  -o-transform: rotate(180deg) translateX(0px) ; }
        75%   {  -o-transform: rotate(270deg) translateX(0px) ; }
        100%   {  -o-transform: rotate(360deg) translateX(0px) ; }
    }
    
    @keyframes orbit5 {
        0% { 	transform: rotate(0deg) translateX(0px) ; }
        25%   {  transform: rotate(90deg) translateX(0px) ; }
        50%   {  transform: rotate(180deg) translateX(0px) ; }
        75%   {  transform: rotate(270deg) translateX(0px) ; }
        100%   {  transform: rotate(360deg) translateX(0px) ; }
    }

    @-webkit-keyframes orbit2 {
        0% { 	-webkit-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -webkit-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -webkit-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -webkit-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -webkit-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @-moz-keyframes orbit2 {
        0% { 	-moz-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -moz-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -moz-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -moz-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -moz-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @-o-keyframes orbit2 {
        0% { 	-o-transform: rotate(0deg) translateX(40px) rotate(0deg); }
        25%   {  -o-transform: rotate(90deg) translateX(40px) rotate(-90deg); }
        50%   {  -o-transform: rotate(180deg) translateX(40px) rotate(-180deg); }
        75%   {  -o-transform: rotate(270deg) translateX(40px) rotate(-270deg); }
        100%   {  -o-transform: rotate(360deg) translateX(40px) rotate(-360deg); }
    }
    
    @keyframes orbit2 {
        0% { 	transform: rotate(0deg) translateX(10px) rotate(0deg); }
        25%   {  transform: rotate(90deg) translateX(10px) rotate(-90deg); }
        50%   {  transform: rotate(180deg) translateX(10px) rotate(-180deg); }
        75%   {  transform: rotate(270deg) translateX(10px) rotate(-270deg); }
        100%   {  transform: rotate(360deg) translateX(10px) rotate(-360deg); }
    }
}

@media (min-width:992px) and (max-width: 1300px)
{
    .container-main{
        padding-top: 10%;
    }
    
    .container-historias, .der-4{
        width: 95%;
        margin: 0 2.5%;
    }

    .container-publicar{
        padding: 0% 10% 5% 10%;
    }

    .container-form{
        padding: 50px 10%;
    }

    .med-cir {
        right: 3%;
        width: 14%;
        top: -10px;
    }

    .med-p {
        top: 280px;
        left: 5%;
    }

    .med-l {
        display: none;
    }

    .chica {
        width: 100%;
        padding-top: 55px;
    }

    .med-v {
        width: 3%;
        top: 40%;
        left: 42.5%;
    }

    .der-3, .izq-1 {
        margin-top: 15%;
    }

    .cot {
        width: 60%;
        float: right;
    }

    .med-p02 {
        /* top: 35%;
        left: -5%; */
    }

    .med-p04 {
        top: 30%;
    }

    .der-3 {
        width: 65%;
    }

    .med-p01 {
        /* top: 1845px; */
    }

    .med-p03 {
        /* top: 1875px; */
    }

    .med-c02 {
        left: 0%;
        /* bottom: -60px; */
    }

    .med-c01 {
        width: 6%;
        /* bottom: -100px; */
        right: 4%;
    }

    @-webkit-keyframes orbit3 {
        0% { 	-webkit-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
        25%   {  -webkit-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        50%   {  -webkit-transform: rotate(90deg) translateX(150px) rotate(180deg); }
        75%   {  -webkit-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        100%   {  -webkit-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
    }
    
    @-moz-keyframes orbit3 {
        0% { 	-moz-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
        25%   {  -moz-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        50%   {  -moz-transform: rotate(90deg) translateX(150px) rotate(180deg); }
        75%   {  -moz-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        100%   {  -moz-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
    }
    
    @-o-keyframes orbit3 {
        0% { 	-o-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
        25%   {  -o-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        50%   {  -o-transform: rotate(90deg) translateX(150px) rotate(180deg); }
        75%   {  -o-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        100%   {  -o-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
    }
    
    @keyframes orbit3 {
        0% { 	transform: rotate(-90deg) translateX(150px) rotate(0deg); }
        25%   {  transform: rotate(0deg) translateX(150px) rotate(90deg); }
        50%   {  transform: rotate(90deg) translateX(150px) rotate(180deg); }
        75%   {  transform: rotate(0deg) translateX(150px) rotate(90deg); }
        100%   {  transform: rotate(-90deg) translateX(150px) rotate(0deg); }
    }
}

@media (min-width:1301px) and (max-width: 1440px)
{
    .container-main{
        padding-top: 8%;
    }
    
    .container-historias, .der-4{
        width: 80%;
        margin: 0 12%;
    }

    .der{
        min-width: 550px;
    }

    .container-publicar{
        padding: 0% 10% 5% 10%;
    }

    .container-form{
        padding: 50px 15%;
    }

    .med-cir {
        right: 3%;
        width: 14%;
        top: -10px;
    }

    .med-p {
        top: 225px;
    }

    .med-l {
        width: 6%;
        top: 773px;
    }

    .chica {
        width: 100%;
    }

    .med-v {
        width: 3%;
        top: 40%;
        left: 42.5%;
    }

    .der-3, .izq-1 {
        margin-top: 15%;
    }

    .cot {
        width: 60%;
        float: right;
    }

    .med-p02 {
        /* top: 10%; */
    }

    .med-p04 {
        top: 30%;
        left: 5%;
    }

    .der-3 {
        width: 65%;
    }

    .med-p01 {
        /* top: 1845px; */
    }

    .med-p03 {
        /* top: 1875px; */
    }

    .izq-1 {
        width: 25%;
    }

    .med-c02 {
        left: 0%;
    }

    .med-c01 {
        width: 6%;
        right: 4%;
    }

    @-webkit-keyframes orbit3 {
        0% { 	-webkit-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
        25%   {  -webkit-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        50%   {  -webkit-transform: rotate(90deg) translateX(150px) rotate(180deg); }
        75%   {  -webkit-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        100%   {  -webkit-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
    }
    
    @-moz-keyframes orbit3 {
        0% { 	-moz-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
        25%   {  -moz-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        50%   {  -moz-transform: rotate(90deg) translateX(150px) rotate(180deg); }
        75%   {  -moz-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        100%   {  -moz-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
    }
    
    @-o-keyframes orbit3 {
        0% { 	-o-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
        25%   {  -o-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        50%   {  -o-transform: rotate(90deg) translateX(150px) rotate(180deg); }
        75%   {  -o-transform: rotate(0deg) translateX(150px) rotate(90deg); }
        100%   {  -o-transform: rotate(-90deg) translateX(150px) rotate(0deg); }
    }
    
    @keyframes orbit3 {
        0% { 	transform: rotate(-90deg) translateX(150px) rotate(0deg); }
        25%   {  transform: rotate(0deg) translateX(150px) rotate(90deg); }
        50%   {  transform: rotate(90deg) translateX(150px) rotate(180deg); }
        75%   {  transform: rotate(0deg) translateX(150px) rotate(90deg); }
        100%   {  transform: rotate(-90deg) translateX(150px) rotate(0deg); }
    }

}

@media (min-width:1441px) and (max-width: 1700px)
{

}


@media all and (max-width: 1440px){
    .lect-im-iz{
        height: 550px;
        bottom: -276px;
    }

    .container-requer .int-re{
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .container-requer .thl {
        font-size: 45px !important;
    }

    .des-im01 {
        height: 550px;
        top: 15%;
    }
}

@media all and (max-width: 1250px){
    .lect-im-iz{
        height: 450px;
    }

    .chica{
        bottom: unset;
    }
}

@media all and (max-width: 1150px){
    .torre-aut{
        top: 15%;
    }

    .torre-aut-c{
        top: 12%;
    }

    .container-desp .row-desp{
       max-width: 450px;
    }

    .container-metodo{
        padding: 50px 17%;
    }

    .container-metodo{
        background-size: auto 60%;
    }
}

@media all and (max-width: 1050px){
    .lect-im-iz {
        height: 450px;
        bottom: -215px;
    }
    
    .cent-req-1, .cent-req-2{
        padding: 0;
        width: 50%;
    }

    .req-cont{
        padding: 0;
        max-width: 500px;
        margin: 0 auto;
    }

    .des-im01 {
        height: 400px;
        top: 20%;
    }

    .des-im02 {
        padding-top:0;
        top: 390px;
    }
}

@media all and (max-width: 990px){

    .foot{
        margin-bottom: 10px;
    }

    .foot .face{
        display: inline-block;
        float: none;
        margin: 0 !important;
    }

    .foot .insta {
        display: inline-block;
        float: none;
        margin: 0 !important;
    }

    .foot a{
        margin: 0 10px;
        display: inline-block;
    }

    .foot_co{
        max-width: 80px;
    }

    .foot-m p{
        font-size: 20px;
        font-weight: normal;
    }

    .med-v{
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
        top: 45%;
        width: 43px;
    }

    .der-4{
        margin-top: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
    }


    .izq-4{
        margin-top: 0 !important;
    }

    .container-futuro{
        padding-top: 50px;
    }

    .izq-1,.der-3{
        margin-top: 0;
    }

    .conoce{
        margin: 5% auto 0;
    }

    .container-publicar{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media all and (max-width: 950px){

    .izq{
        padding-bottom: 0;
        margin-top: 0;
    }
    
    .container-obj{
        padding: 0 2%;
    }

    .torre-aut{
        left: -10px;
    }

    .four-c{
        padding:0;
    }


}

@media all and (max-width: 890px){
    .lect-im-iz {
        height: 350px;
        bottom: -175px;
    }

    .des-im01 {
        height: 300px;
        top: 20%;
    }
    .des-im02{
        width: 10%;
        top: 370px;
    }

    #main-menu li a{
        padding: 0 10px;
    }
}

@media all and (max-width: 780px){

    .med-v{
        position: relative;
        margin: 0 auto;
        display: block;
    }

    .izq-4{
        margin-bottom: 400px;
    }

    .der-4.visible {
        background-position: center 460px;
    }

    #politica-privacidad{
        font-size: 18px;
    }

    .ride {
        padding: 100px 0 0 50%;
    }

    .container-obj .vir-cont{
        display: none;
    }

    .ride{
        padding-left: 0;
        padding-right: 0;
        padding-top: 50px;
    }

    .ride .bot-s{
        margin-top: 30px;
    }

    #main-header .container{
        display: block;
        position: relative;
    }

    #main-header .container #logo{
        display: block;
        width: 100%;
        padding-right: 0;
        text-align: center;
    }

    #main-header .container #logo a{
        display: inline-block;
        margin: 0 auto;
    }
    
    #main-header{
       background-color: #000 !important;
       position: relative;
    } 

    .img-home-logo.negro{
        display: none;
    }

    .img-home-logo.blanco{
        display: block !important;
    }

    #main-header .container #slogan{
        display: none;
    }

    #main-header .container #main-menu{
        display: block;
    }

    .desplegar-menu::before,
    .desplegar-menu::after {
        background-color: #fff;
    }

    #menu-mobile .wrapper{
        top: 40%;
    }

    .listMenu ul li{
        margin-bottom: 50%;
    }

    .listMenu ul li a{
        font-weight: normal !important;
        font-family: 'Crinsom';
        font-size: 30px;
    }

    .redes-menu a:first-child{
        margin-right: 20px;
    }

    .container-historias{
        padding-top: 50px;
    }

    .izq h1, .der-3 h1, .izq-4 h1{
        line-height: 30px;
    }

    .iconos-apps.desktop{
        display: none;
    }

    .iconos-apps.mobile{
        display: block;
        margin: 50px 0;
    }

    .container-obj{
        text-align: justify;
        overflow: hidden;
    }

    .container-obj .container{
        padding-bottom: 50%;
    }

    .in-der{
        text-align: justify;
    }

    .virgulilla-mobile{
        display: block;
        text-align: center;
    }

    .torre-aut{
        width: 80%;
        left: 10%;
        bottom: 0;
        top: 70%;
    }

    .torre-aut-c {
        top: unset;
        bottom: 20%;
        left: 70%;
    }

    .container-funciona ul li{
        font-size: 25px;
    }

    .container-funciona li img{
        width: 20px;
        vertical-align: unset;
    }

    .fun-01 {
        position: absolute;
        left: 0;
        padding-top: 0;
        width: 7%;
    }

    .fun-02{
        display: none;
    }

    .container-pasos{
        background-image: url('../img/home/arco_derecha.png');
        background-repeat: no-repeat;
        background-position: right 10%;
        background-size: auto 20%;
        background-image: none;
    }

    .four-c{
        width: 100%;
        float: none;
        text-align: left;
    }

    .cent-req-1, .cent-req-2 {
        padding: 0;
        width: 100%;
        text-align: right;
    }

    .container-requer .min-w{
        width: 100%;
    }

    .lect-im-iz {
        height: 350px;
        bottom: -600px;
    }

    .container-metodo{
        background-image: none;
    }

    .ride .thl.max{
        /*font-size: 50px !important;*/
    }

    .ride .thl{
        /* font-size: 40px !important; */
    }

    .container-funciona .f-titl{
        /*font-size: 50px !important;*/
    }

    .container-funciona .f-titl-m{
        text-align: justify;
        width: auto;
    }

    .lect-im-iz {
        height: 450px;
        bottom: -680px;
    }

    #punto-datos{
        height: 20px;
        width: 20px;
        top: -170px;
    }

    .container-requer .int-re{
        max-width: unset;
        font-size: 30px !important;
    }

    .container-requer .thl{
        /* font-size: 40px !important; */
        font-weight: unset;
    }

    .container-metodo .f-titl,
    .container-pasos .f-titl {
        /*font-size: 50px !important;*/
    }

    .container-metodo .int-re{
        font-size: 30px !important;
    }

    .des-im01{
        display: none;
    }

    .des-im02{
        display: none;
    }

    .des-im03{
        /* display: none; */
        width: 15%;
    }

    .container-desp .row-desp{
        max-width: unset;
        padding: 50px 0;
    }

    .container-desp .thl.max{
        text-align: center;
        /*font-size: 50px !important;*/
    }

    .container-desp .n-met,
    .mail-desp{
        margin-bottom: 0 !important;
    }

    .cya {
        text-align: center;
        margin: 50px 0 0 !important;
        padding-bottom: 50px;
        background-image: url('../img/virgulilla.png');
        background-repeat: no-repeat;
        background-position: center bottom;
    }

    .container-metodo {
        padding: 50px 10% 50px 30%;
    }

    .lect-im-iz {
        height: 380px;
        bottom: -550px;
    }

    .med-p01{
        bottom: unset;
        right: 0;
        height: 40%;
        top: -20%;
    }

    .med-p03{
        right: 5%;
        height: 15%;
        top: -10%;
    }

    .med-p04{
        left: -20px;
        top: unset;
        bottom: -50px;
    }

    .texto-logo.block::before{
        display: block;
    }

    .virgulilla-mobile{
        display: none;
    }

    .in-der i{
        display: none;
    }

    .torre-aut-c{
        width: 25%;
        left: unset;
        right: 10%;
        bottom: 10%;
    }

    #que_hacer_mobile{
        display: block;
        width: 70%;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }

    #pleca_que_hacer{
        display: block;
        position: absolute;
        right: 16%;
        bottom: 5%;
        z-index: 0;
    }

    .lect-im-iz{
        display: none;
    }

    .container-metodo {
        padding: 50px 15px;
    }

}

@media all and (max-width: 625px){
    .torre-aut{
        /* top: 75%; */
    }

    .torre-aut-c{
        /* bottom: 15%; */
    }

    .lect-im-iz {
        height: 300px;
        bottom: -450px;
    }

    .der-4.visible {
        background-position: center 460px;
        background-size: 70% auto;
    }
}

@media all and (max-width: 600px){
    .container-funciona ul{
        display: none;
    }

    #generos-mobile{
        display: flex;
        flex-direction: row;
        font-family: 'CrinsomBold';
        width: 200px;
        margin: 0 auto;
        align-items: center;
        font-size: 20px;
    }

    #generos-mobile div{
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
    }

    #que_hacer_mobile{
        width: 95%;
    }

    #pleca_que_hacer{
        right: 7%;
    }
}


@media all and (max-width: 520px){
    .lect-im-iz {
        height: 400px;
        bottom: -550px;
        display: none;
    }

    .container-metodo{
        padding: 50px 10%;
    }

    .der-4.visible {
        background-position: center 500px;
        background-size: 80% auto;
    }

    .med-p01{
        right: -5%;
    }

    .med-p03 {
        right: 0%;
    }
}


@media all and (max-width: 499px){
    html,body{
        font-size: 18px;
    }
    .torre-aut{
        top: 80%;
    }

    .torre-aut-c{
        bottom: 10%;
    }

    .container-requer .thl {
        font-size: 35px !important;
    }

    .mail-desp{
        font-size: 25px !important;
    }

    .ride .thl {
        font-size: 30px !important;
    }

    .container-funciona .f-titl {
        /* font-size: 40px !important; */
    }

    .container-metodo .f-titl,
    .container-pasos .f-titl {
        /* font-size: 40px !important; */
        line-height: 1em;
    }

    .py-2{
        line-height: 1em;
    }

    .iconos-apps a{
        display: block;
        margin-bottom: 10px;
    }

    .iconos-apps img{
        max-width: 100%;
    }

    .iconos-apps.mobile a{
        display: inline-block;
        margin: 0 1%;
        width: 47%;
    }

    .iconos-apps.mobile a img{
        width: 100%;
    }
}

@media all and (max-width: 450px){
    .ride .thl{
        text-align: left;
    }
    
    .lect-im-iz {
        height: 300px;
        bottom: -520px;
    }

    .der-4.visible {
        background-position: center 460px;
        background-size: 90% auto;
    }

    .med-p01{
        height: 30%;
    }

    .med-p03 {
        height: 10%;
    }
}

@media all and (max-width: 375px){
    .lect-im-iz {
        display: none;
    }
    .cent-req-1, .cent-req-2{
        text-align: center;
    }

    .der-4.visible {
        background-position: center 500px;
        background-size: 100% auto;
    }
    
    .med-v{
        margin-top: 10px;
    }

    .torre-aut{
        top: 85%;
    }

    .torre-aut-c {
        bottom: 5%;
    }
}


iframe{
    display: none !important;
}

.nota{
    font-size: 15px;
    margin-top: 20px;
    text-align: right;
    display: block;
}