html, body{
	font-family:'deezine_light';
	font-size:18px;
	font-weight:normal;
	font-style:normal;
	background-color:#373e51;
	background-image:url(../img/bgf.png);
	background-attachment:fixed;
}

#siteby{
	float:right;
	width:148px;
	height:45px;
	background-color:black;
	opacity:0.9;
	margin-right:5%;
	cursor:pointer;
	background-image:url(../img/siteby.png);
	margin-top:20px;
}

h1{
	font-size:48px;
	font-weight:normal;
	font-style:normal;
}

h2{
	font-size:18px;
	font-weight:normal;
	font-style:italic;
}

a:link {
	color: #000;
	text-decoration:none;
}
a:visited {
	color: #000;
}
a:hover {
	color: #2f374d;
}
a:active {
	color: #000;
}

#siteby:hover{
	opacity:1;
}

.container{
	width:100%;
	height:auto;
	margin-bottom:15px;
}

#log{
	display:none; 
	position:fixed; 
	top:100px; 
	right:0px; 
	left:0; 
	width:100%; 
	background-color:#efefef; 
	z-index:19000; 
	text-align:center; 
	height:30px; 
	font-size:14px; 
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.30);
	cursor:pointer;
}

.wrapper{
	margin-left:auto;
	margin-right:auto;
	width:990px;
	height:auto;
	/*background-color: red;*/
}

#menusor{
	height:100px;
}

#menu_logo{
	float:left;
	height:100px;
	width:180px;
}

#menu_large{
	float:left;
	height:100px;
	width:auto;
}

#menu_large ul{
	list-style-type:none;
	margin-top:40px;
}

#menu_large li{
	display:inline;
	margin-right:15px;
	cursor:pointer;
}

#mobile_menu{
	display:none;
}


#menu_products{
	position:absolute;
	width:250px;
	height:250px;
	background-color:white;
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.30);
	left:250px;
	top:100px;
}




.page_item_full{
	position:relative;
	width:100%;
	height:auto;
	background-color:white;
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.30);
}

.page_item_full img{
	width:100%;
	height:auto;
	vertical-align:top;
	-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.30);
}

#nyitolap{
	margin-top:115px;
}

#rolunk{
	padding-top:0px;
	margin-top:0px;
	
}

#rolunkleiras{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:50px;
	background-color:white;
	
}

#imagevideo{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:50px;
	background-color:white;
	
}

#rolunkleiras p{
	-moz-column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
	 text-align:justify;
}

#rolunk_content{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top:50px;
	padding-bottom:0px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background-color:transparent;
	color:white;
}

#rolunk_content p{
	-moz-column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
	 text-align:justify;
	 margin-top:20px;
	 margin-bottom:40px;
}

.centcont {height: 220px; width: 540px; margin-left: auto; margin-right: auto; margin-bottom: 40px;}
.piccont  {margin: 10px; height: 200px; width: 200px;}
.placeholder_piccont {float: left; background-color: white; width: 100px; height: 200px;}
.placeholder_piccont2 {background-color: transparent; width: 200px; height: 100px; margin-top: 40px !important; padding-bottom: 90px !important;}

@media (max-width: 999px) {.placeholder_piccont2 {width: 200px !important; height: 10px !important; margin-top: -40px !important; padding-bottom: 70px !important;}}
#piccont1 {float: left; background-image:url(../img/gajdacsi_gyorgy.jpg);}
#piccont2 {float: left; background-image:url(../img/szucs_gabriella.jpg);}

.centcont2 {height: 500px; width: 580px; margin-left: auto; margin-right: auto; margin-bottom: 60px;}
.piccont2  {margin: 10px; height: 200px; width: 220px;}
#piccont3 {background-image:url(../img/meszarosne_hegedus_katalin.jpg); background-position:center; background-repeat: no-repeat; margin: 0 auto 0 auto;}
#piccont4 {float: left; background-image:url(../img/makaine_szabo_izabella.jpg); background-position:center; background-repeat: no-repeat;}
#piccont5 {float: left; background-image:url(../img/gajdacsi_vanda1.jpg); background-position:center; background-repeat: no-repeat; clear:both; margin-top:90px;}
#piccont6 {float: left; background-image:url(../img/gajdacsi_bence1.jpg); background-position:center; background-repeat: no-repeat; margin-top:90px;}
.ppmod {margin-top: 30px !important;}

#szolgaltatasaink{
	background-color:transparent;
}

#szolgaltatasaink_content{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:50px;
	background-color:white;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

#szolgaltatasaink_content p{
	-moz-column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
	 text-align:justify;
	 margin-top:20px;
	 margin-bottom:20px;
}



.galeria_thumbnails{
	float:left;
	width:20%;
	height:auto;
	opacity:0.9;
	
}

.galeria_thumbnails:hover{
	opacity:1;
	cursor:pointer;
}

#galeria_content{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:50px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background-color:white;
}

#galeria_content img{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

#galeria_content p{
	-moz-column-count: 2;
    -moz-column-gap: 50px;
    -webkit-column-count: 2;
    -webkit-column-gap: 50px;
	 text-align:justify;
	 margin-top:20px;
	 margin-bottom:20px;
}



#kapcsolat_content{
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:50px;
}

#kapcsolat_content img{
	width:990px;
	height:auto;
	margin-bottom:20px;
	margin-left:-50px;
	margin-top:-50px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

#kapcsolat_content p{
	 text-align:center;
	 margin-top:20px;
}


.page_item_onethird{
	position:relative;
	float:left;
	width:320px;
	height:auto;
	background-color:white;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.30);
	cursor:pointer;
}

.page_item_twothird{
	position:relative;
	float:left;
	width:100%;
	height:445px;
	background-color:white;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.30);
}

.page_item_placeholder_vertical{
	width:15px;
	height:365px;
	float:left;
}

.page_item_placeholder_horizontal{
	width:100%;
	height:15px;
	float:left;
}





.termekcsoport_title{
	position:absolute;
	left:55px;
	bottom:55px;
	right:55px;
}

.termekcsoport_title h1{
	text-align:center;
	font-size:36px;
	color:black;
}

.megnyit{
	visibility:hidden;
}





.page_item_prodimage{
	width:100%;
	height:auto;
}

.page_item_prodimage img{
	width:100%;
	height:auto;
}

.page_item_prodimage img{
	vertical-align:top;
}

.page_item_prodname{
	width:100%;
	padding-top:11px;
	padding-bottom:12px;
	background-color:#f1f1f1;
	text-align:center;
	font-size:14px;
	height:auto;
}

.page_item_prodname h1{
	font-size:15px;
}

.page_item_prodname ul{
	list-style-type: none;
}

.page_item_prodname li{
}



.more_info_bg{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#bababa;
	opacity:0.95;
	z-index:20000;
	visibility:hidden;
}

.more_info_holder_data{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:20000;
	visibility:hidden;
	overflow-y:scroll;
}

#more_info_wrapper{
	position:absolute;
	width:660px;
	height:auto;
	left:50%;
	top:25px;
	margin-left:-330px;
}

#more_info_close_btn{
	position:fixed;
	right:5%;
	top:0;
	width:50px;
	height:50px;
	background-color:white;
	cursor:pointer;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.30);
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	z-index:30000;
}

#more_info_prodname{
	width:100%;
	background-color:white;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.30);
	margin-bottom:15px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	font-size:24px;
}

#more_info_image{
	width:100%;
	height:auto;
	background-color:white;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.30);
	margin-bottom:15px;
}

#more_info_image img{
	width:100%;
	height:auto;
	vertical-align:top;
}

#more_info_description{
	width:100%;
	height:500px;
	background-color:white;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.30);
}

#t1{
	background-image:url(../img/t1.jpg);
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

#t10{
	background-image:url(../img/t10.jpg);
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

#t20{
	background-image:url(../img/t20.jpg);
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

#t30{
	background-image:url(../img/t30.jpg);
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

#t40{
	background-image:url(../img/t40.jpg);
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

#t50{
	background-image:url(../img/t50.jpg);
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

#t60{
	background-image:url(../img/t60.jpg);
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

#t70{
	background-image:url(../img/t70.jpg);
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

#t80{
	background-image:url(../img/t80.jpg);
	background-size:cover;
	background-position:center;
	cursor:pointer;
}

#termcsop1{
	display:none;
}

#termcsop10{
	display:none;
}

#termcsop20{
	display:none;
}

#termcsop30{
	display:none;
}

#termcsop40{
	display:none;
}

#termcsop50{
	display:none;
}

#termcsop60{
	display:none;
}

#termcsop70{
	display:none;
}

#termcsop80{
	display:none;
}

@media all and (max-width: 991px) {
	
h1{
	font-size:30px;
	font-weight:normal;
	font-style:normal;
}

h2{
	font-size:16px;
	font-weight:normal;
	font-style:italic;
}
	
.wrapper{
	margin-left:auto;
	margin-right:auto;
	width:660px;
	height:auto;
}

#kapcsolat_content img{
	width:660px;
	height:auto;
	margin-bottom:20px;
	margin-left:-50px;
	margin-top:-50px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.page_item_onethird{
	position:relative;
	float:left;
	width:210px;
	height:auto;
	background-color:white;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.30);
	cursor:pointer;
}

.page_item_twothird{
	position:relative;
	float:left;
	width:100%;
	height:255px;
	background-color:white;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.30);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.30);
}

.page_item_placeholder_vertical{
	width:15px;
	height:255px;
	float:left;
}


#rolunk_content p{
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
}

#szolgaltatasaink_content p{
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
}

.termekcsoport_title h1{
	text-align:center;
	font-size:30px;
}

.centcont { height: 120px; width: 340px;}
.piccont {margin:5px; height: 110px; width: 110px; font-size:14px;}

.centcont2 { height: 350px; width: 340px;}
.piccont2 {margin:5px; height: 110px; width: 110px; font-size:14px;}

#piccont1 {background-image:url(../img/gajdacsi_gyorgy110.jpg);}
#piccont2 {background-image:url(../img/szucs_gabriella110.jpg);}
#piccont3 {background-image:url(../img/meszarosne_hegedus_katalin110.jpg);}
#piccont4 {background-image:url(../img/makaine_szabo_izabella110.jpg);}	
#piccont5 {background-image:url(../img/gajdacsi_vanda110.jpg);}
#piccont6 {background-image:url(../img/gajdacsi_bence110.jpg);}


}


@media all and (max-width: 991px) {
	
	
.centcont { height: 220px; width: 220px;}
.piccont {margin:5px; height: 110px; width: 110px; margin-bottom:50px }
.placeholder_piccont {display: none;}

#piccont1 {background-image:url(../img/gajdacsi_gyorgy110.jpg);}
#piccont2 {background-image:url(../img/szucs_gabriella110.jpg);}
#piccont3 {background-image:url(../img/meszarosne_hegedus_katalin110.jpg);}
#piccont4 {background-image:url(../img/makaine_szabo_izabella110.jpg);}
#piccont5 {background-image:url(../img/gajdacsi_vanda110.jpg);}
#piccont6 {background-image:url(../img/gajdacsi_bence110.jpg);}		

.centcont2 { height: 350px; width: 265px;}
.piccont2 {margin:5px; height: 110px; width: 110px; margin-bottom:50px; margin-top:80px !important;}
	
	
.galeria_thumbnails{
	float:left;
	width:50%;
	height:auto;
}
	
.wrapper{
	width:90%;
	height:auto;
}

#rolunk_content p{
	-moz-column-count: 1;
    -webkit-column-count: 1;
	 margin-top:20px;
	 margin-bottom:40px;
}

#szolgaltatasaink_content p{
	-moz-column-count: 1;
    -webkit-column-count: 1;
	 margin-top:20px;
	 margin-bottom:40px;
}

.page_item_onethird{
	width:100%;
	height:auto;
	background-color:white;
	margin-bottom:15px;
}

.page_item_twothird{
	float:left;
	width:100%;
	height:250px;
	text-align:center;
	margin-bottom:15px;
}

.page_item_placeholder_vertical{
	display:none;
}

.page_item_placeholder_horizontal{
	display:none;
}


#more_info_wrapper{
	position:absolute;
	width:90%;
	height:auto;
	left:5%;
	top:25px;
	margin-left:0;
}

#kapcsolat_content{
	width:100%;
	height:auto;
}

#kapcsolat_content img{
	width:100%;
	height:auto;
	margin-left:0;
	margin-top:0;
}

#mobile_menu{
	display:block;
	width:100%;
	height:75px;
	background-color:#f8f8f8;
	z-index: 9999 !important;
	top: 0 !important;
	left: 0 !important;
	position: relative !important;
}

#mobile_logo img{
	vertical-align:top;
	margin-left:5%;
}

.mobile_menu_item{
	display:none;
	width:100%;
	float:left;
	background-color:#f6f6f6;
	text-align:center;
	font-size:16px;
	padding-top:12px;
	padding-bottom:12px;
	margin-top:1px;
}

#mobile_menu_btn{
	position:absolute;
	top:0;
	right:5%;
}

#non_mobile_menu{
	display:none;
}

#log{ 
	top:0px; 
}

#nyitolap{
	margin-top:15px;
}

.termekcsoport_title h1{
	font-size:24px;
}

#rolunkleiras p{
	-moz-column-count: 1;
    -webkit-column-count: 1;
}

	
}