
#page {
    max-width: 100%;
	margin: 0 auto;
	padding: 77px 0 0;
	border: 1px solid #c0c0c0;
	border-top: none;
	border-bottom: none;
	background: #fff url(/skins/default/images/page_bg.png) top right repeat-y;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	z-index: 1;
	position: relative;
}
#page > #page {
    padding: 0;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, figure, figcaption, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
select, input:not(.btn, .form-control), textarea { color:#444; font-size: 11px; outline: none; zoom: 1; z-index:1;}
h2,h3,h4,h5,h6 { font-weight: bold;font-synthesis: none; }
html { -webkit-font-smoothing: antialiased; }
a:link, a:hover, a:focus, a:active { outline: none; }
ol { margin-left: 30px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
input[type=button], input[type=submit], button { cursor: pointer; }
textarea { resize: vertical; overflow-x: hidden; }
html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; }
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }

.clearfix {
	clear: both;
	height: 1px;
	font-size: 1px;
	visibility: hidden;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: black;
	background: #f0f0f0;
	overflow: hidden;
	width: 100%;
}

a, a:visited { color: #004276; text-decoration: none; }

a:hover,
#postlist .post .title h1 a:hover,
#content .others .text h1 a:hover,
#more li h2 a:hover {
	color: #0c5b99;
	text-decoration: underline;
	transition: color 0.4s ease;
}
a.adtxt:hover {
    color: #acacac;
}

.fl { float: left; }
.fr { float: right; }
.cl { clear: both; height: 0; font: 0/0 arial; }
.clr { clear: both; overflow: hidden; }

::selection { background: #000; color: #fff; }
::-moz-selection { background: #000; color: #fff; }
::-webkit-selection { background: #000; color: #fff; }

img { display: block; border: 1px solid #9a9a9a; }

ul { margin: 0; padding: 0; list-style-type: none; }

ul li {
	background: url(/skins/default/images/arrow_left.png) no-repeat 0 7px;
	padding: 0 0 10px 10px;
	margin: 0;
}

input[type="text"] {
	border: 1px solid #c6c9cd;
}

input.button {
	border: 1px solid #888;
	background: #646464;
	background: linear-gradient(to bottom, #646464, #272727);
	font-size: 14px;
	line-height: 17px;
	padding: 5px 10px;
	height: 30px;
	text-align: center;
	color: white;
	opacity: 0.7;
	border-radius: 2px;
}

input.button:hover { opacity: 1; }

input.button[type="submit"] { font-weight: bold; }

#logo {
	background: url(/skins/default/images/logo_adozona.png) top no-repeat;
	display: block;
	width: 137px;
	height: 86px;
}
#logo:hover { background-position: 0 -86px; }
#logo span { display: none; }

/* input */
input.button,
.button {
	border: 1px solid #888;
	background: #646464;
	background: linear-gradient(to bottom, #646464, #272727);
	font-size: 14px;
	line-height: 17px;
	padding: 3px 10px;
	height: 26px;
	text-align: center;
	color: white;
	opacity: 0.7;
	border-radius: 2px;
}

/*.msie input.button, .msie .button { background: url('/skins/default/img/tematic/button_bg.png') repeat-x; }*/

input.button:hover, .button:hover { opacity: 1; }

input.button[type="submit"] { font-weight: bold; }

.visually-hidden{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}


div#sitewrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#pagewrapper
{
	width: 990px;
	max-width: 990px;
    max-width: 100%;
	margin: 0 auto;
	position: relative;
}

@media all and (max-width: 1290px) { .big_badge { display: none; } }

#contentwrapper {
	border-right: 1px solid #d9d9d9;
	float: left;

}
@media only screen and (max-width: 767px) {
	#contentwrapper {
		border-right: 0;
	}
}
#rightwrapper {
	width: 359px;
	max-width: 359px;
	overflow: hidden;
	float: left;
}

.fixedbar {
	position: fixed;
	width: 359px;
	max-width: 359px;
}

#ad_top {
	padding: 10px 0 5px;
	text-align: center;
}

#highlights {
	padding: 10px 20px;
	height: 17px;
	color: #c9c9c9;
	font-size: 13px;
	line-height: 17px;
	position: relative;
	z-index: 100; /* ie7 */
}

#highlights ul {
	width: 700px;
	height: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#highlights li {
	display: inline;
	padding: 0 15px 0 0;
	margin-right: 5px;
	*padding: 0 10px 0 0;
	*margin: 0 10px 0 0;
	background: url(/skins/default/images/highlight_dot.png) right 6px no-repeat;
}

#highlights li.label {
	padding-right: 8px;
	margin-right: 0;
	background: none;
	color: #fff;
	font-size: 14px;
}

#highlights li:last-of-type {
	padding-right: 0;
	margin-right: 0;
	background: none;
}

#highlights a { color: #c2c2c2; }
#highlights a:hover { color: #fff; }

#highlights .today { float: right; }

.more_topic {
	color: #c2c2c2 !important; /* ie7 */
	font-weight: bold;
	font-size: 14px;
	background: url(/skins/default/images/more_topic_arrow.png) right 0 no-repeat;
	padding: 0 20px 0 0;
	margin: 10px 10px 0 0;
}
.more_topic:hover { color: #fff !important; /* ie7 */ }
.more_topic.active { background-position: right -25px; }

#highlights span.dd {
	width: 186px;
	left: 673px;
	top: 37px;
}
#highlights span.dd a { color: #2a2a2a; }

#page_top {
	position:relative;
	zoom:1; /* ie7 */
}

#page_top:has(.goAdverticum:not(:empty)) {
  min-height: 135px;
}

#page_top:has(.goAdverticum:empty) {
  min-height: unset;
}

#page_top .ico {
	height: 17px;
	margin: 5px 0;
	padding: 5px 10px;
	background: #333 url(/skins/default/images/ver-sep.png) right repeat-y;
	position: relative;
	z-index: 1000;
}

.ico .ico-one,
.ico .ico-two,
.ico .ico-three {
	display: block;
	background: url(/skins/default/images/alert_icons.png) no-repeat;
	height: 16px;
	text-indent: -999em;
	-webkit-transition: background-position 0.3s ease;
	-moz-transition: background-position 0.3s ease;
	-o-transition: background-position 0.3s ease;
	-ms-transition: background-position 0.3s ease;
	-transition: background-position 0.3s ease;
}
.ico .ico-one { background-position: 0 0; width: 16px; }
.ico .ico-two { background-position: -17px 0; width: 13px; }
.ico .ico-three { background-position: -31px 0; width: 18px; }

.ico .ico-one:hover { background-position: 0 -16px; }
.ico .ico-two:hover { background-position: -17px -16px; }
.ico .ico-three:hover { background-position: -31px -16px; }

#page_top .ico span {
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	width: 13px;
	height: 15px;
	line-height: 13px;
	background: url(/skins/default/images/badge_bg.png) no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.alarm {
	display: none;
	position: absolute;
	top: 0;
	left: 50px;
	background: #fef7cb;
	border-radius: 2px;
	border: 1px solid #ffe475;
	padding: 5px 25px 5px 5px;
	width: 695px;
	height: 15px;
	line-height: 15px;
	font-size: 13px;
	color: #333;
	overflow: hidden;
}
.alarm a {
	font-weight: bold;
	text-decoration: underline;
}
.alarm a:hover { text-decoration: none; }
.alarm a.close {
	position: absolute;
	top: 8px;
	right: 10px;
	background: url(/skins/default/images/i_close_2.png) no-repeat;
	display: block;
	width: 9px;
	height: 9px;
	text-indent: -999em;
}
.alarm .close:hover { background-position: 0 -9px; }

.alarm a.arrow {
	margin: 0 3px 0 0;
	display: block;
	width: 17px;
	height: 17px;
	float: left;
	background: url(/skins/default/images/i_arrow_alarm.png) no-repeat;
}
.alarm a.arrow.next {
	background-position: -17px 0;
	margin-right: 10px;
}


#nav_content {
	padding:10px 20px;
	*height: 17px;
	font-weight: bold;
    width: 100%;
}

#nav_content .content_breadcrumb {
    display: flex;
    align-items: center;
    font-size: .8em;
    color: rgba(0,0,0,0.6);
    font-weight: 300;
	flex-wrap: wrap;
}
#nav_content .content_breadcrumb div{
    margin-right: 5px;
}
#nav_content .content_breadcrumb div:first-of-type{
    min-width: 70px;
}
#nav_content .content_breadcrumb div:last-of-type{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
#nav_content .content_breadcrumb span.dd-arrow{
    display: none !important;
}
span.breadscrumb-searchterm:after {
    content: " kifejezésre)";
    font-weight: 300;
}
span.breadscrumb-searchterm:before {
    content: " (találatok a(z) ";
    font-weight: 300;
}
span.breadscrumb-searchterm {
    position: relative;
    font-weight: 700;
}
span.breadscrumb-searchterm:empty {
    display: none;
}
header.page-title h1{
	font-family:proxima-nova-extra-condensed, 'Roboto Condensed','Arial Narrow', Arial, system-ui, sans-serif;
	font-weight:600;
    font-size: 48px;
    line-height: 1.2;
    margin: 0 0 20px;
    padding: 0 20px 0 14px;
    border-left: 5px solid #c10000;
    width: 100%;
}
#article header {
	clear: both;
	padding: 0 20px 0 14px;
	margin: 0 0 20px;
	border-left: 5px solid black;
	line-height: 17px;
}
#article header span.type {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #929292;
	text-transform: uppercase;
	margin: 0 0 10px;
}
#article header a.fr { margin-right: 10px; }
#article header span.fr {
	font-size: 12px;
	line-height: 27px;
}
#article header strong { display: block; }
#article header div.fr {
	line-height: 27px;
	margin-right: 10px;
}
#article header h1 a {
	font: bold 10px Arial;
	text-transform: uppercase;
	background: #c10000;
	color: #fff;
	padding: 2px 4px;
	border-radius: 2px;
}


#article header h1 {
  font-family:proxima-nova-extra-condensed, 'Roboto Condensed','Arial Narrow', Arial, system-ui, sans-serif;
  font-weight:600;
  margin: 0 0 20px;
}


#article header .avatar {
	width: 40px;
	float: left;
	margin: 0 10px 0 0;
}
#article  header .avatar img {
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #9a9a9a;
}
#article  header #share_top {
	float: right;
	width: 220px;
	height: 21px;
	overflow: hidden;
	position: relative;
	margin-top: -3px;
}
#article header .flexbox {
	width: 538px;
	float: left;
}
.wrap{
    max-width: 100%;
    box-sizing: border-box;
}
.wrap .avatar {
	height: 42px;
	font-size: 15px;
	width: 350px;
	color: #666;
	float: left;
}
.wrap .avatar a {
	display: block;
	margin-top: 3px;
}
.wrap .avatar img {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #9a9a9a;
}


#author { padding: 2px 0 4px; }

#author li { display: inline; background: none; padding: 0; }

#article_info {
	color: #666;
	font-size: 12px;
}

#article_info * { padding-right: 5px; }

#article_content {
	padding: 0 20px 0 19px;
	line-height: 25px;
}
#article_content img {
	display: inline;
	border: 0;
}

#article_content a { 
	text-decoration: underline;
}
#article_content a.adtxt {
    text-decoration: none;
}

#article_content p#kopf { font-weight: bold; }

#article_content h3 {
	font-size: 16px;
	margin: 0 0 15px;
}

#article_content .lead {
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.3;
	margin-bottom: 1rem;
}

#article_content p,
#article figure { margin: 0 0 15px; }

#article figure { background: #eee; }

#article figure img { max-width: 100%; }
#article_content .zoompicitem {
    display: flex;
    width: 100%;
    flex: 1 0 100%;
    justify-content: center;
}
#article_content .zoompicitem figure {
    width: 100%;
    text-align: center;
    padding: 15px 15px 0 15px;
    background: transparent;
}
#article_content .zoompicitem figure img{
    max-width: 100%;
}
#article figure figcaption {
	color: #666;
	padding: 5px 10px;
	text-align: center;
	font-size: 14px;
}

#article_content ul { 
	margin: 0 0 5px; 
}
#article_content ul li { 
	background-position: 0 6px; 
	padding: 0 0 10px 15px;

}
#article_content ul li:only-child {
    padding-bottom: 0;
}
#article_content ul.type-circle {
    list-style-type: circle;
    list-style-position: inside;
}
    
#article_content ul.type-circle li {
    background: none;
    padding: 0 0 10px;
}

#article_content blockquote {
	margin: 0 0 15px;
	padding: 0 0 0 60px;
	color: #333;
	background: url(/skins/default/images/quote.png) no-repeat left top;
	min-height: 50px;
}
#article_content iframe, #article_content object { z-index: 0; }

/* table */
#article_content .articleTable {
	width: 100%;
	border: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
	margin-bottom: 15px;
}

#article_content .articleTable td {
	padding: 10px;
	border: 1px solid #ccc;
	border-top: none;
	border-left: none;
	font-size: 15px;
}

#article_content .articleTable td.articleTableHeader {
	background-color: #eee;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
}
#article_content .articleTable td p{
	font-size: 15px;
	margin: 0;
}


/* breakout */
#article_content .breakout,
#article_content .monocle {
	width: 100%;
	background: #eee;
	margin-bottom: 15px;
	border: 1px solid #ccc;
}

#article_content .breakout h3,
#article_content .monocle .monocleHeader {
	background: #ccc;
	padding: 10px;
	margin: 0;
	font-size: 16px;
}

#article_content .breakout .breakout_txt { padding: 10px 10px 1px 10px; }
#article_content .monocle .monocleBody { padding: 10px; }

#article_footer {
	margin: 0 20px 20px 19px;
	color: #666;
}

#article_footer .related h1, #article_footer .saved_results h1 {
	font-size: 22px;
	color: #666;
	border-bottom: 5px solid #ccc;
	padding-bottom: 5px;
	margin: 20px 0 5px 0;
	text-transform: uppercase;
}
#article_footer .saved_results h1 span { margin: 11px 0 0; }
#article_footer .related li { background: none; }
#article_footer .related a { color: #2a3445; }
#article_footer .related img {
	border: 0;
	display: inline;
}

.share_sticky_desktop  {
    position: absolute;
    left: -115px;
    z-index: 50;
    will-change: min-height;
}
.share_sticky_desktop .inner-wrapper-sticky {
    transform: translate(0, 0); /* For browsers don't support translate3d. */
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
    background: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    display: block;
    width: 105px !important;
}
.share_mobile{
    width: 100%;
    position: relative;
    top: auto;
    border-top: 1px solid rgba(0,0,0,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 10px 0;
	margin-bottom: 15px;
	display: flex;
    align-items: center;
	flex-wrap: wrap;
}

/* facebook share custom button 2023.07.20 */
#article_content .share_mobile p {
    margin: 0 0 10px;
	width: 100%;
}
.share_mobile .fb_iframe_widget {
	margin-top: 0;
}
.share_mobile .badge {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0 0;
    padding-right: 0;
    margin: 0 5px 0 0;
    background: #b4bbbc;
    border-radius: 1px;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    word-wrap: normal;
    transition: background .2s,box-shadow .2s;
	text-decoration: none !important;
	font-family: Arial, sans-serif;
}

.share_mobile .badge.facebook {
	width: auto;
    padding-right: 10px;
    background: #1877f2;
    max-width: 100px;
    border-radius: 4px;
    font-size: 13px;
    height: 28px;
    padding: 0 8px;
    text-transform: none;
	line-height: 1;
}

.share_mobile .badge svg {
    fill: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: auto;
    display: block;
}

	.share_mobile .badge.facebook.firefox {
		display: none;
	}
	.share_mobile .badge.facebook.firefox img {
		margin-right: 4px;
	}
	body.mozilla .share_mobile .badge.facebook.firefox {
		display: flex;
	}
	body.mozilla .share_mobile .fb-like.chrome {
		display: none;
	}

#calc_footer_ads {
	margin-top: 20px;
}

#adcloud{ margin: 0 20px 0 19px; }
.adcloud {
	background: #f9f9f9;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 10px 20px;
	margin: 0 -19px;
}
.adcloud h3 { margin: 0 0 5px; }
.adcloud h3 a {
	font-size: 11px;
	color: #fff;
	background: #c0c0c0;
	border-radius: 3px;
	padding: 0 7px;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

#article_footer .saved_results table {
	text-align: left;
	font-size: 12px;
	width: 100%;
}
#article_footer .saved_results .note
{
	margin: 10px 0 10px 0;
	font-size: 11px;
}
#article_footer .saved_results td, #article_footer .saved_results th {
	text-align: left;
	padding: 5px 10px;
	border-bottom: 1px solid #dadadc;
}

#article_footer ul.tags {
	padding: 10px 0 10px 0px;
	margin: 10px 0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	list-style: none;
}

#article footer ul.tags {
  padding-left: 0;
  list-style: none;
}

#article footer ul.tags li,
#article_footer ul.tags li {
	display: inline;
	background: none;
	padding: 0;
}

#article footer ul.tags li > a,
#article_footer ul.tags li > a {
  display: inline;
  margin-right: 0;
  padding-right: 0;
  letter-spacing: normal;
}

#article footer ul.tags li > a::after,
#article_footer ul.tags li > a::after {
  content: ",\00a0";
}

#article footer ul.tags li:last-child > a::after,
#article_footer ul.tags li:last-child > a::after {
  content: "";
}

#more {
	background: #eee;
	border-top: 1px solid #d9d9d9 !important;
	border-bottom: 1px solid #d9d9d9 !important;
	border-left: 5px solid black;
	margin: 0 -20px 20px 0;
	padding: 10px 0 10px 4px;
}

#more li {
	width: 287px;
	float: left;
	padding: 0 10px;
	background: none;
}

.webkit #more li { width: 50%; }

#more li:first-child {
	border-right: 5px solid #ccc;
}

#more li h2 {
	margin: 0;
	padding: 0 0 5px;
}

.proxima #more li h2 { font-size: 30px; line-height: 31px; }

#more li h2 a { color: #111; }

#more li span.info {
	display: block;
	margin-top: 5px;
	color: #aaa;
}

#more li span.info a { color: #aaa; }

#share_top {
	width: 212px;
	height: 21px;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
}

#share_top .share_gplus {
	position: absolute;
	top: 1px;
	right: 180px;
}

#share_top .share_twitter {
	position: absolute;
	top: 0;
	right: 119px;
}

#share_top .share_twitter img { border: none; }

#share_top .share_fb_small {
	position: absolute;
	top: -8px;
	right: -20px;
}

#share_bottom .share_gplus, #share_twitter { float: left; }

#share_bottom .share_fb_big {
	clear: both;
	max-width: 590px;
	height: 70px;
	padding-top: 5px;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important;}

#article_tools { 
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    display: block;
}
header #article_tools {
    float: left;
}
#article_tools li {
	display: inline;
	padding: 0 10px 0 0;
	background: none;
	font-size: 13px;
}


/* POST LIST
************************/
#postlist .post { clear: both; margin-bottom: 30px; }

/* postlist borders */
#postlist .post .title,
#postlist .post.illustrated .picture {
	padding: 0 0 0 14px;
	border-left: 5px solid black;
}

#postlist .post.illustrated .title {
	padding-left: 0;
	border: none;
}

/* postlist title */
#postlist .post .title {
	margin-bottom: 10px;
	color: #666;
}

#postlist .post .title h1 { margin: 0 0 10px; }

.proxima #postlist .post .title h1 { font-size: 38px; line-height: 39px; }
.proxima #postlist .post.top .title h1 { font-size: 49px; line-height: 50px; }

#postlist .post .title h1 a { color: black; }

#postlist .post .title .info ul li {
	display: inline;
	padding: 0 3px 0 0;
	background: none;
	font-size: 13px;
}

#postlist .post .title .info ul li:last-child { padding-right: 0; }

#postlist .post .title .info ul li a { color: #666; }

#postlist .post .title .info ul li .section {
	text-transform: uppercase;
	background: url(/skins/default/images/bullet.png) no-repeat right center;
	padding-right: 11px;
}

#postlist .post.illustrated .picture {
	width: 250px;
	margin-right: 20px;
	float: left;
}

#postlist .post.illustrated .picture img { width: 100%; }

#postlist .post.illustrated .text {
	float: left;
	width: 320px;
	overflow: hidden;
}

#postlist .post.illustrated .text p { padding-left: 0; }

.pager {
	background: #f5f5f5;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	height: 30px;
	padding: 4px 20px;
	font-size: 12px;
}
.pager.skin { margin: 0 -20px -20px -20px; }

.pager a.fl { margin: 5px 0 0; }
.pager div.fl a {
	display: block;
	width: 29px;
	height: 30px;
	line-height: 30px;
	float: left;
	margin: 0 5px 0 0;
	text-align: center;
	background: url(/skins/default/images/pager_num_sprite.png) top no-repeat;
	color: #2a2a2a;
	font-size: 14px;
	font-weight: bold;
}
.pager div.fl a.active {
	background-position: 0 -30px;
	color: #fff;
}

.pager .fr a.next, .pager .fl a.prev, .pager div.fr a.prev {
	display: block;
	float: left;
	width: 34px;
	height: 30px;
	background: url(/skins/default/images/pager_sprite.png) left top no-repeat;
	text-indent: -999em;
	margin: 0 0 0 5px;
	position: relative;
}
.pager .fr a.next { background-position: 0 -30px; }
.pager div.fr a.prev, .pager .fl a.prev { background-position: 0 0; }

.pager .fr a.next span, .pager .fl a.prev span {
	position: absolute;
	top: 10px;
	text-indent: 0;
	color: #aaa;
	font-size: 12px;
	line-height: 12px;
	width: 120px;
	font-weight: normal;
}
.pager .fl a.prev span {
	left: 45px;
	text-align: left;
}
.pager .fr a.next span {
	right: 45px;
	text-align: right;
}
.pager .fr a.next:hover span,
.pager .fl a.prev:hover span { color: #444; }

#rightbar {
	padding-top: 20px;
}

#rightbar .box {
	padding: 0 18px 0 19px;
	margin-bottom: 20px;
}

#rightbar .box li { background-position: 0 5px; }

#rightbar .box h1 {
	font-size: 20px;
	padding: 0 10px 10px 0;
	margin: 0 0 15px;
	background: url(/skins/default/images/rightbar_h1_bg.png) bottom repeat-x;
	border-bottom: 4px solid #bfbfbf;
	text-transform: uppercase;
	position: relative;
}
#rightbar .box h1 a {
	position: absolute;
	top: -5px;
	right: 0;
}

.proxima #rightbar .box h1 { font-size: 24px; }

#rightbar .box.partner {
	margin: 0 20px 20px 20px;
	padding: 0;
	background: #f6f6f6;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 12px;
}
#rightbar .box.partner .wrap { padding: 0 10px 10px; }
#rightbar .box.partner h2 { font-size: 14px; }
#rightbar .box.partner img { border-color: #ddd; margin:0 10px 0 0; }
#rightbar .box.partner p { margin: 5px 0; }

#rightbar .box.partner h5 {
	padding: 0 10px 15px;
	height: 40px;
	line-height: 40px;
	font-size: 19px;
	color: #6b6b6b;
	background: url(/skins/default/images/partner_bg.png) bottom no-repeat;
	position: relative;
}
#rightbar .box.partner h5 img {
	position: absolute;
	top: 5px;
	right: 10px;
}

#rightbar .articlelist li {
	border-right: 5px solid black;
	width: 335px;
	padding: 0;
	margin: 0 0 10px 0;
	background-image: none;
	clear: both;
}
#rightbar .articlelist li img { margin: 0 10px 10px 0; }

#rightbar .box li a {
	font-size: 14px;
	display: block;
	font-weight: bold;
}
#rightbar .box li {
	color: #aaa;
	font-size: 12px;
}
#rightbar .box ul li { *position: relative; zoom: 1; /* ie7 */ }

#rightbar .box p.center {
	font-size: 11px;
	font-weight: bold;
	height: 23px;
	padding: 0 0 10px;
	border-bottom: 1px solid #d9d9d9;
}
#rightbar .box p.center img { display: inline; }

.center {
	display: block;
	margin: 0 auto;
	text-align: center;
}

#rightbar .box.budapest-bank h6{
	background:#e12929 url(/skins/default/images/budapest-bank/box-title-logo.png?v=2) right top no-repeat !important;
	border-radius: 5px 0 0 0;
	height: 45px;
	font-size: 15px;
	line-height: normal;
	text-shadow: none;
}
	#rightbar .box.budapest-bank h6 span{
		display: block;
		font-size: 13px;
		font-weight: normal;
		position: absolute;
		bottom: -5px;
		left: 15px;
	}

#rightbar h6 a { color: #fff; }

#rightbar h6 a.prev, #rightbar h6 a.next {
	float: none;
	background: url(/skins/default/images/arrow_sprite.png) no-repeat;
	display: block;
	width: 13px;
	height: 19px;
	text-indent: -999em;
	position: absolute;
	top: 12px;
	left: 15px;
}
#rightbar h6 a.next {
	background-position: 0 -19px;
	left: 294px;
}
#rightbar a.tracking {
	display: block;
	background: #e0e9ee url(/skins/default/images/tracking_arrow.png) 8px 12px no-repeat;
	border: 1px solid #bdccd4;
	padding: 7px 17px;
	margin: 0 0 5px;
	font-size: 14px;
	font-weight: bold;
	box-shadow: inset 0 0 1px rgba(255,255,255,.9);
}

.box-content{	
	background: #f6f6f6;
	border: 1px solid #ddd;
	border-top: 0;
	border-radius: 0 0 2px 2px;
}
.budapest-bank .icons a{
	border-bottom:1px solid #ddd;
	color:#2c2c2c;
	display:block;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	float:left;
	width:159px;
	height:46px;
	padding:50px 0 0;
}
	.budapest-bank .icons .pencil-ico{
		border-right:1px solid #ddd;
		background:url(/skins/default/images/budapest-bank/pencil-ico.png) center 20px no-repeat;
	}
	.budapest-bank .icons .graph-ico{background:url(/skins/default/images/budapest-bank/graph-ico.png) center 20px no-repeat;}
	.budapest-bank .icons .bb-ico{
		border-right:1px solid #ddd;
		background:url(/skins/default/images/budapest-bank/bb-ico.png) center center no-repeat;
	}
	.budapest-bank .icons .letter-ico{background:url(/skins/default/images/budapest-bank/letter-ico.png) center 25px no-repeat;}

.budapest-bank .calculators h3{margin:15px 20px;}
	
.budapest-bank .calculators a{	
	display:block;
	float:left;
	width:55px;
	height:55px;
	background:url(/skins/default/images/budapest-bank/calc-ico.png) no-repeat;
	margin:0 0 15px 20px;
	text-indent:-999em;
}
.budapest-bank .calculators a:hover{background-position:0 -55px;}	

/**/

.center2 { text-align: center; }

.calendar {
	background: #f6f6f6;
	border: 1px solid #ddd;
	border-top: 0;
	border-radius: 0 0 2px 2px;
	padding: 10px;
}
.calendar .event {
	border-bottom: 1px solid #dadada;
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-size: 11px;
}
.calendar .event h2 { font-size: 14px; }
.calendar table {
	width: 100%;
	font-size: 14px;
	color: #5c5c5c;
}
.calendar th {
	padding-bottom: 10px;
	color: #333;
}
.calendar td {
	border: 1px solid #ddd;
	text-align: center;
	padding: 5px 10px;
	background: #fff;
}
.calendar td a { color: #5c5c5c; }

.calendar td.active, .calendar td.active a {
	background: #c10000;
	color: #fff;
}
.calendar td.other-month a, .calendar td.other-month { color: #adadad; }

.calendar .event div.fl { width: 250px; }
.event div.date.fl {
	width: 37px;
	border: 1px solid #dadada;
	margin: 0 10px 0 0;
	padding: 0 0 3px;
	background: #fff;
	color: #2a2a2a;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	border-radius: 4px;
}
.event div.date.fl a:hover {
	text-decoration: none;
	color: #c10000;
}
.event .date span {
	display: block;
	background: #af0909;
	color: #fff;
	font-size: 10px;
	border-radius: 4px 4px 0 0;
	margin: 0 0 3px;
}

.view a{
	display: block;
	width: 150px;
	height: 24px;
	color: #868686;
	font: bold 11px/24px Arial;
	text-transform: uppercase;
	text-align: center;
	background: url(/skins/default/images/view_sprite.png) no-repeat;
	margin:10px 0 0;
}
.view a.fl { background-position: 0 0; }
.view a.fr { background-position: -150px 0; }

.view a.active { color: #c10000; }
.view a.fl.active { background-position: 0 -24px; }
.view a.fr.active { background-position: -150px -24px; }

#rightbar .calc ul.fl {
	border-right: 1px solid #dadada;
	padding-right: 15px;
	margin-right: 15px;
	width: 129px;
}
#rightbar .calc ul.fr { width: 160px; }
#rightbar .calc a.more {
	font-size: 14px;
	font-weight: bold;
}
#rightbar ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#rightbar .box ol li {
	font-weight: bold;
	color: #2a2a2a;
	font-size: 12px;
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-bottom: 1px solid #dadada;
}
#rightbar .box ol li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border: 0;
}
#rightbar .box ol li a {
	font-weight: normal;
	display: inline;
	font-size: 12px;
	padding: 0 0 0 5px;
}

.hide { display: none; }

#rightbar a.more {
	display: block;
	font-size: 12px;
	margin-top: 10px;
	text-align: right;
}

#rightbar .calc a.more {
	border-top: 1px solid #dadada;
	padding-top: 15px;
}
#rightbar .info h2 {
	font-size: 14px;
	margin-bottom: 3px;
}
#rightbar .info li { background-image: url(/skins/default/images/dot.png); }
#rightbar .info li a { font-weight: normal; }
#rightbar .info a.more { text-align: left; }

.notion strong, .notion h3 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	background: #f0f0f0;
	padding: 3px;
	margin: 0 0 5px;
	font-style: normal;
}
.notion p {
	font-style: italic;
	border-bottom: 1px solid #dadada;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.notion a {
	display: block;
	font-size: 12px;
}
.notion.last, .notion:last-child, .question.last {
	border: 0;
	padding: 0;
}

.question {
	border-bottom: 1px solid #dadada;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 11px;
}
.question img.fl,
.framed,
.gray img.fl,
.q-and-a img {
	margin: 3px 10px 0 0;
	padding: 3px 3px 8px 3px;
	border: 0;
	background: #d9d9d9 url(/skins/default/images/avatar_shadow.png) left bottom no-repeat;
}
.question h2 { font-size: 14px; }
.question p { margin: 3px 0; }
.question a img {
	display: inline;
    display: none;
	border: 0;
	vertical-align: middle;
}

.law_list a, .law_list li.active ul a  {
	display: block;
	color: #2a2a2a;
	line-height: 23px;
	background: url(/skins/default/images/law_list_arrow.png) no-repeat;
	padding: 0 0 0 20px;
}
.law_list li {
	background: none;
	padding: 0;
}
.law_list li.active a, .law_list li.active li.active a {
	background-color: #f0f0f0;
	background-position: 0 -46px;
}
.law_list li.active ul a, .law_list li.active li.active ul a {
	background-color: #fff;
	background-position: 0 0;
}

.law_list ul ul {
	display: none;
	margin: 0 0 0 20px;
}

#footerwrapper{
    width: 100%;
    background: #333333;
    margin: auto auto 0 auto;
}
.footer #copyright {
	margin: 0;
    width: 100%;
    text-align: center;
    padding: 0 0 20px;
}
#footer {
	height: auto;
	padding: 0;
	background: #333;
	font-size: 13px;
	line-height: 21px;
	color: #ccc;
    /*max-width: 1280px;*/
    width: 100%;
    margin: 0 auto;
	box-sizing: border-box;
	display: flex;
    flex-wrap: wrap;
}

#footer ul {
	margin: 0 auto;
    text-align: center;
    padding: 10px 20px;
}

#footer li {
	display: inline;
	padding: 0 11px 0 0;
	margin-right: 3px;
	*padding: 0 8px 0 0;
	background: url(/skins/default/images/bullet.png) no-repeat right 6px;
	font-weight: bold;
	font-size: 13px;
}

#footer li.last {
	margin-right: 0;
	padding-right: 0;
	background: none;
}

#footer li a { color: #c2c2c2; }
#footer li a:hover { color: #fff; }

/*footer socials*/
.footer .socialpanel {
	margin: 0;
    padding: 20px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #ccc;
    background: #dfdfdf;
}
.socialpanel p {
    color: #222;
    margin: 0 0 10px;
    font-weight: bold;
	font-size: 13px;
}
.footer a {
    color: #888;
    display: inline-block;
    padding: 10px;
    transition: all .5s ease;
}
.footer .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 0;
	margin: 0 3px;
}
.footer .icon span {
    vertical-align: middle;
    display: inline-block;
    transition: all .3s ease;
    width: 35px;
    height: 35px;
	opacity: 0.7;
}

.footer .icon.icon-rss span {
    background: url(/skins/default/images/rss_ff.svg) no-repeat center;
}

.footer .icon.icon-facebook span {
	background: url(/skins/default/images/facebook_ff.svg) no-repeat center;
}

.footer .icon.icon-linkedin span {
	background: url(/skins/default/images/linkedin_ff1.svg) no-repeat center;
}

.footer .icon.icon-youtube span {
	background: url(/skins/default/images/youtube-logo1_ff.svg) no-repeat center;
}


.footer .icon.icon-spotify span {
    background: url(/skins/default/images/spotify_ff.svg) no-repeat center;
}

@media screen and (min-width: 1200px) {
	.footer .icon:hover span {
		opacity: 1;
	}
	.footer .icon.icon-rss:hover span {
		background: url(/skins/default/images/rss_color.svg) no-repeat center;
	}
	.footer .icon.icon-facebook:hover span {
		background: url(/skins/default/images/facebook_color.svg) no-repeat center;
	}
	.footer .icon.icon-linkedin:hover span {
		background: url(/skins/default/images/linkedin_color1.svg) no-repeat center;
	}
	.footer .icon.icon-youtube:hover span {
		background: url(/skins/default/images/youtube-logo1_color.svg) no-repeat center;
	}
	.footer .icon.icon-spotify:hover span {
		background: url(/skins/default/images/spotify_color.svg) no-repeat center;
	}
}

@media screen and (max-width: 1100px) {
	#footer{
		height: auto;
		flex-wrap: wrap;
		justify-content: center;
	} 
	#footer #copyright{
		margin-left: unset;
	}
}


#page_nav {
	position: absolute;
	right: 20px;
	top: -10px;
}

#page_nav a {
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin: 0 0 0 10px;
	border-radius: 1px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #666;
	text-align: center;
	font-weight: bold;
	color: white;
	line-height: 28px;
}

#page_nav a:hover {
	opacity: 0.6;
	text-decoration: none;
}

.ads, .ad_container { 
	background: #f0f0f0; 
	display: none;
}
.ads.gglads { display: block; }

.ads img { width: 100%; }

#ad_top .ad_container {
	margin: 0 auto;
}

#content .ads {
	padding: 20px;
	text-align: center;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

#content a.caption {
	background: transparent;
	color: #acacac;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 10px;
	display: block;
	margin: 5px 0 0 0;
	text-align: center;
	width: 100%;
}

#content #article_content .ads{
    border-left: none;
    border-right: none;
    margin: 20px -20px 20px -20px;
    width: calc(100% + 40px);
    box-sizing: border-box;
    clear: both;
}

#content .gglads,
#content #article_content .gglads { margin-top: -1px; }

#content #ad_bottom {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 20px;
}

a.adtxt {
	color: #acacac;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 10px;
	display: inline-block;
	margin: 5px auto;
	text-align: center;
}

#rightbar .ads a.adtxt {
	margin: 10px auto 0;
}


/* sponsored */
.sponsored { overflow: hidden; }

.sponsored img { border: none; }

#sponsored_top { height: 50px; }

#sponsored_right {
	height: 250px;
	margin: -20px 0 20px;
}
#rightbar .box.ads {
	padding: 0;
    margin-left: 38px;
    width: calc(100% - 38px);
    background: transparent;
}

#rightbar .ad_container {
	padding: 0;
	background: transparent;
	border: 0;
}

#rightbar .ads .ad_container div[id^="zone"] {
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    padding: 10px 0;
    background: #fff;
}

#rightbar #ad_top .ad_container {
	padding: 0 0 0 19px;
}

/* adcloud */
#content .ads.adcloud {
	text-align: left;
	margin: 0 -21px 20px 0;
	padding: 5px 20px 5px 14px;
	border-left: 5px solid black;
	border-top: 1px solid #d9d9d9 !important;
	border-bottom: 1px solid #d9d9d9 !important;
}

.adcloud_2, .adcloud_1 { font-size: 19px; }
.adcloud_3 { font-size: 15px; }
.adcloud_6, .adcloud_5 { font-size: 11px; }

.adcloud_5, .adcloud_4 .adcloud_1 { font-weight: bold; }

#content .adcloud ul li {
	display: inline;
	text-align: left;
	padding: 0 10px 0 0;
	background: none;
}

.webkit .post .clearfix { display: block; }

.webkit .flex {
	display: -moz-box;
	display: -webkit-box;
	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	width: 100%;
}

.webkit .flexbox {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	float: none !important;
}

.views, .comments, .mail, .print {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}

.views { background-image: url(/skins/default/images/i_user.png); }
.comments { background-image: url(/skins/default/images/i_comments.png); }
.mail { background-image: url(/skins/default/images/i_mail.png); }
.print { background-image: url(/skins/default/images/i_print.png); }

.proxima #article header h1,
.proxima #content .post h1,
.proxima #rightbar .box h1,
.proxima #comments h1,
.proxima #more h2, #content h6,
.proxima #article_footer .related h1,
.proxima #article_footer .saved_results h1,
.proxima .bubble h1,
.proxima .block h3,
.proxima .home_gray h2,
.proxima #rightbar .box.partner h5,
.proxima .noresult p.red {
  font-family:proxima-nova-extra-condensed, 'Roboto Condensed','Arial Narrow', Arial, system-ui, sans-serif;
  font-weight:600;
}
.win #article header h1,
.win #content .post h1,
.win #rightbar .box h1,
.win #comments h1,
.win #more h2, #content h6,
.win #article_footer .related h1,
.win #article_footer .saved_results h1,
.win .bubble h2,
.win .block h3,
.win .home_gray h2,
.win .box.partner h5,
.win .noresult p.red {
	text-shadow: 0 0 1px #fff;
	text-rendering: optimizeLegibility;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	filter: none;
}

.wrap { 
    padding: 20px;
    width: 100%;
}
.wrap#legislation-body{
    box-sizing: border-box;
    padding: 20px 50px;
}
@media only screen and (max-width:767px) {
	.wrap#legislation-body{
		padding: 20px 0;
	}
}
@media only screen and (min-width:768px) {
	.wrap#legislation-body{
		padding: 20px;
	}
}
@media only screen and (min-width:1200px) {
	.wrap#legislation-body{
		padding: 20px 50px;
	}
}
.wrap#answer-comment-list{
    box-sizing: border-box;
}
#content h6 {
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	padding:0 15px;
	height: 38px;
	line-height: 38px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 5px solid #c10000;
	background: #f0f0f0;
	color: #666;
}
#content .column {
	width: 284px;
	margin: 20px;
}
#content .column.fr { margin-left: 0; }

#content .tax {
	background: #f9f9f9;
	border: 1px solid #d9d9d9;
	padding: 10px;
}
#content .column h1 {
	font-size: 24px;
	line-height: 28px;
	margin: 0 0 5px;
}
#content .column h2 { font-size: 18px; margin: 0 0 5px; }
#content .column h3 { font-size: 18px; }

#content .column p {
	line-height: 18px;
	padding: 5px 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid #dadada;
}
#content .column article.lead h1 + img { border: 1px solid #333; }

#content .column article.last p,
#content .column article:last-child p {
	padding-bottom: 0;
	border: 0;
}
#content .column .tax a.more {
	border: 0;
	padding: 0;
}
#content .column a.more,
#content .q-and-a a.more {
	display: block;
	text-align: right;
	font-size: 12px;
	border-top: 1px solid #dadada;
	margin: 10px 0 0;
	padding: 10px 0 0;
}
#content .column a.calc {
	background-color: #f7f7f7;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), inset 0 0 4px #fff;
    border-radius: 4px;
    background-image: none;
    overflow: hidden;
    position: relative;
  font-family:proxima-nova-extra-condensed, 'Roboto Condensed','Arial Narrow', Arial, system-ui, sans-serif;
  font-weight:700;
    width: 100%;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    padding-left: 20px;
    display: flex;
    align-items: center;
	height: 54px;
    padding: 0 0 0 18px;
    margin: 0 0 5px;
    line-height: 54px;
    font-size: 18px;
    font-weight: bold;
}

#content .column a.calc:hover{
    background-color: #ffffff;
    box-shadow:0px 0px 4px rgba(0,0,0,0.4), inset 0px 0px 4px #fff;
	text-decoration: none;

}
#content .column a.calc img {
    position: static;
    top: -2px;
    left: -2px;
    height: calc(100% - 10px)!important;
    padding-right: 30px;
}
#content .column a.calc:after{
    content: '';
    width: 1px;
    height: calc(100% - 10px);
    background: rgba(0,0,0,0.1);
    border-right: 1px solid rgba(255,255,255,0.9);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 78px;
    transition: all .3s ease-in-out;     
}
#content .column a.calc:hover:after{
    opacity: 0;
}

#rightbar .box.calculators a.calc{
    background-color:#f7f7f7 !important;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2), inset 0px 0px 4px #fff;
    border-radius: 4px;
    background-image: none !important;
    overflow: hidden;
    position: relative !important;
  font-family:proxima-nova-extra-condensed, 'Roboto Condensed','Arial Narrow', Arial, system-ui, sans-serif;
  font-weight:700;
    font-size: 1.2em !important;
    width: 100%;
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    padding-left: 20px !important;
    display: flex !important;
    align-items: center;
}
#rightbar .box.calculators a.calc:after{
    content: '';
    width: 1px;
    height: calc(100% - 10px);
    background: rgba(0,0,0,0.1);
    border-right: 1px solid rgba(255,255,255,0.9);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 78px;
    transition: all .3s ease-in-out;     
}
#rightbar .box.calculators a.calc img{
    position: static;
    top: 0;
    left: 0;
    border: 0;
    max-width: 40px;
    height: 40px!important;
    padding: 5px 0;
    padding-right: 30px;
}
.column span.badge a, .blue-badge {
	display: inline-block;
	*display: inline;
	zoom: 1;
	background: #75a6c9;
	border: 1px solid #588ab0;
	color: #fff;
	padding: 2px 4px;
	margin: 0 0 5px;
	border-radius: 2px;
	text-transform: uppercase;
	font: bold 10px Arial;
}
.home_gray {
	background: url(/skins/default/images/home_gray_bg.png) top repeat-x, url(/skins/default/images/home_gray_bg_2.png) bottom repeat-x;
	background-color: #f0f0f0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 15px 0 10px;
}
#content .home_gray h2 {
	font-size: 24px;
	padding: 0 0 5px;
	margin: 0 0 10px;
	background: url(/skins/default/images/rightbar_h1_bg.png) bottom repeat-x;
	border-bottom: 4px solid #bfbfbf;
	text-transform: uppercase;
	position: relative;
}
#content .home_gray h2 a {
	color: black;
}
#content .home_gray .column {
	margin-bottom: 5px;
	margin-top: 0;
}
#content .home_gray p {
	border: 0;
	padding-bottom: 0;
}
#content .home_gray a.arrow {
	font-weight: bold;
	background: url(/skins/default/images/arrow_left.png) left 5px no-repeat;
	padding: 0 0 5px 10px;
	display: block;
	font-size: 14px;
	line-height: 16px;
}
#content .home_gray a.arrow:last-child { margin: 0 0 10px; }

#content .tool {
	height: 17px;
	line-height: 17px;
	font-size: 11px;
	color: #666;
	margin: 5px 0 0;
}
#content .tool img { vertical-align: middle; }

#content .redtitle { border-bottom: 5px solid #c10000; }
#content .redtitle h4,#content .redtitle h2 {
	display: inline-block;
	zoom: 1;
	*display: inline; /* ie7 */
	padding: 3px 10px 0 10px;
	background: #c10000;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
	position: relative;
}
#content .redtitle h4 span,#content .redtitle h2 span {
	position: absolute;
	bottom: 0;
	right: -10px;
	display: block;
	width: 10px;
	height: 10px;
	background: url(/skins/default/images/corner.png) no-repeat;
}
#content .redtitle h4 a,#content .redtitle h2 a {
	color: #fff;
}


#content .q-and-a {
	margin: 0 20px 20px 20px;
	padding: 0;
}
#content .q-and-a h3 { margin: 0 0 5px; }
#content .column p a { display: block; margin: 10px 0 0; }
#content .q-and-a .column { width: 263px; }
#content .q-and-a a.more { margin: 0 20px 10px 20px; }

#content .tax.q-and-a .column article p a {
    display: none;
}
.filter {
  width: 100%;
  display: flex;
  
 height:auto;
 line-height:130%;
 margin:15px 0;
 font-size:1em;
 background: #cecece;
 background: linear-gradient(to bottom, #e9e9e9, #cecece);
 box-shadow:inset 0 1px 1px #eaeaea,inset 0 -10px 15px rgba(0,0,0,.15);
 border-radius:2px;
}
.filter a {
  flex: 1 0 auto;
 color:#2a2a2a;
 padding:10px 7px;
 display:block;
 float:left;
 background-image:none;
  border-right: 1px solid rgba(0,0,0,0.1);
}
.filter a:first-of-type{
  border-radius: 2px 0px 0px 2px;
}
.filter a:last-of-type{
  border-right: none;
  border-radius: 0 2px 2px 0;
}
.filter a.active {
 color:#fff;
 background:#c10000;
 text-shadow:0 1px 1px rgba(175,78,0,.75)
}

.search {
	font-size: 12px;
	line-height: 27px;
}
.search select { margin-top: 4px; }
.search a.fr { margin-right: 10px; }

section.event {
	margin: 15px 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	color: #2a2a2a;
}
#content section.event.third,
#content section.event.last,
#content section.event:last-of-type {
	border: 0;
	padding: 0;
}
section.event h2 {
	font-size: 14px;
	margin-bottom: 3px;
	position: relative;
}
section.event h2 a {
	display: inline-block;
	width: 450px;
}
section.event h2 a.cat {
	position: absolute;
	top: 0;
	right: 0;
	margin: 3px 0 0;
	color: #929292;
	width: auto;
	max-width: 110px;
	display: inline;
	font-size: 10px;
	line-height: 13px;
	text-align: right;
	text-transform: uppercase;
}

.event span.cat {
	color: #929292;
	font-size: 10px;
	line-height: 13px;
	text-transform: uppercase;
	font-weight: bold;
}
section.event h2 img {
	vertical-align: middle;
	margin: 0 3px 0 0;
}

section.event span a {
	color: #fff;
	background: #75a6c9;
	border: 1px solid #588ab0;
	padding: 2px 4px;
	border-radius: 2px;
}
section.event h2 span {
	position: absolute;
	top: 0;
	right: 0;
}
section.event span {
	color: #929292;
	font: bold 10px Arial;
	text-transform: uppercase;
}
section.event p { font-size: 12px; }


section.kommentar {
	margin: 15px 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	color: #2a2a2a;
}
section.kommentar h2 {
	font-size: 14px;
	margin-bottom: 3px;
	position: relative;
}
section.kommentar h2 a {
	display: inline-block;
	width: 450px;
}
section.kommentar h2 a.cat {
	position: absolute;
	top: 0;
	right: 0;
	margin: 3px 0 0;
	color: #929292;
	width: auto;
	display: inline;
	font-size: 10px;
	text-transform: uppercase;
}
section.kommentar h2 img {
	vertical-align: middle;
	margin: 0 3px 0 0;
}

section.kommentar span a {
	color: #fff;
	background: #c10000;
	padding: 2px 4px;
	border-radius: 2px;
}
section.kommentar h2 span {
	position: absolute;
	top: 0;
	right: 0;
}
section.kommentar span {
	color: #929292;
	font: bold 10px Arial;
	text-transform: uppercase;
}
section.kommentar p  {
	font-size: 12px;
	margin: 0;
	padding: 0 !important;
	line-height: normal;
	padding-left: 0 !important;
}

section.kommentar p br
{
	line-height: 0 !important;
}

.search_result {
	font-size: 18px;
	margin: 20px;
}

strong.highlight { background: #fff662; }

.force {
	height: 48px;
	font: bold 14px/48px Arial;
	text-align: right;
	padding: 0 10px;
	background: url(/skins/default/images/force.png) 10px 0 no-repeat #e8f0d4;
	color: #2a2a2a;
	border: 1px solid #cee39b;
	box-shadow: inset 0 0 3px rgba(130,170,31, .3);
}
.not-in-force {
	height: 48px;
	font: bold 14px/48px Arial;
	text-align: right;
	padding: 0 10px;
	background: url(/skins/default/images/not-in-force.png) 10px 0 no-repeat #f0dada;
	color: #2a2a2a;
	border: 1px solid #e39b9b;
	box-shadow: inset 0 0 3px rgba(227,155,155, .5);
}
.alert {
    font-size: .8em;
    text-align: left;
    padding: 10px;
    background: #ffbb33;
    background: #51aace;
    color:#fff;
    border: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
    line-height: 130%;
    font-weight: 300;
    border-left: none;
    border-right: none;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    width: 100%;
}
.alert a{
    color: #fff;
    text-decoration: underline;
}
.alert i{
    font-size:31px !important;
    top: 0 !important;
    margin-right: 10px;
    border-right: 1px solid rgba(0,0,0,0.3);
    padding-right: 5px;
}
.alert i.material-icons:before {
    position: absolute;
    bottom: 8px;
    left: 43%;
    content: '';
    display: block;
    background: #fff;
    width: 4px;
    height: 4px;
    transform: translateX(-50%) rotate(45deg);
}
.alert i.material-icons:after {
    position: absolute;
    bottom: 6px;
    left: 43%;
    content: '';
    display: block;
    background: #fff;
    width: 6px;
    height: 4px;
    transform: translateX(-50%);
}
#legislation-metadata .force,
#legislation-metadata .not-in-force,
#legislation-metadata .alert { margin:-11px -20px 20px; }

#legislation-metadata label { cursor: default; }

.pr {
	color: #666;
	background: #fdf9df url(/skins/default/images/i_pr.png) 20px 12px no-repeat;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 15px 15px 15px 55px;
	margin: 0 0 15px;
	font-size: 13px;
	font-weight: bold;
}

.calculator {
	border-bottom: 1px solid #d9d9d9;
	background: #f0f0f0;
	padding: 20px;
}
.calculator p { font-size: 12px; }
.calculator .row { margin-bottom: 15px; }
.calculator input.radio { margin: 0; }
.calculator label {
	width: 260px;
	display: block;
	float: left;
	font-weight: bold;
	cursor: default;
}
.calculator input.text { width:248px; }
.calculator select { width:250px; }

.result {
	border: 1px solid #d2d2d2;
	margin-top: 15px;
	border-radius: 4px;
}
.result h3 {
	background: #d2d2d2;
	color: #545454;
	margin: 0 !important;
	padding: 7px 20px;
	font-size: 14px;
}
.result table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.result td {
	padding: 3px 20px;
	border: 1px solid #eeeff0;
}
.result td.right { text-align: right; }
.result td.total { background: #fff2ca; }
.result td img { vertical-align: baseline; }

div.button {
	height: 27px;
	padding: 10px;
	font-size: 12px;
	color: #666;
}
#article_content .result .button a.fl {
	margin: 0 0 0 10px;
	text-decoration: none;
}
div.button img {
	vertical-align: middle;
	margin-right: 5px;
}
div.button a { margin-left: 10px; }
.green { color: #3a7d34; }

#content img {
	border: 0;
	display: inline;
}

.continue {
    background: rgb(241,241,241);
    background: linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%);
    padding: 0 20px 20px 20px
}
.continue h3 {
	font-size: 24px;
	line-height: 26px;
	margin: 0 0 20px;
	padding: 20px 0 0;
	border-top: 1px solid #ccc;
}
.continue a { font-weight: bold; }
.continue p {
	margin: 3px 0 20px;
	line-height: 18px;
}
.continue .yellow { margin: 0; }

/*------------------order-block----------------*/

/*.order_modified .pub.fl.last {
    width: 180px;
}

.order_modified .pub.last img {
    position: relative;
    top: -5px;
}*/
.order .badge_title_blue{
	background-color: #45a8ce;
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 13px;
    padding: 4px;
    border-radius: 2px;
    margin-top: 0px;
    margin-right: 0px;
    align-items: center;
    justify-content: center;
    line-height: 1;
	position: relative;
	left: -10px;
}
.order .badge_title_blue:after{
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 8px solid #45a8ce;
    position: absolute;
    right: -7px;
    top: 0;
	content: '';
}
/*@media only screen and (max-width: 768px){
	.order_modified .pub,.order_modified .pub.fl.last{
		width: 50%;
	}
	.order .badge_title_blue{
		left: 0;
		margin-right: 20px;
	}
}
@media only screen and (max-width: 630px){
	.order_modified .pub,.order_modified .pub.fl.last{
		width: 100%;
	}
	.order_modified ul.special_issue {
		width: 100%;
		padding-left: 10px !important;
		left: 20px;
		width: calc(100% - 120px);
		top: 20px;
		transform: none;
		position: relative;	
	}
	.order .pub p strong{
		font-size: 16px;
	}
}*/

.order {
	height: 200px;
	background: #f3f3f3 url(/skins/default/images/order_bg_3.png) left no-repeat;
	margin-top: 1px;
}
.order h2 {
	font-size: 14px;
	line-height: 14px;
	padding: 10px 15px;
}

.publications {
	width: 290px;
	padding: 8px 0 0 15px;
    position:relative;
}
.publications p.special_issue {
	padding: 0 0 0 15px;
}
.publications .order_arrow_new{
    position: absolute;
    top: -28px;
    right: 0;
}
.pub {
	/*width: 60px;*/
	font-size: 12px;
	line-height: 14px;
	background: url(/skins/default/images/i_plus.png) right 50% no-repeat;
	padding: 0 35px 0 0;
	position: relative;
}
.pub.last {
	background: none;
	padding: 0;
	margin: 0;
}
.pub img {
	*text-align: left;
	display: block;
	padding: 0 0 15px 11px;
}
/*.pub p {
	width: 60px;
	position: absolute;
	top: 80px;
	left: 5px;
}*/
.pub strong { font-size: 14px; }

/*.sale {
	width: 315px;
	padding-top: 5px;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	position: relative;
}*/

#imgcenter .center3 img {
    margin: 0 auto;
    text-align: center;
    padding: 2px 0px;
}

/*.sale .fl {
	width:149px;
	margin-top:15px;
	font-size: 11px;
	color: #878787;
}*/

/*.sale .center { 
	width: 190px; 
    font-size: 11px;
}*/
/*subsctiption-page*/
/*@media only screen and (min-width: 992px){
	.subscription-page .locked h3{ 
		padding-bottom: 20px;
	}
	.order{ 
		background-size: 50% 100%;
	}
	.order,
	.subscription-page .locked .order{ 
		border-left: 4px solid #bd0a10;
		margin-bottom: 3px;
		height: auto;		
	}

	.order h2,
	.subscription-page .order h2{ 
		font-size: 1.4em;
		line-height: 135%;
	}
	.order .publications,
	.subscription-page .locked .order .publications{
		width: 50%;
		height: auto;	
		padding: 0 0 0 15px;
		display: flex;
		align-items: center;	
	}
	.order .publications .cl,
	.subscription-page .locked .order .publications .cl{
		display: none;
	}
	.order .pub,
	.subscription-page .locked .pub{
		width: 30%;
		display: flex;
		align-items: center;
		margin-right: 20px;
	}
	.order .pub p,
	.order .pub p.cc,	
	.subscription-page .locked .pub p,
	.subscription-page .locked .pub p.cc{ 
		position: static;
		width: auto;
		left: 0;
		padding-left: 10px;
		font-size: 16px;
		line-height: 135%;
		top: 0;
	}
	.order .pub img,
	.subscription-page .pub img{
		display: inline-block;
		padding: 0;
	}
	.order .badge_title_blue,
	.subscription-page .order .badge_title_blue{
		top: -3px;
	}
	.order .pub.fl.last,
	.subscription-page .locked .pub.fl.last{ 
		width: auto;
		flex: 1 0 auto;

		height: auto;
		display: flex;	
	}
	.order.order_modified .pub.last img,
	.subscription-page .order_modified .pub.last img{
		top: 0;
	}
	.order.order_modified ul.special_issue,
	.subscription-page .order_modified ul.special_issue{
		position: static;
		font-size: 14px;
	}
	.order .sale p span,
	.subscription-page .sale p span{
		font-size: 13px;
	}
	.star{
		padding: 20px!important;
	}
	.subscription-page .star{ 
		padding: 40px 80px!important;
	}
}*/
/*end of subsctiption-page*/
/*end of order-block*/
#article_content .sale a {
	display: block;
	line-height: 18px;
	text-decoration: none;
}

/*.locked .sale img.cc { top: 0; }
.sale img.cc {
	position: absolute;
	top: 10px;
	left: 10px;
}*/
.sale .credit-badge {
	background: url(/skins/default/images/credit-badge.png?v=20141219) top left no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 100px;
	z-index: 100;
}

.sale .credit-badge.credit-badge-2 {
	background-image: url(//static.hvgrt.hu/adozona/elofizetes/credit-badge/credit-badge-2.png);
}
.sale .credit-badge.credit-badge-3x2 {
	background-image: url(//static.hvgrt.hu/adozona/elofizetes/credit-badge/credit-badge-3x2.png);
}
.sale .credit-badge.credit-badge-20 {
	background-image: url(//static.hvgrt.hu/adozona/elofizetes/credit-badge/credit-badge-20.png);
}
.sale .credit-badge.credit-badge-21 {
	background-image: url(//static.hvgrt.hu/adozona/elofizetes/credit-badge/credit-badge-21.png);
}
.sale .credit-badge.credit-badge-22 {
	background-image: url(//static.hvgrt.hu/adozona/elofizetes/credit-badge/credit-badge-22.png);
}
.sale .credit-badge.credit-badge-23 {
	background-image: url(//static.hvgrt.hu/adozona/elofizetes/credit-badge/credit-badge-23.png);
}
.sale .credit-badge.credit-badge-24 {
	background-image: url(//static.hvgrt.hu/adozona/elofizetes/credit-badge/credit-badge-24.png);
}
.sale .credit-badge.credit-badge-25 {
	background-image: url(//static.hvgrt.hu/adozona/elofizetes/credit-badge/credit-badge-25.png);
}
.sale .credit-badge.credit-badge-extra {
    background-image: url(//static.hvgrt.hu/adozona/elofizetes/credit-badge/credit-badge-extra.png);
}

.sale .credit-badge span{
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #5F5F5F;
	box-shadow: 0 0 5px rgba(51, 51, 51, 0.65);
	background: #f9f9f9;
	display: none;
	width: 300px;
	position: absolute;
	right: 100%;
	top: -50%;
	text-align: left;
	padding: 15px;
}

#article_content .sale p {
	margin: 0;
	line-height: 18px;
}

.dialog {
	display: none;
	position: absolute;
	top: 135px;
	left: -110px;
	width: 320px;
	padding: 15px;
	background: #f9f9f9;
	color: #000;
	border: 1px solid #5f5f5f;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	box-shadow: 0 0 5px rgba(51,51,51,.65);
}
.dialog h4 {
	font-size: 14px;
	line-height: 14px;
	padding: 0 0 5px;
	margin: 0 0 5px;
	border-bottom: 1px solid #e7e7e7;
}
.dialog ul li {
	background: none;
	padding: 0;
	margin: 0;
	line-height: 18px;
}
.dialog ul li span {
	display: inline;
	font-weight: bold;
	color: #c10000;
}
.dialog ul li span.green { color: #7aa41f; }

.dialog h5 {
	font-size: 11px;
	line-height: 120%;
	color: #999;
}

.dialog span.arrow {
	display: block;
	width: 30px;
	height: 16px;
	background: url(/skins/default/images/dialog_arrow.png) no-repeat;
	position: absolute;
	left: 50%;
	top: -16px;
	margin-left:-15px;
}

@media only screen and (min-width: 991px) {
    a.opendialog:hover + .dialog, .product-credits:hover + .dialog {
        display: block;
        z-index: 1000;
    }
	#page {
		padding-top: 156px;
	}
}
@media screen and (min-width: 1025px) {
    #page {
        padding-top: 136px;
    }
}
    
@media screen and (min-width: 1270px) {
    #page {
        padding-top: 114px;
    }
}
.locked .continue h3,
.locked .order img { border: 0; }

.locked .spec-offer {
	height: 180px;
	margin: 0px 180px 0px 180px;
}
.locked .spec-offer p { padding: 15px 0px 0px 140px; }

.locked .wrap  h3 { 
	font-size: 20px;
	margin: 0 0 20px;
}

.locked .spec-offer .text {
	color: #2D2D2D;
	font-size: 18px;
	font-weight:bold;
	text-transform: uppercase;
	line-height: 30px;
}

#article_content .bottom .dialog { top: -360px; }

.first .dialog { top: 150px; }
.second .dialog { top: 170px; }
.third .dialog { top: -400px; }
.fourth .dialog { top: -290px; }

.locked .dialog{top: 100%;}

.center.first .dialog { top: 150px; left: 0; }
.center.second .dialog { top: 170px; left: 0; }
.center.third .dialog { top: -400px; left: 0; }

.third .dialog span.arrow,
.fourth .dialog span.arrow { display: none; }

.expert-answer {
	background: #d2d2d2;
	padding: 15px 20px;
}
.expert-answer input.text {
	color: #808080;
	border: 1px solid #c5c5c5;
	font-size: 17px;
	width: 485px;
	height: 28px;
	padding: 1px 5px;
	margin: 0 10px 5px 0;
	box-shadow: none;
	border-radius: 2px;
}
.expert-answer p {
	width: 485px;
	font-size: 11px;
	line-height: 13px;
	color: #2a2a2a;
	margin: 0 0 10px;
}
/*.expert-answer a { font-size: 12px; }*/
.expert-answer div.fl { width: 427px; }
.expert-answer div.fl input { width: 415px; }
.expert-answer div.fl textarea { width: 409px; }

.expert-answer div.fr { width: 145px; }
.expert-answer div.fr select {
	border: 0;
	padding: 2px;
	width: 145px;
	margin-bottom: 15px;
}
.expert-answer div.fr input.fl { margin: 2px 0 0; }
.expert-answer div.fr label {
	width: 125px;
	display: block;
	font-size: 13px;
	line-height: 15px;
	margin: 8px 0 0px 5px;
}
.expert-answer textarea {
	border: 1px solid #c5c5c5;
	border-radius: 2px;
	min-height: 45px;
	padding: 8px;
	width: 479px;
	font: 13px Arial;
	color: #808080;
}
.expert-answer.version {
	margin-top: 0;
	background: #f0f0f0;
	border-bottom: 1px solid #d5d5d5;
}
.expert-answer.version textarea { min-height: 87px; }
.expert-answer.version input.text {
	width: 394px;
	height: 21px;
	margin: 0 10px 0 0;
	border: 1px solid #c5c5c5;
	border-radius: 2px;
	box-shadow: none;
}
.expert-answer.version select {
	width: 100px;
	height: 25px;
	padding: 2px;
	border: 1px solid #c5c5c5;
	margin: 0 10px 0 0;
}
.expert-answer.version h4 {
	font-size: 12px;
	color: #818181;
	margin: 20px 0 0;
}

.expert {
	padding: 0 20px;
	font-size: 12px;
	line-height: 14px;
}
.expert h3 {
	font-size: 18px;
	color: #2a2a2a;
	margin: 5px 0 10px;
}
.expert .related {
	width: 280px;
	padding: 0 0 0 15px;
	border-left: 1px solid #d9d9d9;
	min-height: 70px;
}
.expert .related ul { margin: 10px 0 0; }
.expert .related li {
	background-position: 0 3px;
	padding: 0 0 0 10px;
}

.expert-box {
    display: flex;
    align-items: start;
    border-bottom: 1px solid #ccc;
    margin: 20px 0 30px;
	min-height: 140px;
}
    
.expert-box p {
    font-size: 15px;
    line-height: 22px;
}
.expert-item {
    display: flex;
    padding: 10px;
    margin: 0 20px 0 0;
    max-width: 320px;
    width: 320px;
    color: #111;
    flex: 1 0 290px;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .expert-item {
        margin: 0;
        width: 100%;
        flex: 1 0 100%;
    }
}
@media screen and (max-width: 1199px) {
    .expert-box {
        flex-wrap: wrap;
    }
}
.expert-item .avatar{
    flex: 1 0 100px;
    max-width: 100px;
    width: 100px;
    padding-left: 0;
    padding-right: 10px;
    text-align: center;
    justify-content: center;
    display: flex;
    margin-bottom: 0;	
}
.expert-item .avatar img{
    width: 100px;
    height: 100px;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    border-radius: 50%;
}
.expert-item .profile-info{
    width: 100%;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-left: 0;
    text-align: center;
    flex: 1 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
    width: calc(100% - 100px);
    text-align: left;
    padding: 5px 0;
}
    
.expert-item h3 {
    font-size: 1em;
    font-weight: 500;
    
    opacity: 1;
}
    
.expert-item h4 {
    font-size: .85em;
    line-height: 125%;
    font-weight: 300;
    opacity: 1;
}
    
.expert-item h5 {
    font-size: .75em;
    font-weight: 300;
    opacity: 1;
}
#article_content .expert-item h3 {
    margin: 0 0 5px 0;
}
#article_content .vip-order {
    text-align:center;
}
#article_content .vip-order a {
text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    padding: 10px 15px 8px;
    display: inline-block!important;
    max-width: 99%;
    text-transform: uppercase;
    color: #fff;
    width: auto;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.1);
    background: #6b9123;
	box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    text-shadow: rgba(0,0,0,.4) 1px 1px 1px;
	transition: background 0.3s ease;
}
#article_content .vip-order a:hover {
    background: #547610 !important;
}

#article.qa_page header { border: 0 !important; }
#article.qa_page header div.fr { line-height: normal; margin: 0; }
#article.qa_page header .fl { text-align: right; }
#article.qa_page header .avatar { margin: 0 0 5px 15px; }

.stripe { margin: 0 20px 20px 20px; }
.stripe a {
	display: block;
	width: 285px;
	height: 43px;
	line-height: 43px;
	background: #f5f5f5 url(/skins/default/images/stripe.png) repeat;
	border: 1px solid #c6c6c6;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.stripe a:hover {
	border-color: #ababab;
	text-decoration: none;
	box-shadow: 0 0 3px rgba(0,0,0,.1);
}
.tabs {
	height: 36px;
	line-height: 36px;
	background: #eee url(/skins/default/images/tabs_bg.png) bottom repeat-x;
	font-size: 14px;
	padding: 0 15px;
	border-top: 1px solid #d9d9d9;
}
.tabs a {
	display: block;
	float: left;
	border-right: 1px solid #d9d9d9;
	padding: 0 10px;
	position: relative;
	height: 36px;
}
.tabs a.active {
	color: #c10000;
	background: #fff url(/skins/default/images/tabs_bg.png) bottom repeat-x;
	text-decoration: none;
	cursor: default;
}
.tabs a span.arrow {
	display:none;
	position:absolute;
	top: 36px;
	left: 50%;
	margin-left: -8px;
	width: 17px;
	height: 8px;
	background: url(/skins/default/images/tab_active.png) no-repeat;
}
.tabs a.active span.arrow { display: block; }
.tabs.sprite { padding: 0 10px; }

.tabs.sprite a span.badge {
	position: absolute;
	top: -10px;
	right: 3px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
	background: url(/skins/default/images/badge.png) no-repeat;
	color: #fff;
	display: block;
	width: 20px;
	height: 22px;
	line-height: 20px;
}
.tabs.sprite a {
	background: url(/skins/default/images/tab_sprite.png) no-repeat;
	text-indent: -999em;
	padding: 0;
}
.tabs.sprite a.active,
.tabs.sprite a.active:hover { background-color: #c10000; }

.tabs.sprite a.t1 { background-position: 0 0; width: 44px; }
.tabs.sprite a.t2 { background-position: -44px 0; width: 96px; }
.tabs.sprite a.t3 { background-position: -140px 0; width: 82px; }
.tabs.sprite a.t4 { background-position: -221px 0; width: 72px; }
.tabs.sprite a.t5 { background-position: -294px 0; width: 78px; }
.tabs.sprite a.t6 { background-position: -372px 0; width: 71px; }
.tabs.sprite a.t7 { background-position: -442px 0; width: 51px; }
.tabs.sprite a.t8 { background-position: -493px 0; width: 106px; }

.tabs.sprite a.t9 { background-position: -600px 0; width: 122px; }
.tabs.sprite a.t10 { background-position: -722px 0; width: 88px; }
.tabs.sprite a.t11 { background-position: -843px 0; width: 86px; }
.tabs.sprite a.t12 { background-position: -929px 0; width: 77px; }
.tabs.sprite a.t13 { background-position: -1047px 0; width: 57px; }

.tabs.sprite a.t14 { background-position: -1104px 0; width: 84px; }
.tabs.sprite a.t15 { background-position: -1188px 0; width: 141px; }
.tabs.sprite a.t16 { background-position: -1329px 0; width: 98px; }
.tabs.sprite a.t17 { background-position: -1427px 0; width: 173px; }
.tabs.sprite a.t18 { background-position: -1600px 0; width: 76px; }

.tabs.sprite a.t1.active { background-position: 0 -36px; }
.tabs.sprite a.t2.active { background-position: -44px -36px; }
.tabs.sprite a.t3.active { background-position: -140px -36px; }
.tabs.sprite a.t4.active { background-position: -221px -36px; }
.tabs.sprite a.t5.active { background-position: -294px -36px; }
.tabs.sprite a.t6.active { background-position: -372px -36px; }
.tabs.sprite a.t7.active { background-position: -442px -36px; }
.tabs.sprite a.t8.active { background-position: -493px -36px; }

.tabs.sprite a.t9.active { background-position: -600px -36px; }
.tabs.sprite a.t10.active { background-position: -722px -36px; }
.tabs.sprite a.t11.active { background-position: -843px -36px; }
.tabs.sprite a.t12.active { background-position: -929px -36px; }
.tabs.sprite a.t13.active { background-position: -1047px -36px; }

.tabs.sprite a.t14.active { background-position: -1104px -36px; }
.tabs.sprite a.t15.active { background-position: -1188px -36px; }
.tabs.sprite a.t16.active { background-position: -1329px -36px; }
.tabs.sprite a.t17.active { background-position: -1427px -36px; }
.tabs.sprite a.t18.active { background-position: -1600px -36px; }

.tab_cnt { min-height:200px; }

h5.message{
	background: #d2d2d2;
	color: #2a2a2a;
	font-size: 18px;
	padding: 0 20px;
	margin: 0 -20px 20px -20px;
}
.answer {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	background: #fff;
	position: relative;
	zoom: 1; /* ie7 */
}
.answer:last-child {
	margin-bottom: 0;
	border: 0;
}
.answer a.edit {
	position: absolute;
	left: 0;
	bottom: 15px;
	background: url(/skins/default/images/i_edit.png) no-repeat;
	padding: 0 0 0 17px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.answer .fl { width: 456px; }
.answer h2 { font-size: 14px; }
.answer h2 a:visited { color: #002441; }

.answer p {
	font-size: 12px;
	line-height: 16px;
}
.answer.last {
	border: 0;
	padding: 0;
	margin: 0;
}
.answer.featured {
	padding: 10px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
.answer.featured div.fl { width: 436px; }

.answer .feed {
	float: left;
	width: 110px;
	padding: 5px 0 5px 5px;
	margin-right: 15px;
	background: #f0f0f0;
	border: 1px solid #d9d9d9;
	font-size: 11px;
	font-weight: bold;
}
.answer .feed span {
	float: left;
	display: block;
	width: 18px;
	height: 14px;
	line-height: 14px;
	color: #fff;
	font-size: 10px;
	background: #8e8e8e;
	text-align: center;
	margin-right: 3px;
	border-radius: 2px;
}
.answer .feed img {
	float: left;
	margin-right: 3px;
}
.answer .feed a { color: #8e8e8e; }
.answer .feed .answered { color: #049600; }
.answer .feed .wait { color: #3361a6; }
.answer .feed .process { color: #ff6600; }
.answer .feed .user {
	text-align: center;
	color: #8e8e8e;
	font-size: 11px;
	margin-right: 5px;
}
.answer .feed .withdraw {
	color: #000;
	border-top: 1px solid #d9d9d9;
	display: block;
	padding: 5px 0 0;
	margin: 5px 0 0 -5px;
	text-align: center;
}
#content .answer .feed .user img {
	float: none;
	display: block;
	width: 40px;
	border: 1px solid #9a9a9a;
	margin: 0 auto 5px;
}
.answer .ico {
	font-size: 11px;
	font-weight: bold;
}
.answer .ico img { vertical-align: text-bottom; }
.answer .ico.gray, .ico.gray { color: #7a7a7a; }
p.q-and-a_truncate-paragraph {
    position: relative;
    max-height: 75px;
    overflow-y: hidden;
}
p.q-and-a_truncate-paragraph:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
	background: #fff;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,.49) 40%, rgba(255,255,255,.5) 45%, rgba(255,255,255,1) 75px, rgba(255,255,255,1) 100%);
	height:75px;
	top: 0;
	bottom: auto;
}
a.tag {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 0 3px;
	font: bold 10px Arial;
	text-transform: uppercase;
	background: #75a6c9;
	border: 1px solid #588ab0;
	color: #fff;
	padding: 2px 4px;
	border-radius: 2px;
}
a.tag.nolink {
	cursor: default;
	text-decoration: none;
}

.bubble {
	background: #f0f0f0;
	border: 1px solid #d5d5d5;
	padding: 15px;
	margin: 0 20px 19px 20px;
	position: relative;
}
.bubble h1 {
	font-size: 38px;
	line-height: 1;
}
.bubble p, .proxima .bubble h2 {
	font-size: 1rem;
	line-height: 1.2;
	margin: 10px 0;
}
.proxima .bubble h2 {
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: normal;
}
.bubble a {
	font-size: 12px;
    display: flex;
    align-items: center;
    line-height: 1;
}
.bubble a img {
    margin-right: 5px;
}
.bubble span, .yellow span.arrow {
	position: absolute;
	right: 15px;
	display: block;
	width: 21px;
	height: 21px;
	background: url(/skins/default/images/bubble_arrow_down.png) no-repeat;
}
.bubble span {
     top: -21px;
}

.yellow span.arrow {
	left: 20px;
	bottom: -21px;
	background: url(/skins/default/images/bubble_arrow_down_yellow.png) no-repeat;
}
.yellow {
	color: #2a2a2a;
	padding: 10px 15px;
	margin: 0 20px 10px 20px;
	background: #fdf9df;
	border: 1px solid #d9d9d9;
	position: relative;
	zoom: 1;
}
.yellow p {
	margin: 5px 0 10px;
	font-size: 12px;
}
.yellow img.fl {
	margin-top: 0;
	background: #d9d9d9 url(/skins/default/images/avatar_shadow_yellow.png) left bottom no-repeat;
}
.yellow span, .gray span {
	display: block;
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 1.2;
}
.yellow strong.fl {
	line-height: 32px;
	font-size: 19px;
}
.yellow a.fr {
	display: block;
	height: 32px;
	line-height: 32px;
	margin: 0 0 0 10px;
}
.yellow h3 {
	border-bottom: 1px solid #efe9c1;
	padding: 0 15px 5px;
	margin: 0 -15px;
}
.gray {
	color: #2a2a2a;
	padding: 10px 20px;
	background: #f0f0f0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	position: relative;
	zoom: 1;
}
.gray .holder { position: relative; }
.gray span.dd {
	top: 25px;
	left: 260px;
}
.gray.shadow {
	display: none;
	background: #f0f0f0 url(/skins/default/images/gray_shadow.png) top repeat-x;
	border-top: 0;
	font-size: 11px;
	z-index: 1;
}
.gray img.fl {
     background: #d9d9d9 url(/skins/default/images/avatar_shadow_gray.png) left bottom no-repeat;
}
.gray h3 {
	margin: 0 0 10px;
	font-size: 14px;
}
.gray a {
	font-weight: bold;
	font-size: 11px;
}
.gray a.detailed {
	background: url(/skins/default/images/i_arrow_down_sprite.png) right top no-repeat;
	padding: 2px 20px 0 5px;
	height: 13px;
	line-height: 11px;
}
.gray a.detailed:hover {
     text-decoration: none;
}
.gray a.detailed.active {
	color: #fff;
	background-color: #004276;
	background-position: right -20px;
	border-radius: 2px;
}

.gray h2, .gray h3 {
	font-size: 14px;
	background: url(/skins/default/images/sep.png) top repeat-x;
	padding: 20px 0 15px;
	margin: 5px 0 0;
}
.gray li {
	padding: 0;
	margin: 0;
	background: none;
}
.gray li a {
	font-size: 14px;
	font-weight: normal;
}

.col {
	width: 181px;
	margin: 0 20px 0 0;
}
.col.last { margin: 0; }
.col input.text { width: 179px; display: block; }
.col input.text, .col select { margin: 0 0 15px; }
.col select { width: 99px; }
.col select.select { width: 181px; }

.huge_holder {
	padding: 0 0 15px;
	margin: 0 0 13px;
	background: url(/skins/default/images/hor_sep.png) bottom repeat-x;
}
.huge_holder .huge { width: 576px; }

input.huge {
	width: 475px;
	height: 20px;
	padding: 5px;
	font-size: 17px;
	color: #808080;
	border-radius: 2px;
}

.block { width: 464px; }
.block.fl { margin: 0 20px 0 0; }

div.block h3 {
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	color: #666;
	padding: 0 0 10px;
	margin: 20px 0 10px;
	border-bottom: 5px solid #ccc;
	position: relative;
}
div.block h3 a {
	position: absolute;
	top: 3px;
	right: 0;
	font: normal 12px Arial;
	text-transform: capitalize;
}
div.block h3 a.back {
	right: 60px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}
.block img {
	border: 0;
	float: left;
	margin: 2px 5px 0 10px;
}

.noborder { border: 0; }
.inline { display: inline; }
.red { color: #c10000; }
.star {
	padding: 30px 10px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background: #f3f3f3;
	font-size: 1em;
	line-height: 135%;
}
.star a{
	color: #c10000;
	text-decoration: underline;
}
.star a:hover {
    text-decoration: none;
}

.reader_answer {
	padding: 10px;
	border-bottom: 1px solid #d9d9d9;
}
.reader_answer.last {
	padding: 0;
	margin: 0;
	border: 0;
}
.reader_answer div.fl {
	width: 60px;
	font-size:11px;
	line-height: 12px;
	margin:4px 25px 0 0;
}
#content .reader_answer img { border: 1px solid #9a9a9a; }
.reader_answer div.fr { 
    width: calc(100% - 90px); 

}
.reader_answer div.fr p { margin: 0 0 10px; }
.reader_answer a, .reader_answer strong { font-size: 12px; }
.reader_answer a { margin: 0 0 0 10px; }

.expert_answer {
	background: #eee;
	padding: 10px;
	margin: 0;
}
.expert_answer:last-child { margin: 0 0 20px; }

.expert_answer.last {
	padding: 0;
	margin: 0;
	border: 0;
}
.expert_answer div.fl {
	width: 42px;
	font-size:11px;
	line-height: 12px;
	margin:4px 25px 0 0;
}
#content .expert_answer img { border: 1px solid #9a9a9a; }
.expert_answer div.fr { width: 470px; }
.expert_answer div.fr p { margin: 0 0 10px; }
.expert_answer a, .reader_answer strong { font-size: 12px; }
.expert_answer a { margin: 0 0 0 10px; }

#answer-comment-list .avatar {
	margin: 0 0 10px;
}

.accordion { margin: 10px 0 0; }
.accordion li a {
	background: #f8f8f8 url(/skins/default/images/accordion_arrow.png) 3px 0 no-repeat;
	border: 1px solid #e3e3e3;
	border-bottom: 0;
	display: block;
	padding: 7px 25px;
}
.accordion li.active a { background: #fdf9df url(/skins/default/images/accordion_arrow.png) 3px -33px no-repeat; }
.accordion li.active li a { background: transparent; }
.accordion li {
	background: none;
	padding: 0;
}
.accordion li ul {
	display: none;
	background: #fff;
	border: 1px solid #e3e3e3;
	border-bottom: 0;
	margin: -5px 0 0;
	padding: 10px 20px;
}
.accordion li ul li h5 {
	color: #818181;
	font-size: 12px;
	text-transform: uppercase;
}
.accordion li ul li p {
	font-size: 14px;
	line-height: 16px;
	margin: 20px 0;
}
.accordion li ul li a {
	background: #fff none;
	border: 0;
	padding: 0;
	margin: 0 20px 0 0;
	height: 32px;
	line-height: 32px;
}
.accordion li ul li .green {
	font-size: 12px;
	font-weight: bold;
}

div.dropdown { display: none; }
.rule p {
	margin: 0 15px 15px;
	position: relative;
}
.rule p img {
	position: absolute;
	top: 3px;
	left: -20px;
	cursor: pointer;
}
.rule_head img,
.rule img {
	border: 0;
	display: inline;
}
.rule em.center {
	font-size: 18px;
	margin-bottom: 15px;
}
.rule .highlight { background: #ffe2c2; }

.rule_head {
	padding: 10px 20px;
	border-bottom: 1px solid #d9d9d9;
	height: 38px;
	line-height: 38px;
	font-size: 12px;
}
.rule_head a {
	font-weight: bold;
	font-size: 11px;
}
.rule_head img { margin: 0 0 0 5px; }

.desc {
	border: 1px solid #d5d5d5;
	background: #f0f0f0;
	margin: 0 15px 30px 30px;
	position: relative;
}
.desc h3 {
	text-transform: uppercase;
	border-bottom: 1px solid #d5d5d5;
	height: 33px;
	line-height: 33px;
	padding: 0 0 0 35px;
	margin: 0 0 15px;
}
.desc img {
	position: absolute;
	top: 5px;
	left: -5px;
}
.desc > a {
	position: absolute;
	top: 8px;
	right: 15px;
	font-size: 12px;
	font-weight: normal;
	text-transform: capitalize;
}
.desc .links {
	position: absolute;
	top: 8px;
	right: 15px;
	font-size: 12px;
	font-weight: normal;
	text-transform: capitalize;
}
.desc p { margin: 15px; }

.desc.single { border-top: 5px solid #d5d5d5; }
.desc.single p { padding-left: 20px; }

.important {
	background: #f9f9f9;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	border-left: 5px solid #c10000;
	padding: 15px;
}
#content .important{
    display: none;
}
.important h3 { margin: 0 0 15px; }
.important h2 {
	margin: 0 0 5px;
	font-size: 18px;
}
.important h2 span {
	color: #929292;
	font: bold 10px Arial;
	text-transform: uppercase;
}
.important h2 img {
	margin: 0 3px 0 0;
	vertical-align: text-bottom;
}
.important p {
	margin: 0 0 15px;
	font-size: 12px;
	line-height: 14px;
}
.important p:last-child, .important p.last { margin: 0; }

span.dd {
	display: none;
	position: absolute;
	left: 0;
	top: 20px;
	background: #f9f9f9;
	padding: 3px 10px;
	min-width: 162px;
	border: 1px solid #5f5f5f;
	box-shadow: 0 0 5px rgba(0,0,0,.65);
	font-size: 11px;
	z-index: 1000;
}
span.dd span.fl
{
	padding-right: 20px;
}
span.dd a {
	display: block;
	color: #2a2a2a;
	line-height: 16px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e7e7e7;
	padding: 5px 0;
}
span.dd a.first, span.dd a:first-child { border-top: 0;}
span.dd a.last, span.dd a:last-child { border-bottom: 0; }

#nav_content div.fl, #nav_content div.fr {
	position: relative;
	z-index: 10; /* ie7 */
}
#nav_content span.dd-arrow {
	width: 15px;
	height: 15px;
	background: url(/skins/default/images/i_dropdown_sprite.png) no-repeat;
	margin-left: 5px;
	cursor: pointer;
}
#nav_content span.dd-arrow.active { background-position: -16px 0; }

.cat-dd {
	display: none;
	position: absolute;
	top: 20px;
	right: -367px;
	z-index: 100;
	width: 380px;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 0;
	box-shadow: 0 2px 3px rgba(0,0,0,.4);
}
.cat-dd h4 {
	font-size: 14px;
	padding: 0 0 10px;
}
.cat-dd ul {
	margin: 0 20px 0 0;
	width: 160px;
	word-wrap: break-word;
}
.cat-dd li {
	font-size: 12px;
	font-weight: normal;
	background: none;
	padding: 0;
}
.cat-dd a { display: block; }
.cat-dd .row {
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.cat-dd .row:hover { background: #f7f7f7; }
.cat-dd .row a.fl {
	font-size: 12px;
	font-weight: normal;
	line-height: 32px;
}

.cat-dd.right {
	right: 0;
	top: 30px;
	width: 427px;
}
.cat-dd.right ul { min-width: 165px; }

.cat-dd.right a.fr { margin: 0 5px 0 0; }

span.dd-button {
	display: block;
	width: 139px;
	height: 27px;
	background: url(/skins/default/images/b_dd.png) left top no-repeat;
	cursor: pointer;
}
span.dd-button.active { background-position: 0 -27px; }

.noresult { background: url(/skins/default/images/continue_bg.png) bottom repeat-x; }
.noresult p {
	font-size: 18px;
	padding: 10px 15px;
	margin: 20px 0 0;
	border-left: 5px solid #c10000;
	color: #666;
}
.noresult p.red {
	color: #c10000;
	font-size: 24px;
	line-height: 36px;
}
.noresult p.red span { font-size: 48px; }

.noresult h3 {
	font-size: 24px;
	color: #aaa;
	margin: 20px;
}
.noresult li {
	background: none;
	padding: 0;
}

.calc_wrap {
	margin: 20px 0;
	background: url(/skins/default/images/calc_border.png) 313px 0 repeat-y;
}
.calc_top p { margin: 15px 20px 20px 0; }
.calc_top h1 {
	font-size: 24px;
	line-height: 24px;
}
.calc_box {
	margin: 20px 20px 0 20px;
	padding: 0 0 20px;
	width: 274px;
	height: 130px;
	border-bottom: 1px solid #e8e8e8;
	font-size: 11px;
	line-height: 14px;
	overflow: hidden;
}
.calc_box h2 {
	margin: 0 0 10px;
	font-size: 14px;
}

#content .calc_box img { margin: 0 10px 0 0; }
#content .calc_box p { width: 126px; }

.searchbox {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 9999;
	background: #eee;
	border: none;
	width: 435px;
	border-radius: 2px;
	box-shadow: 0 3px 6px rgba(0,0,0,.2), 0 3px 6px rgba(0,0,0,.23);
}
.searchbox h5 {
	color: #1f425e;
	font-size: 14px;
	height: 29px;
	line-height: 29px;
	padding: 0 10px;
	border-bottom:none;
	border-radius: 2px 2px 0 0;
	position: relative;
    background: #396997;
    color: #fff;
    height: auto;
    line-height: 100%;
    padding: 10px;
}
.searchbox h5 span {
	position: absolute;
	top: 7px;
	right: 9px;
	display: block;
	cursor: pointer;
    background: rgba(0,0,0,0.3);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height:100%;
    width: 20px;
    height: 20px;
    padding: 0;
}
.searchbox h5 span:before{
    content: '\203A';
    transform: rotate(90deg);
    font-size: 1.3em;
    position: relative;
    left: 1px;
}
.searchbox h5.active span:before{
    transform: rotate(-90deg);
    left: -1px;
}
.searchbox h5.active {
	border: 0;
	border-radius: 5px;
}
.searchbox form {
	padding: 10px;
	color: #2a2a2a;
	font-size: 12px;
}
.searchbox input.text {
	font-style: italic;
	color: #8b8b8b;
	padding: 2px 5px;
	width: 230px;
	height: 16px;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,.2);
    height: auto;
    padding: 8px;
    font-size: 100%;
    border-radius: 4px;
    border: none;
}
.searchbox input.text:focus {
	font-style: normal;
	color: #000;
}
.searchbox button {
	padding: 0 0 0 5px;
	margin: 0;
}
.searchbox button, .searchbox img {
	border: 0;
	background: none;
}
.searchbox form button{
    display: inline-flex;
    background: #396997;
    width: auto;
    border-radius: 4px;
    padding: 7px 10px;
    margin: 0 5px;
	justify-content: center;
}
.searchbox form button:before{
    content: '\2039  előző';
    color: #ffffff;
}
.searchbox form button:last-of-type:before{
    content: 'következő \203A';
    color: #ffffff;
}
.searchbox form button img{
    display: none;
}
a:hover img,
#header_wrapper,
#highlights,
#article header,
#postlist .post .title,
#postlist .post.illustrated .picture,
#more,
#fresh { border-color: #c10000; }

input.button:hover,
#header_tools .control:hover,
#header_articles li a:hover { border-color: rgba(193,0,0,0.8); }

/*checklist*/
.as_cbl {height: 84px; width: 185px !important;}
div.checklist, div.checklistHighlighted { overflow-y: auto; overflow-x: hidden; /* If you don't want scrollbars, leave this one blank. */ }
div.checklist { border: 1px inset #f0f0f0;  font-family: arial; font-size: 11px;  line-height: 1.6em; }
div.checklistHighlighted {}
ul.checklist { list-style-type: none; margin: 0; padding: 0; }
div.checklist li { padding: 3px; }
div.checklist li.even { }
div.checklist li.odd { }
div.checklist li.even:hover, div.checklist li.odd:hover, div.checklist li.focused, div.checklist li:hover label { }
div.checklist li.checked { }
div.checklist li.checked:hover, div.checklist li.checked:hover label { }
div.checklist label.disabled { color: white; }
div.checklist li input { display: block; float: left; }
div.checklist label { display: block; margin: 0; padding: 0; }
div.checklist label.leaveRoomForCheckbox { display: block; padding-left: 25px; /* If hiding checkboxes, set padding-left to 3px */ }

/*adv search column buttons*/
#as_columns a, #as_columns a:hover, #as_columns a:active, #as_columns a:visited
{
	font: bold 10px Arial;
	text-transform: uppercase;
	color: #fff;
	padding: 3px 22px 3px 5px;
	border-radius: 2px;
	margin: 3px 4px 3px 0;
	display: inline;
	background: #75a6c9 url(/skins/default/images/i_close_3.png) right 6px no-repeat;
	white-space: nowrap;
	float: left;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #588ab0;
}
/*adv search tag buttons*/
#as_tags a, #as_tags a:hover, #as_tags a:active, #as_tags a:visited
{
	font: bold 10px Arial;
	text-transform: uppercase;
	color: #fff;
	padding: 3px 22px 3px 5px;
	border-radius: 2px;
	margin: 3px 4px 3px 0;
	display: inline;
	background: #ff9933 url(/skins/default/images/i_close_3.png) right 6px no-repeat;
	border: 1px solid #cc6600;
	white-space: nowrap;
	float: left;
	cursor: pointer;
	text-decoration: none;
}
#as_bottom
{
	min-height: 300px;
	height: 300px !important;
}
#postlist span.law-effective a
{
	background: #fff;
	color: #929292;
	border: 1px solid #fff;
	font-size: 12px;
}
#postlist span.law-ineffective a
{
	background-color: White;
	color: #c16060;
	border: 1px solid #c16060;
}
.subscription-try {
	height: auto;
    display: block;
    background: #ffffff;
    box-sizing:border-box;
    width: 100%;
    padding: 20px;
    text-align: center;
	min-height: 93px;
}
.subscription-try h1{
    letter-spacing: -1px;
    color: #c02026;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1.2;
}
.subscription-try h3{
    letter-spacing: -1px;
    color: #c02026;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.2em;
    margin-top: 5px;
    line-height: 1.2;
}
.subscription-procedure {
	display: block;
	height: 285px;
	background: url(//static.hvgrt.hu/adozona/elofizetes/subscription-procedure-988.png) no-repeat;
}
.subscription-banner img{
    max-width: 100%;
    width: 100%;
}
.subscription-choosetext {
	height: auto;
    display: block;
    background: #ffffff;
    box-sizing:border-box;
    width: 100%;
    padding: 20px;
    text-align: center;
}
.subscription-choosetext h2 {
    color: #c02026;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.6em;
    letter-spacing: -1px;
    line-height: 120%;
}
.subscription-banner img{
    max-width: 100%;
    border: none;
}
.voucher * { font:bold 18px Courier, serif; }
.voucher select { padding: 9px; margin: 0 0 0 30px; }
.voucher input {
	width: 140px;
	text-align: center;
	padding: 10px 5px;
	margin: 0 5px;
}
.voucher input.two { width: 30px; }
.voucher span { line-height: 44px; }


.bar.gray { padding: 10px 20px 10px 220px; }
.bar span.item {
	display: block;
	float: left;
	padding: 10px 0 10px 8px;
	margin: 0 40px 0 -5px;
	width: 155px;
	height: 21px;
	line-height: 21px;
	font-size: 15px;
	font-weight: normal;
	background: #dfdfdf;
	border: 1px solid #cacaca;
	position: relative;
}
.bar span.item.first {
	border-radius: 5px 0 0 5px;
}
.bar span.item span.num {
	float: left;
	width: 20px;
	margin: 0 5px 0 0;
	font-size: 15px;
	line-height: 20px;
	background: #656565;
	color: #dfdfdf;
	text-align: center;
	border-radius: 2px;
}
.bar a { color: #2a2a2a; }

.bar span.arrow {
	display: block;
	width: 24px;
	height: 43px;
	background: url(/skins/default/css/images/bar_arrows.png) no-repeat;
	position: absolute;
	top: -1px;
}
.bar span.arrow.l { left: -24px; }
.bar span.arrow.r { right: -24px; background-position: 0 -43px; }

.bar span.item.active {
	background: #fdf9df;
	font-weight: bold;
}
.bar span.item.active span.num { color: #fdf9df; }
.bar span.item.active span.arrow.l { background-position: 0 -86px; }
.bar span.item.active span.arrow.r { background-position: 0 -129px; }

.newsletter {
	width: 274px;
	padding: 20px;
	margin: -5px 0 0;
	background: url(/skins/default/images/newsletter_ul_bg.png) top repeat-x;
}
.newsletter.fr {
	width: 273px;
	border-left: 1px solid #cacaca;
}
.newsletter ul {
	margin: 0 0 20px;
	font-size: 13px;
}
.newsletter li {
	padding: 0 0 10px 15px;
	line-height: 16px;
	background-image: url(/skins/default/images/i_arrow_red.png);
	background-position: 0 1px;
}
.newsletter.orange li { background-image: url(/skins/default/images/i_arrow_orange.png); }
.newsletter h2 {
	font-size: 18px;
	line-height: 20px;
	margin: 0 0 20px;
}

.message {
	position: fixed;
	left: 0;
	top: -80px;
	background: #f8f59e;
	border-bottom: 1px solid #dbd879;
	width: 100%;
	color: #333;
	font-size: 12px;
	line-height: 14px;
	z-index: 10000;
	display: none;
}
.message p { padding: 10px 35px 10px 15px; }
.message span {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
}
.message a, .message span:hover { text-decoration: underline; }

/* COMMENTS CSS
*************************/
#comments {
	padding: 0 0 20px 19px;
	width: 589px;
}

/* HEADER */
#comments header {
	clear: both;
	border: none;
	line-height: 17px;
	margin: 0;
	padding: 0;
}

#comments #comments_header {
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom: 5px solid #ccc;
}
#comments_wrapper a.button.loadmore { margin: 10px auto 0; }

#comments_header h1,
#article #comments_header h1 {
	color: #666;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	line-height: normal;
	width: 50%;
	float: left;
}

.informa #comments_header h1, .informa #article #comments_header h1 { font-size: 23px; }
.proxima #comments_header h1,  .proxima #article #comments_header h1 { font-size: 25px; }
.msie #comments_header h1, .msie #article #comments_header h1 { font-size: 18px; }

#comments_header ul,
#article #comments_header ul {
	width: 50%;
	text-align: right;
	padding-top: 8px;
	float: right;
}

#comments_header ul li {
	display: inline;
	padding: 0;
	background: none;
	color: #ccc;
}

/* PANE SWITCHER */
#pane_switch .comments_tab {
	display: block;
	width: 50%;
	float: left;
}

#pane_switch .comments_tab:hover { text-decoration: none; }

#pane_switch .comments_tab span {
	display: block;
	border: 1px solid #ccc;
	border-top: none;
	padding: 5px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	background: #eee;
	color: #acacac;
	cursor: pointer;
}

#pane_switch #tab_filtered span { border-right: none; }

#pane_switch .comments_tab.selected span {
	background: #ccc;
	color: white;
}

#pane_switch .comments_tab:hover span {	background: white; }
#pane_switch .comments_tab.selected:hover span { background: #ccc; }

/* COMMENT
*******************/
#comments .comment {
	clear: both;
	padding: 10px 20px 1px 19px;
	margin: 0 -20px 0 -19px;
	width: 100%;
	overflow: hidden;
}

#comments .comment.even { background: #eee; }

/* COMMENT HEADER */
#comments .comment_header {
	height: 32px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

#comments .comment_header .comment_info {
	float: left;
	width: 70%;
}

#comments .comment_header .comment_info .avatar {
	display: none;
	width: 32px;
	height: 32px;
	float: left !important;
	padding-right: 10px;
}

#comments .whitelist .comment_header .comment_info .avatar { display: block; }

#comments .comment_header .comment_info .avatar img {
	display: block;
	width: 30px;
	height: 30px;
}

#comments .comment_header .comment_info .username {	line-height: 18px; }
#comments .whitelist .comment_header .comment_info .username { font-weight: bold; }

#comments .comment_header .comment_info time {
	display: block;
	font-size: 13px;
	color: #acacac;
}

#comments .comment_header .comment_tools {
	width: 30%;
	float: right;
	padding-top: 4px;
}

#comments .comment_header .comment_tools .comment_rate {
	display: block;
	height: 24px;
	border: 1px solid #ccc;
	border-radius: 2px;
	float: right;
	margin-left: 5px;
	text-align: right;
	padding: 0 6px 0 26px;
	background-repeat: no-repeat;
	background-image: url('/skins/default/images/comment_promote.png');
	color: black;
	font-size: 13px;
	line-height: 25px;
	opacity: 0.7;
}

#comments .comment_header .comment_tools .comment_rate:hover { text-decoration: none; opacity: 1; }

#comments .comment_header .comment_tools .comment_rate.promote { background-position: left top; }
#comments .comment_header .comment_tools .comment_rate.degrade { background-position: left -24px; }

/* COMMENT TEXT */
#comments .comment_text {
	padding: 10px 0 1px;
	color: #666;
}

#comments .whitelist .comment_text { color: black; }

#comments .comment_text p {
	margin: 0 0 10px;
	line-height: 21px;
}

#comments .comment_text img {
	display: block;
	max-width: 100%;
	margin: 0 0 10px;
}

#comments .comment_text iframe,
#comments .comment_text object,
#comments .comment_text embed { margin-bottom: 10px; }

/* COMMENT FOOTER */
#comments .comment footer {
	display: none;
	border-top: 1px solid #ccc;
	padding: 5px 0;
	text-align: right;
}

#comments.admin .comment footer { display: block; }

#comments .comment footer span { font-size: 13px; color: #666; }
#comments .comment footer form { display: inline; }

/* PAGER */
#comments_pager { margin: 20px 0 0; }
#comments_pager a { font-weight: bold; }
#comments_pager a.next { float: right; }

/* COMMENTFORM */
form#commentForm {
	clear: both;
	background: #eee;
	padding: 15px;
	margin: 20px 0 0;
}

/* login */
.comment_login p { margin: 0 0 10px; }

.comment_login .loginoptions { text-align: center; }

.comment_login .loginoptions .button {
	display: inline-block;
	width: 25%;
	height: 21px;
	padding: 3px 0 0;
	margin: 0 5px;
	color: white;
	font-weight: bold;
	background-repeat: no-repeat;
}

.comment_login .loginoptions .button:hover { text-decoration: none; }

.comment_login .loginoptions .button.onsite {
	background-image: url('/skins/default/images/i_login.png'), linear-gradient(to bottom, #666, #333);
	background-position: right center;
	padding-right: 20px;
}

.msie .comment_login .loginoptions .button.onsite { background: url('/skins/default/images/button_bg_login.png') no-repeat right center; }

.comment_login .loginoptions .button.facebook {
	background-image: url('/skins/default/images/i_fb.png'), linear-gradient(to bottom, #7c8ed0, #6a78b0);
	background-position: right center;
	padding-right: 20px;
}

.msie .comment_login .loginoptions .button.facebook { background: url('/skins/default/images/button_bg_fb.png') no-repeat right center; }

.comment_pane .comment_login { margin-top: 20px; }

/* logged */
form#commentForm h3 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

form#commentForm h3 .changeuser {
	float: right;
	margin: 0;
	font-size: 13px;
}

form#commentForm .userwrapper {
	height: 42px;
	margin: 0 0 10px;
}

form#commentForm .userwrapper .avatar {
	display: block;
	width: 42px;
	height: 42px;
	float: left;
	margin-right: 10px;
}

form#commentForm .userwrapper .username {
	font-weight: bold;
	line-height: 19px;
}

form#commentForm .userwrapper .logout {
	font-size: 13px;
	color: #666;
}

form#commentForm .formwrapper textarea {
	width: 99%;
	height: 120px;
	margin-bottom: 10px;
}

form#commentForm .formwrapper .form_hints {
	font-size: 12px;
	line-height: 15px;
	color: #666;
	margin: -5px 0 10px;
}

form#commentForm .formwrapper .cancel {
	font-weight: normal;
	color: #eee;
}

form#commentForm .formwrapper label { font-size: 13px; }

form#commentForm .formwrapper label .checkbox {
	height: auto;
	margin: 0 5px 0 10px;
	vertical-align: middle;
}

/**/

span.highlight {
	background: yellow;
	display: inline;
}
span.highlight.first {
	background: #c10000;
	color: #fff;
}

.yellow span.highlight, .gray span.highlight { font-size: 14px; }

div.ie {
	width: 600px;
	padding: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -85px 0 0 -320px;
	background: #f8f59e;
	border: 1px solid #dbd879;
	font: 14px/16px Arial;
	z-index: 10000;
}
div.ie span {
	display: block;
	margin: 0 0 15px;
}
div.ie a { display: block; }


/**
 * Styles of the tagedit inputsforms
 */
.tagedit-list
{
	margin: 0;
	padding: 5px 5px 0 5px;
	overflow: auto;
	font-size: 11px;
	min-height: 25px;
	border-radius: 2px 2px 2px 2px;
	color: #808080;
	font-size: 17px;
	width: 475px;
	border: 1px solid #C6C9CD;
	float: left;
	line-height: 13px !important;
}
.tagedit-list li span
{
	margin: 0;
	margin-top: 0 !important;
	display: inline;
	font-size: 11px;
	font-family: Verdana,sans-serif;
	font-weight: normal;
	line-height: 13px !important;
}
.tagedit-list li a
{
	line-height: 13px !important;
	font-family: Verdana,sans-serif !important;
	font-size: 11px  !important;
}
.tagedit-list li.tagedit-listelement {list-style-type: none; float: left; margin: 0 5px 5px 0; padding: 0; }
/* New Item input */
.tagedit-list li.tagedit-listelement-new input {border: 0; height: 100%; padding: 2px 5px; width: 15px; background: #fff;}
.tagedit-list li.tagedit-listelement-new input:focus {outline: none;}
.tagedit-list li.tagedit-listelement-new input.tagedit-input-disabled {display: none;}
/* Item that is put to the List */
.tagedit-list li.tagedit-listelement-old {background: #E7F8DE url(/skins/default/images/tagedit/disc.png) 4px center no-repeat; border: 1px solid #D8F3CA; padding: 2px 0 2px 13px; border-radius: 8px 4px 4px 8px;}
.tagedit-list li.tagedit-listelement-old:hover {background-color: #E4FFD6;}
.tagedit-list li.tagedit-listelement-old a.tagedit-close,
.tagedit-list li.tagedit-listelement-old a.tagedit-break,
.tagedit-list li.tagedit-listelement-old a.tagedit-delete,
.tagedit-list li.tagedit-listelement-old a.tagedit-save {font-weight: bold; text-indent: -2000px; display: inline-block; width: 15px; height: 100%; cursor: pointer; border-left: 1px dotted #7E9DD6; margin: 0 2px 0 5px; background: url(/skins/default/images/tagedit/cross.png) center center no-repeat;}
.tagedit-list li.tagedit-listelement-old a.tagedit-save {background-image: url(/skins/default/images/tagedit/tick.png); margin-right: 0;}
.tagedit-list li.tagedit-listelement-old a.tagedit-break {background-image: url(/skins/default/images/tagedit/undo.png); margin-right: 0;}
.tagedit-list li.tagedit-listelement-old a.tagedit-delete {background-image: url(/skins/default/images/tagedit/delete.png); margin: 0 5px 0 2px; background-position: right center;}
/* Items that are edited */
.tagedit-list li.tagedit-listelement-edit input.tagedit-edit-input {border: 0; background: transparent; font-size: 11px; color: #666; padding: 0;}
.tagedit-list li.tagedit-listelement-edit input:focus {outline: none;}
.tagedit-list li.tagedit-listelement-edit a.tagedit-break {border: 0; margin-left: 0;}
.tagedit-list li.tagedit-listelement-edit a.tagedit-close,
.tagedit-list li.tagedit-listelement-edit span {display: none;}
/* Item is marked as deleted */
.tagedit-list li.tagedit-listelement-deleted,
.tagedit-list li.tagedit-listelement-deleted:hover {padding-right: 5px; background-color: #FFD6D6; border-color: #FFB7B7; border-style: dashed; }
.tagedit-list li.tagedit-listelement-deleted span {text-decoration: line-through;}
.tagedit-list li.tagedit-listelement-deleted a.tagedit-close {margin-right: 0;}

.tagedit-list li.tagedit-listelement-ac {background: #DEE7F8 url(/skins/default/images/tagedit/disc.png) 4px center no-repeat; border: 1px solid #CAD8F3;}
.tagedit-list li.tagedit-listelement-ac:hover {background-color: #D6E4FF;}


.download-dialog
{
	text-align: center;
}
.download-dialog img
{
	border: none;
	margin: 5px auto;
}
.download-dialog #wait
{
	margin-top: 40px;
}
.download-dialog #download-btn
{
	margin-top: 40px;
}
.download-dialog #download-btn a
{
	background: url("/skins/default/images/b_download.png") no-repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	height: 49px;
	margin: 10px 0;
	width: 149px;
	display: inline-block;
}

#as_collist
{
	width: 482px;
}
.as_tags
{
	clear: both;
}

/*Jogszabály oldalak*/
.legislation-kommentar{
    display: none;
}
.legislation-kommentar h3
{
	margin-top: 0 !important;
}
#timeStateSelect option.enabled
{
	color: Green;
}
#legislation-body br
{
	line-height: 36px;
}
#legislation-body .f
{
	font-size: 70%;
	margin: 0 3px;
}
#legislation-body .oi_h1
{
	display: block;
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
	margin: 15px 0;
}
#legislation-body .oi_h2
{
	font-weight: bold;
	font-size: 13pt;
	text-align: center;
	margin: 14px 0;
}
#legislation-body .oi_h3
{
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	margin: 14px 0;
}
#legislation-body .oi_h4
{
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	margin: 14px 0;
}
#legislation-body .oi_h5
{
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	margin: 14px 0;
}
#legislation-body .oi_h5
{
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	margin: 14px 0;
}
#legislation-body .oi_bh
{
	font-size: 10pt;
	margin: 10px 0;
}
#legislation-body .oi_rs43_s1
{
	font-size: 10pt;
	text-align: center;
}
#legislation-body .oi_rs43_s69
{
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
}
#legislation-body .oi_rs43_s100
{
	font-weight: bold;
	font-size: 12pt;
	text-align: left;
}
#legislation-body .oi_rs14
{
	margin-bottom: 12px;
	font-style: italic;
}
#legislation-body .oi_rs9, #legislation-body .oi_rs10
{
	font-weight: bold;
	margin-right: 3px;
}
#legislation-body .oi_rs15, #legislation-body .oi_rs16
{
	font-weight: bold;
	margin-right: 3px;
}
#legislation-body .oi_rs25, #legislation-body .oi_rs50
{
	text-align: justify;
}

#legislation-body .oi_rs34first
{
	font-style: italic;
	padding-top: 18px;
}
#legislation-body .oi_rs34
{
	font-style: italic;
}
#legislation-body .oi_footer
{
	margin-top: 15px;
}
.lapaged section:last-of-type
{
	border-bottom: none !important;
}
/*Jogszabály oldalak*/


.email_dialog {
	width: 300px;
	padding: 15px;
}
.email_dialog label {
	display: block;
	font-weight: bold;
	font-size: 12px;
}
.email_dialog input {
	margin: 0 0 10px;
	width: 288px;
}
.email_dialog textarea {
	width: 288px;
	min-height: 120px;
	margin: 0 0 10px;
	font-family: Arial, Helvetica, serif;
	border: 1px solid #ccc;
}
.email_dialog a {
	font-size: 11px;
	margin: 7px 0 0;
}
.email_dialog button {
	border: 0;
	background: none;
}
section.event .mediatype-label
{
	max-width: 110px;
	padding-left: 20px;
	line-height: 5px;
	text-align: right;
}
section.event .mediatype-label img
{
	margin: auto 0 auto -20px;
}
.as_search_button
{
	text-align: center; margin: 10px 0 5px 0;
}
.none
{
	display: none;
}
.ipad body { -webkit-text-size-adjust:none; }

/**/

.subs-layer{
	box-shadow:inset 0 0 1px #fff;
	border:1px solid #750000;
	border-radius: 4px;
	background: #c10000;
	background: linear-gradient(to bottom, #c10000, #7b0000);
	color:#fff;
	font-size:16px;
	position:fixed;
	top:50%;
	left:50%;
	width:435px;
	height:250px;
	padding:35px 0 0;
	text-align:center;
	z-index:1000;
    max-width: 100%;
    transform: translateX(-50%) translateY(-50%);

}
.subs-layer img{
	border:0;
	display:inline;
	vertical-align:text-bottom;
    max-width: 100%;
}
.subs-layer span{
	background:url(/skins/default/images/day-icon.png) no-repeat;
	display:block;
	*line-height:27px; /* ie7 */
	font-size:36px;
	font-weight:bold;
	width:80px;
	height:40px;
	padding:44px 0 0;
	margin:10px auto;
}
.subs-layer p{
	font:bold 11px Arial;
	color:#dc7474;
	width:320px;
	margin:10px auto;
    max-width: 100%;
}
.subs-layer a.close,
.az-layer a.close{
	background:url(/skins/default/images/close-sprite.png) no-repeat;
	display:block;
	position:absolute;
	top:17px;
	right:17px;
	width:12px;
	height:13px;
	text-indent:-999em;
}
.subs-layer a.close:hover,
.az-layer a.close:hover{background-position:0 -13px;}

#rightbar .subs-layer{

	position:relative;
	left:0;
	top:0;
	padding:35px 0 20px;
	margin:0 auto 20px;
	width:322px;
	height:auto;
	z-index:1;
	zoom:1;
    transform:none;
}
#rightbar .subs-layer p{width:250px;}
#rightbar .subs-layer a.close{display:none;}

/**/

.az-layer {
	box-shadow: inset 0 0 1px #fff;
	border: 1px solid #750000;
	border-bottom: 0;
	border-radius: 4px;
	background: #c10000;
	background: linear-gradient(to bottom, #c10000, #7b0000);
	font-size: 12px;
	color: #fff;
	position: fixed;
	bottom: -150px;
	left: 5%;
	width: 360px;
	padding: 15px;
	z-index:1000;
}
.az-layer h6 {
	font-size: 14px;
	line-height: 100%;
	margin: 0 0 15px;
}
.az-layer a { color: #fff; }

.az-layer a.close {
	position: absolute;
	top: 15px;
	right: 15px;
}
.az-layer img {
	display: inline;
	vertical-align: text-bottom;
}
.az-layer img.fr { margin: 15px 0 0; }
.az-layer ul { width: 160px; }
.az-layer li {
	line-height: 100%;
	background: url(/skins/default/images/dot-white.png) left 5px no-repeat;
	padding: 0 0 3px 10px;
}

/**/

body.credits {
	opacity: .4;
	background: url(/skins/default/images/credits.png) repeat;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-transition: opacity .5s ease;
}


.ado-kerdoiv-layer {
	box-shadow: 0 0 7px rgba(0,0,0,.5);
	background: #000;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -260px 0 0 -300px;
	width: 600px;
	height: 520px;
	z-index: 1000;
}
.ado-kerdoiv-layer .logo {
	background: url(/skins/default/images/azlayer/logo.png) 0 0 no-repeat;
	height: 50px;
	width: 82px;
	position: absolute;
	top: 5px;
	left: 20px;
}
.ado-kerdoiv-layer .close-icon {
	background: url(/skins/default/images/azlayer/close.png) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 22px;
	right: 10px;
	text-indent: -999em;
}

.ado-kerdoiv-layer .close-icon:hover { background-position: 0 -16px; }

.ado-kerdoiv-layer h2 {
	background: #484848;
	color: #fff;
	font: 18px Arial;
	height: 32px;
	margin: 0;
	padding: 28px 0px 0px 122px;
	border-bottom: 5px solid #c10000;
}

.ado-kerdoiv-layer .box {	
	border-radius: 4px;
	background: #f8f7f2;
	clear: both;
	overflow: hidden;
	margin: 40px 40px 0 60px;
	padding: 20px 43px 20px 140px;
	color: #000;
	font: 20px Arial;
	text-align: left;
}
.ado-kerdoiv-layer .layercontent{
	background: rgb(71,71,72);
	background: radial-gradient(circle farthest-corner at center, rgb(71,71,72) 0%, #000 100%);
	text-align: center;
    padding-bottom: 7px;
}
#stamp {
	position: absolute;
	top: 80px;
	left: 32px;
}

.ado-kerdoiv-layer p {
	color: #fff;
	font: 14px Arial;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 0 10px;
	margin: 13px 0;
}

.ado-kerdoiv-layer .layerfooter {
	background: rgb(71,71,72);
	background: linear-gradient(to top, rgb(71,71,72) 65%, #000 100%);
	height: 75px;
	border-top: 1px solid #4a4a4a;
}

.ado-kerdoiv-layer .layerfooter button {	
	background: url(/skins/default/images/azlayer/button_shadow.png) 0 0 no-repeat;
	position: absolute;
	bottom: 0px;
	left: 218px;
	height: 66px;
	width: 179px;
	border: 0;
	}

.ado-kerdoiv-layer img {
	display: inline;
	border: 0;
}

/**/

.mobile #header_wrapper {
	position: static;		
}
.mobile #page {
	padding-top: 0;	
}


/* block UI dialog / layer */
.dialog-header {
	border: 1px solid #898989;
	background: #9D9D9D;
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16.5px;
	font-weight: bold;
	padding: 10px 18px;
	text-align: left;
}

.dialog-header a.close {
	background: url(/skins/default/images/close-sprite.png) no-repeat;
	display: block;
	position: absolute;
	top: 17px;
	right: 17px;
	width: 12px;
	height: 13px;
	text-indent: -999em;
}

.dialog-header a.close:hover {
	background-position: 0 -13px;
}

.dialog-content {
	padding: 20px 22px 25px 22px;
}

.dialog-content a {
	text-decoration: underline;
}

.dialog-content a.breakall {
	width: 100%;
	display: inline-block;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
}

.dialog-content a.hoverunderline {
	text-decoration: underline;
}

.dialog-content a.hoverunderline:hover {
	text-decoration: none;
}

.dialog-content p + p {
	margin-top: 5px;
}

.dialog-content ul {
	margin: 10px 0 0 10px;
}

.dialog-content ul li {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 5px;
	list-style: none;
	background: url(/skins/default/images/arrow_left.png) no-repeat left center;
}

.dialog-content ul li a {
	display: -moz-inline-box; /* FF2 or lower */
	display: inline-block; /* FF3, Opera, Safari */
	line-height: normal;
	vertical-align: middle;
}

.dialog-content .loading {
	margin: 20px auto 0;
}

.dialog-content .loading img {
	display: inline;
	vertical-align: middle;
	margin-right: 5px;
	border-width: 0;
}
/*loader stuffs*/
div#authLayer iframe {
    position: relative;
    z-index: 2;
}
.loading-container{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    display: block;
    z-index: 1;
    transform: translateX(-50%) translateY(-50%);
}

/*loading animation*/
/*usage: <div class="az-loading"><div class="az-child az-loading1"></div><div class="az-child az-loading2"></div></div>*/

.az-loading {
    width: 20px;
    height: 20px;
    position: relative;
    margin: 0;
    display: inline-block;
    top: 5px;
    margin-right: 10px;
}
.az-loading .az-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #74a6c9;;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: az-Loading 2s infinite ease-in-out;
            animation: az-Loading 2s infinite ease-in-out; 

}
.az-loading .az-loading2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;

  }
button .az-loading{
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
button .az-loading .az-child{
    background-color: #ffffff;;
}
@-webkit-keyframes az-Loading {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes az-Loading {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.minusmarginhack{
    margin: 0 -19px;
    max-width: none;
}

.wrapper .material-icons{
    font-size: 1.3em;
    position: relative;
    top: .2em;
}

.material-icons.library-books:after {
    position: relative;
    top: auto;
	left: auto;
    content: 'library_books';
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: #fff;
  }

.print_header{
    display: none;
}

@media print {
    @page {
        margin-top: 2cm;
        margin-bottom: 2cm;
        margin-left: 2cm;
        margin-right: 2cm;
    }
    body{
        background: transparent;
    }
    #page{
        width: 100%;
        max-width: 100%;
        padding: 0;
        border: none;
        background: transparent;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .no-print, #header_wrapper, #footerwrapper, #rightwrapper, #page_top,#nav_content,#comments,.floating-help-wrapper, .ads{
        display: none !important;
    }
    #contentwrapper{
        max-width: 100%;
        width: 100%;
        border: none;
    }

    p {
      page-break-inside: avoid;
    }
    .print_header{
        width: calc(100% - 40px);
        background: url(/skins/default/images/logo_adozona.png) left top no-repeat;
        height: 85px;
        margin: 0 20px;
        box-sizing: border-box;
        text-align: right;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        color: #787878;
    }
    .print_header h5{
        font-size: .9em;
        font-weight: 300;
    }
    .print_header h3{
        max-width: 400px;
        width: 100%;
    }
}

/*sidebar*/
#rightbar .box ol li a{
    font-size: 1em;
    padding: 0;
}
#rightbar .box{
	padding-right: 0;
	padding-left: 38px;
}
#rightbar .box h6{
	padding-right: 0;
	box-sizing: border-box;
	font-family:proxima-nova-extra-condensed, 'Roboto Condensed','Arial Narrow', Arial, system-ui, sans-serif;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 10px 15px;
	height: auto;
	border-radius: 2px 2px 0 0;
	background: rgb(89,89,89) !important;
	background: linear-gradient(to bottom, rgba(89,89,89,1) 24%, rgba(57,57,57,1) 99%) !important;
	border-bottom: 2px solid #c10b11;
    position: relative;

}
#rightbar .box h6 a, #rightbar .box h6 a:hover{
    color: #fff;
    text-decoration: none;
}
#rightbar a.more{
	font-size: 1em;
	border-top: 1px solid rgba(0,0,0,0.05);
	padding-top: 10px;
}

#rightbar .ads .ad_container,
#rightbar .ads .ad_container a.adtxt,
#rightbar .ads .ad_container div{
    background: transparent;
    text-align: center;
}

#rightbar .ads .ad_container div iframe{
    margin: 0 auto !important;
    display: block;
}
.calendar{
	background: #fff;
	border-radius: 0 0 2px 2px;
	border: none;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.1);	
}

/* thematic default styles */

#rightbar .box.thematic-box{
	position: relative;
	padding-top: 0;
}
#rightbar .box.thematic-box .caption{
        background: transparent;
        color:#acacac;
        text-transform: uppercase;
        font-size: 10px;
        line-height: 10px;
        display: block;
        margin: 0 0 4px 0;
        text-align: center;
        width: auto;
        position: static;
        height: auto;

    }
#rightbar .box.thematic-box .caption:before{
    content: 'HIRDET\00c9S';
}
#rightbar .box.thematic-box h3.h6{
	display: flex;
	background-color: #595959;
	align-items: center;
	padding: 0 0 0 10px;
	min-height: 40px;  
}
#rightbar .box.thematic-box h3.h6 a{
	border: 0;
	outline: none;
	text-decoration: none;
	width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
	overflow: hidden;
	color: #fff;
	line-height: 1.2em;
}

#rightbar .box.thematic-box h3.h6 a img{
	border: none;
	display: flex;
	margin-left: auto;
	margin-right: 5px;
    max-width: 100px;
    width: 100px;
    height: 40px !important;
}
	#rightbar .box.thematic-box h3.h6 a:hover img {
		border:0;
		outline: none;
	}

#rightbar .box.thematic-box a.adtxt {
	margin: 10px auto 0;
}

#rightbar .box.thematic-box .ads, #rightbar .box.thematic-box .ad_container {
    display: none !important;
}

@media screen and (min-width: 992px) and (max-width: 1254px) {
	#rightbar .box.thematic-box{
		padding-top: 10px;
	}
}

/*-----------------------------------------FACELIFT-------------------------------------*/
@media screen and (min-width: 992px) {

    body{
        margin: 0;
        padding: 0;
        color: #454545;
        font-family:'Roboto', Arial,sans-serif;
        background: #f0f0f0;
	    font-size: 16px;
    }
    .hide:not(.ui-dialog-content){
        display: none!important;
    }
    #header_wrapper .ui-autocomplete{
        border-radius: 0 0 4px 4px;
        border: none;
        box-shadow: 0px 4px 5px rgba(0,0,0,0.2);
        font-size: 1em;
        position: fixed;
    }
    #header_wrapper .ui-autocomplete .ui-menu-item a {
        font-size: 80%;
    }
    #header_wrapper .ui-state-hover,#header_wrapper  .ui-widget-content .ui-state-hover,#header_wrapper  .ui-widget-header .ui-state-hover,#header_wrapper  .ui-state-focus,#header_wrapper  .ui-widget-content .ui-state-focus,#header_wrapper  .ui-widget-header .ui-state-focus{
        border: none;
        background-image: none;
        border-radius: 0;
        background: #51aace;
        color: #fff;
        margin: 0 !important;
    }

    div#pagewrapper,#page {
        max-width: 1280px;
        width: 100%;
    }
    #page{
        background-image: none;
        background-color: transparent;
        box-shadow: none;
        border: none;
        padding-top: 114px;
    }

    div#contentwrapper {
        flex: 1 0 calc(100% - 360px);
        max-width: calc(100% - 360px);
        border-right: none;
    
    }

    section#content {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
        background: #fff;
        box-shadow: 0px 0px 3px rgba(0,0,0,0.1)
    }
    #ad_top{
        padding: 10px 0 5px;
        text-align: center;
        margin-top: 10px;
    }
	#rightbar #ad_top {
		padding: 0 0 20px 0;
		margin: 0;
	}

    #content .column.fl,#content .column.fr {
        max-width: calc(50% - 30px);
        flex: 1 0 calc(50% - 30px);
        width: calc(50% - 30px);
    }

    article.lead img {
		display:block;
		max-width:100%;
		height:auto;
    }

	.lead-media {
		aspect-ratio: 1200 / 800;
		overflow: hidden;
	}

	.lead-media img {
		  width:100%;
		  height:100%;
		  object-fit: cover;
	}

    .legislation-list .sub-title{
	    margin: 10px 20px;
	    font-size: 2em;
	    border-left: 4px solid #c10000;
	    padding-left: 8px;
	    line-height: .8em;
	    text-transform: uppercase;
	    font-weight: 300;
	    letter-spacing: -1px;
    }
    section.event{
        font-size: inherit;
    }

    .event-list, .event-list *{
        box-sizing: border-box;
        max-width: 100%;
        width: 100%;
    }
    .event-list section.event{
        width: 100%;
        max-width: calc(100% - 40px);
    }
    .event-list section.event .event-content{
        width: calc(100% - 50px);
    }
    #content .column h1,#content .column h2,section.event h2,#content .column h3 {   
        line-height: 130%;
        font-weight: 900;
        font-family:'Roboto',Arial,sans-serif;
        font-size: 1.2em;

    }
    #content .column article.lead:first-of-type{
        border-bottom: 4px solid #014275;
    }
    #content .column article.lead:first-of-type h1,
	#content .column article.lead:first-of-type .h1{
        font-size: 1.6em;
    }
	#content .column article.lead:first-of-type img {
		display:block;
		max-width:100%;
		height:auto;
	}
	#content .column article.lead:first-of-type .lead-media {
		aspect-ratio: 1200 / 800;
		overflow: hidden;
	}
	#content .column article.lead:first-of-type .lead-media img {
		  width:100%;
		  height:100%;
		  object-fit: cover;
	}
    #content .column p, section.event p {
        font-size: 1em;
        line-height: 130%;
        color: rgba(0,0,0,0.75);
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    #content .tool {
        height: auto;
        font-size: .75em;
        color: rgba(0,0,0,0.5);
        margin: 5px 0;
    }

    .column article {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px dashed rgba(0,0,0,0.2125);
    }

    .home_gray {
        width: 100%;
        background: #f8f8f8;
    }

    #content .home_gray .column h2{
        font-size: 1.2em;
        background: transparent;
        font-weight: 500;
        text-shadow: 0 1px 1px rgba(255,255,255,.5);
    }

    /*TODO: minden tovább gom bköré: <p class="p-more"><a href="/tarsasagi_ado_innovacios_jarulek" target="" title="További cikkek a rovatban" class="more">További cikkek a rovatban »</a></p>*/
    p.p-more,h4.p-more {
        text-align: right;
    }
    #content .column a.more, #content .q-and-a a.more {
        border-top: none;
        font-size: 1.2em;
        display: inline-flex;
        border: 1px solid #004276;border: none;
        border-radius: 4px;
        box-shadow: 0px 4px 8px rgba(0,0,0,0.05);
        background: rgba(255,255,255,0.8);
        margin: 0;
        padding: 10px 20px !important;
        margin-right: auto;
        transition: all .3s ease-in-out;
  font-family:proxima-nova-extra-condensed, 'Roboto Condensed','Arial Narrow', Arial, system-ui, sans-serif;
  font-weight:700;
    }
    #content .column a.more:hover, #content .q-and-a a.more:hover{
        text-decoration: none;
        box-shadow: 0px 0px 3px rgba(0,0,0,0.15);
    }
    #content .redtitle {
    
        margin-top: 20px!important;
        box-sizing: border-box;
    }
    #content .redtitle h4,#content .redtitle h2{
        border-radius: 4px 4px 0px 0;
        font-size: 1em;
        font-weight: 300;
    }
    #content .redtitle h4 span,#content .redtitle h2 span{
        display: none;
    }
    #content .redtitle.redtitle_q-and-a{
       width: calc(100% - 40px);
    }

    /*home ads*/
    .ads, .ad_container{
        width: 100%;
    }
    #adcloud {
        margin: 0 20px 0 19px;
        display: block;
        width: 100%;
    }


    }
    #rightbar .box ol li a{
        font-size: 1em;
        padding: 0;
    }
    #rightbar .box{
	    padding-right: 0;
	    padding-left: 38px;
    }
    #rightbar .box h6,#rightbar .box .h6, #rightbar .box.pr-article-container .boxtitle{
	    padding-right: 0;
	    box-sizing: border-box;
	    font-family:proxima-nova-extra-condensed, 'Roboto Condensed','Arial Narrow', Arial, system-ui, sans-serif;
        font-size: 22px;
        color: #fff;
        font-weight: 600;
        letter-spacing: 0.5px;
        padding: 10px 15px;
	    height: auto;
	    border-radius: 2px 2px 0 0;
		background: #595959;
		background: linear-gradient(to bottom, #595959 24%, #393939 99%);
	    border-bottom: 2px solid #c10b11;
        position: relative;

    }
     #rightbar .box.pr-article-container .boxtitle{
        min-height: 42px;
        display: flex;
        align-items: center;
        padding: 0 15px;
     }
    #rightbar .box.pr-article-container .pr-article{
        margin: 0;
        padding: 10px;
    }
    #rightbar .box.pr-article-container .caption{
            background: transparent;

            color:#acacac;
            text-transform: uppercase;
            font-size: 10px;
            line-height: 10px;
            display: block;
            margin: 10px 0 0 0;
            text-align: center;
            width: auto;
            position: static;
            height: auto;

        }
    #rightbar .box.pr-article-container .caption:before{
        content: 'HIRDET\00c9S';
    }
    #rightbar .box.pr-article-container .clearfix .caption{
        display: none;
    }
    #rightbar .box h6 a, #rightbar .box h6 a:hover,
    #rightbar .box .h6 a, #rightbar .box .h6 a:hover{
        color: #fff;
        text-decoration: none;
    }
    #rightbar a.more{
	    font-size: 1em;
	    border-top: 1px solid rgba(0,0,0,0.05);
	    padding-top: 10px;
    }

    .calendar, #rightbar .pr-article-container .pr-panel{
	    background: #fff;
	    border-radius: 0 0 2px 2px;
	    border: none;
        box-shadow: 0px 0px 3px rgba(0,0,0,0.1);	
    }
    /*lista oldal*/
    .important {
        display: block;
        width: 100%;
    }
    .pager{
        width: 100%;
	    margin: 10px 0;
	    background: #fff;
	    box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	    background: transparent;
	    box-shadow: none;
	    border: none;
	    border-radius: 4px;
	    padding: 15px;
	    box-sizing: border-box;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: 20px;	
    }
    .pager div.fl a,
    .pager a{
	    height: auto;
	    margin: 0;
	    background-image: none;
	    background: #fff;
	    border: 1px solid #e1e1e1;
	    border-right: none;
	    padding: 8px;
	    transition: all .3s ease-in-out;
	    line-height: inherit;
	    font-size: 1em;
	    font-weight: 300;
        min-width: 20px;
        text-align: center;
    }
    .pager div.fl a:hover,
    .pager a:hover{
	    background: rgb(89,89,89);
	    color: #fff;
	    text-decoration: none;
    }
    .pager div.fl a.active,
    .pager  a.active{
	    background: rgb(89,89,89);
	    color: #fff;
	    font-weight: 900;
    }
    .pager .fr a.next, .pager .fl a.prev, .pager div.fr a.prev,
    .pager  a.next, .pager  a.prev, .pager  a.prev{
	    background-image: none;
	    background: rgb(89,89,89);
	    color: #fff;
	    padding: 8px;
	    height: auto;
	    text-indent: 1px;
	    width: auto;
	    margin: 0;
	    font-size: 1em;
	    display: flex;
        justify-content: center;
        text-align: center;
    }
    .pager .fr a.next:before,.pager .fr a.prev:before{
	    content: '\203A';
	    font-size: 18px;
	    display: block;
	    position: relative;
	    color: #fff;
	    padding: 0 10px;
	    text-indent: 1px;
    }
    .pager .fr a.prev:before{
	    content: '\2039';
    }
    .pager.q-and-a_pager{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .pager.q-and-a_pager .fr a.next:before{
        order: 2;
    }
    .pager.top-pager{
        display:    flex;
    }
    .pager.top-pager .fl, .pager.top-pager .fr{
        flex: 1 0 50%;
        max-width:50%;
        width: 50%;
    }
    .pager.top-pager .fl{
        display: flex;
        justify-content: flex-end;
        padding-right: 5px;
    }
    .pager.top-pager .fr{
        display: flex;
        justify-content: flex-start;
        padding-left: 5px;
    }
    .pager.top-pager .fl a, .pager.top-pager .fr a{
        background: #434343;
        display: inline-block;
        width: auto;
    }
    .pager.top-pager .fl a:before, .pager.top-pager .fr a:before{
        content:none;
    }
    #postlist{
        display: flex;
        flex-wrap: wrap;
        padding: 20px 0;
        width: 100%;
        max-width: 100%;
    }
    #postlist section.event{
        margin: 10px 0;
        margin-top: 0;
        width: 100%;
        border: none;
        box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
        box-shadow: none;
        border-radius: 2px;
        border-radius: 0;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        padding: 20px;
        box-sizing: border-box;
        background: #fff;
        margin-bottom: 0;
    }

    #content :not(.event-list) section.event:last-of-type{
	    padding: 20px;
	    margin: 10px 0;
    }
    .content-from-sidebar {
        width: 100%;
        max-width: 100%;
    }

    .content-from-sidebar #postlist {
        padding: 0 40px;
    }
    /*#postlist section.event .post-metadata{
        display: flex;
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding-bottom: 10px;
        border-bottom: none;
        background: rgba(0,0,0,0.02);
        padding: 10px 0;
        box-sizing: border-box;
    }*/

    #postlist section.event .post-metadata .post-metadata_tags {
        margin-right: auto;
        flex: 1 0 calc(100% - 150px);
        max-width: calc(100% - 150px);
    }

	#postlist section.event .post-metadata .post-metadata_tags h3 {
		color: #929292;
		font: bold 10px Arial;
		text-transform: uppercase;
		display: inline-block;
	}

	#postlist section.event .post-metadata .post-metadata_tags h3 a {
		background: transparent;
		border: 0;
		color: rgba(0, 0, 0, .5);
	}

    #postlist section.event .post-metadata .post-metadata_date {
        margin-left: auto;
        font-weight: 700;
        color: rgba(0,0,0,0.50);    
    }    

	/**/

#postlist section.event .post-metadata {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  background: rgba(0,0,0,0.02);
  padding: 10px 0;
  box-sizing: border-box;
  align-items: center;
}

#postlist section.event .post-metadata .post-metadata_tags {
  margin-right: auto;
  flex: 1 0 calc(100% - 150px);
  max-width: calc(100% - 150px);
}
#postlist section.event .post-metadata .post-metadata_tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#postlist section.event .post-metadata .post-metadata_tags ul li {
  display: inline;
  background: no-repeat;
  padding: 0;
  text-transform: uppercase;
}
#postlist section.event .post-metadata .post-metadata_tags ul li + li {
  margin-left: 10px;
}

#postlist section.event .post-metadata .post-metadata_tags a {
  font: bold 10px Arial, sans-serif;
  text-decoration: none;
  background: transparent;
  border: 0;
  color: rgba(0, 0, 0, .5);
}

#postlist section.event .post-metadata .post-metadata_date {
  margin-left: auto;
  font-weight: 700;
  color: rgba(0, 0, 0, .5);
}
#postlist section.event .post-metadata .post-metadata_date time {
  font: inherit;
  text-transform: none;
}

#postlist section.event h2 {
  position: relative;
}

section.event h2 img,
section.event h2 .media-type img {
  vertical-align: middle;
  margin: 0 3px 0 0;
}


#postlist section.event .post-metadata .post-metadata_tags a:hover,
#postlist section.event .post-metadata .post-metadata_tags a:focus {
  text-decoration: underline;
}



	/**/


    .div-center,div[align=center]{
        margin: 0 auto;
    }

    .proxima #article header h1 {
        font-size: 2.5em;
        font-weight: 600;
		line-height: 1.2;
    }
	.proxima #article header h1 small {
        display: block;
		font-size: 0.75em;
    }

	#article header h2 { 
		margin: 0 0 10px; 
	}
	#article header h2 span {
		font-weight: normal;
	}
    #article_content{
	    font-size: 1em;
	    line-height: 135%;
    }
    #comments {
        padding: 20px 20px;
        width: 100%;
        box-sizing: border-box;
    }

    /*jogitudastar lista*/
    #jogszabaly-fooldal{
        width: 100%;

    }
   #jogszabaly-fooldal header.page-title{
       margin: 20px 0 0 0;
       box-sizing: border-box;
   }
    .tabs.sprite{
        background: rgba(0,0,0,0.05);
        border: none;
        width: calc(100% - 40px);
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-size: 1em;
        height: auto;
        line-height: 130%;
        display: flex;
        align-items: center;
        margin: 0 20px;
    }
    .tabs.sprite a{
        font-size: 1.2em !important;
        text-indent: 1px;
        background-image: none;
        width: auto !important;
        display: inline-flex;
        align-items: center;
        padding: 5px 10px;
        box-sizing: border-box;
  font-family:proxima-nova-extra-condensed, 'Roboto Condensed','Arial Narrow', Arial, system-ui, sans-serif;
  font-weight:700;
        transition: all .3s ease-in-out;
    }
    .tabs.sprite a.active, .tabs.sprite a.active:hover, .tabs.sprite a:hover{
        color: #fff;
        background-color: #c10000;   
        text-decoration: none; 
    }
    #adv_searchbox{
     width: 100%;
     margin: 0 0px;

     border: none;
     border-radius: 2px;
     box-sizing: border-box;
     padding:  20px;
     padding-bottom: 10px;
    }
    #adv_searchbox .huge_holder{
        background: none;
        margin-bottom: 0;
    }
    #adv_searchbox .huge_holder .huge{
        width: 100%;
        height: auto;
        font-size: 1em;
        box-sizing: border-box;
        border: none;
        border-bottom: 1px solid rgba(0,0,0,0.15);
    }
    #adv_searchbox .col {
        width: 28%;
        font-size: 1em;
        padding-right: 10px;
        box-sizing: border-box;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    #adv_searchbox .col.last{
      width: 38%;
      padding-right: 0;
    }
    #adv_searchbox .col input.text,#adv_searchbox .col select{
	    width: 100%;
	    box-sizing: border-box;
	    height: auto;
	    padding: 8px;
        border: none;
        border-bottom: 1px solid rgba(0,0,0,0.15);
        font-size: .8em;	
    }
    #adv_searchbox .col select {
        width: 100% !important;
    }
    #adv_searchbox div.checklist{
	    width: 100% !important;
	    border: none;
	    background: #fff;
	    max-height: 100% !important;
	    height: 130px !important;
	    position: relative;
    }
    ul.checklist{
        font-size: .8em;
    }
    ul.checklist li{
        padding: 2px 5px;
    }
    #adv_searchbox .as_search_button{
	    margin: 0 auto;
    }
    #adv_searchbox a#as_button1{
        line-height: 100%;
        height:32px;
    }
    #adv_searchbox div.gray{
        border: none;
        padding: 20px;
    }
    #adv_searchbox div.gray .holder{
        display: block;
        width: 100%;
        margin-top: 5px;
    }
    #adv_searchbox div.gray a{
        font-size: .9em;
    }
    #adv_searchbox div.gray a.detailed{
        background: transparent;
        padding: 2px 20px 0 5px;
        height: auto;
        line-height: 120%;
        margin-right: 10px;
        border: 1px solid #cbcccd;
        border-radius: 2px;
        position: relative;
    }
    #adv_searchbox div.gray a.detailed:after {
        font-family: 'Material Icons';
        font-weight: normal;
        font-style: normal;
        font-size: 1em;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -webkit-font-feature-settings: 'liga';
        -webkit-font-smoothing: antialiased;
        content: 'expand_more';
        position: absolute;
        top: 50%;
        right: 2px;
        transform: translateY(-50%);
        font-weight: 900;
    }
    #adv_searchbox div.gray a.detailed.active {
        color: #fff;
        background-color: #004276;
        border-radius: 2px;
        border: 1px solid rgba(0,0,0,0.2)
    }
    #adv_searchbox div.gray a.detailed.active:after {
        content: 'expand_less';
    }

    #adv_searchbox span.dd a{
        font-size: 12px;
    }
    #adv_searchbox span.dd span.fl{
        width: calc(50% - 24px);
    }
    #adv_searchbox div.gray.shadow,#adv_searchbox div.gray div.fl,
     #adv_searchbox div.gray input,  #adv_searchbox div.gray select,  #adv_searchbox div.gray textarea{
        font-size: 1em;
    }
    #adv_searchbox div.gray input,  #adv_searchbox div.gray select,  #adv_searchbox div.gray textarea{
        box-sizing: border-box;
        height: auto;
        padding: 8px;
        border: 0;
        border-bottom: 1px solid rgba(0,0,0,.15);
        font-size: 1em!important;
    }
    div.checklist{
        font-size: 1em;
        padding: 10px 0;
    }
    div.checklist li input{
        margin: 0 5px;
    }
    div.checklist label.leaveRoomForCheckbox{
        position: relative;
        top: -3px;
        line-height: 120%;
    }

    /*jogi tudastar vegoldal*/
    /*TODO: a #page divnek egyedi class-t adni a háttér miatt!!!!!!!!!!! -> .legislation-page*/

    #page.legislation-page {
        background: #fff;
        margin-top: 100px;
        padding-top: 20px;
        box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
    }

    .mobile-navigation-strossel{
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        margin-left: 1px;
    }
    article#article{
        width: 100%;
    }
    #content h6{
        width: 100%;
    }
    .calc_wrap{
        background: none;
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px;
    }
    .calc_box {
        flex: 1 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
        width: calc(50% - 20px);
        float: none !important;
        border: none;
        box-sizing: border-box;
        box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
        padding: 20px;
        border-radius: 2px;
        margin: 10px;
        height: 220px;
        font-size: .9em;
        line-height: 130%;
        position: relative;
    }
    .calc_box:after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 40px;
		background: rgba(255,255,255,0);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.49) 34%, rgba(255,255,255,0.5) 35%, rgba(252,252,252,1) 86%, rgba(251,251,251,1) 99%);
    }
    .calc_box h2{
        font-size: 1em;
    }
    #content .calc_box p {
        width: calc(100% - 140px);
    }
    #commentForm textarea{
        width: 100% !important;
        min-height: 200px;
        border: none;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    section.event h2 a{
        width: 100%;
    }

    .answer .fl {
        width: calc(100% - 140px);
    }
    .answer .fl h2{
        line-height: 130%;
  font-family:proxima-nova-extra-condensed, 'Roboto Condensed','Arial Narrow', Arial, system-ui, sans-serif;
  font-weight:700;
        font-size: 1.4em;
    }
    .answer .fl p{
    font-size: 1em;
        line-height: 130%;
        color: rgba(0,0,0,.75);
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .expert-answer div.fl{
        width: 100%;
    }
    .expert-answer p{
        width: 100%;
        font-size: 1em;
        line-height: 125%;
    }
    .expert-answer div.fl textarea {
        width: 100%;
        box-sizing: border-box;
    }
    .expert-answer div.fr{
        width: 100%;
        margin-top: 0 !important;
        display: flex;
    }
    .expert-answer div.fr input[type=image]{
        margin-left: auto;
    }
    .expert-answer div.fr label{
        width: auto;
    }
    .searchbox.no-print img {
        display: none !important;
    }
    div#question-edit-form {
        width: 100%;
    }

    header.header-navigation.subscription-header .container-fluid.nav-secondary{
        background: #434343;
        border-bottom: 2px solid #c10000;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }
    header.header-navigation.subscription-header .nav-heading .nav-slogen{
        color: #fff;
    }
    header.header-navigation.subscription-header .container-fluid .container{
        margin: 0 auto;
        width: 100%;
    }

}

.text-center{
    text-align: center !important;
}
.paragraph {
padding-top: 5px;
padding-bottom: 15px;
}
section#content.single-content {
    flex: 1 0 100%;
    max-width: 100%;
    width: 100%;
}

div#contentwrapper.single-content {
    flex: 1 0 100%;
    max-width: 100%;
}

div#contentwrapper.single-content section{
    padding: 40px
}
div#contentwrapper.single-content p{
    padding-top: 5px;
    padding-bottom: 15px;
    line-height: 135%;
}
div#contentwrapper.single-content p.highlighted {
    background: #e3e3e3;
    padding: 10px;
    margin: 0;
    display: inline-block;
	margin-bottom: 15px;
}
div#contentwrapper.single-content h2{
    font-size: 1.7em;
    font-weight: 900;
    margin: 20px 0 10px 0;
}
div#contentwrapper.single-content h3{
    font-size: 1.4em;
    font-weight: 700;
    margin: 15px 0 5px 0;
}
.about-lead{
    background: rgb(80,170,206);
    background: linear-gradient(75deg, rgba(80,170,206,1) 0%, rgba(5,174,205,1) 100%);    
    color: #fff;
    text-align: center;
    font-size: 1.9em!important;
    font-weight: 500!important;
    text-transform: uppercase;
    padding: 15px;    
}
.about-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

}
.about-row .about-col{
    flex: 1 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    width: calc(50% - 10px);
    margin-bottom: 20px;

}
.about-row .about-col:first-of-type{
    margin-right: 10px;
}
.about-row .about-col:last-of-type{
    margin-left: 10px;
}
.about-row .about-col .about-box{
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0px 15px rgba(0,0,0,0.05);
    transition: all .3s ease-in-out;
}
.about-row .about-col .about-box:hover{
     box-shadow: 0 5px 15px rgba(0,0,0,0.3);   
}
.about-row .about-col .about-box h3{
    background: #50aace;
    background: rgb(80,170,206);
    background: linear-gradient(75deg, rgba(80,170,206,1) 0%, rgba(5,174,205,1) 100%);    
    color: #fff;
    text-align: center;
    font-weight: 500!important;
    text-transform: uppercase;
    padding: 15px;
    line-height: 130%;
    border-radius: 4px 4px 0 0;

}
.about-row .about-col .about-box h4, .about-row .about-col .about-box p{
    padding: 10px 20px;
}
.about-row .about-col .about-box h4.why{
    text-align: left;
    color:#50aace;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.2em;
    border-bottom: 1px dashed rgba(0,0,0,0.2);
    margin: 0 20px;
    margin-bottom: 5px;
    position: relative;
    padding-left: 35px;
}
.about-row .about-col .about-box h4.why i{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

}

.blockquote {
    width: 100%;
    display: block;
    float: left;
    border-radius: 4px;
    box-shadow: 0 0px 15px rgba(0,0,0,0.05);
    transition: all .3s ease-in-out;    
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 20px;
    font-size: 1.2em;
    font-weight: 200;
    font-style: italic;
    border-left: 5px solid #c00b10;
}
.blockquote:hover{
     box-shadow: 0 5px 15px rgba(0,0,0,0.3);   
}

#options-div{
   width: calc(100% - 40px);
}
#options-div.stripe a{
    box-sizing: border-box;
    width: 50%;
}
#options-div.stripe .q-and-a_buttons{
    display: flex;
    width: 100%;
    max-width: 100%;
    margin-top: 20px;
}
#options-div.stripe .q-and-a_buttons a{
    flex: 1 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    width: calc(50% - 10px);
    margin-right:10px;
    border-radius: 2px;
    background: #51aace;
    color: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    border-bottom: 3px solid rgba(0,0,0,0.1);
    box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
    height: auto;
    line-height: 100%;
    padding: 15px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    letter-spacing: 0.5px;
    transition: all .3s ease-in-out;
    position: relative;
}
#options-div.stripe .q-and-a_buttons a:hover{
    box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}
#options-div.stripe .q-and-a_buttons a i{
    font-size: 1.5em;
    margin-right: 20px;
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    border-right: 1px solid rgba(0,0,0,0.1);
    padding:0 10px;
    display: flex;
    align-items: center;
    background: rgba(0,0,0,0.1);
}
#options-div.stripe .q-and-a_buttons a:last-of-type{
    margin-right:0px;
    margin-left: 10px;
}

/*end*/
form.inpage_search_form {
    display: flex;
    align-items: center;
}
.search-details{
    display: block;
    width: calc(100% + 40px);
    background: rgba(0,0,0,0.05);
    float: left;
    padding: 10px 20px;
    box-sizing: border-box;
    margin-left: -20px;
}
#adv_searchbox .search_button{
    text-align: left;
    display: block;
    width: 100%;
    margin-top: 10px;
    float: left;
}
#adv_searchbox form.inpage_search_form  a#as_button1, #adv_searchbox .search_button a{
    height: 100%;
    background: #51aace;
    margin: 0px;
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    color: #ffffff !important;
    font-size: 1em;
    text-decoration: none;
    padding: 8px 30px;
    padding-right: 50px;
    outline: none;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transition: all .2s ease-in-out;
    box-sizing: border-box;
    font-weight: 500;
    position: relative;
    min-width: 28%;
    text-align: center;
    justify-content: center;
}
 #adv_searchbox .search_button.search_footer a{
     margin-left: 0;
 }
.wrapper #adv_searchbox form.inpage_search_form  a#as_button1 .material-icons,#adv_searchbox .search_button a .material-icons{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    display: flex;
    background: rgba(0,0,0,0.1);
    padding: 0 5px;
    align-items: center;
}
#adv_searchbox form.inpage_search_form input.huge{
    max-width: 475px;
    width: 100%;
}
#adv_searchbox.legislation-searchbox form.inpage_search_form input.huge{
    max-width: 100%;
}
 .custom-checkbox-wrapper .fl{
    margin-bottom: 5px;
}

.custom-checkbox-block{
    display: flex;
  margin-bottom: 15px;
  font-size: 16px;
}
.custom-checkbox-block input{
  display: none;
}
.custom-checkbox-block label{
    position: relative;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(0,0,0,0.05);
    padding: 5px 10px;
    border-radius: 2px;
    margin-right: 5px;
    font-size: .9em;
    cursor: pointer;
    transition: all .1s ease-in-out;
    box-shadow:  0px 2px 4px rgba(0,0,0,0.2), inset 0px 0px 0px rgba(0,0,0,0);
}
.custom-checkbox-block label:before{
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1.1em;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    content: 'check';
    opacity: .1;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
@media all and (-ms-high-contrast:none)
{
    .custom-checkbox-block label:before {display: none !important; content: none !important;} /* IE10 */
    *::-ms-backdrop, .foo { display: none !important; content: none !important; } /* IE11 */
}
.custom-checkbox-block label:hover{
    box-shadow:0px 0px 0px rgba(0,0,0,0), inset 0px 1px 4px rgba(0,0,0,0.1); 
}

.custom-checkbox-block input:checked + label{
    background: #51aace;
    color: #fff;
    box-shadow:0px 0px 0px rgba(0,0,0,0), inset 0px 1px 4px rgba(0,0,0,0.1); 
}
.custom-checkbox-block input:checked + label:before{
    opacity: 1;
}

.nav-search,.inpage_search_form{
	position: relative;
    z-index:1000;
}				
.nav-search #az-result-list,.inpage_search_form #inpage_search_az-result-list{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-width: 100%;
	background: #fff;
	border-radius: 0 0 4px 4px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	max-height: calc(100vh - 120px);
	overflow-y: auto;
}
.inpage_search_form #inpage_search_az-result-list {
    top: 36px;
    max-width: 475px;
}
.nav-search #az-result-list li,.inpage_search_form #inpage_search_az-result-list li{
    margin: 0;
    background-image: none;
	background: #fff;
    padding: 5px 10px;
    font-size: .85em;
    line-height: 130%;
    border-bottom: 1px solid rgba(0,0,0,0.05);
	transition: all .2s ease-in-out;
	cursor: pointer;
	word-break: break-word
}
	
.nav-search #az-result-list li:hover, .nav-search #az-result-list li:focus, .nav-search #az-result-list li:active,    	
.inpage_search_form #inpage_search_az-result-list li:hover, .inpage_search_form #inpage_search_az-result-list li:focus, .inpage_search_form #inpage_search_az-result-list li:active{
	background: #51aace;
	color: #fff;
	border: none;
	border-bottom: 1px solid #fff;
}

#expert-content h4{
    font-size: 1.4em;
}
#expert-content .question{
    background: #fff;
    padding: 10px;
    margin: 0;
}
#expert-content .question p{
    margin: 0;
}
/*end*/
ul.rovatok {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
    width: 100%;
    max-width: 100%;
}
.rovatok li {
    display: flex;
    justify-content: center;
    flex: 1 0 33.33333%;
    max-width: 33.33333%;
    text-align: center;
    padding: 0;
    background: transparent;
    margin-bottom: 14px;
}
.rovatok li a {
    background: #fff;
    display: inline-flex;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    box-sizing: border-box;
    color: #004276;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 7px;
    transition: all .3s ease-in-out;
    box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
    min-height: 70px;
    font-weight: 900;
	position: relative;
	overflow: hidden;
	border-radius: 0 10px 0 0;
	letter-spacing: 0;
}
@media all and (-ms-high-contrast:none)
{
    .rovatok li a  {height: auto !important;} /* IE10 */
    *::-ms-backdrop, .rovatok li a  { height: auto !important; } /* IE11 */
}
.rovatok li a:after{
	content: '';
	width: 0;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 2px;
	background:#ffffff;
	transition: all .6s cubic-bezier(.53,.1,.27,1.38);
}
.rovatok li a:hover {
    box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    text-decoration: none;
    letter-spacing: 0.5px;
    border-radius: 0;
}
.rovatok li a:hover:after{ 
	height:2px ;
	width: 100%;
	background:#454545;	
}
.rovatok.szakertok li a {
    padding: 0;
    border-radius: 0;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
}
.rovatok.szakertok li a .avatar{
    flex: 1 0 100px;
    max-width: 100px;
    width: 100px;
    padding-left: 10px;
}
.rovatok.szakertok li a .avatar img{
    max-width: 100px;
    border: 4px solid #f4f4f4;
    width: 80px;
    height: 80px;
}
.rovatok.szakertok li a .profile-info{
    flex: 1 0 calc(100% - 120px);
    max-width: calc(100% - 120px);
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: left;
    padding-left: 0;
    width: 100%;
}
@media screen and (max-width: 990px) {
	.rovatok.szakertok li a .profile-info {
		padding-left:20px;
	}
}
.rovatok.szakertok li a:hover{
    letter-spacing: 0;
}
.rovatok.szakertok li a h2 {
    font-size: 1.2em;
}

.rovatok.szakertok li a h3, .rovatok.szakertok li a h4, .rovatok.szakertok li a p {
    color: #454545!important;
    font-weight: 500;
    font-size: 1em;
}
.rovatok.szakertok li a h4 {
    font-weight: 400;
}
.content-from-sidebar .box h6{
    display: none;
}
.content-from-sidebar .box .calendar {
    padding: 40px;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.content-from-sidebar .box .calendar ol {
    list-style-type: none;
    margin: 0;
}
.content-from-sidebar .box .calendar li{
    font-size: 1.1em;
    margin-bottom: 10px;
}
.content-from-sidebar .box .calendar li a{
    font-weight: 700;
}
.content-from-sidebar .box .calendar ol {
    list-style-type: none;
    margin: 0;
}
.content-from-sidebar .box .calendar ol li{
    border-bottom: 1px solid rgba(0,0,0,0.05);
    margin-bottom: 0px;
    padding-bottom:0px;
}
.content-from-sidebar .box .calendar ol li a{
    display: inline-block;
    width: 100%;
    background: rgba(0,0,0,0.0);
    padding: 8px;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
}
.content-from-sidebar .box .calendar ol li a:hover{
    background: rgba(0,0,0,0.02);   
    text-decoration: none; 
}

#premium-content-text {
    margin-top: 20px;
    text-align: left;
    font-size: 1em;
    font-weight: 700;
    background: #fff;
    margin-bottom: -10px;
    padding: 20px;
    border: 1px solid rgba(0,0,0,0.05);
   box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    border-radius: 4px 4px 0 0;
    line-height: 135%;
    padding: 0;
    box-shadow: none!important;
    border: none;
    padding-bottom: 20px;
    background: transparent;
}
.article-bottom-login-block{
	display: flex;
	width: 100%;
	background: #f0f0f0;
	padding: 20px;
	box-sizing: border-box;
	margin: 10px auto;
    margin-bottom: 0;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.article-bottom-login-block .article-bottom-login-block_box {
    flex: 1 0 auto;
    max-width: 100%;
    width: 50%;
	align-items: center;
	justify-content: flex-end;
	text-align: center;
	border-right: 1px dashed rgba(0,0,0,0.1);
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	position: relative;
}
.article-bottom-login-block .article-bottom-login-block_box:before{
	position: absolute;
	content: '';
	display: block;
	top: -20px;
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 14px 0 14px;
    border-color: #50aace transparent transparent transparent;
    line-height: 0px;
    _border-color: #007bff #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
}
.article-bottom-login-block .article-bottom-login-block_box:after{
	position: absolute;
	content: '';
	display: block;
	top: -22px;
	width: calc(100% + 20px);
	left: -20px;
	height: 3px;
	background: #50aace;
}
.article-bottom-login-block .article-bottom-login-block_box:last-of-type:after{
    left: auto;
    right: -20px;
    background: #c00b11;
}
.article-bottom-login-block .article-bottom-login-block_box:first-of-type:after{
    left: -20px;
    right: auto;
}
.article-bottom-login-block .article-bottom-login-block_box:last-of-type:before{
    border-color: #c00b11 transparent transparent transparent;
    line-height: 0px;
    _border-color: #c00b11 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');	
}
.article-bottom-login-block .article-bottom-login-block_box:last-of-type{
    border-right: none;
}
.article-bottom-login-block .article-bottom-login-block_box h3{
	border: none;
	font-size: 1.2em!important;
	font-weight: 900;
	text-align: center;
	margin: 0;
	padding: 0;
	text-shadow: -1px -1px 0px rgba(255,255,255,0.6);
}

.article-bottom-login-block .article-bottom-login-block_box a{
    display: inline-flex;
    align-items: center;
    background: #c00b11;
    color: #ffffff !important;
    font-size: 1em;
    text-decoration: none;
    padding: 10px;
    outline: none;
    border: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transition: all .2s ease-in-out;
    box-sizing: border-box;
    text-decoration: none!important;
    margin-top: 10px;
    line-height: 130%;
}
.article-bottom-login-block .article-bottom-login-block_box a i{
    font-size: 1.3em;
    position: relative;
    top: 0;
    margin-right: 10px;

}

.article-bottom-login-block .article-bottom-login-block_box a.nav-btn_signup{
    background: #50aace;
}

div#evcalbox {
    position: relative;
}
.invisible-item{
  position: absolute;
  clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden
}
#footer h5 {
    display: inline;
}
#adv_searchbox div.gray div.fl{
    font-size: 1em;
}

#function-usage-alert-dialog {
    padding: 10px;
    height: auto !important;
}

#function-usage-alert-dialog p {
    padding-bottom: 010px;
}
#function-usage-alert-dialog .modal-button-container {
    text-align: center;
}

.btn{
    padding: 10px;
    display: inline-flex;
    align-items: center;
    background: #6daac3;
    color: #fff;
    border: 1px solid rgba(0,0,0,0.1);
}
.btn i{
    font-size: 1em;
    top: 0;
    margin-right: 5px;
}
.btn:hover{
    text-decoration: none;
}
.btn.btn-red{
    background: #bc3537;    
}

#function-usage-alert-dialog {
    padding: 010px;
}

/* hirlevel >> login frame*/
.login-frame-box {
	margin: 30px 0;
}
.login-frame-box iframe {
	display: block;
    width: 60%;
    height: 580px;
    margin: 0 auto;
    position: relative;
	min-height: 770px;
}

.login-frame-box:before {
    content: 'Az Adózóna hírlevélre való feliratkozáshoz regisztráció szükséges. Regisztrált felhasználóként továbbá eléri az Adózóna regisztrációhoz kötött funkcióit, így számolhat kalkulátorainkkal, illetve hozzászólhat cikkeinkhez.';
    padding: 20px 20px 10px;
    display: block;
    background: #fff;
    line-height: 22px;
    font-size: 16px;
    position: relative;
    width: calc(60% - 40px);
    margin: 0 auto;
    color: #454545;
}

@media screen and (max-width: 767px) {
	.login-frame-box iframe {
		width: 100%;
		height: 640px;
		min-height: 770px;
	}
	.login-frame-box:before {
        max-width: unset;
        width: calc(100% - 40px);
        line-height: 21px;
        font-size: 15px;
    }
}

@media screen and (max-width: 370px) {
    .login-frame-box iframe {
        min-height: 790px;
    }
}

@media screen and (min-width: 1280px){
	.login-frame-box iframe {
		max-width: 760px;
	}
	.login-frame-box:before {
		max-width: 720px;
	}
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
    div#pagewrapper {
        max-width: calc(100% - 40px);
    }
}
@media screen and (max-width: 992px) {
    #options-div{
        width: 100%;
        margin: 20px 0;
    }
}
@media screen and (max-width: 768px) {

    .rovatok li {
        flex: 1 0 50%;
        max-width: 50%;
    }
}
@media screen and (max-width: 550px) {
    .continue{
        padding: 0px;
		
    }
    .article-bottom-login-block{
        flex-wrap:wrap;
        padding: 0;
    }
    .article-bottom-login-block .article-bottom-login-block_box {
        flex: 1 0 100%;
        max-width: 100%;
        width: 100%;
        padding: 25px 20px;
    }
    .article-bottom-login-block .article-bottom-login-block_box:before, .article-bottom-login-block .article-bottom-login-block_box:after{
        top: 0;
    }
    .article-bottom-login-block .article-bottom-login-block_box:first-of-type:after{
        left: 0;
    }
    .article-bottom-login-block .article-bottom-login-block_box:after,.article-bottom-login-block .article-bottom-login-block_box:last-of-type:after{
        top: 0;
        right: auto;
        left: 0;
        width: 100%;
    }
    #options-div.stripe .q-and-a_buttons{
        display: block;
    }
    #options-div.stripe .q-and-a_buttons a{
        flex: 1 0 100%;
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
        justify-content: center;
    }
}
@media screen and (max-width: 480px) {

    .rovatok li {
        flex: 1 0 100%;
        max-width: 100%;
    }
}

/*@media screen and (min-width: 992px) {
	#postlist section.event h2{
		display: flex;
	}
	#postlist section.event h2 a{
		flex: 1 0 auto;
		width: auto;
		max-width: calc(100% - 115px);
	}
	#postlist section.event h2 span{
		max-width: 110px;
	}
}*/
@media screen and (max-width: 768px) {
    h1{
        word-break: break-word;
    }
	/*#postlist section.event h2{
		display: block;
	}
	#postlist section.event h2 a{
		max-width: 100%;
	}
	#postlist section.event h2 span{
		max-width: 100%;
		position: static;
		margin-top: 5px;
	}*/

}

/**/

@media screen and (min-width: 992px) {
    #postlist section.event h2 span {
        max-width: 110px;
        margin-left: auto;
        position: relative;
        top: unset;
        right: unset;
    }
}
/* **ÚJ**: H2 flex elrendezés és a cím link szélessége asztalin */
@media screen and (min-width: 992px) {
  #postlist section.event h2 {
    display: flex;
    align-items: center;
  }
  #postlist section.event h2 a {
    flex: 1 0 auto;
    width: auto;
    max-width: calc(100% - 115px); /* hely a jobb felső .media-type-nak */
  }
}
/**/

/*expertlist carousel*/
.home-expert-list-section *{
	box-sizing: border-box;
}
.home-expert-list-section{
	display: block;
	width: 100%;
	background:#fff;
	box-shadow: 0 0 3px  rgba(0,0,0,.1);
	padding: 20px;
	margin: 50px auto;
	box-sizing: border-box;
}
.home-expert-list-section h2.title{
	font-weight: 700;
	font-size: 2em;
	padding: 10px 0;
	margin: 20px 0;
	margin-top: 20px;
	opacity: .9;
	margin-top: 0;
	position: relative;
}
.home-expert-list-section h2.title:after{
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 2px;
	content: '';
	background: #c10000;
}
.home-expert-list-section .lead{
	font-size: 1.25em;
	margin-bottom: 20px;
	font-weight: 300;
	opacity: .75;
}
ul.rovatok.home-expert-list{
	flex-wrap: nowrap;
	margin-bottom: 0;
	overflow: unset;
	position: relative;
	padding: 0 20px;
	box-sizing: border-box;	
	width: calc(100% + 40px);
	margin-left: -20px;
	max-width: none;
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
ul.rovatok.home-expert-list li{
	flex: 1 0 25%;
	max-width: 25%;
	width: 25%;
	margin-bottom: 0;
	transform: translateX(calc(var(--expert-list-item-width) * -1));
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;	
}
ul.rovatok.home-expert-list li a{
	flex-direction: column;
	background: transparent;
	box-shadow: none;
	border: 1px solid rgba(0,0,0,0);
	border-bottom: none;	
    padding: 20px;
    height: auto;
}
ul.rovatok.home-expert-list li a:hover{
	border-color: rgba(0,0,0,0.1);
}

ul.rovatok.szakertok.home-expert-list li a .avatar {
    flex: 1 0 auto;
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    text-align: center;
    justify-content: center;
    display: flex;
	margin-bottom: 15px;
}
ul.rovatok.szakertok.home-expert-list li a .avatar img {
    max-width: 100%;
    border: none;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
}
ul.rovatok.szakertok.home-expert-list li a .profile-info {
    width: 100%;
    flex: 1 0 100%;
    max-width: 100%;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-left: 0px;
	text-align: center;
}
ul.rovatok.szakertok.home-expert-list li a h3{
	font-size: 1em;
	font-weight: 500;
}
ul.rovatok.szakertok.home-expert-list li a h4{
	font-size: 1em;
	font-weight: 300;
	opacity: .75;
}
ul.rovatok.szakertok.home-expert-list li a h5{
	font-size: .75em;
	font-weight: 300;
	opacity: .5;
}
ul.rovatok.szakertok.home-expert-list [class^="expertCarouselNavigation"]{
	position: absolute;
	top: 0;
	left: 0px;
	font-weight: 100;
	background:#fff;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
	z-index: 10;
}
ul.rovatok.szakertok.home-expert-list [class^="expertCarouselNavigationNext"]{
	left: auto;
	right: 0px;
}
@media screen and (max-width: 600px) {
    ul.rovatok.home-expert-list li {
        flex: 1 0 50%;
        max-width: 50%;
        width: 50%;
    }
}
@media screen and (max-width: 420px) {
    ul.rovatok.home-expert-list li {
        flex: 1 0 100%;
        max-width: 100%;
        width: 100%;
    }
}

/*sidebar*/
#rightwrapper .home-expert-list-section{
	padding: 0;
	padding-left: 38px;
	margin: 0;
	margin-top: 20px;
    margin-bottom: 20px;
	background: transparent;
	box-shadow: none;
	position: relative;
}
#rightwrapper .home-expert-list-section h2{ 
	padding-right: 0;
	box-sizing: border-box;
	font-family: 'Roboto',Arial,Helvetica,sans-serif;
	font-size: 1em;
	color:#fff;
	font-weight: 900;
	letter-spacing: .5px;
	padding: 10px 15px;
	height: auto;
	border-radius: 2px 2px 0 0;
	background: #595959 !important;
	background: linear-gradient(to bottom, rgba(89,89,89,1) 24%, rgba(57,57,57,1) 99%) !important;
	border-bottom: 2px solid #c10b11;
	position: relative;
	text-align: left;
	margin-bottom: 0;
}
#rightwrapper .home-expert-list-section h2:after{ 
	content: none;
}
#rightwrapper .home-expert-list-section .lead{ 
	display: none;
}
#rightwrapper .home-expert-list-wrapper{
	margin-left: 0;
	width: 100%;
	max-width: 100%;
	background:#fff;
	border-radius: 0 0 2px 2px;
	border: 0;
	box-shadow: 0 0 3px rgba(0,0,0,.1);	
	flex-wrap: nowrap;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 40px;
	overflow: hidden;
}
#rightwrapper ul.rovatok.home-expert-list{
	margin-left: 0;
	width: 100%;
	max-width: 100%;
	padding: 0px;

}
#rightwrapper ul.rovatok.home-expert-list .slideItem{ 
	flex: 1 0 100%;
	width: 100%;
	max-width: 100%;
	margin-right: 0px;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;	

}
#rightwrapper ul.rovatok.home-expert-list li{
	flex: 1 0 calc(100% - 20px);
	max-width: calc(100% - 20px);
	width: calc(100% - 20px);
	margin: 0 10px;

}
#rightwrapper ul.rovatok.home-expert-list li a{
	padding: 5px;
	margin: 0;
	margin-bottom: 5px;
	flex-direction: row;
	width: calc(100% - 2px);	
}
#rightwrapper ul.rovatok.szakertok.home-expert-list li a .avatar{
	flex: 1 0 80px;
	max-width: 80px;
	width: 80px;
	padding-left: 0;
	padding-right: 10px;
	text-align: center;
	justify-content: center;
	display: flex;
	margin-bottom: 0;	
}
#rightwrapper ul.rovatok.szakertok.home-expert-list li a .avatar img{
	width: 70px;
	height: 70px!important;
}
#rightwrapper ul.rovatok.szakertok.home-expert-list li a .profile-info{
	flex: 1 0 calc(100% - 90px);
	max-width: calc(100% - 90px);
	width: calc(100% - 90px);
	text-align: left;
	padding: 5px 0;
}
#rightwrapper ul.rovatok.szakertok.home-expert-list li a h4{
	font-size: .85em;
	line-height: 125%;
}
#rightwrapper .home-expert-list-section .expertCarouselSidebarNavigation{
	position: absolute;
	bottom: 0;
	left: 38px;
	width: calc(100% - 38px);
	height: 40px;
	background: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #51aace;
}
#rightwrapper .home-expert-list-section .expertCarouselSidebarNavigation .expertCarouselNavigationDots{
	display: flex;

	order: 2;
}
#rightwrapper .home-expert-list-section .expertCarouselSidebarNavigation .expertCarouselNavigationDots span{
	display: inline-flex;
	width: 14px;
	height: 14px;
	border-radius: 50%;

	margin: 0 3px;
	cursor: pointer;
	background: rgba(0,0,0,0.1);

	transition: all .3s ease-in-out;
	box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.1);
}
#rightwrapper .home-expert-list-section .expertCarouselSidebarNavigation .expertCarouselNavigationDots span.active,
#rightwrapper .home-expert-list-section .expertCarouselSidebarNavigation .expertCarouselNavigationDots span:hover{
	background: #51aace;

	box-shadow: inset 0px 1px 2px 0px rgba(0,0,0,0.3);
}
#rightwrapper  .home-expert-list-section  [class^="expertCarouselNavigation"]{
	position: static;
	color: #51aace;
	cursor: pointer;
}
#rightwrapper  .home-expert-list-section  .expertCarouselNavigationPrev{
	margin-right: 20px;
	order: 1;
}
#rightwrapper  .home-expert-list-section  .expertCarouselNavigationNext{
	margin-left: 20px;
	order: 3;
}

@media only screen and (max-width:61.875em) {
    #rightwrapper .home-expert-list-section{
        padding: 0;
    }
}

/* kerdes valszok */
.expert-answer {
    background: #e2e2e2;
}
ul#possible-questions-holder {
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
ul#possible-questions-holder li {
    display: flex;
    width: 100%;
    margin: 0 0 8px 0;
    padding: 0 0 5px 0;
    background-position: 0 5px;
    justify-content: space-between;
}

ul#possible-questions-holder li a.fl {
	font-size: 15px;
    line-height: 140%;
    color: #2a2a2a;
    margin-left: 10px;
	padding: 0 10px 0 0;
}

ul#possible-questions-holder li .feed {
	min-width: 120px;
    padding: 5px;
    margin-right: 0;
    background: #f0f0f0;
    border: 1px solid #d9d9d9;
    font-weight: bold;
    align-self: flex-start;
}

ul#possible-questions-holder li p {
	margin-bottom: 0;
    line-height: 16px;
    font-size: 12px;
}

ul#possible-questions-holder li p.answered {
    color: #049600;
}

ul#possible-questions-holder li p.wait {
    color: #3361a6;
}

ul#possible-questions-holder li p.process {
    color: #f60;
}

ul#possible-questions-holder li p img {
    float: right;
}

.edit-form-options-view {
    float: left;
    width: 100%;
    flex-flow: row wrap;
    justify-content: space-between;
	margin: 15px 0 0;
}

.edit-form-options {
    align-items: center;
    margin: 0;
    flex-flow: row wrap;
    justify-content: space-between;
	padding: 5px 0 0 0;
}
.edit-form-options label {
    font-size: 14px;
}
.post-questions {
    display: flex;
    align-items: center;
}

.post-questions a {
    font-size: 12px;
    color: #2a2a2a;
}
.qa-button {
	width: 100px;
	padding: 5px;
	background: #458ea1;
	cursor: pointer;
	margin: 0 15px 0 0;
	border: 0;
	color: #fff;
	transition: .4s;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
.qa-button:hover {
    background: #337e91;

}

@media only screen and (max-width:768px) {
	#question-edit-form .expert-answer {
		padding: 15px
	}
	ul#possible-questions-holder li {
		flex-direction: column;
	}
	ul#possible-questions-holder li .feed {
		width: 100%;
		margin-left: 7px;
		margin-top: 10px;
	}
}

@media only screen and (max-width: 31.25em) {
	.wrap .pager.skin {
		margin: 0;
		padding: 16px 0;
	}

	.edit-form-options {
		width: 100%;
		margin: 0 0 15px 0;
	}

	.tabs.sprite {
		margin: 0;
		padding: 0;
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.tabs.sprite a {
		font-size: 1em !important;
		line-height: 1em;
		text-align: center;
		width: auto!important;
		display: table-cell;
		vertical-align: middle;
		float: none;
	}
	.tabs.sprite .clearfix {
		display: none;
	}
}


.newsletter-panel * {
    box-sizing: border-box;
	max-width: 100%;
}

.newsletter-panel {
    max-width: 900px;
    width: 100%;
    min-height: 550px;
    background: #fff;
    position: relative;
    display: flex;
    overflow: hidden;
	margin: 0 auto;
}

.newsletter-panel .newsletter-block {
    flex: 1 0 50%;
    max-width: 50%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newsletter-panel .subscriptionBlock {
    width: 100%;
    display: block;
    margin: 15px auto;
    font-size: 1em;
}

.newsletter-panel .newsletter-block.newsletter-panel-loginblock {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    padding: 40px;
}

.newsletter-panel .newsletter-panel-message {
    box-shadow: 0 14px 28px rgba(0,0,0,.12), 0 10px 10px rgba(0,0,0,.11);
    background-image: url(/skins/default/images/login/accounting-blur-button-1028726.jpg) !important;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 2;
}
.newsletter-panel .newsletter-panel-message:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: '';
    background: rgba(255,255,255,.85);
    z-index: 1;
}
.newsletter-panel .newsletter-panel-message .panel-message-inner {
	padding: 0;
    text-align: center;
    max-width: 150px;
    margin: 0 auto;
	position: relative;
    z-index: 1;
}

.newsletter-panel .newsletter-block img {
	filter: drop-shadow(0 4px 5px rgba(0,0,0,.3));
    margin-bottom: 10px;
    border: 0;
}

.newsletter-panel .form-group {
    margin-bottom: 20px;
}
.newsletter-panel .form-group label {
    margin-left: 5px;
}

.newsletter-panel .form-group table {
	width: 100%;
	margin: 0 auto;
}
.newsletter-panel .form-group table td {
    padding-bottom: 5px;
}

.newsletter-panel .form-block {
    width: 100%;
    display: flex;
    margin-bottom: 5px;
    align-items: center;
}
.newsletter-panel .buttonHoverHack, .newsletter-panel .button {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #51aace;
	color: #fff !important;
	font-size: 1em;
	text-decoration: none;
	padding: 12px 30px;
	outline: none;
	border: 1px solid rgba(0,0,0,.05);
	box-shadow: 0 0 0 rgba(0,0,0,0);
	box-sizing: border-box;
	cursor: pointer;
	font-weight: 300;
	box-shadow: 0 7px 14px rgba(0,0,0,.12), 0 5px 5px rgba(0,0,0,.11);
	transition: all .2s ease-in-out;
	text-shadow: 1px 1px 0 rgba(0,0,0,.1);
	position: relative;
	height: auto;
	line-height: 100%;
	opacity: 1;
	border-radius: 0;
	width: 100%;
	margin: 0 auto;
}

@media only screen and (max-width: 768px) {
	.newsletter-panel .newsletter-block {
		flex: 1 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.newsletter-panel .newsletter-panel-message {
		display: none;
	}

	.newsletter-panel .newsletter-block.newsletter-panel-loginblock {
		padding: 0 20px 20px;
	}
}

@media only screen and (min-width:991px) {
	.newsletter-panel .buttonHoverHack, .newsletter-panel .button {
		width: auto;
	}
	.newsletter-panel {
		max-width: 900px;
		width: 100%;
		min-height: 550px;
		background: #fff;
		display: flex;
		overflow: hidden;
		margin: 62px auto;
	}
}

.newsletter-panel p {
    margin-bottom: 5px;
}

.newsletter-panel h3 {
	margin: 10px 0;
	font-size: 1.2em;
	line-height: 125%;
	text-transform: uppercase;
	font-weight: 500;
}

.newsletter-panel .subscriptionBlock .success i {
    font-size: 1.2em;
    padding-right: 5px;
	top: auto;
}
.newsletter-panel .subscriptionBlock .success {
    display: flex;
    background: #4ac39e;
    color: #fff;
    padding: 10px 5px;
    text-align: center;
    justify-content: center;
}

div#editFormAdvancedView {
    flex-wrap: wrap;
}

.question-info {
    display: flex;
    flex-wrap: wrap;
    background: #f0f0f0;
	padding: 15px;
}
.question-info h3 {
	margin-bottom: 10px;
}
.question-info p {
    width: 100%;
    font-size: 13px;
    line-height: 18px;
}
.question-info ul {
    margin: 5px 0 10px 15px;
}
.question-info ul li {
    font-size: 13px;
    padding-bottom: 5px;
}
.question-info a {
    font-weight: bold;
}

#question-answer.yellow {
	display: flex;
    flex-wrap: wrap;
}
#question-answer.yellow h3 {
    border-bottom: 0;
    padding: 5px 0 4px 0;
    margin: 0 auto 0 0;
    line-height: normal;
}
#question-answer.yellow a.fr {
    display: block;
    height: 25px;
    line-height: 25px;
    margin: 0 0 0 10px;
}

#question-answer.yellow hr {
    border-top: 1px solid #d9d9d9;
    margin: 5px 0 10px;
    padding: 0;
    width: 100%;
}
#question-answer.yellow p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}
#question-answer.yellow p:empty {
	display: none;
}

#question-answer p {
    word-break: break-word;
}
    
#question-answer a {
	word-break: break-all;
}
@media only screen and (max-width: 31.25em) {
	#question-answer.yellow p {
		font-size: 14px;
		line-height: 140%;
	}
	#question-answer.yellow h3 {
		width: 100%;
	}
	#question-answer.yellow a.fr {
		margin: 0 10px 0 0;
	}
}

.fb_iframe_widget span {
	min-width: 180px;
}
.fb_iframe_widget iframe {
    min-width: 180px;
}

/*onesignal*/
div#onesignal-slidedown-container div#normal-slidedown {
    display: flex !important;
    flex-wrap: wrap;
	justify-content: flex-end;
}

#onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-body-message {
    padding-bottom: 15px;
}

#onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-body-icon {
    margin-top: -10px;
}
#onesignal-bell-container.onesignal-reset {
    z-index: 9001;
}
#onesignal-popover-container, #onesignal-slidedown-container {
    z-index: 9000;
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-button {
	width: 40px !important;
	height: 40px !important;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right {
	bottom: 20px !important;
    right: 180px !important;
}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-md {
	width: 40px !important;
	bottom: 20px !important;
	right: 180px !important;
	height: 40px !important;
}
@media only screen and (max-width: 768px) {

	#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-md {
		bottom: 50px !important;
		right: 11px !important;
	}
	/*#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-button svg {
		filter: none !important;
	}*/

}
@media only screen and (min-width: 769px) {

	#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right.onesignal-bell-launcher-md.search-enabled {
		bottom: 120px !important;
	}
}