@font-face {
    src: url(../fonts/Rajdhani/Rajdhani-Light.ttf);
    font-family: Rajdhani;
}

@font-face {
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
    font-family: Roboto;
}

@font-face {
    src: url(../fonts/Allison/Allison-Regular.ttf);
    font-family: Allison;
}

html,body
{
    margin:0px !important;
    padding:0px !important;
    border:0px !important;
}

main {
    padding: 0px !important;
    margin: 0px !important;
    border:0px !important;
    font-family: Rajdhani;
    font-size: 16.5px;
    font-weight: 600;
}

.navbar {
    background-color: #000;
    padding: 0 5px !important;
    overflow: hidden;
}

.navbar-brand {
    width: 70px;
    height: 70px;
    padding: 0 !important;
}

.navbar-brand p {
    font-family: Allison;
    font-size: 45px;
    color: #fff;
    font-weight: lighter;
}

.navbar-toggler-icon {
    color: #fff;
}

.offcanvas-menu .nav-item a {
    color: #000 !important;
    transition: all 0.7s;
    background-color: #eee;

}

.offcanvas-menu .nav-item a:hover {
    background-color: #fff;
    color: #000 !important;

}

/*--------------------MENU BUTTONS--------------------*/

div[class*=box] {
    height: 33.33%;
    width: 100%; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn, .sendbtn {
    line-height: 45px;
    height: 45px;
    text-align: center;
    width: auto;
    cursor: pointer;
    font-family: Rajdhani;
    text-transform: uppercase;
    background-color: transparent;
    color: #fff !important;
    font-size: 18px !important;
    vertical-align: middle;
    margin-right: 10px;

}

.btn-one {
    transition: all 0.3s;
    position: relative;
}
.btn-one span {
    transition: all 0.3s;
}
.btn-one::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    border-top-width: 0.5px;
    border-bottom-width: 0.5px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #fff;
    border-bottom-color: #fff;
    transform: scale(0.1, 1);

}
.btn-one:hover span {
    letter-spacing: 0px;
}
.btn-one:hover::before {
    opacity: 1;	
    transform: scale(1, 1);	
}
.btn-one::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.3s;
    background-color: transparent;
}
.btn-one:hover::after {
    opacity: 0;	
    transform: scale(0.1, 1);
}

.btn-one:focus {
    box-shadow: none !important;
    letter-spacing: 0px;
}

#lenyilo a {
    display: block !important;
}


/*--------------------END OF MENU BUTTONS--------------------*/


.offcanvas-toggler {
    background-color: transparent !important;
    font-family: Rajdhani;
    font-size:18px;

}

.offcanvas-menu {
    background-color: transparent;
    font-family: Rajdhani;
    font-size: 20px;
    text-align: center;
}

.container-fluid {
    padding: 0 !important;
    width:100%;
    height: 70vh;
    float: left;
}



/*--------------------BODY -------------------*/

#elso td {
    padding-top: 70px !important;
}

.kepes {
    padding: 0px !important;
}

table {
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

table tr td img {
    object-fit: cover;
    width: 100%;
    height: 90vh;
}

table tr td h1 {
    font-family: Allison;
    text-align: center !important;
    font-size: 55px;
    margin-bottom: 20px;
}

table .bekezdes {
    vertical-align: middle;
    text-align: justify;
}

.v1 {
    background-color: #fff;
}

#hetedik td {
    text-align: justify;
}

#arak {
    width: 100%;
    margin-bottom: 15px;
    font-weight: 800;
    background-color: rgba(231,222,225,0.7);
    padding: 0px;
}

#arak h4 {
    font-weight: 900;
    margin-top: 15px;
}

#arak td {
    text-align: center;
}

#terkep {
    margin:0px;
    padding:0px;
    border:0px;
    overflow: hidden;
}

#hatodik {
    border: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}

#hetedik p{
    text-align: center;    
}


#hetedik .ikon {
    max-width: 15px;
    max-height: 15px;
    object-fit: contain;
    margin-right: 5px;
}

p a {
    color: #ad3362;
}

p a:hover {
    color: #ad3362;
    text-decoration: none; 
}

/*-------------------- TO TOP BUTTON --------------------*/

#button {
    display: inline-block;
    background-color: #333;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: visible;
    z-index: 1000;
}
#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}
#button:hover {
    cursor: pointer;
    background-color: #333;
}
#button:active {
    background-color: #555;
}
#button.show {
    opacity: 1;
    visibility: visible;
}

/*-------------------- END OF TO TOP BUTTON --------------------*/

#footer {
    height: auto;
    width:100%;
    color: white;
    font-family:Rajdhani; 
    text-align: right;
    background-color: #000 !important;
    margin-top: -9px !important;
    padding-top: 0px !important;
}

footer p {
    margin-bottom: 0 !important;
    font-size: 13px;
    font-weight:500;

}



/*-------------------- RESPONSIVITY --------------------*/

@media (min-width:950px) and (max-width:1199px) {
    main {
        font-size: 15px;
    }

}


@media (min-width:767px) and (max-width:949px) {

    main {
        font-size: 13px;
    }
    
}

@media (max-width: 766px) {

    main {
        font-size: 13.5px;
    }

    table td  {
        display: block;
        max-width: 100% !important;
        width: 100% !important;
    }

    #elso td {
        padding-top: 0px !important;
    }

    table tr td img {
        height: 70vh;
    }

   .wrapper   { 
       display: table;
   }
#a  { display: table-header-group; } 
#b { display: table-footer-group; }
#c { display: table-footer-group;}
#d {display: table-header-group; }
#e {display: table-header-group; }
#f { display: table-footer-group;}
#g { display: table-footer-group;}
#h {display: table-header-group; }
#j { display: table-footer-group;}
#i {display: table-header-group; }
#kapcs { display: table-footer-group;}
#terkep {display: table-header-group; }


 .wrapper table p {
    padding-left: 15px !important; 
    padding-right: 15px !important;
}

.bekezdes h1 {
    margin-top: 30px;
}

.bekezdes p:last-child {
   margin-bottom: 40px;
}

#arak p {
    margin-bottom: 15px !important;
}

}

/*-------------------- END OF RESPONSIVITY --------------------*/