*{ margin: 0; padding: 0; border: 0; box-sizing: border-box;outline: none;}

    .ro{border:1px solid red;}



    body,html{
        background-color: white;
        height:100vh;
        width: 100vw;
        max-width: 100vw;
        font-weight: 300;
        font-family: 'Roboto', sans-serif;
        color: #555;
        font-size: 16px;
        overflow: hidden;
        overflow-x: hidden;
        position: relative;
    }

    .f01,.f02{ display: flex; justify-content: center; align-items: center;  }
    .f02{flex-flow: column wrap;}

    .algfs{align-items: flex-start;}
    .algfe{align-items: flex-end;}
    .algs{align-items: stretch;}
    .jcfs{justify-content: flex-start;}
    .jcfe{justify-content: flex-end;}
    .jcsb{justify-content: space-between;}
    .jcsa{justify-content: space-around;}

    .wc{width:100%;}
    .hc{height: auto;}
    .mh{min-height:60vh;}

    .txtc{text-align: center;}
    .txtl{text-align: left;}
    .txtr{text-align: right;}

    .imgr{width: 100%;height: auto; display: block;}
    .imgr02{height:100%; display: block; width:auto;}

    .imgb{
        background-repeat: no-repeat;
        background-size: cover;
        background-position:center;
    }
    .pr{position: relative;}
    .pa{
        position: absolute;
        top:0;
        left:0;
        width: 100%;
        height:100%;
    }

    .p2{padding: 2px;}
    .p5{padding: 5px;}
    .p8{padding: 8px;}
    .p10{padding: 10px;}
    .p15{padding: 15px;}
    .mb2{margin-bottom: 2px;}
    .mb5{margin-bottom: 5px;}
    .mb10{margin-bottom: 10px;}
    .mb15{margin-bottom: 15px;}
    .mb25{margin-bottom: 25px;}

    .m50{margin: 50px 0;}
    .m25{margin: 25px 0;}
    .mt50{margin: 50px 0;}
    .m100{margin: 100px 0;}
    .mt25{margin: 25px 0;}

    .bgt{background-color: #de1453}
    .bgt2{background-color: #222750;}
    .bgb{background-color: #ffffff;}

    .bgg{background-color: #d1d1d1;}

    .ct{ color:#de1453}
    .ct2{color:#222750;}

    .cb{color: #ffffff;}
    .cb8{ color:rgba(255,255,255,.8);}
    .cg{color: #999;}
    .cgg{color: #777;}

    .fr{  font-family: 'rockwellregular';letter-spacing: 1px;}
    .frb{ font-family: 'rockwell_bqregular';letter-spacing: 1px;}



    .tr{transition: all 500ms cubic-bezier(0.000, 0.730, 0.000, 1.000); }

    .sombra{background-color: rgba(0,0,0,.4);}
    .mSombra{
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+32,0+32,0.52+100 */
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 32%, rgba(0,0,0,0.52) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,0.52) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,0.52) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#85000000',GradientType=0 ); /* IE6-9 */
    }

    .ancho{max-width: 1200px;margin: auto;}

    .tr{transition: all 500ms cubic-bezier(0.000, 0.710, 0.110, 1.000);}

    

    a{text-decoration: none;
        color: #555;}
    a:hover,a:focus,a:visited{text-decoration: none;
        color:none;}

    h1{font-size: 18px; font-weight: 700;}
    h2{font-size: 17px; font-weight: 700;}
    h3{font-size: 16px; font-weight: 700;}
    h4{font-size: 15px; font-weight: 700;}
    h5{font-size: 14px; font-weight: 700;}
    h6{font-size: 13px; font-weight: 700;}

    p{font-size: 14px}

    .main-container{
        height:100%;
        width:100%;
        max-width: 100vw;
        overflow: hidden;
        overflow-y: auto;
        overflow-x: hidden;
    }
   


    @media all and (min-width: 900px){
        h1{font-size: 22px;}
        h2{font-size: 20px;}
        h3{font-size: 18px;}
        h4{font-size: 16px;}
        h5{font-size: 14px;}
        h6{font-size: 12px;}

        p{font-size: 16px}
        .vs01{display: block;}
        .vs02{display:none;}


    }

    @media all and (min-width: 1080px){
        h1{font-size: 26px;}
        h2{font-size: 22px;}
        h3{font-size: 18px;}
        h4{font-size: 16px;}
        h5{font-size: 14px;}
        h6{font-size: 12px;}

    }