/*main*/
body { padding-top: 70px; font-family: 'Roboto', sans-serif; font-size:16px; color:#54565c; }
body.nyitolap, body.homeen, body.homede { padding-top:0; }
a { color:#999; }
a:focus, a:hover { text-decoration:none; color: inherit; }
a { transition:all ease-out .3s; }
h1, h2, h3, h4  { font-weight:800; }
p { line-height:150%; }
.theotherfont { font-family: 'Bad Script', cursive; }

/*colors, bg-s*/
/*.blue-bg { background-color:#4f9ddf; }
.blue-bg2 { background-color:#276192; }*/
.blue-bg { background-color:#006386; }
.blue-bg2 { background-color:rgb(0, 73, 97); }
.white, .white a { color:#fff; }
.blue, .blue a { color:#fff; }
.dark-blue, .dark-blue a {color: #006386}
/*header*/
#header { padding:33px 10px; background-color:rgba(0,0,0,.2);  background-image:none;  box-shadow:none;  border:none; transition:all ease-in .2s;  }
#header.stick, .ck #header, .rv #header { padding-top:12px; padding-bottom:10px; background-color:#fff; color:#4f9ddf; box-shadow:0 0 100px rgba(0,0,0,.3); position: fixed;top: 0;left: 0;width: 100%;z-index: 999;min-height: 78px;}
#brand { padding:0 15px 0 70px; margin:0 ; color: #fff; font-weight:800; font-size:30px; text-shadow:none; line-height:58px; position:relative;width: 275px;float: right;}
.navbar-header { margin: 0; }
#brand img { position:absolute; left:0; top:50%; transform:translate(0,-50%); }
.stick #brand img, .ck #brand img, .rv #brand img { }
.stick #brand, .ck #brand, .rv #brand { color:#4db6ac; padding-left:75px; }
/*menu + omg, wth*/
#menu-top-render { font-size:0; }
#menu-top-render a { display:block; padding:10px 20px; margin-left:20px; border-radius:30px; font-weight:800; font-size:14px; line-height:26px; background-color:#fff; color: #006386; box-shadow:0 0 0 2px #fff; }
#menu-top-render ul li { position:relative; transition:all ease-out .2s; top:0; }
#menu-top-render ul li ul { visibility:hidden; opacity:0; position:absolute; top:100%; left:-265px; width:800px; background-color:#fff; padding:10px; box-shadow:0 10px 50px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.1), inset 0 5px 0 #276192; border-radius:5px; transition:all ease-in .1s; }
#menu-top-render ul li:hover ul { visibility:visible; opacity:1; }
#menu-top-render ul li ul li ul { width:auto; padding:0; position:relative; top:auto; left:auto; box-shadow:none; }
#menu-top-render ul li ul li { float:left; width:33%; box-shadow:1px 0 0 rgba(0,0,0,.1); padding:10px; }
#menu-top-render ul li ul li:last-child { box-shadow:none; }
#menu-top-render ul li ul li li { float:none; display:block; box-shadow:none; width:auto; padding:0; }
#menu-top-render ul li ul a { padding:5px; margin-left:0; color:#999; background-color:transparent; border-radius:0; font-weight:300; font-size:18px; text-transform:uppercase; line-height:150%; }
#menu-top-render ul li ul a:hover { background-color:transparent; color:#4f9ddf; box-shadow:none; }
#menu-top-render ul li ul ul a { font-size:13px; text-transform:none; }
#menu-top-toggle { right:15px; top:50%; transform:translate(0,-50%); transition:all ease-out .1s; }
#menu-top-toggle.active { top:25px; transform:none; }
#page752483:hover { top:5px; }
#page752483:hover a { background-color:#276192; border-bottom-left-radius:0; border-bottom-right-radius:0; border-top-left-radius:12px; border-top-right-radius:12px; }
#page752483:hover li a { background-color:transparent; }
/*search, ect.*/
#search { margin-left:20px; margin-right:20px; line-height:45px; width:45px; height:45px; text-align:center; z-index:998; }
.stick #search, .ck #search, .rv #search { background-color:rgba(0,0,0,.2); border-radius:50%; }
#lang { line-height:45px; }
.stick #lang, .ck #lang, .rv #lang { background-color:rgba(0,0,0,.2); padding-left:10px; padding-right:10px; border-radius:3px; }

/*cover slider*/
#slider-cover { margin:0; padding:0; min-height:70vh; position:relative; overflow:hidden; }
#slider-cover .cycle-slide { padding:150px 5% 60px; background-position:top center; background-size:cover; }
#slider-cover .slide-content { padding:15px; max-width:66%; background-color: rgba(195, 195, 195, 0.90); border-radius: 15px; color:#006386; }
#slider-cover .slide-content ul { margin:0; padding-left:20px; }
#slider-cover .slide-content li { list-style:outside disc url(http://www.szelfigep-szombathely.hu/art/check.svg); font-size:20px; padding:4px 0; }
#slider-cover h2 { font-size:44px; }
#slider-cover h2 strong { font-size:70px; line-height: 100%; margin-bottom: 15px; display: block;}
#slider-cover br { display: none; }
#slider-cover p { font-size:18px; }
#slider-cover .slider-pager { position:absolute; bottom:5%; left:5%; }
#slider-cover .button { min-width:280px; }
#slider-cover .button:first-of-type { margin-right:20px; margin-bottom:20px;color: white;background: red; }
#slider-cover .slider-buttons { padding:30px 0 0; }
#slider-cover .slider-arrow.right { right: 20px; }
#slider-cover .slider-arrow.left { left: 20px; }

/*cover welcome*/
#welcome .button { margin-top:50px; }

/*cover features*/
#features img { margin-bottom:20px; }
#features p { margin-bottom:10%; }

/*cover testimonials*/
#testimonials { font-weight:300; }
#testimonials strong { font-size:33px; }
#testimonials small { display:block; padding-top:10px; font-size:75%; }
#slider-testimonials { padding:0 50px; }
#slider-testimonials .cycle-slide.row { margin:0; }
#slider-testimonials-wrapper { position:relative; padding-left:50px; padding-right:50px;  }

/*pics slider*/
#slider-pics { width:100%; height:0; padding-top:20%; margin-left:auto; margin-right:auto; position:relative; overflow:hidden; }
#slider-pics img { width:100%; height:auto; }

/*references*/
#references img { height:auto !important; }
#slider-ref { }
#slider-ref .slide-ref { width:100%; height:100%; }
#slider-ref li { vertical-align:middle; }
#slider-ref .slider-arrow { background-color:rgba(0,0,0,.1); }
.owl-theme .owl-dots .owl-dot span { background:#fff; opacity:.5; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { opacity:1; background:#fff; }
.owl-stage  { display:flex; align-items:center; }
.owl-item .item { flex:0 0 100%; }
.owl-theme .item a { display:block; width:100%; }
.owl-theme .item img { box-shadow:0 0 0 10px #fff; width:100%; }

/*article*/
#article-image { display: none; min-height:100px; max-height: 240px; position:relative; overflow:hidden; background-size:100%; background-position:center; background-attachment:fixed; }
#article-image img { width:100%; height:auto; opacity:0; }
.related-content { position:relative; overflow:hidden; background-color:rgba(0,0,0,.05); box-shadow:0 0 0 1px rgba(0,0,0,.1);  padding:10px 10px 0; }
.related .gallery-thumb { float:left; width:100px; height:100px; margin:0 10px 10px 0; position:relative; overflow:hidden; }
.related .gallery-thumb img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:150%; height:auto; }

/*columns*/
.column-title { display:block; margin-bottom:50px; }
.column-title h2:after { content: '____'; display: block; width: 100%; line-height: 10px; letter-spacing: -3px; }
.column-title h1, .column-title h2, h2 .column-title { font-size:42px; }

/*teaser, leads*/
.teaser-description { padding-bottom:50px; }
.lead { margin-bottom:30px;}
.lead-excerpt h3 { font-size:15px; }

/*footer*/
#footer { padding-top:26px; padding-bottom:26px; background-size:80px; }
#footer ul { margin:0; padding:0; }
#footer li { list-style:none; padding:10px 0;  }

/*copyright*/
#copyright { font-size:14px; padding-top:26px; padding-bottom:26px; }
#menu-bottom-render li { margin-right:14px; }

/*grid*/
.section { padding-top:80px; padding-bottom:80px; }

/*UI*/
/*buttons*/
.button { display:inline-block; font-size:20px; font-weight:300; padding:10px 60px; color:#4db6ac; background-color:transparent; box-shadow:0 0 0 1px #4db6ac; border:none; border-radius:2px; }
.button:hover { color:#4db6ac; box-shadow:0 0 0 2px #4db6ac; }
.button-inverse { box-shadow:0 0 0 1px #fff; }
.blue .button-inverse { box-shadow:0 0 0 1px #fff; background-color:rgba(0,99,134,.7); }
.button-inverse:hover { color:#fff; box-shadow:0 0 0 2px #fff; }
.blue .button-inverse:hover { color:#fff; box-shadow:0 0 0 2px #fff; }
.button-inverse-full { background-color:#4db6ac; color:#fff; box-shadow:0 0 0 1px #fff; }
.button-inverse-full:hover { color:#fff; box-shadow:0 0 0 2px #4db6ac; }
#totop { width:60px; height:60px; position:fixed; right:-60px; bottom:106px; background-image:url(http://www.szelfigep-szombathely.hu/art/arrow-top.png); background-size:75%; cursor:pointer; transition:all ease-out .2s; z-index:3333; }
#totop.showme { right:0; }
#totop a { position:absolute; width:100%; height:100%; opacity:0; background-color:#ddd; }
/*menu*/
.menu ul { margin:0; padding:0; }
.menu li { display:inline-block; }
.menu-toggle { display:none; position:absolute; z-index:1999; cursor:pointer; }
.menu-toggle ul { margin:0; padding:10px; width:50px; height:45px; box-shadow:0 0 0 1px rgba(255,255,255,.2); border-radius:3px; background-color:rgba(0,0,0,.2); }
.menu-toggle li { list-style:none; height:1px; width:100%; background-color:#fff; margin-bottom:10px; }
/*slider*/
.cycle-slide { position:absolute; width:100%; height:100%; }
.slider-pager span { cursor:pointer; }
.slider-pager, .slider-arrow { z-index:999; }
.slider-pager span { margin:0 5px; font-size:0; display:inline-block; width:22px; height:22px; border-radius:50%; box-shadow:inset 0 0 0 2px #4db6ac; cursor:pointer; }
.slider-pager span.cycle-pager-active { background-color:#4db6ac; }
.slider-arrow { position:absolute; top:50%; width:30px; height:50px; margin-top:-25px; cursor:pointer;  }
.slider-arrow.left { left:0; background-image:url(http://www.szelfigep-szombathely.hu/art/arrow-left.svg); }
.slider-arrow.right { right:0; background-image:url(http://www.szelfigep-szombathely.hu/art/arrow-right.svg); }
/*popup*/
.popup { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,.5); z-index:999; }
.popup .toggle { color:#fff; position:absolute; right:15px; top:15px; }
.popup .popup-content { width:320px; margin:15% auto 0; }
.popup .field { display:block; width:100%; box-sizing:border-box; padding:10px; margin:10px 0; }
.popup .button { width:100%; }

/*misc*/
.m-1x-t {margin-top: 20px; }
.m-2x-t {margin-top: 40px; }
.m-3x-t {margin-top: 60px; }
.m-4x-t {margin-top: 80px; }
.m-1x-b {margin-bottom: 20px; }
.m-2x-b {margin-bottom: 40px; }
.m-3x-b {margin-bottom: 60px; }
.m-4x-b {margin-bottom: 80px; }
.p-1x-t {padding-top: 20px; }
.p-2x-t {padding-top: 40px; }
.p-3x-t {padding-top: 60px; }
.p-4x-t {padding-top: 80px; }
.p-1x-b {padding-bottom: 20px; }
.p-2x-b {padding-bottom: 40px; }
.p-3x-b {padding-bottom: 60px; }
.p-4x-b {padding-bottom: 80px; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.bg-image { background-size:contain; background-position:center; background-repeat:no-repeat; }
.uppercase { text-transform:uppercase; }
.centered, .centered li { text-align:center; }
.center-element{margin-left: auto;margin-right: auto;}
.mauto { margin-left:auto; margin-right:auto; }
.spacer { display:inline-block; padding-left:10px; padding-right:10px; }
.pointer { cursor:pointer; }
.fluid-img img { max-width:100%; height:auto; }
.helso, .hmasodik, .hharmadik { cursor:pointer; font-weight:400; }
.blurred {filter:blur(5px);}
img { max-width:100%; height:auto!important; }
.rendeles{text-align: center}
.rendeles li { display:block; margin-left:-15px; margin-right:-15px; overflow:hidden; }
.rendeles input, .rendeles textarea {margin-right: auto;margin-left: auto; background: #f2f1f1; border: 1px solid #a6a2a0; font-size:16px; padding:12px; border-radius:0; }
.rendeles .elfogad input { vertical-align:middle; margin-right:10px; }
.rendeles .elfogad label { margin-bottom:0; width:calc(100% - 26px); text-align:left; }
.rendeles .btn { width:60%; font-size:13px; background-color:#4db6ac; padding:20px 0; text-transform:uppercase; color:#fff; margin-top:20px; }
.rendeles .request-comment{text-align: center;margin-right: auto;margin-left: auto; }
.error{border: 1px red solid!important;}
.hidden{display: none!important;}
.hero { min-height:76vh;}
.keress { min-height:60vh; padding-top:0; padding-bottom:10px; display:flex; align-items:flex-end; }
.nyitolapvg #header, .nyitolapvg #footer, .nyitolapvg #copyright {display:none}

@media screen and (min-width: 1700px) {
	#header, #slider-cover .cycle-slide { padding-left:5%; padding-right:5%; }
	#menu-top-render a { font-size:18px; }
	#slider-cover .slide-content { max-width:35%; }
}
@media screen and (min-width: 1280px) {
	#menu-top-render a:hover { box-shadow:0 0 0 2px #4db6ac; }
}
@media screen and (min-width: 768px) {
	#features .row > div > div:nth-child(5) { margin-left: 12%; }
}
@media screen and (max-width: 1440px) {
	#brand { font-size:24px; }
	#menu-top-render a { margin-left:8px; padding-left:15px; padding-right:15px; }
	#search { margin-left:8px; margin-right:8px; }
	#slider-cover .slider-pager { left:20px; }
	#slider-cover h1 { font-size:40px; }
	#slider-cover h1 strong { font-size:50px; }
	#slider-cover p { font-size:20px; }
	#slider-cover .slide-content li { font-size:16px; }
}
@media screen and (max-width: 1279px) {
	#lang { position:fixed; top:-70px; left:15px; background-color:rgba(0,0,0,.2); padding:10px; z-index:999; transition:all ease-out .2s; box-shadow:0 0 0 1px rgba(255,255,255,.2); border-radius:3px; }
	#lang.active { top:15px; }
	#search { position:absolute; top:50%; right:70px; transform:translate(0,-50%); }
	.menu-toggle { display:block; }
	#menu-top-render { position:fixed; top:0; left:100%; width:100%; height:auto; padding-top:100px; padding-bottom:30px; background-color:#4db6ac; transition:all ease-out .3s; z-index:998; }
	#menu-top-render.active { left:0; }
	#menu-top-render li { display:block; }
	#menu-top-render li a { border-radius:0; margin:0; padding:20px; }
	#menu-top-render ul li ul { display:none; }
	.article-text table td { display:block; }
	iframe { max-width:100%; }
}
@media screen and (max-width: 1280px) and (orientation: landscape) {
/*	#slider-cover .cycle-slide { background-position:0 0; background-size: auto 100%; }*/
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
/*	#slider-cover .cycle-slide { background-position:-100px 0; padding-top:100px; }*/
	#slider-cover p { font-size:16px; }
	#slider-cover .slide-content li { font-size:14px; }
}
@media screen and (max-width: 960px) and (orientation: landscape) {
	#slider-cover .cycle-slide {  }
}
@media screen and (max-width: 1024px) {
	body { padding-top:80px; }
	#slider-cover .slide-content { width: auto; max-width: 100%; }
	#slider-ref  { height:auto; }
	#slider-ref li { }
/*	#references img { max-height:70px; max-width:100px; width:auto; margin:20px auto; }*/
}
@media screen and (max-width: 768px) {
	#brand { font-size:18px; }
	#footer { background-image:none; }
	.section { padding-top:60px; padding-bottom:60px; }
}
@media screen and (max-width: 767px) and (orientation: portrait) {
	#slider-cover .cycle-slide {padding-top: 100px; }
	#slider-cover p {font-size: 14px; }
	#slider-cover h2 { font-size:22px; }
	#slider-cover h2 strong { font-size:34px; }
}
@media screen and (max-width: 480px) {
	#slider-testimonials-wrapper { padding-left:1%; padding-right:1%; }
	#slider-testimonials { padding:0; }
	#slider-cover .cycle-slide {padding-top: 80px; }
	#slider-cover p {font-size: 13px; margin: 0; }
	#slider-cover h2 { font-size:18px; margin-top: 0; }
	#slider-cover h2 strong { font-size:28px; margin-bottom: 5px; }
	#slider-cover .slide-content {  }
	#slider-cover .cycle-slide small, #slider-cover .cycle-slide ul { }
	#slider-cover .slider-buttons { position:absolute; left:5%; bottom:100px; }
	#slider-cover .button { min-width:240px;  }
	#slider-cover .button:first-of-type { margin-right:0; }
	#slider-pics { width:100%; }
	.button { font-size:15px; }
	#header { padding:10px 5%; }
	.navbar-brand {height: auto; }
	#brand {line-height: 40px; font-size: 0; }
	#brand img { height:50px; width:auto; }
	.menu-toggle ul {width: 40px; height: 30px; padding-top: 9px; }
	.menu-toggle li {margin-bottom: 5px;}
	#search {width: 30px; height: 30px; line-height: 30px; }
	.column-title { text-align:center; }
	.column-title h1, .column-title h2 { font-size:24px; }
	#references img { margin:0; }
	#totop { width:40px; height:40px; bottom:0; }
	#copyright .text-right { text-align:left; margin-top:20px; }
	#copyright .spacer { display:none; }
	.section { padding-top:40px; padding-bottom:40px; }
}

@media screen and (max-width: 320px) {
	#slider-cover .cycle-slide { background-size: cover; padding-bottom:100px; }
	.section { padding-top:20px; padding-bottom:20px; }
}

@media screen and (max-width: 320px) and (max-height: 480px) {
	#slider-cover .cycle-slide { background-position:-380px 0; }
}

/* max-height*/
@media screen and (max-height: 400px) {
	#menu-top-render { height:100%; overflow:scroll; }
}