html, body {
    background: url("img/alap3.jpg") repeat transparent !important;
	font-family: Open Sans, sans-serif;
 }   
.body {
	padding: 0px;
	margin: 0px;
	
	  
}
h1 {
	color: grey;
}
.jumbotron {
	background-color: transparent;
	padding-top: 5px;
    padding-bottom: 5px;
	margin-bottom: 15px;
}
.btn {
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
	border-radius: 2px;
    border: 0;
    color: #fff;
    margin: 6px;
    white-space: normal!important;
	}
.btn-fb {
    background-color: #3B5998;
	margin-right: 50px;
}
.btn-fb:focus, .btn-fb:hover {
    background-color: #4264aa;
	margin-right: 50px;
}
.btn-group-lg>.btn, .btn-lg {
    padding: .75rem 1.25rem;
    font-size: 1.25rem;
    line-height: 1.333333;
    border-radius: .3rem;
	}
	
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color:#fff;
}
.nav>li>a {
    padding: 15px 10px;
}	
.navbar-inverse {
    background-color: #4b54a7;
    border-color: #4b54a7;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}
.navbar-inverse .navbar-brand {
    color: #fff;
    font-size: 26px;
}
.navbar-inverse .navbar-nav>li>a:hover {
    background-color: #373f89;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #373f89;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #1e2560;
}
	
.navbar-collapse {
  padding-right: 5px;
  padding-left: 5px;
  }
    /* Remove the navbar's default margin-bottom and rounded borders */
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
 ul.nav li.dropdown:hover ul.dropdown-menu {
            display: block;
        }   
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color: #f2f2f2;
      padding: 25px;
    }
@media screen and (max-width:768px) {
  #nagy {
    display:none ;
}
}
@media screen and (min-width:768px) {
 #kis {
    display:none ;
}
}
@media screen and (max-width:768px) {
.eltunik {
    display:none ;
}
}

@media screen and (max-width:350px) {
.navbar-inverse .navbar-brand {
    font-size: 16px;
}
}
@media screen and (min-width:1000px) {
body {
    font-size:18px !important;
}
}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

/* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 12 css */
        /*
        .jssora12l                  (normal)
        .jssora12r                  (normal)
        .jssora12l:hover            (normal mouseover)
        .jssora12r:hover            (normal mouseover)
        .jssora12l.jssora12ldn      (mousedown)
        .jssora12r.jssora12rdn      (mousedown)
        */
        .jssora12l, .jssora12r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 30px;
            height: 46px;
            cursor: pointer;
            background: url('img/a12.png') no-repeat;
            overflow: hidden;
        }
        .jssora12l { background-position: -16px -37px; }
        .jssora12r { background-position: -75px -37px; }
        .jssora12l:hover { background-position: -136px -37px; }
        .jssora12r:hover { background-position: -195px -37px; }
        .jssora12l.jssora12ldn { background-position: -256px -37px; }
        .jssora12r.jssora12rdn { background-position: -315px -37px; }
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	background-color:#8781bd;
}
input {
padding:2px; 
margin: 10px; 
background-color:#f3f3f3;
color: #999;
}
textarea {
width: 260px;
height: 80px;
padding:2px; 
margin: 10px; 
background-color:#f3f3f3;
color: #999;
}
.nav li #active {
background-color: #373f89;
}
.modal-footer {
    padding: 15px;
    text-align: right;
	border-top: 0px;
}
/* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 110px;
            height: 80px;
        }
        
        .jssort01 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 110px;
            height: 80px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('img/t01.png') -900px -900px no-repeat;
            _background: none;
        }
        
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 110;
            height: 80px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 110px;
            height: 80px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
            width: 110px;
            height: 80px;
            border: #000 2px solid;
        }
        
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 110px;
            height /**/: 80px;
        }