/*   
Theme Name: Sanatatemasculina.ro  Design - by István Juhos
Theme URI: https://www.webdesign-galaxy.ro
Versiunea 1.0
Author: István Juhos
Author URI: https://www.webdesign-galaxy.ro
Version: 1.0
*/

* {margin:0px;padding:0px;}
a {text-decoration:none;}
.clearfix {overflow: auto;}
/*Review general */
.rx_thumb {display:none;}
/*Review general END */
.articolshort h3  a { font-size:calc(12px + 0.2vw);}
#titlucurs {border-width:0px;width:100%;font-weight:bold;display:none;}

@keyframes fadein {
	from { opacity: 0.0001; }
	to   { opacity: 1; }
}

#light{animation: fadein 1s;}

.author-bio {
  order: 2;
  height: 1lh;
  width: 20em;
  margin-left: 1.5rem;
}
.author-box-content {
  flex-direction: column;
  height: 100px;
	width:calc(100px + 21.5em)
}

.author-box-content img {
  flex-basis: 100%;
}

#szel .author-box-content h3 {
  margin: calc(50px - 1lh) 1.5rem;
  margin-bottom: 0;
}

.author-box-content img{
	max-height:100px;
	max-width:100px;
	aspect-ratio:1/1;
	border-radius:50%;
	order: 0;
}
.author-box-content{
	display:none;
	flex-wrap:wrap;
}
.author-box-content h3{
	order: 1;
	margin: auto 1em;
}

.gwts-gwl-prev-title {display:none;}

.ikonokbg {border-radius:6px;display:block;padding:6px;width:30px;height:30px;margin-bottom:6px;margin-right:5px;float:right;}
.ikonokbg:hover {opacity:0.8;}

@media all and (min-width:980px) {
#szel {max-width: 60%;}	
}


.breadcrumb {
	font-family:Arial;
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
	margin-top:10px;
}
.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}
.breadcrumb a:hover {opacity:0.7;}

.gallery-item img {border-radius:18px;border:solid 1px #1e73be;}

.zaszlok ul li {list-style-type:none;display:inline-block;}
.zaszlok a:hover {opacity:0.7;}


span.wpcf7-list-item  {width:100%;line-height: calc(28px + 1vw);}
@media all and (min-width:540px) {#szel {height:100%;} body {overflow-x:hidden;} }

.foglaljmost {right:40px;top:calc(120px + 2vw);opacity:0.9;}
.foglaljmost:hover {opacity:1;}


#menu {
font-family: var(--menu-font);font-weight:normal;text-transform: uppercase;
}
@media (max-width:700px){
	#menu{font-family:var(--mobile-menu-font);}
	.gallery-item {display:block;margin:20px;max-width:300px;margin:25px auto;}
}
#menu ul li a {display:block;}
p {text-align: left;text-align-last:left; text-justify:inter-character;}
p, ul, ol, .articolshort, .wpcf7 {font-family:'Open Sans Regular';}
.articolshort img {width:100%;height:auto;}

.prevnext {font-size:calc(12px + 1vw);display:block;margin:20px auto;margin-bottom:50px;text-align:center;width:100%;}
.prevnext nav {background:none;margin-top:10px;}
.prevnext .page-numbers {border:solid 1px;border-radius:5px;text-align:center;padding:5px;margin-right:calc(5px + .5vw);width:calc(12px + 1vw);display:inline-block;}
.nav-links {margin:0 auto;line-height: calc(25px + 1vw);}
.page-numbers {transition:0.1s ease all;}
.page-numbers[aria-current="page"] {font-weight:bold;}

#szel ul, #szel ol {list-style-position:inside;

margin-bottom:calc(6px + 1vw);
}
#szel li {margin-bottom:calc(6px + 0.3vw);}
.pageh1 {
display:inline-block;
}
.articolshort a, .articolshort a:visited {display:block;}
.articolshort a:hover {opacity:0.8;}
.articolshort {
margin-bottom:calc(25px + .7vw);
min-width:200px;
padding:calc(10px + 0.5vw);
margin-top:calc(5px + 1vw);
border-radius:5px;
}
.articolshort h3 {margin-bottom:calc(10px + 0.3vw);}

#stv {
background-size:cover;
background-position:top right;
background-repeat:no-repeat;

}


h1, h2, h3 {
font-family: 'Source Sans';
font-size:calc(14px + 1.5vw);
letter-spacing:0.03vw;
}

p {
margin-top:calc(6px + 1vw);
margin-bottom:calc(6px + 1vw);
}

/* general section start */
input[type="text"], input[type="email"],  input[type="tel"], textarea {
font-family:Arial;font-size:calc(14px + .5vw);line-height:calc(29px + .3vw);
text-indent:4px;
border:solid 2px;
}
input[type="submit"] {padding:calc(8px + 0.5vw);min-width:120px;margin:0 auto;display:block;text-align:center;
border-width:0px;text-align-last:center;font-weight:bold;font-family:Arial;}
input[type="submit"]:hover {cursor:pointer;opacity:0.8;}



footer {min-height:160px;}

/* --- footer start------*/
footer {
display:flex;
flex-wrap:wrap;
}
.footerlinks {
padding:3vw;
display:block;
min-width:250px;
max-width:320px;
}

.footerlinks a {font-family:Arial;font-size:calc(14px + 0.3vw);
line-height:calc(24px + 0.5vw);
display:inline-block;min-width:70%;
}
.footerlinks ul {margin-top:calc(20px + 1.5vw); list-style-position: inside;
list-style-type:none;
}
.footerlinks li:before {content:"» ";font-weight:bold;
line-height:calc(26px + 0.5vw);
padding-right:calc(8px + .5vw);
font-size:calc(22px + 0.4vw);
}

.footerheader {
font-family: 'Tenor Sans', sans-serif;font-weight:bold;
font-size:calc(13px + .5vw);
padding-bottom:4px;
border-bottom:solid 2px;
padding-top:calc(5px + 1vw);
line-height: calc(28px + 1vw);
}
.footerlogo {
background-repeat:no-repeat;
background-size:cover;
margin-top:-.5vw;
aspect-ratio: 2343.264 / 1872.090;
min-width: calc(165px + 1 vw);
min-height: calc(110px + 1vh);
border-radius: 16px;
background-size: 100%;
background-position: center;
margin: 0 auto;
filter: brightness(0) invert(1);
min-width: 280px;
}






.footerpiros {
text-shadow: 1px 1px 1px #000;
line-height:calc(22px + .5vw);
color:#FFF;
font-family: 'Tenor Sans', sans-serif;
font-size:calc(12px + .2vw);
padding:1vw;
}
.footerpiros a {color:#FFF;}
.footerpiros a:hover {color:#000;}

/* --- footer end ------*/

/* GENERAL END */

/* SPECI felbontasok */
@media all and (min-width:900px) and (max-width:1366px) {
.articolshort {max-width:30%;}
}

@media all and (min-width:1367px) and (max-width:1920px) {
.articolshort {max-width:20%;}
}

@media all and (min-width:1921px) {
.articolshort {max-width:23%;}
}

@media all and (min-width:1228px) {
#menu > li:last-child {margin-right:8vw;}

}

@media all and (min-width:701px) and (max-width:900px) {
#menu > li:last-child {margin-right: 2vw;}

}

@media all and (min-width:701px) and (max-width:1660px) {
#menu {justify-content:space-between;}
}

@media all and (min-width:901px) {
#menu > li:last-child {margin-right: 4vw;}	
}

@media all and (min-width:1300px) {
.footerlinks {padding-left:6vw;padding-right:6vw;}
}

@media all and (min-width:1669px) {
#menu > li:first-child {max-width:500px;}
}

.alignnone, .aligncenter, .aligncenter img, .alignnone img {width:100% !important;height:auto;margin-left:auto;margin-right:auto;}


p.wp-caption-text {text-align:center;text-align-last: center;font-weight:bold;margin:0px;
line-height: calc(16px + 1.2vw);
background:rgba(0, 0, 0, 0.8);
color:#FFF;
text-shadow:1px 1px 1px #000;
margin-top:calc(-18px - 1.2vw);
z-index:2;
display:block;
position:relative;
}
.wp-caption {width:100% !important;}

/* SPECI felbontasok END */


/* ------ DESKTOP START -----------*/

@keyframes pulse {
  0% {
    background-color: #f54248;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  50% {
    background-color: #ff767b;
    box-shadow: 0 0 15px #f54248;
  }
  100% {
    background-color: #f54248;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}


@media all and (min-width:801px) {
.consultatieicon {background:#f54248;
	  animation: pulse 2s ease-in-out infinite;
}
.footerszeles {max-width:400px;min-width:300px;padding:0px;padding-left:6vw;}	
.footerlogo {width:calc(250px + 5vw);}
#headericons .icon-tiktok::before {
background-repeat: no-repeat;
background-position-y: 4px;
height: 1em;
}
.icon-facebook-circled, .icon-tiktok, .icon-youtube, .icon-mail-alt {transition:ease 0.4s;}
#headericons .icon-facebook-circled:hover {opacity:.6;}
#headericons .icon-tiktok:hover {opacity:.5;}
#headericons .icon-youtube:hover {opacity:.6;}
#headericons .icon-mail-alt:hover {opacity:.6;}
	
	#light{
			position: relative;
			top: 0px;
		}
		#lineh1{
			position: absolute;
			left: 0;
			top: 0px;
			height: 10px;
			background: #FFFFFF;
			animation: lineH 4s 5s infinite linear;
		}
		#lineh2{
			position: absolute;
			left: 0;
			top: 40px;
			height: 10px;
			background: #AA2B00;
			animation: lineH 5s 0.5s infinite linear;
		}
		#lineh3{
			position: absolute;
			left: 0;
			top: 70px;
			height: 10px;
			background: #00D4FF;
			animation: lineH 5s 2s infinite linear;
		}
		#lineh4{
			position: absolute;
			right: 0;
			top: 0px;
			height: 10px;
			background: #FFFFFF;
			animation: lineH 5s 1s infinite linear;
		}
		#lineh5{
			position: absolute;
			left: 0;
			top: 130px;
			height: 10px;
			background: #AA8000;
			animation: lineH 5s 4s infinite linear;
		}
		#lineh6{
			position: absolute;
			right: 0;
			top: 160px;
			height: 10px;
			background: #AAFF00;
			animation: lineH 4s 1s infinite linear;
		}
		#lineh7{
			position: absolute;
			right: 0;
			top: 190px;
			height: 10px;
			background: #D50055;
			animation: lineH 4s 0s infinite linear;
		}
		#lineh8{
			position: absolute;
			left: 0;
			top: 220px;
			height: 10px;
			background: #00FFFF;
			animation: lineH 4s 1.5s infinite linear;
		}
		#lineh9{
			position: absolute;
			left: 0;
			top: 250px;
			height: 10px;
			background: #2B002B;
			animation: lineH 5s 2s infinite linear;
		}
		#lineh10{
			position: absolute;
			right: 0;
			top: 280px;
			height: 10px;
			background: #005580;
			animation: lineH 4s 3s infinite linear;
		}
		#lineh11{
			position: absolute;
			right: 0;
			top: 310px;
			height: 10px;
			background: #FF557F;
			animation: lineH 4s 1s infinite linear;
		}
		#lineh12{
			position: absolute;
			right: 0;
			top: 340px;
			height: 10px;
			background: #85B085;
			animation: lineH 6s 1s infinite linear;
		}
		@keyframes lineH{
			0%{
				width: 0%;
			}
			100%{
        width: 95%;opacity: 0;
      }
    }
	
	
	
	
	
	
#headermenufelett {
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 43%,rgba(125,185,232,0) 100%);
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
	}
#headericons {justify-content: space-around;min-width:calc(100px + 12vw);margin-left:calc(5px + 3vw);}
.headericons {
	display:flex;
align-items:center;
flex-wrap:no-wrap;
justify-content:center;
font-family:var(--menu-font);
}
.headericons a {color:#FFF;}
.headericons .headerlink {color:#0a2341;}
.headericons .headerlink:hover {opacity:0.8;}
.icon {width:calc(40px + 1vw);height:calc(40px + 1vw);padding:5px;display:block;background-color:#FFF;background-repeat:no-repeat;border-radius:16px;}
.icon:hover {opacity:0.8;}
.programari {background-image:url(img/calendar.svg);background-size:70%;background-position:center;margin-left:20px;margin-right:20px;}
.headlogo {
background-repeat:no-repeat;
background-size:contain;
background-size:100%;
min-width: calc(165px + 1 vw);
min-height: calc(110px + 1vw);
width:calc(200px + 10vw);
height:auto;
background-position: center;
margin: 0 auto;
margin-left:calc(10px + 4vw);
display:block;
align-self:flex-start;
transition:all .2s;
}
.headlogo:hover {background-size: 90%;}
.headericons {width:70%;height:auto;}

.gallery-item {display:block;margin:20px;}
.gallery-item img {max-width:300px;height:auto;}
.istvangallery img {width:20%;display:block;float:left;margin-right:calc(9px + 3.5vw);}
.istvangallery img:hover {opacity:0.8;}
.istvangallery:after {clear:both;}
.footerlogocontainer {border-radius:18px;padding-bottom: calc(10px + 0.5vw);display:block;background:#FFF;max-width:200px; }
#fooldal {padding:3% 10%;}
.szobalink {display:inline-block;width:31%;margin-right:2%;}
.megnyit {display:block;padding:6px;background:#0a2341;color:#FFF;text-align:center;border-radius:6px;font-family:"Tenor Sans", Arial;}
.megnyit:hover {opacity:0.9;}
.szobalink a img {width:calc(100% - 10px);height:auto;border:solid #d7b56d 5px;display:inline-block;}
.szobalink a img:hover {opacity:0.8;}
#istvangaleria {
max-width: 50vw;
margin-right: 15px;	
}
#menu a {color:#fff;}
#navmenu {position:sticky;display:flex;align-items: center;justify-content: space-around;z-index:2000;}
#mobilmenu {position:sticky;top:0px;}
#reviewblock a img {height:auto;margin-right:15px;display:block;
border-radius: 16px;

}
.temp-rating_avg, .temp-rating_5-star {font-size:46px !important;line-height:56px !important;}
.rx-temp-rating-star svg {width:24px !important;height:24px !important;}

#szel h2.progressbar-title, #szel h3.progressbar-title {font-size:14px;}
.nodesktop {display:none !important;}
.kartya {max-width:200px;}
body {min-height:1200px;}
p, #szel ul, #szel ol, .articolshort {font-size:calc(14px + 0.3vw);line-height:calc(16x + 1vw);}
#szel {margin:calc(5px + 2vw);}
#szel {padding:calc(10px + 2vw);}
#szel {padding-top:calc(10px + 0.5vw);
background: #FFF;
border-radius: 18px;
}


#szel h2, #szel h3 { margin-top:calc(10px + 1vw);font-size: calc(14px + 1vw);}
.pageh1 {
width:calc(98% - 25px);
margin-top:0px;
margin-bottom:calc(5px + .5vw);	
padding-bottom:calc(5px + .3vw);
padding-top:calc(5px + .3vw);
}
.alignright {float:right;max-width:50%;height:auto;margin-left:calc(10px + .5vw);margin-bottom:calc(5px + .5vw);}
.alignright img {width:100%;margin-top: calc(6px + 1vw);height:auto;}
.alignleft {float:left;max-width:50%;height:auto;margin-right:calc(10px + .5vw);margin-bottom:calc(5px + .5vw);}
.alignleft img {width:100%;margin-top: calc(6px + 1vw);height:auto;}







.flex-content {
display:flex;
width:100%;
flex-wrap: wrap;
}
section {
min-width:calc(200px + 5vw);height:calc(400px + 10vw);display:block;
padding:calc(10px + .5vw);
margin:calc(5px + 1vw);
border:solid 1px #CCC;
border-radius:15px;
position:sticky;top:9vw;
box-shadow: 10px 10px 38px -10px rgba(0,0,0,0.55);
max-width:25vw;
margin: 15px auto;
}

#cikkek {
display:flex;
flex-direction: row;
width:100%;
flex-wrap: wrap;
justify-content:space-around;
}





h1.wide, h2.wide { display:block;padding:5% 10% 3% 10%;}
footer {justify-content:space-between;min-height: calc(300px + 6vw);}



#boxes {
display:flex;
flex-wrap:wrap;
align-items:stretch;
color:#FFF;
font-family:Arial;

}

.bal, .jobb {display:block;min-height:400px;width:42%;padding:4%;
background-size:cover;
background-position:center;
}
.bal, jobb {background-color:#FFF;}


#stv {

min-height:39vw;
margin-top:1px;
}

#stv h1 {
max-width: 30%;
padding: 2% 3% 2% 10%;
display: block;
margin-top: 1%;
margin-bottom: 1%;
border-radius: 0px 16px 16px 0px;

}

#stv .gombtarto {
margin:0% 10% 5% 10%;
}

.gombtarto {
text-shadow:none;
background:#000;
border-radius:3px;
position:relative;
z-index:1;
overflow:hidden;
min-width:120px;
font-family:Arial;
width:16vw;
max-width:220px;
margin-right:3vw;
border: solid 2px #5e5e5e;
}

.gombtarto:hover {border:solid 2px #cb0001;}

#content .gombtarto {display:inline-block;}

.gomb a {transition:color 0.3s ease;font-weight:normal;color:#FFF;padding:1vw 1vw;margin:0 auto;
font-weight:bold;
width:calc(100% - 2vw - 4px);
display:inline-block;
text-align:center;

}

.gomb a:hover {color:#373737;}
.gomb a:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	transition: all 0.35s ease;
	background: #FFF;
}
.gomb a:hover:after, .gomb a:visited:hover:after {
	height: 450%;

}

.gomb a:after {
	background: #FFF;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}


#mobilmenu {
display:flex;height:2.5vw;
justify-content:flex-end;
font-family: 'Tenor Sans', sans-serif;font-weight:bold;
font-size:calc(12px + 0.1vw);
position: relative;
}
#mobilmenu a {

opacity:1;color:#FFF;letter-spacing:0.1vw;transition:opacity 0.3s ease;display:block;width:100%;
line-height:30px;text-align:center;}
#mobilmenu a:hover {opacity:1;color:#FFF;}







nav {z-index:2;}

#menu {display:flex;
justify-content:flex-start;
box-shadow: 0px 10px 60px -7px rgba(0,0,0,0.1);
position:relative;
height:inherit;
}




.ragad {position:fixed;top:0px;width:100%;min-height:5vw;display:block;margin-top:0px;z-index:2000;border-bottom:solid 1px #ccc;
box-shadow:2px 1px 13px 13px rgba(0, 0, 0, .1);
}

#menu>li [aria-current]:not([aria-current="false"]) {
color:#FFF;
}

#menu>li:first-child [aria-current]:not([aria-current="false"]) {


background-repeat: no-repeat;
background-size: contain;
background-position: left;
}


#menu li {list-style-type:none;text-align:center;}


#menu ul {line-height:inherit;}
#menu > li > ul {transition:all .25s ease-out;}
#menu ul > li {line-height:max(3vw, 46px);border-top:solid 1px #FFF;}
#menu > li > ul {border-radius:0px 0px 5px 2px;overflow:hidden;}
#menu > li a {display:block;font-size:calc(8px + 0.45vw);padding:0 calc(1px + 2vw) 0 calc(1px + 2vw);}
#menu > li > ul a {display:block;font-size:calc(10px + 0.2vw);text-shadow:1px 1px 1px #000;}
#menu > li {z-index:999;transition: all 0.160s linear;}


#menu ul > li  a:hover {background:#d7b56d;}
#menu > li > ul > li > a {color:#FFF;font-size: calc(12px + 0.2vw);}
#menu > li {position:relative;white-space: nowrap;}
#menu > li > ul {opacity:0;position:absolute;height:0px;min-width:220px;}

#menu > li:hover > ul {opacity:1;height:100%;min-height:800px;left:0px;top:100%;min-width:calc(150px + 10vw);width:auto;position:absolute;}

#menu > li > ul > li > ul, #menu > li > ul > li > ul > li {text-align:left;background:#cb0001;}
#menu > li > ul > li > ul > li {text-align:left;}
#menu li > ul > li:hover * li {background:#000;}
#menu li > ul > li:hover * li:hover {background:#cb0001;}
#menu > li > ul > li > ul > li:hover {opacity:0.9;}

#menu > li > ul > li {text-align:left;background:#132d4e;}
ul.expand li:hover  {background:#000 !important;}
#menu > li > ul > li > ul > li { text-indent:0px;padding-left:10px;}
#menu > li > ul > li > ul > li a:before { content:"• \00a0\00a0";}
#menu > li > ul > li > ul .expand:hover {background:#000;}


#menu > li:first-child {
flex-grow:0.5;
min-width:8vw;
background-repeat:no-repeat;
background-size:contain;
background-position:left;
font-size:0px;
padding:0px;
transition:all 0.2s linear;
margin-left:calc(15px + 2vw) !important;
}
#menu > li > ul > li:hover {opacity:1;}
.ragad #menu > li:first-child {opacity:1;}
.ragad #menu > li:first-child:hover {opacity:1;filter:none;}

#zaszloksearch {z-indx:9999;top:0px;right;10px;display:inlinle-block;
margin-top: 0.1vw;
display: block;
text-shadow:1px 1px 1px #000;
}

#zaszloksearch a {display: block;color:#FFF;
line-height: 30px;
text-align: center;
background:#d7b56d;
font-size:calc(12px + 0.1vw);
}


.zaszlok ul li {display:inline-blokc;width:30px;height:30px;border:solid 1px #FFF;margin-right:8px;}

.lSGallery {min-width:100%;}
}

/* Desktop menu end */




/* Dekstop END **/



/*----------  MOBile START ------------*/

@media all and (max-width:800px) {
.consultatieicon {background:#f54248;background:#0a2341;font-family:Arial;font-size:calc(11px + 0.5vw);text-align:center;}
.footerlogocontainer {display: flex; flex-wrap: wrap; border-radius:18px;padding-bottom: calc(30px + 0.5vw);display:block;padding: 20px 20px 10px 20px; }
h1, h2, h3 { display:inline-block;padding:15px 0;}
.foglaljmost {right:40px;top:calc(360px + 2vw);opacity:1;}
#szel { background:#FFF;}
.zaszlok a { color:#FFF;display:inline-block;width:30px;height:30px;line-height:30px;border:solid 1px #FFF;text-align:center;
font-size: calc(12px + 0.4vw);}
#istvangaleria {background:rgba(250, 250, 250, 0.8);}
.lSGallery {min-width:98%;margin-left:2%;}
#content { min-height:400px;}
#menu a {color:#000;}
.articolshort {
max-width: 70%;
margin: 30px auto;
}

input[type="text"], input[type="email"], input[type="tel"], textarea {max-width:100%;}
.textshadow {opacity:1;}
#stv {min-height:170px;}
#reviewblock img {height:auto;margin:1px auto;display:block;border-top: solid 1px #FFF;}
#reviewblock { z-index: 1;}

.nomobile {display:none;}
.mobilecenter {margin-left:auto;margin-right:auto;}
p {font-size:calc(12px + 1vw);line-height:calc(18px + 1.5vw);
font-family:Arial;padding:6px;border-radius;6px;}
#szel, section {padding-left:calc(10px + 2vw);padding-right:calc(10px + 2vw);position:relative;}
section {margin:35px 0;}
#szel img {width:100%;height:auto;}
#szel ul, #szel ol {font-size:calc(12px + 1vw);line-height:calc(15px + 1.5vw);font-family:Arial;}
#szel h2, #szel h3 {text-align:center;
padding-top: calc(5px + 1vw);
padding-bottom: calc(5px + 1vw);
background: #FFF;
border-radius: 6px;
}



section {
display: block;
padding: calc(10px + .5vw);
border: solid 1px #CCC;
border-radius: 15px;
box-shadow: 10px 10px 38px -10px rgba(0,0,0,0.55);
margin-left: calc(15px + 2vw);
margin-right: calc(15px + 2vw);
}



#fooldal {padding:3% 10%;}
.szobalink {display:block;width:100%;margin-right:4% 0%;}
.megnyit {margin-bottom:40px;display:block;padding:6px;background:#0a2341;color:#FFF;text-align:center;border-radius:6px;font-family:"Tenor Sans", Arial;}
.megnyit:hover {opacity:0.9;}
.szobalink a img {width:calc(100% - 10px);height:auto;border:solid #d7b56d 5px;display:inline-block;}
.szobalink a img:hover {opacity:0.8;}


/* Mobile section END */

.pageh1 {
margin-bottom:calc(5px + .5vw);	
padding-bottom:calc(5px + .3vw);
padding-top:calc(5px + .3vw);
width:90%;
padding-left:5%;
padding-right:5%;
text-align:center;	
}
footer {justify-content:center;}
.footerpiros {text-align:left;padding:20px;}

.kartya {width:70%;margin:20px auto;}

#boxes {
display:flex;	
flex-wrap:wrap;
flex-direction: row;
}

.egy {order:0;}
.ketto {order:1 ;}
.harom {order:2 ;}
.negy {order:3 ;}
.ot {order:4 ;}
.hat {order:5 ;}
.het {order:6 ;}
.nyolc {order:7 ;}
.kilenc {order:8 ;}
.tiz {order: 9 ;}

.bal, .jobb {display:block;width:86%;padding:7%;
min-height:200px;
background-size:cover;
background-position:center;
}

#felsologo {display:block;position:relative;background-color:#FFF;width:100%;height:80px;
background-size:contain;background-repeat:no-repeat;z-index:1001;content:none;
background-position: center;
}

#stv {
min-height: calc(500px + 9vw);
}

button {outline:none;border:none;}
button:active {outline: none;border: none;}
button:focus {outline:0;border: none;}

#stv h1 {padding:10vw;padding-top:300px;color:#000;text-shadow:none;font-size:calc(28px + .8vw);}
#content h1, #content h2 {text-align:center;padding:7% 5%;}



.gomb a {
padding:calc(5px + 2vw);
text-align:center;
border-radius:3px;
font-family:Arial;
color:#FFF;
font-size:calc(12px + 1vw);
display:block;
}

.gomb a:hover {opacity:.9;color:#FFF;}

#stv .gomb a, #stv .gomb a:active, #stv .gomb a:visited  {
display:block;
width:60%;
box-shadow:5px 3px 10px #000;
margin:15px auto;
background:#005e6c;
}

.bal .gombtarto, .jobb .gombtarto {background:#000;margin-right:15px;border-radius:3px;}
.gombtarto:hover {opacity:0.9;}
.bal, .jobb {border-bottom:solid 1px #CCC;}


/* Mobile menu start */
#mobilmenu {
width:100%;
height:10vw;
min-height:45px;
background: rgba(0,0,0,1);
background:#FFF;
display:flex;
justify-content: space-between;
align-items: center;
position:sticky;
z-index:999;
top:0px;
border-bottom: solid 1px #e7c77e;
border-top: solid 1px #e7c77e;
}

.logo { height:100%;min-width:120px;min-width:30%;
margin-right:10px;
flex-grow: 2;
}

#mobillogo {
background-size:contain;
background-repeat:no-repeat;
}



.tel, .user {
background-color:#FFF;background-repeat:no-repeat;
background-position:center;align-items:center;
justify-content:center;
border-radius:50%;
min-width:35px;
min-height:35px;
width:7vw;
height:7vw;
border:solid 1px #d7d6d6;
transition:all 0.5s ease;
}

.tel:hover, .user:hover {border-color:#9f9f9f;}

.tel {
background-image:url("img/telefon.png");
background-size:70%;
margin-right:1.5vw;
}

.user {min-height:35px;min-width:35px;
background-image:url("img/user.png");
background-size:100%;
}

.mobil-gomb {
position:relative;
align-items:center;
justify-content:center;
flex-grow:2;
max-width:70px;
min-width:60px;
}

.mobil-gomb button {
background-color:#f54248;
min-width:34px;
min-height:34px;
width:8vw;
height:8vw;
display:block;
margin:0 auto;
line-height:34px;
font-size:max(5vw, 20px);
color:#FFF;
border-radius:3px;
transition:all 0.3s ease;
top: 6px;
right: 12px;
border: solid 1px #FFF;
}

.mobil-gomb .button_on {background-color:#000;width:10vw;min-width:38px;}

.mobil-gomb button:hover {cursor:pointer;border:none;}

@keyframes legordul {
from { max-height:0px;opacity:0.5;}
to { max-height:650px;opacity:1;}	
}

@keyframes felmegy {
from { max-height:250px;opacity:1;}
to { max-height:0px;opacity:0;}	
}


#menu li {overflow:hidden;background:#0a2341;}
#menu > ul > li:first-child {display:none;}

/*#menu li:hover {background:#e8e6e6;}*/
#menu li:hover {cursor:pointer;background:#FFF;}
#menu li a:hover, #menu li a:active {color:#d7b56d;}

li.off > ul {
max-height:0px;
animation-name: felmegy;
animation-duration: 0.2s;

}

li.on > ul {
display:block;max-height:862px;
animation-name: legordul;
animation-duration: 0.5s;
}


#menu {
font-size:calc(14px + 0.3vw);
line-height:calc(36px + 0.8vw);
overflow:hidden;
width:100%;
list-style-type:none;
margin-top:-400px;
z-index: 101;
}



.offmenu {transition:all 0.1s ease-in-out;background:#FFF;position:absolute;opacity:0;}
.onmenu {transition:all 0.2s ease;
position:absolute;
box-shadow: -1px 20px 44px 65px rgba(255,255,255,0.9);
}

#menu ul {list-style-type:none;}
#menu a {user-select: none;display:block;width:100%;}



#menu > ul > li a {border-bottom:solid 1px #CCCCCC;}

#menu > li {border-bottom:solid 1px #CCCCCC;}
#menu ul > li > ul > li:last-child {border:none;}


.submenu ul li:first-child {border-top:solid 1px #cccccc;}
.submenu ul li:last-child {margin-bottom:-1px;}



#navmenu li {text-indent:0px;padding:0 1% 0 5%;}
/*#menu .submenu li {text-indent:32px;}*/

#menu .submenu li a {width:94%;padding-left:3%;padding-right:3%;}
#menu .submenu ul.expand li.submenu a {

font-size:calc(11px + 0.2vw);
}

.off {position:relative;}
.off > a:first-child::after {   content: "";
   position:absolute;
   width: 10px;
   height: 10px;
   background: #999;
   transition:all 0.2s ease;
   top:calc(20px + 0vw - 5px);
   margin-left:10px;
}

.on {position:relative;}
.on > a:first-child::after {   content: "";
   position:absolute;
   width: 10px;
   height: 10px;
   transition:all 0.2s ease;
   background: #d7b56d;
   transform: rotate(45deg);
   top:calc(14px + 0.4vw);
   margin-left:10px;
}

/*
Mobile menu END 
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-size: calc(22px + 1.5vw);
}

} 


.icon-location:before { content: '\e800'; } /* 'î €' */
.icon-phone-squared:before { content: '\f098'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* 'ďƒ ' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* 'ď…§' */
.icon-instagram:before { content: '\f16d'; } /* 'ď…­' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-tiktok:before { content: ' '; background-image: url(img/tiktok.svg); display: inline-block; width: 0.9em; height: 0.9em;filter:invert(100%);}
footer .icon-tiktok:hover:before {filter:invert(0%);}
.icon-facebook-circled:before { content: '\f30d'; } /* '' */
@media (min-width: 701px){
	.thin{
		max-width: 300px;
	}
	.cat-link{
		height: 200px;
		max-width: 300px;
		margin: 0 auto;
	}
	.cat-link img{
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-size: calc(14px + 1.5vw);
}
}
.cat-link{
	margin: 0 auto;
}
.cat-link img{
	margin: 0 auto;
	display: block;
	max-width:300px;
	max-height:200px;
}