html {-webkit-font-smoothing: antialiased; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 16px;}

@media (max-width: 767px) {
	#mobile-menu {	display: visible;	width: 30px; height: 30px;	background-color: transparent; position: absolute; top: 35px; right: 35px; z-index: 1000; border: 1px solid #e6ab49; padding: 2px 4px;	cursor: pointer;
	}
	#mobile-menu span {font-size: 20px;	line-height: 24px;color: #e6ab49;}
	#curtain-left-half {position: fixed; overflow: hidden; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: #e6ab49;
        //background-image: url("../img/backgrounds/bg-main.jpg");
        background-size: cover; transition: all 0.5s; -webkit-transition: all 0.5s;}
	#curtain-right-half {position: fixed; z-index: 10; top: 0%; left: 0px; width: 100%; height: 100vh; background-color: #fafafa; transition: all 0.5s; -webkit-transition: all 0.5s; display: none;}
	.curtain-left-hidden {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%);}
	.curtain-right-hidden {-webkit-transform: translateY(100%);	-ms-transform: translateY(100%);	transform: translateY(100%);}
}

@media (min-width: 768px) {
	#mobile-menu {display: none; width: 0px; height: 0px; position: absolute;}
	#curtain-left-half {position: fixed; z-index: 10; top: 0px; left: 0px; width: 50%; height: 100vh; background-color: #004b8f;
        //background-image: url("../img/backgrounds/bg-main.jpg");
        background-size: cover; transition: all 0.5s; -webkit-transition: all 0.5s;}
	#curtain-right-half {position: fixed; z-index: 10; top: 0px; left: 50%; width: 50%; height: 100vh; background-color: #fafafa; transition: all 0.5s; -webkit-transition: all 0.5s;}
	.curtain-left-hidden {-webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%);}
	.curtain-right-hidden {-webkit-transform: translateX(100%);	-ms-transform: translateX(100%);	transform: translateX(100%);}
}

.curtain-left-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: coral;
}
.curtain-right-overlay {width: 100%; height: 100%; position: absolute}

@media (max-width: 767px) {
	.curtain-left-overlay {border: 30px solid #23262D}
	.curtain-right-overlay {border: 30px solid #23262D;}
}

@media (min-width: 768px) {
	.curtain-left-overlay {border-top: 30px solid #23262D; border-right: 0px solid #23262D; border-bottom: 30px solid #23262D; border-left: 30px solid #23262D;}
	.curtain-right-overlay {border-top: 30px solid #23262D; border-left: 0px solid #23262D; border-bottom: 30px solid #23262D; border-right: 30px solid #23262D;}
}

.menuItem {overflow:hidden; position: relative;}
.menuItem .menu-item-bg {width: 100%;height: 100%;
    //-webkit-transform: scale(1);
    //-ms-transform: scale(1);
    //transform: scale(1);
    //transition: all 1s linear 0s;
}
.menuItem:hover .menu-item-bg {
    //-webkit-transform: scale(1.2);
    //-ms-transform: scale(1.2);
    //transform: scale(1.2);  
}
.menuItem1x2 {width: 50%; height: 100%; float: left; text-align: center;}
.menuItem2x1 {width: 100%; height: 50%; text-align: center;}
.menuItem2x2 {width: 50%; height: 50%; float: left; text-align: center;}
.menuItem3x1 {width: 100%; height: 33%; text-align: center;}
.menuItem3x1:nth-of-type(2) { height: 34%; background-color: #fff;}
.menuItem5x1 {width: 100%; height: 20%; text-align: center;}
.menu-item-overlay {position:absolute; top:0px; left:0px; width: 100%; height: 100%; margin: 0px; padding: 0px; text-align: center; /* background-color: rgba(251, 185, 46, 0.8); */ cursor: pointer; transition: all 0.2s linear 0s;}
.menu-item-overlay:hover {/*background-color: #fcb134;*/}
.menu-item-overlay:hover  > div h2 {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.menu-item-overlay:hover  > div span{-webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2);}
.menu-item-overlay > div{position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}

@media (max-width: 991px) {
	.menu-item-overlay  span.icon {color: #fff; display: block; width: 48px; height: 48px; padding-top: 12px; font-size: 24px; border-radius: 50%; background-color: #067199; margin: 0px auto; transition: all 0.2s linear 0s;}
	.menu-item-overlay  h2 {color: #FFFFFF; margin: 0px; padding: 8px 0px 0px 0px; font-size: 24px; font-weight: 700; font-family: 'Montserrat', sans-serif;	transition: all 0.2s linear 0s;}
}

@media (min-width: 992px) {
	.menu-item-overlay  span.icon { display: block; width: 70px; height: 70px; padding-top: 16px; font-size: 36px;	border-radius: 50%; color: #dd002b; background-color: white; margin: 0px auto; transition: all 0.2s linear 0s;}
	.menu-item-overlay  h2 {color: #FFFFFF; margin: 0px; padding: 12px 0px 0px 0px; font-size: 36px; font-weight: 700; font-family: 'Montserrat', sans-serif; transition: all 0.2s linear 0s;}
}

#ttk .menu-item-bg {background-image: url("../img/backgrounds/ttk.png");	background-size: cover; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}
#nyelvrepalyazok .menu-item-bg {background-image: url("../img/backgrounds/nyelvrepalyazok.png"); background-size: cover; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */  filter: grayscale(100%);}
.is-visible {-webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; opacity: 1 !important;}
.itemContent {width: 100%; height: 100%; overflow-y: auto; text-align: center; color: #ffffff; display: none; position: relative;}
.showContent {display: block;}

@media (min-width: 768px) {
	.left-content {position: fixed; top: 0px; left: 0px; width: 40%; height: 100%;}
	.lc-overlay {position:absolute; top:0px; left:0px;	width: 100%; height: 100%;	margin: 0px; padding: 0px; text-align: center; background-color: rgba(0,75,147,0.6);}
	.lc-overlay > div {
		//position: relative;
		//top: 50%;
		//-webkit-transform: translateY(-50%);
		//-ms-transform: translateY(-50%);
		//transform: translateY(-50%);	
	}

	.lc-overlay > div h1 {color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 60px;}
	.right-content {width: 60%; height: 100%; margin-left: 40%; position: relative;}
	.right-content > div {
		//position: relative;
		//top: 50%;
		//-webkit-transform: translateY(-50%);
		//-ms-transform: translateY(-50%);
		//transform: translateY(-50%);	
	}
}

@media (max-width: 767px) {
	.left-content {display: none;}
	.lc-overlay {width: 100%; height: 100%; margin: 0px; padding: 96px 0px; text-align: center; background-color: rgba(0,75,147,0.6);}
	.lc-overlay > div { position: relative;}
	.lc-overlay > div h1{ color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 36px; margin: 0px auto; line-height: 1;}
	.right-content { width: 100%; margin: 0px auto; position: relative;}
}

#preloader {background-color: #fff; height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 9999; text-align: center;}

@media (max-width: 767px) {
	#preloader img.logo {width: 60px; height: auto; margin-top: 18px;}	
}

@media (min-width: 768px) {
	#preloader img.logo {width: 100px; height: auto; margin-top: 24px;}
}

#preloader-content { width: 60px; height: 60px; position: absolute; top: 0px; left: 0px; bottom: 60px; right: 0px; margin: auto;-moz-user-select: none;}
.sk-folding-cube {margin: 20px auto; width: 60px; height: 60px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.sk-folding-cube .sk-cube { float: left; width: 50%; height: 50%; position: relative; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.sk-folding-cube .sk-cube:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fd0; -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;    animation: sk-foldCubeAngle 2.4s infinite linear both; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; border-top-left-radius: 50%;}
.sk-folding-cube .sk-cube2 {-webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg);}
.sk-folding-cube .sk-cube3 {-webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg);}
.sk-folding-cube .sk-cube4 {-webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg);}
.sk-folding-cube .sk-cube2:before {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.sk-folding-cube .sk-cube3:before {-webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.sk-folding-cube .sk-cube4:before {-webkit-animation-delay: 0.9s; animation-delay: 0.9s;}

@-webkit-keyframes sk-foldCubeAngle {
	0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0;} 
	25%, 75% {-webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1;} 
	90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0;}		 
}

@keyframes sk-foldCubeAngle {
	0%, 10% {-webkit-transform: perspective(140px) rotateX(-180deg); transform: perspective(140px) rotateX(-180deg); opacity: 0;} 
	25%, 75% {-webkit-transform: perspective(140px) rotateX(0deg); transform: perspective(140px) rotateX(0deg); opacity: 1;} 
	90%, 100% {-webkit-transform: perspective(140px) rotateY(180deg); transform: perspective(140px) rotateY(180deg); opacity: 0;}
}

@media (max-width: 991px) {
	#home-wrapper {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0px auto; text-align: center;padding: 0px 10px;}
	#home-wrapper h2 {color: #4e4e4e; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 32px;}
	#home-wrapper h2 span{ color: #dd092b;}
	#home-wrapper h1 {padding: 0px 24px; color: #4e4e4e; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 24px;}
	#logo {margin: 0px auto; width: 150px;}
	a:active, a:focus {outline: none;}
}
 
@media (min-width: 992px) {
	#home-wrapper {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0px auto; text-align: center;padding: 0px 24px;}
	#home-wrapper h2 {color: #4e4e4e; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 32px;}
	#home-wrapper h2 span {color: /* #dd092b */ #ff7f01;}
	#home-wrapper h1 {color: #4e4e4e; font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 24px;}
	#logo {margin: 0px auto;
		//width: 150px;
	}
	a:active, a:focus {outline: none;}
}



/*
div#nyelvrepalyazok {
    border-top: 1px dashed #fab034;
}
*/




.menu-item-overlay.tanartovabb {
        background-color: #48bdeede;
}


.menu-item-overlay.nyelvrepalyazok {
        background-color: #48bdeeaa !important;
}





.menu-item-overlay.tanartovabb:hover {
    background-color: #e6ab49;
}


.menu-item-overlay.nyelvrepalyazok:hover {
  background-color: #e6ab49 !important;
}




.tanartovabb > div > span.icon.icon-man-woman {
    color: #dd002b;
}

.nyelvrepalyazok > div > span.icon.icon-earth {
    color: #fbb034;
}





.tanartovabb > div > span.icon.icon-man-woman {
    color: #4e4e4e /* #dd002b */;
    background-color: #fd0;
    /* background-color: rgb(255, 127, 1); */
}

.nyelvrepalyazok > div > span.icon.icon-earth {
    color: #4e4e4e /* #fbb034 */;
    background-color: #fd0;
    /* background-color: rgb(255, 127, 1); */
}





.tanartovabb:hover > div > span.icon.icon-man-woman {
    color: #4e4e4e /* #dd002b */;
    background-color: #e6ab49;
}


.nyelvrepalyazok:hover > div > span.icon.icon-earth {
    color: #4e4e4e /* #dd002b */;
    background-color: #e6ab49;
}

.szechenyi2020 {
    position: absolute;
    bottom: 0;
    left: 0;
}