@CHARSET "UTF-8";

/*@font-face {
    font-family: 'playfair_displaybold';
    src: url('/fonts/playfairdisplay-bold-webfont.eot');
    src: url('/fonts/playfairdisplay-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/playfairdisplay-bold-webfont.woff2') format('woff2'),
         url('/fonts/playfairdisplay-bold-webfont.woff') format('woff'),
         url('/fonts/playfairdisplay-bold-webfont.ttf') format('truetype'),
         url('/fonts/playfairdisplay-bold-webfont.svg#playfair_displaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/*
font-family: 'PT Sans Narrow', sans-serif;

font-family: 'PT Sans', sans-serif;

font-family: 'PT Serif', serif;

font-family: 'Playfair Display', serif;
*/

html{
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
	background: #fff;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: black;
	height: 100%;
}

a {
	outline: none;
	text-decoration: none !important;
	color: inherit;
}

.ul {
	text-decoration: underline !important;
}

img {
	border: 0px;
	margin: 0px;
}

.clear {
	clear: both !important;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.txcenter {
	text-align: center !important;
}


#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
}

#logo {
	background: url(/images/logo.png) no-repeat;
	width: 157px;
	height: 75px;
	display: block;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-top: -42px;
    position: absolute;
    left: calc(50% - 78px);
}

.banner {
	padding-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.banner::after {
    content: "hirdetés";
    display: block;
    font-size: 8px;
    font-family: Arial;
    color: #8f8f8f !important;
	text-align: center;
}

#header {
	margin-top: 20px;
	position: relative;
}

#lapszamvalaszto {
	background: url(/images/lapszamvalaszto.png) no-repeat left top;
	color: black;
	display: inline-block;
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	font-style: italic;
	height: 13px;
	margin-top: 17px;
	margin-bottom: 10px;
	padding-left: 25px;
	text-decoration: none;
}

#lapszamvalaszto:hover, #lapszamvalaszto:active {
	background-position: 0 -13px;
	color: #d8160d;
}

#lapszamok {
	position: absolute;
	border: 2px dotted #787878;
	border-top: 2px solid black;
	padding: 15px;
	display: none;
	background: white;
	z-index: 3000;
}

#lsz {
	max-height: 181px;
	overflow-x: auto;
	line-height: 18px;
	position: relative;
	margin-left: -15px;
	padding-right: 25px;
}

#lapszamok a {
	color: black;
	display: block;
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	font-style: italic;
	text-decoration: none;
	margin-left: 20px;
	position: relative;
	white-space:nowrap;
}

#lapszamok a:hover, #lapszamok a:active, #lapszamok a.active {
	color: #d8160d;
}

#lapszamok a:hover::before, #lapszamok a:active::before, #lapszamok a.active::before {
	content: " ";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background: #d8160d;
	position: absolute;
	margin-left: -16px;
	margin-top: 3px;
}

#bejelentkezes {
	background: url(/images/belepes.png) no-repeat left top;
	color: black;
	display: inline-block;
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	font-style: italic;
	height: 13px;
	margin-top: 17px;
	margin-bottom: 10px;
	padding-left: 25px;
	text-decoration: none;
	margin-right: 25px;
}

#bejelentkezes:hover, #bejelentkezes:active {
	background-position: 0 -13px;
	color: #d8160d;
}

#kijelentkezes {
	background: url(/images/logout.png) no-repeat left top;
	color: black;
	display: inline-block;
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	font-style: italic;
	height: 13px;
	margin-top: 17px;
	margin-bottom: 10px;
	padding-left: 25px;
	text-decoration: none;
	margin-right: 25px;
}

#kijelentkezes:hover, #kijelentkezes:active {
	background-position: 0 -13px;
	color: #d8160d;
}

#elofizetes {
	background: url(/images/elofizetes.png) no-repeat left top;
	color: #010101;
	display: inline-block;
	font-family: 'PT Sans', sans-serif;
	font-size: 12px;
	font-style: italic;
	height: 13px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 25px;
	text-decoration: none;
	padding-top: 2px;
}

#elofizetes:hover, #elofizetes:active {
	background-position: 0 -15px;
	color: #d8160d;
}


nav {
	border-bottom: 2px dotted black;
	border-top: 2px solid black;
	display: block;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: bold;
	height: 30px;
	padding-top: 13px;
	clear: both;
	padding-right: 43px;
}

nav a {
	color: #d8160d;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 6px;
	padding-right: 6px;
	float: left;
}

nav a.free {
	color: #038b50;
	background: url(/images/free.png) no-repeat right 14px;
    padding-right: 17px !important;
    margin-right: 6px;
    height: 32px;
    margin-top: -15px;
    padding-top: 15px;
}

nav a:hover, nav a:active, nav a.active {
	color: white;
	background: #d61610;
	height: 32px;
    margin-top: -15px;
    padding-top: 15px;
}

nav a.free:hover, nav a.free:active, nav a.active.free {
	color: white;
	background: #038b50 url(/images/free_on.png) no-repeat right 14px;

}

nav a.first {
	padding-left: 0px;
}

nav a.last,
nav a.loggedinlast {
	padding-right: 6px;
}

.almenu {
	position: absolute;
	background: white;
	border: 2px dotted #737373;
	border-top: 0px;
	display: none;
	margin-top: 32px;
	padding-top: 15px;
	z-index: 4000;
}

.almenu a {
	color: black !important;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 6px !important;
	padding-right: 6px !important;
	padding-bottom: 15px !important;
	margin: 0 !important;
	float: none !important;
	display: block !important;
}

.almenu a:hover, .almenu a:active, .almenu a.active {
	color: #d8160d !important;
	background: transparent !important;
	height: auto !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
}

.almenu a.first {
	padding-left: 6px !important;
}

.almenu a.last {
	padding-right: 6px !important;
}

#search {
	background: url(/images/nagyito.png) #d8160d no-repeat center center;
	width: 43px;
	height: 43px;
	overflow: hidden;
	margin-top: -45px;
	position: absolute;
    right: 0;
}

#search:hover, #search:active {
	background: url(/images/nagyito_on.png) #ffffff no-repeat center center;
}

#header.fixed {
	position:fixed;
	top: 0px;
    width: 960px;
    background: white;
    z-index: 100;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-top: 0px;
}

#header.fixed #logo {
	background: url(/images/logo_small.png) no-repeat;
	width: 83px;
	height: 40px;
	top: 15px;
    margin-top: -6px;
    position: absolute;
    left: calc(50% - 42px);
}

#header.fixed nav {
	padding-left: 45px;
	padding-right: 80px;
}

#header.fixed nav a.loggedinlast {
	margin-right: 19px !important;
}

#header.fixed #lapszamvalaszto {
	width: 0px;
	overflow: hidden;
	position: absolute;
	top: 15px;
}

#header.fixed #lapszamok {
	margin-top: 45px;
}

#header.fixed #bejelentkezes {
	width: 0px;
	top: 15px;
	right: 40px;
	overflow: hidden;
	position: absolute;
	padding-left: 13px;
}

#header.fixed #elofizetes {
	width: 0px;
	top: 15px;
	right: 47px;
	overflow: hidden;
	position: absolute;
	padding-left: 13px;
}

#header.fixed #kijelentkezes {
	width: 0px;
	top: 15px;
	right: 58px;
	overflow: hidden;
	position: absolute;
	padding-left: 13px;
}

#header.fixed .downloadpdf {
	margin-left: 20px;
}

.row {
	margin-top: 20px;
	border-bottom: 2px dotted black;
	padding-bottom: 20px;
	position: relative;
}

.row:last-child {
	border-bottom: 0px !important;
}

.topborder {
	border-top: 2px dotted black;
	padding-top: 20px;
}

.narrow {

}

.row > .bottomreversetitle:after{
	bottom: -20px;
}

.row.narrow > .column2.norightpad.bottomreversetitle:nth-child(2):after{
	width: 90%;
}

.column1 {
	width: 100%;
	position: relative;
}

.column2 {
	width: 360px;
	position: relative;
	display: table-cell;
	padding-bottom: 53px;
}

.row .column2 {
	padding-left: 60px;
	padding-right: 60px;
}

.narrow {
	margin-left: 60px;
	margin-right: 60px;
}

.noleftpad {
	padding-left: 0px !important;
}

.norightpad {
	padding-right: 0px !important;
}


.rovat {
	color: #d8160d;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.column1 h2 {
	margin: 0px;
	padding: 0px;
	font-size: 48px;
	font-family: 'Playfair Display', serif;
}

.column1 p {
	margin: 0;
	padding-top: 30px;
	font-size: 18px;
	font-family: 'PT Serif', serif;
	line-height: 21px;
	padding-left: 40px;
	padding-right: 40px;

}

.column2 p {
	margin: 0;
	font-size: 18px;
	font-family: 'PT Serif', serif;
	line-height: 21px;
}

.btnmore {
	background: url(/images/more.png) no-repeat calc(100% - 10px) center;
	display: inline-block;
	border: 1px solid #e1e1e1;
	color: #d8160d;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 37px;
	padding-bottom: 7px;
	padding-top: 5px;
	font-family: 'PT Sans', sans-serif;
	font-style: italic;
	font-size: 14px;
	margin-top: 20px;
	height: auto;
	background-color: white;
}

.btnmore:hover, .btnmore:active {
	background-color: #d8160d;
	color: white;
}

.column2 .btnmore, .column4 .btnmore {
	position: absolute;
	bottom: 0px;
}

.datum {
	font-family: 'PT Sans', sans-serif;
	font-style: italic;
	color: #878787;
	font-size: 12px;
	margin-bottom: 15px;
	display: inline-block;
}

h3 {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.column4 {
	text-align: left;
	display: table-cell;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 2px dotted black;
	width: 25%;
	position: relative;
	padding-bottom: 53px;
}

.norightborder {
	border-right: 0 !important;
}

.column4.first {
	padding-left: 0px;
}

.column4.last {
	padding-right: 0px;
	border-right: 0px;
}

.galeriarow {
	border-bottom: 0;
}

.galeriarow img {
	margin-bottom: 20px;
	vertical-align: top;
	width: 100%;
    max-width: 200px;
    max-height: 200px;
}

.galeriarow .rovat {
	padding-bottom: 20px;
}

.galeriarow .image {
	height: auto;
	position: relative;
}

.galeriarow .artist {
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
}

.galeriarow .artist .title {
	color: #878787;
	font-style: italic;
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	display: block;
	padding-top: 5px;
}

#footer {
	border-top: 2px dotted black;
	border-bottom: 2px solid black;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: 'PT Sans Narrow', sans-serif;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
}

#footer a {
	display: inline-block;
	color: #d8160d;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
}

#footer a:hover, #footer a:active {
	color: black;
}

#copy {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	color: black;
	font-size: 12px;
	font-family: 'PT Sans', sans-serif;
	font-style: italic;
}

#content {
	float: left;
	width: 620px;
	position: relative;
	margin-top: 30px;
	overflow: hidden;
}

#content .szerzo {
	color: #d72927;
	font-size: 24px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: normal;
}

#content h1 {
	font-size: 48px;
	font-family: 'Playfair Display', serif;
	margin-top: -10px;
	margin-bottom: 0px;
	/*text-transform: uppercase;*/
}

#content .lapszam {
	font-size: 12px;
	font-style: italic;
	font-family: 'PT Sans', sans-serif !important;
	margin-top: -20px;
    display: block;
    text-transform: none;
}

#innercontent {
	font-family: 'PT Serif', serif;
	font-size: 18px;
	line-height: 21px;
	padding-top: 35px;
}

#tools {
	border-top: 2px dotted #878787;
	padding: 0;
	margin: 0;
	padding-top: 2px;
	font-size: 12px;
	font-family: 'PT Sans', sans-serif;
	margin-top: 30px;
}

#tools li {
	width: 20%;
	border-right: 1px solid #cccccc;
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	border-collapse: collapse;
	box-sizing: border-box;
}

#tools li.first {
	border-left: 1px solid #cccccc;
}

#tools a {
	/*display: block;*/
	/*text-align: center;*/
	height: 30px;
	color: black;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center;
}

#tools a:hover, #tools a:active {
	background-color: #ee3a3a;
	color: white;
}

.icon-inc::before {
    content: url(/images/icon_inc.png);
    padding-right: 10px;
}

#tools a:hover.icon-inc::before {
	content: url(/images/icon_inc_on.png);
}

.icon-dec::before {
    content: url(/images/icon_dec.png);
    padding-right: 10px;
}

#tools a:hover.icon-dec::before {
	content: url(/images/icon_dec_on.png);
}

.icon-print::before {
    content: url(/images/icon_print.png);
    padding-right: 10px;
}

#tools a:hover.icon-print::before {
	content: url(/images/icon_print_on.png);
}

.icon-send::before {
    content: url(/images/icon_send.png);
    padding-right: 10px;
}

#tools a:hover.icon-send::before {
	content: url(/images/icon_send_on.png);
}

.icon-recommend::before {
    content: url(/images/icon_recommend.png);
    padding-right: 10px;
}

#tools a:hover.icon-recommend::before {
	content: url(/images/icon_recommend_on.png);
}

#sidebar {
	width: 300px;
	float: right;
	margin-top: 30px;
}

#sidebar .banner {
	margin-bottom: 40px;
}

.more {
	font-size: 16px;
	font-family: 'Playfair Display', serif;
	text-transform: uppercase;
	padding-bottom: 0;
	margin-top: 8px;
}

.moretitle {
	font-weight: bold;
}

.more a {
	color: black;
	text-decoration: none;
}

.more a:hover, .more a:active {
	color: #d72927;
}

.more .lapszam {
	margin: 0 !important;
	font-size: 14px !important;
	font-style: italic;
	font-family: 'PT Sans', sans-serif !important;
	text-transform: none;
}

#szerzocikkei {
	text-align: center;
	border-right: 0px;
}

#szerzocikkei a {
	position: absolute;
    top: calc(50% - 16px);
}

#fizessenelo {
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
}


.red {
	color: #d72927;
	text-decoration: none;
	font-weight: bold;
}


.red:hover, .red:active {
	color: black;
}

#content .row {
	border-color: #878787;
}

#content .column4 {
	border-color: #878787;
}

#content .column4 .lapszam {
	display: block;
	margin-top: 10px !important;
}

#content .column2 {
	width: 50%;
	padding: 0px;
}

#loginform {
	width: 260px !important;
	padding-left: 100px !important;
}

#cardholderform {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
}

#content input, #loginform input, #signupform input, #elofizetesform-elofizeteskezdete, #cardholderform input {
	border: 0;
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	font-style: italic;
	font-size: 14px;
	color: #505050;
	font-family: 'PT Sans', sans-serif;
	height: 31px;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 20px;
	width: 246px;
	background: white;
}

#signupform input[type=radio] {
	width: 20px;
}

#signupform label {
	font-style: italic;
    font-size: 14px;
    color: #505050;
    font-family: 'PT Sans', sans-serif;
    vertical-align: top;
    margin-top: 10px;
    height: auto;
    display: inline-block;
    margin-right: 20px;
}


#cardholderform input {
    width: 336px;
}

#signupform textarea, #loginform textarea {
	border: 0;
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	font-style: italic;
	font-size: 14px;
	color: #505050;
	font-family: 'PT Sans', sans-serif;
	height: 90px;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 20px;
	width: 100%;
	background: white;
}

#content button,
#loginform button, #loginform .button,
#signupform button, #signupform .button,
#elofizetesform button, #elofizetesform .button,
#resetbutton, #cardholderform button, #cardholderform .button {
	border: 1px solid #d7d7d7;
	color: black;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	text-align: center;
	width: calc(50% - 2px);
	height: 30px;
	background: white;
	display: block;
}

#content button:hover,
#loginform button:hover, #loginform .button:hover,
#signupform button:hover, #signupform .button:hover,
#elofizetesform button:hover, #elofizetesform .button:hover,
#resetbutton, #cardholderform button:hover, #cardholderform .button:hover {
	border: 1px solid white;
}

#content fieldset, #page-login fieldset {
	border: 0;
	border-top: 2px dotted #878787;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
}

.w100 {
	width: 100% !important;
}

fieldset legend {
	display: block;
	margin-top: -10px;
	margin-left: auto;
	margin-right: auto;
	background: white;
	color: #878787;
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
}

#fblogin {
	background: url(/images/fb.png);
	color: white;
	text-decoration: none;
	width: 227px;
	height: 26px;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
	display: inline-block;
	text-align: right;
	padding-right: 30px;
	padding-top: 6px;
}

.clear.topborder {
	padding: 0 !important;
}

#list {
	font-size: 18px;
	font-family: 'PT Sans', sans-serif;
}

#list .btnmore {
	margin-top: 0;
	margin-bottom: 20px;
}

.noborder {
	border: 0;
	margin-bottom: 0;
}

#list h2 {
	margin: 0;
	font-size: 24px;
	font-family: 'Playfair Display', serif;
	/*text-transform: uppercase;*/
}

#list h2 a:hover, #list h2 a:active {
	color: #d72927;
}

#list .szerzo {
	font-size: 18px;
}

#szerzo {
	font-size: 24px;
	color: #d72927;
	font-family: 'PT Sans Narrow', sans-serif;
	display: block;
	margin-bottom: 40px;
}

#list h2.first {
	font-size: 36px;
}

#search-form {
	margin-bottom: 25px;
}

#search-form input {
	color: #505050 !important;
}

#search-form select, #lapszam-form select {
	-webkit-appearance: none;
	border: 0;
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	font-style: italic;
	font-size: 14px;
	color: #505050;
	font-family: 'PT Sans', sans-serif;
	height: 34px;
	margin-bottom: 20px;
	width: 280px !important;
	background: white url(/images/dropdown.png) right center no-repeat;
	border-radius: 0 !important;
	padding-left: 7px;
}

#search-form select option {
	color: #505050;
}

#searchform-text {
	width: 605px !important;
	margin-right: 0 !important;
}

#searchform-author {
	width: 265px !important;
	margin-right: 60px !important;
}

#searchform-lapszam {
	margin-right: 60px !important;
}

#searchform-tag {
	width: 265px !important;
}

#search-form button {
	background: #ebebeb;
	width: 620px;
	height: 34px;
	color: #000000;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
}


::-webkit-input-placeholder{
   	color: #505050;
   	font-family: 'PT Sans', sans-serif;
   	font-style: italic;
	font-size: 14px;
}
:-moz-placeholder{
   	color: #505050;
   	font-family: 'PT Sans', sans-serif;
   	font-style: italic;
	font-size: 14px;
}
::-moz-placeholder{
   	color: #505050;
   	font-family: 'PT Sans', sans-serif;
   	font-style: italic;
	font-size: 14px;
}
:-ms-input-placeholder {
   	color: #505050;
   	font-family: 'PT Sans', sans-serif;
   	font-style: italic;
	font-size: 14px;
}

#searchtitle {
	font-size: 18px;
	color: #d72927;
	font-family: 'PT Sans', sans-serif;
	display: block;
	margin-bottom: 20px;
}

.error-summary {
	color: #d72927;
	font-size: 14px;
	font-family: 'PT Sans', sans-serif;
}

.eventlabel {
	display: inline-block;
	width: 200px;
}

.eventdata {
	display: inline-block;
	width: 200px;
}

.topborder.event {
	width: 400px;
	margin-top: 20px;
}

#innercontent .galeriakep {
	max-width: 100%;

}

#steps {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.step {
	background: #e2e2e2;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 20px;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	color: white;
	font-size: 38px;
	font-family: 'Playfair Display', serif;
	line-height: 30px;
}

.step.active {
	background: #ff0000;
}

.step.small {
	width: 16px;
	height: 16px;
	border-radius: 8px;
}

#step1 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	width: 920px;
	margin-left: auto;
	margin-right: auto;
}

#step1 td {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	height: 30px;
}

#step1 .even {
	background: #e2e2e2;
}

#step1 .csomag {
	width: 140px;
	vertical-align: top;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs16 {
	font-size: 16px;
}

.lh12 {
	line-height: 12px;
}

.borderleft { border-left: 2px dotted black;}
.bordertop { border-top: 2px dotted black;}
.borderright { border-right: 2px dotted black;}
.borderbottom { border-bottom: 2px dotted black;}

#step1 .space {
	width: 1px;
}

#step1 .nopadding {
	padding:0;
}

#step1 .button {
	text-transform: capitalize;
	background: #e1e1e1;
	color: black;
	text-align: center;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 22px;
	margin-bottom: 20px;
}

#step1 .button:hover {
	color: white;
	background: #ee0000;
	cursor: pointer;
}

.arrow_box {
	position: relative;
	background: white;
	border: 2px dotted #e1e1e1;
}
.arrow_box:after {
	top: -12px;
	left: calc(50% - 10px);
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
    display: inline-block;
    border-top: 2px dotted #e1e1e1;
    border-left: 2px dotted #e1e1e1;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: white;
    content: '';
    z-index: 1;
}

.arrow_box_content {
	padding: 10px;
	position: relative;
	z-index: 100;
	font-size: 18px !important;
	text-transform: none !important;
	font-weight: normal !important;
}

.vtop {
	vertical-align: top;
}

#step1 .comment {
	font-size: 12px;
	text-transform: none;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
}

#page-login h1, #page-login h2 {
	color: #d72927;
	font-size: 18px;
	font-family: 'PT Sans Narrow', sans-serif;
	text-align: center;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 20px;
}

#page-login #loginform, #page-signup #signupform {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0 !important;
	padding-bottom: 40px;
}

#loginform-rememberme, #signupform-optin, #sameaddress {
	width: auto !important;
	height: auto !important;
}

#loginform label {
	font-size: 14px;
	font-family: 'PT Sans Narrow', sans-serif;
}

/*#loginform input {
	margin-bottom: 0 !important;
}*/

#signupform {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	font-weihgt: normal;
	padding-bottom: 20px;
}

#signupform .title {
	color: #d72927;
	font-size: 18px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: normal;
	display: inline-block;
}

#signupform .title:first-child {
	margin-top: 20px;
	margin-bottom: 20px;
}

#signupform input {
	width: 280px;
}

.g-recaptcha div {
	margin-left: auto;
    margin-right: auto;
}

.help-block {
	font-family: 'PT Sans', sans-serif !important;
	font-size: 12px !important;
	margin: 0 !important;
    margin-top: -16px !important;
    margin-bottom: 16px !important;
    margin-left: 8px !important;
}

.help-block-error, .has-error .help-block {
	color: #fb0404;
}

.field-signupform-recaptcha {
	text-align: center;
}

.field-signupform-recaptcha .help-block {
	margin-top: 0px;
}

a.button {
	padding-top: 4px;
    height: 24px !important;
}

#elofizetesform, #checkoutform {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	font-family: 'PT Sans Narrow', sans-serif;
	padding-bottom: 40px;
}

#elofizetesform h1,#checkoutform h1 {
	width: 360px;
	border-bottom: 2px dotted #959595;
	font-size: 24px;
	font-family: 'PT Sans Narrow', sans-serif;
	color: black;
	text-transform: capitalize;
	margin-bottom: 40px;
}

.alert {
	color: #fb0404;
	font-size: 18px;
	font-weight: bold;
	font-family: 'PT Sans', sans-serif;
	border-left: 1px solid #fb0404;
	border-bottom: 1px solid #fb0404;
	border-right: 1px solid #fb0404;
	padding: 10px;
	margin-bottom: 40px;
}

#elofizetesform .title {
	display: block;
	margin-top: -25px;
	color: #d72927;
	font-size: 18px;
	font-family: 'PT Sans Narrow', sans-serif;
	margin-bottom: 35px;
}

#checkoutform .title {
	color: #d72927;
	font-size: 18px;
	font-family: 'PT Sans Narrow', sans-serif;
}

.w50 {
	width: calc(50% - 2px);
}

#elofizetesform-idoszak .radio {
	float: left;
	width: 150px;
	margin-left: 20px;
}

#elofizetesform-elofizeteskezdete {
	background: url(/images/calendar.png) no-repeat right center;
	height: 40px;
}

.fizetesimod {
	width: 154px;
	height: 63px;
	display: inline-block;
	margin-right: 15px;
	cursor: pointer;
	margin-top: 1px;
}

.fizetesimod.active {
	border: 1px solid #d72927;
	margin-top: -1px;
	margin-left: -1px;
	margin-right: 14px;
}

#fizetesimod_1 {
	background: url(/images/fizetesimod_1.png) no-repeat;
}

#fizetesimod_2 {
	background: url(/images/fizetesimod_2.png) no-repeat;
}

#fizetesimod_3 {
	background: url(/images/fizetesimod_3.png) no-repeat;
}

#checkoutform table {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

#checkoutform table td {
	padding: 5px;
	width: 20%;
}

#checkoutbutton {
	width: 350px;
	border: 2px solid #d72927;
	background: white;
	color: #d72927;
	font-size: 20px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#checkoutbutton:hover {
	background: #d72927;
	color: white;
}

#resetbutton {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.field-elofizetesform-idoszak .help-block {
	clear: both;
	margin-top: 50px;
	margin-left: 20px;
	padding-top: 10px;
}

#elofizetesform label {
	white-space: nowrap;
}


.bottomreversetitle:after {
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    display: block;
    content: attr(data-title);
    color: #f0f0f0;
    font-size: 100px;
    font-weight: bold;
    height: 90px;
    right: 0px;
    position: absolute;
    z-index: -1;
    font-family: 'Playfair Display', serif;
    overflow: hidden;
    width: 100%;
    bottom: -5px;
    text-align: left;
    text-transform: lowercase;
}

.nice-select {
	float: none !important;
	border-radius: 0 !important;
	border: 0 !important;
	border-left: 1px solid #d7d7d7 !important;
	border-bottom: 1px solid #d7d7d7 !important;
	font-style: italic !important;
	font-size: 14px !important;
	color: #505050 !important;
	font-family: 'PT Sans', sans-serif !important;
	height: 34px !important;
	margin-bottom: 20px !important;
	width: 100% !important;
	/*background: white url(/images/dropdown.png) right center no-repeat !important;*/
	border-radius: 0 !important;
	padding-left: 7px !important;
}

.nice-select .list {
	font-size: 14px !important;
	color: #505050 !important;
	font-family: 'PT Sans', sans-serif !important;
	width: 100% !important;
	border-radius: 0 !important;
	border-color: #d7d7d7 !important;
	max-height: 200px !important;
}

.nice-select.open .list {
	max-height: 200px;
	overflow-y: auto;
}

.downloadpdf {
	width: 18px;
    margin-top: 13px;
    margin-left: 8px;
    position: absolute;
    color: black;
}

.pagination {
	border: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}

.pagination a {
	color: #4d4d4d;
	text-decoration: none;
	font-size: 18px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
}

.pagination li.active a {
	color: #ef1616;
	font-size: 24px;
}

.pagination li.disabled  {
	display: none;
}

.pagination li {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

#preview {
	height: 20px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 230px;
	background: red;
	color: white;
	font-weight: normal;
	font-size: 16px;
	padding: 5px;
	font-family: 'PT Sans Narrow', sans-serif;
}

#preview a {
	text-decoration: none;
	color: white;
	margin-left: 20px;
}

.tag {
	display: inline-block;
	border: 1px solid #cccccc;
	font-size: 12px;
	color: black;
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.tag::after {
   content: '';
   display: inline-block;
   width: 14px;
   height: 14px;
   -moz-border-radius: 14px;
   -webkit-border-radius: 14px;
   border-radius: 14px;
   background-color: #cccccc;
   margin-left: 10px;
   margin-bottom: -2px;
}

#tags {
	margin-top: 30px;
	margin-bottom: 30px;
}

.freecikk {
	padding-right: 25px;
	background: url(/images/free_bigger.png) no-repeat right;
}

.contactform {
	float: right;
	margin: 0;
}

#contacttext {
	float: left;
	font-family: 'PT Serif', serif;
}

.toggle {
	font-size: 15px;
}

.expired_subscriptions {
	display: none;
}

.failed_subscriptions {
	display: none;
}

.lock {
	background: url(/images/lock_black.png) no-repeat;
	margin-right: 6px;
	display: inline-block;
	width: 13px;
	height: 15px;
}

.button:hover .lock {
	background: url(/images/lock_white.png) no-repeat;
}

#elofizetesduma, #fizetesiinformaciok {
	padding: 40px;
	padding-right: 20px;
	border: 1px dotted #b0b0b0;
	width: 860px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    font-size: 18px;
    font-family: 'PT Sans Narrow', sans-serif;
}

.elofizetesduma_details {
	display: none;
}

#elofizetesduma .title, #fizetesiinformaciok .title {
	color: #d72927;
}

.funnyborderedtext {
	display: inline-block;
	height: 30px;
	padding-left: 7px;
	padding-top: 2px;
	border-left: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	font-weight: bold;
	margin-top: 20px;
	width: 305px;
}

.caption {
	display: none;
}

h2.subtitle {
	margin-top: 0px;
    margin-bottom: 40px;
}

.column1 h3, h2.subtitle {
	color: #5e5158;
	font-size: 26px;
	font-family: 'Playfair Display', serif;
}

#list h3 {
	color: #5e5158;
	font-size: 20px;
	font-family: 'Playfair Display', serif;
}

#list p {
	margin-top: 20px;
}

#madbro-info-column {
	width:auto;
	padding-top:25px !important;
	color: #d72927;
	border-bottom:0px;
}

#madbro-button-column {
	padding-left:25px;
	width:auto;
	padding-top:25px !important;
	border-bottom:0px;
}

#madbro-text {
	border-bottom: 0px;
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
}

.intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
	padding-left: 52px !important;
	margin-left: 0;
    width: 295px !important;
    margin-top: 3px !important;
}

.intl-container .help-block {
    margin-top: 4px !important;
}
