/* metanet css by gabor.barati@gmail.com 2021 */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

@font-face {
    font-family: Merriweather;
    font-style: normal;
    font-weight: 400;
    src: local('Merriweather'), local('Merriweather'), url(merriweather.woff) format('woff')
}

html,body{font-family:Merriweather, serif;font-size:16px;line-height:1.5}html{overflow-x:hidden} 
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.mobile-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:Merriweather, serif;font-weight:400;margin:10px 0}.mobile-wide{letter-spacing:4px}

hr{height:1px;border:0;background:#ddd;margin:16px 2px 0px 2px;}
img{margin-bottom:-5px}
a{color:inherit}
table{border-collapse:collapse;border-spacing:0;width:100%;display:table}
table,th,td{border:none}
.mobile-container{max-width: 1200px;margin: 0 auto;padding: 0;}/*--- container max 1200px ---*/ 
.mobile-table-all{border:1px solid #ccc}
.mobile-bordered tr,.mobile-table-all tr{border-bottom:1px solid #ddd}
.mobile-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.mobile-table-all tr:nth-child(odd){background-color:#fff}
.mobile-table-all tr:nth-child(even){background-color:#f1f1f1}
.mobile-hoverable tbody tr{transition:background-color .25s ease}
.mobile-hoverable tbody tr:hover{background-color:#ccc}
.mobile-centered tr th,.mobile-centered tr td{text-align:center}
.mobile-table td,.mobile-table th,.mobile-table-all td,.mobile-table-all th{padding:6px 8px;display:table-cell;text-align:left;vertical-align:top}
.mobile-table th:first-child,.mobile-table td:first-child,.mobile-table-all th:first-child,.mobile-table-all td:first-child{padding-left:16px}
ul.mobile-ul{list-style-type:none;padding:0;margin:0}
ul.mobile-ul li{padding:6px 2px 6px 16px;border-bottom:1px solid #ddd}
ul.mobile-ul li:last-child{border-bottom:none}
.mobile-image,.mobile-tooltip{position:relative}
img.mobile-image,.mobile-image img{max-width:100%;height:auto}
.mobile-image .mobile-title{position:absolute;bottom:8px;left:16px;color:#fff;font-size:20px} 
.mobile-input-group,.mobile-group{margin-top:15px;margin-bottom:15px; margin-right: 10px;}
.mobile-input{padding:8px;display:inline-block;border:1px solid #aaa;width:100%}
/*.mobile-input:not(:valid)~.mobile-validate{color:#f44336}*/
.mobile-select{padding:4px 0;width:100%;color:#000;border:1px solid transparent;border-bottom:1px solid #009688}
.mobile-select select:focus{color:#000;border:1px solid #009688}.mobile-select option[disabled]{color:#009688}
input[type=checkbox].mobile-check,input[type=radio].mobile-radio{width:24px;height:24px;position:relative;top:6px}
input[type=checkbox].mobile-check:checked+.mobile-validate,input[type=radio].mobile-radio:checked+.mobile-validate{color:#009688} 
input[type=checkbox].mobile-check:disabled+.mobile-validate,input[type=radio].mobile-radio:disabled+.mobile-validate{color:#aaa}
.mobile-responsive{overflow-x:auto}
.mobile-container:after,.mobile-row:after,.mobile-row-padding:after{content:"";display:table;clear:both}
.mobile-col,.mobile-half,.mobile-third,.mobile-twothird,.mobile-quarter{float:left;width:100%}
.mobile-col.s1{width:8.33333%}
.mobile-col.s2{width:16.66666%}
.mobile-col.s3{width:24.99999%}
.mobile-col.s4{width:33.33333%}
.mobile-col.s5{width:41.66666%}
.mobile-col.s6{width:49.99999%}
.mobile-col.s7{width:58.33333%}
.mobile-col.s8{width:66.66666%}
.mobile-col.s9{width:74.99999%}
.mobile-col.s10{width:83.33333%}
.mobile-col.s11{width:91.66666%}
.mobile-col.s12,.mobile-half,.mobile-third,.mobile-twothird,.mobile-quarter{width:99.99999%}
@media only screen and (min-width:601px){
  .mobile-col.m1{width:8.33333%}
  .mobile-col.m2{width:16.66666%}
  .mobile-col.m3,.mobile-quarter{width:24.99999%}
  .mobile-col.m4,.mobile-third{width:33.33333%}
  .mobile-col.m5{width:41.66666%}
  .mobile-col.m6,.mobile-half{width:49.99999%}
  .mobile-col.m7{width:58.33333%}
  .mobile-col.m8,.mobile-twothird{width:66.66666%}
  .mobile-col.m9{width:74.99999%}
  .mobile-col.m10{width:83.33333%}
  .mobile-col.m11{width:91.66666%}
  .mobile-col.m12{width:99.99999%}
}
@media only screen and (min-width:993px){
  .mobile-col.l1{width:8.33333%}
  .mobile-col.l2{width:16.66666%}
  .mobile-col.l3,.mobile-quarter{width:24.99999%}
  .mobile-col.l4,.mobile-third{width:33.33333%}
  .mobile-col.l5{width:41.66666%}
  .mobile-col.l6,.mobile-half{width:49.99999%}
  .mobile-col.l7{width:58.33333%}
  .mobile-col.l8,.mobile-twothird{width:66.66666%}
  .mobile-col.l9{width:74.99999%}
  .mobile-col.l10{width:83.33333%}
  .mobile-col.l11{width:91.66666%}
  .mobile-col.l12{width:99.99999%}
}
.mobile-content{max-width:980px;margin:auto}
.mobile-rest{overflow:hidden} 
.mobile-row-padding,.mobile-row-padding>.mobile-half,.mobile-row-padding>.mobile-third,.mobile-row-padding>.mobile-twothird,.mobile-row-padding>.mobile-quarter,.mobile-row-padding>.mobile-col{padding:0 8px}
.mobile-container{padding: 0px 5px}

.mobile-spin{animation:animatespin 2s infinite linear;-webkit-animation:animatespin 2s infinite linear}
@-webkit-keyframes animatespin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes animatespin{0%{-webkit-transform:rotate(0deg);transform: rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}

.mobile-animate-opacity{
  -webkit-animation-name:opac;-webkit-animation-duration:1.5s;animation-name:opac;animation-duration:1.5s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}@keyframes opac{from{opacity:0} to{opacity:1}}

/* TOP */
.mobile-animate-top{
  position:relative;-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:1s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
/* LEFT */
.mobile-animate-left{
  position:relative;-webkit-animation-name:animateleft;-webkit-animation-duration:0.4s;animation-name:animateleft;animation-duration:2s}
@-webkit-keyframes animateleft{from{left:-600px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-600px;opacity:0} to{left:0;opacity:1}}
/* RIGHT */
.mobile-animate-right{
  position:relative;-webkit-animation-name:animateright;-webkit-animation-duration:1s;animation-name:animateright;animation-duration:1s}
@-webkit-keyframes animateright{from{right:-400px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-400px;opacity:0} to{right:0;opacity:1}}
/* BOTTOM */
.mobile-animate-bottom{
  position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:0.4s;animation-name:animatebottom;animation-duration:0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
/* ZOOM */
.mobile-animate-zoom {-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:animatezoom;animation-duration:1s}
@-webkit-keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.clear{
  clear: both;
}
/* chrome autofilll korrekció */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active  {-webkit-box-shadow: 0 0 0 30px #fff inset !important;} 
input:-webkit-autofill {-webkit-text-fill-color: #111 !important;}
a:focus,button:focus,input:focus,textarea:focus {outline: none !important;}

/* csaa animations*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slow{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slower{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.slowest{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.bounceInRight,.bounceInLeft,.bounceInUp,.bounceInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight,.fadeInLeft,.fadeInUp,.fadeInDown{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.flipInX,.flipInY,.rotateIn,.rotateInUpLeft,.rotateInUpRight,.rotateInDownLeft,.rotateDownUpRight,.rollIn{opacity:0}.lightSpeedInRight,.lightSpeedInLeft{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn.go{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(400px)}60%{-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(400px)}60%{transform:translateX(-30px)}80%{transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}.bounceInRight.go{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}60%{-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-400px)}60%{transform:translateX(30px)}80%{transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}.bounceInLeft.go{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(400px)}60%{-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(400px)}60%{transform:translateY(-30px)}80%{transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.bounceInUp.go{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}60%{-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-400px)}60%{transform:translateY(30px)}80%{transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}.bounceInDown.go{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1;display:block}}.fadeIn{opacity:0}.fadeIn.go{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes growIn{0%{-webkit-transform:scale(.2);opacity:0}50%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1);opacity:1}}@keyframes growIn{0%{transform:scale(.2);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.growIn{-webkit-transform:scale(.2);transform:scale(.2);opacity:0}.growIn.go{-webkit-animation-name:growIn;animation-name:growIn}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake.go{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes shakeUp{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateY(-10px)}20%,40%,60%,80%{-webkit-transform:translateY(10px)}}@keyframes shakeUp{0%,100%{transform:translateY(0)}10%,30%,50%,70%,90%{transform:translateY(-10px)}20%,40%,60%,80%{transform:translateY(10px)}}.shakeUp.go{-webkit-animation-name:shakeUp;animation-name:shakeUp}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-400px)}50%{opacity:.3}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{opacity:0;-webkit-transform:translateX(-400px);transform:translateX(-400px)}.fadeInLeft.go{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(400px)}50%{opacity:.3}100%{opacity:1;transform:translateX(0)}}.fadeInRight{opacity:0;-webkit-transform:translateX(400px);transform:translateX(400px)}.fadeInRight.go{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(400px)}50%{opacity:.3}100%{opacity:1;transform:translateY(0)}}.fadeInUp{opacity:0;-webkit-transform:translateY(400px);transform:translateY(400px)}.fadeInUp.go{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-400px)}50%{opacity:.3}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-400px)}50%{opacity:.3}100%{opacity:1;transform:translateY(0)}}.fadeInDown{opacity:0;-webkit-transform:translateY(-400px);transform:translateY(-400px)}.fadeInDown.go{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn.go{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft.go{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft.go{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight.go{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight.go{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0) rotate(0deg)}}.rollIn.go{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle.go{-webkit-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes ipering{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing.go{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada.go{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble.go{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse.go{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInRight{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInRight.go{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}60%{-webkit-transform:translateX(20%) skewX(-30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedInLeft{0%{transform:translateX(-100%) skewX(30deg);opacity:0}60%{transform:translateX(20%) skewX(-30deg);opacity:1}80%{transform:translateX(0%) skewX(15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedInLeft.go{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip.go{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX.go{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY.go{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut.goAway{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp.goAway{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown.goAway{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft.goAway{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight.goAway{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut.goAway{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUp.goAway{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDown.goAway{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeft.goAway{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRight.goAway{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX.goAway{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes lightSpeedOutRight{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOutRight.goAway{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(-100%) skewX(30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(-100%) skewX(30deg);opacity:0}}.lightSpeedOutLeft.goAway{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut.goAway{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft.goAway{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft.goAway{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight.goAway{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut.goAway{-webkit-animation-name:rollOut;animation-name:rollOut}

/*--- gdpr banner
  ------------------------------------------------------------------------------*/
.banner{ 
  position:fixed; 
  z-index:99999; 
  bottom:72px;
  left: 50%;
  margin-left: -110px;
  width: 220px;
  background: rgba(36,51,50,0.85); 
  display: none; 
  height: 130px;
}
#gdpr_text{
  position: relative;
  display: block;
  text-align: center; 
  color: #fff; 
  font-size: 14px;  
  padding: 20px 0px;
}
#gdpr_text span{
  display: inline-block;
}
#gdpr_text a,#gdpr_text a:active{
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid transparent; 
} 
.gdpr_buttons{
  text-align: center;
  display: inline-block;
  cursor:pointer; 
  border: 1px solid #fff; 
  color:#fff; 
  font-size: 12px; 
  font-weight: bold;
  letter-spacing: 1px; 
  vertical-align: middle;
  margin: 12px auto 8px auto;
  background: transparent;
  padding: 4px 10px 4px 12px; 
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-transform: uppercase;
}

.gdpr_buttons:hover{
  color: #000; 
  background: #fff; 
} 
#gdpr_text a:hover{
  color: #fff; 
  border-bottom: 1px solid #fff;
}  
/*--- layout 
---------------------------------------------------------------------------*/
html { 
  background: #a59586 url('img/bg_pattern.png');
  line-height:22px;
  font-size:16px;
  color:#1b0f02;
}
html, body{ 
  -webkit-font-smoothing: antialiased; 
  -webkit-text-size-adjust: 100%;
  height: 100%;
} 
.darkbrown_bg{
  width: 100%;
  background: #1b0f02; 
}
.footer_bg{
  border-top: 1px solid rgba(185,159,135,0.3); 
  box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.6) inset;
  -webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.6) inset;
  -moz-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.6) inset; 
  width: 100%;
  background: #243332; 
  background:#1b0f02;
  margin-bottom: -10px;
} 
.bottom_bg{ 
  height: auto;
  margin: auto;
  width: 100%;
  background: #243332;  
  border-top: 1px solid #152322; 
  box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.3) inset; 
  -webkit-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.3) inset; 
  -moz-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.3) inset; 
  text-align: center; 
  margin-bottom: -20px;
} 
.lightbrown_bg{
  width: 100%;
  background: #d8c9bb;
  padding: 20px 0 30px 0;
}
.intro_bg{
  width: 100%;
  background: #d8c9bb;
  background: linear-gradient( 90deg,#a49484,#ede8e3, #ede8e3,#a49484);
  padding: 40px 0 30px 0;
}
.beige_bg{
  width: 100%; 
  background: #ede8e3;
  padding: 20px 0 35px 0;
}
.services_bg{
  width: 100%;
  background: transparent;
  padding: 20px 0 35px 0;
}
.beige-gradient_bg{
  width: 100%;
  background: #ede8e3;
  background: radial-gradient( #ede8e3,#ede8e3,#ede8e3,#a49484); 
}

/*--------------------------------------------- */ 

.contact_inf {
  display: block; 
  line-height: 34px;
  margin: 0 auto;
  max-width: 1184px; 
  padding: 0 0 0px 0;
  height: 40px;
}
.contact_links_wrapper{
  display: inline-block;
  margin: 0;
  padding: 0; 
}
.contact_links{ 
  text-decoration: none;
  display: inline;
  font-size: 16px;
  color:#a78f78; 
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 0px 1px 0px 22px; 
  margin-right: 0px;
  opacity: 0.7;
} 
.contact_links.flag{
  font-size: 12px;
  line-height: 38px;
  text-transform: uppercase;
  float: right;
  padding: 0px 25px 0px 0;
}
.contact_links:hover {
  color:#d8c9bb; 
  opacity: 1;
}
#en_flag{
  background: url('img/en_flag.png')no-repeat center right; 
}
#hu_flag{
  background: url('img/hu_flag.png')no-repeat center right; 
}
#email_icon{
  background: url('img/email.png')no-repeat center left;
}
#phone_icon{
  background: url('img/phone.png') no-repeat center left; 
} 
#privacy_icon{
  background: url('img/privacy.png') no-repeat center left;
} 
#cookie_icon{
  background: url('img/cookie.png') no-repeat center left;
} 
#facebook_icon{
  background: url('img/facebook.png') no-repeat center left;
} 
#whatsapp_icon{
  background: url('img/whatsapp.png') no-repeat center left;
} 
#facebook-share-wrap{
  display: block;
  margin-top: 20px;
  text-align: center;
  font-size: 12px; 
  color: #666;
}
#facebook-share-wrap .fb-share-button{ 
  margin-top: 10px;
  text-align: center;
  opacity: 0.7;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#facebook-share-wrap .fb-share-button:hover{ 
  opacity: 1;
}
/*--- SWIPER slideshow
-------------------------------------------------------------------------------*/
#slideshow_bg{
  margin: 75px auto 17px auto;  
}
.swiper-container{ 
  width: 100%;
  max-width: 1190px; 
  margin: 0 auto;
  height: auto;
  -webkit-box-shadow: 1px 1px 3px 0px #444;
  -moz-box-shadow:    1px 1px 3px 0px #444;
  box-shadow:         1px 1px 3px 0px #444;
}
.full-hd-container {
  width: 100%;
  max-width: 1910px; 
  margin: 0 auto;
  height: auto;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; 
}
.swiper-slide img { 
  position: absolute; top: 0; left: 0;
  width: 100%; padding: 0; display: block; 
} 
.swiper-slide img:first-child {
  position: static; z-index: 100; margin: 0
}
.swiper-button-prev {
  background-image: url('img/swiper-button-prev.png') !important;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.3s linear;
  opacity: 0.2;
}

.swiper-button-next {
  background-image: url('img/swiper-button-next.png') !important;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.3s linear;
  opacity: 0.2;
}
.swiper-button-prev:hover {
  opacity: 1;
}

.swiper-button-next:hover {
  opacity: 1;
}
#headline_wrap{
    margin: -10px auto 20px auto;
    display: block; 
    text-align: center; 
    height: 30px;
}
h4.headline,h4.headline_en{
  text-align: center;
  font-size: 32px; 
  padding: 0px 3px 10px 3px;
  line-height: normal;
  color:transparent;
  background-color: #243332;
  text-shadow: 1px 0px 6px rgba(255,255,255,0.7);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text; 
  font-weight: bold;
}
 
/*--- MENU
--------------------------------------------------------------------------*/
#header-wrapper{
  top: 40px;
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100; 
  background-color: #d8c9bb; 
} 
#logo_wrap{
  position: relative;
  display: inline-block; 
}
  h1#logo{
   background: url('img/visontai_studio.png') no-repeat top left;
   text-indent: -9999px;
   width: 180px;
   height: 50px;
   margin: 3px auto 0 0; 
 }
 #blende{
   position:absolute;
   width: 28px;
   height: 28px;
   top: 11px;
   left: 66px;
   -webkit-animation:spin 13s linear infinite;
   -moz-animation:spin 13s linear infinite;
   animation:spin 13s linear infinite;
 }
 @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
 @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
 @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
#menu_bg{ 
  margin: 0px auto 0px auto;
  padding: 0;
  width: 100%;
  height: auto;   
  z-index: 1000;
  -webkit-box-shadow:  0 2px 3px 0 rgba(15,52,88,0.3);
  -moz-box-shadow:   0 2px 3px 0 rgba(15,52,88,0.3);
  box-shadow: 0 2px 3px 0 rgba(15,52,88,0.3);
  height: 58px;
} 
.fixed_menu{
  margin: 0;
  position:fixed;
  top: 0;
  z-index: 1000;
  background-color: #d8c9bb;
  -webkit-animation-name:opac;
  -webkit-animation-duration:1s;
  animation-name:opac;
  animation-duration:1s;
} 
nav { 
  margin:0;
  padding: 0;
}

nav:after {
  content:"";
  display:table;
  clear:both; 
}
nav ul {
  float: right;
  padding:7px 0 3px 0;
  margin:0;
  list-style: none;
  position: relative;
}
nav ul li {
  margin: 0px;
  display:inline-block;
  float: left;
  background-color: transparent;
} 

nav ul li a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 26px;
  display: block;
  padding: 9px 14px 11px 14px;
  text-decoration: none;
  color: #1b0f02; /* menüelemek betűszín */
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.3s linear;
  margin: 0px 0 0 0;
  background: transparent;
} 
ul li a.active_menu{
  color: #816850;
  cursor: default;
}
.menu-separator{
  border-right: 1px solid rgba(139,97,57,0.4);
}
nav ul li ul li:hover, nav ul li:hover, nav a:hover{ 
  color: #b3885f;
}  
nav ul li:hover > ul {
  left: auto;
  opacity: 1; 	
  z-index: 1000;
}
nav ul ul li {
  width:190px;
  float:none;
  display:list-item;
  position: relative;
}

/*--- MOBIL MENU
-------------------------------------------------------------------------------*/

.sidenav {
  height: auto;
  width: 0;
  position: fixed;
  z-index: 9000;
  top: 0;
  right: 0px;
  background-color: rgba(36,51,50,0.95);
  overflow-x: hidden;
  transition: 0.4s;
  padding-top: 12px;
  padding-bottom:13px;
  -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2);
  box-shadow: -5px 5px 20px 0px rgba(0,0,0,0.2);
}
.sidenav a {
  display: block;
  text-transform: uppercase; 
  padding: 0px;
  margin: 0 0px 0px 25px;
  text-decoration: none;
  white-space: nowrap; 
  font-size: 14px;
  line-height: 30px;
  color: #a18a6e; 
  text-align: left;
  transition: 0.3s;
  z-index: 100;
  width: auto;
  font-weight: bold;
}
.sidenav a.active_menu,.sidenav a.active_menu:hover{
  color: #d8c9bb;
  cursor: default;
}
.sidenav .closebtn {
  position: absolute;
  top: 10px;
  right: 10px; 
  border-bottom: none;
} 
span#open,sidenav #close{ 
  cursor:pointer;
  position:absolute; 
  top:10px;
  right:10px; 
  z-index: 1000;
} 
span#open{
  display: none;
}
@media only screen and (max-width: 900px){
  nav ul.menu{
    display:none;
  }
  span#open{
    display: block;
  }
  #logo{
    position: relative; 
  } 
  h4.headline,h4.headline_en{ 
  font-size: 26px; 
  padding: 0px 3px 10px 3px; 
}
}
/*--- header képek 
-------------------------------------------------------------------------------*/
#header-img_wrap{ 
  position: relative;
}
#header-img_wrap img{ 
  position: relative;
  margin: 75px auto 17px auto;
  -webkit-box-shadow: 1px 1px 3px 0px #444;
  -moz-box-shadow:    1px 1px 3px 0px #444;
  box-shadow:         1px 1px 3px 0px #444;
  height:auto;
  width: 100%;
  max-width: 1190px;
} 
#header-img_wrap div{
  width: 100%; 
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  /*background: rgba(27,15,2,0.2);*/
  width: auto; 
} 
#header-img_wrap h1{
  text-align: center; 
  font-size: 40px;
  line-height: normal;
  text-transform: uppercase; 
  color: #ede8e3;  
  text-shadow: 1px 1px 0px #000, 1px 1px 1px #000;
  padding: 3px 20px 2px 20px;
}  
/*--- dimamikus szövegek
--------------------------------------------------------------------------*/
.dynamic_text,.dynamic_text p{
  font-size: 16px;
  line-height: normal;
  color: #555;
}
.dynamic_text h3{
  text-align: center;
  font-size: 28px; 
  padding: 0px 3px 10px 3px;
  line-height: normal;
  color:transparent;
  background-color: #243332;
  text-shadow: 1px 0px 6px rgba(255,255,255,0.5);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text; 
  font-weight: bold;
}
.dynamic_text h2{
  color: #0e2253;
  font-size: 26px; 
  line-height: normal;
  letter-spacing: 1px;
  padding: 10px 0 10px 0; 
} 
.dynamic_text ul{
  margin: 2px auto 0px 20px;
  line-height: 20px;
  padding:0;
  list-style-image: url('img/list.png');
}
.dynamic_text ol{
  margin: 2px auto 0px 20px;
  line-height: normal;
  padding:0; 
}
.dynamic_text ol li{
  font-size: 16px;
  color: #5a6e6d;  
  padding: 10px 0;
} 
.links a{
  text-decoration: none; 
  color: #816850;
  border-bottom: 1px solid #bcb1a5;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; 
  line-height: 36px;
}
.links a:hover{ 
  color: #5b7a78; 
  border-bottom: 1px solid #5b7a78;
}
 
.intro_text,.intro_text p{
  font-size: 18px;
  line-height: 24px;
  /*-
  color: #273538;
  */
  color: #4f3f2f;
  text-align: center;
}
.intro_bg img{
  display: block;
  margin:20px auto -35px auto;
  width: 100%;
  max-width: 500px;
  height: auto;
  padding: 10px; 
  transform: rotate(1.5deg);
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; 
}
.intro_bg img:hover{ 
  transform: rotate(0deg); 
}
.intro_text h2,.intro_text h3,.intro_text h2{
  text-align: left;
  font-size: 28px; 
  padding: 5px 3px 10px 3px;
  line-height: normal;
  color:transparent;
  background-color: #243332;
  text-shadow: 1px 0px 6px rgba(255,255,255,0.5);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text; 
  font-weight: bold;
}
.intro_text h3{
  font-size: 22px; 
  line-height: normal; 
} 

/* rolunk */
.rolunk_text,.rolunk_text p{
  font-size: 16px;
  line-height: 24px;
  color: #666; 
  text-align: justify;
}
.rolunk_text h2,.rolunk_text h3,#post_title{
  text-align: left;
  font-size: 28px; 
  padding: 10px 3px 10px 3px;
  line-height: normal;
  color:transparent;
  background-color: #243332;
  text-shadow: 1px 0px 6px rgba(255,255,255,0.3);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text; 
  font-weight: bold;
}
.rolunk_text h3{
  font-size: 22px; 
  line-height: normal; 
}

/* services */
.services_text,.services_text p {
  font-size: 18px;
  line-height: 24px;
  color: #444; 
  text-align: justify;
}
.services_text h2,.services_text h3{
  text-align: left;
  font-size: 28px; 
  padding: 5px 0px 5px 0px;
  line-height: normal;
  color:transparent;
  background-color: #444;
  text-shadow: 1px 0px 6px rgba(255,255,255,0.3);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text; 
  font-weight: bold;
}
.services_text ul{
  margin: 2px auto 0px 20px;
  line-height: 24px;
  padding:0;
  list-style-image: url('img/list2.png');
}
.services_text ul li{
  font-size: 18px;
  color: #444;  
  padding: 5px 0;
} 
.services_text h2{
  font-size: 32px; 
  padding: 10px 3px 10px 3px;
}
#post_title{
  font-size: 28px; 
  padding: 0px 3px 10px 3px;
}
.services h3{
  font-size: 22px; 
  line-height: normal; 
}

/* partners */
.partners_text,.partners_text p,.partners_text.links a{
  font-size: 18px;
  line-height: 24px;
  color: #243332; 
}
.partners_text h2,.partners_text h3,h2.video_gallery{
  text-align: left;
  font-size: 20px; 
  padding: 5px 0px 5px 0px;
  line-height: normal;
  color:transparent;
  background-color: #243332;
  text-shadow: 1px 0px 6px rgba(255,255,255,0.3);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text; 
  font-weight: bold;
}
.partners_text h2{
  font-size: 32px; 
  padding: 10px 3px 10px 3px;
}
.partners h3{
  font-size: 22px; 
  line-height: normal; 
}
.partners_text ul{
  margin: 2px auto 0px 20px;
  line-height: 24px;
  padding:0;
  list-style-image: url('img/list.png');
}
.partners_text ul li{
  font-size: 18px;
  color: #444;  
  padding: 5px 0;
} 
.partners_text a{
  text-decoration: none;
  border-bottom: 1px solid #8ba3a1; 
  color: #243332;
   -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.partners_text a:hover{ 
  color: #965e44;
  border-bottom: 1px solid #a7684a;
} 

/* filmek_text */
.filmek_text{
  display: block;
  margin: 10px auto -10px auto;
  text-align: justify;
}
 
h2.section_title,h2.video_gallery{
  text-align: center; 
  padding: 10px 3px 10px 3px;
}
h2.section_title.services{
  background-color: #70573e; 
  padding: 10px 3px 10px 3px;
}
   
/*--- site images
------------------------------------------------------------------------------*/
.right_image_wrapper{
  float: right;
  margin: 0px 0px 2px 0px;
  width: 58%; 
}

.right_image_wrapper img{
  float: right;
  width: 100%;
  height: auto;
  max-width: 780px;
}
.left_image_wrapper{
  float: left;
  margin: 3px 10px 5px 0px;
  width: 21%; 
} 
.left_image_wrapper img{ 
  float: left;
  width: 100%;
  max-width: 410px;
  height: auto;    
}
@media only screen and (max-width: 768px){
  .left_image_wrapper{
    width: 50%; 
    margin: 3px 10px 5px 0px;
  } 
  .right_image_wrapper{
    margin: 0px 0px 2px 0px;
    width: 50%; 
  }
  .rolunk_text,.rolunk_text p{
    font-size: 14px;
    line-height: normal; 
    text-align: left;
  }
  .services_text,.services_text p {
    text-align: left;
  }
  .filmek_text{
    text-align: left;
  }
  .video-desc{
    text-align: left;
  }
  h4.headline,h4.headline_en{ 
    font-size: 22px; 
    padding: 0px 3px 10px 3px; 
  }
}
@media only screen and (max-width: 600px){
.right_image_wrapper{
  float: none;
  margin: 10px 0px 12px 0px;
  width: 100%;  
}
.right_image_wrapper img{
  float: none; 
}
  #headline_wrap{
    margin: -10px auto 20px auto; 
    height: 30px;
}
  h4.headline,h4.headline_en{ 
    font-size: 20px; 
  }
}

@media only screen and (max-width: 420px){
  .left_image_wrapper{
    float:none;
    width: 100%; 
    margin: 5px auto 25px auto;
  }
  .left_image_wrapper img{ 
    float: none; 
  }
}

/*--- MUNKÁINK oldal 
------------------------------------------------------------------------------*/
  
.video_container{
  padding: 20px 100px;
  background: #a59586 url('img/bg_pattern.png');
  margin: 0 auto 20px auto;
  border: 1px solid #978e85;
  box-shadow: inset 0px 0px 25px rgba(0,0,0,0.2);
}
.video_wrapper {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%; /* 16:9 */
}
.video_wrapper iframe, .video_wrapper object, .video_wrapper embed {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 1px 1px 3px 0px #444;
  -moz-box-shadow:    1px 1px 3px 0px #444;
  box-shadow:         1px 1px 3px 0px #444; 
} 
div.video_gallery {
  margin: 20px auto 30px auto;
  min-height: 360px;
}
div.video_gallery * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.responsive {
  padding: 3px;
  float: left;
  width: 24.99999%;
  position: relative;
}  
.video_thumbnail{
  display: block; 
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 1px 1px 3px 0px #444;
  -moz-box-shadow:    1px 1px 3px 0px #444;
  box-shadow:         1px 1px 3px 0px #444;  
}

.video_thumbnail img.cover,#open_video {
  width: 100%;
  height: auto;
  padding: 0;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.video_thumbnail:hover img.cover {
  transform: scale(1.1);
}
.play_video{
  background:url('img/play.png')50% 50% no-repeat; 
  width: 100%;
  height: 100%;
  position: absolute; 
  left:0;
  bottom: 0;
  opacity: 0.0;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 60;
}
.play_video:hover{
  opacity: 1;
}
 .title_video, .open_video_title{
  background-color: rgba(0,0,0,0.4);
  position: absolute;
  color: #ede8e3;  
  z-index: 60;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  left: 0;
  bottom: 0px;
  padding: 4px 0 2px 0;
  font-size: 12px; 
  display: block;
  width: 100%;
  line-height: 13px;
  text-align: center;
  text-shadow: 1px 1px 0px #111;
}
.open_video_title{
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  background-color: rgba(0,0,0,0.8);
}
.video_thumbnail:hover .title_video{
  background-color: rgba(0,0,0,0.8);
}
#post_title{
  text-align: center;
}
#date_wrapper{
  margin: -20px auto -10px auto;
  display: block;
  text-align: center;
}
.uploader{
  color: #666;
  font-size: 14px; 
}
.date{
  color: #666;
  font-size: 14px; 
}
.video-desc{
  display: block;
  margin: 3px auto 50px auto;
  text-align: justify;
}
 
#active_video img{
  -webkit-box-shadow: 0px 0px 0px 3px #c9940a;
  -moz-box-shadow:    0px 0px 0px 3px #c9940a;
  box-shadow:         0px 0px 0px 3px #c9940a;
  z-index: 1000;
  opacity: 0.5; 
}

@media only screen and (max-width: 1024px) {
  .responsive {
    width: 33.33333%;
  }
}

@media only screen and (max-width: 768px) {
  .responsive {
    width: 49.99999%;
    max-width: none;
  }
    .video_container{
  padding: 0px 0px;
  background: #a59586 url('img/bg_pattern.png');
  margin: 0 auto 20px auto;
}
.play_video{
  opacity: 0.5;
  z-index: 60;
}
}
@media only screen and (max-width: 480px) {
  .responsive {
    width: 100%;
    max-width: none;
    padding: 8px 3px;
  } 
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-width: 480px) { 
 .desktop{display: block;}
 .mobile{display: none;}
} 
@media only screen and (max-width: 480px) {
 .desktop{display: none;}
 .mobile{display: block;}
}

 
/*--- footer
---------------------------------------------------------------------------*/
.top{
  width:40px; 
  height:40px;
  text-indent: -9999px;
  position:fixed;
  bottom:100px;
  right:10px;
  display:none;
  background: url('img/arrow_up2.png') no-repeat;
  z-index: 1000;
  opacity: 0.75;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.top:hover,.top:active,.top:after{
  opacity:1;
}
#designer a{
  position: absolute;
  bottom: 0px;
  right: 4%;
  display: block;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  padding: 0;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px; 
  opacity: 0.3;
} 
#designer a:hover{
  opacity: 1;
} 
footer{ 
  text-align: center;
  margin: 0px auto 0px auto;
  color: #74593f;
  font-size: 13px;
  line-height: 24px;
  padding-top: 5px

}
footer p{
  line-height: 24px;
  margin: 0px auto 5px auto;
}
footer span.separator{
  font-weight: bold;
  color: #958578;
}
@media only screen and (max-width: 800px) {
  footer{ 
    padding: 10px 4px;
    font-size: 12px;
  }
  footer p{
    margin: 2px auto 5px auto;
  }
   
  h2.title{  
    font-size: 26px; 
    letter-spacing: 1px;
    padding: 1px 0;
  } 
  .dynamic_text,.dynamic_text p{
    font-size: 16px; 
    line-height: normal;
    color: #555;
  }
  .dynamic_text h3{
    font-size: 20px; 
    padding: 3px 0 3px 0;
  }
  .dynamic_text h2{ 
    font-size: 22px; 
    letter-spacing: 1px;
    padding: 3px 0 3px 0; 
  } 
  .rolunk_text h2{
    font-size: 22px;
  }
  footer span.separator{
    display: none;
  } 
}
@media screen and (max-width: 600px) {
  .contact_links_wrapper{
    display: block;
    margin: 3px auto; 
  }
  .contact_links{ 
    font-size: 14px;
    opacity: 0.8;
  } 
  .contact_links.flag{ 
    text-indent: -9999px;
    padding: 0px 22px 0px 0;
  }
}
@media screen and (max-width: 360px) {
  .contact_links{ 
    text-indent: -9999px;
    font-size: 12px;
    opacity: 0.8;
    padding-left: 22px;
  } 
  .contact_links.top_mail#email_icon{
    display: none;
  }
  .contact_links.flag{ 
    text-indent: -9999px;
    padding: 0px 22px 0px 0;
  }
}

/*--- contact 
--------------------------------------------------------------------------*/
.contactform{ 
  font-size: 14px;
  background: transparent; 
  outline: none;
  padding: 6px 3px 4px 3px;
  border:1px solid #1b0f02;  
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  line-height: 28px;
  color: #222;
  margin-bottom: -15px;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset;
  -webkit-text-fill-color: #222 !important;
}
.contactform:focus{
  outline: none; 
  background: #fff;
} 
.contactlabel{
  color: #1b0f02;
  font-size: 12px;
  line-height: 16px;
  background: url('img/label_bg.png') no-repeat left center; 
  padding-left: 16px;
  text-transform: uppercase;
}
input.contactform{
  width: 100%;
}
textarea.contactform{
  height: 160px;
  resize: none;
}
.button-wrapper{
  margin: 0px auto 0px auto;
  display:block;
  text-align: center;
}
#contactbutton{
  color: #b99f87;
  background: #1b0f02;
  border: 1px solid #5b534c;
  text-transform: uppercase;
  font-size: 18px; 
  display: inline-block; 
  font-size: 14px;
  letter-spacing: 2px;
  padding: 10px 20px 9px 22px; 
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; 
  text-decoration: none;
  font-weight: normal; 
  cursor: pointer; 
} 
#contactbutton:hover{
  color: #1b0f02;
  background: #b99f87; 
  border: 1px solid #5b534c;
}
#contactbutton:active{
  color: #ddd;
  background-position: 0 bottom;
}
@-webkit-keyframes alert_highlight {/*---- hiás form adatok kiemelése elküldéskor---*/
  0%   { border-color:#ff0000;}
  50%  { border-color:#b99f87;}
  100% { border-color:#ff0000;}
}
@-ms-keyframes alert_highlight {
  0%   { border-color:#ff0000;}
  50%  { border-color:#b99f87;}
  100% { border-color:#ff0000;}
}
@keyframes alert_highlight {
  0%   { border-color:#ff0000;}
  50%  { border-color:#b99f87;}
  100% { border-color:#ff0000;}
}
.alert {
  -webkit-animation: alert_highlight 1s infinite;
  -moz-animation:    alert_highlight 1s infinite;
  -ms-animation:     alert_highlight 1s infinite;
  animation: alert_highlight 1s infinite;
  border: 1px solid;
}

@-webkit-keyframes gray /* ha oké az üzenet, elment*/
{
  0%   { color: #b99f87;}
  50%  { color: #1b0f02;}
  100% { color: #b99f87;}
}
@-ms-keyframes gray
{
  0%   { color: #b99f87;}
  50%  { color: #1b0f02;}
  100% { color: #b99f87;}
}
@keyframes gray
{
  0%   { color: #b99f87;}
  50%  { color: #1b0f02;}
  100% { color: #b99f87;}
}
#ok{
  font-size: 18px;
  text-align: center;
  color: #b99f87;/* barna */
  text-transform: uppercase;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 0px;
  -webkit-animation: gray 1s linear 1s infinite alternate;
  -moz-animation: gray 1s linear 1s infinite alternate;
  -ms-animation: gray 1s linear 1s infinite alternate;
  animation: gray 1s linear 1s infinite alternate;
}
@-webkit-keyframes red
{
  0%   { color: #cc0000;}
  50%  { color: #b99f87;}
  100% { color: #cc0000;}
}
@-ms-keyframes red
{
  0%   { color: #cc0000;}
  50%  { color: #b99f87;}
  100% { color: #cc0000;}
}

@keyframes red
{
  0%   { color: #cc0000;}
  50%  { color: #b99f87;}
  100% { color: #cc0000;}
}
#error{
  font-size: 18px;
  text-align: center;
  color: #cc0000; /* vörös */
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 3px;
  -webkit-animation: red 1s linear 1s infinite alternate;
  -moz-animation: red 1s linear 1s infinite alternate;
  -ms-animation: red 1s linear 1s infinite alternate;
  animation: red 1s linear 1s infinite alternate;
} 
#captcha{
  display: inline;
  vertical-align: top;
  width: 120px;
}
#numbers{
  display: inline-block;
  vertical-align: central; 
}
img#code{
  display: inline-block;
  margin-top: 0px; 
  border:1px solid #1b0f02;  
}
.iframe-container{/*térkép */
  margin-top: 0px;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 40px;
  height: 0;
  overflow: hidden;
  border:1px solid #1b0f02;  
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dynamic_text.contact_text{
  text-align: center;
  font-size: 18px; 
  line-height: 30px;
  color: #444;
}
.dynamic_text.contact_text h3{
  text-align: center;
  font-size: 28px; 
  padding: 0px 3px 10px 3px;
  line-height: normal;
  color:transparent;
  background-color: #243332;
  text-shadow: 1px 0px 6px rgba(255,255,255,0.5);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text; 
  font-weight: bold;
}
/*--- kapcsolat link ----------------------------------------------------------*/
#kapcsolat_link_wrapper{
  padding: 15px 20px 70px 20px;;
}
#kapcsolat_link_wrapper p{
  font-size: 20px;
  line-height: normal;
  color: #ede8e3;
}
#kapcsolat_link{/* kapcsolat gomb a lap alján */
  color: #d8c9bb;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  padding: 9px 20px 9px 20px;
  background: #996245;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; 
  border: 1px solid #80553e;
  text-decoration: none; 
  -webkit-box-shadow: inset 0px 0px 20px 0px #444; 
  -moz-box-shadow: inset 0px 0px 20px 0px #444; 
  box-shadow: inset 0px 0px 20px 0px #444;
}
#kapcsolat_link:hover{ 
  color: #1b0f02;
  background: #d8c9bb;
  border: 1px solid #746f6b;
}
.mobile-input-group,.mobile-group{
  margin-top:15px;margin-bottom:15px; margin-right: 10px;
} 
@media only screen and (max-width: 768px){
  .dynamic_text.contact_text{ 
  font-size: 14px; 
  line-height: 24px; 
}
.dynamic_text.contact_text h3{ 
  font-size: 20px; 
  padding: 4px;
}
  #header-img_wrap h1{  
    font-size: 28px; 
  }  
  #header-img_wrap img{ 
    margin: 61px auto 2px auto; 
  }
  #slideshow_bg{
    margin: 61px auto 2px auto; 
  } 
  
.lightbrown_bg{
  width: 100%;
  background: #d8c9bb;
  padding: 20px 0 30px 0;
}
.intro_bg{
  width: 100%;
  background: #d8c9bb;
  padding: 30px 20px 10px 20px;
}
.beige_bg{
  width: 100%;
  padding: 15px 0 25px 0;
}
.services_bg{
  width: 100%;
  background: transparent;
  padding: 20px 0 35px 0;
}


dynamic_text,.dynamic_text p{
  font-size: 16px;
  line-height: normal;
  color: #555;
}
.dynamic_text h3{ 
  font-size: 20px; 
}
.dynamic_text h2{ 
} 
.dynamic_text ul{
  margin: 2px auto 0px 20px;
  line-height: 16px;
  padding:0;
  list-style-image: url('img/list.png');
} 
.dynamic_text ol li{
  font-size: 14px; 
} 
.links a{
  text-decoration: none; 
  color: #816850;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; 
} 
 
.intro_text,.intro_text p{
  font-size: 16px;
  line-height: 22px; 
}
.intro_text h2,.intro_text h3,.intro_text h2{ 
  font-size: 20px; 
}
.intro_text h3{
  font-size: 22px; 
} 

/* rolunk */
.rolunk_text,.rolunk_text p{
  font-size: 16px;
  line-height: 22px; 
}
.rolunk_text h2,.rolunk_text h3,#post_title{
  font-size: 22px; 
}
.rolunk_text h3{
  font-size: 20px; 
  line-height: normal; 
}

/* services */
.services_text,.services_text p {
  font-size: 16px;
  line-height: 20px;
  color: #444; 
}
.services_text h2,.services_text h3{
  font-size: 20px; 
}
.services_text ul{
  margin: 2px auto 0px 20px;
  line-height: normal;
  padding:0; 
}
.services_text ul li{
  font-size: 16px; 
  padding: 4px 0;
} 
 
.services_text h2{
  font-size: 22px;  
}
#post_title{
  font-size: 20px;  
}
.services h3{
  font-size: 20px; 
}

/* partners */
.partners_text,.partners_text p,.partners_text.links a{
  font-size: 14px;
  line-height: 20px;
  color: #243332; 
}
.partners_text h2,.partners_text h3{
  text-align: left;
  font-size: 20px; 
}
.partners_text h2{
  font-size: 22px; 
}
.partners h3{
  font-size: 20px; 
  line-height: normal; 
}
.partners_text ul{
  margin: 2px auto 0px 20px;
  line-height: 20px;
  padding:0;
  list-style-image: url('img/list.png');
}
.partners_text ul li{
  font-size: 16px;
  color: #444;  
  padding: 3px 0;
} 
.partners_text a{
  text-decoration: none;
  border-bottom: 1px solid #8ba3a1; 
  color: #243332;
   -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.partners_text a:hover{ 
  color: #965e44;
  border-bottom: 1px solid #a7684a;
} 
 
h2.section_title{
  text-align: center; 
  padding: 10px 3px 10px 3px;
}
h2.section_title.services{
  background-color: #70573e; 
  padding: 10px 3px 10px 3px;
}
  #kapcsolat_link_wrapper{
  padding: 20px 10px 45px 10px;;
}
#kapcsolat_link_wrapper p{
  font-size: 18px;
  line-height: normal; 
}   

}
@media screen and (max-width: 600px) {
.mobile-input-group,.mobile-group{
  margin-right: 0px;
} 
  #header-img_wrap h1{  
    font-size: 22px; 
  } 
}