/* Sections–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section{padding:8rem 0 7rem;  text-align:center;}
.section-heading, .section-description{margin-bottom:1.2rem;}

/* tablet vagy kisebb*/
@media (max-width: 749px){
  .desktop-only{display:none !important;}
}
@media (min-width: 750px){
  .mobile-only{display:none !important;}
}

.top-nav-breaking {display:block;height:0px;}
.top-nav{position: relative; top:0;z-index:101; background-color:#fff; width:100%; height:120px; line-height:5rem;border-bottom:1px solid #ddd; box-shadow:0 0 0.5em 0 rgba(0,0,0,0.1);}

// mobil menü
  #mobilmenu {display: none;}
  @media (max-width: 750px) {
      #mobilmenu {display: inline-block !important; float: right; height:50px; width:60px;margin-top:10px; cursor: pointer;} }

  .top-nav a, .top-nav a:active, .top-nav a:hover, .top-nav a:visited {
    text-decoration: none;
    /*background-color:#eee;*/
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: Raleway, Helvetica, sans-serif;/**/ }
  //.top-nav a:hover {background-color:#fafafa;}
  .top-nav .box-logo-container {
    display: inline-block; height:120px;padding-left:50px;}
    .top-nav .box-logo-container a:hover {
      /*color: #F7946B;*/ }
  .top-nav .company-name {
    /* font-family: "Gotham Medium", Helvetica, sans-serif; */
    text-transform: uppercase;
    padding: 0 20px;
    }
    @media (max-width: 1050px) {
      .top-nav .company-name {
        padding: 0 15px; } }
    @media (max-width: 500px) {
      .top-nav .company-name {
        padding: 0 5px; } }
  .top-nav .divider-pipe {
    border-left: 1px solid #000;
    padding: 3px 10px; }



    @media (max-width: 950px) {
      .top-nav .divider-pipe {
        display: none; } }
  .top-nav .nav-links-left {
    display: inline-block; float: right; height:40px;margin-top:35px;line-height:5rem; margin-right:20px;}

    .top-nav .nav-links-left span {
      padding: 0px 15px; }
      @media (max-width: 1050px) {
        .top-nav .nav-links-left span {
          padding: 0px 10px; } }
    .top-nav .nav-links-left a {color: #000; }
    .top-nav .nav-links-left a:hover {color: #d90e89;}
    @media (min-width: 750px) {
      .top-nav .nav-links-left {
        display: inline-block !important; } }
    @media (max-width: 750px) {
      .top-nav .nav-links-mobile {
        display: none;
        background: #2f2f30;
        padding: 20px 20px 150px 20px;
        /**/overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        }
      .top-nav .nav-links-left {
        display: none;
        }
        .top-nav .nav-links-mobile span {
          display: block;
          color: #fff;
          padding: 10px 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.22);
          font-size: 16px;
          /* font-family: "Gotham Medium", Helvetica, sans-serif !important; */}
        .top-nav .nav-links-left a {
          color: #fff;
          /* font-family: "Gotham Medium", Helvetica, sans-serif !important; */}
      }
    @media (max-width: 400px) {
      .top-nav .nav-links-mobile {
        /*height: 600px;*/ } }

  .top-nav .fa-chevron-down {
    font-size: 8px;
    vertical-align: middle; }

  .top-nav .nav-close-btn {
    font-size: 20px;
    color: #fff;
    position: fixed;
    right: 20px;
    top: 60px; }

/* Dropdown Button */
.dropbtn {
  border: none;
  cursor: pointer;
  /* font-family: "Gotham Regular", Helvetica, sans-serif; */
  color: #333 !important; }
  .dropbtn span {
    padding: 14.5px 15px;
    border: none;
    background: transparent; }
  .dropbtn span:focus {
    outline: 0; }

.dropdown {
  position: relative;
  display: inline-block; }
  .dropdown.logged-in-menu {
    right: 70px;
    top: 0 !important;
    position: absolute;}

.dropdown-content {
  display: none;
  position: absolute;
  background: #fff !important;
  min-width: 160px !important;
  border-right: 1px solid #F3F3F4;
  border-left: 1px solid #F3F3F4;
   box-shadow: 0px -8px 8px rgba(100,100,100,0.1);}
  .dropdown-content ul li {
    background-color: none !important;
    padding: 0 !important;
    border-bottom: none !important;
    width: auto !important; }
  .dropdown-content a {
    color: #333;
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #ddd; }
  .dropdown-content a:hover {
    color: #2cc;
    background-color: #fafafa;}

.dropdown:hover .dropdown-content {
  display: block !important; }
.dropdown:hover .dropbtn {
  color: #2cc !important; }
.p20{padding:30px 0;}

.lenyeg {background:#666 url(../img/bg.jpg) center; background-size: cover; color:#fff;text-align:center;}
.lenyeg h4 {font-size:2rem; text-transform: uppercase; margin: 10px 0; font-weight:bold;}
.kor {/*background-color:#19c1b2;*/ color:#fff;border-radius:150px;padding:30px;}
@media (max-width: 500px) {
  i.kor {font-size: 2em;border-radius:100px;}
}

.parallax-window {min-height:400px;background:transparent;}
#infoblokk {position: fixed; right:0;bottom:0;}

a { color: #d90e89; text-decoration:none;}
a:hover { color: #f92ea9; text-decoration: underline;}

.feature3 {background-color: #0da3dc;}
.feature2 {background-color: #9eb543;}
.feature1 {background-color: #d90e89;}

.picholder{background-color:transparent;display:block;text-align:center;}
#bemutatkozas, #arak{background-color:#fafafa;}
#arak{text-align:center;}
#arak table{ margin-left:auto; margin-right:auto;}
.eloadobox {background-color:transparent;}
#szolgaltatas h2 {font-size:1.4em; font-weight:bold;}
.eloadobox a {color:#222;text-decoration: none;}
.eloadobox a:hover {color:#444;text-decoration: underline;}
.eloadobox img {width: 100%;}
#terkep iframe {
    height: 500px;
    width: 100%;
    /*pointer-events: none;*/
    filter: brightness( 100% ) contrast( 100% ) saturate( 25% ) blur( 0px ) hue-rotate( 1deg );
}
    @media (max-width: 500px) {
      #helyszin iframe {
        height: 250px; } }

#footer { background-color:#000; color:#fff;}
#footer ul { margin:0; padding:0;}
#footer h4 {margin-top: 20px;}
div.szervezo h2 {padding:0;margin:0;}
div.szervezo h3 {font-size:3rem;}


// előadók

.facepile {display: block; padding: 0px;}
.view {
   width: 90px;
   height: 90px;
   margin: 0 7px 6px 0;
   float: left;
   border: 0px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}

.view2 {
   margin: 0 5px 5px 0;
}

.view.z {margin-right: 0;}

.view .mask,.view .content {
   width: 90px;
   height: 90px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   background-image: none;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 14px;
   padding: 5px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 2px 0px 0px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 1px 2px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-tenth img {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(255, 43, 6, 1.0);
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 0px 0px 0px 0px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #fff;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(5);
   -moz-transform: scale(5);
   -o-transform: scale(5);
   -ms-transform: scale(5);
   transform: scale(5);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   /*filter: alpha(opacity=0);
   opacity: 0;*/
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}