/*
Template Name: ComputerPont
*/


@charset "utf-8";
/* CSS Document */

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: middle;
	text-decoration:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/*END RESET*/

@font-face {
    font-family: plaintext;
    src: url(font/Avenir.ttc);
}

@keyframes zoominout{
              0%{
                   transform:scale(1)
                }
              25%{
                   transform:scale(1.25)
                }
              50%{
                   transform:scale(1.5)
                }
              75%{
                   transform:scale(1.25)
                }
              100%{
                   transform:scale(1)
                }
            }
.zoomos{
    animation: 60s linear 1s normal none infinite zoominout;
}
img.szechenyi {
    width: 55%;
    padding: 30px 20px 20px 20px;
    background-color: #fff;
}
strong{
    font-weight:bold;
}

a{
	color:#000;
	}

body{
	background:rgb(250,250,250);
    background-image: url(../img/geo_bg.jpg);
    background-size: cover;
	text-align:center;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
	}

#fullpage, .w1200{
	max-width:1200px;
	display:inline-block;
	width:100%;
	}

.brick{
	display:inline-block;
}

.flex{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
    }

.section{
	position:relative;
	}
.home .section{
    visibility:hidden;
	}

li{
    font-family: 'Yantramanav', sans-serif;
}

.h3{
	font-family: 'Rajdhani', sans-serif;
	font-size:18px;
	}
	
.h2{
	font-family: 'Yantramanav', sans-serif;
	font-size:15px;
	}
.h1{
	font-family: 'Rajdhani', sans-serif;
	font-size:42px;
	}

.blog-content h1{
    font-size:20px;
    margin-top:16px;
    font-family: 'Rajdhani', sans-serif;
}
.blog-content h2{
    font-size:18px;
    margin-top:16px;
    font-family: 'Rajdhani', sans-serif;
}
.blog-content h3{
    font-size:16px;
    margin-top:16px;
    font-family: 'Rajdhani', sans-serif;
}
.blog-content h4{
    font-size:15px;
    margin-top:16px;
    font-family: 'Rajdhani', sans-serif;
}
.blog-content h5{
    font-size:14px;
    margin-top:16px;
    font-family: 'Rajdhani', sans-serif;
}
.blog-content p{
    margin-top:16px;
    font-size: 15px;
}
.blog-content img{
    margin: 20px 0;
}
	
.plaintext{
	font-family: 'Yantramanav', sans-serif;
	font-size:16px;
	line-height:19px;
    font-weight: 300;
	}
	
.plaintext2{
	font-family: 'Yantramanav', sans-serif;
	}
	
.content{
	
	}
	
.w100{
	width:100%;
	}

.w50{
    width:50%;
}
	
.centered{
	text-align:center;
	}

.flex-center{
    justify-content: center;
}
	
.centeralign{
	text-align:center;
}

.rightalign{
	text-align:right;
}
	

.box-shadow:after {
    content: "";
    width: 150px;
    height: 1px;
    margin-top: 88px;
    margin-left: -75px;
    display: block;
    position: absolute;
    left: 50%;
    z-index: -1;
    -webkit-box-shadow: 0px 0px 8px 2px #000000;
       -moz-box-shadow: 0px 0px 8px 2px #000000;
            box-shadow: 0px 0px 8px 2px #000000;
}

.sectioner{
	font-size:17px;
	text-transform:uppercase;
	padding:14px 45px 11px 45px;
	font-family: 'Rajdhani', sans-serif;
	font-weight:700;
	background: #ffdb24;
	position:absolute;
	z-index:2;
	color:#000;
	top:-10px;
	left:-15px;
	-webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	}

a .sectioner:hover, a .sectioner_inner:hover{
    left:-14px;
    top:-9px;    
}

	
#section6 .sectioner{
	color:#fff;
	background:#ff3528;
	}
	

#particles-js{
    width:100%;
	width:100vw;
    height:100%;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
	}

/*SECTION0 - PAGE TOP*/

#section0{
	height:80px;
	margin:0;
	padding-bottom:0;
	}

#logo-top{
	position:absolute;
	top:0;
	left:0;
	margin:10px 0 0 10px;
	height:64px;
	}
	
#logo-top img, #logo-top svg{
	height:64px;
    width:246px;
	}	
	
#header-navigation{
	position:absolute;
	top:34px;
	right:0;
	float:right;
	margin:3px 10px 0 0;
    padding-top:10px;
	line-height:10px;
	border-top:1px dashed rgb(221, 228, 226);
	}
	
#header-navigation div{
	margin:0 10px 10px 10px;
	}
#header-navigation div.last-one{
	margin:0 0 10px 10px;
	}

	
#header-navigation a{
	font-size:14px;
	font-family: 'Rajdhani', sans-serif;
	}
	
.sep{
	height:0px;
	width:3px;
	border-top:1px dotted #000;
	margin: 0px 0px 10px 0px !important;
	}

#header-navigation2{
	position:absolute;
	top:0px;
	right:0;
	float:right;
	margin:15px 10px 0 0;
	line-height:10px;
	}
	
#header-navigation2 div{
	margin:0 0 10px 0;
	}
	
#header-navigation2 a{
	font-size:15px;
	font-family: 'Rajdhani', sans-serif;
	color:#5fb348;
	}

.top-a{
    padding:0 13px;
}

#tel1-top, #tel2-top, #tel3-top, #email-top{
/*    border-right:1px dashed #5fb348;*/
}
#nyitva-top{
    padding-right:0;
}


/* SECTION1 - SLIDER */

#section1{
	margin:0 10px;
    margin-bottom:15px;
    -webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	}


#section1 .main-slider{
	height:300px;
	}

.owl-dot{
	display: inline-block !important;
	width:16%;
	text-align:center;
	font-family: 'Rajdhani', sans-serif;
	font-size:16px;
    z-index:2;
    position:relative;
    vertical-align: top;
    color:white;
	}
	
div.owl-dot{
	vertical-align:top
	}

.slides{
    position:relative;
    top:-62px;
    }
	
.owl-controls{
	margin: 0 10px;
	padding:10px 0;
	position:relative;
	top:-300px;
	}
	
.owl-dot img{
	display:inline-block;
	width:70px;
    -webkit-transition:1s;
    transition:1s;
	border:6px solid rgb(250,250,250);
    position:relative;
	}
	
.owl-dot:hover img{
    -webkit-transition:1s;
	transition:1s;
	}
	
.owl-dot-cont{
	display:inline-block;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	}

.owl-dot-cont img{
	border-radius:50%;
	height:30px;
	width:30px;
	padding:6px;
	background:rgb(146, 143, 146);
	margin-bottom:10px
	}

.owl-dot:hover .owl-dot-cont img, .activeDot img{
	background:#5fb348
	}

#section1 div.owl-stage-outer{
	padding-top:6px;
	position:relative;
	top:40px;
	}
	
#section1 .slide{
	height:270px;
    display:none;
    position:absolute;
   top:0;
   left:0;
   width:100%;
    z-index:1;
	}

#section1 .slide.nth0{
    display:block;
    z-index:0;
    overflow:hidden;
	}
	
.slide-bg{
	height:inherit;
	}
	
.gradient-bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
background: rgba(146,144,146,1);
background: -moz-linear-gradient(top, rgba(146,144,146,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(146,144,146,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(146,144,146,1) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(146,144,146,1) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(146,144,146,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(146,144,146,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929092', endColorstr='#ffffff', GradientType=0 );
	}

.slide.nth1.gradient-bg{
    background-color:rgba(255,0,0,0.2);
    }
	
.slide.nth0 .slide-bg{
	background-size:cover;
	background-position:center;
    animation: 60s linear 1s normal none infinite zoominout;
	}

.aloldal .slide.nth0 .slide-bg{
    animation: none;
	}

.slide-content{
    position:absolute;
    bottom:0px;
    left:0px;
    text-align: left;
    padding:0 40px 40px 40px;
}

.slides .title{
    color:#fff;
}
.slides .content{
    color:#fff;
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
}

/*
#section1 .owl-carousel{
	height:340px !important;
	}

.owl-dot{
	display: inline-block !important;
	width:16%;
	text-align:center;
	font-family: 'Rajdhani', sans-serif;
	font-size:16px;
	}
	
div.owl-dot{
	vertical-align:top
	}
	
.owl-controls{
	margin: 0 10px;
	padding:10px 0;
	position:relative;
	top:-300px;
	}
	
.owl-dot img{
	display:inline-block;
	width:70px;
    -webkit-transition:1s;
    transition:1s;
	border:6px solid rgb(250,250,250);
	}
	
.owl-dot.active img{
    -webkit-transition:1s;
	transition:1s;
	}

.owl-dot.active .owl-dot-cont img{
	background:#5fb348
	}
	
.owl-dot-cont{
	display:inline-block;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	}

.owl-dot-cont img{
	border-radius:50%;
	height:30px;
	width:30px;
	padding:6px;
	background:rgb(193, 189, 193);
	margin-bottom:10px
	}

#section1 div.owl-stage-outer{
	padding-top:6px;
	position:relative;
	top:40px;
	}
	
#section1 .slide{
	height:300px;
	}
	
.slide-bg{
	height:inherit;
	}
	
.gradient-bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	}
	
.slide-bg:nth-of-type(1){
	background:url(../img/bg1.jpg);
	background-size:cover;
	background-position:center;
	}
.slide-bg:nth-of-type(2){
	background:url(../img/bg2.jpg);
	background-size:cover;
	background-position:center;
	}
.slide-bg:nth-of-type(3){
	background:url(../img/bg1.jpg);
	background-size:cover;
	background-position:center;
	}
.slide-bg:nth-of-type(4){
	background:url(../img/bg1.jpg);
	background-size:cover;
	background-position:center;
	}
.slide-bg:nth-of-type(5){
	background:url(../img/bg1.jpg);
	background-size:cover;
	background-position:center;
	}
.slide-bg:nth-of-type(6){
	background:url(../img/bg1.jpg);
	background-size:cover;
	background-position:center;
	}
*/
	
/*  SECTION2 - CEGISMERTETO */

#section2{
	margin:0 10px;
	margin-bottom:15px;
	-webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	}

#bemutatkozasok{
	width: 100%;
	min-height:395px;
	}

#bemutatkozas{
	width: calc(100% / 3);
	padding:50px 40px 20px 40px;
	margin:0;
	box-sizing:border-box;
	background:#5fb348;
	color:#fff;
	text-align:left;
    position: relative;
    font-size: 17px;
    line-height: 21px;
	}

#bemutatkozas a{
	color:#fff;
	}
	
#bemutatkozas .spanos{
	padding:20px;
	background: rgb(82, 159, 70);
	text-align:center;
    -webkit-transition:0.5s;
	transition:0.5s;
	cursor:pointer;
    display: block;
    position: absolute;
    bottom: 30px;
    left: 40px;
    right: 40px;
	}

#bemutatkozas .spanos:hover{
       -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
    -ms-transform: scale(1.05);
    	-webkit-transform: scale(1.05);
    	transform: scale(1.05);
}

#bemutatkozas2{
	width:calc(100% / 3 * 2);
	margin:0;
	float:right;
	}

#bemutatkozas .brick .brick, #bemutatkozas2 .brick .brick{
	width: calc(100% / 3 );
	margin: 0;
	box-sizing:border-box;
	vertical-align: top;
	float:left;
	}

	
#bemutatkozas2 .brick{
		width:calc(100% / 3);
		background-size:cover;
		background-position:center;
		display:inline-block;
		text-align:center;
		float:left;
        background-size:cover;
		background-position:center;
	}

#bemutatkozas .h3{
	text-align:left;
	font-size:22px;
	display:inline-block;
	padding-bottom:4px;
	border-bottom:2px solid white;
	}
	
#bemutatkozas2 .h3, #bemutatkozas3 .h3{
	padding:10px;
	background-color:rgba(59, 151, 22, 0.95);
	color:white;
	font-size:18px;
	display:inline-block;
	margin-top:180px;
	transition:0.5s;
	-webkit-transition:0.5s;
    margin-left:20px;
    margin-right:20px;
	}

#bemutatkozas3 .h3{	
	margin-top:40px;
	}
	
#bemutatkozas2 .brick{
	cursor:pointer;
	}
	
#bemutatkozas2 .brick:hover .h3, #bemutatkozas2 .brick .hover .h3{
	-ms-transform: translateY(-60px);
    	-webkit-transform: translateY(-60px);
    	transform: translateY(-60px);
	transition:0.5s;
	-webkit-transition:0.5s;
	}
	
#bemutatkozas2 .brick .content{
	 text-align:left;
	padding:10px;
	margin:20px;
	background-color: rgba(31, 30, 31, 0.71);
	color:rgb(22, 22, 22);
	font-size:15px;
	color:white;
	opacity:0;
	transition:0.5s;
	-webkit-transition:0.5s;
	}
	
#bemutatkozas2 .brick:hover .content, #bemutatkozas2 .brick .hover .content{
	opacity:1;
	-ms-transform: translateY(-60px);
    	-webkit-transform: translateY(-60px);
    	transform: translateY(-60px);
	transition:0.5s;
	-webkit-transition:0.5s;
	}
	
#section2 .content{
	text-align:left;
	}
	
#bemutatkozas3{
	max-height:120px;
	}
	
#bemutatkozas3 .brick{
		width:calc(100% / 3);
		height:120px;
		background-size:cover;
		background-position:center;
		display:inline-block;
		margin-bottom:10px;
		text-align:center;
		float:left;
	}
	
	
#bemutatkozas3 .brick{
	cursor:pointer;
	}
	
#bemutatkozas3 .brick .content{
	 text-align:left;
padding:10px;
margin:20px;
background-color: rgba(31, 30, 31, 0.91);
color:rgb(22, 22, 22);
font-size:13px;
color:white;
opacity:0;
transition:0.5s;
-webkit-transition:0.5s;
	}
	
.tovabb{
	display:block;
	color:#fff;
	margin: 10px 0;
	width:100%;
	text-align:center;
}
.tovabb .fa{

}

#bemutatkozas2 .brick:hover .tovabb{

	}

	
	
/*  SECTION3 - HIRDETESEK 1 */
	
#section3{
	margin:0 10px;
	margin-bottom:15px;
	color:#fff;
	-webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	}
	
#hirdetesek1{
	width:100%;
	}
	
#hirdetesek1 .img{
width: 100px;
    height: 140px;
display:inline-block;
margin-bottom:10px;
background-repeat:no-repeat !important;
        background-position: center;
    background-size:contain;
    -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
	}

#hirdetesek1 .brick:hover .img{
    -ms-transform: scale(1.1);
    	-webkit-transform: scale(1.1);
    	transform: scale(1.1);
}
	
#hirdetesek1 .brick{
	float:left;
	text-align:center;
	width:calc(100% / 5 - 1px);
	padding:40px 0;
	color:#fff;
	background:rgb(63, 64, 66);
	cursor:pointer;
	height:220px;
    -webkit-transition:0.5s;
	transition:0.5s;
	margin: 0px 0px;
	margin-top:0;
	border:1px dashed rgb(165,166,171);
	border-right:0;
	border-bottom:0;
	position:relative;
	z-index:1;
	}
	
#hirdetesek1 .brick.nth2, #hirdetesek1 .brick.nth4{
	background:rgb(70, 71, 73);
	}

#hirdetesek1 .brick.nth1{
	margin-left: 0;
	border-left:0;
    width:calc(100% / 5);
	}

#hirdetesek1 .brick:hover{
	background:rgb(43, 44, 46);
	}	
	
#hirdetesek1 .content{
	padding: 30px 0;
	float:left;
	font-size:24px;
	color:#eee;
	background:rgb(70, 71, 73);
	font-family: 'Rajdhani', sans-serif;
	}
#hirdetesek1 .content span{
	border-left: 3px solid #5fb348;
	border-right: 3px solid #5fb348;
	padding: 0 15px;
	}	

#hirdetesek1 .spanos, #hirdetesek1 .spanos-g2, #hirdetesek1 .spanos-g3, #hirdetesek1 .spanos-g4{
	display:inline-block;
    background:rgba(59, 151, 22, 0.81);
	padding:5px;
	color:#fff;
	}
#hirdetesek1 .spanos-g2{
	background:rgba(59, 151, 22, 0.81);
	}
#hirdetesek1 .spanos-g3{
	background:rgba(59, 151, 22, 0.81);
	}
#hirdetesek1 .spanos-g4{
	background:rgba(59, 151, 22, 0.81);
	}	
	
#hirdetesek1 .h2{
	line-height: 16px;
    padding: 5px 10px 14px 10px;
	}
#hirdetesek1 .h3{
	font-size:25px;
    
	}

/* SECTION 4 BLOG */

#section4{
	margin:0 10px;
	margin-bottom:15px;
	-webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	}

#section4 .brick{
    display:inline-block;
	width: calc(100% / 2);
	padding: 40px 0;
	position:relative;
	color:#fff;
	height:200px;
	}
#section4 .hirlevel{
    display:none;
	width: 280px;
	padding: 40px 0;
	position:relative;
	color:#fff;
	height:200px;
	}
	
#section4 > .brick{
		background-size:cover;
		background-position:center;
	}
	
#section4 .brick .h3{
    line-height: 24px;
    background-color: rgba(59, 151, 22, 0.95);
    transition: 1s;
    -webkit-transition: 1s;
    color: #fff;
    font-size: 21px;
    padding: 18px;
    bottom: 16px;
    position: absolute;
    left: 16px;
    -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
    font-weight:700;
	}
	
#section4 .brick.blogpost:hover .h3{
   	background-color: transparent;
    bottom:170px;
   	-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
	}
	
#section4 .brick .layer {
background: rgba(0,0,0,0.3);
background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.3)), color-stop(30%, rgba(77,77,77,0.1)), color-stop(45%, rgba(115,115,115,0)), color-stop(60%, rgba(153,153,153,0.1)), color-stop(100%, rgba(255,255,255,0.2)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:0;
    box-sizing:border-box;
    -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
    overflow:hidden;
}

#section4 .brick.blogpost:hover .layer{
    background-color: rgba(38, 38, 38, 0.93);
	}
	
#section4 .brick .content{
   opacity:0;
    text-align:left;
    position:absolute;
    bottom:-30px;
	color:#e1e1e1;
    left:16px;
    right:16px;
    padding:16px;
    -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
	}

#section4 .brick:hover .content{
    opacity:1;
    -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
    bottom:30px;
	}
	
#section4 .hirlevel .layer{
	    background:#5fb348;
	    cursor:auto;
	}	
#section4 .hirlevel .h3{
	    background-color: rgb(255, 255, 255);
	    color:black;
    -webkit-box-shadow: 0px 7px 4px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 4px -6px rgba(0,0,0,0.75);
box-shadow: 0px 7px 4px -6px rgba(0,0,0,0.75);
    cursor:pointer;
	    }	
	    
#section4 .hirlevel:hover .h3{
    transition:1s;
    -webkit-transition:1s;
    margin-top:202px;
    cursor:pointer;
    z-index: 1;
position: relative;
	}
	
#section4 .hirlevel .h3:hover{
	-webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.95);
-moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.95);
box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.95);
}

#subscribe-form{
	width:100%;
	position:relative;
	top:-247px;
	opacity:0;
	visibility:hidden;
	transition:0.5s;
    -webkit-transition:0.5s;
    z-index:10;
	}
	
#section4 .hirlevel:hover #subscribe-form{
    visibility:visible;
    opacity:1;
    transition:1.5s;
    -webkit-transition:1.5s;
	}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
    opacity:  0.8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  0.8;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  0.8;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
   opacity:  0.8;
}

.plcholder{
   color: #fff;
    min-width:50px;
   width:calc(26% - 20px);
    display:inline-block;
    font-family: 'Yantramanav', sans-serif;
    font-size: 14px;
	text-align:right;
	margin-right:20px;
}

.plcholder_border{
    width:calc(100% - 26% - 21px);
    position:relative;
    border-bottom:1px dashed rgba(0,0,0,0.5);
    top:-5px;
    left:80px;
    }

.input-lmnt{
    margin-top:10px;
	text-align: left;
    }
	
#subscribe-form .form-element{
	box-sizing:border-box;
    border:0;
	width:calc(100% - 26% - 21px);
	background:transparent;
	margin:3px 0;
    color:white;
    font-family: 'Yantramanav', sans-serif;
    font-size: 15px;
	}

	
#subscribe-form .genre-icon:hover{
    background-color: rgba(0,0,0,0.3);
	}
	
#subscribe-form .genre-icon:nth-of-type(1){
	margin-right:10px;
	}
	
input[type="radio"] {
  display: none;
}

input[type="radio"] + label {
  
}

input[type="radio"] + label span{
  color:#fff;
	display:inline-block;
	width: calc(100% / 2 - 23px);
    font-size: 20px;
    margin: 10px;
    line-height: 40px;
    margin-top: 15px;
    cursor:pointer;
}

input[type="radio"] + label span{
 background-color: rgba(0,0,0,0.1);
}

input[type="radio"]:checked + label span {
  background-color: rgba(0,0,0,0.3);
}

input[type="radio"] + label span,
input[type="radio"]:checked + label span{
  -webkit-transition:background-color 0.2s linear;
  -o-transition:background-color 0.2s linear;
  -moz-transition:background-color 0.2s linear;
  transition:background-color 0.2s linear;
}
	
#captcha{
	width:18% !important;
}
.plcholder_border.nth3{
	width:22% !important;
}
	
.subscribe-title{
	color:#fff;
	position:absolute;
	transition:1.5s;
    -webkit-transition:1.5s;
	width: calc(100% - 40px);
    left: 0px;
    margin: 0 20px 0 20px;
    box-sizing: border-box;
	}
	
#section4 .hirlevel:hover .subscribe-title{
    visibility:invisible;
    opacity:0;
    transition:0.5s;
    -webkit-transition:0.5s;
	}
	
#subscribe-header{
	top:40px;
	line-height:20px;
	}
	
#subscribe-footer{
	top:190px;
line-height:26px;
font-size:18px;
border: 3px solid #fff;
border-top:0;
border-bottom:0;
	}

/* SECTION 4 FORM */


/* SECTION 5 HÍREK */

#section5{
	margin:0 10px;
	margin-bottom:15px;
	-webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	}

#section5 .brick{
    display:inline-block;
	width: calc(100% / 2);
	padding: 40px 0;
	position:relative;
	color:#fff;
	height:200px;
	}
	
#section5 > .brick{
		background-size:cover;
		background-position:center;
	}
	
#section5 .brick .h3{
    line-height: 24px;
    background-color: rgba(59, 151, 22, 0.95);
    color: #fff;
    font-size: 21px;
    padding: 18px;
    bottom: 16px;
    position: absolute;
    left: 16px;
    -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
    font-weight:700;
	}
	
#section5 .brick.w50:hover .h3{
   	background-color: transparent;
    bottom:170px;
   	-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
	}
	
#section5 .brick .layer {
background: rgba(0,0,0,0.3);
background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.3)), color-stop(30%, rgba(77,77,77,0.1)), color-stop(45%, rgba(115,115,115,0)), color-stop(60%, rgba(153,153,153,0.1)), color-stop(100%, rgba(255,255,255,0.2)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:0;
    box-sizing:border-box;
    -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
    overflow:hidden;
}

#section5 .brick.w50:hover .layer{
    background-color: rgba(38, 38, 38, 0.93);
	}
	
#section5 .brick .content{
   opacity:0;
    text-align:left;
    position:absolute;
    bottom:-30px;
	color:#e1e1e1;
    right:16px;
    left:16px;
    padding:16px;
    -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
	}

#section5 .brick:hover .content{
    opacity:1;
    -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
    bottom:30px;
	}

	
/* SECTION 6   HIRDETÉS 2 */

#section6{
	margin:0 10px;
	margin-bottom:15px;
	-webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	}

#section6 .full-img{
	height:240px;
	padding:20px;
	box-sizing:border-box;
	text-align:left;
	cursor:pointer;
	background-size:cover;
	background-position:center;
    position: relative;
	}

#section6 .text.brick{
    position:absolute; 
    bottom:16px;
    left:16px;
    right:430px;
    -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#section6 .full-img:hover .text.brick {
    bottom: 40px;
}
	
#section6 .title{
	font-size:30px;
	padding:15px 15px 10px 15px;
	background-color:rgba(255,255,255,0.82);
	color:#000;
	display:inline-block;
	}
	
#section6 .text-box{
	padding:15px;
	background-color:rgba(255,255,255,0.82);
	color:#000;
	}
	

/* SECTION 7  REFERENCE 1  */

#section7{
	margin:0 10px;
    margin-bottom:15px;
    -webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    display: flex;
    justify-content: space-between;
	}
	
#section7 .w3{
	width:calc(100% / 3);
	box-sizing:border-box;
	background:rgb(63, 64, 66);
	text-align:center;
	padding:20px 4% 0 4%;
	min-height:416px;
	}
	
#section7 .w3:nth-of-type(odd){
	background:rgb(61, 62, 62);
	}
	
.profile{
	background-size:cover;
	background-position:center;
	border-radius:50%;
	height:120px;
	width:120px;
	margin:20px 0;
	border:1px dashed #62b94b;
	}

.quote{
	text-align:left;
	font-family: 'Rajdhani', sans-serif;
	color:#fff;
	font-size:16px;
	font-style:italic;
    line-height: 18px;
	}
	
#section7 .name{
	font-size:16px;
	text-align:right;
	padding: 30px 0;
	width:100%;
	color:#fff;
	font-family: 'Rajdhani', sans-serif;
	}
	
#section7 .fa{
	font-size:36px;
	line-height:0;
	vertical-align:top;
	width:100%;
	text-align:left;
	color:rgba(255,255,255,0.3);
	position:relative;
	left:-15px;
	}


	

/* SECTION 8  REFERENCE 2*/

#section8{
	margin:0 10px;
	margin-bottom:15px;
	-webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	}
	
#section8 .w100{
	background:rgb(62, 63, 65);
	height:230px;
	}
	
#section8 img{
	display:inline-block;
	height:40px;
	margin:100px 30px 0 30px;
	}
	
	
/* SECTION 9  MAP */

#section9 {
    margin: 0 10px;
    background-color: #E8E8E8;
}

#footer{
	padding:40px 0 80px 0;
	}

#footer .brick{
	width:calc(100% / 3);
	}
	
#logo-bottom img{
 height:80%;   
}
	
.footer-info{
	font-family: 'Rajdhani', sans-serif;
	font-size:16px;
	}
	
#footer .brick.nth1{
    border:1px dashed #ccc;
    border-top:0;
    border-bottom:0;
    box-sizing:border-box;
}
#footer .brick.nth2{
    min-height:214px;
}

.nyitvatartas span{
	width:85px;
	display:inline-block;
}
		
	
/* SECTION 10  FOOTER */

#section10 {
    margin: 0 10px;
    margin-top: 7px;
    margin-bottom: 15px;
    background-color: #5FB348;
    -webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
}

#map {
    height: 340px;
    background: url('../img/map.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}
	
#footer-navigation {
    position: absolute;
    top: -68px;
    height: 90px;
    z-index: 10;
}
	
#footer-navigation a{
	display:inline-block;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	width:16%;
	font-family: 'Rajdhani', sans-serif;
	vertical-align:bottom;
	color:#505050;
	transition:0.5s;
    -webkit-transition:0.5s;
    font-weight:500;
	}
	
#footer-navigation img{
	border-radius:50%;
	height:30px;
	width:30px;
	padding:6px;
	background:rgb(146, 143, 146);
	margin-top:10px;
	border:6px solid rgb(250,250,250);
	transition:0.5s;
    -webkit-transition:0.5s;
	}
	
#footer-navigation a:hover img{
	background:#5fb348;
	transition:0.5s;
    -webkit-transition:0.5s;
	}
	
#sitemap{
	background-color:#5fb348;
	padding-bottom:50px;
	color:#fff;
}

.mini-title{
	font-size:17px;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
}
	
.sitemap{
	font-family: 'Rajdhani', sans-serif;
	font-size:14px;
	line-height:16px;
	text-align:left;
	vertical-align:top;
	box-sizing:border-box;
	margin-top:35px;
	width: calc(1200px / 4);
    padding-left: calc(1200px / 8 - 50px);
	}
	
.sitemap.nth3{
	border-left: 1px dashed rgba(255, 255, 255, 0.46);
	padding-left: 0;
    text-align: center;
	}
	
.sitemap li{
	list-style-type: circle;
	}



@media screen and (max-width: 1024px) {

#footer .brick {
    width: 40%;
}

#footer .brick.nth2{
	display: block;
    width: 100%;
    margin: 30px 0 20px 0;
}
#footer .brick.nth1{
	border-right:0;
}

.sitemap{
	width: 25%;
    padding-left: 6%;
}

#nyitva-top{
	display:none;
}

}

.sectioner_inner{
	font-size:17px;
	text-transform:uppercase;
	padding:14px 45px 11px 45px;
	font-family: 'Rajdhani', sans-serif;
	font-weight:700;
	background: #ffdb24;
	position:absolute;
	z-index:2;
	color:#000;
	top:-10px;
	left:-15px;
	-webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
	}

#sidebar .sectioner_inner{
	right:-15px;
    left: auto;
}

.sectioner_inner.redbg{
    background-color: #5fb348;
    color:#fff;
}
.sectioner_inner.rendkivuli{
    background: #DCDCDC;
}

.rendkivuli #section-blog .brick .h3 {
    background-color: rgb(255, 53, 40);
}


.aloldal #section2{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin:0 10px;
	margin-bottom:15px;
}

.aloldal-content{
    padding-top: 20px;
}

#main-content{
    width: calc(100% / 4 * 3 - 15px);
    padding: 16px 16px 20px 16px;
    margin: 0;
    box-sizing: border-box;
    color: #000;
    background-color: #E8E8E8;
    text-align: left;
    -webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    display:inline-block;
}

#sidebar{
    color: #fff;
    width: calc(100% / 4 + 15px);
    margin: 0;
    box-sizing: border-box;
    text-align: left;
    float:right;
    display:inline-block;
}

.sidebar-section{
    position:relative;
    width:100%;
}

.sidebar-section{
	background: rgb(70, 71, 73);
	margin-bottom:15px;
	-webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
}

#sidebar .sectioner_inner {
    padding: 10px;
    position:static;
    left: 0;
    right: 0;
    text-align: center;
}

.aloldal #section1 {
    height: 190px;
}

.aloldal #section1 .main-slider {
    height: 190px;
}

.aloldal #section1 .slide {
    height: 160px;
}

.aloldal #section2{
    display: flex;
    justify-content: space-between;
}

.aloldal .sidebar-section:last-of-type{
    margin-bottom:0;
}

.aloldal #section4, .aloldal #section5, .aloldal #section6{
	margin:0 0 15px 0;
}


.aloldal #section6 .link{
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,0.3);
    display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

.aloldal #section6 .full-img {
    padding: 0;
    height: 200px;
}

.aloldal #section6 .title {
    font-size: 30px;
    padding: 2px;
    line-height: 36px;
    text-align: center;
    background-color: transparent;
    display: block;
    color: #fff;
    font-weight: 700;
}


.aloldal #section5 .full-img, .aloldal #section4 .full-img  {
    height:140px;
    padding:0;
    width:100%;
    box-sizing: border-box;
}

.aloldal #section5 .link, .aloldal #section4 .link{
    background-color: rgba(37, 37, 37, 0.3);
    height: 100%;
    width: 100%;
    position: absolute;
}

.aloldal #section5 .brick .layer, .aloldal #section4 .brick .layer{
    top:auto;
    bottom:10px;
    height:auto;
    width:auto;
    left:0px;
    margin:0 10px;
    background: none;
}

.aloldal #section5 .full-img .h3, .aloldal #section4 .full-img .h3{
    line-height: 20px;
    font-size: 18px;
    text-align: left;
    padding:10px;
    position: static;
    display:inline-block;
    color: #000;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.aloldal #section5 .full-img:hover .layer, .aloldal #section4 .full-img:hover .layer{
    background: none;
}
.aloldal #section5 .full-img:hover .h3, .aloldal #section4 .full-img:hover .h3{
    background-color: rgba(59, 151, 22, 0.8);
    color:#fff;}

.aloldalas #hirdetesek1 .brick {
    margin-left: 0;
    border-left: 0;
    width: 100%;
    float:none;
    display:block;
    height:auto;
    padding: 12px 0;
}
.aloldalas #hirdetesek1 .text{
    display:inline-block;
    padding: 0 12px;
    width: 48%;
}
.aloldalas #hirdetesek1 .img {
    width: 100px;
    height: 100px;
    margin:0;
}
.aloldalas #hirdetesek1 .h2 {
    line-height: normal;
    margin-bottom:6px;
    padding: 0 0 5px 0;
}

.aloldalas #hirdetesek1 .brick.nth1 {
    border:0;
}

.aloldal .blog-rightside{
    color: #000;
    background-color: #E8E8E8;
    margin-bottom: 15px;
    min-height: 250px;
    padding: 1px 15px 86px 15px;
    box-sizing: border-box;
    font-size: 16px;
}

.aloldal .slide-content{
    padding:0 16px 16px 16px;
}

.aloldal .slides .content {
    font-size: 15px;
    line-height: 17px;
}

.aloldal .slides .title {
    font-size: 32px;
    line-height: 40px;
}

#sidebar-marginos{
    margin-left:15px;
}

.main-page-title.blogos{
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    padding: 26px 40px;
    background-color: #FFDB24;
    display: inline-block;
    margin-bottom:16px;
}

.blog-rightside .title{
    font-size: 18px;
    line-height: 38px;
    margin-top: 15px;
    padding-left: 12px;
    box-sizing: border-box;
    width: 100%;
    background-color: #928F92;
    color: #fff;
    display: inline-block;
}

.cat-elem a{
    display: inline-block;
    padding: 5px;
    margin: 8px 8px 0 0;
    border: 1px dashed #928F92;
    color: #545454;
    font-weight: 300;
}
.cat-elem a:hover{
    border: 1px solid #928F92;
    color: #fff;
    background-color:#928F92;
}

#section-blog .brick{
    display:inline-block;
	width: 100%;
	padding: 40px 0;
	position:relative;
	color:#fff;
	height:260px;
    margin-bottom:16px;
    box-sizing:border-box;
	}
	
#section-blog > .brick{
		background-size:cover;
		background-position:center;
	}
	
#section-blog .brick .h3{
    line-height: 24px;
    background-color: rgba(59, 151, 22, 0.95);
    transition: 1s;
    -webkit-transition: 1s;
    color: #fff;
    font-size: 21px;
    padding: 18px;
    bottom: 16px;
    position: absolute;
    left: 16px;
    -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
    font-weight:700;
	}
	
#section-blog .brick.blogpost:hover .h3{
   	background-color: transparent;
    bottom:160px;
   	-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
	}
	
#section-blog .brick .layer {
background: rgba(0,0,0,0.3);
background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.3)), color-stop(30%, rgba(77,77,77,0.1)), color-stop(45%, rgba(115,115,115,0)), color-stop(60%, rgba(153,153,153,0.1)), color-stop(100%, rgba(255,255,255,0.2)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:0;
    box-sizing:border-box;
    -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
    overflow:hidden;
}

#section-blog .brick.blogpost:hover .layer{
    background-color: rgba(38, 38, 38, 0.93);
	}
	
#section-blog .brick .content{
   opacity:0;
    text-align:left;
    position:absolute;
    bottom:-30px;
	color:#e1e1e1;
    left:16px;
    right:16px;
    padding:16px;
    -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
	}

#section-blog .brick:hover .content{
    opacity:1;
    -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
    bottom:30px;
	}

#section-blog .date{
    position: absolute;
    padding: 8px 10px;
    right: 0;
    background-color: rgba(232, 232, 232, 0.68);
    top: 0;
    color: #444;
    font-size: 14px;
}

.screen-reader-text, .page-numbers{
    display:none
}

.page-numbers.prev, .page-numbers.next{
    display: inline-block;
    font-size: 17px;
    line-height: 40px;
    font-weight: 400;
}
.next{
    float:right;
}

.blog-cat{
    left:116px;
}

.blog-content{
    margin-bottom: 32px;
    padding: 0 16px 20px 16px;
    border-bottom: 1px dashed #ccc;
}

.hasonlo-post{
    padding: 15px 0;
    font-weight: 700;
}

.next-post.post-title, .prev-post.post-title{
    line-height: 20px;
    background-color: rgba(59, 151, 22, 0.81);
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    width: 49%;
    height: 66px;
    font-family: 'Rajdhani', sans-serif;
    box-sizing: border-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    opacity:0.9;
}
.next-post.post-title:hover, .prev-post.post-title:hover{
    opacity:1;
}
.next-post.post-title{
    float:left;
}
.prev-post.post-title{
    float:right;
    text-align:right;
}
.post-title div{
    padding:16px;
    text-align:left;
    box-sizing: border-box;
}


.slide-content{
    display:none;
}

.aloldal #main-content p{
    font-size: 17px;
    padding: 10px 0;
    line-height: 22px;
}
.aloldal #main-content p span{
    line-height: 22px;
}
.aloldal #main-content h1{
    font-size:22px;
    margin-top:42px;
    line-height:30px;
    font-weight: 700;
}
.aloldal #main-content h2{
    font-size:20px;
    margin-top:12px;
    line-height:18px;
}
.aloldal #main-content h3{
    font-size:18px;
    margin-top:12px;
    line-height:16px;
}





/*
* LANDINGES
*/
#section_landing{
	margin:0 10px;
    margin-bottom:15px;
    -webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    background-color: #E8E8E8;
	}
.landinges #section1 .main-slider {
    height: 500px;
}
.landinges #section1 .slide {
    height: 470px;
}
.landinges .section-main .h1{
    font-size: 56px;
    font-weight: 500;
}
.landinges .section-main .h2{
    font-size: 32px;
    font-weight: 300;
    line-height: 40px;
}
.landinges .section-main{
    width:100%;
    position: relative;
    color: #fff;
    top: 30px;
}
.landinges .gradient-bg{
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    text-align:center;
    background: rgba(145,144,146,0.85);
background: -moz-linear-gradient(top, rgba(145,144,146,0.85) 0%, rgba(0,0,0,0.35) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,144,146,0.85)), color-stop(100%, rgba(0,0,0,0.35)));
background: -webkit-linear-gradient(top, rgba(145,144,146,0.85) 0%, rgba(0,0,0,0.35) 100%);
background: -o-linear-gradient(top, rgba(145,144,146,0.85) 0%, rgba(0,0,0,0.35) 100%);
background: -ms-linear-gradient(top, rgba(145,144,146,0.85) 0%, rgba(0,0,0,0.35) 100%);
background: linear-gradient(to bottom, rgba(145,144,146,0.85) 0%, rgba(0,0,0,0.35) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919092', endColorstr='#000000', GradientType=0 );
}
.landinges .gradient-bg > div{
    width:100%;
    padding: 0 15%;
}
.landinges .section-main .lining{
    width:200px;
    height:1px;
    display:inline-block;
    border-bottom:5px solid #66B32E;
    margin:32px 0;
}
.x3s{
    padding: 20px 0 40px 0;
    box-sizing: border-box;
}
.x3{
    width:calc(100% / 3);
    text-align: center;
    margin:20px 0;
    padding: 0 35px;
    box-sizing: border-box;
}
.x3 .h2{
    font-size: 18px;
    text-transform: uppercase;
    padding: 5px 22px;
    display: inline-block;
    background-color: rgba(102, 179, 46, 0.88);
    font-weight: 500;
    line-height: 38px;
    margin: 12px 0;
    color: #fff;
}

.x3-img{
    width:200px;
    height:200px;
    border-radius:50%;
    background-size:cover;
    display: inline-block;
}

.landing-content{
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    box-sizing:border-box;
}

.landing-content > div{
    padding: 0 32px;
    background-position: center;
    background-size: cover;
}

.landing-content .h3, .landing-content .plaintext{
    box-sizing:border-box;
}
.landing-content .plaintext p{
    margin-bottom:16px;
}
.landing-content .h3{
    border-left:5px solid #66B32E;
    font-size: 35px;
    font-weight: 700;
    text-align: left;
    margin-bottom:32px;
    line-height: 38px;
    padding-left: 10px;
 
}
.landing-content .plaintext{
    margin:26px 0;
}




/*
*MOBILE
*/
/*
.mobile#fullpage{
    padding-top:80px;
}

.mobile #section0{
    position:fixed;
    width: 100%;
    z-index: 100;
    height:80px;
    top:0;
}
.mobile #info-block, .mobile #menu-block{
    transition:0.5s;
    top:00px;
    position:fixed;
    z-index: 99;
    width:100%;
    height:0;
    overflow:hidden;
}
.mobile #section0{
    position:fixed;
    width: 100%;
    z-index: 100;
    height:54px;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.26);
    box-sizing: border-box;
}
.mobile #section0-bg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:54px;
    z-index:98;
    background-color:#fff;
}
.mobile #hamburger{
    position:absolute;
    top:13px;
    right:20px;
    color: #66B32E;
}
.mobile #infoger{
    position:absolute;
    top:14px;
    right:65px;
    color: #66B32E;
}
.mobile #info-block{
    background: #66B32E;
    color:#fff;
    font-size: 4vh;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.mobile #info-block.plaintext{
    line-height: 3vh;
}

.mobile #info-block > div{
    width:100%;
    text-align:center;
    position: relative;
    top:26px;
}

.mobile #menu-block{
    background: #eee;
}

.mobile.menu-active #menu-block, .mobile.info-active #info-block{
    height:100%;
    transition:0.5s;
}

.mobile.info-active #infoger, .mobile.info-active #hamburger, .mobile.info-active path, .mobile.info-active polygon{
    color:#fff;
    fill:#fff !important;
    transition:0.5s;
}
.mobile #infoger, .mobile #hamburger, .mobile path, .mobile polygon{
    transition:0.7s;
}

.mobile .green-button{
    padding: 15px 35px;
    margin-top: 10px;
    background-color:#ffdb24;
    -webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
}
.mobile #info-block a.green-button{
    color:#000;
    text-transform: uppercase;
}

.mobile #info-block a{
    color:#000;
    display:block;
    text-align: center;
    color:#fff;
    letter-spacing:1px;
} 

.mobile .p20{
    padding:3vh;
}

.mobile .top-a.tel{
    padding:1vh;
}
.mobile #info-block a.top-a.cim{
    letter-spacing:0;
    font-size:3.5vh;
}

.mobile #logo-top svg {
    height: 35px;
    width: 140px;
}

.mobile .nyitvatartas{
    font-size: 45px;
    line-height: 50px;
    display: block;
}

.logo-title{
    fill:#5fb348;
}
*/

.home .mobile .section {
    visibility: visible;
}

.mobile .h2{
    font-size:22px;
}

.mobile #section0{
    height:60px;
}

.mobile #logo-top img{
    height: 40px;
    width: 158px;
}

.mobile #menu-block{
    transition:0.5s;
    height:0;
    overflow:hidden;
    background-color: rgba(238, 238, 238, 0.5);
}

.mobile #hamburger{
    position:absolute;
    top:14px;
    right:20px;
    color:#333;
}

.mobile #infoger{
    position:fixed;
    z-index:100;
    bottom:20px;
    right:20px;
    color:#fff;
    background-color: #5fb348;
    border: 1px solid rgba(0, 0, 0, 0.19);
    height:65px;
    width:65px;
    line-height:65px;
    border-radius:50px;

}
.mobile #info-block{
    background: #5fb348;
    color:#fff;
    font-size: 4vh;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    transition:0.5s;
    top:0;
    left:100vw;
    position:fixed;
    z-index: 101;
    width:100%;
    height:100%;
    overflow:hidden;
    text-align: center;
}

.mobile #info-block > div{
    width:100%;
    text-align:center;
}

.mobile #info-block.plaintext{
    line-height: 3vh;
}

.mobile.menu-active #menu-block{
    height:150vh;
    transition:0.5s;
}
.mobile.info-active #info-block{
    left:0;
    transition:0.5s;
}

.mobile .green-button{
    padding: 15px 35px;
    margin-top: 10px;
    background-color:#ffdb24;
    -webkit-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 8px 5px -8px rgba(0,0,0,0.75);
}
.mobile #info-block a.green-button{
    color:#000;
    text-transform: uppercase;
}

.mobile #info-block a{
    color:#000;
    display:block;
    text-align: center;
    color:#fff;
    letter-spacing:1px;
} 

.mobile .p20{
    padding:3vh;
}

.mobile .top-a.tel{
    padding:1vh;
}
.mobile #info-block a.top-a.cim{
    letter-spacing:0;
    padding: 0 20%;
    line-height: 5vh;
}

.mobile #logo-top svg {
    height: 35px;
    width: 140px;
}

.mobile .nyitvatartas{
    font-size: 45px;
    line-height: 50px;
    display: block;
}

.mobile .close-x{
    position:absolute;
    right:14px;
    top:14px;
    font-size:30px;
    color:#fff;
}


#section4_m, #section5_m, #section6_m, #section2_m, #section7_m, .mobile #section1, .mobile #section_landing {
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#section4_m .brick, #section5_m .brick{
    display:inline-block;
	width: calc(100% / 2);
	padding: 40px 0;
	position:relative;
	color:#fff;
	
	}
	
#section4_m > .brick, #section5_m > .brick{
		background-size:cover;
		background-position:center;
	}
	
#section4_m .brick .h3, #section5_m .brick .h3{
    background-color: rgba(59, 151, 22, 0.95);
    color: #fff;
    padding: 18px;
    bottom: 16px;
    position: absolute;
    left: 16px;
    -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  -o-transition: all 0.75s;
  transition: all 0.75s;
    font-weight:700;
	}
	
#section4_m .brick .layer, #section5_m .brick .layer {
background: rgba(0,0,0,0.3);
background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.3)), color-stop(30%, rgba(77,77,77,0.1)), color-stop(45%, rgba(115,115,115,0)), color-stop(60%, rgba(153,153,153,0.1)), color-stop(100%, rgba(255,255,255,0.2)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(77,77,77,0.1) 30%, rgba(115,115,115,0) 45%, rgba(153,153,153,0.1) 60%, rgba(255,255,255,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:0;
    box-sizing:border-box;
    -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
    overflow:hidden;
}

#section4_m .brick .content, #section5_m .brick .content{
   opacity:0;
    text-align:left;
    position:absolute;
    bottom:-30px;
	color:#e1e1e1;
    right:16px;
    left:16px;
    padding:16px;
    
    -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
	}

#section5_m .full-img, #section4_m .full-img  {
    height:230px;
    padding:0;
    width:100%;
    box-sizing: border-box;
}

#section5_m .link, #section4_m .link{
    background-color: rgba(37, 37, 37, 0.3);
    height: 100%;
    width: 100%;
    position: absolute;
}

#section5_m .brick .layer, #section4_m .brick .layer{
    top:auto;
    bottom:10px;
    height:auto;
    width:auto;
    left:0px;
    margin:0 10px;
    background: none;
    text-align:left;
}

#section5_m .full-img .h3, #section4_m .full-img .h3{
    line-height: 26px;
    font-size: 22px;
    text-align: left;
    padding:10px;
    position: static;
    display:inline-block;
    color: #fff;
    font-weight: 700;
    background-color: rgba(95, 179, 72, 0.9);
    -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.mobile .sectioner_inner_m{
	font-size:30px;
	text-transform:uppercase;
	font-family: 'Rajdhani', sans-serif;
	font-weight:700;
    background: #ffdb24;
    color: #000;
	}

.mobile .sectioner_inner_m{
	padding: 12px 10px 10px 10px;
    left: 0;
    right: 0;
    text-align: center;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}
.mobile .sectioner_inner_m a{
	color:#000;
}

.mobile .sectioner_inner_m.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.mobile .sectioner_inner_m.fixed.absolute {
  position: absolute;
}

.followWrap{
    width:100%;
}


.mobile #section3_m{
    overflow-x:hidden;
    background:rgb(63, 64, 66);
}

.mobile #owl1{
	width:100%;
	}
	
.mobile #owl1 .img{
width: 208px;
    height: 208px;
display:inline-block;
margin-bottom:10px;
background-repeat:no-repeat !important;
        background-position: center;
    background-size:contain;
    -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
	}
	
.mobile #owl1 .item{
	text-align:center;
	width:100%;
	padding:40px 0;
	color:#fff;
	background:rgb(63, 64, 66);
	height:100%;
	margin: 0px 0px;
	margin-top:0;
    box-sizing:border-box;
    display: table-cell;
    vertical-align: middle;
	}

.mobile #owl1 .owl-item{
                display:table;
    width:100%;
            }

.mobile #owl1 .spanos{
	display:inline-block;
    background:rgba(59, 151, 22, 0.81);
	padding:5px;
	color:#fff;
	}
	
.mobile #owl1 .h2{
	line-height: 16px;
    padding: 5px 10px 14px 10px;
    color:#fff;
	}
.mobile #owl1 .h3{
	font-size:29px;
	}

#section6_m .sectioner_inner_m{
	color:#fff;
	background:#ff3528;
    font-size:25px;
	}

#section6_m .full-img{
	height:300px;
	padding:0;
	box-sizing:border-box;
	text-align:left;
	cursor:pointer;
	background-size:cover;
	background-position:center;
    position: relative;
	}

#section6_m .link{
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0,0,0,0.3);
    display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}

#section6_m .title {
    font-size: 30px;
    padding: 2px;
    line-height: 36px;
    text-align: center;
    background-color: transparent;
    display: block;
    color: #fff;
    font-weight: 700;
}

.mobile #bemutatkozas{
    width:100%;
    padding:32px 22px;
    background-color: #eee;
    color:#000;
    font-size:18px;
}
.mobile #bemutatkozasok{
    min-height:0;
}

.mobile #bemutatkozas .spanos{
    position:static;
    margin-top:20px;
    background-color: rgb(95, 179, 72);
    font-weight: 700;
}

#sitemap_m{
    background-color: #5fb348;
    color:#fff;
    padding:22px;
}

#sitemap_m .sitemap{
    margin:0;
}

#section7_m{
    background:rgb(63, 64, 66);
	}
	
#section7_m{
	width:100%;
	text-align:center;
	min-height:416px;
	}
	
#section7_m .profile{
	background-size:cover;
	background-position:center;
	border-radius:50%;
	height:120px;
	width:120px;
	margin:20px 0;
	border:1px dashed #62b94b;
	}

#section7_m .quote{
	text-align:left;
	font-family: 'Rajdhani', sans-serif;
	color:#fff;
	font-size:17px;
	font-style:italic;
    line-height: 18px;
	}
	
#section7_m .name{
	font-size:18px;
	text-align:right;
	padding: 30px 0;
	width:100%;
	color:#fff;
	font-family: 'Rajdhani', sans-serif;
	}
	
#section7_m .fa{
	font-size:36px;
	line-height:0;
	vertical-align:top;
	width:100%;
	text-align:left;
	color:rgba(255,255,255,0.3);
	position:relative;
	left:-15px;
	}

#section7_m .item{
    padding:22px;
    box-sizing: border-box;
}

.mobile #main-content {
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    color: #000;
    background-color: #E8E8E8;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.mobile #section-blog .brick {
    margin:0;
}

.mobile .kovetkezo-oldal, .mobile .elozo-oldal{
    background-color: #FFDB24;
    padding: 0 10px;
    margin: 10px;
}

.mobile .blog-rightside {
    min-height: 0;
    padding: 0px 10px 30px 10px;
    margin:0;
}

.mobile .blog-cat{
    font-size:20px;
}

.mobile .blog-content{
    margin-top:20px;
    border: 0;
}

.mobile .blog-content img{
    max-width: 100%;
    height: auto;
}

.mobile .date.plaintext{
    display:inline-block;
    padding:5px 10px 0px 10px;
    background-color:rgba(95, 179, 72,0.9);
    color:#fff;
}

.mobile .nav-previous, .mobile .nav-next{
    padding:10px;
}

.mobile .next-post.post-title, .mobile .prev-post.post-title {
    line-height: 20px;
    background-color: rgba(59, 151, 22, 0.81);
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    display: block;
    height: auto;
    font-family: 'Rajdhani', sans-serif;
    box-sizing: border-box;
    opacity: 0.9;
    margin-bottom:10px;
}

.mobile .post-title div {
    padding: 3%;
    text-align: left;
    box-sizing: border-box;
    display: inline-block;
    width: auto;
}
.mobile .post-title .w100 {
    width: 86%;
}
.mobile #section5_m .full-img.hasonlo{
    width: calc(100% - 20px);
    margin: 0 10px;
    box-sizing: border-box;
}

.mobile .hasonlo-post{
    text-align: center;
    font-size: 26px;
    width:calc(100% - 100px);
    margin-left:50px;
    border-top:1px dashed #ccc;
}

.mobile .aloldal-content{
    padding: 16px;
}

.landinges .mobile #section1 .main-slider {
    height: calc(100vh - 60px);
}
.mobile .slides{
    position:static;
}
.landinges .mobile #section1 .slide {
    height: calc(100vh - 60px);
}

.landinges .mobile .gradient-bg > div {
    width: 100%;
    padding: 0 16px;
}
.landinges .mobile .section-main .h1 {
    font-size: 7vh;
}
.landinges .mobile .section-main {
    position:static;
}
.landinges .mobile .section-main .lining {
    border-bottom: 3px solid #66B32E;
    margin: 22px 0;
}
.landinges .mobile .section-main .h2 {
    font-size: 3.5vh;
    line-height: 4vh;
}
.mobile .x3{
    width:100%;
}

.mobile #section_landing .plaintext{
    font-size:18px;
    line-height:20px;
}
.mobile .landing-content{
    display:block;
    padding-bottom:20px;
}
.mobile .landing-content > div {
    padding: 0 18px;
    box-sizing: border-box;
    min-height:260px;
}
.mobile .w50{
    width:100%;
}
.mobile .landing-content .h3 {
    font-size: 25px;
    margin: 30px 0;
    line-height: 28px;
}
.mobile .x3s{
    padding:20px 0 10px 0;
}

.szechenyi2020 {
    position: absolute;
    right: 0;
    top: 37px;
}