@charset "utf-8";

/*PC +1680*/
@media (min-width: 1680px){
    
}
/*PC 1680*/
@media (max-width: 1600px){
    .halfweb .content h1, .halfweb p, .halfweb .btn-white {margin-left: 0;}
    .halfweb .silhouette{right: -19%;}
    .halfweb:hover .silhouette{right: -2%;}
    .halfweb:hover .pc{right: 2%;}
}
@media (max-width: 1680px){
    .halfweb .pc{height: 440px;}
}
/*PC 19" 1440*/
@media all and (max-width: 1440px){
    .section {margin: 0 5% 30px;}
    
}
/*PC 15" 1366*/
@media all and (max-width: 1366px){
    .section {margin: 0 30px 30px;}
    .mindex{margin: 0 -30px}
    .mindex:last-child{margin-bottom: -30px}
    .whitelabel:before, .whitelabel:after{display: none}
}
/*PC 13" 1280*/
@media all and (max-width: 1280px){
    .boxslider {padding-top: 44.25%;}
}
/*desde Tablet Horizontal*/
@media all and (min-width: 1025px){
    .misosa{width: 100%;}
}
/*Tablet Horizontal*/
@media all and (max-width: 1024px){
    .header{padding: 10px 5%;}
    .boxslider {padding-top: 45.15%;}
    .halfweb:hover,.halfweb:hover + .halfweb,.halfweb + .halfweb:hover{width: 50%}
    .halfweb .content{z-index: 2}
    .halfweb:hover .pc{opacity: 0}
    .halfweb:hover + .halfweb .content{opacity: 1}
    .overflow{overflow-x: scroll}
    body{ overflow-x: hidden}
    .misosa{margin: 0}
}
/*Desde tablet vertical*/
@media all and (min-width: 769px){ 
}
/*Tablet vertical*/
@media all and (max-width: 768px){
    
    .header{
        padding: 6px 30px 10px 10%;
        position: fixed;
        top: 0; right: 0; left: 0;
        background-color: rgba(255,255,255,.8)
    }
    .logo img {margin: 10px 5px 0;}
    a#language, a#toggle{background-color: #fff;}
    .section{margin-top: 80px}
    .hide-menu{display: none}
    .topmenu{width: calc(50% - 50px)}
    a#toggle{vertical-align: middle;margin-left: 8px;}
    .nav.hide-menu{
        background-color: #fff;
        position: fixed;
        z-index: 10;
        top: 80px;
        right: 0;
        height: 150vh;
        padding-bottom: 50vh;
        width: 33%;
        max-width: 33%;
        -webkit-animation: enterLeft 1s, opacityOn .5s;
        -moz-animation: enterLeft 1s, opacityOn .5s;
        animation: enterLeft 1s, opacityOn .5s;
        -webkit-box-shadow: 0 1000px 0 1000px rgba(0,0,0,.2);
            -moz-box-shadow: 0 1000px 0 1000px rgba(0,0,0,.2);
                box-shadow: 0 1000px 0 1000px rgba(0,0,0,.2);
    }
    .nav.hide-menu a{display: block; margin: 5px 0; border-radius: 0}
    .st_menu a[href="news.php"], .st_menu a[href="join.php"]{padding: 20px}
    .boxslider {padding-top: 46.15%;}
    .halfweb{position: relative!important; display: inline-block}
    .contentmodules {height: auto;}
    .halfweb:last-child{right: 0; margin: -5px 0}
    .halfweb:hover .pc{
            -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(17%, -9%);
    opacity: 1;
    height: 320px;
    z-index: 2;
    }
    .halfweb .silhouette{right: 3%}
    .halfweb:hover .silhouette{right: -10%}
    .halfweb .content{z-index: 3}
    .whitelabel img {height: 215px;width: auto;margin: 40px auto;}
    ul.tickets{margin: 100px 0 0;}
    .product .col-2 p{font-size: 90%;}
}
/*Smartphone horizontal*/
@media all and (max-width: 736px){
    .header{padding: 1px 25px 5px 25px;}
    .logo img {height: 40px;}
    .nav.hide-menu{width: 80%; max-width: 80%;top: 60px;}
    #block_logout span{display: none}
    .section{margin-top: 60px}
    .boxslider {padding-top: 35.5%;}
    #slide1:checked ~ #commands label:nth-child(2),#slide2:checked ~ #commands label:nth-child(3),#slide3:checked ~ #commands label:nth-child(4),
    #slide4:checked ~ #commands label:nth-child(5),#slide5:checked ~ #commands label:nth-child(1),#slide1:checked ~ #commands label:nth-child(5),
    #slide2:checked ~ #commands label:nth-child(1),#slide3:checked ~ #commands label:nth-child(2),#slide4:checked ~ #commands label:nth-child(3),
    #slide5:checked ~ #commands label:nth-child(4){width: 30px;height: 30px;}
    #commands label:before {top: 8px;right: 7px;border-left: 13px solid #444;border-top: 7px solid transparent;border-bottom: 7px solid transparent;}
    #slider #active{display: none;}
    .halfweb:hover .pc,.halfweb .pc{display: none}
    .halfweb .silhouette {right: -33%;opacity: .5;}
    .whitelabel{padding: 20px 30px;}
    .whitelabel img {height: auto;width: 100%;margin: 0;}
    .section {margin: 60px 10px 30px;}
    .mindex{margin: 0 -10px}
    
    .register {padding: 0 10px 20px;}
    .register img {max-height: inherit!important;}
    .product h1 span{display: block}
    .product p{font-size: 80%;}
    .news { padding: 0 10px 30px;}
    .news p {margin: 0 0 5px;word-break: break-word;}
    table.table{margin-top: 20px}
    table.table, .table thead,.table tbody,.table th,.table td,.table tr {display: block; }
    .table thead tr {position: absolute;top: -9999px;left: -9999px;}
    .table td {border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%;word-break: break-word;}
    .table td:before { 
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            content: attr(data-column);
            color: #000;
    }
    .break td{text-align: right}
    .break td:before{text-align: left}
    .misosa{width: 100%;}
}
/*Smartphone*/
@media all and (max-width: 575px){
    
}
@media all and (max-width: 360px){
    .logo{display: none}
    .topmenu {width: calc(100% - 50px);}
    .header{height: 60px; padding-top: 12px}
}