@import "font-awesome-4.7.0/css/font-awesome.min.css";

@font-face {
    font-family: 'bankgothic_md_btmedium';
    src: url('font/bank-gothic-medium-bt-webfont.woff2') format('woff2'),
         url('font/bank-gothic-medium-bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

    @font-face {
      font-family: 'MyriadPro-Regular';
      src: url('font/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  
           url('font/MyriadPro-Regular.otf')  format('opentype'),
    	   url('font/MyriadPro-Regular.woff') format('woff'), 
           url('font/MyriadPro-Regular.ttf')  format('truetype'), 
           url('font/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
      font-weight: normal;
      font-style: normal;
    }
                         

body{
    background-color: #fff;
}*{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none !important;
    outline: 0 !important;
}

p{
    margin: 0;
}

.container{
    width: 1285px;
}

.col-md-12{
    padding: 0;
}

#fejlec-bal {
    float: left;
    width: 12.5%;
    vertical-align: top;
    position: relative;
    display: block;
}

#fejlec-kozep-container {
    float: left;
    width: 87.5%;
}

/*
@media (max-width: 1050px) {
  #fejlec-kozep-container {
    margin-left: 150px;
  }

}

@media (max-width: 768px) {
  #fejlec-kozep-container {
    text-align: center;
    position: static;
    margin-left: auto;
    margin-right: auto;
  }
}

*/

.navbar-inverse{
    background-color: #242525;
}

.navbar-inverse ul{
    list-style: none;     
}

.navbar-header{
    width: 100%;
}

.navbar-brand{
    width: auto;
    height: auto;
    margin: 42px 0 42px 0;
    padding: 0;    
}

/*** Menü ***/
nav.mod_navigation {
    float: left;
    width: auto;/*85%;*/
    margin-left: 70px;
}

nav.mod_navigation a,
nav.mod_navigation strong {
    white-space: nowrap;
}

.mod_navigation ul.level_1 > li > a,
.mod_navigation ul.level_1 > li > strong {
    color: #e6e4de;
    pointer-events: none;  /* nem kattintható */
}

.mod_navigation ul.level_1 > li > a.clickable{
    pointer-events: all;    
}

.mod_navigation ul.level_1 > li.contact > a,
.mod_navigation ul.level_1 > li.contact > strong {
    pointer-events: all;
}
.mod_navigation ul.level_1 > li.contact > a:before,
.mod_navigation ul.level_1 > li.contact > strong:before {
    pointer-events: all;
}
.mod_navigation .submenu:hover ul.level_2 {
    height: auto;
    pointer-events: all;
}
.mod_navigation .submenu:hover ul.level_2 > .container > li > a,
.mod_navigation .submenu:hover ul.level_2 > .container > li > strong {
    color: #e6e4de !important;
}
.mod_navigation .submenu:hover ul.level_2 > .container > li > a:before,
.mod_navigation .submenu:hover ul.level_2 > .container > li > strong:before {
    background-color: #ff1c24;
}
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 {
    height: auto;
    pointer-events: all;
}
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 > .container > li > a,
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 > .container > li > strong {
    color: #e6e4de !important;
    display: inline-block;
}
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 > .container > li > a:before,
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 > .container > li > strong:before {
    background-color: #ff1c24;
}
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 ul.level_4 > li > a,
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 ul.level_4 > li > strong,
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 ul.level_5 > li > a,
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 ul.level_5 > li > strong {
    color: #e6e4de !important;
}
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 ul.level_4 > li > a:before,
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 ul.level_4 > li > strong:before,
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 ul.level_5 > li > a:before,
.mod_navigation .submenu:hover ul.level_2 .submenu:hover ul.level_3 ul.level_5 > li > strong:before {
    background: #ff1c24;
}

header .mod_navigation.mainNav {
    margin-top: 19px;
    font-family: "Raleway", sans-serif;
    color: #fff !important;
    text-transform: uppercase;
    text-decoration: none;       
    
}
header .mod_navigation.mainNav .invisible {
    display: none;
}
header .mod_navigation.mainNav li {
    display: block;
    padding: 0;
    padding-left: 0;
    line-height: 1;
    text-align: left;
    cursor: pointer;
}
header .mod_navigation.mainNav li.mouseon {
    opacity: 1 !important;
}
header .mod_navigation.mainNav li.materialformen {
    margin-top: 20px;
}
header .mod_navigation.mainNav li svg {
    position: relative;
    top: -2px;
    margin-right: 1rem;
}
header .mod_navigation.mainNav ul.level_1 {
    z-index: 80000;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    align-items: end;
    height: 40px;
}

header .mod_navigation.mainNav ul.level_1 > li {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
}

header .mod_navigation.mainNav li.li-hide{
    display: none;
}

@media screen and (max-width: 1110px) {
    header .mod_navigation.mainNav ul.level_1 > li {
        padding-left: 12px;
        padding-right: 12px;
    }
}
header .mod_navigation.mainNav ul.level_1 > li:first-child {
    padding-left: 0 !important;
}
header .mod_navigation.mainNav ul.level_1 > li > a,
header .mod_navigation.mainNav ul.level_1 > li > strong {
    position: relative;
    display: block;
    color: #2f2e2c;
    font-size: 11px;
    font-weight: 300;
    text-decoration: none;
    margin-bottom: 0;
}
header .mod_navigation.mainNav ul.level_1 > li > a:before,
header .mod_navigation.mainNav ul.level_1 > li > strong:before {
    width: 0%;
    position: absolute;
    bottom: -4px;
    background-color: #ff1c24;
    height: 1px;
    transition: all 0.5s ease-in-out;
    left: 0;
    content: "";
    z-index: 5;
    pointer-events: none;
}
header .mod_navigation.mainNav ul.level_1 > li > strong:before {
    width: 100% !important;
    background-color: #e6e4de !important;
}
header .mod_navigation.mainNav ul.level_1 > li > a.trail:before {
    width: 100% !important;
    background-color: #e6e4de !important;
}
header .mod_navigation.mainNav ul.level_1 > li.contact > a,
header .mod_navigation.mainNav ul.level_1 > li.contact > strong {
    pointer-events: all;
}
header .mod_navigation.mainNav ul.level_1 > li.contact > a:before,
header .mod_navigation.mainNav ul.level_1 > li.contact > strong:before {
    pointer-events: all;
}
header .mod_navigation.mainNav ul.level_1 > li:hover > a:before {
    width: 100%;
}
header .mod_navigation.mainNav ul.level_1 > li > a,
header .mod_navigation.mainNav ul.level_1 > li.active,
header .mod_navigation.mainNav ul.level_1 > li > strong {
    color: #fff;
}
header .mod_navigation.mainNav ul.level_1 > li:hover {
    opacity: 1;
}
header .mod_navigation.mainNav ul.level_2 {
    position: absolute;
    left: 0;
    padding: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 0;
    z-index: 40;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    right: 0;
    z-index: 10000;
    top: 58px;/*calc(100% - 26px);*/
    pointer-events: none;
}
header .mod_navigation.mainNav ul.level_2:after {
    content: "";
    background: #2f2e2c;
    z-index: -1;
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    bottom: -26px;
    background-size: 100% 100%;
}
header .mod_navigation.mainNav ul.level_2 > .container {
    justify-content: start;
}
header .mod_navigation.mainNav ul.level_2 > .container > li {
    float: left;
    display: block;
    margin-left: 0px;
    text-align: left;
    padding-left: 48px;
    padding-right: 48px;
    padding-bottom: 0;
    padding-top: 38px !important;
}
header .mod_navigation.mainNav ul.level_2 > .container > li:first-child {
    padding-left: 0;
}
/*
header .mod_navigation.mainNav ul.level_2 > .container > li:hover {
    opacity: 1;
}
*/
header .mod_navigation.mainNav ul.level_2 > .container > li:hover a {
    text-decoration: none;
    color: #fff !important;
}
header .mod_navigation.mainNav ul.level_2 > .container > li > a,
header .mod_navigation.mainNav ul.level_2 > .container > li > strong {
    padding: 0;
    padding-left: 0;
    display: inline-block;
    font-size: 11px;
    font-weight: 300;
    text-decoration: none;
    margin-bottom: 0;
    position: relative;
    color: transparent !important;
    position: relative;
}
header .mod_navigation.mainNav ul.level_2 > .container > li > a:before,
header .mod_navigation.mainNav ul.level_2 > .container > li > strong:before {
    width: 0%;
    position: absolute;
    bottom: -4px;
    background-color: transparent;
    height: 1px;
    transition: all 0.5s ease-in-out;
    left: 0;
    content: "";
    z-index: 5;
    pointer-events: none;
}
header .mod_navigation.mainNav ul.level_2 > .container > li > a:hover:before,
header .mod_navigation.mainNav ul.level_2 > .container > li > strong:hover:before {
    width: 100%;
}
header .mod_navigation.mainNav ul.level_2 > .container > li > strong:before {
    width: 100% !important;
    background-color: #e6e4de !important;
}
header .mod_navigation.mainNav ul.level_2 > .container > li > a.trail:before {
    width: 100% !important;
    background-color: #e6e4de !important;
}
header .mod_navigation.mainNav .submenu:hover ul.level_2 {
    visibility: visible;
    opacity: 1;
    display: block;
    background-size: 100% 100%;
}
header .mod_navigation.mainNav ul.level_2 .submenu:hover ul.level_3 {
    display: block;
    opacity: 1;
    visibility: visible;
}
header .mod_navigation.mainNav ul.level_3 {
    padding-left: 0;
    position: absolute;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    height: 0;
    z-index: 2;
    pointer-events: none;
}
header .mod_navigation.mainNav ul.level_3:after {
    content: "";
    background: #2f2e2c;
    z-index: -1;
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    bottom: -26px;
    background-size: 100% 100%;
}
header .mod_navigation.mainNav ul.level_3 > .container {
    flex-wrap: wrap;
    padding-top: 38px;
}
header .mod_navigation.mainNav ul.level_3 > .container > li {
    position: relative;
    padding-left: 0;
    margin-right: 64px;
    margin-bottom: 19px;
    opacity: 1 !important;
    max-width: 20%;
}
header .mod_navigation.mainNav ul.level_3 > .container > li:hover {
    opacity: 1;
}
header .mod_navigation.mainNav ul.level_3 > .container > li > a,
header .mod_navigation.mainNav ul.level_3 > .container > li > strong {
    color: transparent !important;
    text-decoration: none;
    display: block;
    font-weight: 500;
    position: relative;
    font-size: 11px;
}
header .mod_navigation.mainNav ul.level_3 > .container > li > a:before,
header .mod_navigation.mainNav ul.level_3 > .container > li > strong:before {
    width: 0%;
    position: absolute;
    bottom: -4px;
    background-color: transparent;
    height: 1px;
    transition: all 0.5s ease-in-out;
    left: 0;
    content: "";
    z-index: 5;
    pointer-events: none;
}
header .mod_navigation.mainNav ul.level_3 > .container > li > a:hover:before,
header .mod_navigation.mainNav ul.level_3 > .container > li > strong:hover:before {
    width: 100%;
}
header .mod_navigation.mainNav ul.level_3 > .container > li > strong:before {
    width: 100% !important;
    background-color: #e6e4de !important;
}
header .mod_navigation.mainNav ul.level_3 > .container > li > a.trail:before {
    width: 100% !important;
    background-color: #e6e4de !important;
}
header .mod_navigation.mainNav ul.level_4 {
    padding-left: 0;
    padding-top: 1.75rem;
    z-index: 3;
}
header .mod_navigation.mainNav ul.level_4 > li {
    padding-left: 0;
    opacity: 1 !important;
}
header .mod_navigation.mainNav ul.level_4 > li > a,
header .mod_navigation.mainNav ul.level_4 > li > strong {
    padding-left: 1rem;
    text-decoration: none;
    margin-bottom: 12px;
    display: block;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: transparent !important;
    position: relative;
    font-weight: 500;
    white-space: pre-wrap;
}
header .mod_navigation.mainNav ul.level_4 > li > a:before,
header .mod_navigation.mainNav ul.level_4 > li > strong:before {
    position: absolute;
    left: 0;
    height: 1px;
    width: 8px;
    background: transparent;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    transition: all 0.5s ease-in-out;
    z-index: 5;
    pointer-events: none;
}
header .mod_navigation.mainNav ul.level_4 > li > strong {
    text-decoration: underline;
}
header .mod_navigation.mainNav ul.level_5 {
    padding-left: 0;
    padding-bottom: 0.75rem;
    z-index: 4;
}
header .mod_navigation.mainNav ul.level_5 > li {
    padding-left: 0;
    opacity: 1 !important;
}
header .mod_navigation.mainNav ul.level_5 > li > a,
header .mod_navigation.mainNav ul.level_5 > li > strong {
    padding-left: 2rem;
    color: #e6e4de !important;
    text-decoration: none;
    margin-bottom: 12px;
    display: block;
    font-size: 0.75rem;
    line-height: 0.75rem;
    position: relative;
}
header .mod_navigation.mainNav ul.level_5 > li > a:before,
header .mod_navigation.mainNav ul.level_5 > li > strong:before {
    position: absolute;
    left: 1rem;
    height: 1px;
    width: 5px;
    background: transparent;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    transition: all 0.5s ease-in-out;
    z-index: 5;
    pointer-events: none;
}
header .mod_navigation.mainNav ul.level_5 > li > strong {
    text-decoration: underline;
}
header.headerlang-es .mod_navigation.mainNav ul.level_1 > li,
header.headerlang-fr .mod_navigation.mainNav ul.level_1 > li {
    padding-left: 16px;
    padding-right: 16px;
}
@media screen and (max-width: 1110px) {
    header.headerlang-es .mod_navigation.mainNav ul.level_1 > li,
    header.headerlang-fr .mod_navigation.mainNav ul.level_1 > li {
        padding-left: 8px;
        padding-right: 8px;
    }
}

/*** /Menü ***/

/*** full width menu ***/
.nav1{
    float: left;
    width: auto;/*85%;*/
    margin-left: 80px;
}

.menu{
    padding-left: 0px;
    margin: 42px 0 0 0;
    list-style: none;    
    color: #fff;
}

.nav1 > ul > li { 
  display: inline-block; 
  position: relative; 
  padding: 3px 10px 3px 0;
  z-index: 100;
}

.nav1 > ul > li > a{
    display: block;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #fff !important;
    text-transform: uppercase;
    padding: 0 0 50px 0;
    text-decoration: none;    
}

/* SECOND LEVEL */
.nav1 > ul > li > ul {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 15px 1000em; /* trick from css-tricks comments */
  margin: 0 -1000em; /* trick from css-tricks comments */
  z-index: 101;
  visibility: hidden;
  opacity: 0;
  background-image: url('../images/bg1.png');
  background-repeat: repeat;
}

.nav1 > ul > li:hover > ul {
  visibility: visible;
  opacity: 1;
}

.nav1 > ul > li > ul > li {
  padding: 5px 0;
}

.nav1 > ul > li > ul > li.haschild2{
    position: relative;
}

.nav1 > ul > li > ul > li > a{
    display: block;
    min-width: 300px;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: #fff !important;
    text-transform: uppercase;
    padding: 0;
    text-decoration: none;        
}

.nav1 > ul > li > ul > li > a:hover{
    font-family: "Open Sans", sans-serif;
    font-weight: 800;
    font-size: 12px;
    color: #fff !important;
    text-transform: uppercase;
    padding: 0;
    text-decoration: none;        
}

.nav1 > ul > li > ul > li > a:hover:before{
    float: left;
    width: 4px;
    height: 7px;
    position: relative;
    top: -1px;
    left: -7px;
    content: url('../images/icon1.png');
}

.nav1 > ul > li > ul > li > ul.submenu-2{
    display: none;
}

/*** /full_width_menu ***/

/*
.nav1 > ul > li > ul > li.haschild2:hover > ul.submenu-2{
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
}

.nav1 > ul > li > ul > li > ul.submenu-2 li {
  list-style-type: none;
  padding: 0;
  position: relative;
  text-transform: uppercase;
}
*/
.nav1 > ul > li:hover .drop {
  font-weight: bold;
}

/*
.menu{
    padding-left: 0px;
    margin: 42px 0 0 0;
    list-style: none;    
    color: #fff;
}

.menu li{
    float: left;
    padding: 0 10px 0 10px;
}

.menu li .submenu{
    display: none;
}

.menu li a{
    display: block;
    position: relative;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 11px;
    color: #fff !important;
    text-transform: uppercase;
    padding: 0 0 50px 0;
    text-decoration: none;
}

.menu li:hover .submenu {
  display: flex;
}

.submenu {
  background-image: url('../images/bg1.png');
  background-repeat: repeat;
  left: 0;
  min-height: 300px;
  width: 100%;
  position: absolute;
  text-align: center;  
  justify-content: center;
  align-items: center;
  top: 108px;
  transition: all 0.3s linear 0s;     
  z-index: 1000;
}
.submenu ul { margin: 0; padding: 0;}
.submenu ul li {
  display: inline-block;
  float: none;
  line-height: 1;
  margin: 0;
  padding: 2px 0;
  vertical-align: middle;
}
.submenu ul li  span{
  display:block;
  margin-top:5px;
}

ul.submenu-section{
    float: left;
}
ul.submenu-section li{
    display: block;
    padding: 0;
}
ul.submenu-section li a{
    padding: 5px 0;
}
*/

#mobil-menu{
    display: none;
    float: left;
    width: 100%;
    position: absolute;
    padding: 0 15px 15px 15px;
    top: 100px;
    left: 0;
    list-style: outside none none;    
    z-index: 300;
    background-color: #2f2e2c;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;    
}

#mobil-menu > li{
    float: left;
    width: 100%;  
    border-bottom: 1px solid #E6E4DE !important;
}

#mobil-menu > li > a{
    float: left;
    width: 100%;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 16px;    
    line-height: 24px;
    text-transform: uppercase;
    color: #fff !important;
    padding: 1rem 0 !important;
    
}

#mobil-menu ul.level_2 li a:hover,
#mobil-menu > li > a:hover{
    color: #c28f39 !important;
}

#mobil-menu ul.level_2{
    display: none;
    float: left;
    width: 100%;    
}

#mobil-menu ul.level_3{
    display: none;
}

ul#mobil-menu > li > ul li{
    float: left;
    width: 100%;
}

#mobil-menu ul.level_2 li a{
    float: left;
    width: 100%;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 14px;    
    line-height: 20px;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 0 ;
    
}

.lapbel{
    float: left;
    width: 100%;
    margin: 50px 0;
}

.search-bar-bs{
    float: left;
    width: 100%;    
}

.search-bar-bs .input-group{
    width: 50%;
}

.search-bar-bs .input-group .form-control{
    float: left;
    width: 80%;
    border-right: none;
}

.search-bar-bs .input-group .Button1{
    float: left;
    width: 20%;
    height: 34px;
    border-radius: 0;
    border: 1px solid #32312f;
    border-left: none;
    padding: 0 15px;
    background-color: #32312f;
    color: #fff;
}

.kereses-talalatok{
    float: left;
    width: 100%;
    padding: 15px 0 0 0;
}

.kereses-talalatok ul{
    float: left;
    width: 100%;
    list-style-type: none;
}

.kereses-talalatok ul li{
    float: left;
    width: 100%;  
    padding: 0 0 20px 0;  
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;    
}

.kereses-talalatok ul li a{
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
    font-family: "Roboto Slab";
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;   
    color: #333335; 
}

.kereses-talalatok p{
    display: block;
    width: 100%;    
    font-family: "Lato";
    font-size: 15px;
    line-height: 1.5rem;
    letter-spacing: 0.04rem;
    color: #2F2E2C;    
}

.hirbox,
.kereses-talalatok .hirbox{
    float: left;
    width: 100%;
    padding: 27px 0 30px 0;/*24px 0 14px 0;*/
    border-bottom: 1px solid #e6e6e6;
}

.hirbox .hirbox_cim{
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%;    
}

.hirbox .hirbox_cim h3{
    display: inline-block;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
}

.termekszoveg2 p,
.termekszoveg table tr td ul,
.hirbox p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}

.termekszoveg2 .clr{
    float: left;
    width: 100%;
}

.termekszoveg2 .clr2{
    float: left;
    width: 100%;
    margin-bottom: 40px;    
}

.termekszoveg table tr td:first-child{
    display: inline-block;
    margin-right: 25px;
}
.termekszoveg2 iframe,
.termekszoveg iframe{
    float: left;
    width: 100%;
    min-height: 768px;
    border: 1px solid #ececec;
}

.entry-meta{
    display: inline-block;
    width: 100%;
    padding: 20px 0;
}

.entry-meta span.tags-links{
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #404040;
}

.entry-meta span.tags-links b{
    font-weight: 600 !important;    
}

.entry-meta a {
    font-family: 'Open Sans', sans-serif !important;    
    font-style: italic !important;
    color: #333 !important;
}

.termekszoveg table tr td ul li span{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px !important;
    line-height: 24px;
    text-align: justify;    
}

.mobil-termek-nev{
    display: none;
    float: left;
    width: 100%;
    text-align: center;
}

.mobil-termek-nev h3{
    display: inline-block;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;    
}

.hirbox_kep {
    float: left;
    width: 240px; 
    height: 240px;
    padding: 0;
}


.hirbox_kep img{
    display: block;
    width: 100%;    
    height: auto;/*169px;*/
    padding: 0;

}

.hirboxjobb {
    display: table;
    padding-left: 22px;
    width: auto;/*845px;*/
}

.hir-back,
.hirbox .hir-back,
.hirbox .hirbox_tovabb {
    float: left;
    padding: 20px 0 0;
    width: 100%;
}

.label-primary{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;    
    padding: 7px 20px;
    color: #fff;
    background-color: #32312f;
    text-transform: uppercase;
}


.kategoria-lap p{
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
    font-family: "Roboto Slab";
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;      
}

.kereses-mobil{
    display: block;
    width: 100%;  
    position: relative;
    display: table;
    border-collapse: separate; 
    margin: 20px 0;     
}

.kereses-mobil .gyk_input{
    display: block;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    height: 39px;
    padding: 10px 12px;
    margin-bottom: 0;    
    border: 1px solid #e5e5e5;
}

.kereses-mobil .input-group-btn{
    display: table-cell;
    position: relative;
    font-size: 0;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.kereses-mobil .btn-primary{
    position: relative;
    background-color: #242525;
    border: 1px solid #242525;
    border-radius: 0;
}

.kereses-mobil .btn {
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  line-height: 1.42857;
  text-transform: uppercase;
  letter-spacing: 2px;
  white-space: nowrap;
  color: #fff;
  height: 39px;
}

.kereses-mobil .gyk_input,
.kereses-mobil .btn:focus {outline:0;}

ul.social-button{
    float: right;
    margin: 0;/*52px 0 0 0;*/
}

ul.social-button > li{
    float: left;
}


ul.social-button > li:first-child{
    margin-right: 10px;
}

ul.social-button > li:last-child{
    margin-left: 10px;
}

.site-content{
    float: left;
    width: 100%;
    margin: 0;
}


#home-slider{
    float: left;
    width: 100%;
}

.section-picture,
#kepvalto {
    float: left;
    width: 100%;
    height: auto;/*782px;*/
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.section-picture,
.section-picture img{
    position: relative;
}

.section-picture .caption{
    bottom: 160px;
    left: 16.3%;
    color: #fff;
    height: 0;
    position: absolute;
    width: 100%;
}

#kepvalto .lSSlideOuter .lightSlider > li .caption {
    bottom: 205px;
    color: #fff;
    height: 0;
    left: 17%;
    position: absolute;
    width: 100%;
}
.section-picture .caption .txt2,
.section-picture .caption .txt1,
#kepvalto .lSSlideOuter .lightSlider > li .caption .txt2,
#kepvalto .lSSlideOuter .lightSlider > li .caption .txt1 {
    display: block;
    width: 645px;
    overflow: hidden;
}

.section-picture .caption .txt1 p,
#kepvalto .lSSlideOuter .lightSlider > li .caption .txt1 p {
    display: inline-block;
    width: 645px;
    padding: 23px 37px;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 30px;
    line-height: 45px;
    text-transform: uppercase;
    color: #fff;
    background-image: url('../images/sc_bg.png');
    background-repeat: repeat;    
}

/*
#kepvalto .lSSlideOuter .lightSlider > li .caption .txt2 {
    display: block;
}
*/
.section-picture .caption .txt2 p,
#kepvalto .lSSlideOuter .lightSlider > li .caption .txt2 p {
    display: inline-block;
    width: 645px;
    padding: 23px 55px 23px 35px;
    font-family: 'bankgothic_md_btmedium';
    font-size: 28px;/*30px;*/
    line-height: 25px;
    text-transform: uppercase;
    color: #333335;
    background-color: #fff;  
}
.section-picture .caption p strong,
#kepvalto .lSSlideOuter .lightSlider > li .caption p strong{
    font-family: "PERB";
    font-size: 50px;
    line-height: 60px;
    text-transform: uppercase;
    color: #fff;
}

ul#slider{
    margin: 0 !important;
}

/*
ul#slider img{
    filter: brightness(50%) !important;    
}
*/

#galeria,
#informacio{
    float: left;
    width: 100%;
    height: auto;
    background-image: url('../images/bg.jpg');
    background-repeat: repeat-y;
}

#informacio{
    padding: 95px 0 40px 0;
}

#informacio .col-md-5{
    padding-left: 0;
    padding-right: 0;
}

.info-table{
    float: left;
}

.room-table-inside{
    float: left;
    width: 100%;
    margin: 0 0 25px 0;    
}

.room-table{
    float: left;
    width: 100%;
    margin: 0 0 75px 0;
}

.info-table h2{
    display: block;
    margin-top: -20px;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 50px;
    color: #333335;
    text-transform: uppercase; 
    line-height: 42px;
}

.info-box{
    display: block;
    padding-top: 10px;
}

.info-box p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #333335;
    line-height: 28px;
    text-align: justify; 
    padding: 0 0 10px 0;
}

.info-box p.motto{
    font-size: 36px !important;    
    padding: 15px 0 25px 0;
    line-height: 45px;
}

    
a.btn_tovabb{
    display: inline-block;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #333335;
    line-height: 28px;
    text-transform: uppercase;
    padding: 8px 24px; 
    border: 1px solid #3d3e3e;   
}


.lapozokeret{
    display: block;
    width: 100%;
    margin-top: 25px;
    text-align: center;
}

a.lapozo_next,
a.lapozo_prev{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #25291b;
}

.termekszoveg{
    float: left;
    width: 100%;
    margin: 20px 0; 
    padding-top: 60px;
    padding-left: 20px;   
}

.termekszoveg2{
    float: left;
    width: 100%;
    margin: 20px 0; 
    padding-top: 60px;
    padding-left: 20px;   
    padding-right: 20px;
}

.termekszoveg2 img{
    float: left;
    width: 100%;
    height: auto;
}

.termekszoveg h1{
    font-family: 'MyriadPro-Regular';
    font-size: 50px;
    line-height: 55px; 
    text-transform: uppercase;   
    margin-bottom: 0;
}

.termekszoveg p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;    
}

.lapozokeret a{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #2a2e1f;   
    margin: 0 19px; 
}

.lapozokeret span.aktiv{
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 12px;
    border: 1px solid #a0a49c;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    color: #25291b;   
    border-radius: 50%;  
}

.lang-box {
    display: inline-block;
    float: left;
    width: auto;
    position: relative;
    margin: 0;/*52px 0 0 0;*/
}

.lang-box .selected-lang {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 15px 0;
    cursor: pointer;
    line-height: 20px;
}

span#nyelv-hu:before,
a#nyelv-hu:before{
    float: left;
    width: 15px;
    height: 12px;
    margin: 1px 5px 0 0;
    content: url('../images/hu.jpg');
}
span#nyelv-en:before,
a#nyelv-en:before{
    float: left;
    width: 15px;
    height: 12px;
    margin: 1px 5px 0 0;
    content: url('../images/en.jpg');
}
span#nyelv-de:before,
a#nyelv-de:before{
    float: left;
    width: 15px;
    height: 12px;
    margin: 1px 5px 0 0;
    content: url('../images/de.jpg');
}

.lang-box span {
    padding-right: 10px;
}

.lang-box ul.selector_list{
    margin: 0;
    padding: 10px;
    display: none;
    background-color: #fff;
    /*border: 1px solid #f8f8f8;*/
    position: absolute;
    top: 35px;
    left: -18px;
    width: 80px;
    border-radius: 5px;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.2); 
    text-transform: uppercase;
    z-index: 310;  
}

.fa-chevron-down2{
    float: right;
    display: inline-block;
    width: 9px;
    height: 7px;
    margin: 7px 0 0 0;
    vertical-align: top;
    background-image: url('../images/lang_arrow.png');
}

.lang-box ul.selector_list > li {
    list-style: none;
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.lang-box ul.selector_list > li.aktivnyelv{
    display: none;
}

.lang-box ul.selector_list > li > a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #242525;
    text-decoration: none;
    width: 125px;
    padding: 5px 10px;
    display: block;
}

.lang-box ul.selector_list li a:hover {
    color: #1e2b20 !important;
}

.lang-box:hover ul.selector_list {
    display: block;
}

#socialbox{
    float: left;
}

#fejlec-jobb-container {
    float: right;
    margin: 42px 0 0 0;
}

div.kereses-container {
    position: absolute;
    right: 0;
    top: -5px;
    display: none;
    z-index: 500;
    box-shadow: -13px 13px 5px -11px rgba(0,0,0,0.75);
    -webkit-box-shadow: -13px 13px 5px -11px rgba(0,0,0,0.75);
    -moz-box-shadow: -13px 13px 5px -11px rgba(0,0,0,0.75);  
}

div.kereses {
    position: relative;
    text-align: center;
}

.kereses {
    /*min-width: 37px;*/
    float: left;
    margin: 0;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.kereses a.kereses-ikon {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-top: 6px;
    background: url(../images/search.png) center center no-repeat;
}

#gykereso {
    background: #f3f3f3;
    width: 300px;
}

#gykeresobel {
    height: 34px;
    border-radius: 1px;
}

#gykereso .gyk_input {
    float: left;
    color: #434343;
    background: #f3f3f3;
    height: 36px;
    padding: 0 49px 0 12px;
    width: 100%;
    font-size: 13px;
    border: 0;
    line-height: 30px;
    outline: none !important;
}

#gykereso .gyk_input:focus {
  /*color: #6b6a5d;*/

}

#gykereso .gyk_submit {
    float: left;
    margin-left: -32px;
    background: #f3f3f3 url(../images/icon-search.png) center center no-repeat;
    border: 0;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    width: 32px;
    height: 34px;
    font-size: 0;
}

.captcha-box{
    display: inline-block;
    width: 215px;/*58%;/*92%;*/  
    margin: 0 0 20px 0;  
}

.ba-box {
    width: 20% !important;
}

.ba2-box {
    width: 100%;
}

.ba2-box a {
    font-size: 14px;
    margin: 0 auto;
    color: #58585a;
    padding: 3px 0 0 0;
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
    margin-left: -1px;
}

.captcha-input{
    width: 80% !important;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

#kategoriak{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 17px;
}

.kategoria-pic{
    display: block;
    width: 100%;
    position: relative; 
    
}

.kategoria-pic img{
    display: block;
    width: 100%;
    height: auto;
}

.kategoria-box{
    padding-bottom: 42px;
}

.kategoria-text{
    display: block;
    width: 95%;    
    position: absolute;
    top: 50px;
    text-align: center;  
}

.kategoria-text p{
    display: inline-block;
    font-family: "Raleway", sans-serif !important;
    font-weight: 300 !important;
    font-size: 22px;
    color: #fff !important;
    text-transform: uppercase !important; 
    line-height: 32px;    
}

.kategoria-text p:before{
    /*float: left;*/
    position: relative;
    top: 1px;
    width: 18px;
    height: 20px;
    content: url("../images/plus3.png");
    margin-right: 15px;
}

.alkategoria-block{
    float: left;
    width: 100%;
    margin: 35px 0;
}

.alkategoria-block .kategoria-text{
    top: 50px;
}

.alkategoria-block .kategoria-text p{
    font-size: 20px;
}

.alkategoria-block  p:before{
    float: none;
    width: 18px;
    height: 20px;
    content: url("../images/plus3.png");
    margin-right: 15px;
}

.termek-text{
    display: block;
    width: 100%;
    margin: 35px 0 0;
    text-align: center;
}

.termek-text p{
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-weight: 600; 
    font-size: 20px;   
    color: #242525;
    text-transform: uppercase;
}

#ajanlatkeres{
    float: left;
    width: 100%;
    margin: 0px 0 50px 0;
    padding: 0;    
    position: relative; 
}

.ajanlat-pic{
    display: block;
    width: 100%;
    position: relative; 
    
}

.ajanlat-txt{
    display: block;
    width: 100%;    
    position: absolute;
    top: 40%;
    text-align: center;
}

.ajanlat-txt a{
    display: inline-block;
    padding: 35px 72px;
    width: auto;    
    color: #fff;  
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-transform: uppercase; 
    line-height: 22px; 
    background-image: url("../images/ajanlat_bg.png"); 
    background-repeat: repeat;      
}

#ikonok{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0; 
    background-color: #e0e0e0;       
}

ul.unstyled{
    float: left;
    margin: 0;
    list-style-type: none;
}

ul.unstyled > li{
    float: left;
    width: auto;
}

#ikonok .i0{
    margin: 50px 50px 50px 40px;
}

#ikonok .i1{
    margin: 45px 50px 42px 50px;
}

#ikonok .i2{
    margin: 30px 50px 28px 50px;
}

#ikonok .i3{
    margin: 27px 50px 25px 50px;
}

#ikonok .i4{
    margin: 37px 50px 35px 50px;
}

#ikonok .i5{
    margin: 36px 50px 35px 50px;
}

#ikonok .i6{
    margin: 46px 50px 44px 50px;
}

.parallax {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}


.data-box .custom-select {
    position: relative;
    padding: 0 !important;
    display: block;
    max-width: 100%;/*400px;*/
    min-width: 100%;
    margin: 0 auto;
    z-index: 10;
}

.custom-select select {
    border: none;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin: 0;
    display: block;
    width: 100%;
    padding: 0;
    font-size: 14px;
    color: #776e65;
    cursor: pointer;    
    text-transform: uppercase;
}

.custom-select select {
    display: inline-block;
    width: 100%;
    height: 35px;
    padding: 0 5px;
    font-size: 14px;
    line-height: 22px;
    color: #776e65;
    text-transform: uppercase;
}

.custom-select::after {
    position: absolute;
    right: 18px;
    top: 5px;
    width: 9px;
    height: 6px;
    content: url("../images/icon5.png");
    text-align: center;
    z-index: -1;
    cursor: pointer;
}


div.bordered{
    border: 1px solid #dedede;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;       
}

.captcha-inputbox{
    float: left;
    width: 100%;    
}

.captcha-inputbox #captcha{
    width: 90% !important;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 0 !important;    
    border-bottom-right-radius: 0 !important;   
    -webkit-border-top-right-radius: 0 !important;    
    -webkit-border-bottom-right-radius: 0 !important;       
    -moz-border-top-right-radius: 0 !important;    
    -moz-border-bottom-right-radius: 0 !important;         
}

.basic-addon2{
    width: 10% !important;
}

.basic-addon2 .ba-text{
    display: inline-block !important;
    width: 100%;
    height: 35px !important;
}

.basic-addon2 .fa-refresh{
    font-size: 15px !important; 
    line-height: 25px;  
}

.page-header h5{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;        
}

.Formhiba{
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    color: red;
}

.btn-box{
    display: inline-block;
    padding: 0;
            
}

.data-box button,
.data-box a.foglal-btn:hover,
.data-box a.foglal-btn{
    font-family: "timr65w";   
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;        
    border: none;
    color: #fff;
    background-color: #988258;
    text-transform: uppercase;
    padding: 0;
}

.mx-auto {
    float: none !important;
    display: block;
    margin: auto !important;
}

#galeria .room-table {
    float: left;
    width: 100%;
    margin: 35px 0 5px 0;
}

.galeria-box{
    float: left;
    width: 100%;
    margin: 0 0 50px 0;
}

.galeria-box ul{
    float: left;
    width: 100%;
    list-style: none;      
}

.galeria-box ul > li{
    float: left;
    width: auto;
    height: auto;
    margin: 0px 0px 6px 5px;   
    position: relative;
}

.galeria-box ul > li:first-child{
    margin: 0 1px 0 0;       
}   

.galeria-box ul > li:hover .title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 !important;
    padding: 73px 0px;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 13px;
    color: #fff;
    text-transform: uppercase;
    background:rgba(44, 51, 34, .5);
    text-decoration: none;
    text-align: center;
    height: 100%;
} 

.galeria-box ul > li .title label{
    display: none;
    width: auto;
    padding: 10px 20px;
    font-family: "timr45w";
    font-size: 16px;
    line-height: 22px;
    color:#28312a;
    text-transform: uppercase;
    background-color: #a6936e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;       
}

.galbox-container .grouped_elements{
    text-align: center;
}

.galbox-container .grouped_elements img{
    height: 265px;
}

.galbox-container .galbox .galboxcim{
    display: none;
    text-align: center;
    /*background-color: red;*/
}

.galbox-container .galbox:hover .galboxcim{
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0 !important;
    padding: 73px 0px;
    font-family: "timr45w";
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color:#fefefe;  
    text-transform: uppercase;
    background:rgba(23, 23, 23, .5);
    text-decoration: none;
    text-align: center;
    height: 100%;
    padding-top: 30%;
}

/*.galbox-container .galbox .fa-zoom:before {*/
.galbox-container .galbox:hover .fa-zoom:before {
    display: inline-block;
	content:url(../images/icon7.png);
	cursor: pointer;
	height: 26px;
	width: 26px;
    margin-right: 13px;
    vertical-align: top;
}

/*.galbox-container .galbox .fa-zoom {*/
.galbox-container .galbox:hover .fa-zoom {
    display: inline-block;
    margin-top: 12px;
    font-family: "timr45w";
    font-size: 12px;
    line-height: 25px;
    color:#fff;  
    text-transform: uppercase;    
	cursor: pointer;
	position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 50%;
}

#fancybox-title{
    width: 100% !important;
}

#ui-datepicker-div{
    z-index: 50 !important;
}

.galeria-box ul > li:hover .title label{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 45%;
    cursor: pointer;
}


#ui-datepicker-div{
    z-index: 400 !important;
}

.section-container{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    background-color: #fff;
}

.section-container .container{
    padding: 0 !important;
}

.page{
    float: left;
    width: 100%;
    height: auto;
    margin: 25px 0 0;
    padding: 0;
    background-color: #fff;
}

.page h2{
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
    font-family: "timr45w";    
    font-size: 26px;
    line-height: 22px;
    color: #313929;
}

#navi{
    display: inline-block;
    width: 100%;
    margin: 0 0 25px 0;    
}

#navi p,
#navi a{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 28px;
    color: #a4aba5;   
    text-decoration: none !important;
    text-transform: uppercase; 
}

#navi .navi-sep{
    display: inline-block;
    width: 2px;
    width: 8px;
    background-image: url('../images/sep2.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

#navi a.active{
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 28px;
    color: #a4aba5;   
    text-decoration: none !important;
    text-transform: uppercase;     
}

.h2-sep{
    float: left;
    width: 100%;
    height: 1px;
    border-top: 1px solid #e4e2e0;
    padding: 0;
    /*position:relative; /* Keep :before contained */    
}

.h2-sep:before{
    display:block;
    width: 2%;
    border-top:1px solid #776e65;
    height:1px;
    content: "";
    top: -1px;
    position:relative;
}

.text-body{
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 30px 0 0 0;
}

.text-body p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;    
    color: #313929;
}

.kategoria-blokk{
    float: left;
    width: 100%;
    margin: 60px 0; 
    padding: 0 20px;
}

.kategoria-blokk p.Leiras,
.kategoria-blokk .blokk{
    display: inline-block;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;    
}

.kategoria-lap{
    float: left;
}


.help-block{
    color: #FF1C24;
}

#rightcontent {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 9999;
  transform: translate(calc(100% - 55px), -50%);
}

.ce_rsce_sideinfobutton {
  display: flex;
  flex-wrap: wrap;
  z-index: 9999;
  margin-bottom: 0.5rem;
  transition: all 0.3s ease-in-out;
  background-color: #2F2E2C;
  font-family: "Roboto Slab";
  max-width: 850px;
}

.ce_rsce_sideinfobutton .inner {
  display: flex;
  width: 100%;
  align-items: stretch;
  overflow: visible;
  z-index: 9999;
  position: relative;
  pointer-events: all;
}

.d-sm-flex {
  display: flex !important;
}

.ce_rsce_sideinfobutton a {
  transition: all 0.4s ease;
}

.ce_rsce_sideinfobutton .inner figure {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.ce_rsce_sideinfobutton .inner figure img {
  width: 100%;
  height: 100%;
  color: #fff;
}

/** Ajánlatkérés **/
.tartalom-box{
    float: left;
    width: 100%;
    margin: 60px 0;  
    padding: 0 20px;  
}

div.info{
    float: left;
    width: 100%;
    padding-bottom: 25px;
    text-align: center;
}

div.info p{
    margin: 0;
    padding: 5px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #2f2927;
    text-align: center;    
}

.tartalom-box .table{
    float: left; 
    width: 100%;
    height: auto;
    margin: 20px 0;/* auto 0 auto;*/
    padding: 25px 0;
    background-color: #e3e4e4;
}

.tartalom-box p{
  margin: 0;
  padding: 5px 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #2f2927;
  text-align: center; 
}

.tartalom-box .table .table-row {
  float: left;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
}

.tartalom-box .table .table-row .table-label {
  float: left;
  width: 40%;/*15%;*/
  text-align: right;
  padding: 10px 0 0 0;
}

.tartalom-box .table .table-row .table-input {
  float: left;
  width: 60%;/*75%;*/
  padding: 0 0 0 15px;
}

.tartalom-box .table .table-row input{
    display: inline-block;
    margin: 0;
    padding: 0 5px;
    width: 337px;
    height: 36px;
    border: 1px solid #cacaca;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;  
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-weight: normal;  
    color: #2f2927;        
}

.tartalom-box .table .table-row textarea{
    display: inline-block;
    padding: 5px;
    width: 337px;
    height: 138px;
    border: 1px solid #cacaca;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;  
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-weight: normal;  
    color: #2f2927;  
    resize: none;       
}

.tartalom-box .table .table-row .fa-refresh{
    position: relative;
    top: 3px;
    margin-top: 2px;
    margin-left: 10px;
    font-size: 18px;
    color: #32312f;
}

.tartalom-box .table .table-row .table-button{
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
}

.tartalom-box .table .table-row .table-button .btn_ajanlat{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 141px;
    height: 36px;
    border: 1px solid #32312f; 
    background-color: #32312f; 
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-family: "Raleway", sans-serif;
    font-weight: 300;  
    font-size: 14px;
    font-weight: normal; 
    text-transform: uppercase;       
    color: #fff;      
    cursor: pointer;
}

.tartalom-box .table .table-row .table-label label {
    color: #2f2927;
    font-family: "Raleway", sans-serif;
    font-weight: 600 !important;  
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    padding: 0;
}

/** Oldaltérkép **/
ul.sitemap{
    float: left;
    width: 100%;
}

ul.sitemap > li > a{
    font-family: "Raleway", sans-serif;
    font-weight: 400;  
    font-size: 14px; 
    color: #2f2927;   
    text-transform: uppercase;
}

ul.sitemap > li > ul.fmenu3-haschild{
    padding-left: 30px;
}

ul.sitemap > li > ul.fmenu3-haschild > li > ul.fmenu4-haschild > li > a,
ul.sitemap > li > ul.fmenu3-haschild > li > a{
    font-family: "Raleway", sans-serif;
    font-weight: 400;  
    font-size: 14px; 
    color: #2f2927;   
    text-transform: uppercase;
}

ul.sitemap > li > ul.fmenu3-haschild > li > ul.fmenu4-haschild{
    padding-left: 30px;
}



/** /Ajánlatkérés **/    
#footer{
    float: left;
    width: 100%;
    height: auto;
    background-color: #242525;
}   

#footer .footer-center,
#footer .footer-top{
    border-bottom: 2px solid #2f3030;
}

#footer .footer-center{
    padding-top: 30px;
}

footer ul.fmenu{
    float: left;
    width: 100%;
    list-style: none;  
    padding: 35px 0 27px 0;     
}

ul.fmenu > li{
    float: left;
    width: 25%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;  
    line-height: 22px;  
    color: #fff;    
}

ul.fmenu > li strong{
    display: inline-block;
    width: 100%;
    font-family: "Raleway", sans-serif;
    font-weight: 900;  
    font-size: 16px;
    line-height: 22px;  
    color: #fff;
}

ul.fmenu > li p{
    display: inline-block;
    width: 100%;
    font-family: "Raleway", sans-serif;
    font-weight: 400;  
    font-size: 16px;
    line-height: 22px;  
    color: #fff;    
}

ul.fmenu > li.fb strong:before{
    float: left;
    width: 9px;
    height: 17px;
    margin-right: 13px;
    content: url('../images/footer_fb.png');
}

ul.fmenu2{
    float: left;
    width: 100%;
    list-style: none;  
    padding: 5px 0 0 0;
}

ul.fmenu2 > li{
    display: inline-table;
    color: #fff;    
    padding: 0;    
}

ul.fmenu2 > li:first-child > a{
    padding: 0 12px 0 0;   
}

ul.fmenu2 > li > a{
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 14px;  
    line-height: 22px;  
    color: #fff;    
    padding: 0 12px 10px 0;   
    text-transform: uppercase; 
}

.fmenu2-haschild{
    display: inline;
} 

.fmenu2-haschild > li{
    float: none;
    list-style: none;
} 

.fmenu2-haschild > li > a{
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 10px;  
    line-height: 30px;  
    color: #929292;    
    padding: 0;   
    text-transform: uppercase; 
} 

ul.fmenu3{
    float: left;
    width: 100%;
    list-style: none;  
    padding: 5px 0 0 0;
}

ul.fmenu3 > li{
    display: inline-block;
    padding: 0 15px 0 0;
}

.footer-bottom{
    float: left;
    width: 100%;
    padding: 35px 0 20px 0;
}

.footer-bottom a,
.footer-bottom p{
    display: inline-block;
    padding: 0 0 15px 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #c5c5c5; 
    text-transform: uppercase;   
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  border-radius: 5px;
  background: #fff;
  width: 30%;
  top: 40%;
  left: 40%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

#popup1 .alert{
    margin: 0 !important;
}

.img-responsive{
    display: block;
    width: 100% !important;
    height: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}


@media only screen and (max-width:1333px){ 
    .kategoria-text{
        width: 93%;
    }    
    
    .kategoria-text p{
        font-size: 21px;
    }
}    


@media only screen and (max-width:1285px){ 
    /*
    #fejlec-kozep-container{
        width: 81%;
    }*/
    
    header .mod_navigation.mainNav,
    #nav{
        display: none !important;
    }
    
    .navbar-toggle{
        display: inline-block !important;
    }    
    
    #navigation .navbar-toggle{
        float: right;
    } 
    
    #fejlec-bal{
        width: calc(20% - 10px);
    }
    
    #fejlec-kozep-container{
        width: calc(80% - 50px);
    }    

    .navbar-toggle{
        position: inherit;
    }
    
    .navbar-toggle{
        margin-top:35px;
        margin-right: 15px;
        margin-left: 15px;
    }     
    
    .navbar-toggle{
        float:right !important;        
    }      
    
    .termekszoveg{
        float: left;
        width: 98%;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .lapbel{
        padding: 0 20px;
    }        
    
}

@media only screen and (max-width:1199px){
    .container{
        width: 980px;
    }   
    
    #fejlec-kozep-container {
      float: right;
    }    
    
    #informacio{
        padding: 95px 0 30px 0;    
    }
    
    #kategoriak {
        margin: 0;
    }
    
    .kategoria-text{
        float: left;
        width: 90%;
        top: 5%;    
    }
    
    .kategoria-text p::before{
        display: none;
    }
    
    .kategoria-text p{
        font-size: 15px;
    }
    
    #ajanlatkeres {
      margin: 10px 0 25px 0;
    }    
    
    #socialbox{
        float: right;
    }
    
    div.kereses{
        display: none;
    }
    
    .lang-box{
        float: left;
        right: 10px;
    }
    

    
    #kepvalto{
        height: auto;
    }
    
    .info-table{
        top: 30px;
    }
    
    .room-table{
        margin: 40px 0 75px 0;
    }
    
    .room-data-box{
        width: 100%;
    }    
    
    .room-pic{
        height: auto;
    }
    
    .room-pic img{
        width: 100% !important;
    }
    
    .galeria-box ul > li{
        width: 49%;
    }
    
    .galeria-box ul li img{
        display: block;
        width: 100%;
        height: auto;
    }
    

    
    .galbox-container .grouped_elements img{
        height: auto !important;
    }

/*    
    #kepvalto .lSSlideOuter .lightSlider > li .caption {
        top: 26%;
    }  
*/     
    
    #footer .footer-center{
        display: none;
    } 
    
    footer ul.fmenu{
        padding: 35px 0 0 0;
        margin-bottom: 0;
    }
    
    ul.fmenu > li{
        width: 100%;
        text-align: center;
        padding: 0 0 15px 0;
    }
    
    ul.fmenu > li.fb strong::before{
        float: none;
    }
    
    .footer-bottom .pull-right,
    .footer-bottom .pull-left{
        width: 100%;
        text-align: center;
    }
    
    #ikonok{
        display: none;
    }
    
    .ajanlat-txt {
      top: 35%;
    }   
    
    #rightcontent{
        display: none;
    }
 
}


@media only screen and (max-width: 995px) {    
    .container {
        width: 100% !important;
    }    

    #nav{
        display: none !important;
    }
    
    .navbar-toggle{
        display: inline-block !important;
    }    
    
    #navigation .navbar-toggle{
        float: left;
    }  
    
    #informacio .col-md-7,
    #informacio .col-md-5{
        float: left;
        width: 100%;
    }
    
    .room-data-box{
        margin-bottom: 30px;
    }
    
    .foglalas-adatok-box .left-side,
    .foglalas-adatok-box .right-side{
        float: none;
        margin: 0;
    }
    
    .foglalas-adatok-box .data-box{
        text-align: left;
    }
    
    .page{
        float: none;
        display: inline-block;
        width: 99%;
        margin: 50px auto;    
        padding: 35px 15px;
    } 
    
    .room-table-row{
        padding: 0 15px;
    }    
    
    .mobil-termek-nev{
        display: block;
    }    
    
    .termekszoveg table tr td:first-child{
        margin-right: 0 !important;
    }    
    
    .section-picture .caption{
        display: none;
    }
    
    .section-picture .caption .txt2, 
    .section-picture .caption .txt1{
        width: auto;
    }
    
    .search-bar-bs .input-group{
        width: 100%;
    }
    
    
    .section-picture .caption .txt2 p{
        width: auto;
        padding: 23px 37px;
    }    
    
    .section-picture .caption .txt1 p, 
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt1-hu p{
        width: 578px;    
        padding: 23px 25px 23px 30px;
        font-size: 27px;
    }
    
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt2-hu p{
        width: 578px;    
        padding: 23px 25px 23px 30px;
    }    
    
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt1-en p{
        width: auto;    
        padding: 23px 40px;
        font-size: 27px;
    }    
    
    .section-picture .caption .txt2 p, 
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt2-en p{
        width: auto;
        padding: 23px 43px 23px 37px;
        font-size: 23px;  
    }    
    
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt1-de p{
        width: 520px;    
        padding: 23px 25px;
        font-size: 30px;
    }    
    
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt2-de p{
        width: 520px; 
        padding: 23px 25px; 
        font-size: 23px;        
    }
    
    .tartalom-box .table .table-row .table-label {
        width: 25%;
    }    
    
    #kategoriak .col-sm-4{
        width: 100%;
    }
        
    #kategoriak .kategoria-text{
        width: 97%;
    }
    
    .kategoria-text p{
        font-size: 30px;
    }       

} 

@media only screen and (max-width:786px) {
    ul.fmenu > li{
        font-size: 13px;
    }      
    
    #kepvalto .lSSlideOuter .lightSlider > li .caption p {
        font-size: 20px;
        line-height: 40px;
    }    
    
    #kepvalto .lSSlideOuter .lightSlider > li .caption p strong{
        font-size: 30px;
        line-height: 40px;        
    }     
}    

@media only screen and (max-width:767px) {
    .info-table{
        padding: 30px 10px;
    }
    
    
    .kategoria-text p{
        font-size: 30px;
    }    
    
    footer ul.fmenu{
        float: none !important;
    }
    
    ul.fmenu > li{
        width: 100% !important;
        font-size: 14px !important;
        padding: 5px 0;
    }    
    
    ul.fmenu > li::after{
        content: "" !important;
    }   
    
    ul.fmenu2 > li{
        padding: 0 15px 0 0;
    }
    
    ul.fmenu2 > li > a{
        padding: 0 !important;    
    }

    .container > .navbar-header{
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    
    .tartalom-box .table{
        padding: 25px 20px;
    }    
    
    .termekszoveg img{
        display: block;
        width: 100%; 
        height: auto;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 25px;
    }
    
    .termekszoveg h1{
        float: left;
        width: 100%;  
        text-align: center;  
    }
    
    .termekszoveg p{
        text-align: justify;
    }

    .tartalom-box .kapcsolat-col-left .table{
        float: left;
        width: 100% !important;
        margin: 0 !important;
    }    
    
    .tartalom-box .table .table-row .table-input{
        text-align: left !important;
        padding: 0;
        width: 100%;
    }
    
    .tartalom-box .table .table-row textarea,
    .tartalom-box .table .table-row input{
        width: 100%;
    }
    
    
    .tartalom-box .table .table-row .table-label{
        width: 100%;
        text-align: left;
    }

    .tartalom-box .table .table-row .table-label label{
        padding: 0;
    }    
   
    .navbar-toggle{
        right: 75px !important;
    }   
    
    .ajanlat-txt{
        top: 27%;
    }
    
    .ajanlat-txt a{
        font-size: 20px;
        padding: 25px 20px;
    }
    
    #kepkod1{
        width: calc(100% - 40px);
    }
    
    .termekszoveg table tr td{
        float: left;
        width: 100%;
        height: auto;        
    }

    .termekszoveg table img{
        float: left;
        width: 100%;
        height: auto;
    }    
    
   
    
    #kepvalto .lSSlideOuter .lightSlider > li .caption{
        bottom: 145px;
    }
    
    /** Magyar **/
    
    .section-picture .caption .txt1 p, 
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt1-hu p{
        width: 429px;    
        padding: 15px 20px 15px 20px;
        font-size: 20px;
        line-height: 30px;
    }    
    
    .section-picture .caption .txt1 p, 
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt2-hu p{
        width: 429px;    
        padding: 15px 20px 15px 20px;
        font-size: 20px;  
    }    
    
    /** Angol **/
    
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt1-en p{
        width: 372px;    
        padding: 15px 20px 15px 20px;
        font-size: 20px;
        line-height: 30px;
    }    
    
    .section-picture .caption .txt2 p, 
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt2-en p{
        width: 372px;
        padding: 15px 29px 15px 20px;
        font-size: 17px;  
    }          
    
    /** Német **/
    
    .section-picture .caption .txt1 p, 
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt1-de p{
        width: 372px;    
        padding: 15px 20px 15px 37px;
        font-size: 20px;
        line-height: 30px;
    }
    
    /*.section-picture .caption .txt2 p, 
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt2-de p{
        width: auto;
        padding: 23px 37px;
        font-size: 20px;   
    }*/
    
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt2-de p{
        width: 372px;
        padding: 15px 32px 15px 37px;
        font-size: 15px;     
    }   
    
    .hirbox_kep,
    .hirbox_kep1{
        width: 100% !important;
        height: auto !important;
        text-align: center;
        padding-bottom: 25px;
    }
    
    .hirbox_kep img{
        display: inline-block;
        width: 50%;
        height: auto !important;    
    }
    
    .hirboxjobb{
        padding: 0px 0 20px 0;
    }
    
    .hirbox{
        padding: 27px 0 0px;
    } 
    
    .hirbox .hirbox_cim{
        text-align: center;
    }
     
}    


@media only screen and (max-width:598px) {
    ul.footer-almenu{
        width: 100%; 
        text-align: center;   
    }
    
    ul.footer-almenu > li, ul.fmenu > li{
        width: 100%;
        padding: 3px 0;
    }
    
    ul.footer-almenu > li > a,
    ul.fmenu > li > a{
        float: none;
        display: inline-block;
    }
    
    .galeria-box{
        padding: 0 10px;
    }
    
    .galeria-box ul > li{
        float: left !important;
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }
    
    .ajanlat-txt {
      top: 35%;
    }
    
    .ajanlat-txt a{
        padding: 15px 20px;
        font-size: 20px;
    }
    
    .section-picture .caption .txt1 p, 
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt1-hu p{
        width: auto;    
        padding: 15px 29px 15px 20px;
        font-size: 15px;
        line-height: 30px;
    }    
    
    .section-picture .caption .txt1 p, 
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt2-hu p{
        width: auto;    
        padding: 15px 36px 15px 20px;
        font-size: 15px;  
    }     
    
    #fejlec-kozep-container,
    #fejlec-bal{
        width: 100%;
        text-align: center;
    }  
    
    .navbar-brand{
        float: none;
        margin: 20px 0;
    }
   
    #fejlec-jobb-container{
        float: none;
        margin: 5px 0 0 0;
    }
    
    .lang-box,
    #fejlec-kozep-container .navbar-toggle,
    #socialbox{
        float: none;
        display: inline-block;
        position: relative;
    }  
    
    #socialbox{
        top: 4px;
    }   
    
    #fejlec-kozep-container .navbar-toggle{
        float: none !important;
        margin: 0 !important;
        right: 0 !important;    
    }
    
    #kategoriak .kategoria-text{
        width: 94%;
    }
    
    .kategoria-text p{
        font-size: 22px;
    }       
    
} 

@media only screen and (max-width: 474px) {
    .data-box button{
        font-size: 20px;
    }
    
    ul.fmenu2 > li{
        width: 100%;
        padding: 5px 0 !important;
    }
    
    ul.fmenu2 > li:before{
        display: none;
    }   

    
    .ajanlat-txt {
      top: 35%;
    }
    
    .ajanlat-txt a{
        padding: 10px 20px;
        font-size: 15px;
    }   
    
    .search-bar-bs .input-group .form-control{
        width: 70%;    
    }
    
    .search-bar-bs .input-group .Button1{
        width: 30%;
    }

    #kepvalto .lSSlideOuter .lightSlider > li .caption{
        bottom: 145px;
    }
    
    #kepvalto .lSSlideOuter .lightSlider > li .caption{
        display: none;
    }
       
    
    .section-picture .caption .txt1 p, 
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt1-de p{
        width: auto;    
        padding: 15px 20px !important;
        font-size: 15px !important;
        line-height: 22px;
    }
    
    #kategoriak .kategoria-text{
        width: 90%;
    }    
    
    .kategoria-text p{
        font-size: 15px;
    }  
    
    .hirbox_kep,
    .hirbox_kep img{
        width: 100%;
        height: auto;
    }
    
    .hirboxjobb{
        width: 100%;
        padding: 20px 0 0 20px;
    }       
    .hirbox_kep img{
        width: 100% !important;
    }           

/*    
    #kepvalto .lSSlideOuter .lightSlider > li .caption .txt2-de p{
        padding: 15px 41px;
        font-size: 15px;     
    }       
*/     
}