@font-face{font-family: "AvbdBold"; src:url("https://www.lawyeroffice.hu/css/fonts/AvbdBold.woff");} 
@font-face{font-family: "AvdmReg"; src:url("https://www.lawyeroffice.hu/css/fonts/AvdmReg.woff");} 
@font-face{font-family: "GaramondPremrPro"; src:url("https://www.lawyeroffice.hu/css/fonts/GaramondPremrPro.woff");} 
@font-face{font-family: "AGaramondPro-Bold"; src:url("https://www.lawyeroffice.hu/css/fonts/AGaramondPro-Bold.woff");} 

/*
@font-face{font-family: "AvbdBold"; src:url("https://www.lawyeroffice.hu/html/css/fonts/AvbdBold.woff");} 
@font-face{font-family: "AvdmReg"; src:url("https://www.lawyeroffice.hu/html/css/fonts/AvdmReg.woff");} 
@font-face{font-family: "GaramondPremrPro"; src:url("https://www.lawyeroffice.hu/html/css/fonts/GaramondPremrPro.woff");} 
@font-face{font-family: "AGaramondPro-Bold"; src:url("https://www.lawyeroffice.hu/html/css/fonts/AGaramondPro-Bold.woff");} 
*/
body, html {margin:0px; padding:0px; font-family:'GaramondPremrPro', sans-serif; font-size:20px; color:#4b4b47; background-color:#f5f3e5; height:100%; width:100%;}
form, div, p, ul, li, h1, h2, h3, h4, h5, h6{padding: 0; margin: 0;} 

#about-our-office{z-index:100; position:absolute; margin-top:-160px;}
#our-staff{z-index:100; position:absolute; margin-top:-160px;}
#our-external-experts{z-index:100; position:absolute; margin-top:-190px;}
#the-office-profile{z-index:100; position:absolute; margin-top:-160px;}
#our-contacts{z-index:100; position:absolute; margin-top:-160px;}

/***********/
/* Header bg */
/***********/
.blokk_header_1{background:#757766; height:834px; width:100%; text-align:center; padding-top:75px;}
.blokk_header_1 .blokk_logo{margin:0 auto; color:#f5f3e5;}


.blokk_header_1 .p_1{color:#f5f3e5; padding:20px 0 0 0; margin:0; font-size:30px; text-transform:uppercase;}
.blokk_header_1 .p_1 span{color:#adbe25;}

.blokk_header_1 .p_2{color:#f5f3e5; padding:0; margin:0; font-size:27px; letter-spacing:6px;}

.blokk_header_1 .blokk_logo #sep_nyil_1{width:530px; margin:15px 0 10px 0;}


@media screen and (max-width:1050px) {
	.blokk_header_1{height:734px; padding-top:50px;}
}


@media screen and (max-width:640px) {
	.blokk_header_1 .blokk_logo #sep_nyil_1{width:85%;}

	.blokk_header_1 .p_1{padding:20px 0 0 0; font-size:28px;}
	.blokk_header_1 .p_2{padding:0; font-size:25px; letter-spacing:3px;}
}

@media screen and (max-width:540px) {
	.blokk_header_1{height:634px; padding-top:25px;}
	.blokk_header_1 .blokk_logo #sep_nyil_1{width:85%;}

	.blokk_header_1 .p_1{padding:20px 0 0 0; font-size:24px;}
	.blokk_header_1 .p_2{padding:0; font-size:20px; letter-spacing:3px;}
}


@media screen and (max-width:480px) {
	.blokk_header_1{height:650px; padding-top:25px;}
	.blokk_header_1 .blokk_logo #webanimacio{width:96%;}
	.blokk_header_1 .p_2{padding:0; font-size:20px; letter-spacing:1px;}
}


/**********/
/* Header */
.headerext{width:100%; height:160px; margin:0; background: url('../images/bg_menu_1.png') 0 0 repeat-x;}
.headerext:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.headerext .flags{width:100%; height:42px; margin:0 auto; text-align:center;}/* background-color:#f5f3e5; height:42px; */
.headerext .flags a img{padding:2px; margin:12px 8px 0 8px; border:2px solid #f5f3e5;}
.headerext .flags a img:hover{padding:2px; margin:12px 8px 0 8px; border:2px solid #d4c079;}
.headerext .flags a img.aktiv{padding:2px; border:2px solid #d4c079;}

.headerext .htop_1050{width:1050px; height:110px; margin:0 auto;  background: url('../images/bg_menu_2.png') top center no-repeat;}

.headerext .htop_1050 .header{width:1050px; margin:0 auto 0 auto; font-size:18px; height:40px; font-family: 'GaramondPremrPro', sans-serif; }
.headerext .htop_1050 .header:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.sticky{position:fixed; top:0; width:100%; z-index:100;}
.sticky + .content_1{padding-top:160px;}

@media screen and (max-width:1050px) {
	.headerext{height:100px; margin:0;}
	.headerext .htop_1050{width:100%; height:70px; background: url('../images/bg_menu_3.png') top center no-repeat;}
	
	.headerext .htop_1050 .logo_div{float:none; text-align:center; margin:0 auto;}
	.headerext .htop_1050 .logo_div #logo_header{float:none; margin:10px auto 10px auto;}

	.headerext .htop_1050 .header{float:none; width:100%; max-width:none; margin:0 auto;}
}

/****************/
/* Content 1    */
/****************/
.content_1{width:100%; margin:0 auto 0 auto; background:#f5f3e5; }
.content_1:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.content_1 .content_1050{width:1050px; margin:0 auto; text-align:center;}

.content_1 .content_1050 h1{padding:35px 0 0 0; margin:0; text-transform:uppercase; font-size:30px; color:#4b4b47;}

.content_1 .content_1050 .sep_1{margin:25px auto;}
.content_1 .content_1050 .p_1{font-size:30px; padding:15px 0 0 0; margin:0;}
.content_1 .content_1050 .p_2{font-size:18px; padding:5px 0 35px 0; margin:0; color:#a0a093;}
.content_1 .content_1050 .p_3{font-size:20px; padding:45px 0 0 0; margin:0; width:94%;}

@media screen and (max-width:1050px) {
	.content_1 .content_1050{width:98%;}	
}

/****************/
/* Content 2    */
/****************/
.content_2{width:100%; background: url('../images/bg_miert_1.jpg')  top center no-repeat; margin:75px auto; min-height:542px; }
.content_2:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.content_2 .content_1050{width:1050px; margin:0 auto; }

.content_2 .content_1050 .content_bal{width:55%; float:left; color:#f5f3e5;}

.content_2 .content_1050 .content_jobb{width:44%; float:left; color:#f5f3e5;}
.content_2 .content_1050 .content_jobb h2{padding:35px 0 25px 0; margin:0; text-transform:uppercase; font-size:30px; font-weight:normal;}
.content_2 .content_1050 .content_jobb table img{margin:15px 15px 10px 0;}
.content_2 .content_1050 .content_jobb table{text-transform:uppercase;}

@media screen and (max-width:1050px) {
	.content_2 .content_1050{width:96%;}
	.content_2 .content_1050 .content_jobb{width:42%;}	
}

@media screen and (max-width:640px) {
	.content_2{background: url('../images/bg_miert_2.jpg')  top center no-repeat; min-height:450px; }
	.content_2 .content_1050 .content_jobb{width:1%;}
	.content_2 .content_1050 .content_jobb{width:95%;}
	.content_2 .content_1050 .content_jobb h2{padding:25px 0 25px 0; margin:0; text-transform:uppercase; font-size:24px; font-weight:normal;}
	.content_2 .content_1050 .content_jobb table{text-align:left;}
	.content_2 .content_1050 .content_jobb table img{margin:5px 5px 5px 0;}
}


/****************/
/* Munkatarsaink  */
/****************/
.munkatarsaink{width:100%; margin:0 auto 0 auto; background:#f5f3e5; }/*f5f3e5*/
.munkatarsaink:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.munkatarsaink .content_1050{width:1050px; margin:0 auto; text-align:center;}

.munkatarsaink .content_1050 h1{padding:0 0 0 0; margin:0; text-transform:uppercase; font-size:30px;}
.munkatarsaink .content_1050 h2{padding:0 0 0 0; margin:0; text-transform:uppercase; font-size:30px;}

.munkatarsaink .content_1050 .sep_1{margin:25px auto;}
.munkatarsaink .content_1050 .sep_2{margin:0 auto 25px auto;}
.munkatarsaink .content_1050 .sep_3_div{width:100%; clear:both;}
.munkatarsaink .content_1050 .sep_3_div .sep_3{margin:55px auto 55px auto;}

.munkatarsaink .content_1050 .munkatars_1{width:320px; float:left; margin:15px 20px 15px 0;}
.munkatarsaink .content_1050 .munkatars_2{width:320px; float:right; margin:15px 0 15px 20px;}
.munkatarsaink .content_1050 .munkat_img{border-bottom:10px solid #d4c079;}

.munkatarsaink .content_1050 .p_1{font-size:24px; padding:5px 0 5px 0; margin:0; color:#4b4b47; text-transform:uppercase; font-weight:bold;}
.munkatarsaink .content_1050 .p_2{font-size:20px; padding:0 0 15px 0; margin:0; color:#4b4b47; text-transform:uppercase;}
.munkatarsaink .content_1050 .p_2.extra{min-height:49px;}
.munkatarsaink .content_1050 .p_4{font-size:18px; padding:0 0 35px 0; margin:0; color:#5f5f5a;}

.sidebar-box{width:320px;	margin:0; padding-bottom:15px; text-align:justify;}
.sidebar-box {max-height:100px; position: relative; overflow: hidden;}
.sidebar-box .read-more{position: absolute; bottom:0; left:0; width: 100%; text-align:center; margin:0; padding:30px 0 30px 0; 		
	/* "transparent" only works here because == rgba(0,0,0,0) */ 
	background-image: -moz-linear-gradient(top, transparent, black);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #f5f3e5));
}
    
#page-wrap {width:100%; margin:0 auto;}
.button { font-family:'AGaramondPro-Bold', sans-serif; font-size:16px;  background:#f5f3e5; padding:7px 15px 4px 15px; border:4px double #d4c079; text-transform:uppercase; cursor:pointer; color:#5f5f5a;}
.button:hover {border:5px solid #d4c079;}
.button:active {border:5px solid #d4c079;}
.read-less{display: none;}

@media screen and (max-width:1050px) {
	.munkatarsaink .content_1050{width:98%;}	
	.munkatarsaink .content_1050 .p_2.extra{min-height:47px;}
}

@media screen and (max-width:1024px) {
	.munkatarsaink .content_1050 .munkatars_1{min-height:600px;}
}

@media screen and (max-width:840px) {
	.sidebar-box{font-size:18px; line-height:22px;}
}

@media screen and (max-width:720px) {
	.munkatarsaink .content_1050 .munkatars_1{float:none; margin:15px auto 55px auto;}
	.munkatarsaink .content_1050 .p_2.extra{min-height:auto;}
}

@media screen and (max-width:480px) {
	.munkatarsaink .content_1050 .munkatars_1{width:280px; margin:15px auto 55px auto;}
	.munkatarsaink .content_1050 .munkat_img{width:280px; border-bottom:10px solid #d4c079;}
	.sidebar-box{width:280px;}
}

/****************/
/* Profilunk   */
/****************/
.profilunk{width:100%; background: url('../images/bg_profilunk_1.jpg')  top center no-repeat; margin:25px auto 75px auto; min-height:751px; }
.profilunk:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.profilunk .content_1050{width:1050px; margin:0 auto;}

.profilunk .content_1050 .content_bal{width:55%; float:left;}
.profilunk .content_1050 .content_jobb{width:44%; float:left; text-align:center;}

.profilunk .content_1050 .content_jobb p{padding:35px 0 0 0; line-height:28px;}
.profilunk .content_1050 .content_jobb .anim_1{margin:35px auto;}

@media screen and (max-width:1050px) {
	.profilunk .content_1050{width:96%;}
}

@media screen and (max-width:1200px) {
	.profilunk .content_1050 .content_jobb p{padding:15px 0 0 0; line-height:24px;}
	.profilunk .content_1050 .content_jobb .anim_1{margin:25px auto;}
}

@media screen and (max-width:840px) {
	.profilunk .content_1050 .content_jobb p{padding:0 0 35px 0;}
	.profilunk .content_1050 .content_jobb .anim_1{margin:10px auto;}

	.profilunk .content_1050 .content_bal{width:52%;}
	.profilunk .content_1050 .content_jobb{width:46%;}

}

@media screen and (max-width:640px) {
	.profilunk{background:none; min-height:auto; margin:25px auto 0 auto; }
	.profilunk .content_1050 .content_bal{width:1%;}
	.profilunk .content_1050 .content_jobb{width:94%; margin:0 auto 35px auto; float:none;}
	.profilunk .content_1050 .content_jobb .anim_1{margin:10px auto;}
}


/****************/
/* Elrehetosegeink  */
/****************/
.elerhet{width:100%; margin:0 auto 35px auto; background:#f5f3e5; }
.elerhet:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.elerhet .content_1050{width:1050px; margin:0 auto; text-align:center;}

.elerhet .content_1050 h3{padding:35px 0 0 0; margin:0; text-transform:uppercase; font-size:30px;}

.elerhet .content_1050 .sep_1{margin:25px auto;}
.elerhet .content_1050 .p_1{font-size:20px; padding:45px 0 0 0; margin:0; width:94%; line-height:28px; text-align:justify;}
.elerhet .content_1050 .p_1 img{float:right; border-top:30px solid #d4c079; border-left:30px solid #d4c079; margin:0 0 10px 20px;}

@media screen and (max-width:1050px) {
	.elerhet .content_1050{width:98%;}	
	.elerhet .content_1050 .p_1{line-height:24px;}
	.elerhet .content_1050 .p_1 img{width:45%;}
}

@media screen and (max-width:840px) {
	.elerhet .content_1050 .p_1{font-size:18px; line-height:22px;}
	.elerhet .content_1050 .p_1 img{border-top:20px solid #d4c079; border-left:20px solid #d4c079;}
}

@media screen and (max-width:720px) {
	.elerhet .content_1050 .p_1 img{border-top:10px solid #d4c079; border-left:10px solid #d4c079;}
}


/****************/
/* Elrehetosegeink 2 */
/****************/
.elerhet_2{width:100%; margin:0 auto 35px auto; background:#f5f3e5; }
.elerhet_2:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.elerhet_2 .content_1050{width:1050px; margin:0 auto; text-align:center;}

.elerhet_2 .content_1050 h3{padding:35px 0 0 0; margin:0; text-transform:uppercase; font-size:30px;}

.elerhet_2 .content_1050 .sep_1{margin:25px auto;}
.elerhet_2 .content_1050 .p_1{font-size:30px; color:#c0a95a; padding:0; margin:0; width:94%; text-transform:uppercase;}
.elerhet_2 .content_1050 .p_2{font-size:20px; color:#4b4b47; padding:0 0 55px 0; margin:0; width:94%; text-transform:uppercase;}
.elerhet_2 .content_1050 .p_3{font-size:30px; color:#c0a95a; padding:0 0 0 0; margin:0; width:94%;}

.elerhet_2 .content_1050 .p_2 a{font-size:20px; color:#4b4b47; text-decoration:none;}

.elerhet_2 .content_1050 .k_1{display: inline-block; width:auto; padding:0; margin:0 20px 25px 20px;}
.elerhet_2 .content_1050 .k_1 img{margin:-5px 10px 0 0;}
.elerhet_2 .content_1050 .k_1 a{color:#4b4b47; text-decoration:none; padding:0; margin:0;}
.elerhet_2 .content_1050 .k_1 a:hover{text-decoration:underline;}

@media screen and (max-width:1050px) {
	.elerhet_2 .content_1050{width:98%;}	
}

@media screen and (max-width:540px) {
	.elerhet_2 .content_1050 .p_2{padding:0 0 35px 0; }
	.elerhet_2 .content_1050 .k_1{margin:0 20px 15px 20px;}
	.elerhet_2 .content_1050 .k_1 a{font-size:18px;}
}


/****************/
/* Elrehetosegeink 3 */
/****************/
.elerhet_3{width:100%; margin:0 auto 35px auto; background:#f5f3e5; text-align:center; }
.elerhet_3:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.elerhet_3 img{width:100%; height:auto; padding-top:3px; padding-bottom:3px; border-top:4px double #d4c079; border-bottom:4px double #d4c079;}

.elerhet_3 #map_2{display:none;}

@media screen and (max-width:840px) {
	.elerhet_3 #map_1{display:none;}
	.elerhet_3 #map_2{display:block;}
}

/**********/
/* Footer */
/**********/
.footer_kifut{width:100%; background-color:#f5f3e5;}
.footer_kifut .footer_text{max-width:1050px; margin:0 auto; padding:0; text-align:center;}
.footer_kifut .footer_text:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.footer_kifut .footer_text p{margin:14px 0 0 0; padding:0;}

.footer_kifut .footer_text .webm{margin:20px auto 0 auto;}


@media screen and (max-width:1150px) {
	.footer_kifut .footer_text{width:95%; margin:0 auto;}
	.footer_kifut .footer_text p.copy{padding:0 5px;}
}


@media screen and (max-width:840px) {
	.footer_kifut .footer_text{font-size:18px;}
}