body{
    font-family: "montserrat";
    background: linear-gradient(59deg, #3A6073, #1c2f3a, #16222A);
    
    justify-content: center;
    
    text-align: justify;
}

html{
    scroll-behavior: smooth;
}

#load_screen{
    
    background-attachment: fixed;
    background-color: rgb(163, 114, 23);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}


#body_screen{
    /* background-color: rgb(163, 114, 23); */
}

#standard_body{
    display: block;
}

.load_img{
    
    width: 5rem;
    height: auto;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.load_img_hide{
    display: none;
}

/*menu */
.navmen{
    margin: auto;
    max-width: 80%;
    
}

.navmen .navbar-collapse .menu_pontok{
    text-transform: uppercase;
    font-size: 1rem;
    color: white;
    transition: 1s;
    
}
.navmen .navbar-collapse .menu_pontok:hover{
    color: black;
    background-color: rgb(255, 255, 255);
    
}

.carousel_img_disc{
    padding: 0.5rem 0.5rem;
}

@media only screen and (max-width: 1200px){
    /* .navmen .button_menu{
        margin-left: 18em;
    } */
    .carousel_img_disc{
        font-size: 0.8rem;
    }
    .carousel_img_title{
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 900px){
    .navmen{
        margin: auto;
    }
    .nav_men_kicsi{
        margin: 0 20px 0 0 !important;
        max-width: 100%;
    }
    .menu_pontok{
        padding-left: 1rem;
    }
    .carousel_img_disc{
        font-size: 0.8rem;
        padding: 0.3rem 0.3rem;
    }
    .carousel_img_title{
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 720px){
    .carousel_img_disc{
        font-size: 0.7rem;
    }
    .carousel_img_title{
        font-size: 0.8rem;
    }
    .navmen .navbar-collapse .menu_pontok{
        font-size: 1rem;
        padding-left: 0.1rem;
    }
    
}
@media only screen and (max-width: 600px){
    /* .navmen .button_menu{
        margin-left: 17em;
    } */
    .carousel_img_disc{
        font-size: 0.6rem;
        padding: 0.2rem 0.2rem;
    }
    .carousel_img_title{
        font-size: 0.7rem;
    }
    /* .navman{
        justify-content: space-between;
    } */
}
@media only screen and (max-width: 570px){
    /* .navmen .button_menu{
        margin-left: 18em;
    } */
    .carousel_img_disc{
        font-size: 0.45rem;
    }
    .carousel_img_title{
        font-size: 0.55rem;
    }
}

@media only screen and (max-width: 400px){
    .carousel_img_disc{
        font-size: 0.3rem;
    }
    .carousel_img_title{
        font-size: 0.4rem;
    }
} 

.dropdown-menu{
    margin: 0;
    border-top-left-radius: 0;
}

.dropdown:hover>.dropdown-menu {
    display: block;
  }

#drop_menu{
    background-color: rgba(14, 9, 8, 0.5);
    border: 1px solid white;
    padding: 0;
}

/* .drop_menu_items {
    padding-left: 0rem;
    animation-name: atmenet2;
    animation-duration: 6s;
} */
.drop_menu_items1{
    border-top-right-radius: 5%;
    padding-left: 1.5rem;
    /* animation-name: itemfromleft;
    animation-duration: 1s; */
}
.drop_menu_items1:hover{
    background-color: black;
}
.drop_menu_items2{
    padding-left: 1.5rem;
    /* animation-name: itemfromleft;
    animation-duration: 1.6s; */
}
.drop_menu_items2:hover{
    background-color: black;
}
.drop_menu_items3{
    border-bottom-left-radius: 5%;
    border-bottom-right-radius: 5%;
    padding-left: 1.5rem;
    /* animation-name: itemfromleft;
    animation-duration: 2.2s; */
}
.drop_menu_items3:hover{
    background-color: black;
}
.drop_menu_items4{
    border-bottom-left-radius: 5%;
    border-bottom-right-radius: 5%;
    padding-left: 1.5rem;
    /* animation-name: itemfromleft;
    animation-duration: 2.8s; */
}
.drop_menu_items4:hover{
    background-color: black;
}
.drop_menu_items5{
    border-bottom-left-radius: 5%;
    border-bottom-right-radius: 5%;
    padding-left: 1.5rem;
    animation-name: itemfromleft;
    animation-duration: 3.4s;
}
.drop_menu_items5:hover{
    background-color: black;
}
/* @keyframes itemfromleft {
    0%   {padding-left: 10rem;}
    100% {padding-left: 1.5rem;}
} */


/* mainpagebanners */
.index_banners{
    /* background-color: black; */
    max-height: 50px;
    width: auto;
}

@media only screen and (max-width: 720px){
    .index_banners{
        max-height: 40px;
        width: auto;
    }
}

@media only screen and (max-width: 580px){
    .index_banners{
        max-height: 35px;
        width: auto;
    }
} 

.index_banners_education{
    border-bottom: 2px solid rgb(255, 153, 0);
    border-top: 2px solid rgb(255, 153, 0);
    /* background: rgba(234, 250, 5, 0.301); */
    /* background: linear-gradient(59deg, #99710a, #ED9B21, #ED9B21); */
}

.index_banners_nightlife{
    border-bottom: 2px solid rgb(174, 0, 255);
    border-top: 2px solid rgb(174, 0, 255);
    /* border: 1px solid yellowgreen; */
    /* background: linear-gradient(59deg, #391C69, #592559, #883142, #D4461D); */
}

.index_banners_art{
    border-bottom: 2px solid rgb(56, 52, 58);
    border-top: 2px solid rgb(56, 52, 58);
    /* background: linear-gradient(59deg, #000000, #777777, #dbafb8, #af7869); */
}

.index_banners_szabadegyetem{
    border-bottom: 2px solid rgb(11, 8, 212);
    border-top: 2px solid rgb(11, 8, 212);
    /* background: linear-gradient(59deg, #391C69, #252a59, #316f88, #1cc02a); */
}





/*fonts*/

.font_bold{
    font-size: 1.4rem;
    font-weight: 900;
    text-transform: uppercase;
}

.font_smaller{
    font-weight: 600;
}

.font_bold_index{
    font-size: 1.2rem;
    font-weight: 900;
    text-transform: uppercase;
}

.font_smaller_index{
    font-weight: 100;
}

#porject_text{
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #000; 
    line-height: 0.1em;
    margin: 10px 0 20px; 
 } 
 
 #porject_text span{ 
     background:#fff; 
     
 }


hr {
    border-color: teal;
    margin: 0;
    padding: 0;
}



.footer-top hr{
    border-color: white;
}

#copy_fo{
    text-align: center;
    padding-bottom: 1em;
    margin-bottom: 0;
}

@media only screen and (max-width: 800px) {
    .navmen {
      max-width: 100%;
      justify-content: space-between;
    }
}

.head{
    background-color: rgba(14, 9, 8, 0.8);
}

.head_shading{
    background-color: rgb(0, 0, 0);
}

ul, li{
    text-decoration: none;
}

#demo{
    text-align: center!important;
}

.gombok{
    background-color: rgba(19, 15, 14, 0.5);
}

.icons{
    max-width: 50px;
}

.icons_contact{
    max-width: 35px;
}

.footer-top{
    color: white;
    padding-top: 1rem;
    background-color: rgba(14, 9, 8, 0.5);
    /*background: linear-gradient(59deg, #3A6073, #16222A,  #d19807 );*/
}
/*
footer ul, li, a{
    list-style-type: none;
    padding: 0 0 0 0.2rem;
}*/

.icon_footer .icon_p{
    padding-left: 0.2rem;
}


/* Rolunk stilusok */

.rolunk_cim{
    font-size: 1.8rem;
    margin: 0;
}

.rolunk_cim{
    padding: 2rem 0 3rem 0;
}

.udvozlo{
    padding-bottom: 50rem;

}


.udvozlo_kicsi {
    padding-bottom: 4rem;
    animation-name: atmenet2;
    animation-duration: 2s;
}

@keyframes atmenet2{
    
    0% {padding-bottom: 50rem;}
    100%  {padding-bottom: 4rem;}
}

.r_h2{
    color: white;
}

.rolunk_udvozlo .r_h2, .r_p {
    /* font-size: 2rem; */
    position: relative;
    animation-name: example1;
    animation-duration: 2s;
  }
  
  @keyframes example1 {
    /*0%   {font-size: small;}*/
    0%  {font-size: x-small;}
    100% {font-size: 2rem;}
  }
  .r_celj{
      padding: 1rem 1rem;
      text-align: justify;
  }
  .r_celj {
    /* position: relative;
    animation-name: example2;
    animation-duration: 3.5s; */
  }

  @keyframes example2 {
    0%   {visibility: hidden; border: hidden;}
    25%  {visibility: hidden; border: hidden;}
    50%  {visibility: hidden; border: hidden; bottom: 650px;}
    80% {bottom: 0px; border: hidden;}
    100% {bottom: 0px;}
  }

  .r_test{
      padding-top: 2.5rem;
  }

/* NIGHTLIFE */

#nightlife_body{
    /* background: linear-gradient(59deg, #391C69, #592559, #883142, #D4461D)!important; */
    background-image: url("img/bulihatter.jpg");
    /* background-position: center; */
    background-size: cover;
}

/* BAL */

#bal_body{
    background-image: url("img/balhatter2.jpg");
    /* background-position: center; */
    background-size: cover;
}

/* KONFI */

#konfi_body{
    background-image: url("img/balhatter.jpg");
    /* background-position: center; */
    background-size: cover;
}

/* ART */

#art_body{
    background-image: url("img/arthatter.jpg");
    /* background-position: center; */
    background-size: cover;
}
#sze_body{
    background-image: url("img/background/WebSZE_BG.png");
    /* background-position: center; */
    background-size: cover;
}


/* EDUCATION */

@media only screen and (max-width: 1200px){
    .text_left{
        text-align: left;
    }
}

.e_koszonto{
    color: white;
    padding: 1rem 0;
    border-bottom: 1px solid white;
}

#education_body{
    background: linear-gradient(59deg, #f3ba2b, #c57d10, #D4461D);
}

/*lapozos menu*/

.carousel_img{
    display: inline-block;
    background-position: center;
    /* background-size: cover;
    max-width: 65%;
    max-height: 600px; */
}

.carousel_img_disc{
    text-shadow: 0 0 1px #000000;
    background-color: rgba(14, 13, 10, 0.8);
    display: inline-block;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-top: 0.5px solid whitesmoke;
    /* border-bottom: 0.5px solid whitesmoke; */
}

@media only screen and (max-width: 1000px) {
    .carousel_img {
      max-width: 80%;
      height: auto;
    }
}
@media only screen and (max-width: 800px) {
    .carousel_img {
      max-width: 100%;
      height: auto;
    }
}

@media only screen and (max-width: 720px) {
    /* .carousel_img {
      height: auto;
    } */

    .carousel_img_disc{
      display: inlflex;
    }
}


/* VIK */

.v_szaml{
    font-size: 3em;
}

/* Mindenes */

.idezet{
    color: white;
    font-family: 'Courier New', Courier, monospace;
}




#v_border{

    
}

.v_idezet{
    padding: 3rem 0;

}


.vik_buttons{
    text-transform: uppercase;
    padding: 1 0;
    width: 100%;
    display: contents;
    font-style: none;
    border: 0;
    color: white;
}

.vik_button_border_style{
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid white;
    color: black;
}

.vik_buttons_border{
    padding: 0.6rem 0rem;
}

.content_hide{
    display: none;
}

.content_block{
    display: block;
}

.galery_link_style{
    font-size: 1.5rem;
    text-decoration: none;
    color: rgb(23, 23, 172);
    text-align: right;
}

/* IMAGES JS */

.imgs_background{
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: white;
}

/*  SZABADEGYETEM */

.szezz{
    font-size: 2rem;
}

.title_szezz{
    font-size: 1.5rem;
    font-weight: 900;
}

.sze_gombok{
    margin-top: 1rem;
}


@media only screen and (max-width: 980px) {
    #himnusz {
      width: 660px;
      height: 390px;
      
    }
}

@media only screen and (max-width: 800px) {
    #himnusz {
      width: 520px;
      height: 300px;
    }
    .szezz{
        font-size: 1.7rem;
    }
    .title_szezz{
        font-size: 1.3rem;
        font-weight: 900;
    }
    
}

@media only screen and (max-width: 770px) {
    #himnusz {
      width: 500px;
      height: 280px;
      
    }
}

@media only screen and (max-width: 660px) {
    #himnusz {
      width: 420px;
      height: 210px;
    }
    .szezz{
        font-size: 1.3rem;
    }
    .title_szezz{
        font-size: 1rem;
        font-weight: 900;
    }
}

@media only screen and (max-width: 500px) {
    #himnusz {
      width: 370px;
      height: 180px;
      
    }
}

@media only screen and (max-width: 420px) {
    #himnusz {
      width: 310px;
      height: 180px;
      
    }
    .himnusz_keret{
        padding-left: 0;
        padding-right: 0;
    }
}

#registration_button:hover{
    background-color: rgb(38, 38, 77);
    color: white;
}

/* Tagsag */

.tagsag_fejlec{
    
}

@media only screen and (max-width: 768px) {
    .utolso_tag_igazitas{

    }
}


.card-img-top{
    height: 230px;
    object-fit: cover;
}

.tagsag_hatter{
    /* padding-top: 2rem; */
    background: url("../img/background/DSC_1164.jpg") no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    
    /* background-size: 100%; */
}

.elnokseg_hatter{
    background-color: rgba(13, 13, 15, 0.5);

}

.elnokseg_cim{
    border: 1px solid black;
    color: black;
    font-size: 2rem;
    background-color: rgba(242, 242, 243, 0.8);
    padding: 1rem 2rem 1rem 2rem;
}

.tagok{

}

.mindenki_elrendezese{
    justify-content: center;
    padding: 0 0 0 0;
    /* margin: auto; */
    border-radius: 2rem;
}

.mind{
    padding-bottom: 3rem;
}

.elnokseg_border{
   
}

/* Tamogatok */

.supporters_hatter{
    background-color: rgba(255, 255, 255, 0.93);
    border-radius: 20px;
}

.supporters{
    margin-right: 1rem;
    font-size: 1.5rem;
    color: black;
}

.supporters_container{
    
}

.supporters_logo{
    height: auto;
    max-width: 280px;
}



@media only screen and (max-width: 768px) {
    .pad{
        padding-bottom: 5rem;
    }
}

@media only screen and (max-width: 992px) {
    .pad-md{
        padding-bottom: 5rem;
    }
    .pad-lg{
        padding-bottom: 0;
    }   
}

@media only screen and (max-width: 3000px) {
    .pad-lg{
        padding-bottom: 3rem;
    }   
}


/* Mindenes */

.bold_font{
    font-weight: 600;
}

.text{
    font-size: 1.2rem
}

.tagsag_fejlec{
    background-color: rgba(255, 255, 255, 0.3);
    color: white;
}

/* @media only screen and (max-width: 720px){
    .szervezok_nem{
        display: none;
    }
    .szervezok_igen{
        visibility: visible;
    }
} */

/*  Kepek */

#demo {
    /* height: 100%; */
    position:relative;
    overflow:hidden;
  }
  
  
  .green{
    background-color:#6fb936;
  }
          .thumb{
              margin-bottom: 30px;
          }
          
          .page-top{
              margin-top:85px;
          }
  
     
  img.zoom {
      width: 100%;
      height: 200px;
      border-radius:5px;
      object-fit:cover;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
  }
          
   
  .transition {
      -webkit-transform: scale(1.2); 
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2);
  }
      .modal-header {
     
       border-bottom: none;
  }
      .modal-title {
          color:#000;
      }
      .modal-footer{
        display:none;  
      }
  
/* Galeria */

.gallery_titles{
    font-size: 2rem;
    color: white;
    padding-top: 2.7rem;
    padding-bottom: 1rem;
}

.gallery_link{
    font-size: 1.5rem;
}

/* Jotekonysag */

#jotekonysag_body{
    /* background: linear-gradient(59deg, #3d344d, #8b4b8b, #523137, #0e0503)!important; */
    background-image: url("img/jotekonysaghatter.jpg");
    /* background-position: center; */
    background-size: cover;
}