@charset "utf-8";

/*===================================================================================================
BERGI DESIGN
szalaigabor.hu
===================================================================================================*/

/*===================================================================================================
INPORT / @FONT-FACE / CSS
===================================================================================================*/

@import url('https://downdogjoga.hu/mag/plgn/flex-slider/flex-slider.css');
@import url('https://downdogjoga.hu/mag/plgn/fresco/fresco.css');
@import url('https://downdogjoga.hu/mag/plgn/social/arthref.min.css');

@font-face { font-family:'bebas_neueregular';
src:url('fonts/bebasneue/BebasNeue-webfont.eot');
src:url('fonts/bebasneue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/bebasneue/BebasNeue-webfont.woff') format('woff'),
	url('fonts/bebasneue/BebasNeue-webfont.ttf') format('truetype'),
	url('fonts/bebasneue/BebasNeue-w619ebfontebfont.svg#bebas_neueregular') format('svg');
font-weight:normal;font-style:normal; }


/*===================================================================================================
ALAP BEÁLLÍTÁSOK
===================================================================================================*/

body { background: #fffbf3;}

.wrpp-1 p a, .wrpp-1 p a:visited { color: #6ca77d; }
:visited { color:#222; }
:link, a { color: #222; }
a:hover { color:#222; }
span.eventname h6 { color: #222; }

img { max-width: 100%; height: auto; }

ul.lst-base {border: none!important; font-size:14px; line-height:22px; }
ul.lst-base li { font-size:14px; line-height:22px; }
ul.lst-base li ul li {border-left: none; padding-left: 0px;}

input[type=submit], .sbmt-base { border:0; background:#6ca77d; color:#fff; text-align:center; }
input[type=submit]:hover, .sbmt-base:hover { background:#666; color:#fff; }
input[type=text], input[type=password], textarea, select { border:0; padding-left:0; padding-right:0; border-bottom:1px solid #6ca77d; }
.input-select:before { border-color:#6ca77d transparent transparent; right:0; }

table, table tbody, table tr, table tr td, img {
  max-width: 100%!important;
}
/*===================================================================================================
ÖSSZEVONT WEBKIT ELEMEK
===================================================================================================*/

/* transition */
.slides li > .ckk-sld-tp, .ftr-nav li a:before, ul.ndx-ckk li span, #eventplaces > ul > li > a
{ -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; transition:0.5s ease-out; }

/* opacity */
ul.ndx-ckk li span {
   filter: grayscale(100%);
}
ul.ndx-ckk li:hover span { opacity:.8; filter:alpha(opacity=80); -khtml-opacity:.8; -moz-opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.pct-60, .hdr-cvr { opacity:.8; filter:alpha(opacity=80); -khtml-opacity:.8; -moz-opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

/* gray */
ul.lst-typ-user li span, .hdr-profil-img, #prfl-mdl > div > span { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:gray; filter:grayscale(100%); }

/*.hdr-bs-img
{ -webkit-filter:blur(6px); -moz-filter:blur(6px); -o-filter:blur(6px); -ms-filter:blur(6px); filter:blur(6px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6'); }*/


.slides li, ul.ndx-ckk li span, .hdr-profil-img, ul.lst-typ-user li span, ul.galeria-kepek li div, .hdr-cvr, .box-typ-sdbr > .p-image
{ -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover; }

#sys-nav > ul > li > a:before, #prfl-mdl > ul > li > a:before, .ftr-nav li a:before, .box-typ-sdbr ul li:before, .hdr-profil-img, .hdr-data-nav > a, .box-typ-sdbr > .p-image
{ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; -o-border-radius:50%; }

/*===================================================================================================
OLDALTEST
===================================================================================================*/

header { position:absolute; top:-1px; left:0; right:0; z-index:99; background: #fffbf3; }


#hdrline { height:504px; position:relative; display:block; background:#000; margin-top: 50px; margin-bottom: 0 }
#hdrline_front { position:relative; display:block; background:#000; margin-top: 0; margin-bottom: 0 }


#cntnr { overflow:hidden; z-index:2; background:#fffbf3; padding-bottom: 50px }
#cntnr h4 { color: #333; }
ul.lst-typ-user h4 { color: #fff!important; }

#langswitcher_veryfirst_layer {
  position: fixed;
  left: 0; right: 0; 
  top: 0; bottom: 0;
  z-index: 999998;
  background-color: #000;
  opacity: 0.5;
}

#langswitcher_veryfirst p {
  color: #e8e8e8;
  font-size: 20px;
  text-align: left;
  font-family: "bebas_neueregular", Helvetica, sans-serif!important;
  letter-spacing: 2px;
  text-align: center;
}

#langswitcher_veryfirst p.preftxt {
  margin-bottom: 20px;
}

#langswitcher_veryfirst p.switcher {
  width: 50%;
  float: left;
  font-size: 40px;
  text-align: center;
}

#langswitcher_veryfirst p.switcher a {
  color: #e8e8e8;
}

@media (max-width: 400px) {
  #langswitcher_veryfirst p.switcher {
    font-size: 30px;
  }
  #langswitcher_veryfirst div {
    padding: 20px 10px 10px 10px;
  }
}

#langswitcher_veryfirst p.switcher.langhu {
}

#langswitcher_veryfirst {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 999999;
  border: 5px solid #059d79;
  border-radius: 1px;
  background-color: #45cd89;
  max-width: 800px;
  width: 90%;
}

#langswitcher_veryfirst div {
  border: 1px solid #008864;
  border-radius: 1px;
  max-width: 100%;
  padding: 30px 20px 20px 20px;
}

.quest_button {
  border: 2px solid #15ad89;
  display: inline-block;
  padding: 4px 8px;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 10px;
  background-color: #fffbf3;
}

#cookiealert_veryfirst_layer {
  position: fixed;
  left: 0; right: 0; 
  top: 0; bottom: 0;
  z-index: 999998;
  background-color: #000;
  opacity: 0.5;
}

#cookiealert_veryfirst p {
  color: #e8e8e8;
  text-align: left;
  text-align: center;
}

#cookiealert_veryfirst p.preftxt {
  letter-spacing: 1.5px;
  font-size: 26px;
  font-family: "bebas_neueregular", Helvetica, sans-serif!important;
  margin-bottom: 20px;
  line-height: 30px;
}

#cookiealert_veryfirst p.preftxt2 {
  letter-spacing: 0.5px;
  font-size: 16px;
  margin-bottom: 30px!important;
  line-height: 22px;
  text-align: justify;
}

#cookiealert_veryfirst p.switcher {
  width: 50%;
  float: left;
  font-size: 40px;
  text-align: center;
}

#cookiealert_veryfirst p.switcher a {
  color: #e8e8e8;
}

@media (max-width: 980px) {
  #cookiealert_veryfirst p.preftxt {
  }
  #cookiealert_veryfirst p.preftxt2 {
  }
  #cookiealert_veryfirst div {
  }
  #cookiealert_veryfirst {
  }
}

#cookiealert_veryfirst p.switcher{
}
#cookiealert_veryfirst p a.button {
  font-size: 30px;
  font-family: "bebas_neueregular", Helvetica, sans-serif!important;
}

#cookiealert_veryfirst {
  position: relative;
  left: 50%;
  top: 20px;
  transform: translate(-50%,20px);
  z-index: 999999;
  border: 5px solid #007d59;
  border-radius: 1px;
  background-color: #23ab67;
  width: 450px;
  max-width: 99%;
}

#cookiealert_veryfirst div {
  border: 1px solid #005533;
  border-radius: 1px;
  padding: 30px 40px 20px 40px;
}

#cookiealert_veryfirst.red {
  background-color: #F36C59!important;
  border: 5px solid #B33C29!important;
}

#cookiealert_veryfirst.red div {
  border: 1px solid #aa2222!important;
}


#gdpr_veryfirst_layer {
  color: #e8e8e8;
  position: fixed;
  left: 0; right: 0; 
  top: 0; bottom: 0;
  z-index: 999998;
  background-color: #000;
  opacity: 0.7;
}

#gdpr_veryfirst {
  color: #e8e8e8;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 999999;
  border: 2px solid #007d59;
  border-radius: 1px;
  background-color: #139b57;
  padding: 14px 10px 0px 10px;
  width: 100%;
}

#gdpr_veryfirst p {
  color: #e8e8e8;
  font-size: 16px;
  text-align: left;
  font-family: "bebas_neueregular", Helvetica, sans-serif!important;
  letter-spacing: 2px;
  text-align: center;
}

#safety_alert_veryfirst_layer {
  color: #e8e8e8;
  position: fixed;
  left: 0; right: 0; 
  top: 0; bottom: 0;
  z-index: 999998;
  background-color: #000;
  opacity: 0.7;
}

#safety_alert_veryfirst {
  color: #e8e8e8;
  position: fixed;
  left: 0px;
  top: 30px;
  z-index: 999999;
  border: 2px solid #007d59;
  border-radius: 1px;
  background-color: #038b47;
  padding: 14px 10px 10px 10px;
  width: 100%;
}

#safety_alert_veryfirst p.preftxt {
  font-size: 26px;
  font-family: "bebas_neueregular", Helvetica, sans-serif!important;
  letter-spacing: 1px;
}

#safety_alert_veryfirst p {
  color: #e8e8e8;
  font-size: 16px;
  text-align: left;
  font-family: Helvetica, sans-serif!important;
  text-align: center;
}

#safety_alert_veryfirst p a.button {
  font-size: 20px;
  font-family: "bebas_neueregular", Helvetica, sans-serif!important;
  background-color: #fffbf3;
  padding: 4px 8px;
  border-radius: 3px;
  letter-spacing: 1px;
}


/*===================================================================================================
TYPO
===================================================================================================*/

h1, h2, h3, h4, h5, h6, #nav { font-family:"Jost", sans-serif; letter-spacing: 0.5px; }

h1 { font-size:40px; line-height:50px; font-weight:400; color:#fff; } /* page title */
h2 { font-size:28px; line-height:40px; font-weight:400; color:#fff; } /* slider title */
h3 { font-size:26px; line-height:46px; font-weight:400; text-align:center; } /* modul title */
h4 { font-size:24px; line-height:40px; font-weight:400; color:#fff; } /* tagok-lista */
h5 { font-size:24px; line-height:40px; font-weight:400;  } /* eventplaces */
h6 { font-size:20px; line-height:34px; font-weight:400;  } /* event title */

h3 small, h5 small, h6 small { display:block; width:100%; font-size:14px; line-height:16px; letter-spacing:2px; margin-top:-5px; }

h3.align-left {
  text-align: left!important;
}
/*lines subtitle*/
.lines { overflow:hidden; text-align:center; }
.lines span { position:relative; padding:0 20px; }
.lines span:before, .lines span:after { width:600px; height:2px; background:#6ca77d; top:50%; }
.lines span:before { left:100%; }
.lines span:after { right:100%; }

p { font-size:16px; line-height:24px; }

@media (max-width: 780px){

h1 { font-size:30px; line-height: 36px }
h2 { font-size:28px; line-height: 32px }
h3 { font-size:24px; line-height: 28px }
h4 { font-size:22px; line-height: 26px }
h5 { font-size:22px; line-height: 26px }
h6 { font-size:18px; line-height: 22px }

.lines span { padding:0 10px; }

}

div.cntnr-pdd.felhasznalok h4 { color: #333; }
div.cntnr-pdd h1, div.cntnr-pdd h2, div.cntnr-pdd h3, div.cntnr-pdd h4 {
  color: #333;
}

@media (max-width: 480px){

h1 { font-size:24px; line-height: 28px }
h2 { font-size:22px; line-height: 26px }
h3 { font-size:20px; line-height: 24px }
h4 { font-size:20px; line-height: 24px }
h5 { font-size:18px; line-height: 22px }
h6 { font-size:16px; line-height: 20px }

.lines span { padding:0; }
.lines span:before, .lines span:after { display:none; }

}

/*===================================================================================================
mobil menü
===================================================================================================*/

@media (min-width: 781px) {
  #nav-m-holder {
    display: none;
  }
}

@media (max-width: 780px) {
  body {
    overflow-x: hidden;
  }
  #lead-image-box {
  }
}

#nav-m-holder {
  margin-top: -1px;
  position: relative;
  z-index: 99999999999;
}

#nav-m-holder a#logo-m {
  margin: 5px 16px 0 0;
  position: fixed;
  right: 0;
}

#nav-m-holder a#logo-m img {
  height: 34px;
  width: auto;
}

#nav-m-holder nav {
  background-color: #6ca77d;
  height: 46px;
  border-bottom: 2px solid #6ca77d;
  position: fixed;
  width: 100%;
  top: 0;
}

#nav-m-holder #menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 15px;
  left: 15px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  width: 60px;
  background-color: #6ca77d;
}

#nav-m-holder #menuToggle input {
  display: flex;
  width: 30px;
  height: 26px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  top: -5px;
  left: 0;
  background-color: #6ca77d;
}

#nav-m-holder #menuToggle span {
  display: flex;
  width: 29px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #ffffff;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#nav-m-holder #menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#nav-m-holder #menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#nav-m-holder #menuToggle input:checked {
}

#nav-m-holder #menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-3px, -1px);
  background: #fff;
}

#nav-m-holder #menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#nav-m-holder #menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

#nav-m-holder #menu {
  position: absolute;
  top: 0;
  width: 780px;
  height: 200px;
  overflow-y: scroll;
  margin: -50px 0 0 -50px;
  padding: 50px 20px 50px 85px;
  background-color: rgba(108, 167, 125,1);
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  font-size: 15px;
}

#nav-m-holder #menu li ul {
  margin-top: 12px;
}

#nav-m-holder #menu li {
  padding: 0 0 8px 0;
  transition-delay: 2s;
}

#nav-m-holder #menu li ul {
  margin-top: 8px!important;
  margin-left: 14px;
  font-size: 13px!important;
}

#nav-m-holder #menu li a {
  font-family: "Jost", sans-serif; 
  color: #fff;
  text-transform: uppercase;
}

#nav-m-holder #menu li ul li a {
  
}

#nav-m-holder #menuToggle input:checked ~ ul {
  transform: none;
}

#nav-m-holder .nav-profile-img {
  width: 24px;
  height: auto;
}

/*===================================================================================================
LOGÓK
===================================================================================================*/

#logo { float: left;  }
#logo img { transition: width 0.5s; height:auto; width:180px; margin: 6px 0 6px 10px; opacity: 0.8; }

#nav.minified #logo img { width: 140px; margin: 2px 0 2px 6px; }

/*===================================================================================================
NAVIGÁCIÓK
===================================================================================================*/
/* nav */

div#top-nav {
  margin: 0 auto 0 auto;
  width: 1200px;
  max-width: 100%;
  background: #eee; 
}

#nav {
  font-family: "Jost", sans-serif; 
  letter-spacing: 0.4px;
  font-size: 18px!important; 
  width: calc(100% - 1px); 
  padding-top: 4px;
  padding-right: 12px;
  background: #eee; 
  position: fixed; 
  transition: font-size 0.2s; 
}

#nav .nav-profile-link {
  display: inline-block;
  width: 16px;
}

#nav img.nav-profile-img {
  width: 16px;
  height: auto;
  margin-top: -2px;
}

#nav a.header_langlink {
  color: #6ca77d;
}

#nav.minified img.nav-profile-img {
  width: 14px;
  margin-top: 0px;
}

#nav.minified {
  width: 100%;
  height: 50px;
  font-size: 15px!important;
}

#nav.minified ul#level1 li {
  padding: 0.5rem 0.8rem!important;
}

#nav.minified ul#level1 li ul {
  top: 30px;
}

#nav.minified ul#level1 li:first-child:hover > ul,
#nav.minified ul#level1 li:first-child:focus-within > ul,
#nav.minified ul#level1 li:first-child ul:hover,
#nav.minified ul#level1 li:first-child ul:focus {
}

#nav.minified ul#level1 li:nth-child(2):hover > ul,
#nav.minified ul#level1 li:nth-child(2):focus-within > ul,
#nav.minified ul#level1 li:nth-child(2) ul:hover,
#nav.minified ul#level1 li:nth-child(2) ul:focus {
}

#nav.minified ul#level1 li:nth-child(7):hover > ul,
#nav.minified ul#level1 li:nth-child(7):focus-within > ul,
#nav.minified ul#level1 li:nth-child(7) ul:hover,
#nav.minified ul#level1 li:nth-child(7) ul:focus {
}

#nav.minified ul#level1 li:nth-child(8):hover > ul,
#nav.minified ul#level1 li:nth-child(8):focus-within > ul,
#nav.minified ul#level1 li:nth-child(8) ul:hover,
#nav.minified ul#level1 li:nth-child(8) ul:focus {
}

#nav.minified ul#level1 {
  padding: 2px 0 0 0;
  width: calc(100% - 150px);
}

/* nav */
#nav ul#level1 {
  width: calc(100% - 190px); 
  display: flex;
  justify-content: flex-end;
  text-align: right;
  list-style: none;
  margin: 0;
  padding: 6px 0 0 0;
  transition: width 0.5s; 
}

#nav ul#level1 li {
  color: #e8e8e8;
  padding: 0.8rem;
  position: relative;
  transition: padding 0.2s;
  text-decoration: none;
}
  
#nav ul#level1 li a, #nav ul#level1 li a:hover {
  color: #333!important;
}

#nav ul#level1 li:hover,
#nav ul#level1 li:focus-within {
  cursor: pointer;
}

#nav ul#level1 li:focus-within a {
  outline: none;
}

#nav ul#level1 li ul {
  width: auto;
  text-wrap: nowrap;
  background: #ebebeb;
  transform: scaleY(0);    
  transform-origin: top;
  transition: transform 0.26s ease;
  overflow: hidden;
  position: absolute;
  top: 40px;
  right: 0;
  border-radius: 8px;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
}

#nav ul#level1 li:hover > ul,
#nav ul#level1 li:focus-within > ul,
#nav ul#level1 li ul:hover,
#nav ul#level1 li ul:focus {
  border: 2px solid #6ca77d;
  display: inline-block;
  transform: scaleY(1);
}

#nav ul#level1 li:first-child:hover > ul,
#nav ul#level1 li:first-child:focus-within > ul,
#nav ul#level1 li:first-child ul:hover,
#nav ul#level1 li:first-child ul:focus {
}

#nav ul#level1 li:nth-child(2):hover > ul,
#nav ul#level1 li:nth-child(2):focus-within > ul,
#nav ul#level1 li:nth-child(2) ul:hover,
#nav ul#level1 li:nth-child(2) ul:focus {
}

#nav ul#level1 li:nth-child(7):hover > ul,
#nav ul#level1 li:nth-child(7):focus-within > ul,
#nav ul#level1 li:nth-child(7) ul:hover,
#nav ul#level1 li:nth-child(7) ul:focus {
}

#nav ul#level1 li:nth-child(8):hover > ul,
#nav ul#level1 li:nth-child(8):focus-within > ul,
#nav ul#level1 li:nth-child(8) ul:hover,
#nav ul#level1 li:nth-child(8) ul:focus {
}

#nav ul#level1 li ul li {
  border-radius: 0;
  clear: both;
  width: 100%;
  transition: background 0.3s;
}

#nav ul#level1 li ul li:hover {
  border-radius: 0;
  background-color: #ccc;
  box-shadow: rgba(14, 30, 37, 0.8) 0px 0px 4px 0px;
}

#nav ul#level1 li ul li a:hover {
  color: #6ca77d;
}

/* eventplaces */
#eventplaces { width:100%; background:#6ca77d; }
#eventplaces > ul { display:block; padding-left:200px; }
#eventplaces > ul > li { display:inline-block; width:calc(25% - 4px); text-align:center; border-right:1px solid #fff; }
#eventplaces > ul > li:last-child { border:none; }
#eventplaces > ul > li > a { display:block; position:relative; white-space:nowrap; text-transform:uppercase; letter-spacing:1px; font-weight:600; font-size:12px; line-height:20px; padding:8px 0; color:#fff; }
#eventplaces > ul > li > a:hover, #eventplaces > ul > li.current > a { background:rgba(0,0,0,0.2); }
#eventplaces > ul > li > a > h5 > small { width:100%; display:block; color:#ddd; cursor:pointer; }
#ftr #eventplaces > ul > li > a  { padding: 8px 0px 3px 0px!important; }
/* sys-nav */
#sys-nav { width:100%; border-bottom:1px solid #e8e8e8; }
#sys-nav > ul { display:block; text-align:right; }
#sys-nav > ul > li { display:inline-block; position:relative; }
#sys-nav > ul > li > a { 
  font-size:12px; 
  line-height:40px; 
  text-transform:uppercase; 
  font-weight:600; 
  letter-spacing:1px; 
  color:#6ca77d; 
  padding-left:32px; 
}
#sys-nav > ul > li > a:hover { color:#6ca77d; }
#sys-nav > ul > li > a:before { width:6px; height:6px; background:#e8e8e8; top:17px; left:10px; }
#sys-nav > ul > li:first-child > a:before { display:none; }

/* profil-nav */
#prfl-mdl { position:absolute; top:71px; right:0; width:270px; background: #fffbf3; border-bottom:4px solid #6ca77d; z-index:99; display:none; }
#prfl-mdl > div { width:100%; background:#6ca77d; border-bottom:4px solid #6ca77d; padding:0 0 0 20px; overflow:hidden; }
#prfl-mdl > div > span { width:44px; height:44px; float:right; }
#prfl-mdl > div > h4 { line-height:50px; }
#prfl-mdl > ul { display:block; padding:10px 20px; }
#prfl-mdl > ul > li > a { display:block; white-space:nowrap; width:100%; position:relative; font-size:12px; letter-spacing:2px; line-height:30px; text-align:right; color:#666; }
#prfl-mdl > ul > li > a:before { width:6px; height:6px; background:#e8e8e8; top:12px; left:0; }
#prfl-mdl > ul > li > a:hover:before { background:#6ca77d; }
.toggled-on { display:block!important; }

.ui-prf-hd {}
.ui-prf-shw {}

/* filter-nav */
ul#fltr-nav { display:block; background:#6ca77d!important; padding:0 0 0 0; text-align:center; }
ul#fltr-nav > li { display:inline-block;background:#6ca77d;}
ul#fltr-nav > li > a { display:block; white-space:nowrap; border-radius: 0;overflow:hidden; font-size:12px; line-height:20px; letter-spacing:2px; color:#fff; border-right: 1px solid #ddd; padding: 6px 15px; margin-bottom:-5px; }
ul#fltr-nav > li:last-child > a { border-right: none; }
ul#fltr-nav > li > a > h5 > small { color:#eee; }
ul#fltr-nav li.cls13 a { border-right: 0px!important; border-right: none!important; color: #eebb00!important; }
ul#fltr-nav li.cls13 > a > h5 > small { color:#eebb00!important; }
ul#fltr-nav > li.selected > a { background: #eee; color:#6ca77d; }
ul#fltr-nav > li.selected > a > h5 > small { color:#666; }
ul#fltr-nav > h6 { display:block; width:100%; text-align:center; color:#fff; padding-bottom:10px; }
small.fltr-nav-address1 {
  line-height: 20px;
}
.header_englink {
  color: #3a70d4!important;
}
ul.ec-filter > li:nth-child(7) > a { border:0; }
ul.ec-filter h6 {
  border-bottom: 1px solid #ddd;
  padding: 6px 0 0 0;
}

/* footer */
#ftr { position:relative; overflow:hidden; background: #eee;  border-top: 1px solid #ddd;}
.ftr-nav { display:block; margin-bottom:0; }
.ftr-nav li a { position:relative; display:block; font-size:12px; line-height:30px; letter-spacing:2px; color:#fff; font-weight:600; padding-left:26px; width:100%; }
.ftr-nav li a:before { width:6px; height:6px; background:#6ca77d; top:12px; left:10px; }
.ftr-nav li a:hover:before, .ftr-nav li.current a:before { left:5px; }
.ftr-nav li.current a { background:#6ca77d; }
#ftr-nav { text-transform:uppercase; width: 100% }

/* sgn */
.sgn { font-size:10px; line-height:60px; letter-spacing:2px; z-index:94; display:block; padding-right: 30px; }
.sgn a { float:right; padding-left:10px; }

.go-to-event-button { display:block; font-size:20px; line-height:30px; background:#6ca77d; color:#fff; text-transform:uppercase; letter-spacing:1px; padding:20px; text-align:center; cursor:pointer; z-index:2; }
.go-to-event-button:hover { background:#666; color:#fff; }

/*===================================================================================================
SLIDER
===================================================================================================*/

.index-slider { height:auto;  height: 537px; overflow:hidden; }

.slides li { width:100%; }
.slides li img { max-width:100%; height: auto;}
.slides li .ckk-sld-tp {  }
.slides li .ckk-sld-tp p { color:#fff; }
.slides h2 { font-size: 34px; text-align:center; padding: 10px 0 }
.slides p { font-size: 19px; }
.slides p, .slides h2 { 
  text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
}

.flex-control-nav { display:none; bottom:10px; }
.flex-direction-nav { display:none; }

/*===================================================================================================
TARTALMI ELEMEK
===================================================================================================*/
/*header*/
.ckk-sld-tp { position:absolute; bottom:0; left:0; padding:10px 2%; width:100%; }
.ckk-sld-tp-bg { background: rgba(0,0,0,0.6); }
.ckk-sld-tp-oktato { text-align:center; }
.ckk-sld-tp h6 { color:#ddd; }


.hdr-data-nav { display: none; position:absolute; top:20px; right:-25px; z-index:3; }
.translateY--50 { top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.hdr-data-nav > a { display:block; background:#6ca77d; width:50px; height:50px; padding:15px; margin-bottom:10px; }
.hdr-data-nav > a > svg { fill:#fff; height:20px; width:20px; }
.hdr-data-nav > a:hover { background:#666; }
.hdr-data-nav > a:last-child { margin:0; }


.hdr-cvr { position:absolute; top:0; bottom:0; left:0; right:0; background-position:top center; background-repeat:no-repeat; }

.no-cover { height:180px!important; background: #fffbf3!important; }
.no-cover h1, .no-cover-oktato h1 { color:#333; }
.no-cover h6 { color:#666; }

.no-cover-oktato { height:270px!important; margin-top: 80px!important; background:#fffbf3!important; }

.hdr-profil-img { width:140px; height:140px; position:absolute; top:30px; left:50%; margin-left:-70px; background-repeat:no-repeat; background-position:top center; }



/* SDB */
.box-typ-sdbr, .box-typ-sdbr-clr { background:#6ca77d; padding:20px 2%; }
.box-typ-sdbr *, .box-typ-sdbr-clr * { color:#fff!important; }
.box-typ-sdbr small, .box-typ-sdbr-clr small { color:#ddd; }
/*.box-typ-sdbr .lines { text-align:left; }
.box-typ-sdbr .lines span { padding-left:0; }*/
.box-typ-sdbr .lines span:before, .box-typ-sdbr .lines span:after, .box-typ-sdbr-clr .lines span:before, .box-typ-sdbr-clr .lines span:after { background:#ddd; }
.box-typ-sdbr ul { display:block; margin:10px 2% 15px 2%; }
.box-typ-sdbr ul li { position:relative; padding-left:16px; line-height:24px; }
.box-typ-sdbr ul li:before { width:6px; height:6px; background:#ddd; top:12px; left:0; }
.box-typ-sdbr ul li span { float:right; font-weight:600; }


.box-typ-sdbr > .p-image { display:block; width:160px; height:160px; margin:0 auto 20px auto; background-position:center center; }
.box-typ-sdbr > .p-more > a { display:inline-block; font-size:14px; line-height:40px; letter-spacing:1px; color:#fff; text-transform:uppercase; padding:0 20px; background:#333; }
.box-typ-sdbr > .p-more > a:hover { background:#666; }


/* index-cikk */
ul.ndx-ckk { width:100%; position:relative; display:block; overflow:hidden; }
ul.ndx-ckk li { overflow:hidden; display:block; position:relative; z-index:2; }
ul.ndx-ckk li span { 
  width:100%; 
  height:252px; 
  display:block; 
  background-repeat:no-repeat; 
  background-position: top center; 
  background-size: cover;
}

ul.ndx-ckk li span:hover { 
}

ul.ndx-ckk li div { position:absolute; bottom:0; left:0; padding:10px 2%; width:100%; background-color: rgba(0,0,0,0.7); }
ul.ndx-ckk li p { color:#fff; margin:1% 0 0 0; padding:2% 0 0 0; border-top:2px solid #6ca77d; display:none; }
ul.ndx-ckk li:hover p { display:block; }
ul.ndx-ckk-lft li p { text-align:left; border-left:2px solid #6ca77d; padding:0 0 0 2%; border-top:none; display:block; }

ul.ndx-ckk li div  h2 { color: #fff; line-height:30px; font-size:26px; text-align: center }

ul.ndx-ckk.programlista li {
  transition: transform .6s;
}

ul.ndx-ckk.programlista ul.ndx-ckk-lft li p {
}

ul.ndx-ckk.programlista li:hover span { 
  transform: scale(1.1);
  opacity: 1!important; 
}

.sbmt-btlts { background:url(lines/line5.png); cursor:pointer; padding:10px; letter-spacing:2px; font-size:14px; line-height:18px; text-transform:uppercase; text-align:center; width:100%; display:block; float:left; }
.sbmt-btlts:hover { background:#6ca77d; color:#fff; }

.program-date { 
  position: absolute; top: -2px; left: -2px; 
  background: transparent url(bgs/fekete_60.png); 
  background-color: #fff!important;
  color: #000!important;
  background-image: none!important;
  z-index: 1; 
  margin: 0px!important; 
  padding: 12px 10px!important;
  font-family: "Jost", sans-serif;
  font-size: 22px;
  bottom: auto!important;
  border-bottom-right-radius: 0px;
  display: block!important;
  font-weight: bold!important;
}

.program-date strong { 
  font-size: 32px;
  height: auto!important;
}

.programitem-date { 
  margin: 0px 10px 0px 0px!important; 
  padding: 18px 20px;
  font-family: "Jost", sans-serif;
  font-size: 26px;
  line-height: 30px;
  float: left;
  background-color: #6ca77d;
  color: #e8e8e8;
}

.programitem-date strong { 
  letter-spacing: 2px;
}

.programitem-date span { 
  font-size: 36px;
}

li:hover .programitem-date span, li:hover .program-date span {
  transform: scale(1)!important;
}

@media (max-width: 768px) {
  ul.ndx-ckk li span { 
  }
  .program-date { 
    padding: 6px 5px!important;
    font-size: 18px;
  }
  .program-date strong { 
    font-size: 26px;
  }
  ul.ndx-ckk-lft li div p {
    display: none!important;
  }
}


/* lista-user + event */
ul.lst-typ-user, ul.lst-typ-event { width:100%; display:block; overflow:hidden; }
ul.lst-typ-user li, ul.lst-typ-event li { overflow:hidden; display:block; position:relative; z-index:2; }
ul.lst-typ-user li span { width:100%; height:252px; display:block; background-color:#6ca77d; background-repeat:no-repeat; background-position:top center; background-size: cover; }
ul.lst-typ-user li a { transition: background 0.5s; text-align:center; padding:5px; background:rgba(108, 167, 125,0.7); position:absolute; left:0; right:0; bottom:0; }
ul.lst-typ-user li a:hover { background:rgba(108, 167, 125,0.9); }
/***/
ul.lst-typ-event li a { transition: transform .6s; display:block; position:relative; padding:15px 0; text-align:center; }
ul.lst-typ-event li a:hover { border-color:#fff; background:rgba(0,0,0,0.4); }
ul.lst-typ-event li a small { margin:0; }
ul.lst-typ-event li a:before { width:60px; height:2px; background:rgba(0,0,0,0.2); bottom:0; left:50%; margin-left:-30px; }
ul.lst-typ-event li:last-child a:before, ul.lst-typ-event li a:hover:before { display:none; }

/***/
ul.lst-typ-studioinfo { width:100%; position:relative; display:block; overflow:hidden; z-index:2; padding:4px 2%; background:#e8e8e8; }
ul.lst-typ-studioinfo li { display:block; overflow:hidden; text-align:center; padding:10px 0; }
ul.lst-typ-studioinfo li:last-child { border:none; }
ul.lst-typ-studioinfo li span { display:block; padding-bottom:5px; }
ul.lst-typ-studioinfo li h6 { padding-bottom:5px; position:relative; }
ul.lst-typ-studioinfo li h6:before { width:40px; height:2px; background:#6ca77d; bottom:0; left:50%; margin-left:-20px; }
ul.lst-typ-studioinfo li a { padding:10px; font-size:14px; margin-top:15px; text-transform:none; } 

/* orarend */
ul.lst-vnts { width:100%; position:relative; display:none; overflow:hidden; z-index:2; }
ul.lst-vnts > li { float: left; width:calc(14%); height:100%; border-right:1px solid #aaa; overflow:hidden; }
ul.lst-vnts > li:nth-child(6) { width:calc(15%); }
ul.lst-vnts > li:nth-child(7) { border:0; width:15%; }
ul.lst-vnts h6 { font-size: 16px; line-height: 22px; }
ul.lst-vnts > li > ul > li { display:block; padding-bottom: 12px; width:100%; min-height: 260px; overflow:hidden; text-align:center; }
ul.lst-vnts > li > ul > li.lst-vnts-hdr { 
  border-right: 1px solid #aaa; display: none; 
  font-size:14px; line-height:20px; letter-spacing:1px; 
  text-transform:uppercase; color:#fff; padding:10px 0; 
  min-height:inherit; background: rgba(108, 167, 125, 0.9); 
}
ul.lst-vnts ul, ul.lst-vnts ul li, ul.lst-vnts > li, li.lst-day, ul.lst-vnts > li > ul > li, ul.lst-vnts > li > ul { border-radius: 0!important; }

ul.lst-vnts > li > ul > li > span { overflow:hidden; display:block; width:100%; text-align:center; font-size:14px; line-height:20px; padding:4px 0; }
ul.lst-vnts > li > ul > li > span.eventname { padding:10px 5px; background:#e8e8e8; margin-bottom:10px; }
ul.lst-vnts > li > ul > li > span.eventname h6 { font-weight: 500; }
ul.lst-vnts > li > ul > li > span.eventname h6 > small { color:#666; font-size:12px; font-weight:400; letter-spacing:0; margin:0; text-transform:none; font-family:Helvetica, sans-serif; }
ul.lst-vnts > li > ul > li > span.eventname > a:hover { text-decoration:underline; }


a.subscribe, a.login, a.show_participants, span.fail, span.postponed, div.opening, span.fullhouse { display:inline-block; font-size:12px!important; padding: 6px 12px!important;line-height:16px; letter-spacing:2px; color:#fff; padding:5px; background: rgba(108, 167, 125, 0.8); width: auto!important; }
a.unsubscribe { background:#a4200e; display:inline-block; font-size:12px!important; line-height:16px; letter-spacing:2px; color:#fff; padding:5px; width: auto!important; }
a.start_zoom { background:#0088ff; display:inline-block; font-size:12px!important; line-height:16px; letter-spacing:2px; color:#fff; padding:5px; width: auto!important; }
div.opening {letter-spacing:1px!important;}
span.fullhouse { background: #888!important; }
a.show_participants { background:#000; }
span.fail, span.postponed { line-height:16px!important;background:#f36c59!important;width:auto!important; max-width:80%; margin: 0 auto; margin-bottom:0px!important; }
span.postponed {  padding-left:5px!important;padding-right:5px!important;display:inline-block!important;letter-spacing:1px!important;}
span.fail, span.fullhouse {display:inline-block!important; padding: 5px 8px!important;}
a.subscribe:hover, a.unsubscribe:hover, a.login:hover, a.show_participants:hover, .hide_participants:hover { background:#666; color:#fff; }



/* participants */
ul.lst-vnts-clndr-srs { width:100%; position:relative; display:block; margin-bottom:10px; }
ul.lst-vnts-clndr-srs > h5 { border-bottom:1px solid #6ca77d; color:#666; text-align:center; margin:10px 0; }
ul.lst-vnts-clndr-srs > li > a { display:block; width:100%; border-bottom:1px solid #e8e8e8; padding:5px 0; font-size:12px; color:#666; text-align:left; }
ul.lst-vnts-clndr-srs > li > a:hover { padding:5px; }
.hide_participants { background:#000; padding:5px 0; width:80px; color:#fff; text-align:center; position:absolute; bottom:-15px; left:50%; margin:0 0 0 -40px; }

.lst-fontos { background: #fffbf3; margin-top:-40px; position:relative; z-index:3; display:none; overflow:hidden; }

.vr-bx
{ position:fixed; top:0; left:0; width:100%; background: #fffbf3; padding-bottom:20px; border-bottom:4px solid #6ca77d; z-index:999; }


.popup__cookie_layer {
  position: fixed;
  left: 0; right: 0; 
  top: 0; bottom: 0;
  z-index: 999998;
  background-color: #000;
  opacity: 0.5;
}

.popup__cookie {   
  font-family: "bebas_neueregular", Helvetica, sans-serif!important;
  border: 6px solid #1c5d69; 
  position:fixed; 
  width: 500px; 
  z-index:99999; 
  background:#3c7d89; 
  color:#fff; 
  font-size:14px; 
  padding: 20px; 
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 999999;
  border-radius: 1px;
  max-width: 90%;
}

.popup__cookie h4 {   
  color: #e8e8e8!important;
}

.popup__cookie p {
    font-size: 15px;
}
.popup__cookie > a > img { display:block; width:100%; }
.popup__cookie > a.popup__cookie__close { position:relative; float: right; color:#fff; font-size:15px; letter-spacing: 1px; }


/**/
ul.lst-workshop { }
ul.lst-workshop > li { background:#e8e8e8; }
ul.lst-workshop > li > .head { display:block; width:100%; height:300px; overflow:hidden; position:relative; }
ul.lst-workshop > li > .head > img { display:block; width:100%; }
ul.lst-workshop > li > .head > .title { position:absolute; bottom:0; left:0; padding:10px 2%; width:100%; background:rgba(0,0,0,0.8); }
ul.lst-workshop > li > .head > .title > h2 { color:#fff; }
ul.lst-workshop > li > .head > .date { position:absolute; top:20px; right:20px; padding:10px; background:rgba(108, 167, 125,0.6); color:#fff; font-size:20px; }

ul.lst-workshop > li > .bar { background:#ddd; display:block; overflow:hidden; padding:20px 0; width:100%; text-align:center; }
ul.lst-workshop > li > .bar > span { margin:0 10px; }
ul.lst-workshop > li > .bar > span > a { font-size:18px; line-height:20px; padding:10px 20px; }
ul.lst-workshop > li > .bar > .limit { display:block; font-size:18px; line-height:20px; }

/*===================================================================================================
CLLC
===================================================================================================*/

/* collector - os - ul-li */
[class*='cllc-lst-typ-'] { display:block; }
[class*='cllc-lst-typ-'] li { position:relative; }
[class*='cllc-lst-typ-'] li * { cursor:pointer; }
/* image */
[class*='cllc-lst-typ-'] li .image { overflow:hidden; z-index:3; display:block; background:#000; position:relative; }
[class*='cllc-lst-typ-'] li .image span { width:100%; display:block; background-repeat:no-repeat; background-position:top center; }
/* gallery */
ul.cllc-lst-typ-gallery li .image { border:1px solid #6ca77d; }
ul.cllc-lst-typ-gallery li .image span { height:100px; border:3px solid #fff; }

/* opacity */
ul.cllc-lst-typ-gallery li:hover .image span
{ opacity:.8; filter:alpha(opacity=80); -khtml-opacity:.8; -moz-opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

/* scale */
ul.cllc-lst-typ-gallery li:hover .image span
{ -webkit-transform:rotate(5deg) scale(1.2); -moz-transform:rotate(5deg) scale(1.2); -o-transform:rotate(5deg) scale(1.2); -ms-transform:rotate(5deg) scale(1.2); transform:rotate(5deg) scale(1.2); }


[class*='cllc-lst-typ-'] li .image span
{ -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }

[class*='cllc-lst-typ-'] li .image span
{ -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; transition:0.5s ease-out; }

.red { color: #f36c59!important; }

.highlited { color: #f36c59!important; font-weight: bold!important; }
.highlited2 { color: #f36c59!important; }

span.english, span.longlesson {
  font-size: 13px!important;
  line-height: 15px!important;
}

.small {
  font-size: 13px!important;
}

#timetable_infoline {
  margin: 12px 0px;
  background-image: url('../img/timetable.png');
  background-repeat: no-repeat;
  background-position: calc(48% - 40px) center;
  background-color: #f36c59;
  color: #e8e8e8;
  padding: 10px;
}
#timetable_infoline h3 {
  width: 100px;
  padding-left: 48%;
}

div#profileForm input[type="checkbox"], div#profileForm input[type="radio"] {
  display: block!important;
}

.form-error-message {
  margin-top: -8px;
  margin-bottom: 10px;
}

.user-sheet {
  background-color: #dddddd;
  border-radius: 3px;
  padding: 12px;
  display: inline-block;
  width: 100%;
}

.user-sheet.ticketinfo {
  background-image: url('../img/barcode.png');
  background-position: calc(100% - 12px) 10px;
  background-repeat: no-repeat;
}

.tickettable {
  width: 100%;
  border-radius: 3px;
  margin-top: 10px;
  font-size: 15px!important;
}

.tickettable tr td {
  padding: 5px;
  text-align: center;
  border-bottom: 3px solid #ddd;
}

.tickettable tr td:first-child {
  text-align: left!important;
}

.tickettable tr:first-child td {
  background-color: #6ca77d!important;
  color: #e8e8e8;
  border-bottom: 0px!important;
}

.tickettable tr:nth-child(odd) td {
  background-color: #f5f5f5;
}

.tickettable tr:nth-child(even) td {
  background-color: #f5f5f5;
}

div.content-button a {
  display: inline-block;
  background-color: #105860;
  padding: 10px 20px;
  letter-spacing: 1px!important;
  color: #e8e8e8;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  border-radius: 3px;
}

.hidden-element {
  display: none;
}

table.online-ticket-table {
  max-width: 100%!important; 
  margin: 20px auto 30px auto;
}

table.online-ticket-table td {
  vertical-align: middle;
}

table.buyticket_table, table.jelentkezes_table {
  max-width: 100%!important; 
  margin: 20px auto 30px auto;
}

table.buyticket_table td, table.jelentkezes_table td {
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
}

table.jelentkezes_table textarea {
  height: 40px;
  width: 100%;
  margin-bottom: 20px;
}

table.jelentkezes_table input[type=text] {
  margin-bottom: 20px!important;
}

table.jelentkezes_table span.label {
  font-weight: 550;
}

h6.jelentkezes-cim {
  text-align: center;
  font-size: 28px;
}

p.jelentkezes-alcim {
  text-align: center;
  font-size: 18px;
  margin-bottom: 40px;
}

img.online-ticket-icon {
  height: 100px; 
  width: auto;
}

form.buyticket_form input[type=text], form.jelentkezes_form  input[type=text] {
  height: auto!important;
  padding: 0px!important;
  margin: 10px 0px 16px 0px;
}

input.cim_irsz {
  width: 70px;
  margin-right: 10px!important;
}

input.cim_telepules {
  width: calc(100% - 85px);
}

ul.online_class_info {
  margin-top: 20px;
  font-size: 15px;
  margin-bottom: 20px;
  margin-left: 20px;
}

ul.online_class_info li {
  font-size: 15px;
  margin-bottom: 12px;
  margin-left: 20px;
  border-left: none!important;
}

img.barion_logo_small {
  margin: 10px 0px;
  max-width: 100%;
}

img.shop-progress {
  width: 400px;
  height: auto;
  max-width: 90%;
  display: block; 
}

a.shop-details {
  color: #6ca77d!important;
}

div.highlited_box {
  background-color: #e8e8e8;
  padding: 20px;
  margin: 20px;
  border-radius: 3px;
}

div.highlited_box a {
  display: inline-block;
  background-color: #417f7a;
  color: #e8e8e8!important;
  padding: 6px 12px;
  border-radius: 3px;
}

ul.cllc-lst-typ-gallery {

}

li.li-lightbox {
  margin: 0 20px 20px 20px!important;
  width: 150px;
  height: 80px;
}

@media (max-width: 500px) {
  li.li-lightbox {
    margin: 0 10px 20px 10px!important;
    width: calc(50% - 20px);
  }
}

div.image.gallery-image {
  width: 150px;
  height: 80px;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

div.image.gallery-image img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0; bottom: 0; margin: auto;
  transition: transform .2s;
}

div.image.gallery-image img:hover {
  transform: scale(1.2);
}

.sl-wrapper {
  background: rgba(0, 0, 0, 0.8);
}

button.sl-next, button.sl-prev {
  font-size: 100px!important;
  color: #e8e8e8;
}

#cookieMinimizeIcon {
  z-index: 999999999!important;
  right: 2px!important;
  bottom: 2px!important;
}

/************** FŐOLDAL ÚJ ELEMEK **********************************************************************/

#cntnr * {
  border-radius: 5px;
}

h3.f-lines, .image-carousel-holder h3, .contact-map-holder-right h3 {
  text-transform: uppercase;
}

#lead-image-img {
  position: relative;
  bottom: 0;
  left: 0;
}

#lead-image-textbox {
  position: relative;
  right: 0;
  top: 0;
}

#lead-image-box {
  font-family: "Jost", sans-serif;
  color: #e8e8e8;
  height: 600px;
  margin-top: 50px;
  padding: 130px 0 0;
  /*
  background-image: url('logo/top-header-bg-g.png'), url('logo/lead-image1.jpg');
  background-attachment: scroll, fixed;
  background-position: center bottom, center;
  background-repeat: no-repeat;
  background-size: 100%, cover;*/
  background-image: url('logo/lead-image1.jpg');
  background-attachment: fixed;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
  text-align: center;
}

#lead-image-header {
  font-size: 80px;
  text-transform: uppercase;
}

#lead-image-since {
  margin: 80px 0 0 0;
  font-size: 26px;
}

#lead-image-subheader {
  font-size: 30px;
}

#lead-image-cta {
  text-align: center;
  font-size: 26px;
  display: inline-block;
  border: 2px solid #fff;
  margin: 100px 0 80px 0;
  padding: 20px 26px;
  border-radius: 10px;
  text-transform: uppercase;
  font-family: "Jost", sans-serif;
  background-color: rgba(108, 167, 125,0.5);
  transition: background-color ease-in-out .3s;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.8);
}

#lead-image-cta:hover {
  background-color: rgba(108, 167, 125,0.3);
}

a #lead-image-cta {
  color: #e8e8e8;
}

#four-highlited-box {
  box-shadow: rgba(14, 30, 37, 0.6) 0px 0px 8px 0px;
  display: inline-block;
  width: 100%;
  background-color: #e8e8e8!important;
  background: url(bgs/bg-mandala2.png) center center repeat;
  background-size: contain;
  background-attachment: fixed;
  margin: 0 0 -6px 0;
  height: 220px;
}

.four-highlite-box:first-child {
  margin-left: 0;
}
.four-highlite-box:nth-child(4) {
  border-right: none;
  margin-right: 0;
}

.four-highlite-box {
  width: 25%;
  height: 220px;
  padding: 0 2% 0 2%;
  display: block;
  float: left;
  text-align: center;
}

.four-highlite-box div.four-highlite-box-inner {
  margin: 40px 0;
  height: 160px;
}

.four-box-img {
  width: 90px;
  height: auto;
  transition: transform 0.3s;
  filter: grayscale(100%);
}

/* Naptár
a.four-highlite-box:first-child .four-box-img {
  filter: grayscale(100%) brightness(0.75) contrast(150%);
}
*/

/* három ember
*/
a.four-highlite-box:first-child .four-box-img {
  filter: grayscale(100%) brightness(0.7);
}

a.four-highlite-box:nth-child(2) .four-box-img {
  filter: grayscale(100%) brightness(1.1);
}

a.four-highlite-box:nth-child(3) .four-box-img {
  filter: grayscale(100%) brightness(0.9) contrast(100%);
}

a.four-highlite-box:nth-child(4) .four-box-img {
  filter: grayscale(100%) brightness(0.75) contrast(180%);
}

.four-highlite-box:hover .four-box-img {
  transform: scale(1.1);
}

.four-box-title {
  font-size: 22px;
  margin-top: 6px;
}

#two-highlited-box {
  display: inline-block;
  width: 100%;
  margin: 6px 0 60px 0;
}

.two-highlite-box:first-child {
  margin-right: 10%;
  border-top: 20px solid #6ca77d;
  background-color: #6ca77d;
  background-image: url('logo/yogabg_gray_o.png');
  background-position: left center;
}

.two-highlite-box:last-child {
  border-top: 20px solid #6ca77d;
  background-color: #6ca77d;
  background-image: url('logo/yogabg_gray_p.png');
  background-position: right center;
}

.two-highlite-box {
  border-radius: 5px;
  width: 45%;
  float: left;
  height: 110px;
  padding-top: 30px;
  text-align: center;
  font-size: 30px;
  color: #e8e8e8;
  font-family: "Jost", sans-serif;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

#three-highlited-box {
  background: url(bgs/bg-mandala4.png) center center repeat;
  background-size: contain;
  background-attachment: fixed;
  display: inline-block;
  width: 100%;
  padding: 60px 0;
  margin: 0;
}

.three-highlite-box:first-child {
}

.three-highlite-box:nth-child(2) {
  margin: 0 calc((100% - 1050px)/2);
}

.three-highlite-box:last-child {
}

.three-highlite-box {
  position: relative;
  border-radius: 30%!important;
  border-radius: 50%!important;
  float: left;
  width: 350px;
  height: 350px;
  text-align: center;
  font-size: 30px;
  color: #e8e8e8;
  font-family: "Jost", sans-serif;
  background-repeat: no-repeat;
  background-position: center center!important;
  background-size: cover!important;
  backdrop-filter: grayscale(100%);
}

.three-highlite-box-layer {
  border-radius: 30%;
  border-radius: 50%!important;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

.three-highlite-box:first-child .three-highlite-box-layer {
  background-color: rgba(0, 0, 0, 0.6);
}

.three-highlite-box:nth-child(2) .three-highlite-box-layer {
  background-color: rgba(93, 142, 107, 0.7);
}

.three-highlite-box:last-child .three-highlite-box-layer {
  background-color: rgba(0, 0, 0, 0.6);
}

.three-highlite-box h2 {
  text-transform: uppercase;
  font-size: 24px;
  color: #fff;
  font-weight: 500;
  margin: 80px auto 15px auto;
  text-shadow: 1px 1px 1px rgba(0,0,0,1);
}

.three-highlite-box .h-content {
  padding: 0 20px;
  height: 90px;
}

.three-highlite-box .h-content p {
  font-family: "Marcellus", serif; 
  color: #fff;
  font-size: 19px;
  line-height: 22px;
  font-weight: normal;
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-shadow: 1px 1px 1px rgba(0,0,0,1);
}

.three-highlite-box .h-button {
  text-transform: uppercase;
  color: #fff;
  border: 2px solid #fff;
  padding: 8px 14px;
  margin: 24px auto 0 auto;
  width: 150px;
  font-size: 18px;
  background-color: rgba(108, 167, 125,0.3);
  transition: background-color ease-in-out .3s;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.7);
}

.three-highlite-box .h-button:hover {
  background-color: rgba(108, 167, 125,0.1);
}

#front-feedback-container {
  padding: 50px 0;
  background-color: #6ca77d!important;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: url(bgs/bg-mandala.png) center center repeat;
  background-size: contain;
  background-attachment: fixed;
}

#front-feedback-container h3 {
  color: #fff;
  margin: 20px 0 50px 0;
}

#font-feedback-content {
  display: inline-block;

}

.front-feedback {
  margin: 0 5% 20px 5%;
  width: 40%;
  float: left;
  height: 150px;
  padding: 20px 30px;
  border-radius: 10px;
  /* background: url(bgs/icon-quote-start2.png) bottom left no-repeat, url(bgs/icon-quote-end2.png) top right no-repeat; */
  background-color: rgba(50, 50, 50, 0.2);
}

@media (min-width: 1041px) {
  .front-feedback p {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.front-feedback p {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}

.front-feedback span {
  display: block;
  text-align: right;
  margin-top: 4px;
}

/* Kapcsolat, térképpel *****************************************************************/

.contact-map-holder {
  /*
  background: url(bgs/bg-mandala3.png) center center repeat;
  background-size: contain;
  background-attachment: fixed;
  */

  box-shadow: rgba(14, 30, 37, 0.6) 0px 0px 8px 0px;

  display: inline-block;
  width: 100%;
  margin: 0;
  background-color: #dbd9d7;
  /*
  background-color: #6ca77d;
  padding: 50px 0;
  color: #e8e8e8!important; */
}
/*
.contact-map-holder h3, .contact-map-holder a, .contact-studio-title, 
.contact-studio-phone, .contact-studio-social, .contact-icon-social
.contact-map-holder input {
  color: #e8e8e8!important;
}
 */
.contact-map-holder-left {
  float: left;
  width: 50%;
}

.contact-map-holder-right {
  color: #333;
  float: left;
  width: 48%;
  padding-left: 5%;
}

.holder-right-left {
  /*
  float: left;
  width: 50%;
  */
}

.holder-right-right {
  /*
  float: left;
  width: 50%;
  padding-left: 30px;
  text-align: right;
  */
}

.contact-map-holder-right a {
  color: #555;
  font-size: 15px;
}

.contact-map-holder-right h3 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.contact-studio-address {
  display: inline-block;
}

.contact-studio-title {
  display: inline-block;
  font-weight: bold;
  margin-top: 25px;
  margin-right: 6px;
  font-size: 16px;
}

.contact-studio-phone {
  display: inline-block;
  font-weight: bold;
  margin-top: 25px;
  margin-right: 6px;
  font-size: 16px;
}

.contact-studio-social {
  font-weight: bold;
  margin-top: 25px;
  font-size: 16px;
}

img.bp-map {
  width: 100%;
  height: auto;
  margin-bottom: -6px;
  border-radius: 20px;
}

.contact-form {
  clear: both;
  padding-top: 20px;
}

.contact-form h3 {
  margin: 10px 0 -6px 0;
  font-size: 20px;
}

.contact-form input.irespemail, .contact-form input.ifullname, .contact-form textarea {
  color: #333!important;
}

.contact-form textarea {
  height: 60px;
  padding-top: 20px;
}

.contact-form .isubmit {
  font-family:"Jost", sans-serif;
  margin-top: 40px;
  padding: 12px 24px;
  font-size: 20px;
  border-radius: 6px;
  box-shadow: 2px 2px 3px rgba(0,0,0,0.7);
}
.contact-form li {
  margin: 0!important;
} 

.contact-icon-social {
  height: 20px;
  width: auto;
  margin-left: 10px;
}

#ftr .contact-icon-container {
  display: inline-block; 
  width: auto; 
  float: right;
  border: 1px solid transparent;
  padding-right: 50px;
}

#ftr .contact-icon-social {
  height: 30px;
  width: auto;
  margin: 15px 10px 10px 0;
}

#blog-list-container {
  background: url(bgs/bg-mandala4.png) center center repeat;
  background-size: contain;
  background-attachment: fixed;
  margin-top: -6px;
  padding: 60px 0 70px 0;
  box-shadow: rgba(14, 30, 37, 0.6) 0px 0px 8px 0px;
}

/* Image carousel *****************************************/

.image-carousel-holder {
  box-shadow: rgba(14, 30, 37, 0.6) 0px 0px 8px 0px;
  background: url(bgs/bg-mandala2.png) center center repeat;
  background-size: contain;
  background-attachment: fixed;
  background-color: #e8e8e8;
  clear: both;
  width: 100%;
  padding: 60px 0 80px 0;
  margin: 0;
}

.image-carousel-holder h3 {
  margin: 0 0 20px 0;
}

.slider {
    width: 100%;
    margin: 0 auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
  border-radius: 5px;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.slick-arrow {
  background-color: #6ca77d!important;
  border-radius: 50%!important;
}

.slick-prev.slick-arrow {
  left: 3px;
  z-index: 99999;
  height: 30px;
  width: 30px;
}

.slick-next.slick-arrow {
  height: 30px;
  width: 30px;
  right: 5px;
}

.slick-prev::before {
  font-size: 30px!important;
  margin-top: 2px;
}

.slick-next::before {
  font-size: 30px!important;
  margin-top: 2px;
}

div.carousel-terem-container {
  border-radius: 5px;
  position: relative;
}

span.terem-name {
  position: absolute;
  border-radius: 5px;
  top: 80%; bottom: 0; left: 0; right: 0;
  background: rgba(0, 0, 0, 0.6);
}

span.terem-name p {
  text-align: center;
  color: #fff;
  font-size: 23px;
  font-family: "Jost", sans-serif;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1200px) {
  .contact-map-holder {
    margin: 0;
  }
  .contact-map-holder-left {
    float: left;
    width: 55%;
  }
  .contact-map-holder-right {
    color: #333;
    float: left;
    width: 44%;
    padding-left: 2%;
  }
  .contact-map-holder-right a {
    font-size: 15px;
  }
  .contact-map-holder-right h3 {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .contact-form h3 {
    margin: -10px 0 -10px 0!important;
  }
  .contact-studio-social {
    display: block;
  }
}

@media (max-width: 1050px) {
  #ftr .contact-icon-container {
    display: block; 
    clear: both;
    padding: 0;
    width: 100%; 
    float: none;
    text-align: center;
  }
}

@media (max-width: 1000px) {
  .contact-map-holder {
  }
  .contact-map-holder-left {
    float: none;
    width: 100%;
  }
  .contact-map-holder-right {
    float: none;
    width: 100%;
    padding: 40px 20px;
  }
  .contact-map-holder-right h3 {
      margin-bottom: 15px;
      margin-top: 0;
  }
  .contact-form .isubmit {
    margin-top: 30px;
    padding: 12px 24px;
    font-size: 20px;
  }
}

@media (min-width: 1041px) and (max-width: 1200px) {
  #four-highlited-box {
  }
  .four-highlite-box {
    display: block;
    float: left;
    text-align: center;
  }
  .four-highlite-box div.four-highlite-box-inner {
  }
  .four-highlite-box .four-box-img {
  }
  .four-highlite-box:hover .four-box-img {
  }
  #two-highlited-box {
    margin: 0 0 50px 0;
  }
  .two-highlite-box {
    width: 40%;
    margin: 0 5%!important;
  }
  .three-highlite-box {
    float: left;
    width: 300px;
    height: 300px;
    font-size: 30px;
    margin: 0 calc((100% - 900px)/4);
  }
  .three-highlite-box:nth-child(2) {
    margin: 0;
  }
  .three-highlite-box h2 {
    font-size: 20px;
    margin: 55px auto 10px auto;
  }
  .three-highlite-box .h-content {
    padding: 0 14px;
    height: 90px;
  }
  .three-highlite-box .h-content p {
    font-size: 16px;
    line-height: 19px;
  }
  .three-highlite-box .h-button {
    padding: 6px 10px;
    margin: 24px auto 0 auto;
    width: 140px;
    font-size: 16px;
  }
}

@media (min-width: 901px) and (max-width: 1040px) {
  #logo img {
    width: 140px;
  }
  #nav {
    font-size: 16px!important;
  }
  #nav ul#level1 li {
    padding: 0.7rem 0.6rem;
  }
  #nav ul#level1 {
    width: calc(100% - 160px);
  }
  #lead-image-header {
    font-size: 70px;
  }
  #lead-image-since {
    margin: 80px 0 0 0;
    font-size: 22px;
  }
  #lead-image-subheader {
    font-size: 26px;
  }
  #lead-image-cta {
    margin: 100px 0 80px 0;
    text-align: center;
    font-size: 22px;
    padding: 20px 26px;
  }
  #four-highlited-box {
    height: 180px;
  }
  .four-highlite-box {
    height: 180px;
  }
  .four-highlite-box div.four-highlite-box-inner {
    margin: 30px 0;
    height: 120px;
  }
  .four-highlite-box .four-box-img {
    width: 80px;
  }
  .four-highlite-box:hover .four-box-img {
  }
  .four-box-title {
    font-size: 20px;
  }
  #two-highlited-box {
    margin: 0 0 50px 0;
  }
  .two-highlite-box {
    width: 40%;
    margin: 0 5%!important;
  }
  .three-highlite-box {
    float: left;
    width: 260px;
    height: 260px;
    font-size: 30px;
    margin: 0 calc((100% - 780px)/4);
  }
  .three-highlite-box:nth-child(2) {
    margin: 0;
  }
  .three-highlite-box h2 {
    font-size: 18px;
    margin: 50px auto 6px auto;
  }
  .three-highlite-box .h-content {
    padding: 0 12px;
    height: 66px;
  }
  .three-highlite-box .h-content p {
    font-size: 16px;
    line-height: 19px;
  }
  .three-highlite-box .h-button {
    padding: 6px 10px;
    margin: 24px auto 0 auto;
    width: 130px;
    font-size: 16px;
  }
  .front-feedback {
    margin: 40px auto;
    width: 90%;
    float: none;
    height: auto;
    padding: 20px;
  }
}

@media (min-width: 781px) and (max-width: 900px) {
  #logo img {
    width: 140px;
  }
  #nav {
    font-size: 16px!important;
  }
  #nav ul#level1 li {
    padding: 0.7rem 0.6rem;
  }
  #nav ul#level1 {
    width: calc(100% - 150px);
  }
  #lead-image-box {
    height: 450px;
    margin-top: 50px;
    padding: 90px 0 0;
  }
  #lead-image-header {
    font-size: 60px;
  }
  #lead-image-since {
    font-size: 20px;
    margin: 30px 0 0 0;
  }
  #lead-image-subheader {
    font-size: 26px;
  }

  #lead-image-cta {
    margin: 90px 0 70px 0;
    text-align: center;
    font-size: 20px;
    padding: 18px 22px;
  }
  #four-highlited-box {
    padding: 0;
    height: auto;
  }
  #four-highlited-box {
    height: 180px;
  }
  .four-highlite-box {
    height: 180px;
  }
  .four-highlite-box div.four-highlite-box-inner {
    margin: 30px 0;
    height: 120px;
  }
  .four-highlite-box .four-box-img {
    width: 70px;
  }
  .four-highlite-box:hover .four-box-img {
  }
  .four-box-title {
    font-size: 20px;
  }
  #two-highlited-box {
    margin: 0 0 30px 0;
  }
  .two-highlite-box {
    width: 45%;
    margin: 2.5%!important;
  }
  #three-highlited-box {
  }
  .three-highlite-box {
    float: left;
    width: 220px;
    height: 220px;
    font-size: 30px;
    margin: 0 calc((100% - 660px)/4);
  }
  .three-highlite-box:nth-child(2) {
    margin: 0;
  }
  .three-highlite-box h2 {
    font-size: 16px;
    margin: 45px auto 0 auto;
  }
  .three-highlite-box .h-content {
    padding: 0 10px;
    height: 58px;
  }
  .three-highlite-box .h-content p {
    font-size: 14px;
    line-height: 17px;
  }
  .three-highlite-box .h-button {
    padding: 4px 10px;
    margin: 18px auto 0 auto;
    width: 110px;
    font-size: 14px;
  }
  #front-feedback-container h3 {
    margin: 20px 0;
  }
  .front-feedback {
    margin: 40px auto;
    width: 90%;
    float: none;
    height: auto;
  }
}

/* mobil *******************************************************/

@media (max-width: 780px) {
  nav#nav {
    display: none;
  }
  ul.ndx-ckk.ndx-ckk-lft.two.mrg-t {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
  }
  ul.ndx-ckk li:first-child {
    margin-bottom: 50px;
  }
  ul.ndx-ckk li div  h2 {
    font-size: 20px;
    line-height: 24px;
  }
  /* órarend */
  ul#fltr-nav > li > a {
    border: none;
  }
  ul#fltr-nav > li {
    width: 49%;
  }
  /**/
  #lead-image-box {
    /*
    background-image: url('logo/top-header-bg-mobile-g.png'), url('logo/lead-image1_m.jpg');
    background-attachment: scroll, fixed;
    background-position: center bottom, center;
    background-repeat: no-repeat;
    background-size: 100%, cover; */
    background-image: url('logo/lead-image1_m.jpg');
    background-attachment:  fixed;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
    margin-top: 46px;
    padding: 70px 0 0 0;
  }
  #lead-image-header {
    font-size: 60px;
  }
  #lead-image-since {
    font-size: 20px;
    margin: 30px 0 0 0;
  }
  #lead-image-subheader {
    font-size: 26px;
  }
  #lead-image-cta {
    margin: 90px 0 80px 0;
    text-align: center;
    font-size: 20px;
    padding: 16px 20px;
  }
  #four-highlited-box {
    height: auto;
  }
  .four-highlite-box div.four-highlite-box-inner {
  }
  .four-highlite-box .four-box-img {
    width: 80px;
  }
  .four-highlite-box:hover .four-box-img {
  }
  .four-highlite-box {
    width: 50%;
    margin: 0;
  }
  #two-highlited-box {
    width: 100%;
    padding: 0 2px 0 0;
    margin: 0 0 20px 0;
  }
  .two-highlite-box {
    width: calc(100% - 20px);
    margin: 10px 10px 20px 10px;
  }
  #three-highlited-box {
    padding: 30px 0;
  }
  .three-highlite-box {
    float: none;
    margin: 20px auto!important;
  }
  .three-highlite-box:nth-child(2) {
    margin: 40px auto!important;
  }
  .contact-map-holder {
    margin: 0;
  }
  .contact-form .isubmit {
    margin: 40px 0 30px 0;
    padding: 12px 18px;
    font-size: 18px;
  }
  .image-carousel-holder {
    padding: 40px 0 60px 0;
  }
  #front-feedback-container h3 {
    margin: 0 0 20px 0;
  }
  .front-feedback {
    margin: 20px auto 40px auto;
    width: 90%;
    float: none;
    height: auto;
  }
  ul.lst-vnts-clndr-srs.two li {
    height: auto;
  }
}

@media (max-width: 590px) {
  #lead-image-box {
    height: 400px;
  }
  #lead-image-header {
    font-size: 46px;
  }
  #lead-image-since {
    font-size: 18px;
    margin: 30px 0 0 0;
  }
  #lead-image-subheader {
    font-size: 22px;
  }
  #lead-image-cta {
    margin: 60px 0 60px 0;
    text-align: center;
    font-size: 18px;
    padding: 16px 20px;
  }
  #four-highlited-box {
  }
  .four-highlite-box {
  }
  .four-highlite-box div.four-highlite-box-inner {
    margin: 50px 0 0 0;
    height: 160px;
  }
  .four-highlite-box .four-box-img {
    width: 70px;
  }
  .four-highlite-box:hover .four-box-img {
  }
  .four-box-title {
    font-size: 20px;
  }
  .three-highlite-box {
    width: 350px;
    height: 350px;
  }
  .three-highlite-box:nth-child(2) {
    margin: 0;
  }
}

@media (max-width: 480px) {
  #lead-image-box {
    height: 360px;
    padding: 56px 0 0 0;
  }
  #lead-image-header {
    font-size: 40px;
  }
  #lead-image-since {
    font-size: 16px;
    margin: 20px 0 0 0;
  }
  #lead-image-subheader {
    font-size: 20px;
  }
  #lead-image-cta {
    margin: 50px 0 50px 0;
    text-align: center;
    font-size: 16px;
    padding: 16px 20px;
  }
  #four-highlited-box {
  }
  .four-highlite-box {
    height: 160px;
  }
  .four-highlite-box div.four-highlite-box-inner {
    margin: 24px 0 0 0;
    height: 120px;
  }
  .four-highlite-box .four-box-img {
    width: 70px;
  }
  .four-highlite-box:hover .four-box-img {
  }
  .four-box-title {
    font-size: 16px;
  }
  .three-highlite-box {
    width: 320px;
    height: 320px;
    font-size: 30px;
  }
  .three-highlite-box h2 {
    font-size: 22px;
    margin: 70px auto 10px auto;
  }
  .three-highlite-box .h-content {
    padding: 0 20px;
    height: 90px;
  }
  .three-highlite-box .h-content p {
    font-size: 18px;
    line-height: 21px;
  }
  .three-highlite-box .h-button {
    padding: 6px 14px;
    margin: 24px auto 0 auto;
    width: 140px;
    font-size: 16px;
  }
  .contact-form .isubmit {
    margin: 30px 0 20px 0;
    padding: 8px 14px;
    font-size: 14px;
  }
  ul.ndx-ckk li div h2 {
    font-size: 22px;
    line-height: 30px;
  }
}

@media (max-width: 420px) {
  #lead-image-box {
    height: 340px;
  }
  #lead-image-header {
    font-size: 30px;
  }
  #lead-image-since {
    font-size: 17px;
    margin: 20px 0 0 0;
  }
  #lead-image-subheader {
    font-size: 20px;
  }
  #lead-image-cta {
    margin: 40px 0 40px 0;
    text-align: center;
    font-size: 16px;
    padding: 14px 18px;
  }
  .three-highlite-box {
    width: 290px;
    height: 290px;
    font-size: 30px;
  }
  .three-highlite-box h2 {
    font-size: 20px;
    margin: 70px auto 4px auto;
  }
  .three-highlite-box .h-content {
    padding: 0 20px;
    height: 76px;
  }
  .three-highlite-box .h-content p {
    font-size: 16px;
    line-height: 19px;
  }
  .three-highlite-box .h-button {
    padding: 4px 10px;
    margin: 24px auto 0 auto;
    width: 130px;
    font-size: 16px;
  }
}

/*===================================================================================================
RESPONSIVE
===================================================================================================*/

@media (min-width: 769px) {
  img.barion_logo_medium {
    margin: 20px auto -20px auto;
  }
  img.eventcalendar-mobile {
    display: none!important;
  }
  img.shop-progress {
    margin: 0 auto 50px auto;
  }
  table.online-ticket-table {
    width: 750px; 
  }
  table.buyticket_table, table.jelentkezes_table {
    width: 750px; 
  }
}

@media (max-width: 768px) {
  img.barion_logo_medium_mobile {
    margin-top: 10px;
  }
  img.barion_logo_medium {
    display: none;
  }
  img.eventcalendar-desktop {
    display: none!important;
  }
  /*
  table.buyticket_table, table.online-ticket-table { 
    display: block!important; 
    margin: 20px auto!important;
  }
  table.buyticket_table tr, table.online-ticket-table tr, 
  table.buyticket_table th, table.online-ticket-table th, 
  table.buyticket_table tbody, table.online-ticket-table tbody { 
    display: block!important; 
  }
  */
  table.online-ticket-table {
    width: 100%; 
  }
  table.online-ticket-table td.m-last {
    margin-bottom: 30px;
  }
  table.buyticket_table, table.jelentkezes_table {
    width: 100%; 
  }
  table.buyticket_table td, table.online-ticket-table td, table.jelentkezes_table td {
    display: block!important;
    width: 100%!important;
    float: none!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
  img.shop-progress {
    margin: 0 auto;
  }
}

@media (max-width: 400px) {
  img.barion_logo_medium_mobile {
    width: calc(100% - 80px)!important;
    height: auto!important;
  }
}

@media (min-width: 781px) and (max-width: 1160px) {
  .user-sheet.ticketinfo {
    background-image: none!important;
  }
}

@media (max-width: 360px) {
  .user-sheet.ticketinfo {
    background-image: none!important;
  }
}

@media (max-width: 1280px){
  .hdr-data-nav { right:20px; }
}

@media (max-width: 1100px) and (min-width: 980px) {
  #nav > ul > li > a {
    font-size: 18px;
    line-height: 36px;
  }
}

@media (max-width: 1100px) and (min-width: 900px) {
  #sys-nav > ul > li > a {
    font-size: 11px;
    padding-left:30px;
  }
  #sys-nav > ul > li > a::before {
    left: 12px;
  }
}

@media (max-width: 900px) and (min-width: 781px) {
  #sys-nav > ul > li > a {
    font-size: 10.5px;
    padding-left:24px;
  }
  #sys-nav > ul > li > a::before {
    left: 8x;
  }
}

@media (max-width: 992px) and (min-width: 781px) {
  ul.wrpp li.registration {
    display: none!important;
  }
}


@media (max-width: 980px){
  #nav > ul > li > a {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 1.5px;
  }
}

@media (min-width: 781px) {
  #mobile_infoline {display: none;}
  img.barion_logo_medium_mobile {
    display: none!important;
  }
  #weekday-filter-container {
    display: none!important;
  }
}

@media (max-width: 780px){

  #ftr {
    display: block;
    padding: 20px 20px 0 20px;
  }
  #ftr .sgn.wrpp.mbl-n {
    padding: 0!important;
    float: none!important;
    width: 100%!important;
    text-align: center;
  }
  #ftr .back2top {
    display: none;
    width: 100%;
  }
  #ftr .sgn a {
    float: none;
  }
  #ftr .sgn {
    line-height: 20px;
  }
  img.barion_logo_medium_mobile {
    margin-left: 12px;
  }
  img.barion_logo_medium_mobile {
    margin-top: 8px;
  }
  ul.pdd-n h5 {
  }
  ul.pdd-n small {
  }
  #mobile_infoline {
    border-top: 6px solid #fff;
    background-image: url('../img/timetable.png');
    background-repeat: no-repeat;
    background-position: calc(48% - 40px) center;
    background-color: #f36c59;
    color: #e8e8e8;
    padding: 10px;
  }
    
  #mobile_infoline h3 {
    width: 100px;
    padding-left: 48%;
  }
    
  .slides li .ckk-sld-tp {
    padding: 10px!important;
  }

  .slides li .ckk-sld-tp h2 {
    font-size: 14px!important;
    
  }
  
  .slides li .ckk-sld-tp p {
    display: none!important;
  }
  
  #hdrline { margin-top:0; height:240px; }

  .slides li, .index-slider { max-height:240px; border:none; }
  .no-cover, ul.ndx-ckk li span { 

  }
  .program-date {
    padding: 6px 5px!important;
  }
  .program-date strong {
    font-size: 20px;
  }
  .no-cover-oktato { height:190px!important; }

  .hdr-profil-img { width:100px; height:100px; top:20px; margin-left:-50px; }

  .ckk-sld-tp { padding:10px 2%; }

  ul.lst-vnts > li, ul.lst-vnts > li:nth-child(6), ul.lst-vnts > li:nth-child(7) { width:100%; display:block; border:0; }
  ul.lst-vnts > li > ul > li { min-height:inherit; padding-bottom:15px; }
  .lst-fontos { margin-top:-285px; }

  ul.ec-filter > li > a { border:0!important; }
  ul#fltr-nav { padding: 0px 0 0 0!important; }
  ul#fltr-nav > li { border-right: none!important; padding: 0 10px 8px 10px; }
  ul#fltr-nav > li.selected, ul#fltr-nav > li.selected a, ul#fltr-nav > li.selected h5, ul#fltr-nav > li.selected small { background-color: #ddd!important; }
  ul#fltr-nav > li:nth-child(even) { border-right: 1px solid #fff; }
  ul#fltr-nav > h6 { clear: both; padding-top: 10px!important;  }

  ul.lst-vnts h3 div {
  }

  #ftr { background:#e8e8e8;}
  .ftr-nav { width:100%!important; }
  .ftr-nav li a { padding:0; border-bottom:1px solid #6ca77d; color:#666; }
  .ftr-nav li a:before { display:none; }
  .ftr-nav li.current a { color:#fff; text-align:center; }


  #prfl-mdl { position:fixed; top:0; bottom:81px; left:0; width:100%; z-index:99; border-bottom:none; border-top:5px solid #6ca77d; overflow:hidden; }
  #prfl-mdl > div { padding:0 0 0 2%; }
  #prfl-mdl > div > span { display:none; }
  #prfl-mdl > ul { padding:10px 2%; }

  
  #weekday-filter-container {
    display: none;
    width: 100%;
    clear: both;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #fffbf3;
    color: #e8e8e8;
    font-weight: bold;
    text-transform: uppercase;
  }

  #weekday-filter-container span {
    background-color: #444;
    display: inline-block;
    width: calc(14.2857143% - 1px);
    padding: 12px 0px;
    text-align: center;
    margin-left: 1px;
    cursor: pointer;
  }
  
  #weekday-filter-container span.selected-day {
    background-color: #6ca77d;
  }

  table.online-ticket-table {
    margin: 30px auto 30px auto;
  }

  table.online-ticket-table td {
    padding: 0px 15px 15px 0px; 
  }

  img.online-ticket-icon {
    height: 90px; 
  }
}

@media (max-width: 599px) {
  td.online-ticket-td {
    display: none; 
  }
  ul.ndx-ckk li { 
    width:98%; 
  }
  ul.programs li span { 
  }
  ul.ndx-ckk li div h2 {
    font-size: 18px;
    line-height: 22px;
  }

}

@media (min-width: 481px) {
  ul#fltr-nav > li a { margin-left: -4px;}
}

@media (max-width: 480px){

  #hdrline { height:200px; }

  .slides li, .index-slider { max-height:200px; }
  .no-cover { height:120px!important; }
  .no-cover-oktato { height:150px!important; }

  .hdr-profil-img { width:80px; height:80px; margin-left:-40px; top:10px; }

  .ckk-sld-tp { padding:5px 4%; }


  #ftr { padding-bottom:20px; }
  .ftr-nav li a { font-size:10px; }

  #eventplaces > ul > li > a > h5 > small { margin-bottom:0; }
  ul#fltr-nav li > a > h5 {
    line-height: 22px;
  }
  ul.ec-filter > li > a { border:0!important; }
  ul#fltr-nav { padding: 0px 0 0 0!important; }
  /* ul#fltr-nav > li { width:50%!important; float: left; padding-top: 10px; border-bottom: 1px solid #fff; } */
  ul#fltr-nav > li { padding: 10px; width: 100%; margin: 0!important; border-bottom: 1px solid #eee; }
  ul#fltr-nav > li a { padding: 0 0 2px 0; margin: 0!important; }
  ul#fltr-nav > li.selected, ul#fltr-nav > li.selected a, ul#fltr-nav > li.selected h5, ul#fltr-nav > li.selected small { background-color: #ddd!important; }
  ul#fltr-nav > li:nth-child(even) { border-right: 1px solid #fff; }
  ul#fltr-nav > h6 { clear: both; padding-top: 10px!important;  }
  small.fltr-nav-address1 {
    display: inline;
    width: auto;
  }
  a.fltr-nav-link {
    display: block;
  }

  #prfl-mdl { bottom:47px; }

  ul.lst-typ-user li span { height:140px; }
  
  ul.lst-vnts > li > ul > li { min-height: 0px!important; }
  ul.lst-vnts > li > ul > li > span.eventname { min-height: 0px!important; }

}


/* Nyíltnap hack 
ul.lst-vnts > li > ul.Szombat > li.li12 span.eventname {
  background-color: #c0dddd!important;
}

ul.lst-vnts > li > ul.Szombat > li.li12 {
  background-color: #eeffff;
}
ul.lst-vnts > li > ul.Saturday > li.li12 span.eventname {
  background-color: #c0dddd!important;
}

ul.lst-vnts > li > ul.Saturday > li.li12 {
  background-color: #eeffff;
}
*/

/* Nyíltnap hack */
/*
ul.lst-vnts > li > ul.szombat > li.li12 span.eventname {
  background-color: #ffb099!important;
}

ul.lst-vnts > li > ul.szombat > li.li12 small.highlited {
  color: #e8e8e8!important;
}

ul.lst-vnts > li > ul.szombat > li.li12 {
  background-color: #ffeeee;
}
ul.lst-vnts > li > ul.saturday > li.li12 span.eventname {
  background-color: #ffb099!important;
}

ul.lst-vnts > li > ul.saturday > li.li12 small.highlited {
  color: #e8e8e8!important;
}

ul.lst-vnts > li > ul.saturday > li.li12 {
  background-color: #ffeeee;
}
*/