.video-container {
	border:1px solid gray;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

h1,h2,h3,h4,h5 { color:#57b9e9; }
a { color:#57b9e9; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }
a:selected { text-decoration:none; }
hr { color:#57b9e9; background-color:#57b9e9; height:1px; }
.feher { color:white; }

body { background:#57b9e9; color:#888888; }
.hz-menu { background:white; border-top:1px solid #57b9e9; border-bottom:1px solid #57b9e9; 
-webkit-box-shadow: 0px 10px 26px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 26px -10px rgba(0,0,0,0.75);
box-shadow: 0px 10px 26px -10px rgba(0,0,0,0.75);
position:relative; z-index:10;
}
.hz-main { background:white; padding-top:12px; padding-bottom:12px; }
.hz-szabiszoveg { border:2px solid #57b9e9; background:#92d7f9; color:white; padding:6px; margin-bottom:12px; }
.hz-bottom-menu { background:#92d7f9; border-top:1px solid #57b9e9; border-bottom:1px solid #57b9e9; padding-top:6px; padding-bottom:6px; }
.hz-footer { color:white; text-align:center; padding-top:24px; padding-bottom:24px; }
.btn-spc { margin-bottom:3px; }
.hz-center { text-align:center; }

.hz-kategpanel-main { border:1px solid gray; }
.hz-kategpanel-sub1 { padding-top:3px; padding-left:6px; paddong-right:6px; text-align:left; }
.hz-kategpanel-sub2 { padding-left:6px; paddong-right:6px; text-align:right; }

.navbar-custom {
	border:none; background:none;
  margin-bottom:0px;
  padding:0px;
}
.navbar-custom .navbar-brand {
  color: #57b9e9;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #57b9e9;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #57b9e9;
}
.navbar-custom .navbar-nav > li > a {
  color: #57b9e9;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: white;
  background-color: #57b9e9;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: white;
  background-color: #57b9e9;
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: #57b9e9;
}
.navbar-custom .navbar-toggle {
  border-color: #57b9e9;
  color: #57b9e9;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  color: white;
  background-color: #57b9e9;
}
.navbar-custom .navbar-toggle .icon-bar {
  color: white;
  background-color: #57b9e9;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #57b9e9;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #57b9e9;
  color: white;
}

.btn-footer {
  color: #fff;
  background:none;
  border-color: #92d7f9;
  margin:2px;
}
.btn-footer:hover, .btn-footer:focus, .btn-footer.focus, .btn-footer:active, .btn-footer.active,
.open > .dropdown-toggle.btn-footer {
  color: #57b9e9;
  background: white;
  border-color: #57b9e9;
}

.btn-default {
  color: #888888;
  background:white;
  border-color: #57b9e9;
  margin:2px;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: white;
  background: #57b9e9;
  border-color: #92d7f9;
}

.btn-primary {
  color: white;
  background:#07425f;
  border-color: #07425f;
  margin:2px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: white;
  background: #57b9e9;
  border-color: #07425f;
}

.btn-success {
  color: white;
  background:#090;
  border-color: #090;
  margin:2px;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: white;
  background: #0c0;
  border-color: #0c0;
}

.breadcrumb { background:white; border: none; border-radius:0px; border-left:3px solid #57b9e9; text-align:left; }

.hz-sidebar { border:none; }

.hz-head-cim { text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000; }

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.hz-sidebar { border-top:1px solid #57b9e9; margin-top:12px; padding-bottom:12px; background:#F8F8F8; }
	.hz-main {padding-bottom:0px; }
	.hz-kategpanel-sub1 { height:40px; }
	.hz-head { height:124px; background-image:url("/images/img/fejlec750kek.jpg"); }
	.hz-head-cim { color:white; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.hz-sidebar { border-top:1px solid #57b9e9;  margin-top:12px; padding-bottom:12px; background:#F8F8F8; }
	.hz-main { padding-bottom:0px; }
	.hz-kategpanel-sub1 { height:40px; }
	.hz-head { height:124px; background-image:url("/images/img/fejlec750kek.jpg"); }
	.hz-head-cim { color:white; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	body { font-size:1.6em; }
	.hz-sidebar { border-left:3px solid #57b9e9; }
	.hz-kategpanel-sub1 { height:45px; }
	.hz-navbar-custom-li-a { padding-left:9px !important; padding-right:9px !important; }
	.hz-head { height:124px; background-image:url("/images/img/fejlec750kek.jpg"); }
	.hz-head-cim { color:white; font-size:1.2em; }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	body { font-size:1.7em; }
	h1 { font-size:2.3em; }
	h2 { font-size:1.9em; }
	h3 { font-size:1.7em; }
	h4 { font-size:1.5em; }
	.hz-sidebar { border-left:3px solid #57b9e9; }
	.hz-kategpanel-sub1 { height:50px; }
	.hz-head { height:160px; background-image:url("/images/img/fejlec970kek.jpg"); }
	.hz-head-cim { color:white; font-size:1.5em; }
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	body { font-size:2.1em; }
	h1 { font-size:2.0em; }
	h2 { font-size:1.9em; }
	h3 { font-size:1.7em; }
	h4 { font-size:1.5em; }
	.hz-sidebar { border-left:3px solid #57b9e9; }
	.hz-kategpanel-sub1 { height:59px; }
	.hz-head { height:160px; background-image:url("/images/img/fejlec1170kek.jpg"); }
	.hz-head-cim { color:white; font-size:1.3em; }
}

@font-face {
    font-family: 'arconregular';
    src: url('/fonts/arcon-regular-webfont.woff2') format('woff2'),
         url('/fonts/arcon-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fira_sans_condensedbold';
    src: url('/fonts/firasanscondensed-bold-webfont.woff2') format('woff2'),
         url('/fonts/firasanscondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'fira_sans_condensedregular';
    src: url('/fonts/firasanscondensed-regular-webfont.woff2') format('woff2'),
         url('/fonts/firasanscondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

p, div { font-family:fira_sans_condensedregular, arial, sans; }
b, em, strong { font-family:fira_sans_condensedbold, arial, sans; }
h1,h2,h3,h4,h5 { font-family:arconregular, arial, sans; text-align:left; }
.btn { font-size:inherit; }