/*-webkit-: Safari, Chrome, és más WebKit alapú böngészők, -moz-: Firefox, -o-: Opera*/
:root{
--sarga:#fdc731;
--kek1:#113B58;
--kek2:#319AB3;
}
@charset "UTF-8";.just-mobile{display:none}
.hide-mobile{display:block}
.text-normal-forced{font-weight:400!important}
.full-width{width:100%}
.full-width-block{display:inline-block;width:100%}
.relative{position:relative}
body{margin:0;font-family:Montserrat,sans-serif;display:flex;flex-direction:column}
a{text-decoration:none}
a.link{color:#009cb6;text-decoration:underline;transition:.2s all}
a.link:hover{color:var(--sarga)}
ul{padding:0;margin:0}
li{list-style-type:none}
p{margin:0;line-height:25px}
h1{font-weight:400;font-size:30px;color:#073b5a;text-align:center}
/*  */
.underline{text-decoration:underline}
input[type=email],input[type=tel],input[type=text],input[type=password],textarea{height:54px;width:100%;box-sizing:border-box;border:none;border-bottom:.14vh solid #073b5a;padding:0 10px;color:#073b5a;font-size:17px;outline:0;caret-color:var(--kek1)}
input[type=email].error,input[type=tel].error,input[type=text].error,textarea.error{border-color:#c00}
input[type=email]:active,input[type=email]:focus,input[type=tel]:active,input[type=tel]:focus,input[type=text]:active,input[type=text]:focus,textarea:active,textarea:focus{border-color:var(--sarga)}
.checkbox{width:18px;height:18px;border:.14vh solid var(--sarga);cursor:pointer;display:flex;align-items:center;justify-content:center}
.checkbox .tick{display:none}
.checkbox.selected .tick{display:block}
.tick{background-image:url(../img/tick.png);width:15px!important;height:11px!important}
textarea{height:148px;resize:none}
select{border:none;background:#fff;width:100%;height:54px;border-bottom:.14vh solid #073b5a;padding:0 20px;font-size:17px;outline:0}
select:active,select:focus{border-color:var(--sarga)}
.form ul li{display:flex;justify-content:space-between}
.form ul li:not(:last-child){margin-bottom:2.29vh}
.form ul li span{width:48%}
.form ul li span.full-width{width:100%}

.form ul li h4{font-size:17px;font-weight:700;color:#073b5a;margin-top:0;margin-bottom:10px}
.form ul li .error-msg{color:#c00;font-size:13px;margin-top:5px;text-align:right;display:none}
.flex-center{display:flex;justify-content:center;margin-bottom:40px}
.heart-icon{background-image:url(../img/heart-icon.png);width:28px;height:25px;display:block}
.price-icon{background-image:url(../img/price-icon.png);width:30px;height:26px;display:block}
.clock-icon{background-image:url(../img/clock-icon.png);width:26px;height:28px;display:block}
.arrow-icon{background-image:url(../img/arrow-right.png);width:21px;height:10px;display:block}
.point-icon{width:4px;height:4px;background-color:var(--sarga);border-radius:50%;display:block}
.english-icon{background-image:url(../img/english-icon.png);width:20px;height:20px;display:inline-block}
.calendar-icon{background-image:url(../img/calendar-icon.png);width:71px;height:63px;display:block}
.furniture-icon{background-image:url(../img/furniture-icon.png);width:89px;height:58px;display:block}
.flags-icon{background-image:url(../img/flags-icon.png);width:77px;height:75px;display:block}
.yes-or-no-icon{background-image:url(../img/yes-or-no-icon.png);width:91px;height:43px;display:block}
.health-icon{background-image:url(../img/health-icon.png);width:60px;height:76px;display:block}
.lock-icon{background-image:url(../img/lock-icon.png);width:55px;height:77px;display:block}
.children-icon{background-image:url(../img/children-icon.png);width:88px;height:88px;display:block}
.horse-icon{background-image:url(../img/horses-icon.png);width:197px;height:221px;display:block}
.trees-icon{background-image:url(../img/trees-icon.png);width:197px;height:221px;display:block}
.birds-icon{background-image:url(../img/birds-icon.png);width:197px;height:221px;display:block}
.btn{height:46px;text-transform:uppercase;font-size:13px;font-weight:700;padding:0 51px;align-items:center;border-width:.2vh;border-radius:30px;transition:.2s all;display:inline-flex;white-space:nowrap;font-variant:small-caps;letter-spacing:.14vh}
.btn.disabled{background-color:#dedede!important;cursor:default}
.btn.btn--yellow{background-color:var(--sarga);color:#fff}
.btn.btn--yellow:hover,.btn.btn--yellow:focus{background-color:#009cb6}
.btn.btn--smaller{font-size:14px;padding:0 35px;height:40px}
.btn.btn--blue{background-color:#009cb6}
.btn.btn--blue-bordered{border:1px solid #073b5a;color:#073b5a}
.btn.btn--blue-bordered:hover,.btn.btn--blue-bordered:focus{background-color:var(--sarga);border-color:var(--sarga);color:#fff}
.btn.btn--facebook{background-image:url(../img/facebook.png);width:14px;height:26px;padding:0;border-radius:0;display:block}
.btn.btn--facebook:hover{background-image:url(../img/facebook-hover.png)}
.btn.btn--hamburger{cursor:pointer;margin-top:-3px}
.btn.btn--hamburger .bar{display:block;height:.3125rem;width:3.125rem;background-color:#073b5a;margin:.625rem auto;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.btn.btn--hamburger.active .bar.top{transform:translateY(.9375rem) rotate(45deg)}
.btn.btn--hamburger.active .bar.middle{width:0}
.btn.btn--hamburger.active .bar.bottom{transform:translateY(-.9375rem) rotate(-45deg)}
.text p:not(:last-child){margin-bottom:35px}
.logo{background-image:url(../img/logo-big.png);width:93px;height:50px;background-size:contain;background-position:center;background-repeat:no-repeat;display:block;margin-left:30px}
/*  */
.logo:after{content:"VÁLTOZÁS TANÁCSADÓ ÉS PSZICHOTERÁPIÁS KÖZPONT";position:relative;left:100px;top:10px;width:205px;display:block;font-size:13px;font-weight:700;text-align:center;color:#073b5a}
/* font-size:.812vh */
.container{width:1920px;margin:auto auto 100px auto;max-width:100%}
.container.narrow{width:1350px}
.container.very-narrow{width:1150px}
.container.medium{width:948px}
.container.small{width:750px}
header{display:flex;height:87px;align-items:center;justify-content:space-between;border-bottom:1px solid #F7F7F7;background-color:#F4F4F4}
/* height:5.59vh */
header .container{display:flex;justify-content:space-between;overflow:hidden;height:87px;align-items:center}
/* height:5.59vh */
header .links-box{display:flex;flex-grow:.5}
header .links-box .btn--hamburger{display:none}
header .links-box ul{display:flex;flex-grow:1;justify-content:space-evenly}
header .links-box ul li{display:flex;align-items:center}
xheader .links-box ul li:last-child{display:none}
header .links-box ul li a{position:relative;color:#073b5a;position:relative}
header .links-box ul li a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--sarga);opacity:0;transition:.2s all}
header .links-box ul li a:hover:after{opacity:1}
header .links-box a.appointment{margin:0 30px}
.accordion li{display:flex;position:relative;transition:.2s all}
.accordion li:not(.opened):hover{background-color:#e9e9e9}
.accordion li>div{transition:.2s all}
.accordion li:not(:last-child){margin-bottom:40px}
.accordion li .arrow{position:absolute;background:url(../img/arrow-blue.png)no-repeat calc(100% - 25px) 50%;width:100%;height:95px}
.accordion li .icon{width:19%;box-sizing:border-box;padding-left:20px;display:flex;align-items:center;transition:.5s all}
.accordion li .icon .box{width:90px;display:flex;align-items:center;justify-content:center}
.accordion li .text{width:81%;border-left:3px solid #073b5a;box-sizing:border-box;padding-left:48px;padding-right:70px}
.accordion li .text>div{display:none}
.accordion li .text h3{height:95px;line-height:95px;font-size:17px;font-weight:700;margin:0;color:#073b5a;cursor:pointer;transition:.2s all}
.accordion li .text p{color:#073b5a;font-size:15px}
.accordion li.opened .text{border-color:var(--sarga);padding-bottom:30px;cursor:default}
.accordion li.opened .text>div{display:block}
.accordion li.opened .text h3{cursor:default}
.accordion li.opened .arrow{background-image:url(../img/arrow-yellow.png)}
.accordion li.opened>div:hover{background-color:transparent}
.accordion .table li{display:flex;background-color:transparent!important;margin-bottom:15px;height:auto}
.accordion .table li.inner-list-row{height:auto}
.accordion .table li small{font-size:15px;font-weight:400}
.accordion .table li span{display:flex;flex-direction:column;height:100%}
.accordion .table li span:first-child{width:18%}
.accordion .table li span:last-child{width:82%}
.accordion .table li .inner-list{display:flex;flex-direction:column;padding-left:20px}
.accordion .table li .inner-list li{display:flex;height:30px;margin-bottom:0}
.accordion .table li .inner-list li span{justify-content:center}
.accordion .table li .inner-list li span.point-icon{margin-right:5px}
.accordion .table li .inner-list .point-icon{width:4px;height:4px}
.image-and-text{display:flex;justify-content:space-between;margin-bottom:130px}
.image-and-text .home-img{background-image:url(../img/home-img.png);width:606px;height:490px;margin-left:20px}
.image-and-text .how-can-we-help-img{background-image:url(../img/how-can-we-help-image.png);width:444px;height:381px}
.image-and-text .contact-img{background-image:url(../img/contact-img.png);width:398px;height:489px}
.image-and-text .text{width:518px;font-size:15px;color:#073b5a;margin-right:135px}
.page-home{background-image:url(../img/lines-bg-new.png)}
.page-home h1{margin-top:0;margin-bottom:90px}
.page-home .container.first{padding-top:900px}
.page-home .hero{width:1920px;height:871px;max-width:100%;background-image:url(../img/hero.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-position:center top;position:absolute}
.page-home .hero .main-cta{color:#fff;margin:100px auto 0 auto;width:665px;text-align:center;font-size:37px;margin-bottom:45px}
.page-home .hero .main-cta div{line-height:48px}
.page-thank-you{background-image:url(../img/lines-bg-new.png)}
.page-thank-you h1{margin-bottom:50px}
.page-thank-you .hero{width:1920px;height:432px;max-width:100%;background-image:url(../img/pricing-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat}
.page-thank-you .container{position:relative;top:-40px}
.page-thank-you .cta{color:#073b5a;font-size:15px;display:table;margin:60px auto 40px auto;text-align:center}
.page-thank-you .cta ul li{display:flex}
.page-thank-you .cta ul li .point-icon{margin-top:6px;margin-right:10px}
.page-contact .image-and-text{max-width:1300px;margin:70px auto 0 auto;align-items:flex-start}
.page-contact .image-and-text .text{width:700px}
.page-contact .image-and-text .contacts ul li{display:inline-flex}
.page-contact .image-and-text .contacts ul li:hover{background-color:transparent}
.page-contact .image-and-text .contacts ul li .image{width:30px;background-size:contain;background-position:center;background-repeat:no-repeat}
.page-contact .image-and-text .contacts ul li .text{padding:0;border:none;display:flex;align-items:center}
.page-contact .image-and-text .contacts ul li .text a{color:#073b5a;text-decoration:underline;transition:.2s all}
.page-contact .image-and-text .contacts ul li .text a:hover{color:#000}
.page-contact .image-and-text .accordion .table li{font-weight:400;display:block}
.page-contact .map{height:400px;width:100%;margin:50px 0}
.page-pricing{background-image:url(../img/lines-bg-price.png);background-position:center -80px}
.page-pricing h1{margin-bottom:50px}
.page-pricing .hero{width:1920px;height:432px;max-width:100%;background-image:url(../img/pricing-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat}
.page-pricing .container{position:relative;top:-40px}
.page-pricing .cta{color:#073b5a;font-size:15px;display:table;margin:60px auto 40px auto}
.page-pricing .cta ul li{display:flex}
.page-pricing .cta ul li .point-icon{margin-top:6px;margin-right:10px}
.page-pricing .btn{margin-bottom:70px}
.page-how-can-we-help,.page-policy{background-image:url(../img/lines-bg-new.png)}
.page-how-can-we-help h1,.page-policy h1{margin-top:0;margin-bottom:70px}
.page-how-can-we-help .hero,.page-policy .hero{width:1920px;height:450px;max-width:100%;background-image:url(../img/how-can-we-help-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat}
.page-how-can-we-help .container,.page-policy .container{position:relative;top:-40px}
.page-how-can-we-help .container.bottom-container,.page-policy .container.bottom-container{padding-top:0}
.page-how-can-we-help .container.bottom-container .image-and-text,.page-policy .container.bottom-container .image-and-text{width:1160px;margin-left:auto;margin-right:auto}
.page-how-can-we-help .container.bottom-container .image-and-text h3,.page-policy .container.bottom-container .image-and-text h3{font-size:15px;margin-top:40px;margin-bottom:40px}
.page-how-can-we-help .cta,.page-policy .cta{color:#073b5a;font-size:15px;max-width:731px;text-align:center;margin:auto}
.columns{display:flex;margin-top:50px;margin-bottom:160px}
.columns .col{width:32.33%;box-sizing:border-box;margin-right:1%}
.columns .col:last-child ul{border-right:2px solid var(--sarga)}
.columns .col .icon{margin:0 auto}
.columns .col h3{text-align:center;margin-top:20px;margin-bottom:40px;color:#073b5a;font-size:17px}
.columns .col.second ul li,.columns .col.third ul li{margin-bottom:12.4px}
.columns .col ul{box-sizing:border-box;padding:15px 28px;border-left:2px solid var(--sarga);background-color:#fff}
.columns .col ul li{position:relative;color:#073b5a;padding-left:18px;padding-right:15px;font-size:13px;line-height:21px;margin-bottom:5px}
.columns .col ul li:before{content:"";width:4px;height:4px;background-color:var(--sarga);border-radius:50%;display:block;position:absolute;top:7px;left:0}
.columns .col ul li.button-row:before,.columns .col ul li.header:before{display:none}
.columns .col ul li.button-row{margin-top:30px}
.page-policy .cta{padding-left:15px;padding-right:15px}
.page-policy .cta.align-left{text-align:left}
.page-information{background-image:url(../img/lines-bg-new.png);padding-bottom:100px}
.page-information h1{margin-top:0;margin-bottom:70px;padding-left:15px;padding-right:15px}
.page-information .hero{width:1920px;height:450px;max-width:100%;background-image:url(../img/information-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat}
.page-information .container{position:relative;top:-40px}
.page-information .covid-accordion h4{color:#073b5a;font-size:15px}
.page-corporate-well-being{background-image:url(../img/lines-bg-new.png);padding-bottom:100px}
.page-corporate-well-being h1{margin-top:0;margin-bottom:70px;padding-left:15px;padding-right:15px}
.page-corporate-well-being .hero{width:1920px;height:450px;max-width:100%;background-image:url(../img/information-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat}
.page-corporate-well-being .container{position:relative;top:-40px}
.page-corporate-well-being .cta{color:#073b5a;font-size:15px;text-align:center;margin:auto auto 70px;padding:0 10px;font-weight:700;max-width:500px}
.page-corporate-well-being .accordion li#values ul li{margin-bottom:0}
.page-corporate-well-being .columns .col.first h3{margin-left:auto;margin-right:auto;max-width:115px}
.page-corporate-well-being .columns .col ul li.cta{text-align:left;margin-bottom:20px}
.page-corporate-well-being .columns .col ul li.cta:before{display:none}
.page-colleagues{background-image:url(../img/lines-bg-new.png)}
.page-colleagues h1{margin-top:0;margin-bottom:90px}
.page-colleagues .hero{width:1920px;height:390px;max-width:100%;background-image:url(../img/colleagues-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;z-index:-1}
.page-colleagues .container{padding-top:400px;display:flex;justify-content:space-between;margin-bottom:80px}
.page-colleagues .right{width:685px}
.page-colleagues .right .accordion li .text{width:100%;padding-left:25px}
.page-colleagues .btn--appointment{margin-top:60px}
.page-colleagues .btn--appointment.disabled{pointer-events:none}
.page-colleagues .not-available{margin-top:20px;font-style:italic;display:none}
.page-colleagues .not-available.ok{display:flex}
.page-colleagues .colleague-info{position:relative;top:-230px;display:flex;flex-direction:column;align-items:center}
.page-colleagues .colleague-info .image{width:370px;height:370px;background-size:contain;background-position:center;background-repeat:no-repeat}
.page-colleagues .colleague-info h2{font-size:28px;margin-bottom:30px}
.page-colleagues .colleague-info p{text-align:center;width:215px;color:#073b5a}
.page-colleagues .colleague-info .point{background-color:var(--sarga);border-radius:50%;width:4px;height:4px;margin:20px 0}
.page-colleagues .colleague-info small{font-size:11px;font-style:italic;color:#073b5a}
.page-colleagues .colleague-info a{margin-top:20px}
.page-colleagues-list{background-image:url(../img/lines-bg-new.png)}
.page-colleagues-list h1{margin-top:0;margin-bottom:90px}
.page-colleagues-list .container{position:relative}
.page-colleagues-list .hero{width:1920px;height:910px;max-width:100%;margin-bottom:60px;background-image:url(../img/colleagues-list-bg-new-20220213.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-position:center -90px}
.page-appointment{background-image:url(../img/appointment-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:100px}
.page-appointment h1{margin-top:70px;margin-bottom:120px}
.page-appointment .btn{margin-top:40px;margin-bottom:60px}
.page-appointment .send-box{position:relative;max-width:430px;margin-left:auto;margin-right:auto}
.page-appointment .send-box .loader{top:44px;right:0;position:absolute;display:none}
.page-appointment .send-box .loader.show{display:block}
.page-appointment .privacy-policy-box{display:flex;align-items:center;width:100%;position:relative}
.page-appointment .privacy-policy-box span{margin-bottom:0}
.page-appointment .privacy-policy-box label{color:#073b5a;font-size:13px;margin-left:15px;cursor:pointer}
.page-appointment .privacy-policy-box .error-msg{position:absolute;display:none;top:26px;left:37px}
.page-appointment .success{position:absolute;top:100px;font-weight:700;color:#073b5a;text-align:center;display:none}
.colleagues-slider{position:relative;width:1080px;margin-left:auto;margin-right:auto}
.colleagues-slider .left,.colleagues-slider .right{display:none;background-image:url(../img/arrow-blue.png);width:16px;height:9px}
.colleagues-slider .left.disabled,.colleagues-slider .right.disabled{opacity:.3;cursor:default}
.colleagues-slider .left:hover,.colleagues-slider .right:hover{background-image:url(../img/arrow-yellow.png)}
.colleagues-slider .left{left:-30px;transform:rotate(90deg)}
.colleagues-slider .left:hover{transform:rotate(-90deg)}
.colleagues-slider .right{right:-30px;transform:rotate(-90deg)}
.colleagues-slider .right:hover{transform:rotate(90deg)}
.colleagues-slider .colleagues{transition:.3s margin-left;flex-wrap:wrap}
.colleagues-slider .colleagues.disabled-transition{transition:none!important}

/*_ID_|__USER___________|__NEV___________________
   1	 |  gergo	         |  Máthé Gergely
   2	 |  balazs   	     |  Fazekas-Pongor Balázs
   3	 |  csaszarlakner  |	 Császár-Lakner Eszter
   4	 |  illes	         |  Illés Eszter
   5	 |  jakab	         |  Dr. Jakab Judit
   6	 |  palkovits	     |  Palkovits Nóra
   7	 |  palfy	         |  Pálfy Réka
   8	 |  szucs	         |  Szűcs Barbara
   9 	|  kovats	        |  Kováts Szabolcs
  10 	|  andrasi	       |  Andrási Zsuzsanna
  11 	|  simon	         |  Simon Zsófia Eszter
  12 	|  pinter	        |  Pintér Fanni
  13  |  horvath        |  Horváth Ákos
  14  |  szeman         |  Szemán Anita
  15 	|  keri	          |  Kéri Julianna
  */
.collegue-mathe-gergely,.collegue-mathe-gergely-small{background-image:url(../img/mathe-gergely-small.png)!important}
.collegue-fazekas-pongor-balazs{background-image:url(../img/collegue-fazekas-pongor-balazs.png)!important}
.collegue-fazekas-pongor-balazs-small{background-image:url(../img/collegue-fazekas-pongor-balazs-small.png)!important}
.collegue-csaszar-lakner-eszter{background-image:url(../img/collegue-csaszar-lakner-eszter_ver2.png)!important}
.collegue-csaszar-lakner-eszter-small{background-image:url(../img/collegue-csaszar-lakner-eszter-small_ver2.png)!important}
.collegue-illes-eszter{background-image:url(../img/collegue-illes-eszter.png)!important}
.collegue-illes-eszter-small{background-image:url(../img/collegue-illes-eszter-small.png)!important}
.collegue-jakab-judit{background-image:url(../img/collegue-jakab-judit_ver2.png)!important}
.collegue-jakab-judit-small{background-image:url(../img/collegue-jakab-judit-small_ver2.png)!important}
.collegue-palkovits-nora{background-image:url(../img/collegue-palkovits-nora_ver2.png)!important}
.collegue-palkovits-nora-small{background-image:url(../img/collegue-palkovits-nora-small_ver2.png)!important}
.collegue-palfy-reka{background-image:url(../img/collegue-palfy-reka_ver2.png)!important}
.collegue-palfy-reka-small{background-image:url(../img/collegue-palfy-reka-small_ver2.png)!important}
.collegue-szucs-barbara{background-image:url(../img/collegue-szucs-barbara_ver2.png)!important}
.collegue-szucs-barbara-small{background-image:url(../img/collegue-szucs-barbara-small_ver2.png)!important}
.collegue-kovats-szabolcs{background-image:url(../img/collegue-kovats-szabolcs.png)!important}
.collegue-kovats-szabolcs-small{background-image:url(../img/collegue-kovats-szabolcs-small.png)!important}
.collegue-andrasi-zsuzsanna{background-image:url(../img/collegue-andrasi-zsuzsanna.png)!important}
.collegue-andrasi-zsuzsanna-small{background-image:url(../img/collegue-andrasi-zsuzsanna-small.png)!important}
.collegue-simon-zsofia-eszter{background-image:url(../img/collegue-simon-zsofia-eszter.png)!important}
.collegue-simon-zsofia-eszter-small{background-image:url(../img/collegue-simon-zsofia-eszter-small.png)!important}
.collegue-pinter-fanni{background-image:url(../img/collegue-pinter-fanni.png)!important}
.collegue-pinter-fanni-small{background-image:url(../img/collegue-pinter-fanni-small.png)!important}
.collegue-horvath-akos{background-image:url(../img/collegue-horvath-akos.png)!important}
.collegue-horvath-akos-small{background-image:url(../img/collegue-horvath-akos-small.png)!important}
.collegue-keri-julianna{background-image:url(../img/collegue-keri-julianna.png)!important}
.collegue-keri-julianna-small{background-image:url(../img/collegue-keri-julianna-small.png)!important}
.collegue-szeman-anita{background-image:url(../img/collegue-szeman-anita.png)!important}
.collegue-szeman-anita-small{background-image:url(../img/collegue-szeman-anita-small.png)!important}


.collegue-gombar-eniko{background-image:url(../img/collegue-gombar-eniko.png)!important}
.collegue-gombar-eniko-small{background-image:url(../img/collegue-gombar-eniko-small.png)!important}
.collegue-dengyel-kinga{background-image:url(../img/collegue-dengyel-kinga.png)!important}
.collegue-dengyel-kinga-small{background-image:url(../img/collegue-dengyel-kinga-small.png)!important}
.collegue-szondy-mate{background-image:url(../img/collegue-szondy-mate_ver2.png)!important}
.collegue-szondy-mate-small{background-image:url(../img/collegue-szondy-mate-small_ver2.png)!important}
.collegue-szondy-nagy-szilvia{background-image:url(../img/collegue-szondy-szilvia_ver2.png)!important}
.collegue-szondy-nagy-szilvia-small{background-image:url(../img/collegue-szondy-szilvia-small_ver2.png)!important}


.colleagues{display:flex;justify-content:center;margin-bottom:90px}
.colleagues li{display:flex;align-items:center;flex-direction:column;width:33.33%;margin-bottom:100px}
.colleagues li.leader{width:25%}
.colleagues li.leader.from-left{padding-left:25%}
.colleagues li.leader.from-right{padding-right:25%}
.colleagues li.leader .btn{margin-top:20px}
.colleagues li .image{transition:1s all;width:240px;height:240px;background-size:contain;background-position:center;background-repeat:no-repeat}
.colleagues li .image:hover{transform:scale(.95)}
.colleagues li h3,.colleagues li h4{font-size:15px;color:#073b5a;text-align:center}
.colleagues li h3{margin-top:0;margin-bottom:10px;position:relative}
.colleagues li h3 .english-icon{position:absolute;left:-26px;top:-1px}
.colleagues li h4{margin-top:0;margin-bottom:0;font-weight:400;max-width:220px;height:58px}
.table{display:flex;flex-direction:column;font-weight:700;font-size:15px}
.table li{display:flex;height:50px;align-items:center;color:#073b5a}
.table li:nth-child(odd){background-color:#ededed}
.table li .col1{width:558px;display:flex;align-items:center}
.table li .col1 .title{left:15px}
.table li .col1 .arrow-icon{margin:0 19px}
.table li .col1 .point-icon{margin-left:83px;margin-right:6px}
.table li .col1 .english-icon{margin-left:14px}
.table li .col2{width:210px}
.table li .col2 .title{left:-43px}
.table li .col3{width:180px}
.table li .col3 .title{left:-43px}
.table li.header{border-bottom:3px solid var(--sarga);background-color:#fff}
.table li.header .title{align-items:center;position:relative;display:flex;text-transform:uppercase}
.table li.header .title span{margin-right:15px}
.back-to-top-btn{background-image:url(../img/back-to-top-btn.svg);width:46px;height:46px;display:block;position:fixed;right:20px;bottom:30px;z-index:100;opacity:0;transition:opacity .3s}
footer{background-image:url(../img/footer-bg.png);height:393px;background-size:cover;background-position:center;background-repeat:no-repeat;padding-top:100px;box-sizing:border-box;margin-top:-40px}
footer .container{color:#fff;display:flex;align-items:center;flex-direction:column}
footer .container>div{display:flex;width:100%;justify-content:space-between}
footer .container>div.social-box{justify-content:center;margin-top:60px}
footer .container>div.copyright{font-size:13px;justify-content:center;margin-top:30px}
footer .container>div.impressum{font-size:13px;justify-content:center;margin-top:8px;text-decoration:underline}
footer a{color:#fff}
footer h3{margin-top:0;font-weight:400;font-size:15px}
footer .logo{margin-left:0;background-image:url(../img/logo-white.png);width:170px;height:34px}
footer .logo:after{display:none}
footer .logo:before{content:"Változás Tanácsadó és Pszichoterápiás Központ";color:#fff;font-weight:700;font-size:12px;text-align:center;display:block;top:45px;position:relative}
footer .links li:not(:last-child){margin-bottom:15px}
footer .links li a{font-size:13px;position:relative}
footer .links li a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--sarga);opacity:0;transition:.2s all}
footer .links li a:hover:after{opacity:1}
.contacts li{display:flex}
.contacts li:not(:last-child){margin-bottom:12px}
.contacts li .image{margin-right:16px}
.contacts li .image.location{background-image:url(../img/location.png);width:13px;height:18px}
.contacts li .image.location-blue{background-image:url(../img/location-blue.png);width:16px;height:22px}
.contacts li .image.phone{background-image:url(../img/phone.png);width:18px;height:18px}
.contacts li .image.phone-blue{background-image:url(../img/phone-blue.png);width:23px;height:23px}
.contacts li .image.email{background-image:url(../img/email.png);width:18px;height:18px}
.contacts li .image.email-blue{background-image:url(../img/email-blue.png);width:23px;height:22px}
.contacts li .image.facebook-blue{background-image:url(../img/facebook-blue.png);width:14px;height:26px}
.contacts li .text{width:280px;font-size:13px}
.loader{border:5px solid #f3f3f3;border-top:5px solid var(--sarga);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.privacy-policy{background-color:#F4F4F4;padding:20px 10px;position:fixed;bottom:-150px;transition:1s all;display:flex;width:100%;flex-direction:column;border-top:1px solid #000;font-size:14px;text-align:center}
.privacy-policy.active{bottom:0}
.privacy-policy .btn--accept{display:flex;align-items:center;justify-content:center;width:100px;margin:10px auto 0 auto}


/* kollegak */
.kollegak{}
.kollegak .container{text-align:center;margin-bottom:100px}
.kollegak .kol{display:inline-block;width:340px;min-height:514px;margin:20px;justify-items:center}
.kollegak .kol tbody{display:flex;justify-content:center}
.kollegak .kol td{text-align:center}

.kollegak .kol .image:hover{transform:scale(.95);}
.kollegak .kol .image,.popup .gorget .keret .belso .image{display:inline-block;transition:1s all;width:240px;height:240px;background-size:contain;background-position:center;background-repeat:no-repeat}
.kollegak .kol h3,.kollegak .kol h4{text-align:center}
.kollegak .kol h3{position:relative;margin:0 0 10px 0}
.kollegak .kol h4{height:80px;font-weight:400}
.kollegak .kol .btn.btn--blue-bordered{display:inline-flex}


.regi{display:none}


/* popup */
.popup{position:fixed;z-index:9;left:0px;top:0%;width:100%;height:100%;background:var(--mod_bg);transition:background .4s ease-in-out .35s;-webkit-transition:background .4s ease-in-out .35s;-moz-transition:background .4s ease-in-out .35s;-o-transition:background .4s ease-in-out .35s;animation:mod_felhuz .3s;-moz-animation:mod_felhuz .3s;-webkit-animation:mod_felhuz .3s;-o-animation:mod_felhuz .3s}
.popup:before{content:"";position:absolute;left:0;top:-200px;width:100%;height:200px;background:-moz-linear-gradient(90deg,var(--mod_bg) 0%,transparent 100%);background:-webkit-linear-gradient(90deg,var(--mod_bg) 0%,transparent 100%);background:linear-gradient(0deg,var(--mod_bg) 0%,transparent 100%)}
.popup:after{content:"";position:absolute;left:0;top:100%;width:100%;height:200px;background:-moz-linear-gradient(90deg,transparent 0%,var(--mod_bg) 100%);background:-webkit-linear-gradient(90deg,transparent 0%,var(--mod_bg) 100%);background:linear-gradient(0deg,transparent 0%,var(--mod_bg) 100%)}

.popup .gorget{display:flex;width:100%;height:100%;overflow:auto;align-items:center}
.popup .gorget .keret_kulso{display:inline-flex;width:100%;max-height:100%}
.popup .gorget .keret_kulso .keret2{width:100%}
.popup .gorget .keret{display:flex;width:700px;margin:27px auto;background:#FFF;box-shadow:var(--elem_shadow);-moz-box-shadow:var(--elem_shadow);-webkit-box-shadow:var(--elem_shadow);border-radius:.5vh;-moz-border-radius:.5vh;-webkit-border-radius:.5vh}
.popup .gorget .keret .belso{position:relative;width:calc(100% - 1.3vh);max-height:92vh;margin:.6vh;border:.05vh solid #CCC;text-align:center}
.popup .gorget .keret .belso input[type=text],.popup .gorget .keret .belso textarea{width:95%;-moz-tab-size:2;-o-tab-size:2;tab-size:2}
.popup .gorget .keret .belso .page-appointment{margin:auto auto auto auto!important;padding:0!important}
.popup .gorget .keret .belso .page-appointment .container,.popup .gorget .keret .belso .page-appointment .container .flex-center{margin:auto auto auto auto!important}
.popup .gorget .keret .belso .page-appointment h1{margin:0}
.popup .gorget .keret .belso .page-appointment .image{width:100%!important;height:10vh}
.popup .gorget .keret .belso .page-appointment h2{margin:0 0 2.5vh 0}



/* admin */
body.admin{min-height:100vh}
/* body.admin header{width:100vw} */
body.admin .fotabla{height:100vh;border-collapse:collapse}
body.admin .fotabla .fej{display:initial}
body.admin .fotabla .fej .container{margin:auto!important;width:auto}
body.admin .fotabla .fej .container .logo{display:flex;height:3.142vh!important;align-items:center}
body.admin .fotabla .fej .container .logo:after{width:auto!important}

body.admin .fotabla td.kozep{padding:0}
body.admin #login .login_logo{display:flex;width:100%;height:20vh;background:url(../img/login_logo.png)no-repeat 50%/contain;margin:-15vh 0 -4.85vh 0}
body.admin #login h2{text-align:center;font-size:1.85vh}
body.admin #login label{display:block;margin-bottom:1vh;padding-left:.3vh;text-align:center;font-size:1.2vh}
body.admin #login tr:nth-child(-n+2) label{border-left:.2vh solid var(--sarga)}
body.admin #login label input{height:2.367vh;font-size:1.5815vh;margin-top:0.9vh}
body.admin .fotabla .tartalom{display:flex;min-height:calc(100vh - 163px);justify-content:center;align-items:center;flex-direction:column;background:url(../img/appointment-bg.jpg)no-repeat 0 0/100% 100% fixed}
body.admin .fotabla .tartalom h1{font-size:1.876vh}
body.admin .fotabla .tartalom .kilep{display:flex;position:absolute;right:2.488vh;top:.812vh;height:3.14vh;padding:0 3.5vh 0 .625vh;align-items:center;font-size:1.249vh;font-weight:900;color:#000;outline:none;background:url(../img/logout.png)no-repeat 90% 50%/28% #DDD;border:.15vh solid transparent;border-radius:3.14vh/3.14vh;-moz-border-radius:3.14vh/3.14vh;-webkit-border-radius:3.14vh/3.14vh}
body.admin .fotabla .tartalom .kilep:hover,body.admin .fotabla .tartalom .kilep:focus{border-color:var(--kek1);background-color:var(--sarga)}
body.admin .fotabla .hiba{font-size:1vh;font-weight:900;color:#F00}
body.admin footer{display:flex;width:100%;height:4.513vh;margin:0;padding:0}
body.admin footer .container.very-narrow{width:auto!important}
/* background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit; */
body.admin .tartalom .profil{width:15vh;height:15vh;background:50%/contain no-repeat}
body.admin .tartalom .sajat_gomb_tarto{display:flex;flex-direction:column;align-items:center;margin-bottom:2vh;padding:.53vh 6vh 1vh 6vh;border:.53vh inset var(--kek2);border-radius:10vh;-moz-border-radius:10vh;-webkit-border-radius:10vh}
body.admin .tartalom h3{text-align:center;font-size:1.25vh;font-style:italic}
body.admin .tartalom .sajat_gomb_tarto h2{text-align:center;font-size:2vh}
/* body.admin .user_tabla tbody tr td.profil{width:20px;height:20px} */


body.admin .stat{font-size:1.5vh;border:.3vh dotted var(--sarga);margin-bottom:2vh}
body.admin .stat h1{margin:0;font-size:2.5vh!important;text-decoration:underline}
body.admin .stat table tr:nth-child(1) td{text-align:center}
body.admin .stat table tr:nth-child(n+2) td{padding:.5vh}
body.admin .stat table tr:nth-child(n+2) td.nincs{color:#CCC}
body.admin .stat table tr:nth-child(n+2) td:last-child:not(.nincs){font-weight:900}
body.admin .stat table tr:nth-child(n+2) td:last-child:not(.nincs):hover{text-decoration:underline;cursor:pointer}
body.admin .stat table tr:nth-child(n+2) td:first-child{border-right:1px solid blue}


/* export */
body.admin .export{border:.3vh dotted #D55;margin-bottom:2vh;padding-bottom:.5vh;font-size:1.4vh;text-align:center}
body.admin .export a{margin:.5vh}
body.admin .export h2{margin:0 0 .9vh 0;text-decoration:underline;font-weight:200}


body.admin .user_tabla2 .tartalom .kollega .profil{width:100%;height:4.2vh;background-size:auto 129%;background-position-y:-.7vh}


/*
body.admin .user_tabla2:not(.ajanlas) .tartalom .kollega .profi:before{--x:4.2vh;content:"";display:block;position:absolute;left:calc(50% - var(--x)/2);width:var(--x);height:var(--x);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;pointer-events:none}
body.admin .user_tabla2:not(.ajanlas) .tartalom .kollega:hover .profi:before{--x:7.2vh;--tf:translateY(-3.67vh)!important;height:var(--x)!important;box-shadow:0 0 .7vh .2vh var(--szin);-moz-box-shadow:0 0 .7vh .2vh var(--szin);-webkit-box-shadow:0 0 .7vh .2vh var(--szin)}
body.admin .user_tabla2:not(.ajanlas) .profi:after{content:"";display:block;position:absolute;width:calc(100% - .8vh);height:4.2vh;background:inherit;pointer-events:none}
body.admin .user_tabla2:not(.ajanlas) .tartalom .kollega:hover .profi:before,
body.admin .user_tabla2:not(.ajanlas) .tartalom .kollega:hover .profi:after{--tf:translateY(-4vh);height:8vh;transform:var(--tf);-moz-transform:var(--tf);-webkit-transform:var(--tf)}
body.admin .user_tabla2:not(.ajanlas) .tartalom .kollega .profi:before,
body.admin .user_tabla2:not(.ajanlas) .tartalom .kollega .profi:after{transition:all .5s ease-in-out;-moz-transition:all.5s ease-in-out;-webkit-transition:all .5s ease-in-out}
*/

body.admin .user_tabla2 .tartalom .kollega .profil:before{--x:4.2vh;content:"";display:block;position:absolute;left:calc(50% - var(--x)/2 - .04vh);width:var(--x);height:var(--x);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;pointer-events:none}
body.admin .user_tabla2 .tartalom .kollega:hover .profil:before{--x:7.2vh;--tf:translateY(-3.67vh)!important;height:var(--x)!important;background:var(--szin);box-shadow:0 0 .7vh .2vh var(--szin);-moz-box-shadow:0 0 .7vh .2vh var(--szin);-webkit-box-shadow:0 0 .7vh .2vh var(--szin)}
body.admin .user_tabla2 .profil:after{content:"";display:block;position:absolute;width:calc(100% - .8vh);height:4.2vh;background:inherit;background-size:auto 129%;pointer-events:none}
body.admin .user_tabla2 .tartalom .kollega:hover .profil:before,body.admin .user_tabla2 .tartalom .kollega:hover .profil:after{--tf:translateY(-4vh);height:8vh;transform:var(--tf);-moz-transform:var(--tf);-webkit-transform:var(--tf)}
body.admin .user_tabla2 .tartalom .kollega .profil:before,body.admin .user_tabla2 .tartalom .kollega .profil:after{transition:all .5s ease-in-out;-moz-transition:all.5s ease-in-out;-webkit-transition:all .5s ease-in-out}


/* body.admin .user_tabla tbody tr td.profil b{display:block;width:100%;height:100%;background:initial;box-shadow:0 0 0 14px #FFF;-moz-box-shadow:0 0 0 14px #FFF;-webkit-box-shadow:0 0 0 14px #FFF} */
body.admin .user_tabla2 .profil div{display:block;width:100%;height:100%;background:initial}
body.admin .user_tabla2 .profil .belepett{display:inline-block;position:absolute;left:.5vh;top:.5vh;width:auto;height:auto}
body.admin .user_tabla2 .profil .belepett:before{content:"Itt járt";display:block;width:6.3vh;background:#A4A4A4;color:#FFF;font-style:italic}
body.admin .user_tabla2 .profil .belepett:after{content:attr(data-ido);display:flex;flex-direction:column;width:auto;height:0;float:left;text-align:left;font-size:1.53vh}
body.admin .user_tabla2 .profil .bovebben{--an:mozog;display:inline-block;float:right;width:auto;height:auto}
body.admin .user_tabla2 .profil .bovebben:before{content:"Bővebben";font-size:1.2vh;color:var(--kek1);margin-right:.3vh;padding-left:2.1vh;background:url(../img/modosit.png)no-repeat 0 50%/auto 100%}
body.admin .user_tabla2 .profil .bovebben:hover:before,body.admin .user_tabla2 .profil .email_num:hover{--a:var(--an) .5s linear 3}
body.admin .user_tabla2 .profil .bovebben:hover:before,body.admin .user_tabla2 .profil .email_num:hover{text-decoration:underline;font-style:italic;cursor:pointer;animation:var(--a);-moz-animation:var(--a);-webkit-animation:var(--a)}
@keyframes mozog{0%{background-position-x:0px}100%{background-position-x:10px}}
body.admin .tartalom .user_tabla2.ajanlas{display:none}
/*
body.admin .tartalom .user_tabla2.ajanlas{margin-bottom:2vh;border-radius:4vh;-moz-border-radius:4vh;-webkit-border-radius:4vh}
body.admin .tartalom .user_tabla2.ajanlas .profil{display:inline-block;width:auto;height:auto}
body.admin .tartalom .user_tabla2.ajanlas .profil .email_num{position:static!important;padding-left:8vh;font-size:6vh}
body.admin .tartalom .user_tabla2.ajanlas .profil .email_num:after{font-size:3vh}
body.admin .tartalom .user_tabla2.ajanlas h1{font-size:2vh}
body.admin .tartalom .user_tabla2.ajanlas h1 i{text-decoration:underline;font-weight:900}
body.admin .tartalom .user_tabla2.ajanlas h1 u{font-size:1.7vh;color:#999}*/
body.admin .user_tabla2 .profil .email_num{display:inline-block;position:absolute;right:.5vh;top:2.8vh;width:auto;height:auto;padding-left:2.5vh;background:url(../img/email_icon1.png)no-repeat 0 bottom/auto 100%;font-size:1.6vh;font-weight:900;color:#20BD01}
@keyframes boritek{0%{background-image:url(../img/email_icon1.png)}100%{background-image:url(../img/email_icon3.png)}}
body.admin .user_tabla2 .profil .email_num{--an:boritek}
body.admin .user_tabla2 .profil .email_num:after{content:"darab";font-size:1vh;color:#137500;margin-left:.3vh}
/* body.admin .user_tabla{padding:.53vh;border:.53vh inset var(--kek2);background:var(--kek1);border-collapse:collapse;font-size:1.8vh}
body.admin .user_tabla thead td:first-child{background:url(../img/logo-big.png)50%/90% no-repeat #FFF}
body.admin .user_tabla thead td{font-weight:900}
body.admin .user_tabla td{padding:.312vh;border:.125vh solid var(--sarga);background-color:#FFF;box-shadow:inset 0 0 0 .05vh var(--kek1);-moz-box-shadow:inset 0 0 0 .05vh var(--kek1);-webkit-box-shadow:inset 0 0 0 .05vh var(--kek1);text-align:center;overflow:hidden}
body.admin .user_tabla tbody tr:hover td{background-color:var(--kek2);color:#FFF}
body.admin .user_tabla tbody tr:hover td input{color:#000}
body.admin .user_tabla2 input{color:#000}
body.admin .user_tabla tbody tr td:nth-child(1){width:2vh;height:2vh}
body.admin .user_tabla tbody tr td.kapcsolo{overflow:visible}
body.admin .user_tabla tbody tr td.bovebben:hover{background:#34CE16;cursor:pointer}
body.admin .user_tabla tbody tr td.bovebben:before{content:"Bővebben";font-size:1.2vh;color:var(--kek1);padding-left:2.1vh;background:url(../img/modosit.png)no-repeat 0 50%/auto 100%}
body.admin .user_tabla tbody tr td.bovebben:hover:before{text-decoration:underline}
body.admin .user_tabla tbody tr:hover td.bovebben:before{color:#FFF} */
.mod_bg{position:fixed;z-index:1001;left:0;top:0;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background:rgba(244,244,244,.8);cursor:default}
.mod_bg .gorget{display:flex;width:100%;height:100%;overflow:auto;align-items:center;justify-content:center}
.mod_bg .gorget .keret{position:relative;display:flex;flex-direction:column;width:calc(100% - 6.4vw);background:#FFF;box-shadow:0 0 2vh #999,inset 0 0 0 .3vh #FFF,inset 0 0 0 0.42vh #EEE;-moz-box-shadow:0 0 2vh #999,inset 0 0 0 .3vh #FFF,inset 0 0 0 0.42vh #EEE;-webkit-box-shadow:0 0 2vh #999,inset 0 0 0 .3vh #FFF,inset 0 0 0 0.42vh #EEE;justify-content:center;align-items:center}
.popup .gorget .keret_kulso.keskeny{width:auto}
.mod_bg .gorget .keret .x{position:absolute;z-index:3;right:-3vh;top:-3vh;width:3vh;height:3vh;background:url(../img/fancy_close.png)no-repeat 50% 50%/100% 100%;cursor:pointer}
.mod_bg .gorget .keret form{width:100%}
.mod_bg .gorget .keret form .tarto{max-height:91.93vh;overflow:auto}
.mod_bg .gorget .keret h1{margin-bottom:.31vh;font-size:2.33vh;font-weight:900}

.mod_bg .gorget .keret form label{--x:mod_mezo;display:flex;flex-direction:column;overflow:hidden;position:relative;width:calc(100% - 1.85vh);align-items:center;margin:.3vh;background:none!important;font-size:1.8vh;color:#000}
.mod_bg .gorget .keret form label.gomb{display:inline-block;width:auto;margin-left:.5vw;overflow:visible}
.mod_bg .gorget .keret form label.gomb input[type="button"]{height:2.2vh;position:relative;top:-.15vh;margin:0;padding:0 .41vw;font-size:.8vh}
.mod_bg .gorget .keret form label.nagy{--x:mod_mezo_textarea}
.mod_bg .gorget .keret form label:nth-child(odd){background:#F9F9F9}
.mod_bg .gorget .keret form p{font-size:.916vh;font-weight:900;color:#EC4848;margin-bottom:.3107vh;line-height:1vh}
.mod_bg .gorget .keret form .tarto input[type="button"]{margin:1vh 0;border-width:.2vh;font-size:1.3vh;font-weight:900}
.mod_bg .gorget .keret form .tarto .blokk{display:inline-block;width:95%;margin-bottom:1vh;border:.05vh solid #CCC}
.mod_bg .gorget .keret form .tarto .blokk div{--x:mod_mezo_hozzaad;display:block;position:relative;max-height:0}
.mod_bg .gorget .keret form label:not(.gomb),
.mod_bg .gorget .keret form .tarto .blokk div{--a:var(--x) .6s ease-out forwards;animation:var(--a);-moz-animation:var(--a);-webkit-animation:var(--a)}
@keyframes mod_mezo{0%{max-height:0;padding-top:0}100%{max-height:5.267vh;margin-bottom:0;padding-bottom:1vh}}
@keyframes mod_mezo2{0%{max-height:0;padding-top:0}100%{max-height:2.267vh;margin-bottom:0;padding-bottom:1vh}}
@keyframes mod_mezo_hozzaad{0%{max-height:0;padding-top:0}100%{max-height:6.87vh;margin-bottom:.7vh;padding-top:.51vh;    padding-bottom:1.1vh}}
@keyframes mod_mezo_textarea{0%{max-height:0;padding-top:0}100%{max-height:16.131vh;margin-bottom:1vh;padding-top:.76vh}}
.mod_bg .gorget .keret form .tarto .blokk div[data-villog]{
box-shadow:inset 0 0 23px red
}
.mod_bg .gorget .keret form .tarto .blokk div label{overflow:visible}
.mod_bg .gorget .keret form .tarto .blokk div label .inp{width:calc(100% - 2vh)
;background:red-
}
.mod_bg .gorget .keret form .tarto .blokk div label.datum:before,.mod_bg .gorget .keret form .tarto .blokk div label .inp:before{content:"";position:absolute;left:.35vw;top:-.17vh;padding:0 9px;font-size:.93vh;font-weight:900;background:var(--sarga);border-radius:1vh;-moz-border-radius:1vh;-webkit-border-radius:1vh}
.mod_bg .gorget .keret form .tarto .blokk div label.datum:before{content:"Évszám";left:-.2vw;top:-1.09vh}
.mod_bg .gorget .keret form .tarto .blokk div label.szervezet .inp:before{content:"Képzés"}
.mod_bg .gorget .keret form .tarto .blokk div label.intezmeny .inp:before{content:"Intézmény";top:2.25vh}
.mod_bg .gorget .keret form .tarto .blokk .datum{position:absolute;top:calc(50% - 1.35vh);float:left;width:10vh
;background:blue-
}
.mod_bg .gorget .keret form .tarto .blokk .szervezet,.mod_bg .gorget .keret form .tarto .blokk .intezmeny{width:calc(100% - 9vh);height:2vh;margin:0 0 0 9vh}
.mod_bg .gorget .keret form .tarto .blokk .szervezet input,.mod_bg .gorget .keret form .tarto .blokk .intezmeny input{width:calc(100% - 40px);margin:.1vh 0}
.mod_bg .gorget .keret form .tarto .blokk .intezmeny input{font-weight:200}
----.mod_bg .gorget .keret form .tarto .blokk div:not([class]){background:lightblue}
.mod_bg .gorget .keret form .tarto .blokk div:not([class]) .torol{position:absolute;right:-.4vh;top:calc(50% - 1.27vh);width:3vh;height:1.13vh;background:url(../img/kuka_50tra.png)no-repeat 50% 50%/80% 80%;transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1)}
.mod_bg .gorget .keret form .tarto .blokk div:not([class]):hover .torol{background-image:url(../img/kuka.png);cursor:pointer}
.mod_bg .gorget .keret form .tarto .blokk div:not([class]) .torol:hover{transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2)}
.mod_bg .gorget .keret form .tarto .blokk div:not([class]) .torol,.mod_bg .gorget .keret form .tarto .blokk div:not([class]) .torol:hover{transition:transform .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out}

.mod_bg .gorget .keret form p u{color:#000}
/* .mod_bg .gorget .keret form label input[type=text]{width:75%} */
.mod_bg .gorget .keret form label textarea{width:75%;padding:.809vh;text-align:left}
.mod_bg .gorget .keret form label input[name=mukodesi_szam],.mod_bg .gorget .keret form label textarea[name=rendelesi_ido]{width:50%!important;text-align:center}
.mod_bg .gorget .keret form label input[type=text],.mod_bg .gorget .keret form label textarea{border-radius:2.375vh;-moz-border-radius:2.375vh;-webkit-border-radius:2.375vh}
.mod_bg .gorget .keret form label input[type=text]:focus,.mod_bg .gorget .keret form label textarea:focus{background:#FFF;box-shadow:0 0 1vh var(--kek1)}
.mod_bg .gorget .keret .belso .profilkep{position:absolute;z-index:1;left:calc(50% - 4vh);top:-4.8vh;display:inline-flex;width:8vh;height:8vh;align-self:normal;background:50%/contain no-repeat;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
.mod_bg .gorget .keret .belso .profilkep.mail:after{content:"";position:absolute;left:calc(50% + 1.5vh);top:4vh;display:inline-flex;width:2vh;height:2vh;background:url(../img/email_icon4.png) 50%/contain no-repeat}
body.admin>*:not(.frissitesek) input[type=submit]{min-width:35%!important;height:auto;margin-bottom:1.24vh;padding:initial;font-size:1.66vh;font-weight:900}
body.admin input[type=checkbox].lathato{position:absolute!important;z-index:1;left:-1.5vh;top:-1.5vh;margin:0!important;aspect-ratio:0!important;width:3vh!important;height:3vh!important;background:transparent!important;box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important}
body.admin input[type=checkbox].lathato:before{content:"❌"!important;font-size:1.7vh!important}
body.admin input[type=checkbox].lathato:checked:before{content:"✅"!important}
body.admin>*:not(.frissitesek) input[type=checkbox]{--s:8.5vh;--kor:red;display:inline-flex;position:relative;align-items:center;height:var(--s);aspect-ratio:2.5;width:calc(var(--s) * 2.4);border-radius:var(--s);margin:1vh 0
;background:radial-gradient(farthest-side,var(--kor) 100%,transparent) var(--_p,0%)/var(--s) content-box no-repeat var(--sarga);box-sizing:content-box;transform-origin:calc(3*var(--s)/5) 50%;transition:transform cubic-bezier(0,300,1,300) .5s,background .3s .1s ease-in;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;--sz:10vmin;box-shadow:0 0 5px 4px #FFF,0 0 0 7px #000,0 0 calc(var(--sz) / 50) calc(var(--sz) / 50) #0006,0 -4px calc(var(--sz) / 10) calc(var(--sz) / 500) #0b0b10,0 0px calc(var(--sz) / 10) calc(var(--sz) / 50) #b9e1ff88,0 0 calc(var(--sz) / 5) calc(var(--sz) / 50) #15182fcc;cursor:pointer}
body.admin input[type=checkbox]:focus,body.admin input[type=checkbox]:hover{box-shadow:0 0 5px 4px #FFF, 0 0 0 9px #0072ff, 0 0 calc(var(--sz) / 50) calc(var(--sz) / 50) #0006, 0 0px calc(var(--sz) / 10) calc(var(--sz) / 50) #b9e1ff88, 0 0 calc(var(--sz) / 12) calc(var(--sz) / 15) #62f50b}
/* body.admin .user_tabla input[type=checkbox]{--s:1.5vh;margin:-.53vh;width:50%;top:-.27vh} */
body.admin .user_tabla2 input[type=checkbox]{--s:1.5vh;margin:1.5vh 25%;width:50%}
body.admin .user_tabla2 .log_tabla input[type=checkbox]{top:-.2vh;margin:0;width:90%}
body.admin>*:not(.frissitesek) input[type=checkbox]:checked{--_p:100%;--kor:green;transform-origin:calc(100% - 3*var(--s)/5) 50%;transform:rotate(0.1deg)}
body.admin>*:not(.frissitesek) input[type=checkbox]:before,body.admin>*:not(.frissitesek) input[type=checkbox]:checked:before{display:inline-block;position:relative;padding:9px;font-size:calc(var(--s) * .3);text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #fff,0 0 40px #0ff;transition:left .3s .1s ease-in;-moz-transition:left .3s .1s ease-in;-webkit-transition:left .3s .1s ease-in}
body.admin>*:not(.frissitesek) input[type=checkbox]:before{content:"NEM";left:5px}
body.admin>*:not(.frissitesek) input[type=checkbox]:checked:before{content:"IGEN";left:62%;width:auto}
/* body.admin>*:not(.frissitesek) .user_tabla input[type=checkbox]:before, */input[type=checkbox]:checked:before{position:static;width:100%;font-size:1.3vh;text-align:center}
body.admin>*:not(.frissitesek)  .user_tabla2 input[type=checkbox]:before,input[type=checkbox]:checked:before{position:static;width:100%;font-size:1.3vh;text-align:center}
/* .user_tabla td input[type=text],.user_tabla td textarea{height:2.367vh;margin:-.122vh .15vh .3089vh .15vh;padding:0 1vh;border-style:none;box-shadow:inset 0 0 .5vh .02vh #999;background:#EEE;text-decoration:underline var(--sarga);font-size:1.5815vh;font-weight:700;text-align:center} */
.user_tabla2 input[type=text],.user_tabla2 textarea{height:2.367vh;margin:-.122vh .15vh .3089vh .15vh;padding:0 1vh;border-style:none;box-shadow:inset 0 0 .5vh .02vh #999;background:#EEE;text-decoration:underline var(--sarga);font-size:1.5815vh;font-weight:700;text-align:center}
/* .user_tabla td textarea{height:12.4579vh} */
.user_tabla2 .mod_bg .gorget .keret form label textarea{height:12.4579vh}

 /* Log */
.mod_bg .gorget .log .keret .belso .profilkep:after{content:"";position:absolute;left:calc(50% + 1.5vh);top:4vh;display:inline-flex;width:2vh;height:2vh;background:url(../img/log6_1.png) 50%/contain no-repeat}
.mod_bg .gorget .log *{width:auto}
.mod_bg .gorget .log .keret .belso .log_tarto{max-height:88.1vh;margin-top:1vh;overflow:hidden auto}
.mod_bg .gorget .log .keret .belso .log_tarto .log_tabla{border-collapse:collapse}
  x.mod_bg .gorget .log .keret .belso .log_tarto .log_tabla td:not(:last-child){white-space:nowrap}
.mod_bg .gorget .log .keret .belso .log_tarto .log_tabla thead td{border-bottom:.153vh inset var(--kek2);font-weight:900}
.mod_bg .gorget .log .keret .belso .log_tarto .log_tabla tbody tr td{border-bottom:.153vh inset var(--sarga)}
.mod_bg .gorget .log .keret .belso .log_tarto .log_tabla tbody tr td{padding:.5vh}
.mod_bg .gorget .log .keret .belso .log_tarto .log_tabla tbody tr:hover td{background-color:var(--kek2);color:#FFF}
.mod_bg .gorget .log .keret .belso .log_tarto .log_tabla tbody tr td:last-child{min-width:7vh}

 /* E-mailek */
.user_tabla2 .mod_bg .gorget .keret .level_kereso{}
.user_tabla2 .mod_bg .gorget .keret .level_kereso label{}
.user_tabla2 .mod_bg .gorget .keret .level_kereso label:before{content:"Kereső"}
.user_tabla2 .mod_bg .gorget .keret h1 b{color:#C00}
.user_tabla2 .mod_bg .gorget .keret .levelek{max-height:88vh;overflow:auto;background:#F7F7F7}
/*.user_tabla2 .mod_bg .gorget .keret .level{position:relative;font-size:1.4vh;text-align:left}
.user_tabla2 .mod_bg .gorget .keret .level:not(:first-child):not(:last-child){--x:-.1vh;--h:,0 0;--ny:,0 0;--c:#EAEAEA;--b:inset 0 var(--x) var(--c) var(--h) var(--ny);box-shadow:var(--b);-moz-box-shadow:var(--b);-webkit-box-shadow:var(--b);overflow:hidden}
.user_tabla2 .mod_bg .gorget .keret .level:not(:first-child):not(:last-child):hover{--x:-.2vh;--c:#CCC;--h:,inset calc(var(--x) * -1) 0 var(--kek2)}
.user_tabla2 .mod_bg .gorget .keret .level:not(.nyitva):hover{cursor:pointer}
.user_tabla2 .mod_bg .gorget .keret .level>div{display:inline-block}
.user_tabla2 .mod_bg .gorget .keret .level.nyitva>div{margin:.2vh}
.user_tabla2 .mod_bg .gorget .keret .level .id{width:2.5%;padding-left:.2vw}
.user_tabla2 .mod_bg .gorget .keret .level .kuldo{min-width:15%
;background:bisque}
.user_tabla2 .mod_bg .gorget .keret .level .kuldo .nev{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user_tabla2 .mod_bg .gorget .keret .level:not(.nyitva) .kuldo .email,.user_tabla2 .mod_bg .gorget .keret .level:not(.nyitva) .kuldo .telefon{display:none}
.user_tabla2 .mod_bg .gorget .keret .level.nyitva>div:not(.uzenet){position:absolute}
.user_tabla2 .mod_bg .gorget .keret .level.nyitva .kuldo{width:100%;cursor:pointer;background:lightgreen}
.user_tabla2 .mod_bg .gorget .keret .level.nyitva .datum{display:inline-flex;justify-content:right;align-items:center;right:0;width:35%;height:5.1vh;cursor:pointer;background:lightblue}
.user_tabla2 .mod_bg .gorget .keret .level .uzenet{text-align:left}
.user_tabla2 .mod_bg .gorget .keret .level:not(.nyitva) .uzenet{max-width:67%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user_tabla2 .mod_bg .gorget .keret .level.nyitva .uzenet{width:calc(100% - 2.4vh);background:cyan;margin-top:5.1vh;padding:1vh}
.user_tabla2 .mod_bg .gorget .keret .level .uzenet br{display:none}
.user_tabla2 .mod_bg .gorget .keret .level.nyitva{--ny:,0 0 .5vh #333,inset 0 0 .2vh #000!important;background:lightyellow}
.user_tabla2 .mod_bg .gorget .keret .level.nyitva .uzenet br{display:block;}
.user_tabla2 .mod_bg .gorget .keret .level .datum{float:right;max-width:20%;text-align:right;padding-right:1vw;white-space:nowrap
;background:aquamarine}
*/
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t .level
,.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t .level.nyitva td:first-child
,.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr.nyitva~.level_t td
,.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t .level:not(.nyitva):hover td
{--x:-.2vh;--h:,0 0;--ny:,0 0;--c:#EAEAEA;--also:inset 0 var(--x) var(--c);--b:var(--also) var(--h) var(--ny);box-shadow:var(--b);-moz-box-shadow:var(--b);-webkit-box-shadow:var(--b)}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t .level:hover{cursor:pointer}
 .user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t .level:not(:first-child):not(:last-child):hover
,.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t .level.nyitva td:first-child
,.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr.nyitva~.level_t td
,.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t .level:not(.nyitva):hover td:first-child
{--x:-.2vh;--c:#CCC;--h:,inset calc(var(--x) * -1) 0 var(--kek2)}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t .level.nyitva td:first-child
{--also:inset calc(var(--x) * -1) 0 var(--kek2)}

.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t .level:hover td{--c:#999}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t .level:not(.nyitva):hover td{--c:#bbb}

.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t{width:100%;border-collapse:collapse;margin:.25vh 0}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr td{font-size:1.4vh}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr.nyitva td{border-bottom-style:dashed}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr .id{width:2.5%}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr .kuldo{width:15%;padding-left:.5vh;text-align:left}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr.nyitva{margin-top:1vh}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr.nyitva td,.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr.nyitva~.level_t td{background:#FFF}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr.nyitva~.level_t td{--ny:, calc(var(--x) * -1) 0 var(--kek2),0 calc(var(--x) * -4) calc(var(--x) * -8) #999;padding:1vh 2vh;background:-moz-linear-gradient(0deg,var(--c) 0%,#FFF 1vh,#FFF 100%);background:-webkit-linear-gradient(0deg,var(--c) 0%,#FFF 1vh,#FFF 100%);background:-o-linear-gradient(0deg,var(--c) 0%,#FFF 1vh,#FFF 100%);background:linear-gradient(0deg,var(--c) 0%,#FFF 1vh,#FFF 100%)}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr.nyitva .kuldo{position:relative;z-index:2;min-width:auto;height:5.05vh;background:#FFF}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr.nyitva .kuldo .kuldo_tarto{position:absolute;left:.5vh;top:0}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr .kuldo .kuldo_tarto .nev{font-weight:900}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr:not(.nyitva) .kuldo .kuldo_tarto .nev{white-space:nowrap}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr .uzenet{position:relative;width:75%;text-align:left}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr:not(.nyitva) .uzenet:after{content:"";position:absolute;right:0;top:0;display:inline-block;width:.5vw;height:100%;background:-moz-linear-gradient(90deg,transparent 0%,var(--c) 100%);background:-webkit-linear-gradient(90deg,transparent 0%,var(--c) 100%);background:-o-linear-gradient(90deg,transparent 0%,var(--c) 100%);background:linear-gradient(90deg,transparent 0%,var(--c) 100%)}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr .uzenet>*{position:absolute;left:0;top:0;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;text-align:left
;-background:#999}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t .level.nyitva{--ny:,0 0 .95vh #333,inset 0 0 .2vh #000!important}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr.nyitva .uzenet>*{visibility:hidden}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr .uzenet div span{display:inline-block;
height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis
;-background:pink}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr:not(.nyitva) .kuldo .kuldo_tarto .email,
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr:not(.nyitva) .kuldo .kuldo_tarto .telefon,
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr .uzenet br{display:none}
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr .datum{text-align:right;white-space:nowrap
;-background:lawngreen}

.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr ~ .level_t td{position:relative;text-align:justify}
 
.user_tabla2 .mod_bg .gorget .keret .levelek .levelek_t>tr ~ .level_t td:empty{display:none}


body.admin .fotabla .lab{height:4vh}

body.admin .user_tabla2{display:flex;max-width:calc(99vw - 1.06vh);padding:.3vh;border:.53vh inset var(--kek2);border-collapse:collapse;font-size:1.8vh;text-align:center}
body.admin .user_tabla2 .tartalom{display:inline-block;width:100%;min-width:400px;min-height:auto}
body.admin .user_tabla2,body.admin .user_tabla2 .tartalom{border-radius:4vh;-moz-border-radius:4vh;-webkit-border-radius:4vh}
body.admin .user_tabla2 .tartalom .kollega{--tr:scale(1);--szin:var(--sarga);--sh:inset 0 0 8px var(--szin),0 .2vh .5vh 0 var(--szin);position:relative;display:inline-block;min-width:calc(400px - .4vh);margin:.4vh;padding:.4vh;vertical-align:top;box-shadow:var(--sh);-moz-box-shadow:var(--sh);-webkit-box-shadow:var(--sh);transform:var(--tr);-moz-transform:var(--tr);-webkit-transform:var(--tr);transition:transform .5s ease-in-out;-moz-transition:-moz-transform .5s ease-in-out;-webkit-transition:-webkit-transform .5s ease-in-out}
body.admin .user_tabla2 .tartalom .kollega:hover{--tr:scale(1.15) translateX(-.3vh);z-index:1;background:#FFF}
body.admin .user_tabla2 .tartalom .kollega:not(:last-child){margin-bottom:1.4vh}
body.admin .user_tabla2 .tartalom .kollega:nth-child(even){--szin:var(--kek2)}
body.admin .user_tabla2 .tartalom .kollega.inaktiv{opacity:.3}
body.admin .user_tabla2 .tartalom .kollega .login{max-width:92vw;background:#F5F5F5}
body.admin .user_tabla2 .tartalom .kollega i{display:flex;position:relative;max-width:92vw;margin:auto;padding-top:.5vh;border-top:.153vh inset var(--szin)}
body.admin .user_tabla2 .tartalom .kollega i:before{position:absolute;top:0;padding:0 .3vh;font-size:.93vh;font-weight:900;height:.95vh;color:#FFF;background:#A4A4A4}
body.admin .user_tabla2 .tartalom .kollega .login .user:before{content:"Felhasználónév"}
body.admin .user_tabla2 .tartalom .kollega .login .jelszo:before{content:"Jelszó"}
body.admin .user_tabla2 .tartalom .kollega .idopontfoglalas:before{content:"Foglalhatnak nálam időpontot?"}
body.admin .user_tabla2 .tartalom .kollega .email{overflow:hidden;max-width:400px}
body.admin .user_tabla2 .tartalom .kollega .email i div{color:#00F;text-decoration:underline}
body.admin .user_tabla2 .tartalom .kollega .email i:before{content:"E-mail cím"}
body.admin .user_tabla2 .tartalom .kollega .email i:after{content:"";display:block;position:absolute;right:0;width:25%;height:100%;background:-moz-linear-gradient(to right,transparent,#FFF);background:-webkit-linear-gradient(to right,transparent,#FFF);background:-ms-linear-gradient(to right,transparent,#FFF);background:-o-linear-gradient(to right,transparent,#FFF);background:linear-gradient(to right,transparent,#FFF);pointer-events:none}
body.admin .user_tabla2 .tartalom .kollega .log:hover{font-weight:900;text-decoration:underline;color:#00F;cursor:pointer}
body.admin .user_tabla2 .tartalom .kollega .log:before{content:"";display:inline-block;position:relative;top:.31vh;width:32px;margin-right:.5vh;height:32px;background:url(../img/log6.png)no-repeat 0 bottom/auto 100%}


/* frissítések */
body.admin .frissitesek{margin:0 3vw;background:#DCFFD769;text-align:center}
body.admin .frissitesek input[type="checkbox"]{--s:4vh;width:auto;background:transparent}
body.admin .frissitesek input[type="checkbox"]:before,body.admin .frissitesek input[type="checkbox"]:checked:before{content:"Fejlesztések, frissítések";font-size:1.4vh;font-weight:900;white-space:nowrap}
body.admin .frissitesek input[type=checkbox]:before,body.admin .frissitesek input[type=checkbox]:checked:before{left:auto;transform-origin:50% 50% 0}
body.admin .frissitesek ul{--t:height .53s ease-in-out;position:relative;height:calc(var(--x));padding:0 .5vw .5vw .5vw;overflow:hidden
;transition:var(--t);-moz-transition:var(--t);-webkit-transition:var(--t)}
body.admin .frissitesek input[type="checkbox"]:not(:checked)~ul{--x:1vh}
body.admin .frissitesek input[type="checkbox"]:not(:checked)~ul:before{content:"";position:absolute;bottom:0;display:block;width:100%;height:1.8vh;background: linear-gradient(to bottom,transparent,#999999bb);
}
body.admin .frissitesek ul li{margin-bottom:.3vw;padding-left:6em;text-indent:-6em;text-align:justify}
body.admin .frissitesek ul li:nth-child(even){color:#777}
body.admin .frissitesek ul li hr{border:.15em solid #F00;margin-top:-.6em}



/* karácsony 2024 */
body.admin .karacsony{display:flex;background:#348b34;padding:2vh;box-shadow:inset 0 0 0 .6vh #348b34,inset 0 0 .9vh .9vh yellow;-moz-box-shadow:inset 0 0 0 .6vh #348b34,inset 0 0 .9vh .9vh yellow;-webkit-box-shadow:inset 0 0 0 .6vh #348b34,inset 0 0 .9vh .9vh yellow;flex-direction:column;border-radius:3vh;-moz-border-radius:3vh;-webkit-border-radius:3vh}
body.admin .karacsony *{display:block;font-weight:900!important}
body.admin .karacsony h1{font-size:1.7vh;color:#fff}
body.admin .karacsony .fa{height:15vh;background:url(../img/fa.gif) 50%/contain no-repeat}
body.admin .karacsony h2{font-size:1.6vh;color:#e00;text-align:center;text-decoration:underline;background:#FFF;padding:1vh .7vh}
body.admin .karacsony h3{font-size:1.5vh;text-align:right;color:#ccc}
body.admin .karacsony h3 b{font-size:2vh}


.php_hiba{display:inline-block;position:fixed;z-index:9999999999;left:50px;right:50px;top:10%;max-height:86%;background:rgba(100,100,100,.8);border:10px inset #FFFF00;padding:10px;overflow:auto;font-size:18pt;font-weight:900}
.php_hiba th{font-size:18pt}

.w1{position:fixed;z-index:9999;right:10px;bottom:10px;}
.w1:before{content:var(--str);display:flex;height:50px;background:#FFF;border:3px dashed #999;padding:0 9px;white-space:nowrap;align-items:center;font-size:14pt;font-weight:900;color:var(--c)}
.w1:after{content:attr(data-meret);display:flex;background:#FFF;border:3px dashed #999;padding:0 9px;white-space:nowrap;align-items:center;font-size:14pt;font-weight:900;color:var(--c)}
@media (min-width:1461px){.w1:before{--str:"MiN-width:1461px";--c:#999}}
@media (max-width:1460px){
 .w1:before{--str:"max-width:1460px";--c:red}
 header .links-box ul{width:380px;justify-content:space-between}
 header .links-box ul li{font-size:14px}
 header .links-box a.appointment{padding-left:20px;padding-right:20px}
 .image-and-text{justify-content:space-around;align-items:center}
 .image-and-text .home-img{width:400px;background-size:contain;background-position:center top;background-repeat:no-repeat}
 .image-and-text .how-can-we-help-img{width:400px;background-size:contain;background-position:center top;background-repeat:no-repeat}
 .image-and-text .contact-img{width:390px;background-size:contain;background-position:center top;background-repeat:no-repeat}
 .image-and-text .text{margin-right:50px}
 .page-colleagues-list .hero{width:100%;height:910px;background-position:center}
}
@media (max-width:1210px){
 .w1:before{--str:"max-width:1210px";--c:green}
 .btn{padding-left:15px;padding-right:15px}
 .btn.btn--hamburger{padding:0;margin-right:15px}
 .logo{margin-left:15px}
 header .links-box{flex-grow:inherit}
 header .links-box .btn--hamburger{display:block}
 header .links-box.active ul{right:0}
 header .links-box ul{display:block;position:fixed;top:88px;background-color:#fff;z-index:10;width:225px;right:-225px;box-sizing:border-box;transition:right .5s;padding:10px 15px 10px 0}
 header .links-box ul li a{width:100%;text-align:right;height:45px;line-height:45px}
 header .links-box a.appointment{margin-right:25px;margin-left:0}
 .page-contact .image-and-text .contact-img{width:200px;height:230px;margin-left:auto;margin-right:auto}
 .page-how-can-we-help .container.bottom-container .image-and-text,.page-policy .container.bottom-container .image-and-text{width:100%}
 .page-how-can-we-help .container.bottom-container .image-and-text .text,.page-policy .container.bottom-container .image-and-text .text{max-width:600px}
 .page-colleagues-list .hero{background-position:center top;height:600px;background-image:url(../img/colleagues-list-bg-new-20220213-mobile.png)}
 .page-appointment .send-box{max-width:350px}
 .colleagues-slider{width:225px}
 .colleagues-slider .overflow{width:225px;overflow:hidden;margin-left:auto;margin-right:auto}
 .colleagues-slider .left,.colleagues-slider .right{display:block;position:absolute;top:95px}
 .colleagues li.leader{width:225px}
 .colleagues li.leader.from-left{padding-left:inherit}
 .colleagues li.leader.from-right{padding-right:inherit}
 .colleagues li{width:225px}
}
@media (max-width:1060px){
 .w1:before{--str:"max-width:1060px";--c:blue}
 .just-mobile{display:block}
 .hide-mobile{display:none}
 .form ul li{flex-direction:column;align-items:center}
 .form ul li span{margin-bottom:35px;width:90%;max-width:480px}
 .form ul li span.full-width{width:90%}
 .accordion li .text{border-left:none}
 .image-and-text{flex-direction:column}
 .image-and-text .home-img{height:330px;margin-left:0;max-width:90%}
 .image-and-text .how-can-we-help-img{height:330px;margin-left:0;max-width:90%}
 .image-and-text .contact-img{height:330px;margin-left:0;max-width:90%}
 .image-and-text .text{text-align:center;width:96%;margin-left:2%;margin-right:2%}
 .page-thank-you h1{margin-bottom:20px}
 .page-contact .image-and-text .text{width:80%;margin-left:auto;margin-right:auto}
 .page-contact .image-and-text .contacts ul{display:flex;flex-direction:column}
 .page-contact .image-and-text .contacts ul li .text{text-align:left}
 .page-contact .image-and-text .accordion .table{border:none}
 .page-pricing h1{margin-bottom:20px}
 .columns{flex-direction:column;align-items:center;margin-bottom:0}
 .columns .col{width:100%;margin-bottom:50px}
 .columns .col ul li.button-row{display:flex;justify-content:center}
 .page-colleagues .container{flex-direction:column;margin-bottom:0}
 .page-colleagues .right{width:90%;margin-left:5%;margin-right:5%;top:-200px;position:relative}
 .page-colleagues .right .accordion li .text{padding-left:0;padding-right:0}
 .page-colleagues .right .accordion li .text>div{border-left:3px solid var(--sarga);padding:10px 0 10px 20px;margin-top:20px}
 .page-colleagues .right .accordion li .text>div .table{border-top:0}
 .page-colleagues .right .accordion li .text h3{padding-left:20px;text-align:center;border-left:3px solid #073b5a}
 .page-colleagues .colleague-info .image{max-width:90%;background-size:contain;background-position:center;background-repeat:no-repeat}
 .page-colleagues .colleague-info h2{max-width:90%;text-align:center}
 .page-colleagues-list h1{margin-bottom:30px}
 .page-colleagues-list .hero{height:550px}
 .page-appointment .privacy-policy-box{width:96%;justify-content:center}
 .table{border-top:3px solid var(--sarga)}
 .table li{position:relative;height:130px;align-items:flex-start;box-sizing:border-box;padding:15px}
 .table li .col1{padding-left:45px;height:30px}
 .table li .col1:before{content:"";background-image:url(../img/heart-icon.png);width:28px;height:25px;margin-right:20px;background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;left:14px;top:17px}
 .table li .col1 .arrow-icon{display:none}
 .table li .col1 .point-icon{display:none}
 .table li .col2{position:absolute;top:54px;left:15px;display:flex;align-items:center}
 .table li .col2:before{content:"";background-image:url(../img/clock-icon.png);width:26px;height:28px;margin-right:20px;display:block}
 .table li .col3{position:absolute;top:95px;left:15px;display:flex;align-items:center}
 .table li .col3:before{content:"";background-image:url(../img/price-icon.png);width:26px;height:26px;display:block;margin-right:20px;background-size:contain;background-position:center;background-repeat:no-repeat}
 .table li.header{display:none}
 footer .container{background-color:#073b5a}
 footer .container>div{flex-direction:column;align-items:center}
 footer .container>div.social-box{margin-top:50px}
 footer .container>div.copyright{margin-bottom:30px;max-width:90%;text-align:center;font-size:.81vh}
 body.admin footer .container>div.copyright{margin-bottom:auto}
 footer .container>div.impressum{margin-bottom:30px;max-width:90%;text-align:center}
 footer h3{text-align:center;margin-top:12px;text-transform:uppercase}
 footer .logo{margin-bottom:70px}
 footer .links li a{width:100%;display:block;text-align:center}
 .contacts{margin-bottom:50px}
 .contacts li{text-align:center}
}
@media (max-width:881px){
 .w1:before{--str:"max-width:881px";--c:royalblue}
 .container.main-container{padding-top:80px}
 header{position:fixed;z-index:1000;top:0;left:0;right:0;background-color:#fff;border-color:#073b5a}
 .admin header{position:static}
 .accordion li .icon{position:absolute;top:0;left:0;bottom:0}
 .accordion li .icon .box>div{width:50px;height:80px;background-size:contain;background-position:center;background-repeat:no-repeat}
 .accordion li .text{border-left:0;width:100%;padding-left:15px;padding-right:15px}
 .accordion li .text h3{padding-left:100px;line-height:20px;align-items:center;display:flex}
 .accordion li.opened .icon{top:10px;bottom:auto}
 .page-home .container.first{padding-top:730px}
 .page-home .hero{height:730px}
 .page-home .hero .main-cta{width:94%;margin-top:40px;font-size:25px}
 .page-home .hero .main-cta div{line-height:38px}
 .page-thank-you .cta{max-width:90%}
 .page-thank-you .cta ul li{margin-top:10px}
 .page-contact .image-and-text .text{width:96%}
 .page-contact .image-and-text .text h3{padding-left:0}
 .page-contact .image-and-text .accordion #section1{margin-bottom:0}
 .page-contact .image-and-text .accordion .table li{text-align:left;padding:0}
 .page-contact .image-and-text .accordion .table li:first-child{margin-top:15px}
 .page-pricing .cta{max-width:90%}
 .page-pricing .cta ul li{margin-top:10px}
 .page-colleagues-list .container{top:20px}
 .page-colleagues-list .hero{height:430px;background-position:center -20px}
 .page-appointment .success{max-width:96%}
 .privacy-policy{bottom:-250px}
 }
@media (max-width:600px){
 .w1:before{--str:"max-width:600px";--c:orange}
 .logo:after{display:none}
 .page-information .btn--appointment{display:flex;width:80%;justify-content:center;margin-left:auto;margin-right:auto;box-sizing:border-box}
 .page-colleagues-list .hero{height:270px;background-position:center -10px}
}
@media (max-width:400px){
 .w1:before{--str:"max-width:400px";--c:#9c9117}
 .page-colleagues-list .hero{height:200px}
}