/* CSS Document */

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@200;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');


@media only screen and (max-width: 768px) {
	
* {transition-delay: 0s !important;}
	
body {	margin: 0;	padding: 0;	font-family: 'Red Hat Display', sans-serif;  transition: all 700ms ease-out;  will-change: background;	font-size: 1.3em; font-weight: 300; color: #000; overflow-x: hidden!important; width: 100%!important; max-width: 100%!important;}

.mobil_ovrfw  { overflow-x: auto; overflow-y: visible!important;}
h1, h2, h3, h4, h5 {font-family: 'Forum', cursive;	letter-spacing: -1px; margin: 0;}
	
b { font-weight: 700;}
.extrabold {font-weight: 900;}

canvas {display: block; vertical-align: bottom;}


.div {  margin: 50vh 0;}
#two { position: relative;}
#particles-js {  position: absolute;  width: 100%;  height: 130vh;	background: #cbfb45;}	

.nyito_szovegbox {  position: absolute;	top: 50%;	right: 50%;	transform: translate(50%,-50%);	color: #000;	width: 100%;  }

.intro { height: 130vh; display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap;  margin: 0 auto 0 auto;}

.mobile_100 {width: 100%;}
	
.preloader-msbt-container { position: fixed; width: 100%; height: 100vh; z-index: 9999; display: flex; align-items: center; align-content: center; justify-content: center; background: #2b2b2b; color: #fff; flex-wrap: wrap;}
.preloader-msbt-container .szoveg { width: 100%; text-align: center;}
.preloader-msbt-loading {width: 80px; height: 80px; text-align: center; position: absolute; bottom: 100px; }
.preloader-msbt-loading div {  position: absolute;  border: 4px solid #fff;  opacity: 1;  border-radius: 50%;  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.preloader-msbt-loading div:nth-child(2) {  animation-delay: -0.5s;}

.logo-fixed { position: fixed; width: 25%; top: 20px; left: 20px; z-index: 999999}
.logo-fixed img { width: 100%;}
.logovekony { font-weight: 300;}
.logovastag { font-weight: 700;}

.nyito_szovegbox_inner {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.nyito_nagyszoveg { font-family: 'Forum', cursive;	font-size: 2.2em; letter-spacing: -1px; margin: 0;}
.mobile_center { text-align: center;}

.irogep { color:#fff; }
.typed-cursor {color:#fff; font-size: 2.2em!important;}

.feher {color:#fff; fill:#fff;}

.container-1 { display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap;}
.col-3 { width: 50%;}
.col-4 {width: calc(100% - 40px);}
.col-8 {width: calc(100% - 40px);}
.col-12 {width: calc(100% - 40px);}

.alcim { font-size: 1.2em; width: 100%; letter-spacing: -1px;}
.focim { font-size: 2.4em; width: 100%; letter-spacing: -1px;}

.ms-5 {margin: 0 0 0 20px;}
.me-5 {margin: 0 20px 0 0;}
.ps-5 {padding: 0 0 0 20px;}
.pe-5 {padding: 0 20px 0 0 ;}
.mt-5 {margin: 50px 0 0 0 ;}
.mbm-5 {margin: 0 0 50px 0 ;}
.mse-5 {margin: 0 20px;}
.img-50 {height: 24vw;}
.img-20 {height: 12vw;}

.ugyfelek-bq {font-size: 30em; font-family: 'Forum', cursive; opacity: 0.5;}
.velemeny-img { width: 30%!important; display: block; margin-bottom: 20px;}
	
.nyito_nyil{  width:5%; bottom:3%; left:47.5%; }

.contact-text { font-size: 1.9em; font-weight: 700; text-shadow: 0 18px 50px rgba(0, 0, 0, 0.99); color: #fff;}
.kapcsolat_img {margin: 0 0 -20px 0;}
.mail-qr {width: 100%; margin: 20px 0 0 0;}
.mail-qr img {width: 15%;}
.copyr {color: #fff; font-size: 0.6em;}
.copyr a {color: #fff; text-decoration: none;}
	
.nomobile { display: none;}
.mobile { display: block;}
	
}




@media only screen and (min-width: 769px) {

body {	margin: 0;	padding: 0;	font-family: 'Red Hat Display', sans-serif;  transition: all 700ms ease-out;  will-change: background;	font-size: 1.5em; font-weight: 300; color: #000; overflow-x: hidden;}

h1, h2, h3, h4, h5 {font-family: 'Forum', cursive;	letter-spacing: -1px; margin: 0;}

b { font-weight: 700;}
.extrabold {font-weight: 900;}

canvas {display: block; vertical-align: bottom;}

.div {  margin: 50vh 0;}
#two { position: relative;}
	
#particles-js {  position: absolute;  width: 100%;  height: 130vh;	background: #cbfb45;}
.nyito_szovegbox {  position: absolute;	top: 50%;	right: 50%;	transform: translate(50%,-50%);	color: #000;	width: 100%;  }

.intro { height: 130vh; display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap;  margin: 0 auto 0 auto;}
	
.preloader-msbt-container { position: fixed; width: 100%; height: 100vh; z-index: 9999; display: flex; align-items: center; align-content: center; justify-content: center; background: #2b2b2b; color: #fff; flex-wrap: wrap;}
.preloader-msbt-container .szoveg { width: 100%; text-align: center;}
.preloader-msbt-loading {width: 80px; height: 80px; text-align: center; position: absolute; bottom: 100px; }
.preloader-msbt-loading div {  position: absolute;  border: 4px solid #fff;  opacity: 1;  border-radius: 50%;  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.preloader-msbt-loading div:nth-child(2) {  animation-delay: -0.5s;}

.logo-fixed { position: fixed; width: 12%; top: 50px; left: 50px; z-index: 999999}
.logo-fixed img { width: 100%;}
.logovekony { font-weight: 300;}
.logovastag { font-weight: 700;}
	
.nyito_szovegbox_inner {display: flex; justify-content: center; align-items: center;}
.nyito_nagyszoveg { font-family: 'Forum', cursive;	font-size: 2.5em;	letter-spacing: -1px; margin: 0;}

.irogep { color:#fff; }
.typed-cursor {color:#fff; font-size: 2.5em!important;}

.feher {color:#fff!important; fill:#fff;}

.container-1 { display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap;}
.col-3 { width: 25%;}
.col-4 {width: 33.3333%;}
.col-8 {width: calc(66.6666% - 100px);}
.col-12 {width: calc(100% - 100px);}

.alcim { font-size: 1.4em; width: 100%; letter-spacing: -1px; }
.focim { font-size: 4em; width: 100%; letter-spacing: -1px; }

.ms-5 {margin: 0 0 0 50px;}
.me-5 {margin: 0 50px 0 0;}
.ps-5 {padding: 0 0 0 50px;}
.pe-5 {padding: 0 50px 0 0 ;}
.mt-5 {margin: 50px 0 0 0 ;}
.mse-5 {margin: 0 50px;}
.img-50 {height: 8vw;}
.img-20 {height: 4vw;}

.ugyfelek-bq {font-size: 30em; font-family: 'Forum', cursive; opacity: 0.5;}
.velemeny-img { width: 12%!important; float: left; margin-right: 20px;}
	
.nyito_nyil{  width:2%; bottom:3%; left:49%; }

.contact-text { font-size: 2em; font-weight: 700; text-shadow: 0 18px 50px rgba(0, 0, 0, 0.99); color: #fff;}
.kapcsolat_img {margin: 0 0 -20px 0;}
.mail-qr {width: 100%; margin: 20px 0 0 0;}
.mail-qr img {width: 5%;}
.copyr {color: #fff; font-size: 0.6em;}
.copyr a {color: #fff; text-decoration: none;}

.nomobile { display: block;}
.mobile { display: none;}

}


a {text-decoration: none;}
@keyframes lds-ripple {  0% {    top: 36px;    left: 36px;    width: 0;    height: 0;    opacity: 1;  }  100% {    top: 0px;    left: 0px;    width: 72px;    height: 72px;    opacity: 0;  }}

@-webkit-keyframes nyildemo {
from,  20%,  53%,  80%,  to {   -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }
40%, 43% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }
70% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);  }  
90% {    -webkit-transform: translate3d(0, -4px, 0);    transform: translate3d(0, -4px, 0);  }
}
    
.nyito_nyil{ -webkit-animation-delay:1s; -webkit-animation-name: nyildemo;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: 1000;-webkit-animation-timing-function: ease-in-out;
	position:absolute;text-align:center; opacity:1; transition-duration: 0.1s!important; z-index:31;}



.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #000;
	  font-size: 1.7em!important;
    margin: 0 20px;
    padding: 10px 20px;
    background: none;
    display: inline-block;
    cursor: pointer; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 0.8em;
      height: 0.8em;
      margin: 5px 7px;
      background: none;
		border: 2px solid #6f5477;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #6f5477; }




/*
fc6525  nari
dcfe4a  sargaszold
5e1a78  lila
6f5477  turkiszlila
a2ebde  ciklamen
00a89d  zoldes turkisz
febd6a  halvanynari
014295  indigokek
f91b9c  pinkes
06e463  kislibazold
f91b9c  erosciklamen

*/