@import url('https://fonts.googleapis.com/css?family=Black+Ops+One|Righteous|Shojumaru&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300&subset=latin-ext');

body{
    background: url("../img/grunge-background-21322-red.jpg") no-repeat center center;
    background-attachment: fixed;
    background-size: cover;

}
.body-no-overflow{
    overflow: hidden;
}

h1.focim{
    text-align: center;
    font-size:80px;
    font-family: 'Black Ops One', cursive;
    color:rgba(0,0,0,0.6);
    transform: rotate(0deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0 1%;
    margin-top:10px;
    width:98%;
}

h1.focim span{
    position: absolute;
    margin-top:-500px;
    display:block;
    font-size:50px;
    color:rgba(0,0,0,0.5);
    transform: rotate(-6deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;

}

.datum_kiiras{
    position: absolute;
    top:90px;
    right:0px;
    width:300px;
    height:100px;
    color:rgba(255,255,255,0.8);
    font-size:30px;
    font-family: 'Black Ops One', cursive;
    margin-right:10px;
    transform: rotate(8deg);
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}


.fekete_ablak{
    margin:0 auto;
    border-radius: 3px;
    font-family: 'Black Ops One', cursive !important;
    color:rgba(255,255,255,0.7);
    font-weight:300;
    font-size:18px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
    margin-top:90px;
    background-color:rgba(0,0,0,0.6);
    min-height:300px;
    width:80%;
    max-width:520px !important;
    margin-bottom:50px;
    padding:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fekete_ablak label{
    /*color:rgba(0,0,0,0.7) !important;*/
    color:rgba(255,255,255,0.7);
    font-weight:800;
    cursor: pointer;
    font-family:Helvetica;
}

.fekete_ablak label.kicsi{
    font-size:14px;
}

.cegvalasztas{
    margin-top:5px;
    background-color:rgba(255,255,255,0.6);
}

.ceglogok_container{
    position: fixed;
    bottom:0px;
    left:0px;
    width:100%;
    background-color:rgba(255,255,255,0.1);
}

.ceglogok_container div.cegvalasztas{
    background-color:transparent !important;
    width:100%;
    margin:0 auto;
}

.ceglogok_container div.cegvalasztas div{
    text-align: center;
    height:80px;
}

.ceglogok_container div.cegvalasztas img{
    max-width:90%;
    max-height:70px;
}

.cegvalasztas img{
    max-width:100%;
    margin:0 auto;
}

.cegvalasztas div{
    padding:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cegvalasztas div:not(.nohover):hover{
    background-color:rgba(255,255,255,0.3);
    cursor:pointer;
}

.cegkivalasztott{
    background-color:rgba(255,255,255,0.9) !important;
    -webkit-box-shadow:  0px 0px 5px rgba(0,0,0,0.6);
    -moz-box-shadow:  0px 0px 5px rgba(0,0,0,0.6);
    box-shadow:  0px 0px 5px rgba(0,0,0,0.6);
}

hr{
    border-top:4px solid rgba(0,0,0,0.4) !important;
    margin:30px 0px !important;
}

.motogp-logo{
    position: fixed;
    top:30px;
    left:3%;
    border-radius: 6px;
    width:250px;
    height:250px;
    background-color:rgba(0,0,0,0.2);
    text-align: center;
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
    padding-left:10px;
    padding-top:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.checkbox-container{

}

.checkbox-container input[type=checkbox]{
    display: inline-block;
    width:25px !important;
    height:25px !important;
    margin:0px !important;
    padding:0px !important;
    margin-right:20px;
}

.checkbox-container input[type=radio]{
    display: inline-block;
    width:25px !important;
    height:25px !important;
    margin:0px !important;
    padding:0px !important;
    margin-right:20px;
}

.checkbox-container span{
    margin-top:-10px;
    display: inline-block;
}

@keyframes beuszas {
    0%{
        margin-top:-500px;
        transform: rotate(180deg);
    }
    100%{
        margin-top:20px;
        transform: rotate(-4deg);
    }
}

@keyframes beuszas_jobbra {
    0%{
        margin-right:-500px;
        transform: rotate(100deg);
    }
    100%{
        margin-right:30px;
        transform: rotate(8deg);
    }
}

.plakat_container{
    background-color:rgba(0,0,0,0.2);
    cursor: pointer;
    position: absolute;
    left:50%;
    top:50%;
    margin-left:50px;
    margin-top:-20px;
    width:300px;
    height:170px;
    padding:20px;
    border-radius:3px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(-7deg) ;
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    transform: rotate(-7deg);
    opacity: 0;
    /*animation-name: berepules;
    animation-duration: 0.7s;
    animation-delay: 3.5s;
    animation-fill-mode: forwards;*/
}

.plakat_container:hover{
    background-color:rgba(0,0,0,0.5);
}

.plakat_container:after{
    clear: both;
    content:"";
    display: block;
}

.plakat_container div{
    float:left;
    width:50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top:20px;
    font-family: 'Black Ops One', cursive;
    color:rgba(255,255,255,0.8);
    font-size:30px;
}

.plakat_container div:last-of-type{
    padding-top:0px;
}

.plakat_container div img{
    max-width:90px;
}

@keyframes berepules {
    0%{
        opacity:0;
        transform: scale(60,60) rotate(0deg);
    }
    80%{
        opacity:1;
        transform: scale(0.7,0.7) rotate(-7deg);
    }
    100%{
        opacity: 1;
        -webkit-transform: scale(1, 1)  rotate(-7deg);
        -moz-transform: scale(1, 1) rotate(-7deg);
        -ms-transform: scale(1, 1) rotate(-7deg);
        -o-transform: scale(1, 1) rotate(-7deg);
        transform: scale(1, 1) rotate(-7deg);
    }

}

.reggomb-container{
    cursor: pointer;
    border-radius:3px;
    position: absolute;
    left:50%;
    top:50%;
    background-color:rgba(0,0,0,0.3);
    margin-left:-125px;
    margin-top:-10px;
    width:250px;
    height:90px;
    padding:25px 0px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    font-family: 'Black Ops One', cursive;
    color:rgba(255,255,255,0.8);
    font-size:30px;
}

div.reggomb-container:hover{
    background-color:rgba(0,0,0,0.5);
}

@keyframes berepules-reggomb {
    0%{
        opacity:0;
        transform: scale(60,60) rotate(0deg);
    }
    80%{
        opacity:1;
        transform: scale(0.7,0.7) rotate(-7deg);
    }
    100%{
        opacity: 1;
        -webkit-transform: scale(1, 1)  rotate(3deg);
        -moz-transform: scale(1, 1) rotate(3deg);
        -ms-transform: scale(1, 1) rotate(3deg);
        -o-transform: scale(1, 1) rotate(3deg);
        transform: scale(1, 1) rotate(3deg);
    }

}

.soon-div{
    text-align: center;
    font-family: 'Black Ops One', cursive;
    font-size:40px;
    color:rgba(255,255,255,0.9);
    margin-top:120px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

button.button{
    text-decoration: none;
    background-color:rgba(0,0,0,0.3);
    color:rgba(255,255,255,0.6);
    font-family: 'Black Ops One', cursive;
    font-size:24px;
    padding:15px;
    cursor: pointer;
}

button.button:hover{
    text-decoration: none;
    background-color:rgba(0,0,0,0.6);
    color:rgba(255,255,255,0.9);
}

button.feltetelekbutton{
    text-decoration: none;
    background-color: rgba(154, 65, 65, 0.79);
    color:rgba(255,255,255,0.8);
    font-family: 'Black Ops One', cursive;
    font-size:24px;
    padding:15px;
    cursor: pointer;
    white-space: break-spaces;
}

button.feltetelekbutton:hover{
    text-decoration: none;
    background-color: rgba(154, 65, 65, 0.95);
    color:rgba(255,255,255,0.9);
}

button.regbutton{
    text-decoration: none;
    background-color:rgba(121,20,13,0.4);
    color:rgba(255,255,255,0.6);
    font-family: 'Black Ops One', cursive;
    font-size:24px;
    padding:15px;
    cursor: pointer;
}

button.regbutton:hover{
    text-decoration: none;
    background-color:rgba(63,11,7,0.7);
    color:rgba(255,255,255,0.9);
}

.kakucs-noanimation{
    animation: none;
    margin-top:20px;
    transform: rotate(4deg);
}

input{
    font-size:18px !important;
    font-weight:300 !important;
    padding:20px !important;
    text-align: left;
    color:rgba(0,0,0,0.6) !important;
    opacity:0.45;
}
input:focus,input:hover{
    opacity: 0.9;
}

.egysor-checkbox{
    margin-top:5px;
}

.egysor-checkbox:after{
    display: block;
    content:"";
    clear:both;
}

.egysor-checkbox div{
    float:left;
    width:10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.egysor-checkbox div label{
    font-weight:800;
    cursor: pointer;
    font-family:Helvetica;
    font-size:16px;

}

.egysor-checkbox div:last-of-type{
    width:90%;
}

.infosav{
    font-family: Helvetica;
    font-size:16px;
    color:rgba(255,255,255,0.9);
    font-weight:400;
    text-shadow: 0px 0px 0px #000;
    margin-bottom:20px;
}

.csaksor{
    text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
}

.felhivas{
    font-size:20px;
    font-family: Helvetica;
    font-weight:800;
    text-align: center;
    color:#f8877e;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

a{
    text-decoration: none !important;
    color: rgb(55, 121, 174) !important;
}

a:hover{
    text-decoration: none !important;
    background-color:rgba(255,255,255,0.2);
    color: rgb(103, 163, 215) !important;
}

.hibaablak{
    background-color:#EE0000;
    color:#FFFFFF;
    font-family: Helvetica;
    font-weight: 800;
    font-size:16px;
    padding:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom:30px;
}

div.lezaras{
    text-align: center;
    font-size:50px;
    font-family: 'Black Ops One', cursive;
    color:#FFF;
    transform: rotate(0deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top:100px;
    width:100%;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(255,0,0,1);
}

.mobilon_nem_lathato{

}

.csak_mobilon_lathato{
    display:none;
}

.feltetelek_ablaka p{
    font-weight:bold;
}

@media screen and (max-width:992px){

    .csak_mobilon_lathato{
        display:block;
    }

    .mobilon_nem_lathato{
        display:none !important;
    }

    .ceglogok_container div.cegvalasztas div{
        height:50px;
    }
    .ceglogok_container div.cegvalasztas div img{
        max-width:100%;
        max-height:40px;
    }
    div.lezaras{
        text-align: center;
        font-size:24px;
        font-family: 'Black Ops One', cursive;
        color:#FFF;
        transform: rotate(0deg);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top:100px;
        width:100%;
        text-align: center;
        text-shadow: 1px 1px 5px rgba(255,0,0,1);
    }

    .body-no-overflow{
        overflow: auto;
    }
    .motogp-logo{
        display:none;
    }
    .fekete_ablak{
        width:100% !important;
        max-width:100% !important;
        min-width:100% !important;
        margin-top:10px;
        margin-bottom:50px;

    }
    h1.focim{
        text-align: center;
        font-size:40px;
        font-family: 'Black Ops One', cursive;
        color:rgba(0,0,0,0.6);
        transform: rotate(0deg);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin:0 1%;
        width:98%;
    }

    h1.focim span{
        margin-top:5px;
        display:block;
        font-size:25px;
        color:rgba(0,0,0,0.5);
        transform: rotate(0deg);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width:100%;
        animation-name:none;

    }

    .datum_kiiras{
        margin-top:40px;
        position: relative;
        top:inherit;
        right:inherit;
        width:100%;
        height:40px;
        text-align: center;
        margin-right:0px;
        color:rgba(255,255,255,0.8);
        font-size:20px;
        font-family: 'Black Ops One', cursive;
        animation: none 1s ease-in-out;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    }



    .soon-div{
        text-align: center;
        font-family: 'Black Ops One', cursive;
        font-size:28px;
        color:rgba(255,255,255,0.9);
        margin-top:40px;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    }

    .reggomb-container{
        position: relative;
        top:auto;
        margin-top:40px;
        left:0;
        margin-left:0px;
        width:100%;
        height:auto;
        transform: scale(1,1) rotate(0deg);
        opacity: 1;
        animation-name: none;
        font-size:30px;
    }

    .plakat_container{
        position: relative;
        left:0;
        top:auto;
        margin-left:0px;
        margin-top:0px;
        width:100%;
        height:auto;
        transform: scale(1,1) rotate(0deg);
        opacity: 1;
        animation-name: none;
        font-size:30px;
        margin-top:40px;
    }

    .kakucs-noanimation{
        animation: none;
        margin-top:0px;
        transform: rotate(0deg);
    }

    button.button{
        width:30%;
        font-size:18px;
    }
    button.regbutton{
        width:60%;
        font-size:18px;
    }

    .sajat-kontener{
        position: fixed;
        height:100%;
        width:100%;
        left:0px;
        top:0px;
        overflow-y: auto;
    }

}