/******************************/
/*
EKF-EU.COM stylesheet
Created by Feca - k.ferenc24@gmail.com | newstyledesign.hu

Version: 0.9

This: Main stylesheet
*/

/***COLORS****/
/*
main blue 			#1f5bcd;
dark gray			#252525
mid gray			#4d4d4d;
lighter gray		#777777;
light gray 			#cdcbcb;
main-yellow			#ffcc03;
main-white			#ffffff;
main-red			#f44336;
main-green			#4CAF50;
*/
/*	define colors	*/
:root {
  --main-blue: 		#3c7d90; /*009ee2;*/
  --light-blue:		#63bce2;
  --lignt-blue2:	#41b2e2;
  --dark-gray:		#252525;  
  --mid-gray: 		#4d4d4d;  
  --light-gray: 	#cdcbcb;  
  --lighter-gray:	#F8F8F8; 
  --main-yellow:	#fdcc23;		
  --main-white:		#ffffff;
  --main-red:		#f44336;
  --main-green:		#4CAF50;
  --active-green:	#3cb371;
  --main-orange:    #fbb42a;
}

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body 
{
	line-height: 1;
}
ol, ul {
}
blockquote, q {
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body
{
	padding: 0;
	margin: 0;
	border: none;
	background-color: var(--lighter-gray);
}
*, body
{	
	font-family: 'Raleway', 'Roboto', arial;
	letter-spacing: 0.5px;
	box-sizing: border-box;
}
.developer
{
	background-image: url("https://multilinguanet.hu/szotar/images/design/dev.png");
	background-repeat: repeat;
	/*background-color: #938F8F;*/
}
h1, h2, h3, h4, h5, h6
{
	letter-spacing: 0.8px;
	color: var(--main-white);
	background-color: var(--light-blue);
	font-family: 'Alegreya Sans SC', sans-serif;
}
h1
{	font-size: 36px; font-weight: 400;	line-height: 50px;	padding: 10px 40px 10px 40px;	display: block;	}

h2
{	font-size: 32px; font-weight: 400;	line-height: 46px;	padding: 10px 40px 10px 40px;	display: block;	}

h3
{	font-size: 28px; font-weight: 400;	line-height: 44px;	padding: 8px 40px 8px 40px;	display: block;	}

h4
{	font-size: 26px; font-weight: 400;	line-height: 42px;	padding: 8px 40px 8px 40px;	display: block;	}

h5
{	font-size: 24px; font-weight: 400;	line-height: 40px;	padding: 6px 40px 6px 40px;	display: block;	}

h6
{	font-size: 22px; font-weight: 400;	line-height: 38px;	padding: 6px 40px 6px 40px;	display: block;	}
a, a:active, a:visited, a:hover
{
	font-family: 'Alegreya Sans SC', sans-serif;
	color: var(--lighter-gray);
	text-decoration: none;
	font-size: 16px;
}
a:hover
{
	color: var(--light-gray);
}
/*********************************/


/*********************************/
/*			HEADER				*/
#header-wrapper
{
	background-color: var(--main-blue);
	height: auto;
	padding: 5px 10px;
	margin-bottom: 5px;
	min-width: 1300px;
}
header.top-header
{
	margin: 0px auto;
	width: 100%;
	max-width: 1600px;
}
#headerLeftBox,  #headerRightBox
{
	display: inline-block;
	vertical-align: middle;
}
#headerLeftBox
{
	width: 50%;
}
#headerRightBox
{
	width: 50%;
	text-align: right;
}
/*	breadcrump	*/
#headerLeftBox #breadcrump
{
	text-align: left;
	font-size: 17px;
}
#headerLeftBox #breadcrump a::after
{
	content: "/";
	margin-left: 7px;
}
#headerLeftBox #breadcrump a:last-child:after
{
	display: none;
}
/********************************/


/********************************/
/*		MAIN NAV BUTTON		*/
.mainNavButton
{
	border: none;
	background-color: var(--light-blue);
	color: var(--lighter-gray);
	display: inline-block;
	padding: 3px 12px;
	text-transform: uppercase;
	transition: 0.3s ease-out;
	letter-spacing: 1px;
	margin-right: 3px;
	text-align: left;
	font-size: 20px;
	line-height: 16px;
	vertical-align: middle;
}
.mainNavButton i, .mainNavButton span, .mainNavButton img
{
	display: inline-block;
	vertical-align: middle;
}
.mainNavButton img
{
	height: 45px;
}
.mainNavButton:hover img
{
}
.mainNavButton span
{
	margin: 0px 10px;
	text-transform: none;
	width: 130px;
	letter-spacing: 0px;
}
.mainNavButton span:first-line
{
	font-size: 14px;
	letter-spacing: 0.5px;
}
.mainNavButton:hover
{
	color: var(--main-white);
	background-color: var(--lignt-blue2);
	transition: 0.3s ease-out;
	font-size: 20px;
}
.mainNavButton i
{	font-size: 45px;	}

/*		SEARCH BUTTON 		*/
.helpButton
{
	vertical-align: middle;
	font-size: 20px;
}
.helpButton i
{
	font-size: 45px;
}
#headerRightBox .mainNavButton:last-of-type
{
	margin-right: 0px;
}
/**********************************/


/*********************************/
/*	MAIN PAGE HEADER (HELP BAR)	 */
section.mainPageHeader
{
	height: auto;
	padding: 8px 15px;
	margin-bottom: 5px;
	min-width: 1300px;
}
div.mainPagaHeaderInside
{
	margin: 0px auto;
	width: 100%;
	max-width: 1600px;
}
.videoHelp, .textHelp
{
	display: inline-block;
	width: 49%;
	vertical-align: top;
	padding: 10px;
	border-radius: 2px;
	background-color: var(--light-gray);
	max-height: 600px;
}
.videoHelp i, .textHelp i
{
	vertical-align: middle;
	color: var(--main-yellow);
	margin-right: 25px;
}
.videoHelp
{
	margin-right: 2%;
}
.videoHelp h6, .textHelp h6
{
	cursor: pointer;
}

/*********************************/


/************************************/
/*		MAIN CONTAINER  	 		*/
section.main_container
{
	/*background-color: var(--lighter-gray);*/
	height: auto;
	padding: 0px 0px 8px 0px;
	margin-top: 0px;
	min-width: 1300px;		
	max-width: 1600px;
	margin: 0px auto;
	min-height: 100vh;
}
section.main_container p
{
	font-size: 19px;
	line-height: 28px;
	color: var(--mid-gray);
	text-align: justify;
	margin: 10px 20px;
}
section.main_container #normalVideo
{
	max-width: 900px;
	margin: 30px auto;
	display: block;
}
/************************************/


/************************************/
/*		MAIN page Choose kor 		*/
section.chooseKor
{
	margin: 30px auto;
}
section.chooseKor .chooseKorOption
{
	background-color: var(--main-blue);
	display: inline-block;
	width: 32%;
	text-align: center;
	vertical-align: middle;
	padding: 40px 10px;
}
section.chooseKor .chooseKorOption:hover
{
	background-color: var(--mid-gray) !important;
}
section.chooseKor .chooseKorOption:nth-of-type(2n)
{
	margin: 0px 2%;
}
section.chooseKor .chooseKorOption span
{
	font-size: 22px;
	font-weight: 400;
	line-height: 24px;
	vertical-align: middle;
	display: inline-block;
	margin-top: 10px;
	margin-left: -50px;
}
section.chooseKor .chooseKorOption span:first-line
{
	/*font-size: 18px;*/
}
section.chooseKor .chooseKorOption img
{
	height: 70px;
	float: left;
	vertical-align: middle;
	margin-left: 10px;
}
.disabledKor
{
	border: 5px solid transparent;
	cursor: not-allowed;
}
.activeKor
{
	border: 5px solid #fa9483;
}
/************************************/

/*	search or category  */
#selector
{
	margin: 30px auto;
}
#selector h3
{
	display: inline-block;
	width: 49%;
	text-align: center !important;
	padding: 50px 10px;
	font-size: 40px;
	background-color: #2d4057;
	border: 5px solid transparent;
}
#selector h3:hover
{
	cursor: pointer;
	background-color: var(--mid-gray);
	transition: 0.3s;
}
/*	search form   */
#search_form
{
	width: 600px;
	margin: 30px auto;
	text-align: center;
}
#search_form input
{
	font-size: 28px;
	width: 500px;
	padding: 10px;
	border-radius: 7px 0px 0px 7px;
	border: 2px solid var(--main-blue);
	vertical-align: middle;
}
#search_form input:focus
{
	border: 2px solid gray;
}
#search_form button
{
	margin-left: -6px;
	height: 57px;
	width: 50px;
	vertical-align: middle;
	border: none;
	background-color: var(--main-blue);
	color: var(--lighter-gray);
	transition: 0.3s;
	border-radius: 0px 7px 7px 0px;
}
#search_form button:hover
{
	background-color: var(--light-blue);
	color: var(--main-white);
	transition: 0.3s;
	cursor: pointer;
}

/*	keyboard	*/
section.keyboard
{
	margin: 10px auto;
	width: 90%;
	background-color: var(--light-gray);
	padding: 5px;
	border-radius: 2px;
	text-align: center;
	margin-bottom: 60px;
}
section.keyboard img
{
	margin: 1px 2px 1px 2px;
	cursor: pointer;
	border: 3px solid var(--light-gray);
}
section.keyboard img:hover
{
	border: 3px solid #fa9483;
}
/******************************************/


/**************************************/
/*			CATEGORY LIST	    	  */
section.category_list
{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 0px;
}
section.category_list a
{
	display: inline-block;
	text-align: center;
	margin-right: 1.4%;
	width: 15.5%;
	margin-bottom: 20px;
	background-color: var(--main-blue);
	vertical-align: top;
	transition: 0.3s;
	filter:brightness(100%);
}
section.category_list a:hover
{
	color: var(--main-white);
	filter:brightness(80%);
}
section.category_list a:nth-of-type(6n)
{
	margin-right: 0%;
}
section.category_list a img, section.category_list a span
{
	display: block;
	color: var(--lighter-gray);
}
section.category_list a img
{
	width: 100%;
	filter:brightness(100%);
	transition: 0.3s;
	background-color: #fff;
}
section.category_list a:hover img
{
	filter:brightness(80%);
	transition: 0.3s;
}
section.category_list a span
{
	margin: 8px auto;
}
/********************************/


/***********************************/
/*			CIMSZO PAGE	    	  */

/*			CIMSZO HEADER		*/
#header-wrapper #cimszoHeadLeft, #header-wrapper #cimszoHeadCenter, #header-wrapper #cimszoHeadRight
{
	display: inline-block;
	vertical-align: top;
}
#header-wrapper #cimszoHeadLeft
{
	width: 155px;
}
#header-wrapper #cimszoHeadCenter
{
	width: calc( 100% - 427px );
	text-align: center;
	margin: 0px 5px;
}

/*	  left   */
#cimszoHeadLeft .categoryTitle
{
	display: block;
	margin-bottom: 5px;
	font-size: 18px;
	width: 100%;
}
#cimszoHeadLeft #leftBoxBottom
{
	width: 100%;
}
#cimszoHeadLeft #leftBoxBottom img
{
	display: inline-block;
	width: 83px;
	vertical-align: top;
}
#cimszoHeadLeft #leftBoxBottom .mainNavButton
{
	display: inline-block;
	vertical-align: top; 
	height: 83px;
	margin-right: 5px;
	padding-left: 6px;
	padding-right: 6px;
}
#cimszoHeadLeft #leftBoxBottom .mainNavButton i
{
	line-height: 76px;
}
/*	  center   */
#cimszoTitleLeft, #cimszoTitleRight
{
	display: inline-block;
	vertical-align: middle;
}
#cimszoTitleLeft
{
	width: 106px;
	margin-right: 5px;
}
#cimszoTitleRight
{
	width: calc( 100% - 111px );	
}
#cimszoTitleLeft img
{
	width: 106px;
	margin-bottom: -3px;
	margin-right: 6px;
	cursor: pointer;
	border: 4px solid #fa9483;
	background-color: #fff;
}
#cimszoTitleRight .cimszoTitle
{
	font-family: 'Alegreya Sans SC', sans-serif;
	color: var(--main-white);
	font-size: 34px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 37px;
}
#cimszoTitleRight img
{
	width: 60px !important;
}
#cimszoTitleRight span img
{
	width: 300px !important;
}
/*	  right    */
#cimszoHeadRight
{
	width: 262px;
	text-align: right;
}
#cimszoHeadRight .mainNavButton
{
	display:block;
	margin-bottom: 5px;
	margin-right: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
#cimszoHeadRight .mainNavButton:last-of-type
{
	margin-bottom: 0px;
}
#cimszoHeadRight .mainNavButton:last-of-type i, #cimszoHeadRight .mainNavButton span
{
	display: none;
}
.eLearning
{
	display: inline-block;
	width: 106px;
	padding: 15px;
	height: 106px;
	text-align: center;
	border-radius: 53px;
	background-color: var(--light-blue);
	transition: 0.2s;
}
.eLearning:hover
{
	background-color: var(--lignt-blue2);
	transition: 0.2s;
}
.eLearning img
{
	width: 76px;
}
#rightBoxTwo
{
	display:inline-block;
	margin-left: 5px;
	text-align:right;
	vertical-align: top;
}
/*	DAKTIL IMG Zoom	*/
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
}
ul.enlarge img
{
	cursor: zoom-in;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
margin: 0px 3px 0px 0px; /*space between the images*/
}
/***In the HTML in step one we placed the large image inside a <span>, now we move it off the page until it's required***/
ul.enlarge span{
position:absolute; /*see support section for more info on positioning*/
left: -9999px; /*moves the span off the page, effectively hidding it from view*/
}
ul.enlarge li:hover{
z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
cursor:pointer; /*changes the cursor to a hand*/
}
/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/ 
ul.enlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
top: 75px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 40px; /*distance from the left of the thumbnail to the left of the popup image*/
}
/***Note: This styling will apply to both the thumbnail and popup image, unless you override these styles in step five***/
ul.enlarge span img{
/*give the thumbnails a frame*/
background-color: var(--mid-gray); /*frame colour*/
padding: 6px; /*frame size*/
/*add a drop shadow to the frame*/
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
/*and give the corners a small curve*/
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

/*		cimszoBox 		*/
section.cimszoBox
{
	margin-bottom: 5px;
	text-align: center;
}
div.cimszoVideo, div.leftBox, div.rightBox
{
	display: inline-block;
	vertical-align: top;
}
div.leftBox, div.rightBox
{
	width: 260px;
	padding: 0px;
}
div.cimszoVideo
{
	margin-left: 10px;
	margin-right: 10px;
	width: calc( 100% - 540px )
}
/*	  video box 	*/
div.cimszoVideo video
{
	width: 100%;
}
/*	Cimszo Video Controls design	*/
.cimszoVideo div.cimszoVideoControls
{
	height: auto;
	padding: 6px 4px 0px 4px;
	text-align: left;
	background-color: #2d4057;
	width: 100%;
	margin-top: -4px;
}
.cimszoVideo div.cimszoVideoControls p
{
	font-size: 16px;
	line-height: 20px !important;
	text-align: right;
	line-height: 24px;
	font-family: 'Alegreya Sans SC', sans-serif;
}
.cimszoVideo div.cimszoVideoControls .text
{
	color: var(--main-white);
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 500;
}
.cimszoVideo div.cimszoVideoControls .mainButton
{
	cursor: pointer;
	margin: 0px 0px 0px 3px;
	border: 3px solid var(--light-blue);
}
.cimszoVideo #videok
{
	display: inline-block;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
}
.cimszoVideo #videok img
{
	width: 45px;
}
.cimszoVideo #videok img
{
	border: 3px solid #fa9483;
	background-color: var(--main-white);
	cursor: pointer;
}
.cimszoVideo .videoControlBox
{
	display: inline-block;
	vertical-align: middle;
	margin-top: 2px;
}
/*		Left Box content	*/
.leftBox .leftBoxInside, .rightBox .rightBoxInside, #botomBoxInside
{
	width: 100%;
	height: auto;
	margin: 0px 0px 10px 0px;
	background-color: #2d4057;
	overflow: hidden;
	height: 48px;
}
.leftBox .leftBoxInside h4, .rightBox .rightBoxInside h4, #botomBoxInside h4
{
	text-align: center;
    padding: 5px 5px;
    line-height: 26px;
	color: var(--mid-gray);
	font-size: 22px;
	letter-spacing: 0px;
	line-height: 38px;
}
.leftBox .leftBoxInside h4 i, .rightBox .rightBoxInside h4 i, #botomBoxInside h4 i
{
	vertical-align: middle;
	margin-top: 4px;
	cursor: pointer;
	line-height: 30px;
}
.leftBox .leftBoxInside h4 i:hover, .rightBox .rightBoxInside h4 i:hover, #botomBoxInside h4 i:hover
{
	color: var(--main-yellow);
}
.leftBox .leftBoxInside h4 img, .rightBox .rightBoxInside h4 img, #botomBoxInside h4 img
{
	width: 38px;
}
#firstLeftBox .line
{
	width: 100%;
	margin: 2px auto;
	width: 250px;
	text-align: left;
}

#firstLeftBox .line ul li
{
	margin: 1px;
	display: inline-block;
}
#firstLeftBox .line ul li img
{
	width: 55px;
	margin-bottom: -2px;
	background-color: var(--main-white);
	border: 3px solid var(--mid-gray);
}
#firstLeftBox .line ul li span img
{
	width: 150px;
	background-color: var(--main-white);
	border: 5px solid var(--mid-gray);
}
.kivitelezesLast
{
	cursor: pointer;
}

/*   rightbox content    */
.rightBox .rightBoxInside
{
	
}
.rightBox .rightBoxInside .nyelvIkon
{
	padding: 0px;
	background-color: var(--main-white);
	margin-top: 6px;
	/*border: 3px solid #61bd1e;*/
	cursor: pointer;
}
.rightBox .rightBoxInside .grayBack
{
	background-color: var(--light-blue);
}
.rightBox .rightBoxInside .grayBack .mainNavButton
{
	margin-top: 5px;
}
.rightBox .rightBoxInside .line
{
	margin: 0px 5px;
}
.rightBox .rightBoxInside .nyelvIkon img
{
	width: 48px;
	margin: 0px 0px 0px 0px;
	margin-bottom: -3px;
	border: 3px solid #fa9483;
}
.korIkon img
{
	border: none !important;
}
.rightBox .rightBoxInside .mainNavButton
{
	background-color: var(--main-white);
	border: 2px solid var(--mid-gray);
	font-size: 16px;
	line-height: 24px;
	color: var(--mid-gray);
	cursor: pointer;
}
div.rightBox .rightBoxInside span.korIkon
{
	background-color: transparent;
	border: 3px solid transparent !important;
	border-radius: 0px !important;
}
.rightBox .korIkon img
{
	width: 60px !important;
}

#jelnyelvSide, #magyarnyelvSide
{
	display: inline-block;
	width: calc( 50% - 10px);
	vertical-align: top;
	padding: 0px 3px 6px 3px;
	margin: 10px 3px 5px 3px;
	background-color: #3d526c;
}

/*	másik szótárban	*/
.masSzotarban
{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	padding-bottom: 7px;
}
.masSzotarban img
{
	display: inline-block !important;
	width: 48px;
}
.masSzotarban img:hover
{
	background-color: var(--mid-gray) !important;
}
.activeButton1
{
	border: 3px solid #d2d438;
}
.disabledButton1
{
	cursor: not-allowed;
}
.activeButton2
{
	border: 3px solid #fa9483 !important;
	cursor: pointer !important;
}
.disabledButton2
{
	opacity: 0.4;
	cursor: not-allowed !important;
}

/*	TEXT BOX   */
#videoTextBox
{
	margin: 5px auto 0px auto;
	width: 100;
	background-color: #fff;
	border: 2px solid var(--main-blue);
}
#videoTextBox p
{
	font-size: 19px;
	line-height: 23px;
	text-align: center;
	color: #000;
	padding: 6px;
	margin-top: 0px;
	font-family: roboto;
	font-weight: 400;
	margin-bottom: 0px;
}
/* text slider */
#textSlider
{
	/*width: calc( 100% - 380px );*/
	width: 100%;
	margin: 10px auto 0px auto;
}
#sliderNavPrev, #sliderNavNext, #sliderContent
{
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
}
#sliderNavPrev, #sliderNavNext
{
	width: 70px;
	height: auto;
}
#sliderNavPrev i, #sliderNavNext i
{
	font-size: 50px;
	margin-top: 5px;
	color: var(--dark-gray);
	transition: 0.2s;
	cursor: pointer;
	opacity: 0.4;
}
#sliderNavPrev i:hover, #sliderNavNext i:hover
{
	color: var(--main-yellow);
	transition: 0.2s;
}
#sliderContent
{
	width: calc( 100% - 160px);
	margin: 0px 10px 0px 10px;
	background-color: #fff;
	border: 2px solid var(--main-blue);
	min-height: 38px;
}
#sliderContent p
{
	color: #000;
	font-size: 21px;
	line-height: 23px;
	text-align: center;
	line-height: 26px;
	margin: 0px 0px 0px 0px;
	font-family: roboto;
	font-weight: 400;
}
#sliderContent p .boldText
{
	font-weight: 900 !important;
	color: var(--main-blue);
}
/**MAIN BUTTON*/
.mainButton
{
	border: none;
	background-color: var(--light-blue);
	color: var(--lighter-gray);
	display: inline-block;
	padding: 8px 12px;
	text-transform: uppercase;
	transition: 0.3s ease-out;
	letter-spacing: 1px;
}
.mainButton:hover
{
	color: var(--main-white);
	background-color: var(--lignt-blue2);
	transition: 0.3s ease-out;
}
.mainButton i
{
	font-size: 24px;
	vertical-align: middle;
	line-height: 9px;
	margin-right: 6px;
	margin-left: -4px;
	margin-top: -2px;
}
/********************************/

/*********************************/
/*			elearning			*/
.elearningPlay
{
	display: inline-block;
	width: 32.66666%;
	margin-right: 1%;
	padding: 60px 10px;
	text-align: center !important;
	font-size: 28px;
	vertical-align: top;
}
.elearningPlay:hover
{
	background-color: var(--mid-gray) !important;
	cursor: pointer;
	font-size: 28px;
}
.elearningPlay:nth-of-type(3)
{
	margin-right: 0%;
}
/*************************************/
/*			FOOTER					*/
section.footer_wrapper
{
	background-color: var(--main-blue);
	height: auto;
	padding: 8px 15px;
	margin-top: 30px;
	border-top: 2px solid var(--light-blue);
	border-bottom: 2px solid var(--light-blue);
	min-width: 1300px;
}
footer.main_footer
{
	margin: 0px auto;
	width: 100%;
	max-width: 1600px;
}
.footer_nav
{
	display: inline-block;
	vertical-align: middle;
}
.footer_nav a
{
	display: inline-block;
	margin-right: 8px;
}
.footer_developer
{
	display: inline-block;
	vertical-align: middle;
	font-family: 'Alegreya Sans SC', sans-serif;
	color: var(--light-blue);
}
.footer_developer a
{
	color: var(--light-blue);
}
/***********************************/


/************************************/
/* 			alert boxes				*/
.alert-box
{
	width: 100%;
	margin: 30px auto;
	padding: 20px;
	position: relative;
}
.alert-box-danger
{	background-color: var(--main-red);	}
.alert-box-warning
{	background-color: var(--main-yellow);	}
.alert-box-success
{	background-color: var(--main-green);	}
.alert-box-info
{	background-color: var(--main-blue);	}
.alert-box-danger a
{	color: var(--dark-gray);	}

.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6
{
	background-color: transparent;
	color: var(--main-white);
	padding: 0px 0px 0px 0px;
	margin: 0px auto 10px auto;
}
.alert-box p
{	
	color: var(--main-white);
	font-size: 16px;
	font-weight: 500;
	margin: 0px 0px 0px 0px;
}
.close-button
{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 30px;
	padding: 0px 10px;
	cursor: pointer;
	padding-bottom: 3px;
	transition: 0.5s;
	color: var(--main-white);
}
.close-button:hover
{
	background-color: rgba(0,0,0,0.7);
	transition: 0.5s;
}
.alert-box abbr
{	color: var(--light-gray);	}
/*********************************/

/*			tooltip	FLY LEFT		 */
.tooltip
{
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext
{
  visibility: hidden;
  width: 120px !important;
  background-color: #000;
  color: var(--main-yellow);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 100% !important;
  left: 50% !important;
  margin-left: -100px;
  font-size: 16px;
  line-height: 18px;
  margin-top: 5px;
  font-family: 'Alegreya Sans SC', sans-serif;
}
span.tooltiptext:first-line
{
	font-size: 16px;
}
.tooltip .tooltiptext::after 
{
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 70%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/*	TOOLTIP Head Right  */
#cimszoHeadRight span.tooltiptext
{
	display: block;
}
/*			tooltip	FLY RIGHT		 */
.tooltip2
{
  position: relative;
  display: inline-block;
}

.tooltip2 .tooltiptext2
{
  visibility: hidden;
  width: 120px !important;
  background-color: #000;
  color: var(--main-yellow);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 100% !important;
  left: 50% !important;
  margin-left: -20px;
  font-size: 16px;
  line-height: 18px;
  margin-top: 5px;
  font-family: 'Alegreya Sans SC', sans-serif;
	opacity: 1 !important;
}
span.tooltiptext2:first-line
{
	font-size: 16px;
}
.tooltip2 .tooltiptext2::after 
{
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 30%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}

.tooltip2:hover .tooltiptext2 {
  visibility: visible;
}

/*	TOOLTIP Head Right  */
#cimszoHeadRight span.tooltiptext2
{
	display: block;
}
.cursorNormal
{
	cursor: auto !important;
}

/*********************************/
/*		PRE-DEFIND CLASSES  	 */
.opacityHalf
{
	opacity: 0.5 !important;
	border: 2px solid var(--mid-gray) !important;
}
.opacityNormal
{
	opacity: 1 !important;
	border: 3px solid #fa9483 !important;
}
.floatRight
{	float: right;	/*margin: 0px 0px 0px 0px;*/	}
.floatLeft
{	float: left;	/*margin: 0px 0px 0px 0px;*/	}
.inactiveButton
{
	background-color: var(--light-gray);
	opacity: 0.8;
}
.inactiveButton:hover
{
	background-color: var(--light-gray) !important;
	opacity: 0.8;
	cursor: not-allowed;
}
.activeButton
{
	border: 3px solid #fa9483 !important;
    outline-offset: -1px;
    background-color: var(--lignt-blue2);
}
.row
{
	display: block;
	clear: both;
	margin: 30px auto;
	width: 100%;
}
.align_right
{	text-align: right;	}
.align_center
{	text-align: center;	}
.align_left
{	text-align: left;	}
.third-box
{
	display: inline-block;
	width: 32%;
	margin-right: 2%;
	vertical-align: top;
}
.third-box:last-child
{
	margin-right: 0px;
}

.highLightYellow
{	
	background-color: var(--main-yellow);
	padding: 0px 5px;
	border-radius: 3px;
}
.hightLightRed
{
	background-color: var(--main-red);
	padding: 0px 5px;
	border-radius: 3px;
}
.hightLightGreen
{
	background-color: var(--main-green);
	padding: 0px 5px;
	border-radius: 3px;
}
.hightLightBlue
{
	background-color: var(--main-blue);
	padding: 0px 5px;
	border-radius: 3px;
}
.boldText
{	font-weight: 700;	}
.italicText
{	font-style: italic;	}
.blockCenteredImg
{
	display: block;
	margin: 20px auto;
}
/*********************************/
/**********PRE-DEFIND CLASSES END*/





/********************************
XS for mobil (max 480 px)
*********************************/
@media all and (max-width: 480px) {
	body
	{	/*min-width: 330px*/	}
	h1
	{	font-size: 30px; font-weight: 400;	line-height: 40px;	padding: 10px 10px 10px 10px;	display: block;	}

	h2
	{	font-size: 26px; font-weight: 400;	line-height: 36px;	padding: 10px 10px 10px 10px;	display: block;	}

	h3
	{	font-size: 22px; font-weight: 400;	line-height: 34px;	padding: 8px 10px 8px 10px;		display: block;	}

	h4
	{	font-size: 20px; font-weight: 400;	line-height: 34px;	padding: 8px 10px 8px 10px;		display: block;	}

	h5
	{	font-size: 18px; font-weight: 400;	line-height: 30px;	padding: 6px 10px 6px 10px;		display: block;	}

	h6
	{	font-size: 18px; font-weight: 400;	line-height: 28px;	padding: 6px 10px 6px 10px;		display: block;	}


	/********************************/
	/* 			alert boxes			*/
	.alert-box
	{	padding: 25px 10px;		}
	.alert-box-danger
	{	}
	.alert-box-warning
	{	}
	.alert-box-success
	{	}
	.alert-box-info
	{	}

	.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6
	{	}
	.alert-box p
	{	}
	.close-button
	{	}
	.close-button:hover
	{	}
	/*********************************/

	/*********************************/
	/*		PRE-DEFIND CLASSES  	 */
	.row
	{	}

	.align_right
	{	}
	.align_center
	{	}
	.align_left
	{	}
	.third-box
	{	}
	.third-box:last-child
	{	}

	/*********************************/
	/**********PRE-DEFIND CLASSES END*/

}



/********************************
S for phabs (max 768px px)
*********************************/
@media (min-width: 481px) and (max-width: 768px){

	/*********************************/
	/*			HEADER				*/
	#header-wrapper
	{
		padding: 5px 5px;
		margin-bottom: 5px;
		min-width: 460px;
	}
	header.top-header
	{
		margin: 0px auto;
		width: 100%;
		max-width: 100%;
	}
	#headerLeftBox,  #headerRightBox
	{
		display: inline-block;
		vertical-align: middle;
	}
	#headerLeftBox
	{
		width: calc( 100% - 105px );
	}
	#headerRightBox
	{
		width: 105px;
		text-align: right;
	}
	#headerRightBox .mainNavButton
	{
		padding: 3px 5px;
		margin-right: 0px;
	}
	#headerRightBox .mainNavButton span
	{
		display: none;
	}
	#headerRightBox .helpButton i
	{
		margin-right: 0px !important;
	}
	/*	breadcrump	*/
	#headerLeftBox #breadcrump
	{
		text-align: left;
		font-size: 17px;
	}
	#headerLeftBox #breadcrump a
	{
		font-size: 17px;
	}
	#headerLeftBox #breadcrump a::after
	{
	}
	#headerLeftBox #breadcrump a:last-child:after
	{
	}
	#headerRightBox .mainNavButton:last-of-type
	{
		display: inline-block;
	}
	#headerRightBox .mainNavButton img
	{
		height: 40px !important;
	}
	/********************************/

	/********************************/
	/*		MAIN NAV BUTTON		*/
	.mainNavButton
	{
		display: inline-block;
		padding: 3px 12px;
		text-transform: uppercase;
		margin-right: 3px;
		font-size: 20px;
		line-height: 16px;
	}
	.mainNavButton i, .mainNavButton span, .mainNavButton img
	{
		display: inline-block;
		vertical-align: middle;
	}
	.mainNavButton img
	{
		height: 45px;
	}
	.mainNavButton:hover img
	{
	}
	.mainNavButton span
	{
		margin: 0px 10px;
		width: 130px;
	}
	.mainNavButton span:first-line
	{
		font-size: 14px;
		letter-spacing: 0.5px;
	}
	.mainNavButton:hover
	{
		transition: 0.3s ease-out;
		font-size: 20px;
	}
	.mainNavButton i
	{	font-size: 45px;	}

	/*		SEARCH BUTTON 		*/
	.helpButton
	{
		font-size: 20px;
		display:inline-block;
	}
	.helpButton i
	{
		font-size: 40px;
	}

	/**********************************/


	/*********************************/
	/*	MAIN PAGE HEADER (HELP BAR)	 */
	section.mainPageHeader
	{
		padding: 8px 15px;
		margin-bottom: 5px;
		min-width: 750px;
	}
	div.mainPagaHeaderInside
	{
		margin: 0px auto;
		width: 100%;
		max-width: 100%;
	}
	.videoHelp, .textHelp
	{
		display: inline-block;
		width: 49%;
		vertical-align: top;
		padding: 10px;
		border-radius: 2px;
		max-height: 600px;
	}
	.videoHelp i, .textHelp i
	{
		vertical-align: middle;
		margin-right: 25px;
	}
	.videoHelp
	{
		margin-right: 2%;
	}
	.videoHelp h6, .textHelp h6
	{
	}
	/*********************************/

	/************************************/
	/*		MAIN CONTAINER  	 		*/
	section.main_container
	{
		padding: 5px;
		margin-top: 0px;
		min-width: 460px;		
		max-width: 100%;
		margin: 0px auto;
		min-height: 100vh;
	}
	section.main_container p
	{
		font-size: 19px;
		line-height: 28px;
		text-align: justify;
		margin: 10px 20px;
	}
	section.main_container #normalVideo
	{
		max-width: 100%;
		margin: 30px auto;
		display: block;
	}
	/************************************/

	/************************************/
	/*		MAIN page Choose kor 		*/
	section.chooseKor
	{
		margin: 15px auto;
	}
	section.chooseKor .chooseKorOption
	{
		display: inline-block;
		width: 32.666%;
		text-align: center;
		vertical-align: middle;
		padding: 15px 10px;
		/*margin-bottom: 12px;*/
	}
	section.chooseKor .chooseKorOption:hover
	{
	}
	section.chooseKor .chooseKorOption:nth-of-type(2n)
	{
		margin: 0px 1%;
	}
	section.chooseKor .chooseKorOption span
	{
		font-size: 19px;
		font-weight: 400;
		line-height: 22px;
		vertical-align: middle;
		display: block;
		margin: 12px auto 0px auto;
	}
	section.chooseKor .chooseKorOption span:first-line
	{
	}
	section.chooseKor .chooseKorOption img
	{
		height: 55px;
		float: none;
		vertical-align: middle;
		margin-left: 10px;
		margin: 0px auto;
	}
	.disabledKor
	{
	}
	.activeKor
	{
	}
	/************************************/

	/*	search or category  */
	#selector
	{
		margin: 5px auto;
	}
	#selector h3
	{
		display: inline-block;
		width: 49.5%;
		text-align: center !important;
		padding: 20px 5px;
		font-size: 22px;
	}
	#selector h3:nth-of-type(1)
	{
		margin-right: 1% !important;
	}
	#selector h3:hover
	{
	}
	/*	search form   */
	#search_form
	{
		width: 450px;
		margin: 30px auto;
		text-align: center;
	}
	#search_form input
	{
		font-size: 28px;
		width: 350px;
		padding: 10px;
		border-radius: 7px 0px 0px 7px;
		vertical-align: middle;
	}
	#search_form input:focus
	{
	}
	#search_form button
	{
		margin-left: -6px;
		height: 57px;
		width: 50px;
		vertical-align: middle;
		border-radius: 0px 7px 7px 0px;
	}
	#search_form button:hover
	{
	}
	/*	keyboard	*/
	section.keyboard
	{
		margin: 10px auto;
		width: 100%;
		padding: 5px;
		text-align: center;
		margin-bottom: 60px;
	}
	section.keyboard img
	{
		margin: 1px 2px 1px 2px;
	}
	section.keyboard img:hover
	{
	}
	/******************************************/

	/**************************************/
	/*			CATEGORY LIST	    	  */
	section.category_list
	{
		text-align: justify;
		margin-top: 15px;
		margin-bottom: 20px;
		padding: 0px;
	}
	section.category_list a
	{
		display: inline-block;
		text-align: center;
		margin-right: 1%;
		width: 49.5%;
		margin-bottom: 10px;
		vertical-align: top;
	}
	section.category_list a:hover
	{
	}
	section.category_list a:nth-of-type(2n)
	{
		margin-right: 0%;
	}
	
	
	
	section.category_list a img, section.category_list a span
	{
		display: block;
	}
	section.category_list a img
	{
	}
	section.category_list a:hover img
	{
	}
	section.category_list a span
	{
		margin: 8px auto;
		font-size: 18px;
	}
	/********************************/


	/***********************************/
	/*			CIMSZO PAGE	    	  */

	/*			CIMSZO HEADER		*/
	#header-wrapper #cimszoHeadLeft, #header-wrapper #cimszoHeadCenter, #header-wrapper #cimszoHeadRight
	{
		display: inline-block;
		vertical-align: middle;
	}
	#header-wrapper #cimszoHeadLeft
	{
		width: 52px;
	}
	#header-wrapper #cimszoHeadCenter
	{
		width: calc( 100% - 219px );
		text-align: center;
		margin: 0px 5px;
	}
	/*	  left   */
	#cimszoHeadLeft .categoryTitle
	{
		display: none;
	}
	#cimszoHeadLeft #leftBoxBottom
	{
		width: 100%;
	}
	#cimszoHeadLeft #leftBoxBottom img
	{
		display: none;
	}
	#cimszoHeadLeft #leftBoxBottom .mainNavButton
	{
		display: inline-block;
		vertical-align: top; 
		height: 97px;
		margin-right: 0px;
		padding-left: 4px;
		padding-right: 3px;
	}
	#cimszoHeadLeft #leftBoxBottom .mainNavButton i
	{
		line-height: 93px;
	}
	/*	  center   */
	#cimszoTitleLeft, #cimszoTitleRight
	{
		display: inline-block;
		vertical-align: middle;
	}
	#cimszoTitleLeft
	{
		width: 98px;
		margin-right: 5px;
	}
	#cimszoTitleRight
	{
		width: calc( 100% - 103px );	
	}
	#cimszoTitleLeft img
	{
		width: 98px;
		margin-bottom: -3px;
		margin-right: 6px;
	}
	#cimszoTitleRight .cimszoTitle
	{
		font-size: 34px;
		font-weight: 400;
		line-height: 37px;
	}
	#cimszoTitleRight img
	{
		width: 46px !important;
	}
	#cimszoTitleRight span img
	{
		width: 255px !important;
	}
	/*	  right    */
	#cimszoHeadRight
	{
		width: 157px;
		text-align: right;
	}
	#cimszoHeadRight .mainNavButton
	{
		display: block;
		margin-bottom: 5px;
		margin-right: 0px;
		padding-left: 6px;
		padding-right: 6px;
	}
	#cimszoHeadRight .mainNavButton img
	{
		height: 40px;
	}
	#cimszoHeadRight .mainNavButton:last-of-type
	{
		margin-bottom: 0px;
	}
	#cimszoHeadRight .mainNavButton:last-of-type i, #cimszoHeadRight .mainNavButton span
	{
		display: none;
	}
	.eLearning
	{
		display: inline-block;
		width: 98px;
		padding: 15px;
		height: 98px;
		margin-right: 2px;
		text-align: center;
		border-radius: 0px;
	}
	.eLearning:hover
	{
	}
	.eLearning img
	{
		width: 68px;
	}
	#rightBoxTwo
	{
		display:inline-block;
		margin-left: 0px;
		text-align:right;
		vertical-align: top;
	}
	/*	DAKTIL IMG Zoom	*/
	ul.enlarge{
	list-style-type:none; /*remove the bullet point*/
	}
	ul.enlarge img
	{
		cursor: zoom-in;
	}
	ul.enlarge li{
	display:inline-block; /*places the images in a line*/
	position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
	z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
	margin: 0px 3px 0px 0px; /*space between the images*/
	}
	/***In the HTML in step one we placed the large image inside a <span>, now we move it off the page until it's required***/
	ul.enlarge span{
	position:absolute; /*see support section for more info on positioning*/
	left: -9999px; /*moves the span off the page, effectively hidding it from view*/
	}
	ul.enlarge li:hover{
	z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
	cursor:pointer; /*changes the cursor to a hand*/
	}
	/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/ 
	ul.enlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
	top: 75px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
	left: 40px; /*distance from the left of the thumbnail to the left of the popup image*/
	}
	/***Note: This styling will apply to both the thumbnail and popup image, unless you override these styles in step five***/
	ul.enlarge span img{
	/*give the thumbnails a frame*/
	background-color: var(--mid-gray); /*frame colour*/
	padding: 6px; /*frame size*/
	/*add a drop shadow to the frame*/
	-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	/*and give the corners a small curve*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	/*		cimszoBox 		*/
	section.cimszoBox
	{
		margin-bottom: 5px;
		text-align: center;
		display: flex;
		flex-direction: column;
		max-width: 800px;
		margin: 0px auto;
	}
	div.cimszoVideo, div.leftBox, div.rightBox
	{
		display: block;
		vertical-align: top;
	}
	div.leftBox, div.rightBox
	{
		width: 100%;
		padding: 0px;
	}
	div.leftBox
	{
		order: 1;
	}
	div.rightBox
	{
		order: 2;
	}
	div.cimszoVideo
	{
		order: 3;
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		margin-bottom: 10px;
	}
	/*	  video box 	*/
	div.cimszoVideo video
	{
		width: 100%;
	}
	/*	Cimszo Video Controls design	*/
	.cimszoVideo div.cimszoVideoControls
	{
		padding: 6px 4px 0px 4px;
		text-align: left;
		width: 100%;
		margin-top: 0px;
	}
	.cimszoVideo div.cimszoVideoControls p
	{
		font-size: 19px;
		line-height: 28px !important;
		text-align: right;
	}
	.cimszoVideo div.cimszoVideoControls .videoControlBox p
	{
		padding: 6px 5px;
	}
	.cimszoVideo div.cimszoVideoControls .text
	{
		font-size: 14px;
	}
	.cimszoVideo div.cimszoVideoControls .mainButton
	{
		margin: 0px 0px 0px 3px;
	}
	.cimszoVideo div.cimszoVideoControls .mainButton i
	{
		margin: 0px 0px 0px -5px;
		font-size: 22px;
	}
	.cimszoVideo #videok
	{
		display: inline-block;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
	}
	.cimszoVideo #videok img
	{
		width: 48px;
	}
	.cimszoVideo #videok img
	{
	}
	.cimszoVideo .videoControlBox
	{
		display: inline-block;
		vertical-align: middle;
		margin-top: 2px;
	}
	/*		Left Box content	*/
	.leftBox .leftBoxInside, .rightBox .rightBoxInside, #botomBoxInside
	{
		width: 100%;
		margin: 0px 0px 10px 0px;
		height: 48px;
	}
	.leftBox .leftBoxInside h4, .rightBox .rightBoxInside h4, #botomBoxInside h4
	{
		text-align: center;
		padding: 5px 5px;
		line-height: 26px;
		font-size: 26px;
		letter-spacing: 0px;
		line-height: 38px;
	}
	.leftBox .leftBoxInside h4 i, .rightBox .rightBoxInside h4 i, #botomBoxInside h4 i
	{
		vertical-align: middle;
		margin-top: 4px;
		line-height: 30px;
	}
	.leftBox .leftBoxInside h4 i:hover, .rightBox .rightBoxInside h4 i:hover, #botomBoxInside h4 i:hover
	{
	}
	.leftBox .leftBoxInside h4 img, .rightBox .rightBoxInside h4 img, #botomBoxInside h4 img
	{
		width: 38px;
	}
	.leftBoxInside, .rightBoxInside
	{
		text-align: left !important;
	}
	#firstLeftBox .line
	{
		width: calc( 33.33% - 7px);
		background-color: #3d526c;
		text-align: left;
		display: inline-block;
		margin-left: 5px;
		margin-right: -5px;
		padding: 3px;
		margin-bottom: 3px !important;
	}
	#firstLeftBox .line:last-of-type
	{
		margin-bottom: 7px !important;
	}
	#firstLeftBox .line ul li
	{
		margin: 1px;
		display: inline-block;
	}
	#firstLeftBox .line ul li img
	{
		width: 53px;
		margin-bottom: -2px;
	}
	#firstLeftBox .line ul li span img
	{
		width: 150px;
	}
	.kivitelezesLast
	{
	}
	/*   rightbox content    */
	.rightBox .rightBoxInside
	{
		text-align: center !important;
	}
	.rightBox .rightBoxInside .nyelvIkon
	{
		padding: 0px;
		margin-top: 6px;
	}
	.rightBox .rightBoxInside .grayBack
	{
	}
	.rightBox .rightBoxInside .grayBack .mainNavButton
	{
		margin-top: 5px;
	}
	.rightBox .rightBoxInside .line
	{
		margin: 0px 5px;
	}
	.rightBox .rightBoxInside .nyelvIkon img
	{
		width: 47px;
		margin: 0px -1px 0px -1px;
		margin-bottom: -3px;
	}
	.korIkon img
	{
	}
	.rightBox .rightBoxInside .mainNavButton
	{
		font-size: 16px;
		line-height: 24px;
	}
	div.rightBox .rightBoxInside span.korIkon
	{
	}
	.rightBox .korIkon img
	{
		width: 54px !important;
		margin-left: -5px !important;
	}

	#jelnyelvSide, #magyarnyelvSide
	{
		display: inline-block;
		width: calc( 50% - 10px);
		vertical-align: top;
		padding: 0px 3px 6px 3px;
		margin: 10px 3px 5px 3px;
	}
	#jelnyelvSide .line, #magyarnyelvSide .line
	{
		display: inline-block;
		width: auto;
		margin: 0px 0px 0px 0px;
		vertical-align: middle;
	}
	#jelnyelvSide .nyelvIkon, #magyarnyelvSide .nyelvIkon
	{
		vertical-align: middle;
	}
	
	
	/*	másik szótárban	*/
	.masSzotarban
	{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.masSzotarban img
	{
		display: inline-block !important;
		width: 42px;
	}
	.masSzotarban img:hover
	{
	}
	.activeButton1
	{
	}
	.disabledButton1
	{
	}
	.activeButton2
	{
	}
	.disabledButton2
	{
	}
	/*	TEXT BOX   */
	#videoTextBox
	{
		order: 4;
		margin: 0px auto 0px auto;
		width: 100%;
	}
	#videoTextBox p
	{
		font-size: 19px;
		line-height: 23px;
		text-align: center;
		padding: 6px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	/* text slider */
	#textSlider
	{
		width: 100%;
		margin: 10px auto 0px auto;
	}
	#sliderNavPrev, #sliderNavNext, #sliderContent
	{
		display: inline-block;
		vertical-align: middle;
		padding: 5px;
	}
	#sliderNavPrev, #sliderNavNext
	{
		width: 70px;
		display: none;
	}
	#sliderNavPrev i, #sliderNavNext i
	{
		font-size: 50px;
		margin-top: 5px;
	}
	#sliderNavPrev i:hover, #sliderNavNext i:hover
	{
	}
	#sliderContent
	{
		/*width: calc( 100% - 160px);*/
		width: 100%;
		/*margin: 0px 10px 0px 10px;*/
		min-height: 38px;
		margin: 0px 0px 0px 0px;
	}
	#sliderContent p
	{
		font-size: 21px;
		line-height: 23px;
		text-align: center;
		line-height: 24px;
		margin: 0px 0px 0px 0px;
	}

	/**MAIN BUTTON*/
	.mainButton
	{
		display: inline-block;
		padding: 8px 12px;
	}
	.mainButton:hover
	{
	}
	.mainButton i
	{
		font-size: 24px;
		vertical-align: middle;
		line-height: 9px;
		margin-right: 6px;
		margin-left: -4px;
		margin-top: -2px;
	}
	/********************************/

	/*************************************/
	/*			FOOTER					*/
	section.footer_wrapper
	{
		padding: 8px 15px;
		margin-top: 30px;
		min-width: 460px;
	}
	footer.main_footer
	{
		margin: 0px auto;
		width: 100%;
		max-width: 100%;
	}
	.footer_nav
	{
		display: inline-block;
		vertical-align: middle;
	}
	.footer_nav a
	{
		display: inline-block;
		margin-right: 8px;
		font-size: 14px;
	}
	.footer_developer
	{
		display: inline-block;
		vertical-align: middle;
		margin-top: 2px;
	}
	.footer_developer a
	{
	}
	/***********************************/


	/************************************/
	/* 			alert boxes				*/
	.alert-box
	{
		width: 100%;
		margin: 30px auto;
		padding: 20px;
		position: relative;
	}
	.alert-box-danger
	{		}
	.alert-box-warning
	{	}
	.alert-box-success
	{	}
	.alert-box-info
	{	}
	.alert-box-danger a
	{}

	.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6
	{
		padding: 0px 0px 0px 0px;
		margin: 0px auto 10px auto;
	}
	.alert-box p
	{	
		font-size: 16px;
		margin: 0px 0px 0px 0px;
	}
	.close-button
	{
		position: absolute;
		right: 0;
		top: 0;
		font-size: 30px;
		padding: 0px 10px;
		padding-bottom: 3px;
	}
	.close-button:hover
	{
	}
	.alert-box abbr
	{
		
	}
	/*********************************/

	/*			tooltip	FLY LEFT		 */
	.tooltip
	{
	  position: relative;
	  display: inline-block;
	}

	.tooltip .tooltiptext
	{
	  visibility: hidden;
	  width: 120px !important;
	  background-color: #000;
	  color: var(--main-yellow);
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  top: 100% !important;
	  left: 50% !important;
	  margin-left: -100px;
	  font-size: 16px;
	  line-height: 18px;
	  margin-top: 5px;
	  font-family: 'Alegreya Sans SC', sans-serif;
	}
	span.tooltiptext:first-line
	{
		font-size: 16px;
	}
	.tooltip .tooltiptext::after 
	{
	  content: " ";
	  position: absolute;
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 70%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.tooltip:hover .tooltiptext {
	  visibility: visible;
	}

	/*	TOOLTIP Head Right  */
	#cimszoHeadRight span.tooltiptext
	{
		display: block;
	}
	/*			tooltip	FLY RIGHT		 */
	.tooltip2
	{
	  position: relative;
	  display: inline-block;
	}

	.tooltip2 .tooltiptext2
	{
	  visibility: hidden;
	  width: 120px !important;
	  background-color: #000;
	  color: var(--main-yellow);
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  top: 100% !important;
	  left: 50% !important;
	  margin-left: -20px;
	  font-size: 16px;
	  line-height: 18px;
	  margin-top: 5px;
	  font-family: 'Alegreya Sans SC', sans-serif;
		opacity: 1 !important;
	}
	span.tooltiptext2:first-line
	{
		font-size: 16px;
	}
	.tooltip2 .tooltiptext2::after 
	{
	  content: " ";
	  position: absolute;
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 30%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.tooltip2:hover .tooltiptext2 {
	  visibility: visible;
	}

	/*	TOOLTIP Head Right  */
	#cimszoHeadRight span.tooltiptext2
	{
		display: block;
	}
	.cursorNormal
	{
		cursor: auto !important;
	}

	/*********************************/
	/*		PRE-DEFIND CLASSES  	 */
	.opacityHalf
	{
	}
	.opacityNormal
	{
	}
	.floatRight
	{		/*margin: 0px 0px 0px 0px;*/	}
	.floatLeft
	{		/*margin: 0px 0px 0px 0px;*/	}
	.inactiveButton
	{
	}
	.inactiveButton:hover
	{
	}
	.activeButton
	{
	}
	.row
	{
		margin: 30px auto;
		width: 100%;
	}
	.align_right
	{	}
	.align_center
	{	}
	.align_left
	{		}
	.third-box
	{
		display: inline-block;
		width: 32%;
		margin-right: 2%;
		vertical-align: top;
	}
	.third-box:last-child
	{
		margin-right: 0px;
	}

	.highLightYellow
	{	
		background-color: var(--main-yellow);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightRed
	{
		background-color: var(--main-red);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightGreen
	{
		background-color: var(--main-green);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightBlue
	{
		background-color: var(--main-blue);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.boldText
	{	font-weight: 700;	}
	.italicText
	{	font-style: italic;	}
	.blockCenteredImg
	{
		display: block;
		margin: 20px auto;
	}
	/*********************************/
	/**********PRE-DEFIND CLASSES END*/
	
	
	
	
	
	
	h1
	{	font-size: 32px; font-weight: 400;	line-height: 40px;	padding: 10px 20px 10px 20px;	display: block;	}

	h2
	{	font-size: 28px; font-weight: 400;	line-height: 36px;	padding: 10px 20px 10px 20px;	display: block;	}

	h3
	{	font-size: 24px; font-weight: 400;	line-height: 34px;	padding: 8px 20px 8px 20px;		display: block;	}

	h4
	{	font-size: 22px; font-weight: 400;	line-height: 34px;	padding: 8px 20px 8px 20px;		display: block;	}

	h5
	{	font-size: 20px; font-weight: 400;	line-height: 30px;	padding: 6px 20px 6px 20px;		display: block;	}

	h6
	{	font-size: 18px; font-weight: 400;	line-height: 28px;	padding: 6px 20px 6px 20px;		display: block;	}


	/********************************/
	/* 			alert boxes			*/
	.alert-box
	{	}
	.alert-box-danger
	{	}
	.alert-box-warning
	{	}
	.alert-box-success
	{	}
	.alert-box-info
	{	}

	.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6
	{	}
	.alert-box p
	{	}
	.close-button
	{	}
	.close-button:hover
	{	}
	/*********************************/


	/*********************************/
	/*		PRE-DEFIND CLASSES  	 */
	.row
	{	}

	.align_right
	{	}
	.align_center
	{	}
	.align_left
	{	}
	.third-box
	{	}
	.third-box:last-child
	{	}

	/*********************************/
	/**********PRE-DEFIND CLASSES END*/

}
	
	
	
/********************************
M for tabs/small desktop (max 992px)
*********************************/
@media (min-width: 769px) and (max-width: 992px){
	
	
	/*********************************/
	/*			HEADER				*/
	#header-wrapper
	{
		padding: 5px 5px;
		margin-bottom: 5px;
		min-width: 750px;
	}
	header.top-header
	{
		margin: 0px auto;
		width: 100%;
		max-width: 100%;
	}
	#headerLeftBox,  #headerRightBox
	{
		display: inline-block;
		vertical-align: middle;
	}
	#headerLeftBox
	{
		width: 70%;
	}
	#headerRightBox
	{
		width: 30%;
		text-align: right;
	}
	#headerRightBox .mainNavButton span
	{
		display: none;
	}
	#headerRightBox .helpButton i
	{
		margin-right: 0px !important;
	}
	/*	breadcrump	*/
	#headerLeftBox #breadcrump
	{
		text-align: left;
		font-size: 20px;
	}
	#headerLeftBox #breadcrump a
	{
		font-size: 20px;
	}
	#headerLeftBox #breadcrump a::after
	{
	}
	#headerLeftBox #breadcrump a:last-child:after
	{
	}
	/********************************/

	/********************************/
	/*		MAIN NAV BUTTON		*/
	.mainNavButton
	{
		display: inline-block;
		padding: 3px 12px;
		text-transform: uppercase;
		margin-right: 3px;
		font-size: 20px;
		line-height: 16px;
	}
	.mainNavButton i, .mainNavButton span, .mainNavButton img
	{
		display: inline-block;
		vertical-align: middle;
	}
	.mainNavButton img
	{
		height: 45px;
	}
	.mainNavButton:hover img
	{
	}
	.mainNavButton span
	{
		margin: 0px 10px;
		width: 130px;
	}
	.mainNavButton span:first-line
	{
		font-size: 14px;
		letter-spacing: 0.5px;
	}
	.mainNavButton:hover
	{
		transition: 0.3s ease-out;
		font-size: 20px;
	}
	.mainNavButton i
	{	font-size: 45px;	}

	/*		SEARCH BUTTON 		*/
	.helpButton
	{
		font-size: 20px;
	}
	.helpButton i
	{
		font-size: 40px;
	}
	#headerRightBox .mainNavButton:last-of-type
	{
	}
	/**********************************/


	/*********************************/
	/*	MAIN PAGE HEADER (HELP BAR)	 */
	section.mainPageHeader
	{
		padding: 8px 15px;
		margin-bottom: 5px;
		min-width: 750px;
	}
	div.mainPagaHeaderInside
	{
		margin: 0px auto;
		width: 100%;
		max-width: 100%;
	}
	.videoHelp, .textHelp
	{
		display: inline-block;
		width: 49%;
		vertical-align: top;
		padding: 10px;
		border-radius: 2px;
		max-height: 600px;
	}
	.videoHelp i, .textHelp i
	{
		vertical-align: middle;
		margin-right: 25px;
	}
	.videoHelp
	{
		margin-right: 2%;
	}
	.videoHelp h6, .textHelp h6
	{
	}
	/*********************************/

	/************************************/
	/*		MAIN CONTAINER  	 		*/
	section.main_container
	{
		padding: 5px;
		margin-top: 0px;
		min-width: 750px;		
		max-width: 100%;
		margin: 0px auto;
		min-height: 100vh;
	}
	section.main_container p
	{
		font-size: 19px;
		line-height: 28px;
		text-align: justify;
		margin: 10px 20px;
	}
	section.main_container #normalVideo
	{
		max-width: 100%;
		margin: 30px auto;
		display: block;
	}
	/************************************/

	/************************************/
	/*		MAIN page Choose kor 		*/
	section.chooseKor
	{
		margin: 15px auto;
	}
	section.chooseKor .chooseKorOption
	{
		display: inline-block;
		width: 32.666%;
		text-align: center;
		vertical-align: middle;
		padding: 30px 10px;
		/*margin-bottom: 12px;*/
	}
	section.chooseKor .chooseKorOption:hover
	{
	}
	section.chooseKor .chooseKorOption:nth-of-type(2n)
	{
		margin: 0px 1%;
	}
	section.chooseKor .chooseKorOption span
	{
		font-size: 27px;
		font-weight: 400;
		line-height: 30px;
		vertical-align: middle;
		display: block;
		margin: 12px auto 0px auto;
	}
	section.chooseKor .chooseKorOption span:first-line
	{
	}
	section.chooseKor .chooseKorOption img
	{
		height: 70px;
		float: none;
		vertical-align: middle;
		margin-left: 10px;
		margin: 0px auto;
	}
	.disabledKor
	{
	}
	.activeKor
	{
	}
	/************************************/

	/*	search or category  */
	#selector
	{
		margin: 15px auto;
	}
	#selector h3
	{
		display: inline-block;
		width: 49.5%;
		text-align: center !important;
		padding: 50px 10px;
		font-size: 40px;
	}
	#selector h3:nth-of-type(1)
	{
		margin-right: 1% !important;
	}
	#selector h3:hover
	{
	}
	/*	search form   */
	#search_form
	{
		width: 600px;
		margin: 30px auto;
		text-align: center;
	}
	#search_form input
	{
		font-size: 28px;
		width: 500px;
		padding: 10px;
		border-radius: 7px 0px 0px 7px;
		vertical-align: middle;
	}
	#search_form input:focus
	{
	}
	#search_form button
	{
		margin-left: -6px;
		height: 57px;
		width: 50px;
		vertical-align: middle;
		border-radius: 0px 7px 7px 0px;
	}
	#search_form button:hover
	{
	}
	/*	keyboard	*/
	section.keyboard
	{
		margin: 10px auto;
		width: 100%;
		padding: 5px;
		text-align: center;
		margin-bottom: 60px;
	}
	section.keyboard img
	{
		margin: 1px 2px 1px 2px;
	}
	section.keyboard img:hover
	{
	}
	/******************************************/

	/**************************************/
	/*			CATEGORY LIST	    	  */
	section.category_list
	{
		text-align: justify;
		margin-top: 15px;
		margin-bottom: 20px;
		padding: 0px;
	}
	section.category_list a
	{
		display: inline-block;
		text-align: center;
		margin-right: 1%;
		width: 32.666%;
		margin-bottom: 10px;
		vertical-align: top;
	}
	section.category_list a:hover
	{
	}
	section.category_list a:nth-of-type(3n)
	{
		margin-right: 0%;
	}
	
	
	
	section.category_list a img, section.category_list a span
	{
		display: block;
	}
	section.category_list a img
	{
	}
	section.category_list a:hover img
	{
	}
	section.category_list a span
	{
		margin: 8px auto;
		font-size: 20px;
	}
	/********************************/


	/***********************************/
	/*			CIMSZO PAGE	    	  */

	/*			CIMSZO HEADER		*/
	#header-wrapper #cimszoHeadLeft, #header-wrapper #cimszoHeadCenter, #header-wrapper #cimszoHeadRight
	{
		display: inline-block;
		vertical-align: middle;
	}
	#header-wrapper #cimszoHeadLeft
	{
		width: 52px;
	}
	#header-wrapper #cimszoHeadCenter
	{
		width: calc( 100% - 219px );
		text-align: center;
		margin: 0px 5px;
	}
	/*	  left   */
	#cimszoHeadLeft .categoryTitle
	{
		display: none;
	}
	#cimszoHeadLeft #leftBoxBottom
	{
		width: 100%;
	}
	#cimszoHeadLeft #leftBoxBottom img
	{
		display: none;
	}
	#cimszoHeadLeft #leftBoxBottom .mainNavButton
	{
		display: inline-block;
		vertical-align: top; 
		height: 97px;
		margin-right: 0px;
		padding-left: 4px;
		padding-right: 3px;
	}
	#cimszoHeadLeft #leftBoxBottom .mainNavButton i
	{
		line-height: 93px;
	}
	/*	  center   */
	#cimszoTitleLeft, #cimszoTitleRight
	{
		display: inline-block;
		vertical-align: middle;
	}
	#cimszoTitleLeft
	{
		width: 98px;
		margin-right: 5px;
	}
	#cimszoTitleRight
	{
		width: calc( 100% - 103px );	
	}
	#cimszoTitleLeft img
	{
		width: 98px;
		margin-bottom: -3px;
		margin-right: 6px;
	}
	#cimszoTitleRight .cimszoTitle
	{
		font-size: 34px;
		font-weight: 400;
		line-height: 37px;
	}
	#cimszoTitleRight img
	{
		width: 46px !important;
	}
	#cimszoTitleRight span img
	{
		width: 255px !important;
	}
	/*	  right    */
	#cimszoHeadRight
	{
		width: 157px;
		text-align: right;
	}
	#cimszoHeadRight .mainNavButton
	{
		display: block;
		margin-bottom: 5px;
		margin-right: 0px;
		padding-left: 6px;
		padding-right: 6px;
	}
	#cimszoHeadRight .mainNavButton img
	{
		height: 40px;
	}
	#cimszoHeadRight .mainNavButton:last-of-type
	{
		margin-bottom: 0px;
	}
	#cimszoHeadRight .mainNavButton:last-of-type i, #cimszoHeadRight .mainNavButton span
	{
		display: none;
	}
	.eLearning
	{
		display: inline-block;
		width: 98px;
		padding: 15px;
		height: 98px;
		margin-right: 2px;
		text-align: center;
		border-radius: 0px;
	}
	.eLearning:hover
	{
	}
	.eLearning img
	{
		width: 68px;
	}
	#rightBoxTwo
	{
		display:inline-block;
		margin-left: 0px;
		text-align:right;
		vertical-align: top;
	}
	/*	DAKTIL IMG Zoom	*/
	ul.enlarge{
	list-style-type:none; /*remove the bullet point*/
	}
	ul.enlarge img
	{
		cursor: zoom-in;
	}
	ul.enlarge li{
	display:inline-block; /*places the images in a line*/
	position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
	z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
	margin: 0px 3px 0px 0px; /*space between the images*/
	}
	/***In the HTML in step one we placed the large image inside a <span>, now we move it off the page until it's required***/
	ul.enlarge span{
	position:absolute; /*see support section for more info on positioning*/
	left: -9999px; /*moves the span off the page, effectively hidding it from view*/
	}
	ul.enlarge li:hover{
	z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
	cursor:pointer; /*changes the cursor to a hand*/
	}
	/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/ 
	ul.enlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
	top: 75px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
	left: 40px; /*distance from the left of the thumbnail to the left of the popup image*/
	}
	/***Note: This styling will apply to both the thumbnail and popup image, unless you override these styles in step five***/
	ul.enlarge span img{
	/*give the thumbnails a frame*/
	background-color: var(--mid-gray); /*frame colour*/
	padding: 6px; /*frame size*/
	/*add a drop shadow to the frame*/
	-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	/*and give the corners a small curve*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	/*		cimszoBox 		*/
	section.cimszoBox
	{
		margin-bottom: 5px;
		text-align: center;
		display: flex;
		flex-direction: column;
		max-width: 800px;
		margin: 0px auto;
	}
	div.cimszoVideo, div.leftBox, div.rightBox
	{
		display: block;
		vertical-align: top;
	}
	div.leftBox, div.rightBox
	{
		width: 100%;
		padding: 0px;
	}
	div.leftBox
	{
		order: 1;
	}
	div.rightBox
	{
		order: 2;
	}
	div.cimszoVideo
	{
		order: 3;
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
		margin-bottom: 10px;
	}
	/*	  video box 	*/
	div.cimszoVideo video
	{
		width: 100%;
	}
	/*	Cimszo Video Controls design	*/
	.cimszoVideo div.cimszoVideoControls
	{
		padding: 6px 4px 0px 4px;
		text-align: left;
		width: 100%;
		margin-top: 0px;
	}
	.cimszoVideo div.cimszoVideoControls p
	{
		font-size: 19px;
		line-height: 28px !important;
		text-align: right;
	}
	.cimszoVideo div.cimszoVideoControls .videoControlBox p
	{
		padding: 6px 5px;
	}
	.cimszoVideo div.cimszoVideoControls .text
	{
		font-size: 14px;
	}
	.cimszoVideo div.cimszoVideoControls .mainButton
	{
		margin: 0px 0px 0px 3px;
	}
	.cimszoVideo div.cimszoVideoControls .mainButton i
	{
		margin: 0px 0px 0px -5px;
		font-size: 22px;
	}
	.cimszoVideo #videok
	{
		display: inline-block;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
	}
	.cimszoVideo #videok img
	{
		width: 48px;
	}
	.cimszoVideo #videok img
	{
	}
	.cimszoVideo .videoControlBox
	{
		display: inline-block;
		vertical-align: middle;
		margin-top: 2px;
	}
	/*		Left Box content	*/
	.leftBox .leftBoxInside, .rightBox .rightBoxInside, #botomBoxInside
	{
		width: 100%;
		margin: 0px 0px 10px 0px;
		height: 48px;
	}
	.leftBox .leftBoxInside h4, .rightBox .rightBoxInside h4, #botomBoxInside h4
	{
		text-align: center;
		padding: 5px 5px;
		line-height: 26px;
		font-size: 26px;
		letter-spacing: 0px;
		line-height: 38px;
	}
	.leftBox .leftBoxInside h4 i, .rightBox .rightBoxInside h4 i, #botomBoxInside h4 i
	{
		vertical-align: middle;
		margin-top: 4px;
		line-height: 30px;
	}
	.leftBox .leftBoxInside h4 i:hover, .rightBox .rightBoxInside h4 i:hover, #botomBoxInside h4 i:hover
	{
	}
	.leftBox .leftBoxInside h4 img, .rightBox .rightBoxInside h4 img, #botomBoxInside h4 img
	{
		width: 38px;
	}
	.leftBoxInside, .rightBoxInside
	{
		text-align: left !important;
	}
	#firstLeftBox .line
	{
		width: calc( 33.33% - 7px);
		background-color: #3d526c;
		text-align: left;
		display: inline-block;
		margin-left: 5px;
		margin-right: -5px;
		padding: 3px;
		margin-bottom: 3px !important;
	}
	#firstLeftBox .line:last-of-type
	{
		margin-bottom: 7px !important;
	}
	#firstLeftBox .line ul li
	{
		margin: 1px;
		display: inline-block;
	}
	#firstLeftBox .line ul li img
	{
		width: 53px;
		margin-bottom: -2px;
	}
	#firstLeftBox .line ul li span img
	{
		width: 150px;
	}
	.kivitelezesLast
	{
	}
	/*   rightbox content    */
	.rightBox .rightBoxInside
	{
		text-align: center !important;
	}
	.rightBox .rightBoxInside .nyelvIkon
	{
		padding: 0px;
		margin-top: 6px;
	}
	.rightBox .rightBoxInside .grayBack
	{
	}
	.rightBox .rightBoxInside .grayBack .mainNavButton
	{
		margin-top: 5px;
	}
	.rightBox .rightBoxInside .line
	{
		margin: 0px 5px;
	}
	.rightBox .rightBoxInside .nyelvIkon img
	{
		width: 47px;
		margin: 0px -1px 0px -1px;
		margin-bottom: -3px;
	}
	.korIkon img
	{
	}
	.rightBox .rightBoxInside .mainNavButton
	{
		font-size: 16px;
		line-height: 24px;
	}
	div.rightBox .rightBoxInside span.korIkon
	{
	}
	.rightBox .korIkon img
	{
		width: 54px !important;
		margin-left: -5px !important;
	}

	#jelnyelvSide, #magyarnyelvSide
	{
		display: inline-block;
		width: calc( 50% - 10px);
		vertical-align: top;
		padding: 0px 3px 6px 3px;
		margin: 10px 3px 5px 3px;
	}
	#jelnyelvSide .line, #magyarnyelvSide .line
	{
		display: inline-block;
		width: auto;
		margin: 0px 0px 0px 0px;
		vertical-align: middle;
	}
	#jelnyelvSide .nyelvIkon, #magyarnyelvSide .nyelvIkon
	{
		vertical-align: middle;
	}
	
	
	/*	másik szótárban	*/
	.masSzotarban
	{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.masSzotarban img
	{
		display: inline-block !important;
		width: 42px;
	}
	.masSzotarban img:hover
	{
	}
	.activeButton1
	{
	}
	.disabledButton1
	{
	}
	.activeButton2
	{
	}
	.disabledButton2
	{
	}
	/*	TEXT BOX   */
	#videoTextBox
	{
		order: 4;
		margin: 0px auto 0px auto;
		width: 100%;
	}
	#videoTextBox p
	{
		font-size: 19px;
		line-height: 23px;
		text-align: center;
		padding: 6px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	/* text slider */
	#textSlider
	{
		width: 100%;
		margin: 10px auto 0px auto;
	}
	#sliderNavPrev, #sliderNavNext, #sliderContent
	{
		display: inline-block;
		vertical-align: middle;
		padding: 5px;
	}
	#sliderNavPrev, #sliderNavNext
	{
		width: 70px;
		display: none;
	}
	#sliderNavPrev i, #sliderNavNext i
	{
		font-size: 50px;
		margin-top: 5px;
	}
	#sliderNavPrev i:hover, #sliderNavNext i:hover
	{
	}
	#sliderContent
	{
		/*width: calc( 100% - 160px);*/
		width: 100%;
		/*margin: 0px 10px 0px 10px;*/
		min-height: 38px;
		margin: 0px 0px 0px 0px;
	}
	#sliderContent p
	{
		font-size: 21px;
		line-height: 23px;
		text-align: center;
		line-height: 24px;
		margin: 0px 0px 0px 0px;
	}

	/**MAIN BUTTON*/
	.mainButton
	{
		display: inline-block;
		padding: 8px 12px;
	}
	.mainButton:hover
	{
	}
	.mainButton i
	{
		font-size: 24px;
		vertical-align: middle;
		line-height: 9px;
		margin-right: 6px;
		margin-left: -4px;
		margin-top: -2px;
	}
	/********************************/

	/*************************************/
	/*			FOOTER					*/
	section.footer_wrapper
	{
		padding: 8px 15px;
		margin-top: 30px;
		min-width: 750px;
	}
	footer.main_footer
	{
		margin: 0px auto;
		width: 100%;
		max-width: 100%;
	}
	.footer_nav
	{
		display: inline-block;
		vertical-align: middle;
	}
	.footer_nav a
	{
		display: inline-block;
		margin-right: 8px;
	}
	.footer_developer
	{
		display: inline-block;
		vertical-align: middle;
	}
	.footer_developer a
	{
	}
	/***********************************/


	/************************************/
	/* 			alert boxes				*/
	.alert-box
	{
		width: 100%;
		margin: 30px auto;
		padding: 20px;
		position: relative;
	}
	.alert-box-danger
	{		}
	.alert-box-warning
	{	}
	.alert-box-success
	{	}
	.alert-box-info
	{	}
	.alert-box-danger a
	{}

	.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6
	{
		padding: 0px 0px 0px 0px;
		margin: 0px auto 10px auto;
	}
	.alert-box p
	{	
		font-size: 16px;
		margin: 0px 0px 0px 0px;
	}
	.close-button
	{
		position: absolute;
		right: 0;
		top: 0;
		font-size: 30px;
		padding: 0px 10px;
		padding-bottom: 3px;
	}
	.close-button:hover
	{
	}
	.alert-box abbr
	{
		
	}
	/*********************************/

	/*			tooltip	FLY LEFT		 */
	.tooltip
	{
	  position: relative;
	  display: inline-block;
	}

	.tooltip .tooltiptext
	{
	  visibility: hidden;
	  width: 120px !important;
	  background-color: #000;
	  color: var(--main-yellow);
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  top: 100% !important;
	  left: 50% !important;
	  margin-left: -100px;
	  font-size: 16px;
	  line-height: 18px;
	  margin-top: 5px;
	  font-family: 'Alegreya Sans SC', sans-serif;
	}
	span.tooltiptext:first-line
	{
		font-size: 16px;
	}
	.tooltip .tooltiptext::after 
	{
	  content: " ";
	  position: absolute;
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 70%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.tooltip:hover .tooltiptext {
	  visibility: visible;
	}

	/*	TOOLTIP Head Right  */
	#cimszoHeadRight span.tooltiptext
	{
		display: block;
	}
	/*			tooltip	FLY RIGHT		 */
	.tooltip2
	{
	  position: relative;
	  display: inline-block;
	}

	.tooltip2 .tooltiptext2
	{
	  visibility: hidden;
	  width: 120px !important;
	  background-color: #000;
	  color: var(--main-yellow);
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  top: 100% !important;
	  left: 50% !important;
	  margin-left: -20px;
	  font-size: 16px;
	  line-height: 18px;
	  margin-top: 5px;
	  font-family: 'Alegreya Sans SC', sans-serif;
		opacity: 1 !important;
	}
	span.tooltiptext2:first-line
	{
		font-size: 16px;
	}
	.tooltip2 .tooltiptext2::after 
	{
	  content: " ";
	  position: absolute;
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 30%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.tooltip2:hover .tooltiptext2 {
	  visibility: visible;
	}

	/*	TOOLTIP Head Right  */
	#cimszoHeadRight span.tooltiptext2
	{
		display: block;
	}
	.cursorNormal
	{
		cursor: auto !important;
	}

	/*********************************/
	/*		PRE-DEFIND CLASSES  	 */
	.opacityHalf
	{
	}
	.opacityNormal
	{
	}
	.floatRight
	{		/*margin: 0px 0px 0px 0px;*/	}
	.floatLeft
	{		/*margin: 0px 0px 0px 0px;*/	}
	.inactiveButton
	{
	}
	.inactiveButton:hover
	{
	}
	.activeButton
	{
	}
	.row
	{
		margin: 30px auto;
		width: 100%;
	}
	.align_right
	{	}
	.align_center
	{	}
	.align_left
	{		}
	.third-box
	{
		display: inline-block;
		width: 32%;
		margin-right: 2%;
		vertical-align: top;
	}
	.third-box:last-child
	{
		margin-right: 0px;
	}

	.highLightYellow
	{	
		background-color: var(--main-yellow);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightRed
	{
		background-color: var(--main-red);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightGreen
	{
		background-color: var(--main-green);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightBlue
	{
		background-color: var(--main-blue);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.boldText
	{	font-weight: 700;	}
	.italicText
	{	font-style: italic;	}
	.blockCenteredImg
	{
		display: block;
		margin: 20px auto;
	}
	/*********************************/
	/**********PRE-DEFIND CLASSES END*/
	
	
	h1
	{	font-size: 34px; font-weight: 400;	line-height: 48px;	padding: 10px 30px 10px 30px;	display: block;	}

	h2
	{	font-size: 30px; font-weight: 400;	line-height: 44px;	padding: 10px 30px 10px 30px;	display: block;	}

	h3
	{	font-size: 26px; font-weight: 400;	line-height: 42px;	padding: 8px 30px 8px 30px;	display: block;	}

	h4
	{	font-size: 24px; font-weight: 400;	line-height: 42px;	padding: 8px 30px 8px 30px;	display: block;	}

	h5
	{	font-size: 22px; font-weight: 400;	line-height: 38px;	padding: 6px 30px 6px 30px;	display: block;	}

	h6
	{	font-size: 20px; font-weight: 400;	line-height: 36px;	padding: 6px 30px 6px 30px;	display: block;	}


	/********************************/
	/* 			alert boxes			*/
	.alert-box
	{	}
	.alert-box-danger
	{	}
	.alert-box-warning
	{	}
	.alert-box-success
	{	}
	.alert-box-info
	{	}

	.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6
	{	}
	.alert-box p
	{	}
	.close-button
	{	}
	.close-button:hover
	{	}
	/*********************************/

	/*********************************/
	/*		PRE-DEFIND CLASSES  	 */
	.row
	{	}

	.align_right
	{	}
	.align_center
	{	}
	.align_left
	{	}
	.third-box
	{	}
	.third-box:last-child
	{	}

	/*********************************/
	/**********PRE-DEFIND CLASSES END*/
	
	
	
	h1
	{	font-size: 34px; font-weight: 400;	line-height: 48px;	padding: 10px 30px 10px 30px;	display: block;	}

	h2
	{	font-size: 30px; font-weight: 400;	line-height: 44px;	padding: 10px 30px 10px 30px;	display: block;	}

	h3
	{	font-size: 26px; font-weight: 400;	line-height: 42px;	padding: 8px 30px 8px 30px;	display: block;	}

	h4
	{	font-size: 24px; font-weight: 400;	line-height: 42px;	padding: 8px 30px 8px 30px;	display: block;	}

	h5
	{	font-size: 22px; font-weight: 400;	line-height: 38px;	padding: 6px 30px 6px 30px;	display: block;	}

	h6
	{	font-size: 20px; font-weight: 400;	line-height: 36px;	padding: 6px 30px 6px 30px;	display: block;	}


	/********************************/
	/* 			alert boxes			*/
	.alert-box
	{	}
	.alert-box-danger
	{	}
	.alert-box-warning
	{	}
	.alert-box-success
	{	}
	.alert-box-info
	{	}

	.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6
	{	}
	.alert-box p
	{	}
	.close-button
	{	}
	.close-button:hover
	{	}
	/*********************************/


	/*********************************/
	/*		PRE-DEFIND CLASSES  	 */
	.row
	{	}

	.align_right
	{	}
	.align_center
	{	}
	.align_left
	{	}
	.third-box
	{	}
	.third-box:last-child
	{	}

	/*********************************/
	/**********PRE-DEFIND CLASSES END*/
}
	
	
/********************************
L for desktop (max 1200px )
*********************************/
@media all and (min-width: 993px) and (max-width: 1200px){
	
	/*********************************/
	/*			HEADER				*/
	#header-wrapper
	{
		padding: 5px 10px;
		margin-bottom: 5px;
		min-width: 975px;
	}
	header.top-header
	{
		margin: 0px auto;
		width: 100%;
		max-width: 990px;
	}
	#headerLeftBox,  #headerRightBox
	{
		display: inline-block;
		vertical-align: middle;
	}
	#headerLeftBox
	{
		width: 50%;
	}
	#headerRightBox
	{
		width: 50%;
		text-align: right;
	}
	/*	breadcrump	*/
	#headerLeftBox #breadcrump
	{
		text-align: left;
		font-size: 17px;
	}
	#headerLeftBox #breadcrump a::after
	{
	}
	#headerLeftBox #breadcrump a:last-child:after
	{
	}
	/********************************/

	/********************************/
	/*		MAIN NAV BUTTON		*/
	.mainNavButton
	{
		display: inline-block;
		padding: 3px 12px;
		text-transform: uppercase;
		margin-right: 3px;
		font-size: 20px;
		line-height: 16px;
	}
	.mainNavButton i, .mainNavButton span, .mainNavButton img
	{
		display: inline-block;
		vertical-align: middle;
	}
	.mainNavButton img
	{
		height: 45px;
	}
	.mainNavButton:hover img
	{
	}
	.mainNavButton span
	{
		margin: 0px 10px;
		width: 130px;
	}
	.mainNavButton span:first-line
	{
		font-size: 14px;
		letter-spacing: 0.5px;
	}
	.mainNavButton:hover
	{
		transition: 0.3s ease-out;
		font-size: 20px;
	}
	.mainNavButton i
	{	font-size: 45px;	}

	/*		SEARCH BUTTON 		*/
	.helpButton
	{
		font-size: 20px;
	}
	.helpButton i
	{
		font-size: 40px;
	}
	#headerRightBox .mainNavButton:last-of-type
	{
	}
	/**********************************/


	/*********************************/
	/*	MAIN PAGE HEADER (HELP BAR)	 */
	section.mainPageHeader
	{
		padding: 8px 15px;
		margin-bottom: 5px;
		min-width: 1150px;
	}
	div.mainPagaHeaderInside
	{
		margin: 0px auto;
		width: 100%;
		max-width: 1190px;
	}
	.videoHelp, .textHelp
	{
		display: inline-block;
		width: 49%;
		vertical-align: top;
		padding: 10px;
		border-radius: 2px;
		max-height: 600px;
	}
	.videoHelp i, .textHelp i
	{
		vertical-align: middle;
		margin-right: 25px;
	}
	.videoHelp
	{
		margin-right: 2%;
	}
	.videoHelp h6, .textHelp h6
	{
	}
	/*********************************/

	/************************************/
	/*		MAIN CONTAINER  	 		*/
	section.main_container
	{
		padding: 5px;
		margin-top: 0px;
		min-width: 975px;		
		max-width: 990px;
		margin: 0px auto;
		min-height: 100vh;
	}
	section.main_container p
	{
		font-size: 19px;
		line-height: 28px;
		text-align: justify;
		margin: 10px 20px;
	}
	section.main_container #normalVideo
	{
		max-width: 900px;
		margin: 30px auto;
		display: block;
	}
	/************************************/

	/************************************/
	/*		MAIN page Choose kor 		*/
	section.chooseKor
	{
		margin: 15px auto;
	}
	section.chooseKor .chooseKorOption
	{
		display: inline-block;
		width: 32.666%;
		text-align: center;
		vertical-align: middle;
		padding: 30px 10px;
	}
	section.chooseKor .chooseKorOption:hover
	{
	}
	section.chooseKor .chooseKorOption:nth-of-type(2n)
	{
		margin: 0px 1%;
	}
	section.chooseKor .chooseKorOption span
	{
		font-size: 22px;
		font-weight: 400;
		line-height: 24px;
		vertical-align: middle;
		display: inline-block;
		margin-top: 10px;
		margin-left: -50px;
	}
	section.chooseKor .chooseKorOption span:first-line
	{
	}
	section.chooseKor .chooseKorOption img
	{
		height: 70px;
		float: left;
		vertical-align: middle;
		margin-left: 10px;
	}
	.disabledKor
	{
	}
	.activeKor
	{
	}
	/************************************/

	/*	search or category  */
	#selector
	{
		margin: 15px auto;
	}
	#selector h3
	{
		display: inline-block;
		width: 49.5%;
		text-align: center !important;
		padding: 40px 10px;
		font-size: 40px;
	}
	#selector h3:nth-of-type(1)
	{
		margin-right: 1% !important;
	}
	#selector h3:hover
	{
	}
	/*	search form   */
	#search_form
	{
		width: 600px;
		margin: 30px auto;
		text-align: center;
	}
	#search_form input
	{
		font-size: 28px;
		width: 500px;
		padding: 10px;
		border-radius: 7px 0px 0px 7px;
		vertical-align: middle;
	}
	#search_form input:focus
	{
	}
	#search_form button
	{
		margin-left: -6px;
		height: 57px;
		width: 50px;
		vertical-align: middle;
		border-radius: 0px 7px 7px 0px;
	}
	#search_form button:hover
	{
	}
	/*	keyboard	*/
	section.keyboard
	{
		margin: 10px auto;
		width: 90%;
		padding: 5px;
		text-align: center;
		margin-bottom: 60px;
	}
	section.keyboard img
	{
		margin: 1px 2px 1px 2px;
	}
	section.keyboard img:hover
	{
	}
	/******************************************/

	/**************************************/
	/*			CATEGORY LIST	    	  */
	section.category_list
	{
		text-align: justify;
		margin-top: 15px;
		margin-bottom: 25px;
		padding: 0px;
	}
	section.category_list a
	{
		display: inline-block;
		text-align: center;
		margin-right: 1.25%;
		width: 19%;
		margin-bottom: 20px;
		vertical-align: top;
	}
	section.category_list a:hover
	{
	}
	section.category_list a:nth-of-type(6n)
	{
		margin-right: 1.25%;
	}
		section.category_list a:nth-of-type(5n)
	{
		margin-right: 0%;
	}
	section.category_list a img, section.category_list a span
	{
		display: block;
	}
	section.category_list a img
	{
	}
	section.category_list a:hover img
	{
	}
	section.category_list a span
	{
		margin: 8px auto;
	}
	/********************************/


	/***********************************/
	/*			CIMSZO PAGE	    	  */

	/*			CIMSZO HEADER		*/
	#header-wrapper #cimszoHeadLeft, #header-wrapper #cimszoHeadCenter, #header-wrapper #cimszoHeadRight
	{
		display: inline-block;
		vertical-align: top;
	}
	#header-wrapper #cimszoHeadLeft
	{
		width: 145px;
	}
	#header-wrapper #cimszoHeadCenter
	{
		width: calc( 100% - 408px );
		text-align: center;
		margin: 0px 5px;
	}
	/*	  left   */
	#cimszoHeadLeft .categoryTitle
	{
		display: block;
		margin-bottom: 5px;
		font-size: 18px;
		width: 100%;
	}
	#cimszoHeadLeft #leftBoxBottom
	{
		width: 100%;
	}
	#cimszoHeadLeft #leftBoxBottom img
	{
		display: inline-block;
		width: 75px;
		vertical-align: top;
	}
	#cimszoHeadLeft #leftBoxBottom .mainNavButton
	{
		display: inline-block;
		vertical-align: top; 
		height: 75px;
		margin-right: 5px;
		padding-left: 6px;
		padding-right: 6px;
	}
	#cimszoHeadLeft #leftBoxBottom .mainNavButton i
	{
		line-height: 71px;
	}
	/*	  center   */
	#cimszoTitleLeft, #cimszoTitleRight
	{
		display: inline-block;
		vertical-align: middle;
	}
	#cimszoTitleLeft
	{
		width: 106px;
		margin-right: 5px;
	}
	#cimszoTitleRight
	{
		width: calc( 100% - 111px );	
	}
	#cimszoTitleLeft img
	{
		width: 98px;
		margin-bottom: -3px;
		margin-right: 6px;
	}
	#cimszoTitleRight .cimszoTitle
	{
		font-size: 34px;
		font-weight: 400;
		line-height: 37px;
	}
	#cimszoTitleRight img
	{
		width: 50px !important;
	}
	#cimszoTitleRight span img
	{
		width: 255px !important;
	}
	/*	  right    */
	#cimszoHeadRight
	{
		width: 253px;
		text-align: right;
	}
	#cimszoHeadRight .mainNavButton
	{
		display: block;
		margin-bottom: 5px;
		margin-right: 0px;
		padding-left: 6px;
		padding-right: 6px;
	}
	#cimszoHeadRight .mainNavButton img
	{
		height: 40px;
	}
	#cimszoHeadRight .mainNavButton:last-of-type
	{
		margin-bottom: 0px;
	}
	#cimszoHeadRight .mainNavButton:last-of-type i, #cimszoHeadRight .mainNavButton span
	{
		display: none;
	}
	.eLearning
	{
		display: inline-block;
		width: 98px;
		padding: 15px;
		height: 98px;
		text-align: center;
		border-radius: 49px;
	}
	.eLearning:hover
	{
	}
	.eLearning img
	{
		width: 68px;
	}
	#rightBoxTwo
	{
		display:inline-block;
		margin-left: 5px;
		text-align:right;
		vertical-align: top;
	}
	/*	DAKTIL IMG Zoom	*/
	ul.enlarge{
	list-style-type:none; /*remove the bullet point*/
	}
	ul.enlarge img
	{
		cursor: zoom-in;
	}
	ul.enlarge li{
	display:inline-block; /*places the images in a line*/
	position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
	z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
	margin: 0px 3px 0px 0px; /*space between the images*/
	}
	/***In the HTML in step one we placed the large image inside a <span>, now we move it off the page until it's required***/
	ul.enlarge span{
	position:absolute; /*see support section for more info on positioning*/
	left: -9999px; /*moves the span off the page, effectively hidding it from view*/
	}
	ul.enlarge li:hover{
	z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
	cursor:pointer; /*changes the cursor to a hand*/
	}
	/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/ 
	ul.enlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
	top: 75px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
	left: 40px; /*distance from the left of the thumbnail to the left of the popup image*/
	}
	/***Note: This styling will apply to both the thumbnail and popup image, unless you override these styles in step five***/
	ul.enlarge span img{
	/*give the thumbnails a frame*/
	background-color: var(--mid-gray); /*frame colour*/
	padding: 6px; /*frame size*/
	/*add a drop shadow to the frame*/
	-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	/*and give the corners a small curve*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	/*		cimszoBox 		*/
	section.cimszoBox
	{
		margin-bottom: 5px;
		text-align: center;
	}
	div.cimszoVideo, div.leftBox, div.rightBox
	{
		display: inline-block;
		vertical-align: top;
	}
	div.leftBox, div.rightBox
	{
		width: 240px;
		padding: 0px;
	}
	div.cimszoVideo
	{
		margin-left: 10px;
		margin-right: 10px;
		width: calc( 100% - 500px )
	}
	/*	  video box 	*/
	div.cimszoVideo video
	{
		width: 100%;
	}
	/*	Cimszo Video Controls design	*/
	.cimszoVideo div.cimszoVideoControls
	{
		padding: 6px 4px 0px 4px;
		text-align: left;
		width: 100%;
		margin-top: -4px;
		text-align:center;
	}
	.cimszoVideo div.cimszoVideoControls p
	{
		font-size: 14px;
		line-height: 20px !important;
		text-align: right;
	}
	.cimszoVideo div.cimszoVideoControls .videoControlBox p
	{
		padding: 6px 5px;
	}
	.cimszoVideo div.cimszoVideoControls .text
	{
		font-size: 14px;
	}
	.cimszoVideo div.cimszoVideoControls .mainButton
	{
		margin: 0px 0px 0px 3px;
	}
	.cimszoVideo div.cimszoVideoControls .mainButton i
	{
		margin: 0px 0px 0px -5px;
		font-size: 21px;
	}
	.cimszoVideo #videok
	{
		display: inline-block;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
	}
	.cimszoVideo #videok img
	{
		width: 42px;
	}
	.cimszoVideo #videok img
	{
	}
	.cimszoVideo .videoControlBox
	{
		display: inline-block;
		vertical-align: middle;
		margin-top: 2px;
		float: none !important;
		margin:0px 0px 5px 0px;
	}
	/*		Left Box content	*/
	.leftBox .leftBoxInside, .rightBox .rightBoxInside, #botomBoxInside
	{
		width: 100%;
		margin: 0px 0px 10px 0px;
		height: 48px;
	}
	.leftBox .leftBoxInside h4, .rightBox .rightBoxInside h4, #botomBoxInside h4
	{
		text-align: center;
		padding: 5px 5px;
		line-height: 26px;
		font-size: 22px;
		letter-spacing: 0px;
		line-height: 38px;
	}
	.leftBox .leftBoxInside h4 i, .rightBox .rightBoxInside h4 i, #botomBoxInside h4 i
	{
		vertical-align: middle;
		margin-top: 4px;
		line-height: 30px;
	}
	.leftBox .leftBoxInside h4 i:hover, .rightBox .rightBoxInside h4 i:hover, #botomBoxInside h4 i:hover
	{
	}
	.leftBox .leftBoxInside h4 img, .rightBox .rightBoxInside h4 img, #botomBoxInside h4 img
	{
		width: 38px;
	}
	#firstLeftBox .line
	{
		width: 100%;
		margin: 2px auto;
		width: 250px;
		text-align: left;
		margin-left: 8px;
	}

	#firstLeftBox .line ul li
	{
		margin: 1px;
		display: inline-block;
	}
	#firstLeftBox .line ul li img
	{
		width: 50px;
		margin-bottom: -2px;
	}
	#firstLeftBox .line ul li span img
	{
		width: 150px;
	}
	.kivitelezesLast
	{
	}
	/*   rightbox content    */
	.rightBox .rightBoxInside
	{
	}
	.rightBox .rightBoxInside .nyelvIkon
	{
		padding: 0px;
		margin-top: 6px;
	}
	.rightBox .rightBoxInside .grayBack
	{
	}
	.rightBox .rightBoxInside .grayBack .mainNavButton
	{
		margin-top: 5px;
	}
	.rightBox .rightBoxInside .line
	{
		margin: 0px 5px;
	}
	.rightBox .rightBoxInside .nyelvIkon img
	{
		width: 44px;
		margin: 0px 0px 0px 0px;
		margin-bottom: -3px;
	}
	.korIkon img
	{
	}
	.rightBox .rightBoxInside .mainNavButton
	{
		font-size: 16px;
		line-height: 24px;
	}
	div.rightBox .rightBoxInside span.korIkon
	{
	}
	.rightBox .korIkon img
	{
		width: 57px !important;
	}

	#jelnyelvSide, #magyarnyelvSide
	{
		display: inline-block;
		width: calc( 50% - 10px);
		vertical-align: top;
		padding: 0px 3px 6px 3px;
		margin: 10px 3px 5px 3px;
	}
	/*	másik szótárban	*/
	.masSzotarban
	{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.masSzotarban img
	{
		display: inline-block !important;
		width: 42px;
	}
	.masSzotarban img:hover
	{
	}
	.activeButton1
	{
	}
	.disabledButton1
	{
	}
	.activeButton2
	{
	}
	.disabledButton2
	{
	}
	/*	TEXT BOX   */
	#videoTextBox
	{
		margin: 5px auto 0px auto;
		width: 100;
	}
	#videoTextBox p
	{
		font-size: 19px;
		line-height: 23px;
		text-align: center;
		padding: 6px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	/* text slider */
	#textSlider
	{
		/*width: calc( 100% - 380px );*/
		width: 100%;
		margin: 10px auto 0px auto;
	}
	#sliderNavPrev, #sliderNavNext, #sliderContent
	{
		display: inline-block;
		vertical-align: middle;
		padding: 5px;
	}
	#sliderNavPrev, #sliderNavNext
	{
		width: 70px;
		display: none;
	}
	#sliderNavPrev i, #sliderNavNext i
	{
		font-size: 50px;
		margin-top: 5px;
	}
	#sliderNavPrev i:hover, #sliderNavNext i:hover
	{
	}
	#sliderContent
	{
		/*width: calc( 100% - 160px);*/
		width: 100%;
		/*margin: 0px 10px 0px 10px;*/
		min-height: 38px;
		margin: 0px 0px 0px 0px;
	}
	#sliderContent p
	{
		font-size: 19px;
		line-height: 23px;
		text-align: center;
		line-height: 24px;
		margin: 0px 0px 0px 0px;
	}

	/**MAIN BUTTON*/
	.mainButton
	{
		display: inline-block;
		padding: 8px 12px;
	}
	.mainButton:hover
	{
	}
	.mainButton i
	{
		font-size: 24px;
		vertical-align: middle;
		line-height: 9px;
		margin-right: 6px;
		margin-left: -4px;
		margin-top: -2px;
	}
	/********************************/

	/*************************************/
	/*			FOOTER					*/
	section.footer_wrapper
	{
		padding: 8px 15px;
		margin-top: 30px;
		min-width: 1150px;
	}
	footer.main_footer
	{
		margin: 0px auto;
		width: 100%;
		max-width: 1190px;
	}
	.footer_nav
	{
		display: inline-block;
		vertical-align: middle;
	}
	.footer_nav a
	{
		display: inline-block;
		margin-right: 8px;
	}
	.footer_developer
	{
		display: inline-block;
		vertical-align: middle;
	}
	.footer_developer a
	{
	}
	/***********************************/


	/************************************/
	/* 			alert boxes				*/
	.alert-box
	{
		width: 100%;
		margin: 30px auto;
		padding: 20px;
		position: relative;
	}
	.alert-box-danger
	{		}
	.alert-box-warning
	{	}
	.alert-box-success
	{	}
	.alert-box-info
	{	}
	.alert-box-danger a
	{}

	.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6
	{
		padding: 0px 0px 0px 0px;
		margin: 0px auto 10px auto;
	}
	.alert-box p
	{	
		font-size: 16px;
		margin: 0px 0px 0px 0px;
	}
	.close-button
	{
		position: absolute;
		right: 0;
		top: 0;
		font-size: 30px;
		padding: 0px 10px;
		padding-bottom: 3px;
	}
	.close-button:hover
	{
	}
	.alert-box abbr
	{
		
	}
	/*********************************/

	/*			tooltip	FLY LEFT		 */
	.tooltip
	{
	  position: relative;
	  display: inline-block;
	}

	.tooltip .tooltiptext
	{
	  visibility: hidden;
	  width: 120px !important;
	  background-color: #000;
	  color: var(--main-yellow);
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  top: 100% !important;
	  left: 50% !important;
	  margin-left: -100px;
	  font-size: 16px;
	  line-height: 18px;
	  margin-top: 5px;
	  font-family: 'Alegreya Sans SC', sans-serif;
	}
	span.tooltiptext:first-line
	{
		font-size: 16px;
	}
	.tooltip .tooltiptext::after 
	{
	  content: " ";
	  position: absolute;
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 70%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.tooltip:hover .tooltiptext {
	  visibility: visible;
	}

	/*	TOOLTIP Head Right  */
	#cimszoHeadRight span.tooltiptext
	{
		display: block;
	}
	/*			tooltip	FLY RIGHT		 */
	.tooltip2
	{
	  position: relative;
	  display: inline-block;
	}

	.tooltip2 .tooltiptext2
	{
	  visibility: hidden;
	  width: 120px !important;
	  background-color: #000;
	  color: var(--main-yellow);
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  top: 100% !important;
	  left: 50% !important;
	  margin-left: -20px;
	  font-size: 16px;
	  line-height: 18px;
	  margin-top: 5px;
	  font-family: 'Alegreya Sans SC', sans-serif;
		opacity: 1 !important;
	}
	span.tooltiptext2:first-line
	{
		font-size: 16px;
	}
	.tooltip2 .tooltiptext2::after 
	{
	  content: " ";
	  position: absolute;
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 30%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.tooltip2:hover .tooltiptext2 {
	  visibility: visible;
	}

	/*	TOOLTIP Head Right  */
	#cimszoHeadRight span.tooltiptext2
	{
		display: block;
	}
	.cursorNormal
	{
		cursor: auto !important;
	}

	/*********************************/
	/*		PRE-DEFIND CLASSES  	 */
	.opacityHalf
	{
	}
	.opacityNormal
	{
	}
	.floatRight
	{		/*margin: 0px 0px 0px 0px;*/	}
	.floatLeft
	{		/*margin: 0px 0px 0px 0px;*/	}
	.inactiveButton
	{
	}
	.inactiveButton:hover
	{
	}
	.activeButton
	{
	}
	.row
	{
		margin: 30px auto;
		width: 100%;
	}
	.align_right
	{	}
	.align_center
	{	}
	.align_left
	{		}
	.third-box
	{
		display: inline-block;
		width: 32%;
		margin-right: 2%;
		vertical-align: top;
	}
	.third-box:last-child
	{
		margin-right: 0px;
	}

	.highLightYellow
	{	
		background-color: var(--main-yellow);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightRed
	{
		background-color: var(--main-red);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightGreen
	{
		background-color: var(--main-green);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightBlue
	{
		background-color: var(--main-blue);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.boldText
	{	font-weight: 700;	}
	.italicText
	{	font-style: italic;	}
	.blockCenteredImg
	{
		display: block;
		margin: 20px auto;
	}
	/*********************************/
	/**********PRE-DEFIND CLASSES END*/
	
	
	h1
	{	font-size: 34px; font-weight: 400;	line-height: 48px;	padding: 10px 30px 10px 30px;	display: block;	}

	h2
	{	font-size: 30px; font-weight: 400;	line-height: 44px;	padding: 10px 30px 10px 30px;	display: block;	}

	h3
	{	font-size: 26px; font-weight: 400;	line-height: 42px;	padding: 8px 30px 8px 30px;	display: block;	}

	h4
	{	font-size: 24px; font-weight: 400;	line-height: 42px;	padding: 8px 30px 8px 30px;	display: block;	}

	h5
	{	font-size: 22px; font-weight: 400;	line-height: 38px;	padding: 6px 30px 6px 30px;	display: block;	}

	h6
	{	font-size: 20px; font-weight: 400;	line-height: 36px;	padding: 6px 30px 6px 30px;	display: block;	}


	/********************************/
	/* 			alert boxes			*/
	.alert-box
	{	}
	.alert-box-danger
	{	}
	.alert-box-warning
	{	}
	.alert-box-success
	{	}
	.alert-box-info
	{	}

	.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6
	{	}
	.alert-box p
	{	}
	.close-button
	{	}
	.close-button:hover
	{	}
	/*********************************/

	/*********************************/
	/*		PRE-DEFIND CLASSES  	 */
	.row
	{	}

	.align_right
	{	}
	.align_center
	{	}
	.align_left
	{	}
	.third-box
	{	}
	.third-box:last-child
	{	}

	/*********************************/
	/**********PRE-DEFIND CLASSES END*/
}


/********************************
XL for desktop (max 1600px)
*********************************/
@media all and (min-width: 1201px) and (max-width: 1450px){
	
	/*********************************/
	/*			HEADER				*/
	#header-wrapper
	{
		padding: 5px 10px;
		margin-bottom: 5px;
		min-width: 1150px;
	}
	header.top-header
	{
		margin: 0px auto;
		width: 100%;
		max-width: 1190px;
	}
	#headerLeftBox,  #headerRightBox
	{
		display: inline-block;
		vertical-align: middle;
	}
	#headerLeftBox
	{
		width: 50%;
	}
	#headerRightBox
	{
		width: 50%;
		text-align: right;
	}
	/*	breadcrump	*/
	#headerLeftBox #breadcrump
	{
		text-align: left;
		font-size: 17px;
	}
	#headerLeftBox #breadcrump a::after
	{
	}
	#headerLeftBox #breadcrump a:last-child:after
	{
	}
	/********************************/

	/********************************/
	/*		MAIN NAV BUTTON		*/
	.mainNavButton
	{
		display: inline-block;
		padding: 3px 12px;
		text-transform: uppercase;
		margin-right: 3px;
		font-size: 20px;
		line-height: 16px;
	}
	.mainNavButton i, .mainNavButton span, .mainNavButton img
	{
		display: inline-block;
		vertical-align: middle;
	}
	.mainNavButton img
	{
		height: 45px;
	}
	.mainNavButton:hover img
	{
	}
	.mainNavButton span
	{
		margin: 0px 10px;
		width: 130px;
	}
	.mainNavButton span:first-line
	{
		font-size: 14px;
		letter-spacing: 0.5px;
	}
	.mainNavButton:hover
	{
		transition: 0.3s ease-out;
		font-size: 20px;
	}
	.mainNavButton i
	{	font-size: 45px;	}

	/*		SEARCH BUTTON 		*/
	.helpButton
	{
		font-size: 20px;
	}
	.helpButton i
	{
		font-size: 40px;
	}
	#headerRightBox .mainNavButton:last-of-type
	{
	}
	/**********************************/


	/*********************************/
	/*	MAIN PAGE HEADER (HELP BAR)	 */
	section.mainPageHeader
	{
		padding: 8px 15px;
		margin-bottom: 5px;
		min-width: 1150px;
	}
	div.mainPagaHeaderInside
	{
		margin: 0px auto;
		width: 100%;
		max-width: 1190px;
	}
	.videoHelp, .textHelp
	{
		display: inline-block;
		width: 49%;
		vertical-align: top;
		padding: 10px;
		border-radius: 2px;
		max-height: 600px;
	}
	.videoHelp i, .textHelp i
	{
		vertical-align: middle;
		margin-right: 25px;
	}
	.videoHelp
	{
		margin-right: 2%;
	}
	.videoHelp h6, .textHelp h6
	{
	}
	/*********************************/

	/************************************/
	/*		MAIN CONTAINER  	 		*/
	section.main_container
	{
		padding: 5px;
		margin-top: 0px;
		min-width: 1150px;		
		max-width: 1190px;
		margin: 0px auto;
		min-height: 100vh;
	}
	section.main_container p
	{
		font-size: 19px;
		line-height: 28px;
		text-align: justify;
		margin: 10px 20px;
	}
	section.main_container #normalVideo
	{
		max-width: 900px;
		margin: 30px auto;
		display: block;
	}
	/************************************/

	/************************************/
	/*		MAIN page Choose kor 		*/
	section.chooseKor
	{
		margin: 15px auto;
	}
	section.chooseKor .chooseKorOption
	{
		display: inline-block;
		width: 32.666%;
		text-align: center;
		vertical-align: middle;
		padding: 30px 10px;
	}
	section.chooseKor .chooseKorOption:hover
	{
	}
	section.chooseKor .chooseKorOption:nth-of-type(2n)
	{
		margin: 0px 1%;
	}
	section.chooseKor .chooseKorOption span
	{
		font-size: 22px;
		font-weight: 400;
		line-height: 24px;
		vertical-align: middle;
		display: inline-block;
		margin-top: 10px;
		margin-left: -50px;
	}
	section.chooseKor .chooseKorOption span:first-line
	{
	}
	section.chooseKor .chooseKorOption img
	{
		height: 70px;
		float: left;
		vertical-align: middle;
		margin-left: 10px;
	}
	.disabledKor
	{
	}
	.activeKor
	{
	}
	/************************************/

	/*	search or category  */
	#selector
	{
		margin: 15px auto;
	}
	#selector h3
	{
		display: inline-block;
		width: 49.5%;
		text-align: center !important;
		padding: 40px 10px;
		font-size: 40px;
	}
	#selector h3:nth-of-type(1)
	{
		margin-right: 1% !important;
	}
	#selector h3:hover
	{
	}
	/*	search form   */
	#search_form
	{
		width: 600px;
		margin: 30px auto;
		text-align: center;
	}
	#search_form input
	{
		font-size: 28px;
		width: 500px;
		padding: 10px;
		border-radius: 7px 0px 0px 7px;
		vertical-align: middle;
	}
	#search_form input:focus
	{
	}
	#search_form button
	{
		margin-left: -6px;
		height: 57px;
		width: 50px;
		vertical-align: middle;
		border-radius: 0px 7px 7px 0px;
	}
	#search_form button:hover
	{
	}
	/*	keyboard	*/
	section.keyboard
	{
		margin: 10px auto;
		width: 90%;
		padding: 5px;
		text-align: center;
		margin-bottom: 60px;
	}
	section.keyboard img
	{
		margin: 1px 2px 1px 2px;
	}
	section.keyboard img:hover
	{
	}
	/******************************************/

	/**************************************/
	/*			CATEGORY LIST	    	  */
	section.category_list
	{
		text-align: justify;
		margin-top: 15px;
		margin-bottom: 20px;
		padding: 0px;
	}
	section.category_list a
	{
		display: inline-block;
		text-align: center;
		margin-right: 1.25%;
		width: 19%;
		margin-bottom: 20px;
		vertical-align: top;
	}
	section.category_list a:hover
	{
	}
	section.category_list a:nth-of-type(6n)
	{
		margin-right: 1.25%;
	}
		section.category_list a:nth-of-type(5n)
	{
		margin-right: 0%;
	}
	section.category_list a img, section.category_list a span
	{
		display: block;
	}
	section.category_list a img
	{
	}
	section.category_list a:hover img
	{
	}
	section.category_list a span
	{
		margin: 8px auto;
	}
	/********************************/


	/***********************************/
	/*			CIMSZO PAGE	    	  */

	/*			CIMSZO HEADER		*/
	#header-wrapper #cimszoHeadLeft, #header-wrapper #cimszoHeadCenter, #header-wrapper #cimszoHeadRight
	{
		display: inline-block;
		vertical-align: top;
	}
	#header-wrapper #cimszoHeadLeft
	{
		width: 145px;
	}
	#header-wrapper #cimszoHeadCenter
	{
		width: calc( 100% - 408px );
		text-align: center;
		margin: 0px 5px;
	}
	/*	  left   */
	#cimszoHeadLeft .categoryTitle
	{
		display: block;
		margin-bottom: 5px;
		font-size: 18px;
		width: 100%;
	}
	#cimszoHeadLeft #leftBoxBottom
	{
		width: 100%;
	}
	#cimszoHeadLeft #leftBoxBottom img
	{
		display: inline-block;
		width: 75px;
		vertical-align: top;
	}
	#cimszoHeadLeft #leftBoxBottom .mainNavButton
	{
		display: inline-block;
		vertical-align: top; 
		height: 75px;
		margin-right: 5px;
		padding-left: 6px;
		padding-right: 6px;
	}
	#cimszoHeadLeft #leftBoxBottom .mainNavButton i
	{
		line-height: 71px;
	}
	/*	  center   */
	#cimszoTitleLeft, #cimszoTitleRight
	{
		display: inline-block;
		vertical-align: middle;
	}
	#cimszoTitleLeft
	{
		width: 106px;
		margin-right: 5px;
	}
	#cimszoTitleRight
	{
		width: calc( 100% - 111px );	
	}
	#cimszoTitleLeft img
	{
		width: 98px;
		margin-bottom: -3px;
		margin-right: 6px;
	}
	#cimszoTitleRight .cimszoTitle
	{
		font-size: 34px;
		font-weight: 400;
		line-height: 37px;
	}
	#cimszoTitleRight img
	{
		width: 50px !important;
	}
	#cimszoTitleRight span img
	{
		width: 255px !important;
	}
	/*	  right    */
	#cimszoHeadRight
	{
		width: 253px;
		text-align: right;
	}
	#cimszoHeadRight .mainNavButton
	{
		display: block;
		margin-bottom: 5px;
		margin-right: 0px;
		padding-left: 6px;
		padding-right: 6px;
	}
	#cimszoHeadRight .mainNavButton img
	{
		height: 40px;
	}
	#cimszoHeadRight .mainNavButton:last-of-type
	{
		margin-bottom: 0px;
	}
	#cimszoHeadRight .mainNavButton:last-of-type i, #cimszoHeadRight .mainNavButton span
	{
		display: none;
	}
	.eLearning
	{
		display: inline-block;
		width: 98px;
		padding: 15px;
		height: 98px;
		text-align: center;
		border-radius: 49px;
	}
	.eLearning:hover
	{
	}
	.eLearning img
	{
		width: 68px;
	}
	#rightBoxTwo
	{
		display:inline-block;
		margin-left: 5px;
		text-align:right;
		vertical-align: top;
	}
	/*	DAKTIL IMG Zoom	*/
	ul.enlarge{
	list-style-type:none; /*remove the bullet point*/
	}
	ul.enlarge img
	{
		cursor: zoom-in;
	}
	ul.enlarge li{
	display:inline-block; /*places the images in a line*/
	position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
	z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
	margin: 0px 3px 0px 0px; /*space between the images*/
	}
	/***In the HTML in step one we placed the large image inside a <span>, now we move it off the page until it's required***/
	ul.enlarge span{
	position:absolute; /*see support section for more info on positioning*/
	left: -9999px; /*moves the span off the page, effectively hidding it from view*/
	}
	ul.enlarge li:hover{
	z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
	cursor:pointer; /*changes the cursor to a hand*/
	}
	/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/ 
	ul.enlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
	top: 75px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
	left: 40px; /*distance from the left of the thumbnail to the left of the popup image*/
	}
	/***Note: This styling will apply to both the thumbnail and popup image, unless you override these styles in step five***/
	ul.enlarge span img{
	/*give the thumbnails a frame*/
	background-color: var(--mid-gray); /*frame colour*/
	padding: 6px; /*frame size*/
	/*add a drop shadow to the frame*/
	-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	/*and give the corners a small curve*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	/*		cimszoBox 		*/
	section.cimszoBox
	{
		margin-bottom: 5px;
		text-align: center;
	}
	div.cimszoVideo, div.leftBox, div.rightBox
	{
		display: inline-block;
		vertical-align: top;
	}
	div.leftBox, div.rightBox
	{
		width: 240px;
		padding: 0px;
	}
	div.cimszoVideo
	{
		margin-left: 10px;
		margin-right: 10px;
		width: calc( 100% - 500px )
	}
	/*	  video box 	*/
	div.cimszoVideo video
	{
		width: 100%;
	}
	/*	Cimszo Video Controls design	*/
	.cimszoVideo div.cimszoVideoControls
	{
		padding: 6px 4px 0px 4px;
		text-align: left;
		width: 100%;
		margin-top: -4px;
	}
	.cimszoVideo div.cimszoVideoControls p
	{
		font-size: 14px;
		line-height: 20px !important;
		text-align: right;
	}
	.cimszoVideo div.cimszoVideoControls .videoControlBox p
	{
		padding: 6px 5px;
	}
	.cimszoVideo div.cimszoVideoControls .text
	{
		font-size: 14px;
	}
	.cimszoVideo div.cimszoVideoControls .mainButton
	{
		margin: 0px 0px 0px 3px;
	}
	.cimszoVideo div.cimszoVideoControls .mainButton i
	{
		margin: 0px 0px 0px -5px;
		font-size: 21px;
	}
	.cimszoVideo #videok
	{
		display: inline-block;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
	}
	.cimszoVideo #videok img
	{
		width: 42px;
	}
	.cimszoVideo #videok img
	{
	}
	.cimszoVideo .videoControlBox
	{
		display: inline-block;
		vertical-align: middle;
		margin-top: 2px;
	}
	/*		Left Box content	*/
	.leftBox .leftBoxInside, .rightBox .rightBoxInside, #botomBoxInside
	{
		width: 100%;
		margin: 0px 0px 10px 0px;
		height: 48px;
	}
	.leftBox .leftBoxInside h4, .rightBox .rightBoxInside h4, #botomBoxInside h4
	{
		text-align: center;
		padding: 5px 5px;
		line-height: 26px;
		font-size: 22px;
		letter-spacing: 0px;
		line-height: 38px;
	}
	.leftBox .leftBoxInside h4 i, .rightBox .rightBoxInside h4 i, #botomBoxInside h4 i
	{
		vertical-align: middle;
		margin-top: 4px;
		line-height: 30px;
	}
	.leftBox .leftBoxInside h4 i:hover, .rightBox .rightBoxInside h4 i:hover, #botomBoxInside h4 i:hover
	{
	}
	.leftBox .leftBoxInside h4 img, .rightBox .rightBoxInside h4 img, #botomBoxInside h4 img
	{
		width: 38px;
	}
	#firstLeftBox .line
	{
		width: 100%;
		margin: 2px auto;
		width: 250px;
		text-align: left;
		margin-left: 8px;
	}

	#firstLeftBox .line ul li
	{
		margin: 1px;
		display: inline-block;
	}
	#firstLeftBox .line ul li img
	{
		width: 50px;
		margin-bottom: -2px;
	}
	#firstLeftBox .line ul li span img
	{
		width: 150px;
	}
	.kivitelezesLast
	{
	}
	/*   rightbox content    */
	.rightBox .rightBoxInside
	{
	}
	.rightBox .rightBoxInside .nyelvIkon
	{
		padding: 0px;
		margin-top: 6px;
	}
	.rightBox .rightBoxInside .grayBack
	{
	}
	.rightBox .rightBoxInside .grayBack .mainNavButton
	{
		margin-top: 5px;
	}
	.rightBox .rightBoxInside .line
	{
		margin: 0px 5px;
	}
	.rightBox .rightBoxInside .nyelvIkon img
	{
		width: 44px;
		margin: 0px 0px 0px 0px;
		margin-bottom: -3px;
	}
	.korIkon img
	{
	}
	.rightBox .rightBoxInside .mainNavButton
	{
		font-size: 16px;
		line-height: 24px;
	}
	div.rightBox .rightBoxInside span.korIkon
	{
	}
	.rightBox .korIkon img
	{
		width: 57px !important;
	}

	#jelnyelvSide, #magyarnyelvSide
	{
		display: inline-block;
		width: calc( 50% - 10px);
		vertical-align: top;
		padding: 0px 3px 6px 3px;
		margin: 10px 3px 5px 3px;
	}
	/*	másik szótárban	*/
	.masSzotarban
	{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.masSzotarban img
	{
		display: inline-block !important;
		width: 42px;
	}
	.masSzotarban img:hover
	{
	}
	.activeButton1
	{
	}
	.disabledButton1
	{
	}
	.activeButton2
	{
	}
	.disabledButton2
	{
	}
	/*	TEXT BOX   */
	#videoTextBox
	{
		margin: 5px auto 0px auto;
		width: 100;
	}
	#videoTextBox p
	{
		font-size: 19px;
		line-height: 23px;
		text-align: center;
		padding: 6px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	/* text slider */
	#textSlider
	{
		/*width: calc( 100% - 380px );*/
		width: 100%;
		margin: 10px auto 0px auto;
	}
	#sliderNavPrev, #sliderNavNext, #sliderContent
	{
		display: inline-block;
		vertical-align: middle;
		padding: 5px;
	}
	#sliderNavPrev, #sliderNavNext
	{
		width: 70px;
		display: none;
	}
	#sliderNavPrev i, #sliderNavNext i
	{
		font-size: 50px;
		margin-top: 5px;
	}
	#sliderNavPrev i:hover, #sliderNavNext i:hover
	{
	}
	#sliderContent
	{
		/*width: calc( 100% - 160px);*/
		width: 100%;
		/*margin: 0px 10px 0px 10px;*/
		min-height: 38px;
		margin: 0px 0px 0px 0px;
	}
	#sliderContent p
	{
		font-size: 19px;
		line-height: 23px;
		text-align: center;
		line-height: 24px;
		margin: 0px 0px 0px 0px;
	}

	/**MAIN BUTTON*/
	.mainButton
	{
		display: inline-block;
		padding: 8px 12px;
	}
	.mainButton:hover
	{
	}
	.mainButton i
	{
		font-size: 24px;
		vertical-align: middle;
		line-height: 9px;
		margin-right: 6px;
		margin-left: -4px;
		margin-top: -2px;
	}
	/********************************/

	/*************************************/
	/*			FOOTER					*/
	section.footer_wrapper
	{
		padding: 8px 15px;
		margin-top: 30px;
		min-width: 1150px;
	}
	footer.main_footer
	{
		margin: 0px auto;
		width: 100%;
		max-width: 1190px;
	}
	.footer_nav
	{
		display: inline-block;
		vertical-align: middle;
	}
	.footer_nav a
	{
		display: inline-block;
		margin-right: 8px;
	}
	.footer_developer
	{
		display: inline-block;
		vertical-align: middle;
	}
	.footer_developer a
	{
	}
	/***********************************/


	/************************************/
	/* 			alert boxes				*/
	.alert-box
	{
		width: 100%;
		margin: 30px auto;
		padding: 20px;
		position: relative;
	}
	.alert-box-danger
	{		}
	.alert-box-warning
	{	}
	.alert-box-success
	{	}
	.alert-box-info
	{	}
	.alert-box-danger a
	{}

	.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6
	{
		padding: 0px 0px 0px 0px;
		margin: 0px auto 10px auto;
	}
	.alert-box p
	{	
		font-size: 16px;
		margin: 0px 0px 0px 0px;
	}
	.close-button
	{
		position: absolute;
		right: 0;
		top: 0;
		font-size: 30px;
		padding: 0px 10px;
		padding-bottom: 3px;
	}
	.close-button:hover
	{
	}
	.alert-box abbr
	{
		
	}
	/*********************************/

	/*			tooltip	FLY LEFT		 */
	.tooltip
	{
	  position: relative;
	  display: inline-block;
	}

	.tooltip .tooltiptext
	{
	  visibility: hidden;
	  width: 120px !important;
	  background-color: #000;
	  color: var(--main-yellow);
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  top: 100% !important;
	  left: 50% !important;
	  margin-left: -100px;
	  font-size: 16px;
	  line-height: 18px;
	  margin-top: 5px;
	  font-family: 'Alegreya Sans SC', sans-serif;
	}
	span.tooltiptext:first-line
	{
		font-size: 16px;
	}
	.tooltip .tooltiptext::after 
	{
	  content: " ";
	  position: absolute;
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 70%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.tooltip:hover .tooltiptext {
	  visibility: visible;
	}

	/*	TOOLTIP Head Right  */
	#cimszoHeadRight span.tooltiptext
	{
		display: block;
	}
	/*			tooltip	FLY RIGHT		 */
	.tooltip2
	{
	  position: relative;
	  display: inline-block;
	}

	.tooltip2 .tooltiptext2
	{
	  visibility: hidden;
	  width: 120px !important;
	  background-color: #000;
	  color: var(--main-yellow);
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  top: 100% !important;
	  left: 50% !important;
	  margin-left: -20px;
	  font-size: 16px;
	  line-height: 18px;
	  margin-top: 5px;
	  font-family: 'Alegreya Sans SC', sans-serif;
		opacity: 1 !important;
	}
	span.tooltiptext2:first-line
	{
		font-size: 16px;
	}
	.tooltip2 .tooltiptext2::after 
	{
	  content: " ";
	  position: absolute;
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 30%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.tooltip2:hover .tooltiptext2 {
	  visibility: visible;
	}

	/*	TOOLTIP Head Right  */
	#cimszoHeadRight span.tooltiptext2
	{
		display: block;
	}
	.cursorNormal
	{
		cursor: auto !important;
	}

	/*********************************/
	/*		PRE-DEFIND CLASSES  	 */
	.opacityHalf
	{
	}
	.opacityNormal
	{
	}
	.floatRight
	{		/*margin: 0px 0px 0px 0px;*/	}
	.floatLeft
	{		/*margin: 0px 0px 0px 0px;*/	}
	.inactiveButton
	{
	}
	.inactiveButton:hover
	{
	}
	.activeButton
	{
	}
	.row
	{
		margin: 30px auto;
		width: 100%;
	}
	.align_right
	{	}
	.align_center
	{	}
	.align_left
	{		}
	.third-box
	{
		display: inline-block;
		width: 32%;
		margin-right: 2%;
		vertical-align: top;
	}
	.third-box:last-child
	{
		margin-right: 0px;
	}

	.highLightYellow
	{	
		background-color: var(--main-yellow);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightRed
	{
		background-color: var(--main-red);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightGreen
	{
		background-color: var(--main-green);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightBlue
	{
		background-color: var(--main-blue);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.boldText
	{	font-weight: 700;	}
	.italicText
	{	font-style: italic;	}
	.blockCenteredImg
	{
		display: block;
		margin: 20px auto;
	}
	/*********************************/
	/**********PRE-DEFIND CLASSES END*/


}

@media all and (min-width: 1451px) and (max-width: 1600px ){

	/*********************************/
	/*			HEADER				*/
	#header-wrapper
	{
		padding: 5px 10px;
		margin-bottom: 5px;
		min-width: 1300px;
	}
	header.top-header
	{
		margin: 0px auto;
		width: 100%;
		max-width: 1451px;
	}
	#headerLeftBox,  #headerRightBox
	{
		display: inline-block;
		vertical-align: middle;
	}
	#headerLeftBox
	{
		width: 50%;
	}
	#headerRightBox
	{
		width: 50%;
		text-align: right;
	}
	/*	breadcrump	*/
	#headerLeftBox #breadcrump
	{
		text-align: left;
		font-size: 17px;
	}
	#headerLeftBox #breadcrump a::after
	{
	}
	#headerLeftBox #breadcrump a:last-child:after
	{
	}
	/********************************/

	/********************************/
	/*		MAIN NAV BUTTON		*/
	.mainNavButton
	{
		display: inline-block;
		padding: 3px 12px;
		text-transform: uppercase;
		margin-right: 3px;
		font-size: 20px;
		line-height: 16px;
	}
	.mainNavButton i, .mainNavButton span, .mainNavButton img
	{
		display: inline-block;
		vertical-align: middle;
	}
	.mainNavButton img
	{
		height: 45px;
	}
	.mainNavButton:hover img
	{
	}
	.mainNavButton span
	{
		margin: 0px 10px;
		width: 130px;
	}
	.mainNavButton span:first-line
	{
		font-size: 14px;
		letter-spacing: 0.5px;
	}
	.mainNavButton:hover
	{
		transition: 0.3s ease-out;
		font-size: 20px;
	}
	.mainNavButton i
	{	font-size: 45px;	}

	/*		SEARCH BUTTON 		*/
	.helpButton
	{
		font-size: 20px;
	}
	.helpButton i
	{
		font-size: 45px;
	}
	#headerRightBox .mainNavButton:last-of-type
	{
	}
	/**********************************/


	/*********************************/
	/*	MAIN PAGE HEADER (HELP BAR)	 */
	section.mainPageHeader
	{
		padding: 8px 15px;
		margin-bottom: 5px;
		min-width: 1300px;
	}
	div.mainPagaHeaderInside
	{
		margin: 0px auto;
		width: 100%;
		max-width: 1451px;
	}
	.videoHelp, .textHelp
	{
		display: inline-block;
		width: 49%;
		vertical-align: top;
		padding: 10px;
		border-radius: 2px;
		max-height: 600px;
	}
	.videoHelp i, .textHelp i
	{
		vertical-align: middle;
		margin-right: 25px;
	}
	.videoHelp
	{
		margin-right: 2%;
	}
	.videoHelp h6, .textHelp h6
	{
	}
	/*********************************/

	/************************************/
	/*		MAIN CONTAINER  	 		*/
	section.main_container
	{
		padding: 5px;
		margin-top: 0px;
		min-width: 1300px;		
		max-width: 1450px;
		margin: 0px auto;
		min-height: 100vh;
	}
	section.main_container p
	{
		font-size: 19px;
		line-height: 28px;
		text-align: justify;
		margin: 10px 20px;
	}
	section.main_container #normalVideo
	{
		max-width: 900px;
		margin: 30px auto;
		display: block;
	}
	/************************************/

	/************************************/
	/*		MAIN page Choose kor 		*/
	section.chooseKor
	{
		margin: 15px auto;
	}
	section.chooseKor .chooseKorOption
	{
		display: inline-block;
		width: 32.666%;
		text-align: center;
		vertical-align: middle;
		padding: 30px 10px;
	}
	section.chooseKor .chooseKorOption:hover
	{
	}
	section.chooseKor .chooseKorOption:nth-of-type(2n)
	{
		margin: 0px 1%;
	}
	section.chooseKor .chooseKorOption span
	{
		font-size: 22px;
		font-weight: 400;
		line-height: 24px;
		vertical-align: middle;
		display: inline-block;
		margin-top: 10px;
		margin-left: -50px;
	}
	section.chooseKor .chooseKorOption span:first-line
	{
	}
	section.chooseKor .chooseKorOption img
	{
		height: 70px;
		float: left;
		vertical-align: middle;
		margin-left: 10px;
	}
	.disabledKor
	{
	}
	.activeKor
	{
	}
	/************************************/

	/*	search or category  */
	#selector
	{
		margin: 15px auto;
	}
	#selector h3
	{
		display: inline-block;
		width: 49.5%;
		text-align: center !important;
		padding: 40px 10px;
		font-size: 40px;
	}
	#selector h3:nth-of-type(1)
	{
		margin-right: 1% !important;
	}
	#selector h3:hover
	{
	}
	/*	search form   */
	#search_form
	{
		width: 600px;
		margin: 30px auto;
		text-align: center;
	}
	#search_form input
	{
		font-size: 28px;
		width: 500px;
		padding: 10px;
		border-radius: 7px 0px 0px 7px;
		vertical-align: middle;
	}
	#search_form input:focus
	{
	}
	#search_form button
	{
		margin-left: -6px;
		height: 57px;
		width: 50px;
		vertical-align: middle;
		border-radius: 0px 7px 7px 0px;
	}
	#search_form button:hover
	{
	}
	/*	keyboard	*/
	section.keyboard
	{
		margin: 10px auto;
		width: 90%;
		padding: 5px;
		text-align: center;
		margin-bottom: 60px;
	}
	section.keyboard img
	{
		margin: 1px 2px 1px 2px;
	}
	section.keyboard img:hover
	{
	}
	/******************************************/

	/**************************************/
	/*			CATEGORY LIST	    	  */
	section.category_list
	{
		text-align: justify;
		margin-top: 15px;
		margin-bottom: 20px;
		padding: 0px;
	}
	section.category_list a
	{
		display: inline-block;
		text-align: center;
		margin-right: 1.4%;
		width: 15.5%;
		margin-bottom: 20px;
		vertical-align: top;
	}
	section.category_list a:hover
	{
	}
	section.category_list a:nth-of-type(6n)
	{
		margin-right: 0%;
	}
	section.category_list a img, section.category_list a span
	{
		display: block;
	}
	section.category_list a img
	{
	}
	section.category_list a:hover img
	{
	}
	section.category_list a span
	{
		margin: 8px auto;
	}
	/********************************/


	/***********************************/
	/*			CIMSZO PAGE	    	  */

	/*			CIMSZO HEADER		*/
	#header-wrapper #cimszoHeadLeft, #header-wrapper #cimszoHeadCenter, #header-wrapper #cimszoHeadRight
	{
		display: inline-block;
		vertical-align: top;
	}
	#header-wrapper #cimszoHeadLeft
	{
		width: 155px;
	}
	#header-wrapper #cimszoHeadCenter
	{
		width: calc( 100% - 427px );
		text-align: center;
		margin: 0px 5px;
	}
	/*	  left   */
	#cimszoHeadLeft .categoryTitle
	{
		display: block;
		margin-bottom: 5px;
		font-size: 18px;
		width: 100%;
	}
	#cimszoHeadLeft #leftBoxBottom
	{
		width: 100%;
	}
	#cimszoHeadLeft #leftBoxBottom img
	{
		display: inline-block;
		width: 83px;
		vertical-align: top;
	}
	#cimszoHeadLeft #leftBoxBottom .mainNavButton
	{
		display: inline-block;
		vertical-align: top; 
		height: 83px;
		margin-right: 5px;
		padding-left: 6px;
		padding-right: 6px;
	}
	#cimszoHeadLeft #leftBoxBottom .mainNavButton i
	{
		line-height: 76px;
	}
	/*	  center   */
	#cimszoTitleLeft, #cimszoTitleRight
	{
		display: inline-block;
		vertical-align: middle;
	}
	#cimszoTitleLeft
	{
		width: 106px;
		margin-right: 5px;
	}
	#cimszoTitleRight
	{
		width: calc( 100% - 111px );	
	}
	#cimszoTitleLeft img
	{
		width: 106px;
		margin-bottom: -3px;
		margin-right: 6px;
	}
	#cimszoTitleRight .cimszoTitle
	{
		font-size: 34px;
		font-weight: 400;
		line-height: 37px;
	}
	#cimszoTitleRight img
	{
		width: 60px !important;
	}
	#cimszoTitleRight span img
	{
		width: 300px !important;
	}
	/*	  right    */
	#cimszoHeadRight
	{
		width: 262px;
		text-align: right;
	}
	#cimszoHeadRight .mainNavButton
	{
		display: block;
		margin-bottom: 5px;
		margin-right: 0px;
		padding-left: 6px;
		padding-right: 6px;
	}
	#cimszoHeadRight .mainNavButton:last-of-type
	{
		margin-bottom: 0px;
	}
	#cimszoHeadRight .mainNavButton:last-of-type i, #cimszoHeadRight .mainNavButton span
	{
		display: none;
	}
	.eLearning
	{
		display: inline-block;
		width: 106px;
		padding: 15px;
		height: 106px;
		text-align: center;
		border-radius: 53px;
	}
	.eLearning:hover
	{
	}
	.eLearning img
	{
		width: 76px;
	}
	#rightBoxTwo
	{
		display:inline-block;
		margin-left: 5px;
		text-align:right;
		vertical-align: top;
	}
	/*	DAKTIL IMG Zoom	*/
	ul.enlarge{
	list-style-type:none; /*remove the bullet point*/
	}
	ul.enlarge img
	{
		cursor: zoom-in;
	}
	ul.enlarge li{
	display:inline-block; /*places the images in a line*/
	position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
	z-index: 0; /*resets the stack order of the list items - we'll increase in step 4. See support section for more info*/
	margin: 0px 3px 0px 0px; /*space between the images*/
	}
	/***In the HTML in step one we placed the large image inside a <span>, now we move it off the page until it's required***/
	ul.enlarge span{
	position:absolute; /*see support section for more info on positioning*/
	left: -9999px; /*moves the span off the page, effectively hidding it from view*/
	}
	ul.enlarge li:hover{
	z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 in step 1*/ 
	cursor:pointer; /*changes the cursor to a hand*/
	}
	/***We bring the large image back onto the page by reducing left from -9999px (set in step 2) to figures below***/ 
	ul.enlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
	top: 75px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
	left: 40px; /*distance from the left of the thumbnail to the left of the popup image*/
	}
	/***Note: This styling will apply to both the thumbnail and popup image, unless you override these styles in step five***/
	ul.enlarge span img{
	/*give the thumbnails a frame*/
	background-color: var(--mid-gray); /*frame colour*/
	padding: 6px; /*frame size*/
	/*add a drop shadow to the frame*/
	-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	box-shadow: 0 0 6px rgba(132, 132, 132, .75);
	/*and give the corners a small curve*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	/*		cimszoBox 		*/
	section.cimszoBox
	{
		margin-bottom: 5px;
		text-align: center;
	}
	div.cimszoVideo, div.leftBox, div.rightBox
	{
		display: inline-block;
		vertical-align: top;
	}
	div.leftBox, div.rightBox
	{
		width: 260px;
		padding: 0px;
	}
	div.cimszoVideo
	{
		margin-left: 10px;
		margin-right: 10px;
		width: calc( 100% - 540px )
	}
	/*	  video box 	*/
	div.cimszoVideo video
	{
		width: 100%;
	}
	/*	Cimszo Video Controls design	*/
	.cimszoVideo div.cimszoVideoControls
	{
		padding: 6px 4px 0px 4px;
		text-align: left;
		width: 100%;
		margin-top: -4px;
	}
	.cimszoVideo div.cimszoVideoControls p
	{
		font-size: 16px;
		line-height: 20px !important;
		text-align: right;
		line-height: 24px;
	}
	.cimszoVideo div.cimszoVideoControls .text
	{
		font-size: 14px;
	}
	.cimszoVideo div.cimszoVideoControls .mainButton
	{
		margin: 0px 0px 0px 3px;
	}
	.cimszoVideo #videok
	{
		display: inline-block;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
	}
	.cimszoVideo #videok img
	{
		width: 45px;
	}
	.cimszoVideo #videok img
	{
	}
	.cimszoVideo .videoControlBox
	{
		display: inline-block;
		vertical-align: middle;
		margin-top: 2px;
	}
	/*		Left Box content	*/
	.leftBox .leftBoxInside, .rightBox .rightBoxInside, #botomBoxInside
	{
		width: 100%;
		margin: 0px 0px 10px 0px;
		height: 48px;
	}
	.leftBox .leftBoxInside h4, .rightBox .rightBoxInside h4, #botomBoxInside h4
	{
		text-align: center;
		padding: 5px 5px;
		line-height: 26px;
		font-size: 22px;
		letter-spacing: 0px;
		line-height: 38px;
	}
	.leftBox .leftBoxInside h4 i, .rightBox .rightBoxInside h4 i, #botomBoxInside h4 i
	{
		vertical-align: middle;
		margin-top: 4px;
		line-height: 30px;
	}
	.leftBox .leftBoxInside h4 i:hover, .rightBox .rightBoxInside h4 i:hover, #botomBoxInside h4 i:hover
	{
	}
	.leftBox .leftBoxInside h4 img, .rightBox .rightBoxInside h4 img, #botomBoxInside h4 img
	{
		width: 38px;
	}
	#firstLeftBox .line
	{
		width: 100%;
		margin: 2px auto;
		width: 250px;
		text-align: left;
	}

	#firstLeftBox .line ul li
	{
		margin: 1px;
		display: inline-block;
	}
	#firstLeftBox .line ul li img
	{
		width: 55px;
		margin-bottom: -2px;
	}
	#firstLeftBox .line ul li span img
	{
		width: 150px;
	}
	.kivitelezesLast
	{
	}
	/*   rightbox content    */
	.rightBox .rightBoxInside
	{
	}
	.rightBox .rightBoxInside .nyelvIkon
	{
		padding: 0px;
		margin-top: 6px;
	}
	.rightBox .rightBoxInside .grayBack
	{
	}
	.rightBox .rightBoxInside .grayBack .mainNavButton
	{
		margin-top: 5px;
	}
	.rightBox .rightBoxInside .line
	{
		margin: 0px 5px;
	}
	.rightBox .rightBoxInside .nyelvIkon img
	{
		width: 48px;
		margin: 0px 0px 0px 0px;
		margin-bottom: -3px;
	}
	.korIkon img
	{
	}
	.rightBox .rightBoxInside .mainNavButton
	{
		font-size: 16px;
		line-height: 24px;
	}
	div.rightBox .rightBoxInside span.korIkon
	{
	}
	.rightBox .korIkon img
	{
		width: 60px !important;
	}

	#jelnyelvSide, #magyarnyelvSide
	{
		display: inline-block;
		width: calc( 50% - 10px);
		vertical-align: top;
		padding: 0px 3px 6px 3px;
		margin: 10px 3px 5px 3px;
	}
	/*	másik szótárban	*/
	.masSzotarban
	{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	.masSzotarban img
	{
		display: inline-block !important;
		width: 48px;
	}
	.masSzotarban img:hover
	{
	}
	.activeButton1
	{
	}
	.disabledButton1
	{
	}
	.activeButton2
	{
	}
	.disabledButton2
	{
	}
	/*	TEXT BOX   */
	#videoTextBox
	{
		margin: 5px auto 0px auto;
		width: 100;
	}
	#videoTextBox p
	{
		font-size: 19px;
		line-height: 23px;
		text-align: center;
		padding: 6px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	/* text slider */
	#textSlider
	{
		/*width: calc( 100% - 380px );*/
		width: 100%;
		margin: 10px auto 0px auto;
	}
	#sliderNavPrev, #sliderNavNext, #sliderContent
	{
		display: inline-block;
		vertical-align: middle;
		padding: 5px;
	}
	#sliderNavPrev, #sliderNavNext
	{
		width: 70px;
	}
	#sliderNavPrev i, #sliderNavNext i
	{
		font-size: 50px;
		margin-top: 5px;
	}
	#sliderNavPrev i:hover, #sliderNavNext i:hover
	{
	}
	#sliderContent
	{
		width: calc( 100% - 160px);
		margin: 0px 10px 0px 10px;
		min-height: 38px;
	}
	#sliderContent p
	{
		font-size: 21px;
		line-height: 23px;
		text-align: center;
		line-height: 26px;
		margin: 0px 0px 0px 0px;
	}

	/**MAIN BUTTON*/
	.mainButton
	{
		display: inline-block;
		padding: 8px 12px;
	}
	.mainButton:hover
	{
	}
	.mainButton i
	{
		font-size: 24px;
		vertical-align: middle;
		line-height: 9px;
		margin-right: 6px;
		margin-left: -4px;
		margin-top: -2px;
	}
	/********************************/

	/*************************************/
	/*			FOOTER					*/
	section.footer_wrapper
	{
		padding: 8px 15px;
		margin-top: 30px;
		min-width: 1300px;
	}
	footer.main_footer
	{
		margin: 0px auto;
		width: 100%;
		max-width: 1451px;
	}
	.footer_nav
	{
		display: inline-block;
		vertical-align: middle;
	}
	.footer_nav a
	{
		display: inline-block;
		margin-right: 8px;
	}
	.footer_developer
	{
		display: inline-block;
		vertical-align: middle;
	}
	.footer_developer a
	{
	}
	/***********************************/


	/************************************/
	/* 			alert boxes				*/
	.alert-box
	{
		width: 100%;
		margin: 30px auto;
		padding: 20px;
		position: relative;
	}
	.alert-box-danger
	{		}
	.alert-box-warning
	{	}
	.alert-box-success
	{	}
	.alert-box-info
	{	}
	.alert-box-danger a
	{}

	.alert-box h1, .alert-box h2, .alert-box h3, .alert-box h4, .alert-box h5, .alert-box h6
	{
		padding: 0px 0px 0px 0px;
		margin: 0px auto 10px auto;
	}
	.alert-box p
	{	
		font-size: 16px;
		margin: 0px 0px 0px 0px;
	}
	.close-button
	{
		position: absolute;
		right: 0;
		top: 0;
		font-size: 30px;
		padding: 0px 10px;
		padding-bottom: 3px;
	}
	.close-button:hover
	{
	}
	.alert-box abbr
	{
		
	}
	/*********************************/

	/*			tooltip	FLY LEFT		 */
	.tooltip
	{
	  position: relative;
	  display: inline-block;
	}

	.tooltip .tooltiptext
	{
	  visibility: hidden;
	  width: 120px !important;
	  background-color: #000;
	  color: var(--main-yellow);
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  top: 100% !important;
	  left: 50% !important;
	  margin-left: -100px;
	  font-size: 16px;
	  line-height: 18px;
	  margin-top: 5px;
	  font-family: 'Alegreya Sans SC', sans-serif;
	}
	span.tooltiptext:first-line
	{
		font-size: 16px;
	}
	.tooltip .tooltiptext::after 
	{
	  content: " ";
	  position: absolute;
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 70%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.tooltip:hover .tooltiptext {
	  visibility: visible;
	}

	/*	TOOLTIP Head Right  */
	#cimszoHeadRight span.tooltiptext
	{
		display: block;
	}
	/*			tooltip	FLY RIGHT		 */
	.tooltip2
	{
	  position: relative;
	  display: inline-block;
	}

	.tooltip2 .tooltiptext2
	{
	  visibility: hidden;
	  width: 120px !important;
	  background-color: #000;
	  color: var(--main-yellow);
	  text-align: center;
	  border-radius: 6px;
	  padding: 5px 0;
	  position: absolute;
	  z-index: 1;
	  top: 100% !important;
	  left: 50% !important;
	  margin-left: -20px;
	  font-size: 16px;
	  line-height: 18px;
	  margin-top: 5px;
	  font-family: 'Alegreya Sans SC', sans-serif;
		opacity: 1 !important;
	}
	span.tooltiptext2:first-line
	{
		font-size: 16px;
	}
	.tooltip2 .tooltiptext2::after 
	{
	  content: " ";
	  position: absolute;
	  bottom: 100%;  /* At the top of the tooltip */
	  left: 30%;
	  margin-left: -5px;
	  border-width: 5px;
	  border-style: solid;
	  border-color: transparent transparent black transparent;
	}

	.tooltip2:hover .tooltiptext2 {
	  visibility: visible;
	}

	/*	TOOLTIP Head Right  */
	#cimszoHeadRight span.tooltiptext2
	{
		display: block;
	}
	.cursorNormal
	{
		cursor: auto !important;
	}

	/*********************************/
	/*		PRE-DEFIND CLASSES  	 */
	.opacityHalf
	{
	}
	.opacityNormal
	{
	}
	.floatRight
	{		/*margin: 0px 0px 0px 0px;*/	}
	.floatLeft
	{		/*margin: 0px 0px 0px 0px;*/	}
	.inactiveButton
	{
	}
	.inactiveButton:hover
	{
	}
	.activeButton
	{
	}
	.row
	{
		margin: 30px auto;
		width: 100%;
	}
	.align_right
	{	}
	.align_center
	{	}
	.align_left
	{		}
	.third-box
	{
		display: inline-block;
		width: 32%;
		margin-right: 2%;
		vertical-align: top;
	}
	.third-box:last-child
	{
		margin-right: 0px;
	}

	.highLightYellow
	{	
		background-color: var(--main-yellow);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightRed
	{
		background-color: var(--main-red);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightGreen
	{
		background-color: var(--main-green);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.hightLightBlue
	{
		background-color: var(--main-blue);
		padding: 0px 5px;
		border-radius: 3px;
	}
	.boldText
	{	font-weight: 700;	}
	.italicText
	{	font-style: italic;	}
	.blockCenteredImg
	{
		display: block;
		margin: 20px auto;
	}
	/*********************************/
	/**********PRE-DEFIND CLASSES END*/
}




/************************************
RETINA larger than 1601 in basic
************************************/
@media all and (min-width: 1601px){

	/* the main is good  */

}


.helpBox h4 {
    margin-top: 20px;
}
.helpBox ul, .helpBox li {
    color: var(--mid-gray);
}
.helpBox ul {
    margin-left: 80px;
}
.helpBox li {
    line-height: 22px;
}

.helpBox p i {
    font-style: italic;
}
.helpBox b {
    font-weight: bold;
}