/*vasi ifjusagért egyesület CSS*/

/*---------------------------------------------HTML-BODY...*/
html, body { padding: 0; margin: 0; }
body { padding-top:150px; background-color: #fff; border: none; text-align: left; font-size: 15px; color: #787878; font-weight: 400; font-family: 'Open Sans', sans-serif; }
h1, h2, h3, h4, h5 { font-weight: 600; line-height: 130%; }
p { line-height: 120%; }
a { color: #58595b; text-decoration: none; transition: all ease-out .2s; }
a:active { opacity: .9; }
a.ghost { background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); z-index: 99; }
a.more { font-size:13px; display:inline-block; }
a.more.inverse { padding:3px 5px; color:#fff; }
.theotherfont { }
/*-----------------------------------------------------------------wrapper*/
.wrapper { width: 1024px; position: relative; margin: 0 auto; box-sizing: border-box; }
/*------------------------------------------------------------------HEADER---*/
#header { position:fixed; width:100%; top:0; left:0; z-index:1999; background-color:#95be53; }
#header .wrapper { height:110px; }
#brand { position:absolute; left:0; top:10px; width:150px; height:auto; }
#login-area { position:absolute; top:20px; right:0; }
#login-area li { padding-left:20px; line-height:29px; font-size:14px; }
#search-toggle { cursor:pointer; }
#searchbar { z-index:3333; }
#searchbar .form { opacity:0; }
#searchbar.active .form { top:33%; opacity:1; }
/*--------------------------------------------------//////////////MAIN MENU\\\\\\\\\\\\\*/
#menu-top-render { position:absolute; bottom:20px; right:0; }
#menu-top-render li { font-size:15px; font-weight:bold; padding-left:28px; }
#menu-top-render a:hover { box-shadow:0 20px 0 rgba(255,255,255,.33); }
#menu-top-render .current a { padding-bottom:10px; box-shadow:0 20px 0 #fff; }
/*-----------------------------------------------------slider*/
.cycle-slideshow { width:100%; position:relative; overflow:hidden; }
.cycle-slide { width:100%; height:100%; position:relative; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center; mix-blend-mode: multiply; }
.cycle-lead { position:absolute; bottom:0; left:0; }
.cycle-lead h1 { font-size:28px; font-weight:800; padding:24px 33px; background-color:rgba(0,0,0,.7); }
.cycle-lead span { position:absolute; left:0; top:0; padding:5px 33px; }
.cycle-pager { position:absolute; bottom:32px; left:0; width:100%; z-index:888; }
.cycle-pager span { background-color:#cdcdcd; font-size:0; width:16px; height:16px; display:inline-block; margin:0 4px; border-radius:50%; cursor:pointer; }
.cycle-pager span.cycle-pager-active { background-color:#b8dc7c; }
#slider-home-wrapper { position:relative; padding-bottom:80px; }
#slider-home .cycle-slide { height:350px; }
/*----------------------------------------------------//////////////CONTENT\\\\\\\\\\\\\*/
#content { padding-bottom:40px; }
.container { margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid rgba(0,0,0,.16); }
.column-title { font-size:33px; line-height:110%; font-weight:800; margin-bottom:12px; }
.right .column-title { font-size:24px; margin-bottom:12px; }
.leads .w33 { width:224px; }
.leads .w33:nth-of-type(3n+2), .leads .w33:nth-of-type(3n+0) { margin-left:24px; }
.lead { padding-top:10px; }
.lead-thumb { min-height:100px; background:url(art/nopic.png) no-repeat center; background-size:contain; position:relative; margin-bottom:20px; }
.lead-thumb img { width:100%; }
.lead h1 { font-size:18px; margin-bottom:5px; }
.lead .date { position:absolute; right:-10px; bottom:-23px; }
#menu-right-render { }
#menu-right-render li { border-bottom:1px solid rgba(255,255,255,.2); font-weight:bold; }
#menu-right-render a { display:block; padding:12px; }
#menu-right-render a:hover { background-color:rgba(255,255,255,.1); }
/*text styles*/
.l-font { font-size:24px; }
.xl-font { font-size:26px; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 0; padding:0; list-style: none; }
p { }
i { }
small { font-size:60%; }
.quote { }
.quote em { padding-bottom: 15px; display: block; text-align: justify; }
.text p { line-height:130%; text-align:justify; margin-bottom:5px; }
.text h1 { line-height:130%; margin-bottom:24px; }
.text h2 { margin-bottom:18px; }
.text h3 { margin-bottom:18px; }
.text h4 { margin-bottom:15px; }
.text h5 { margin-bottom:10px; }
.text li { list-style:outside disc; }
.text a strong { color:#95be53; line-height:150%; }
.article-title h1 { margin-bottom:33px; }
/*------------------------------------------------------------------FOOTER----*/
#footer { padding:24px 0; font-weight:300; }
#menu-bottom-render li { padding:10px 0; }
/*-----------------------------------------------------------------COMMON----------------*/
/*popups*/
.popup { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.88); z-index:3000; }
.popup .form { width:300px; height:auto; position:fixed; left:50%; top:25%; margin-left:-150px; transition:all ease-out .2s; }
.popup .field { width:100%; height:50px; line-height:50px; background-color:#fff; color:#333; margin:10px 0; box-sizing:border-box; }
.popup .button { display:block; width:100%; background-color:#b8dc7c; border:none; box-shadow:none; background-size:50%; color:#fff; line-height:50px; font-size:15px; text-transform:uppercase; padding:0; margin:10px 0; }
.close { cursor:pointer; padding:30px 10px 20px; background-color:#333; position:absolute; right:0; top:0; }
.close ul { position:relative; }
.close li { padding:0; margin:10px; height:1px; width:50px; background-color:#fff; position:relative; }
.close li:first-child { transform:rotate(45deg); }
.close li:last-child { transform:rotate(-45deg); top:-10px; }
.scroll-button { position:relative; width:66px; height:66px; background-color:#94a5a4; background-position:center; background-repeat:no-repeat; background-size:20px; }
.scroll-button a { position:absolute; width:100%; height:100%; }
.scroll-top { background-image:url(art/arrow-up.svg); }
/*columns*/
.col { box-sizing: border-box; position:relative; }
.w10 { width: 10%; }
.w20 { width: 20%; }
.w24 { width: 24%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w32 { width: 32%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w42 { width: 42%; }
.w49 { width: 49%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w64 { width: 64%; }
.w66 { width: 66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }
.w720p { width:720px; }
.w280p { width:280px; }
.p10h { padding-left:10px; padding-right:10px; }
.p15 { padding:15px; }
.p20-35 { padding:20px 35px; }
.p50-60 { padding:50px 60px; }
.p20v { padding-top:20px; padding-bottom:20px; }
.p80v { padding-top:80px; padding-bottom:80px; }
.p12 { padding:12px; }
.m24b { margin-bottom: 24px; }
.m40 { margin-top: 40px; }
.m60 { margin-top: 60px; }
.m60b { margin-bottom: 60px; }
.mauto { margin-left: auto; margin-right: auto; }
/*buttons*/
.button a, submit.button, input.button, .regFormTableRegisterButton { display: block; position: relative; font-size: 22px; font-weight:bold; text-transform: uppercase; color: rgba(255,255,255,1); transition: all ease-out .2s; padding: 15px; border:none; cursor:pointer; }
.button:hover { }
/*---------------------------------extra*/
/*gradients, colors*/
.white, .white a { color:#fff; }
.green, .green a { color:#95be53; }
.yellow, .yellow a { color:#fff878; }
.grey, .grey a { color:#787878; }
.greyc6, .greyc6 a { color:#c6c6c6; }
.grey87, .grey87 a { color:#878787; }
.white-bg { background-color:#fff; }
.grey-bg { background-color:#f6f6f6; }
.grey-bg53 { background-color:#535353; }
.grey-bg78 { background-color:#787878; }
.green-bg { background-color: #b8dc7c; }
.grad-orange { background: #ef9217; background: -webkit-linear-gradient(top, #f39b12, #e67e22); background: -o-linear-gradient(top, #f39b12, #e67e22); background: -moz-linear-gradient(top, #f39b12, #e67e22);  background: linear-gradient(top, #f39b12, #e67e22); }
.grad-green { background: #2ecb70; background: -webkit-linear-gradient(top, #2ecb70, #27ae60); background: -o-linear-gradient(top, #2ecb70, #27ae60); background: -moz-linear-gradient(top, #2ecb70, #27ae60);  background: linear-gradient(top, #2ecb70, #27ae60); }
/*effects*/
.skew-bg { position:absolute; left:0; top:0; width:100%; height:100%; }
.skewme { -ms-transform: skew(0,-7deg);  -webkit-transform: skew(0,-7deg); transform: skew(0,-7deg); }
.bg-multiply { background-blend-mode: multiply; }
.bg-screen { background-blend-mode: screen; }
.bg-image { background-repeat: no-repeat; background-position: center; background-size: cover; }
.fixed-bg { background-attachment:fixed; }
.b-shadow-1 { box-shadow:10px 10px 40px rgba(0,0,0,.4); }
.blurred { -webkit-filter:blur(5px); filter:blur(5px); }
.b-bottom { border-bottom: 1px solid #e0e0e0; }
.underline::after { content:''; position:relative; height:3px; width:60px; margin:0 auto; display:block; }
.underline-green::after { background-color:#a6ce39; }
.underline-white::after { background-color:#fff; }
.underline-pink::after { background-color:#f38181; }
/*...common classes*/
img { border: none; vertical-align: middle; }
img table { text-align: left; }
img.fluid-img, .fluid-img img { max-width: 100%; height: auto; }
.fluid-iframe iframe { width: 100%; height: 100%; border: none; }
hr { height: 1px; margin: 10px 0; border: none; box-shadow: 0 2px 0 rgba(255,255,255,.17); }
hr.dotted { box-shadow: none; border-bottom: 3px dotted #0975ad; }
.ico { display:inline-block; background-repeat: no-repeat; background-position: center; background-size: 100%; width:20px; height:20px; vertical-align:middle; }
.ico-eye { background-image:url(art/ico-view.svg); }
.ico-comments { background-image:url(art/ico-bubble.svg); }
.clear { clear: both; }
.clearfix::after { content: ''; clear: both; }
.hide-overflow { position: relative; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.b-rad-1 { border-radius: 5px; }
.b-rad-2 { border-radius: 30px; }
.b-rad-left-top-1 { border-radius: 5px 0 0 0; }
.round { border-radius: 50%; }
.b-left-top { border-left:5px solid #c4ceda; border-top:5px solid #c4ceda; }
.b-all { border:5px solid #c4ceda; }
.disc { width:100px; height:100px; line-height:100px; display:block; font-size:40px; }
.menu ul { font-size: 0; margin:0; padding:0; }
.menu li { display: inline-block; font-size: 16px; vertical-align: top; padding:0; font-weight:400; }
.centered { text-align: center; }
.blocked { display:block; }
.inline-blocked { display:inline-block; }
.uppercase { text-transform:uppercase; }
span.centered { display: block; }
.left-aligned { text-align: left; }
.right-aligned { text-align: right; }
.menu.centered ul { text-align: center; }
.menu.centered ul li { display: inline-block; vertical-align: top; }
.hide { display: none; }
.spacer { padding: 0 5px; }
.field { padding: 10px; margin: 0 1% 10px 0; border: none; font-size: 14px; font-style:italic; background-color: #fff; font-weight: 300; color: #ccc; box-shadow:inset 0 0 3px rgba(0,0,0,.2); }
.submit { padding: 10px; cursor: pointer; border: none; font-size: 20px; }
input:focus, select:focus { outline: none; }
table { border-spacing: 0; }
.iam-a-table { display: table; }
.iam-a-table li { display: table-cell; padding: 10px; }
.date { width:40px; height:40px; overflow:hidden; background-color:#fff; border:2px solid #b8dc7c; font-size:13px; text-align:center; }
.date span { display:block; }
.banner { box-shadow:0 0 0 1px rgba(0,0,0,.2); }

/*login, signup*/
.button.signup { font-size:70%; }
.LoginBox .title h3 { font-size:33px; line-height:100%; font-weight:300; text-transform:uppercase; padding:30px; }
.regFormTable h2 { font-size:18px; }
#recaptcha_widget_div { }
.regFormTableRegisterButton { background-color:#b8dc7c; }

/*to top*/
#totop { position:fixed; right:-70px; bottom:5%; z-index:999; transition:all ease-out .2s; }
#totop.showme { right:0; }
#totop img { width:30px; height:auto; padding:10px; background-color:#b8dc7c; }

/*menu toggle*/
.menu-toggle { display:none; position:absolute; right:20px; top:50%; margin-top:-12px; width:30px; border-radius:0 0 0 10px; cursor:pointer; }
.menu-toggle ul { padding:0; margin:0; }
.menu-toggle li { width:40px; height:2px; display:block; background-color:#fff; margin:5px 0; position:relative; transition:all ease-in-out .2s; }
.menu-toggle li:first-child { }
.menu-toggle.active { top:20px; margin-top:0; }
.menu-toggle.active li:first-child { transform:rotate(45deg); }
.menu-toggle.active li:last-child { transform:rotate(-45deg); top:-7px;}

/*RESPONSIVE*/
@media screen and (max-width: 1024px) {
	#brand { width:88px; padding-left:18px; }
	.wrapper { width: 100%; padding-left:20px; padding-right:20px; }
	.w720p { width:70%; }
	.w280p { width:28%; }
	.leads .w33 { width:33.33%; padding:0 10px;  }
	.leads .w33:nth-of-type(3n+2), .leads .w33:nth-of-type(3n+0) { margin-left:0; }
	.LoginBox .title h3 { font-size:18px; }
	#menu-top-render li { font-size:14px; padding-left:0; padding-right:20px; }
	#login-area { right:20px; }
}
@media screen and (max-width: 900px) {
	.menu-toggle { display:block; z-index:2000; }
	#menu-top-render { position:fixed; right:-300px; top:0; width:300px; height:100%; overflow:scroll; padding:24px; box-sizing:border-box; background-color:#b8dc7c; z-index:1999; }
	#menu-top-render.active { right:0; }
	#menu-top-render li { display:block; padding:5px 0; margin:10px 0; }
	#menu-top-render .current a { box-shadow:0 3px 0 #fff; padding:0; }
	#login-area { width:300px; box-sizing:border-box; padding-bottom:20px; top:auto; right:0; bottom:-100px; position:fixed; z-index:2000; }
	#login-area.active { bottom:0; }
	#login-area li:first-child { display:block; }
}
@media screen and (max-width: 750px) {
	.w720p, .w280p, .leads .w33, .w33, .w50 { width:100%; }
	.leads .w33 { margin-bottom:24px; }
	.right-aligned { text-align:center; }
	.article-title h1 { font-size:18px; margin-bottom:10px; text-align:center; }
	#footer .right, #footer .left { float:none; padding-bottom:20px; }
	#menu-bottom-render li { padding:0; }
	#menu-bottom-render { margin-top:20px; }
	.col.right.w280p { margin-top:40px; }
}
@media screen and (max-width: 480px) {
	#brand { width:66px; }
	#header .wrapper { height:88px; }
	body { padding-top:110px; }
	.column-title { font-size:24px; }
	.regFormTable .regFormTableTD2 input { max-width:160px; }
	.regFormTableRegisterButton { width:160px; font-size:14px; padding:10px 0; }
	.recaptcha_image_cell { width:100px; }
	#recaptcha_image { transform:scale(.6,.6); }
}


/*----------------------------leftovers----------------------*/
/*div {
	outline:1px solid #000;
}*/


/*popup css*/
.popup-cookieconsent-div-footer {background-color: transparent!important;}
.popup-cookieconsent-div {background-color: #333!important;overflow-y: auto!important;}
.popup-cookieconsent-div-content {background-color: #333!important;color:#fff!important;}
.cook.active {color: #fff!important;}
.cookies-allowed-title {color: #fff !important;}
.popup-cookieconsent-div a {color: #d3d3d3!important;}
.popup-cookieconsent-div .row, .popup-cookieconsent-down .row {max-width: 1240px;margin-left:auto!important;margin-right: auto!important;}
.popup-cookieconsent-down {background-color: #333!important;border-top:none!important;position: fixed;padding:1rem; }
.popup-cookieconsent-down a {color: #fff;}
.popup-cookieconsent-down p {color: #fff;}
.popup-cookieconsent-button a {border:solid 3px #fff!important;border-radius: 33px!important;padding-left: 24px!important;padding-right:24px!important;background-color:#fff!important;}
.popup-cookieconsent-button a:hover {color:#333!important;}
.popup-cookieconsent-button.save a, .popup-cookieconsent-button.allow a {background-color: #333!important;color:#fff!important;}
.popup-cookieconsent-button.cancel a, .popup-cookieconsent-close-button a {color: #333!important;}
.popup-cookieconsent-close-button a:after {line-height: 24px;}

@media (max-width: 767px) {
  .side {background-size: 0;}
  .popup-cookieconsent-button  {display: block!important;}
  .cookies-allowed-title {margin-top: 1rem!important;}
}