/**********************************************************
webfont
**********************************************************/
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Open+Sans:300,300i|Playfair+Display:400,400i,700,700i|Roboto+Condensed:300,300i,700,700i&subset=latin-ext');
@font-face { font-family: 'fontello'; src: url('fonts/fontello.eot?80470346'); src: url('fonts/fontello.eot?80470346#iefix') format('embedded-opentype'), url('fonts/fontello.woff2?80470346') format('woff2'), url('fonts/fontello.woff?80470346') format('woff'), url('fonts/fontello.ttf?80470346') format('truetype'), url('fonts/fontello.svg?80470346#fontello') format('svg'); font-weight: normal; font-style: normal }
 


/**********************************************************
icons
**********************************************************/
[class^="icon-"]:before, [class*=" icon-"]:before { font-family:"fontello"; font-style:normal; font-weight:normal; speak:none; display:inline-block; text-decoration:inherit; font-variant:normal; text-transform:none; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }

.icon-up-circle:before { content: '\e800'; } /* '' */
.icon-credit-card:before { content: '\e809'; } /* '' */
.icon-imessage:before { content: '\e80a'; } /* '' */
.icon-phone:before { content: '\e80b'; } /* '' */

/**********************************************************
general
**********************************************************/
* { margin:0; padding:0; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
*:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
body { background:#efefef; color:#666767; font-family:'Open Sans',sans-serif; font-size:18px; position:relative }
@media(max-width:900px) {
	body { font-size:16px }
}
a { color:#5286d2 }
a:active, a:focus {outline: 0;}
input:active, input:focus {outline: 0;}
button::-moz-focus-inner {border: 0;}

.pirosgomb {  display:block;margin:10px auto;}
.pirosgomb a { background:#f4676f;color:#fff; display:inline-block; padding:5px 15px; text-transform:uppercase; font-weight:bold; font-family: 'Playfair Display'; font-size:22px;}
.pirosgomb a:hover { text-decoration:none; background:#c74d56;}

h1,h2 { font-family: 'Playfair Display',serif;font-weight:400;}
@media(max-width:900px) {
	h1 { font-size:30px }
}
img.align-left { float:left; margin:0 20px 20px 0 }
img.align-right { float:right; margin:0 0 20px 20px }
img.align-center { margin:0 auto }
.row-centered { text-align:center;}
.col-centered { display:inline-block; float:none; text-align:left; margin-right:-4px; }

.featured-text { background:#fbf6e9; padding:10px }

.align-right { text-align:right !important }
.align-left { text-align:left !important }
.align-justify { text-align:justify !important }
.align-center { text-align:center !important }
.italic { font-style:italic !important }


.wrapper { max-width:1280px; margin:0 auto }

#up {bottom:10px; position:fixed; right:10px; z-index:60; cursor:pointer; opacity:0.6;animation: 3s ease 0s normal none infinite running bounce}
#up:hover { opacity:1;}
#up i {font-size:48px; cursor:pointer;}

.greenbutton { background:#77c5b0; position:relative; padding:5px;top:-30px;display:inline-block;}
.greenbutton:hover {background:#63a493; color:#77c5b0;}
.greenbutton a {font-family:'Open Sans', font-size:18px; color:#efefef; border:1px solid #fff;padding:10px 20px; display:block;}
.greenbutton a:hover { text-decoration:none; color:#efefef;}

.vonal1 { border-top:1px double #efefef; border-bottom:1px double #efefef;height:4px;margin:0 0 2px; }
.vonal2 { border-top:1px double #acacac; border-bottom:1px double #acacac;height:4px; }

header { position:fixed; background-color: rgba(255, 255, 255,1); z-index:100; width:100%; height:100px; top:0;transition: all 1s ease 0s; box-shadow:0px 5px 5px #77c5b0;}
header .fologo { font-family:'Great Vibes'; font-size:50px; color:#73c1d4; text-transform:none; margin:5px 0 0 0; text-align:left;}
@media(max-width:400px){
    header .fologo {font-size:30px;}
    header h2 {font-size:20px;} 
}
header .logo a:hover { text-decoration:none; }
header h2 { font-family:'Roboto Condensed'; font-weight:400;font-size:16px; color:#9a9596; text-transform:none; margin:-20px 0 0 0; text-align:left;line-height:normal;}
@media(max-width:400px){
    header h2 { margin:-10px 0 0 0;}
}
header .lang {position:absolute; ;right:5px;top:0px;}
header .lang a { font-family:'Roboto Condensed'; font-size:12px; color:#797676}
header .lang .aktiv { text-decoration:underline;}
header .menu { text-align:right; }
header .menu li.fomenu a { font-family:'Roboto Condensed'; font-size:18px; color:#797676; text-transform:none; }
header .menu ul.fomenu li:first-child { margin:0 }
header .menu ul.fomenu li a { margin:0 0 0 30px; cursor:pointer; display:block;}
header .menu .aktiv { text-decoration:underline;}
header .menu .fomenu {list-style-type:none;margin-top:20px;}
header .menu li.fomenu {display:inline-block;}
sheader .menu ul.almenu {display:none;}
header ul.sub {
	visibility: hidden;
	opacity: 0;
    display: none;
	position: absolute;
	transition: all 0.5s ease;
	margin-top: 0;
	padding: 0;
	z-index: 99999;
    text-align:left;
    width:300px;
    background:#fff;
    padding-top:30px;
    box-shadow: 2px 2px 2px #77c5b0;    
}
#home header ul.fomenu li:hover > ul, ul li ul:hover {opacity:0.8;}
header ul.fomenu li:hover > ul, ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
}
header .menu ul.fomenu .sub li:first-child { margin-bottom:15px;}
header .fomenu .sub li {
  display: block;
  width: auto;
  margin-bottom:15px;
}
header .fomenu .sub li a:hover { color:#77c5b0}

.mobil-menu { display:none; background:#fff;width:100%;top:105px;position:fixed;text-align:center;padding:10px 0;z-index:200; box-shadow: 0 5px 5px #77c5b0;}
.mobil-menu a {display:block; color:#73c1d4; margin:10px 0;}
/**********************************************************
mobile menu
**********************************************************/
@media(min-width:1240px){
	.toggle-menu { display:none }
    .mobil-menu { display:none;}
}
@media(max-width:1239px){
    header { height:120px; }
	header .menu { display:none}
}
.toggle-menu { text-align:right }
.toggle-menu div { cursor:pointer; display:inline-block; padding:15px; background:#73c1d4; border-radius:2px; margin:30px 10px 0 0; }
.icon-bar { background:#fff; display:block; width:26px; height:3px }
.icon-bar + .icon-bar { margin-top: 6px }
.mobile-menu a,
.mobile-menu span { color:#fff; text-decoration:none; display:block; padding:5px 10px; font-weight:400; border-bottom:1px solid rgba(255,255,255,0.2) }
.mobile-menu ul a { font-size:16px; font-weight:400; padding-left:30px; color:rgba(255,255,255,0.7) }

.mobil-menu .mobil-sub {
    display: none;
    margin: 0;
    padding: 0;
}

.mobil-menu .mobil-sub.open {
    display: block;
}

.mobil-menu .mobil-dropdown.open:after {
    content: " ▴"; /* felfelé */
    font-size:14px;
}


.mobil-menu .mobil-dropdown:after {
    content: "▾";
    font-size:14px;
    display: inline-block;
    margin-left: 6px;
    text-decoration: none;
    transition: transform 0.3s ease;
    float:right;
}

.mobil-menu .mobil-dropdown.open:after {
    transform: rotate(180deg);
}

.mobil-menu .mobil-dropdown {
    display: flex;
    justify-content: center; /* vagy space-between ha jobb szélre kell */
    align-items: center;
    gap: 8px;
}

.mobil-menu a.mobil-dropdown {
    text-decoration: none !important;
}

/**********************************************************
home
**********************************************************/
#home header {top:20px;background-color: rgba(255, 255, 255,0.8);}
@media(max-width:1240px){
    #home header {top:0;}
}
#home header.top { position: fixed; transition: all 1s ease 0s; top: 0; }
#home .content { position:relative; z-index:50; border-top:1px solid #77c5b0;margin-top:5px;padding-top:30px;}
#home .intro { text-align:center; }
#home .intro h1 { font-family: 'Playfair Display'; font-size:48px; font-weight:800; color:#77c5b0; text-transform:none; margin:5px 0 0 0; text-align:center;}
@media(max-width:900px) {
	#home .intro h1  { font-size:24px; margin-bottom:30px; }
}
#home .intro .cim { position:relative; top:25px; display:inline-block; background:#efefef; font-family:'Great Vibes'; font-size:36px; color:#889894; padding:0 20px; }
@media(max-width:900px) {
	#home .intro .cim   { font-size:24px; margin-bottom:30px; }
}
#home .intro .keret { max-width:1070px; margin:0px 30px auto; padding:50px 10px 80px 60px;border:1px solid #e1e1e1; text-align:left;}
#home .intro .keret p { text-align:justify;line-height:30px;}
#home .intro .greenbutton { position:relative; top:-30px;}
@media(max-width:767px){
    #home .intro .cim { top:auto;}
    #home .intro .keret { padding:0; margin:0;}
    #home .intro .keret img {width:100%;}
    #home .intro .greenbutton { position:unset;}
}



.blog { margin-top:50px; text-align:center; }
.blog h1 { font-family: 'Playfair Display'; font-size:48px; font-weight:800; color:#77c5b0; text-transform:none; margin:5px 0 0 0; text-align:center;}
@media(max-width:900px) {
	.blog h1  { font-size:24px; margin-bottom:0px; }
}
.blog .cim { position:relative; top:25px; display:inline-block; background:#efefef; font-family:'Great Vibes'; font-size:36px; color:#889894; padding:0 20px; }
@media(max-width:900px) {
	.blog .cim   { font-size:24px; margin-bottom:30px; }
}
.blog .keret { padding:50px 0;border-top:1px solid #e1e1e1; text-align:left; }
.blog .keret .green1 { background:#77c5b0; width:32px;height:72px; position:absolute; right:15px; margin-top:-60px;}
.blog .keret .green2 { background:#77c5b0; width:32px;height:72px; position:absolute; right:15px; margin-top:-40px; z-index:10;}
.blog .keret .text { border:1px solid #d7d7d7; padding:20px 15px; margin-bottom:10px; height:350px; overflow:hidden;}
.blog .keret .text h1 { font-family: 'Playfair Display'; font-size:24px; font-weight:800; color:#78807e; text-transform:none; text-align:left; margin:20px 0 20px 0; padding:0; line-height:normal; }
.blog .keret .text p { font-family:'Open Sans'; font-size:18px; color:#666767; text-align:justify;line-height:30px;}
.blog .keret .kep {overflow:hidden;height:265px;} 
.blog .keret .kep img { transition: all 0.2s ease 0s; margin-bottom:10px;} 
.blog .keret .kep a.image:hover img {
    transform: scale(1.1);
    transition: all 0.2s ease 0s;
}

@media(max-width:900px) {
	.booking-button { display:none }
}
@media(max-height:700px) {
	.booking-button { bottom:10px; top:auto;}
}

/**********************************************************
blog
**********************************************************/
#blog  .cim { background:#77c5b0; padding:2px 0;margin-top:120px;}
#blog .cim h1 { font-family:'Great Vibes';text-transform:none;font-weight:400;font-size:60px; color:#efefef;text-align:center;margin:0;}
#blog .content { max-width:990px;margin:50px auto;}
#blog .content .kep { margin:15px 0 20px 0;}
#blog .content .keret { border:1px solid #dfdfdf; margin:20p 0 20px; padding: 20px;}
#blog .content .rovid h2 { font-family: 'Playfair Display'; font-weight:800; color:#77c5b0; font-size:24px; text-transform:none; text-align:left; }
#blog .content .hosszu h2 { font-family: 'Playfair Display'; font-weight:800; color:#77c5b0; font-size:24px; text-transform:none; text-align:left; }
#blog .content .hosszu ul { overflow: hidden;padding: 20px 0 20px 50px; }
#blog .content .keret p { font-family:'Open Sans'; font-size:18px; color:#666767; }
#blog .content .keret .fb { text-align: right; }
#blog .content  p { text-align:justify;line-height:30px;}
#blog .content img { max-width:100%; height:auto; }
@media(max-width:767px) {
    #blog .cim h1 { font-size:32px;}
}

/**********************************************************
blogok
**********************************************************/
#blogok  .cim { background:#77c5b0; padding:2px 0;margin-top:150px;}
#blogok .cim h1 { font-family:'Great Vibes';text-transform:none;font-weight:400;font-size:60px; color:#efefef;text-align:center;margin:0;}
#blogok .content {margin:auto;}
#blogok .content .keret { margin:20p 0 20px; }
#blogok .content .keret .row >div {margin-bottom:40px;}
#blogok .content .rovid h2 { font-family: 'Playfair Display'; font-weight:800; color:#77c5b0; font-size:24px; text-transform:none; text-align:left; }
#blogok .content .hosszu h2 { font-family: 'Playfair Display'; font-weight:800; color:#78807e; font-size:24px; text-transform:none; text-align:left; }
#blogok .content .keret p { font-family:'Open Sans'; font-size:18px; color:#666767;text-align:justify; line-height:30px;}
#blogok .content .keret .fb { text-align: right; }
#blogok .content .text:hover *{ text-decoration:none;}
@media(max-width:767px) {
    #blogok .cim h1 { font-size:32px;}
}


/**********************************************************
galeria
**********************************************************/
#galeria  .cim { background:#77c5b0; padding:2px 0;margin-top:150px;}
#galeria .galeria {text-align:center;margin-top:20px; padding-top:20px;}
#galeria .galeria .leiras { max-width:990px; text-align:left; margin:auto;}
#galeria .galeria .leiras iframe { max-width:800px;}
#galeria .galeria .leiras h2 { font-family: 'Playfair Display'; font-weight:800; color:#77c5b0; font-size:24px; text-transform:none; text-align:left; }
#galeria .cim h1 { font-family:'Great Vibes';text-transform:none;font-weight:400;font-size:60px; color:#efefef;text-align:center;margin:0;}
#galeria .box { height:380px; min-width:300px; text-align:center; border:1px solid #dadada;transition: all 0.5s ease 0s; margin:10px 10px 50px 10px; cursor:pointer; max-width:300px; vertical-align:top;}
#galeria .box .kep { height:300px; line-height:295px; display:block;}
#galeria .box .text { height:60px; width:100%; display:table; }
#galeria .box .text p { color:#888888; font-size:16px;font-family:'Raleway'; display:table-cell; transition: all 0.5s ease 0s; vertical-align:middle;}
#galeria .box:hover { border: 1px solid #5d5d5d; transition: all 0.5s ease 0s}
#galeria .box:hover .text { color:#5d5d5d; transition: all 0.5s ease 0s; }
#galeria a:hover { text-decoration:none; }
@media(max-width:767px){
    #galeria .box { height:auto; padding:10px 10px 0 10px; }
    #galeria .box .kep { height:auto; line-height:normal;}
    #galeria .cim h1 { font-size:30px;}

}


/**********************************************************
kapcsolat
**********************************************************/
.kapcsolat { max-width:990px;margin:50px auto;}
.kapcsolat .title {font-family: 'Playfair Display'; font-size:24px; color:#77c5b0; font-weight:800; margin:0 0 30px 0;}
.kapcsolat .wis { text-align:justify; line-height:30px;}

.kapcsolat .urlap {margin:40px auto; padding:20px 10px;background:#e8f0ee; border:1px solid #dfdfdf;}
.kapcsolat .urlap  .title { text-align:center; font-size:48px; font-family:'Open Sans'; font-weight:bold;}
#kapcsolatform .koszonom { text-align:center; margin:30px;}

@media(max-width:767px) {
    .kapcsolat .urlap  .title { font-size:24px;}

}
.kapcsolat .urlap label { margin: 20px 0 5px 0; display:block; color:#929393; }
.kapcsolat .urlap input[type=text] { background:#fff; color:#929393; font-size:18px; font-family:'Open Sans'; border:1px solid #d7d7d7; padding:12px 12px; width:100%;}
.kapcsolat .urlap textarea { resize:none; background:#fff; color:#929393; font-size:18px; font-family:'Open Sans'; border:1px solid #d7d7d7; padding:5px 10px; width:100%; height:462px;}
.kapcsolat .elkuld { margin:20px auto; width:170px; height:54px; border-bottom:10px solid #3e7c8b; background:#73c1d4; box-shadow:2px 2px 2px #666969; cursor:pointer;}
.kapcsolat .elkuld span {display:block; text-align:center; font-size:24px; font-family:'Open Sans'; font-weight:bold; color:#fff; position:relative; top:5px; text-transform:uppercase;}
.kapcsolat .elkuld:hover { background:#3e7c8b; }

/**********************************************************
scroll down icon
**********************************************************/
.scroll-down-wrapper { position:relative; }
.scroll-down-icon { width:76px; height:76px; background:url('/pics/scroll-down.png'); cursor:pointer; position:absolute; left:0; right:0; margin:0 auto; bottom:40px; z-index:10000; -webkit-animation: bounce 3s infinite; -o-animation: bounce 3s infinite; animation: bounce 3s infinite }
@-webkit-keyframes bounce {
  from,
  20%,
  50%,
  80%,
  to {
    -webkit-animation-timing-function: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)';
    animation-timing-function: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)';
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  40% {
    -webkit-animation-timing-function: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)';
    animation-timing-function: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)';
    -webkit-transform: translate(0, -7px);
    -ms-transform: translate(0, -7px);
    -o-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
  60% {
    -webkit-animation-timing-function: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)';
    animation-timing-function: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)';
    -webkit-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    -o-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }
}
@keyframes bounce {
  from,
  20%,
  50%,
  80%,
  to {
    -webkit-animation-timing-function: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)';
    animation-timing-function: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)';
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  40% {
    -webkit-animation-timing-function: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)';
    animation-timing-function: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)';
    -webkit-transform: translate(0, -7px);
    -ms-transform: translate(0, -7px);
    -o-transform: translate(0, -7px);
    transform: translate(0, -7px);
  }
  60% {
    -webkit-animation-timing-function: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)';
    animation-timing-function: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)';
    -webkit-transform: translate(0, -3px);
    -ms-transform: translate(0, -3px);
    -o-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }
}


/**********************************************************
footer
**********************************************************/
footer { background:#77c5b0; text-align:center; color:#efefef;font-size:18px;padding:2px 0 20px 0;;margin-top:50px;}
footer a { color:#efefef;}
footer .created, footer .created a { font-size:14px; color:#efefef;margin-top:20px;}
footer .created a:hover { color:#23527c; } 
footer .footer-slider { background:url('/images/footerbg.jpg') top center ; width:100%; text-align:center; }
footer .slidertext { font-family:'Playfair Display';font-weight:700;font-size:48px; color:#efefef;text-align:center;margin:10px 0 10px 0;}
@media(max-width:900px) {
	footer .slidertext { font-size:18px; }
}
footer .social {  background:#efefef;padding:30px 0 70px 0; }
footer .social .text1 { font-family: 'Playfair Display';font-weight:700;font-size:48px; color:#595959;text-align:center;margin:10px 0 0 0;}
@media(max-width:900px) {
	footer .social .text1 { font-size:24px; }
}
footer .social .text2 { font-family:'Great Vibes';font-weight:400;font-size:36px; color:#797676;text-align:center;margin:10px 0 50px 0;}
@media(max-width:900px) {
	footer .social .text2 { font-size:24px; margin-bottom:30px; }
}
footer .buttons {margin:20px 0;}
footer .buttons a {margin:10px; display: inline-block; }
footer .buttons a img { width:30px;}
footer .buttons a img:hover {
    -webkit-animation:spin 1s linear;
    -moz-animation:spin 1s linear;
    animation:spin 1s linear;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


.slider-1-wrapper { padding:90px 30px 70px 30px; margin:auto;max-width:940px; }
.slider-1-wrapper img {margin:10px; }
.slider-1-wrapper .item { margin:auto;}
.slider-1-wrapper .item .row:first-child { background:rgba(255,255,255,0.8) }
.slider-1-wrapper .item .row:last-child { height:auto; text-align:right;padding-right:30px;}
.slider-1-wrapper .item .title { font-size:18px; color:#797676; font-family:'Open Sans'; font-weight:800; text-align:left; margin:10px 0 20px 0 }
.slider-1-wrapper .item .description { font-size:18px; color:#666767; font-family:'Open Sans'; text-align:left;}
.slider-1-wrapper .item .arrow { background:#77c5b0; position:relative; padding:5px;top:-30px;display:inline-block;}
@media(max-width:767px){
    .slider-1-wrapper .item .arrow { margin:30px 0 0 10px;}
}
.slider-1-wrapper .item .arrow:hover {background:#63a493; color:#77c5b0;}
.slider-1-wrapper .item .arrow a {border:1px solid #fff;padding:5px 10px; displaY:block;}
.slider-1-wrapper .item .arrow a:hover { text-decoration:none; color:#efefef;}
.slider-1-wrapper .slick-next { top:85px;right:-45px;text-indent:9999px; background:transparent center center no-repeat url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTQxLjcgMjY4LjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0MS43IDI2OC4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQzVCMDc1O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTM5LjUsMTI4LjhMMTMsMi4yYy0zLTMtNy44LTMtMTAuNywwcy0zLDcuOCwwLDEwLjdsMTIxLjIsMTIxLjJMMi4yLDI1NS4zYy0zLDMtMyw3LjgsMCwxMC43DQoJCWMxLjUsMS41LDMuNCwyLjIsNS4zLDIuMmMxLjksMCwzLjktMC43LDUuMy0yLjJsMTI2LjYtMTI2LjZDMTQyLjUsMTM2LjYsMTQyLjUsMTMxLjcsMTM5LjUsMTI4Ljh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=='); }
.slider-1-wrapper .slick-prev { top:85px;left:-45px;text-indent:9999px; background:transparent center center no-repeat url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTQxLjcgMjY4LjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE0MS43IDI2OC4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQzVCMDc1O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMi4yLDEzOS41bDEyNi42LDEyNi42YzMsMyw3LjgsMywxMC43LDBjMy0zLDMtNy44LDAtMTAuN0wxOC4zLDEzNC4yTDEzOS41LDEzYzMtMywzLTcuOCwwLTEwLjcNCgkJQzEzOCwwLjgsMTM2LjEsMCwxMzQuMiwwcy0zLjksMC43LTUuMywyLjJMMi4yLDEyOC44Qy0wLjcsMTMxLjctMC43LDEzNi42LDIuMiwxMzkuNXoiLz4NCjwvZz4NCjwvc3ZnPg0K'); }
.slider-1-wrapper.slick-prev:before,
.slider-1-wrapper.slick-next:before { content:''; color:transparent }
@media(max-width:900px) {
	.slider-1-wrapper .item .title { font-size:20px; margin-top:20px; margin-bottom:0 }
	.slider-1-wrapper .item .subtitle { font-size:20px }
	.slider-1-wrapper .item .slide-content { padding:0 }
	.slider-1-wrapper .item { padding:10px }
}


@media(max-width:1200px) {
	.page-header .menu { font-size:14px }
}
@media(max-width:1100px) {
	.page-header .menu { display:none }
}


/**********************************************************
page header icons
**********************************************************/
.page-header .icons { float:right; font-family:'Cardo',serif; font-size:14px; color:#c5b075; margin-top:10px; margin-bottom:30px }
.page-header .icons .icon { display:block; cursor:pointer; width:32px; height:32px; background:url('/pics/sprite.png') }
.page-header .icons li { position:relative; float:left; list-style:none }
.page-header .icons a { color:#c5b075 }
.page-header .icons .search-box { display:none; background:#c5b075; position:absolute; box-shadow:1px 1px 1px rgba(0,0,0,0.2); padding:10px; left:-100px }
.page-header .icons .search-box input[type="text"] { border:0; padding:5px; width:200px }
.page-header .icons .icon-trip { background-position:0 -96px }
.page-header .icons .icon-trip:hover { background-position:-32px -96px }
.page-header .icons .icon-instagram { background-position:0 -64px }
.page-header .icons .icon-instagram:hover { background-position:-32px -64px }
.page-header .icons .icon-facebook { background-position:0 -32px }
.page-header .icons .icon-facebook:hover { background-position:-32px -32px }
.page-header .icons .icon-search { background-position:0 -128px }
.page-header .icons .icon-search:hover { background-position:-32px -128px }
.page-header .icons li { margin-left:10px }



/**********************************************************
featured box
**********************************************************/
.featured-box { background:#fbf6e9; padding-top:30px; padding-bottom:30px; border-top:1px solid #ded1be; border-bottom:1px solid #ded1be }
.featured-box.white { background:#fff }
.featured-box h1 { margin:20px 0px 40px 0px }
.featured-box h2 { font-family:'Roboto'; text-transform:none; color:#817556; font-size:24px; text-align:center; font-weight:700; margin:0 0 50px 0 }
.featured-box .serviceslist a { color:#817556; padding:0 10px; border-right:1px solid #817556;}
.featured-box .serviceslist a:last-child {border-right:none}
.featured-box .serviceslist a.aktiv { text-decoration:underline }


/**********************************************************
gallery box
**********************************************************/
.gallery-box  {margin-bottom:60px;}
.gallery-box .image { display:block; overflow:hidden; text-align:center; }
.gallery-box .image img { transform: scale(1); transition: all .2s; width:100% }
.gallery-box .image:hover img { transform: scale(1.1); transition: all .2s; }
.gallery-box a:hover {text-decoration:none; }
.gallery-box .title { font-size:22px; font-weight:700; color:#ab9863; font-family: Cardo; border-top:1px solid #e6dbbb; margin-top:20px; padding-top:20px; text-align:left; text-transform:none;height:110px;}
.gallery-box .subtitle { font-weight:700; color:#c5b075; text-align:left }
.gallery-box p { color:#817556; text-align:left;}
@media(max-width:900px) {
	.gallery-box { margin-bottom:30px }
}


/**********************************************************
slider
**********************************************************/
.slider-2 .slide { position:relative; cursor:move }


.slider-2 .slide img { width:100%; height:auto }
.slider-2 .slide .caption h1 { font-size:60px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); text-transform:uppercase; color:#fbf6e9; padding:0; margin:10px 0 }
.slider-2 .slide .caption h2 { font-size:30px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); text-transform:uppercase; color:#fbf6e9 }
.slider-2 .slide .caption { max-width:450px; position:absolute; top:0%; right:10%; color:#fbf6e9; font-family:'Cardo',serif }
@media(max-width:800px) {
	.slider-2 .slide .caption { top:0%; right:0%; }
    .slider-2 .slide .caption h1 { font-size:32px;}
}


/**********************************************************
main box
**********************************************************/
.main-box { border:1px solid #e7d9af; padding:20px; margin-bottom:30px; }
.main-box .title { font-family:'Cardo',serif; font-size:24px; color:#817556; text-align:center; border-bottom:1px solid #e7d9af; margin:0 0 30px 0 }
.main-box .title span { color:#c5b075; font-size:36px; display:block; font-weight:bold; text-transform:uppercase }
.main-box .description { text-align:justify; margin-bottom:30px; min-height:130px }
.main-box .address { text-align:center; min-height:190px }
.main-box .address a { color:#5286d2; text-decoration:underline }
.main-box .address p { margin:0 0 10px 0 }
.main-box .address .icon-phone { text-decoration:none; font-size:32px; margin:0 5px;}
.main-box .address .icon-viber { text-decoration:none; font-size:38px; margin:0 5px;}
.main-box .address .icon-imessage { text-decoration:none; font-size:32px; position:relative; top:-3px; margin:0 5px;}
.main-box .opening-hours { margin:0 auto 10px auto; min-height:170px }
.main-box .opening-hours table { border-collapse:collapse; border-spacing:0; margin:0 auto }
.main-box .opening-hours th,
.main-box .opening-hours td { padding:5px }
.main-box .arrow { text-align:center; margin:30px auto }
.main-box .price-table { min-height:100px; padding-top:20px }
@media(max-width:900px) {
	.main-box .title span { font-size:30px }
	.main-box .description { min-height:auto }
	.main-box .address { min-height:auto }
}


/**********************************************************
arow link
**********************************************************/
.arrow-link { display:inline-block; height:44px; width:44px; background:url('/pics/icon-more.png') center center no-repeat }
.arrow-link.white { background:url('/pics/icon-more-white.png') center center no-repeat }
.arrow-link:hover { transform:rotate(360deg); transition: all .4s }


/**********************************************************
button
**********************************************************/
.button1 { display:block; background:#f8f2e5; border:1px solid #e7d9af; font-family:'Cardo',serif; color:#c5b075; text-align:center; padding:10px }
.button1:hover { text-decoration:none; color:#f8f2e5; background:#c5b075 }
.button1:hover span { color:#f8f2e5 }


/**********************************************************
static text
**********************************************************/
.static-text { max-width:850px; margin:0 auto;padding:0 5px; }
.static-text p { margin: 10px 0; line-height:1.7; text-align:justify }
.static-text ul { margin-left:40px }
.static-text ul li { list-style-type:circle }
.static-text img {max-width:100%;height:auto;}


/**********************************************************
colleagues
**********************************************************/
.colleagues .name { font-size:24px; font-weight:700; border-top:1px solid #e9dcb4; margin-top:30px; padding-top:10px }
.colleagues .subtitle { color:#c5b075; font-weight:700; border-bottom:1px solid #e9dcb4; margin-bottom:10px; padding-bottom:10px }
.colleagues .image {text-align:center;}
.colleagues .image img{height:200px;display:inline;}
.colleagues p{ margin-bottom:50px; color:#817556;}
.colleagues .name { color:#817556; }
.colleagues a:hover{text-decoration:none;}


/**********************************************************
form
**********************************************************/
.form { text-align:center; max-width:600px; margin:0 auto }
.form input[type="text"],
.form select,
.form input[type="email"],
.form input[type="password"],
.form input[type="file"],
.form textarea { border:1px solid #c5b075; width:100%; padding:10px; text-align:center }
.form label { display:block; color:#c5b075; font-weight:700; margin:20px 0 10px 0 }
.form .elkuld { background:#c5b075; color:#817556; text-transform:uppercase; display:block; width:100%; text-align:center; font-size:30px; padding:10px 0; font-family:'Cardo',serif; cursor:pointer }
.form .elkuld:hover { background:#93855e; color:#c5b075 }
.form .checkbox-label { text-align:left; font-weight:400; margin: 0 5px; }
.form sup { color:red; font-weight:700 }
form label.error {display:none!important;color:#ff0000;margin-top:0px!important;font-weight:normal;font-size:12px; }
form input.error { border: 1px solid #ff0000 !important;}
form textarea.error { border: 1px solid #ff0000 !important;}
.szolg p {text-align:left; margin-left:30px; display:inline-table;width:200px;}
.szolg span { color:#c5b075}


/**********************************************************
price table
**********************************************************/
.price-table { width:100% }
.price-table td { padding:10px }
.price-table .info { color:#c5b075 }
.price-table .head { color:#c5b075; font-weight:700 }
.price-table .icon a { color:#c5b075 }
.price-table .name-bold { color:#c5b075; font-weight:700 }
.price-table .name-normal {}
@media(max-width:768px) {
	.price-table { font-size:85% }
	.price-table .head { vertical-align:top }
	.price-table .head .icons { display:none }
	.price-table td { padding:5px; border:1px solid #f2f2f2 }
}
.price-table-bottom { background:#f9f5e8; border-bottom:1px solid #c8b47e; padding:20px }
.price-table-bottom .title { font-family:'Cardo',serif; font-size:24px }
.price-table-bottom .subtitle { font-family:'Cardo',serif; color:#c5b075; font-size:36px; font-weight:700 }
.price-table-bottom .arrow-link { float:right }
.price-table-bottom .info { line-height:1.8 }
.price-table-bottom td { padding:4px }
.price-table-bottom .description { text-align:justify }
@media(max-width:768px) {
	.price-table-bottom .info { margin-top:30px; margin-bottom:30px }
}
.price-table .leiras { background: #ecdfc6 url("/pics/icon-arakinfo.png") no-repeat scroll left 20px center; display: none }
.price-table .infocol {display:none; cursor:pointer }
.price-table .infocol.aktiv {display:block}

.price-table .leiras .bezar {
    background-color: #fff;
    color: #c5b075;
    cursor: pointer;
    font-size: 12px;
    padding: 3px 10px;
    text-align: center;
    width:50px;
}


/**********************************************************
reference box
**********************************************************/
.reference-box { margin-bottom:30px }
.reference-box .image { border-top:1px solid #e6dbbb; border-bottom:1px solid #e6dbbb; padding:10px 0; margin:0 0 10px 0 }
.reference-box .text {height:50px;}

/**********************************************************
salon contact
**********************************************************/
.salon-contact table {margin:auto;}
.salon-contact table tr td:last-child {text-align:center;}
.salon-contact table tr:first-child td {padding:10px;}
.salon-contact th,
.salon-contact td { padding:0px 5px 0px 5px; font-size:17px }


/**********************************************************
footer
**********************************************************/
.footer-logos { text-align:center; background:#fbf6e9; border-top:1px solid #ded1be; border-bottom:1px solid #ded1be; padding:30px 0 }
.footer-logos img { margin:20px; vertical-align:middle }
.footer-logos-2 { text-align:center; background:#fbf6e9; padding:20px 0; color:#c5b075; text-align:center }
.footer-logos-2 img { margin-right:10px }
@media(max-width:900px) {
	.footer-logos-2 img { display:block; margin:0 auto 20px auto }
}
.page-footer { background:#c5b075; text-align:center; color:#fbf6e9; padding:20px 0 }
.page-footer a { color:#fbf6e9 }
.page-footer .made-by { font-size:14px; margin-top:20px }
.page-footer .made-by a:hover{ color:#fff }


/**********************************************************
price category
**********************************************************/
.price-category-box { display:inline-block; width:180px; padding:40px 10px; background:#fff; border:1px solid #f3e9cf; text-align:center; margin:10px }
.price-category-box .icon { width:120px; height:120px; display:inline-block; background:#fbf6e9; border-radius:50%; color:#817556; font-size:70px; border:1px solid #cdba86; margin:0 0 20px 0; line-height:1.6 }
.price-categories { text-align:center }
.price-categories .content { background:#fbf6e9; text-align:center }
.price-categories .name { color:#817556; font-size:16px }
.price-categories .name span { font-size:13px; display:block }
.price-categories .title { background:#fbf6e9; display:inline-block; margin:0 auto; padding:20px 50px }
.price-categories .title h2 { color:#817556; margin:0 }
.price-categories .title h3 { color:#c5b075; margin:0 }
.price-category-box:hover { box-shadow:0 0 5px #c9c2ad; text-decoration:none }
.price-category-box:hover .icon { background:#817556; color:#fbf6e9 }
.price-category-box:hover .name { color:#c5b075 }


/**********************************************************
google maps
**********************************************************/
#map_wrapper { height:400px }
#map_canvas { width:100%; height:100% }
.google-maps{ position:relative; padding-bottom:50%; height:0; overflow:hidden }
.google-maps iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important }
.info_content a { color:#817556 }
.info_content a:hover { text-decoration:none }




/**********************************************************
Slidebars 0.10.3 (http://plugins.adchsm.me/slidebars/)
**********************************************************/
#sb-site,.sb-site-container,.sb-slidebar,body,html{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,html{width:100%;overflow-x:hidden}
html{height:100%}
body{min-height:100%;height:auto;position:relative}
html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}
#sb-site,.sb-site-container{width:100%;min-height:100vh;position:relative;z-index:1;background-color:#fff}
#sb-site:after,#sb-site:before,.sb-site-container:after,.sb-site-container:before{content:' ';display:table;clear:both}
.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#c5b075}
.sb-slidebar,.sb-slidebar *{-webkit-transform:translateZ(0px)}
.sb-left{left:0}
.sb-right{right:0}.sb-slidebar.sb-static,html.sb-static .sb-slidebar{position:absolute}
.sb-slidebar.sb-active{display:block}.sb-style-overlay{z-index:9999}
.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}
.sb-slidebar{width:30%}
.sb-width-thin{width:15%}.sb-width-wide{width:45%}
@media (max-width:480px){.sb-slidebar{width:70%}.sb-width-thin{width:55%}.sb-width-wide{width:85%}}
@media (min-width:481px){.sb-slidebar{width:55%}.sb-width-thin{width:40%}.sb-width-wide{width:70%}}
@media (min-width:768px){.sb-slidebar{width:40%}.sb-width-thin{width:25%}.sb-width-wide{width:55%}}
@media (min-width:992px){.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}}
@media (min-width:1200px){.sb-slidebar{width:20%}.sb-width-thin{width:5%}.sb-width-wide{width:35%}}
#sb-site,.sb-site-container,.sb-slide,.sb-slidebar{-webkit-transform:translate(0px);-moz-transform:translate(0px);-o-transform:translate(0px);transform:translate(0px);-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}
.sb-hide{display:none}

.pswp { z-index:9999; } 
.pswp__bg { background:#efeee8;}
.pswp__caption h1 {margin:0; font-family:'Raleway'; font-size:16px;}
.pswp__caption__center { max-width:none; text-align:center; color:#000;}
.pswp__ui--fit .pswp__top-bar  { background:rgba(0,0,0,0.2); }
.pswp__ui--fit .pswp__caption { background:none; }
.pswp__counter { color:#000;}
.pswp__caption--fake { display:none;}

.my-gallery  { margin-top:40px;}
.my-gallery .caption { display: none; }
.my-gallery li { list-style-type:none;}


/**********************************************************
anchor offset (fixed header)
**********************************************************/
html {
    scroll-padding-top: 120px;
}

/**********************************************************
mobil menu
**********************************************************/
@media (max-width:1239px) {

    .mobil-menu {
        top:120px;
        padding:0;
        max-height:calc(100vh - 120px);
        overflow-y:auto;
    }

    .mobil-menu a {
        display:block;
        margin:0;
        padding:14px 20px;
        font-size:18px;
        line-height:1.4;
        color:#666767;
        border-bottom:1px solid #e6e6e6;
        text-align:center;
    }

    .mobil-menu a:hover {
        background:#f5fbfa;
        color:#73c1d4;
        text-decoration:none;
    }

    .mobil-menu .mobil-dropdown {
        justify-content:center;
        position:relative;
        font-weight:bold;
        color:#77c5b0;
    }

    .mobil-menu .mobil-dropdown:after {
        position:absolute;
        right:20px;
        float:none;
        margin-left:0;
        font-size:16px;
    }

    .mobil-menu .mobil-sub a {
        font-size:16px;
        padding:12px 20px;
        background:#fafafa;
        color:#666767;
    }

    .mobil-menu .mobil-sub a:hover {
        background:#eef8f6;
        color:#73c1d4;
    }
}
/**********************************************************
mobil szöveg olvashatóság javítás
**********************************************************/
@media (max-width:767px) {

    body {
        font-size:17px;
    }

    #blog .content,
    #blogok .content,
    .static-text {
        padding-left:15px;
        padding-right:15px;
    }

    #blog .content p,
    #blogok .content .keret p,
    .static-text p {
        text-align:left !important;
        line-height:1.75;
        margin-bottom:14px;
    }

    #blog .content h1,
    #blog .content h2,
    #blogok .content h1,
    #blogok .content h2,
    .static-text h1,
    .static-text h2 {
        text-align:left !important;
        line-height:1.3;
    }

    #blog .content ul,
    #blogok .content ul,
    .static-text ul {
        padding-left:22px;
        margin-left:0;
        margin-bottom:18px;
    }

    #blog .content li,
    #blogok .content li,
    .static-text li {
        text-align:left !important;
        line-height:1.6;
        margin-bottom:8px;
    }

    #blog .content img,
    #blogok .content img,
    .static-text img {
        float:none !important;
        display:block;
        width:100% !important;
        height:auto !important;
        margin:0 0 18px 0 !important;
    }
    
    @media (max-width:900px) {
    body {
        font-size:18px;
    }
}
}

iframe {
    width: 100% !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
    display: block;
    margin: 0 auto;
}