@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700');

body{
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    background-color: #dedede;
}
.bold{
    font-weight: 400;
}
#fl_logo{
    height: 60px;
    width: 60px;
}
#fl_icon{
    margin: 0;
    width: 100;
}
/* JUMBOTRON FORMÁZÁS */
#jumbo .jumbotron{
    padding: 10px;
    margin-bottom: 0;
}
#jumbo .jumbotron p{
    color: white;
    font-size: 1.5em;
    vertical-align: middle;
    margin-bottom: 0;
}
#jumbo2 .jumbotron{
    padding: 10px;
    margin-bottom: 0;
}
#jumbo2 .jumbotron p{
    color: white;
    font-size: 1.5em;
    vertical-align: middle;
    margin-bottom: 0;
}
#jumbo2 .kozep{
    background-color: #fff;
}
#jumbo .szele{
    background-color: #b00;
}
#jumbo .szele:hover{
    background-color: #fff;
}
#jumbo .szele>p:hover{
    color: #b00;
}
#jumbo2 .kozep>p{
    color: #b00;
}
#jumbo2 .kozep:hover{
    background-color: #b00;
}
#jumbo2 .kozep>p:hover{
    color: #fff;
}
#jumbo .row{
    margin: 0;
    padding: 1% 5%;
}
#jumbo2 .row{
    margin: 0;
    padding: 1% 5%;
}

/* EZ ITT A MAIN ELEMEK MÓDOSíTÁSA */
main{
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
}
main h2{
    font-weight: 300;
    margin-top: 10px;
    font-size: 1.5em;
}
body, main{
    display: block;
} 
h1{
    text-align: center;
    font-size: 2.2em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #B00000;
}
a{
    color: #B00000;
}
a:hover{
    text-decoration: none;
    color: #000;
}
.szines{
    color: #b00000;
    font-weight: 400;
}
.bal{
    float: left;
    margin-right: 15px;
    margin-bottom: 2px;
}
.jobb{
    float: right;
    margin-left: 15px;
    margin-bottom: 2px;
}
.ures{
    clear: both;
}
.btn{
    padding: 0 10px;
    border: none;
}
#alert h4{
    font-weight: 400;
}
/* ITT KEZDŐDIK A MENŰ */
.navbar{
    background-color: #999;
    font-size: 1.2em;
    padding: 0px 10px;
    margin: 0;
    border-bottom: 10px solid #b00000;
    border-top: 10px solid #b00000;
    border-radius: 0;
}
/*.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #000;
}*/
.navbar-default img{
    display: inline;
    margin: 10px 15px 10px 0;
    /*margin-right: 15px;*/
}
.navbar-default .navbar-header>a:hover{
    color: #000;
}
.navbar-default .navbar-nav>li{
    padding-top: 13px;
}
.navbar-default .navbar-nav>li>a{
    color: #B00000;
}
.navbar-default .navbar-nav>li>a:hover{
    color: #000;
}

/* ITT KEZDŐDIK A SECTION-ÖK FORMÁZÁSA */
#astilus{
    margin: /*10px*/0 15px;
}
#astilus p, #tortenet p, #informacio p, #szabalyzat p {
    margin: 3% 6%;
    text-align: justify;
    /*font-size: 1.2em;*/
}
#tortenet, #informacio, #szabalyzat{
     margin: 15px;
}
#edzesek ul{
    margin: 3% 6%;
    text-align: justify;
    padding: 0;
    list-style-type: none;
}
#szabalyzat{
    margin-bottom: 0;
}
.gomb{
    display: block;
    margin: auto;
}
.indexvideo {
    display: block;
    width: 100%;
}

/* ITT KEZDŐDIK A FOOTER */
#lablec{
    background-color: #999;
    border-top: 10px solid #b00000;
    /*border-bottom: 10px solid #b00000;*/
}
#lablec h3{
    margin: 1% 5%;
    font-size: 1.5em;
}
#lablec ul{
    list-style-type: none;
    padding: 0 0 0 45px;
}
#lablec ul>li{
    font-size: 18px;
}
#lablec .fb_ikon{
    width: 25px;
    height: 25px;
    display: inline;
}
#ll_logo{
    margin: 1% 5%;
}
/* ez itt az űrlap */
label{
    padding: 0;
    display: inline-block;
    max-width: 100%;
    margin: auto;
    font-weight: 300;
}
#urlap{
    text-align: center;
}
#szoveg>p{
    font-weight: 300;
    font-size: 1.1em;
}
#copy{
    padding-top: 35px;
    padding-left: 15px;
}
/*#copy{
    font-size: 16px;
    margin: 1% 5%;
}*/
#terkep{
    padding-top: 35px;
}
#terkep iframe{
    width: 100%;
    vertical-align:middle;
}
/* MOBILNÉZET BEÁLLÍTÁSAI */
@media screen and (max-width: 768px) {
    .navbar-nav {
    margin: 0;
    }
}
/* full-hd beállítások */
@media screen and (min-width: 1400px) {
    body{
    font-size: 20px;
    }
}

/* FELNYÍL */
#backTop{
    background:#b00000;
    border-radius:50%;
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    padding: 5px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
}
 #backTop a{
	 color:#fff;
	 text-decoration:none;
	 font-size:13px;
	 margin-top:5px;
	 display:block;
}
 #backTop:hover{
   background:#bbb;
 }

/* SLIDE = GÖRGETÉS = BS:SCROLLSPY */
.slideanim {visibility:hidden;}
.slides {
    animation-name: slide;
    -webkit-animation-name: slide; 
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    visibility: visible; 
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}