/* Reset /**/

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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html, body { height: 100%; }

body {
    line-height: 1;
    min-width: 320px;
	/* background: #f8f8f8; */
	background: #fff;
	overflow-x: hidden;
}

em, i { font-style: italic; }

strong, b { font-weight: bold; }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol { list-style: inside decimal; }

ul { list-style: inside; }

.clr:after {
    clear: both;
    content: "";
    display: table;
}

body {
	font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 18px;
}

a {
    color: #0093ee;
    text-decoration: none;
}

a:hover { text-decoration: underline; }

/* main /**/

#main {
    margin: 0 auto;
    min-width: 320px;
    width: 1100px;
}

/* header /**/

#header {
    position: relative;
	min-height: 360px;
}

#header img { display: block; }

#header a { color: #2d2741; }
#header h2 a { color: #fff; }

#header a:hover { text-decoration: none; }

#header .marker {
    font-size: 120px;
    font-weight: 400;	
	position: absolute;
	bottom: 0;
	line-height: 1.2;
    text-transform: uppercase;
	margin-bottom: -18px;
    margin-left: -7px;
}

/* content /**/

#content { 
	padding: 0px 0 40px 0;
	position: relative;
	overflow: hidden;
}
#content #menu {
	height: 70px;
	line-height: 70px;
	background: #2d2741;
	margin-bottom: 30px;
	padding: 0 55px 0 25px;
}
#content #menu:after {
	content: ' ';
	position: absolute;
	height: 70px;
	width: 100%;
	right: 0px;
	top: 0;
	background: #2d2741;
	z-index: 1;
}
#content #menu .wrapper {
	overflow: hidden;
	height: 100%;
}
#content #menu a {
	color: #ececec;
	text-decoration: none;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 300;
	position: relative;
	margin-left: 55px;
	float: left;
	position: relative;
    z-index: 2;
}
#content #menu a:hover {
	text-decoration: underline;
}
#content #menu a:before {
	content: '•';
	width: 55px;
	text-align: center;
	display: inline-block;
	position: absolute;
	left: -55px;
	pointer-events: none;
}
#content #menu a:first-child {
	margin-left: 0px;
}
#content #menu a:first-child:before {
	display: none;
}
#content #menu .opener {
	color: #fff;
	cursor: pointer;
	float: right;
	width: 30px;
	text-align: center;
	position: absolute;
    right: 25px;
	top: 0px;
	display: none;
	transition: transform 500ms;
	transform: rotate(0deg);
	z-index: 2;
}
#content #menu .opener.active {
	transform: rotate(180deg);
}
#content #menu .opener.active + .menu-links {
	transform: translateY(0);
}
#content #menu .menu-links {
	background: #2d2741;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 70px;
    padding: 0px 20px;
	transform: translateY(-100%);
	transition: transform 500ms;
}
#content #menu .menu-links a {
	float: none;
	display: block;
	margin-left: 0px;
}
#content #menu .menu-links a:before {
	display: none;
}

/* left-column /**/

#left-column {
    float: left;
    width: 640px;
    padding: 40px 0 0 0;
	box-sizing: border-box;
    margin-right: 40px;
}

/* right-column /**/

#right-column {
    color: #2e2e2e;
    float: left;
    width: 320px;
	box-sizing: border-box;
}



/* post /**/

/* post info (create date, author) /**/

.avatar {
    border-radius: 50%;
    vertical-align: top;
}


.post-image {
	margin: 0px -25px 15px -25px;
}
.post-image div {
	width: 100%!important;
}

.post-container {
	padding: 40px 0;
	background: #fff;
	margin-bottom: 40px;
}

.post-info {
    color: #2d2741;
    font-size: 12px;
	line-height: 1.8;
	font-weight: 300;
	text-transform: uppercase;
	padding: 12px 0;
}

.post-info img {
    margin: 0 10px 0 0;
    max-width: 40px;
}

.post-info .post-tags {
	font-size: 0;
	display: inline;
    margin-left: 20px;
	padding: 0;
}
.post-info .post-tags a {
	font-size: 12px;
	color: #fe4d01;
	font-style: italic;
	margin-right: 10px;
}
.post-info .post-tags a:last-child {
	margin-right: 0;
}

.post-comments .comment-icon {
	display: none;	
}

.post-author {
	display: inline-block;
	margin-right: 30px;
}

.post-author a { 
	color: #111;
	font-family: 'Saira Semi Condensed', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	text-decoration: none;
}

.post-author a:after {
	content: ' ';
	height: 2px;
	background: #111;
	width: 0;
	bottom: -2px;
	display: block;
	position: absolute;
	transition: width 250ms;
}
	
.post-author a:hover:after { width:100%; }

.post-author a:hover { color: #111; }


.post-date { 
	font-family: 'Saira Semi Condensed', sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.post-comments {
	float: right;
	color: #FF4D00;
	font-family: 'Saira Semi Condensed', sans-serif;
	font-size: 16px;
	font-weight: 600;
}

.post-comments a {
	color: #FF4D00;
}

/* post title /**/

.post-title {
    color: #111;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.2;
	margin-bottom: 20px;	
}

.post-title a { 
	color: #111;
	text-decoration: none;
	transition: all 250ms;
}

.post-title a:hover { 
	color: #FF4D00;
}

/* post-content /**/

.post-content {
    color: #111;
    font-size: 16px;
    font-family: 'Saira Semi Condensed', sans-serif;
	font-weight: 400;
    line-height: 1.4;
	font-size: 20px;
}

    .post-content a {
        color: #FF4D00;   
		text-decoration: none;
        background-image: linear-gradient(#fe4d01, #fe4d01);
        background-position: 0% 100%;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        transition: background-size .3s;    
    }

    .post-content a:hover { color: #fe4d01; background-size: 100% 1px; }

    .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5  {
        color: #000;
        font-family: 'Istok Web', sans-serif;
        font-size: 26px;
        font-weight: 700;
        padding: 0 0 5px;
    }

    .post-content p { padding: 0 0 20px; }

    .post-content img {
        display: block;
        margin: 0 0 20px;
    }

    .post-content figure {
        margin-bottom: 20px;
    }
    .post-content figure img {
        margin-bottom: 0;
    }
    .post-content figure figcaption {
        background: #efefef;
        padding: 10px 20px;
        border-left: solid 2px #fe4d01;
        font-size: 16px;
        line-height: 24px;
        color: #111;
    }

    .post-content p > img { margin: 0; }

    .post-content img[style*="float:left"], .post-content img[style*="float: left"] { margin: 0 20px 20px 0; }

    .post-content img[style*="float:right"], .post-content img[style*="float: right"] { margin: 0 0 20px 20px; }

    .post-content p.image-caption {
        background: #f8f8f8;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        padding: 8px 0 8px 10px;
        position: relative;
        top: -20px;
    }

    .post-content p.image-caption span {
        color: #8D8D8D;
        display: block;
    }

    .post-content p.border-box {
        background: #fe4d01;
        margin: 0 0 20px;
        padding: 20px;
        color: #fff;
    }

    .post-content ol { padding: 0 0 20px 20px; margin-left: 20px; list-style: outside decimal; }

    .post-content ul { padding: 0 0 20px 20px; }

    .post-content ol li { padding: 0; }
    .post-content ul li { padding: 0 0 0 10px; }
    .post-content ul li { list-style-type: none; font-style: italic; }
    .post-content ul li:before { position: absolute; left: 20px; content: '\2022'; }

    .post-content blockquote {
        position: relative;
        color: #fe4d01;
        font-style: italic;
        font-weight: 500;
        margin: 0 0 20px;
        padding: 15px 0 0 30px;
    }
    .post-content blockquote:before {
        content: "\201c";
        position: absolute;
        top: -25px; left: -12px;
        color: #cecece;
        font-size: 72px;
    }

    .post-content blockquote p { padding: 0; }

    .def-readmore { display: none; }

/* post-actions /**/

.post-actions { line-height: 34px; }


/* post-read-more /**/

.post-read-more {
	color: #fff;
    display: inline-block;
    font-size: 0;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-weight: 500;
    height: 50px;
    line-height: 24px;
    padding: 14px 20px;
    background: #111;
    text-transform: uppercase;
    box-sizing: border-box;
    float: right;
	z-index: 1;
    overflow: hidden;
	position: relative;
}
.post-read-more:hover:before {
    top: 0;
}
.post-read-more:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #FF4D00;
    z-index: -2;
    transition: all 250ms;
}
.post-read-more:after {
	content: 'A bejegyzés folytatódik';
	font-size: 14px;
}

.post-read-more:hover {
    text-decoration: none;
}

/* post-tags /**/

.post-tags {
    color: #2d2741;
    font-size: 14px;
    line-height: 1.2em;
    padding: 20px 0 20px;
	float: left;
}

.post-tags a { 
	font-size: 16px;
	font-weight: 600;
    color: #CECED4;
    text-transform: uppercase;
	display: inline-block;
	margin: 5px 30px 5px 0;
	text-decoration: none;
	transition: all 250ms;
}
.post-tags a:last-child {
	margin-right: 0;
}
.post-tags a:hover {
	color: #111;
}

/* widgets - Oldaldobozok /**/
/*
    - Blog leírása
    - Blog ajánló
    - Címkefelhő
    - Legfrissebb bejegyzések
    - Utolsó kommentek
    - Utoljára kommentelt bejegyzések
    - Archívum
    - RSS Feed
    - Origo RSS

/**/

.p-item {
	color: #dedddd!important;
	transition: all 250ms;
}
.pagination-nav .p-item {
	border-radius: 0;
    color: #fe4d01;
    border: none;
    height: 31px;
    width: 31px;
    font-size: 26px;
    line-height: 31px;
    font-weight: 900 !important;
}
.num-item {
	border: none!important;
    border-radius: 0!important;
	font-family: 'Saira Semi Condensed', sans-serif;
	font-size: 20px!important;
    padding: 0 10px!important;
    color: #fe4d01;
	width: auto!important;
}
.active-item {
    background: none!important;
	border: none!important;
}
a.num-item:hover,a.p-item:not(.inactive):hover {
	color: #000!important;
    border: none!important;
}
.p-item.inactive {
	cursor: default;
    color: #9e9e9e!important;
}
.num-item.active-item {
	cursor: default;
	color: #000!important;
    border-bottom: solid 2px #000!important;
}

/* widgets default /**/


#right-column .widget:first-child .widget-title {
	padding-top: 0!important;
}
.widget {
    overflow: hidden;
    margin: 0 0 25px;
}

.widget-title {
    color: #2d2741;
    line-height: 1.3;
    padding: 12px 0 20px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;	
}

.widget-content {
    line-height: 1.4;
    overflow: hidden;
	color: #2d2741;
	font-weight: 300;
	font-size: 16px!important;
}
.widget-content.rss-content {
    min-height: 24px;
}

.widget-content a {
    color: #FF4D00;   
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(#fe4d01, #fe4d01);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;    
}

.widget-content a:hover { color: #fe4d01; background-size: 100% 1px; }

.blog-description-content p {
	overflow: hidden;
}

/* blog-description /**/

.blog-description img {
    float: left;
    margin: 0 10px 10px 0;
}

/* recommend /**/

.recommend img {
    border-radius: 50%;
    float: left;
    margin: 0 10px 10px 0;
}

/* tagcloud (címkefelhő)
    - equal-list (egységes megjelenés)
    - tag-cloud-list (címkefelhő megjelenés)

/* equal-list /**/

.tagcloud-content a { 
	color: #2d2741;
	margin-right: 5px;
}
.tagcloud-content a span  {
	font-weight: 600;
	color: #fe4d01;
}
.tagcloud-content .tag-separator {
	display: none;
}

.tagcloud-content {
	line-height: 1.6;
}
.tagcloud-content .tag-item {
    color: #2d2741;
	margin-right: 5px;
}
.tagcloud-content .tag-item span {
	font-weight: 600;
	color: #fe4d01;
}

/* tag-cloud-list **/

.tag-cloud-list { line-height: 1.7em; }

.tag-size-1 { font-size: 100%; }
.tag-size-2 { font-size: 140%; }
.tag-size-3 { font-size: 170%; }

.tag-cloud-item {
    display: inline-block;
    vertical-align: baseline;
}

.tag-separator {
    display: inline-block;
    padding: 0 5px 0 0;
    vertical-align: baseline;
}

/* latest /**/

.latest-item,.orss-item { 
	padding: 20px 0 15px;
	border-bottom: 2px solid #f4f4f5;
	margin-bottom: 15px;
	position: relative;
}

.latest-date,.orss-date {
    font-size: 11px;
    font-weight: 300;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 0;
	color: #2d2741;
}

.latest-item-title a,.orss-item-title a {
	color: #fe4d01;
	font-weight: 600;
}

.comments-header {
	color: #2d2741!important;
}
.comment-info-left a {
    color: #2d2741!important;
    font-weight: 300!important;
    font-size: 11px!important;
    text-transform: uppercase;
	font-style: normal!important;
}
.comment-avatar {
		border-radius: 0!important;
}
.comment-content-fe {
	color: #2d2741!important;
    font-size: 16px!important;
    font-weight: 300;
    line-height: 1.4em!important;
}
.post-comment-list a {
	color: #fe4d01;
    font-weight: 600;
}
.comment-actions .btn {
	border-radius: 2px!important;
    color: #fff!important;
    display: inline-block!important;
    font-size: 12px!important;
    font-weight: 600;
    height: 30px!important;
    line-height: 32px!important;
    padding: 0 10px!important;
    background: #fe4d01;
	border: none!important;
}
.comment-actions .btn.cancel-comment {
	background: #fff!important;
	color: #fe4d01;
	border: 1px solid #fe4d01;
}
.logout:hover {
	color: #2d2741!important;
}
.share-btn {
	border-radius: 0!important;
}


/* last-comments & last-commented-posts /**/
/*
    - with avatar
    - without avatar
/**/

/* with avatar */

.last-comment-item-wa { margin: 0 0 25px; }

.last-comment-item-wa:last-child { margin: 0 }

.last-comment-item-info-wa {
    font-size: 16px;
    line-height: 40px;
    padding: 0 0 5px;
}

.last-comment-item-info-wa img {
    border-radius: 0;
    vertical-align: middle;
}

.last-comment-item-user-wa,.last-comment-item-date-wa { 
	padding: 0 10px 0 0; 
	color: #2d2741!important;
	font-weight: 300;
	font-size: 11px;
	text-transform: uppercase;
}

.last-comment-item-date-wa {
    float: right;
}

.last-comment-item-title-wa {
    font-size: 16px;
    font-weight: 600;	
}
.last-comment-item-title-wa a {
	color: #fe4d01;
}

.last-comment-item-comment-wa {
	font-size: 16px;
	font-weight: 300;	
}

/* without avatar */

.last-comment-item:last-child:after { }

.last-comment-item-title { }

.last-comment-item-info { }

.last-comment-item-user { }

.last-comment-item-date { }

/* /**/

/* archive - Archívum /**/

.archive ul ul  {
    list-style: inside circle;
    padding: 0 0 0 15px;
}

.widget.archive a,.widget.rss a {
	color: #fe4d01;
	font-weight: 600;
}
/*
.widget.archive a:before,.widget.rss a:before {
	content: '» ';
    background: none!important;
}
*/
.archive-content > div {
	padding: 10px 0 8px 0;
	border-bottom: 2px solid #f4f4f5;
}
.archive-content li {
	list-style: none;
	padding: 5px 0 3px 0;
}

/* Links /**/

.widget-content.links-content .links-item {	
	font-weight: 600;
	padding: 10px 0 8px 0;
	border-bottom: 2px solid #f4f4f5;
}
.widget-content.links-content .links-item a {
	color: #fe4d01;
}
/*
.widget-content.links-content .links-item a:before {
	content: '» ';
}
*/

/* RSS Feed /**/

/* Origo RSS /**/


/* ads /**/

.ad-between-post-container { margin: 0 0 30px; }

.ad-between-widget-container { margin: 0 0 30px; }

@media only screen and (max-width: 1100px)  {
    #main {
        margin: 0 auto;
        max-width: 640px;
    }
	#header {
		min-height: 125px;
	}
    #header .marker { 
		font-size: 72px;
		margin-bottom: -11px;
		margin-left: -4px;
	}
    #header img {
        height: auto;
        width: 100%;
    }

    #left-column {
        float: none;
        padding: 30px 0;
        width: auto;
        margin: 0;
    }

    #right-column { display: none; }

    .post-content { padding: 10px 0; }

    .post-content img { height: auto; }
	
	.inlineGallery, .image-caption {
		margin: 0;
		width: 100%!important;
	}
	#footer a {
		margin-bottom: -3px;
		font-size: 60px;
		margin-left: -3px;
	}
	
	.post-image {
		margin: 0 0 15px 0;
	}
	.post-container:not(.first-post) .post-image {
		width: 225px;
		margin-right: 15px;
	}
}

@media only screen and (max-width: 640px)  {
    #main { width: 100%; }

    #content { padding: 0; }

    .post-title { font-size: 28px; }

    .post-content { font-size: 17px; }

    .post-content img[style*="float:left"], .post-content img[style*="float: left"] { margin: 0 10px 10px 0; }

    .post-content img[style*="float:right"], .post-content img[style*="float: right"] { margin: 0 0 10px 10px; }

    .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5  { font-size: 20px; }

    .post-content p.border-box { padding: 10px; }

    .post-tags { padding: 10px 0 15px; }
	
	#header .marker {
		font-size: 45px;
		margin-bottom: -7px;
		margin-left: -3px;
	}
	#footer a {
		font-size: 45px;
		margin-bottom: -1px;
		margin-left: -1px;
	}
	#content:before {
		height: 33px;
	}
	
	#content #menu {
		margin: 0 0 30px 0;
	}
	
	.post-container:not(.first-post) .post-image {
		margin-right: 0px;
		width: 100%;
		margin-bottom: 15px;
	}
	.post-container:not(.first-post) .post-right {
		float: none;
		width: 100%;
	}
	.post-container:not(.first-post) .post-right .post-content {
		padding-bottom: 20px;
	}
	.post-container {
		border-width: 2px;
	}
	
	#header h2 {
		font-size: 34px;
		line-height: 50px;
	}
	
	
}

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

    .post-info { font-size: 14px; }

    .post-info img.avatar { float: left; }

    .post-author {
       
    }

    .post-author:after { display: none; }

    .post-date {
        margin: 0;
		float: right;
    }

	.post-title { font-size: 22px; }
		
	.post-container {
		padding: 20px 0;
	}
	
	.post-tags {
		float: none;
	}
	
	
	
	.post-comments {
		display: none;
	}
	
}





/*reblog 2020*/

body#body {
	margin-top: 80px!important;
}

.container {
	width: 1000px;
	margin: 0 auto;
}

.reversed {
    transform: rotateY(180deg);
    display: inline-block;
}


#header {
    height: 190px;
    background: #FF4D00;
    padding-top: 54px;
    box-sizing: border-box;
    min-height: auto;
    max-width: 640px;
    margin: 0 auto;
}
#header h1,h2 {
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 40px;
    line-height: 101px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
#header h1 {
    color: #111;
    font-size: 25px;
    line-height: 1;	
}
@media only screen and (min-width: 1100px) {
    #header {
        height: 250px;
        background: #FF4D00;
        padding-top: 54px;
        box-sizing: border-box;
        min-height: auto;
        max-width: 1000px;
    }

    #header h1,h2 {
        font-size: 64px;
        max-width: 960px;
        margin: 0 auto;
    }
}

nav.header-menu {
	height: 80px;
	background: #fff;
}

nav.header-menu {
	font-size: 0;
}

nav.header-menu a {
	font-family: 'Saira Semi Condensed', sans-serif;
	color: #111;
	font-size: 20px;
	margin-right: 40px;
	display: inline-block;
	line-height: 80px;
	text-decoration: none;
	position: relative;
}
nav.header-menu a:last-child {
	margin: 0;
}
nav.header-menu a:before {
    content: ' ';
    height: 1px;
    background: rgba(17, 17, 17, 0.61);
    width: 0;
    bottom: 24px;
    display: block;
    position: absolute;
    transition: width 250ms;
}
nav.header-menu a:hover:before {
    width: 100%;
}


.post-header {
	margin-bottom: 30px;
}
.blog-pagination {
	border-top: 1px solid #e6e6eb;
    padding-top: 40px;
}
.blog-pagination-right,.blog-pagination-left {
	float: none!important;
	display: inline-block;
}
.blog-pagination-left {
	margin-right: 30px;
}
.blog-pagination-right {
	margin-left: 30px;
}

#footer {
	background: #fff;
	padding: 40px 0;
}
#footer:after {
	content: ' ';
	display: block;	
	clear: both;
}
#footer .ready {
	padding: 30px;
	border: 1px solid #E6E6EB;
	width: 600px;
	float: right;
}
#footer .ready:after {
	content: ' ';
	display: block;	
	clear: both;
}
#footer .ready .text {
	float: left;
}
#footer .ready .text .title {
	text-transform: uppercase;
	font-size: 20px;
	font-family: 'Saira Semi Condensed', sans-serif;
	font-weight: 700;
	color: #111;
	margin-bottom: 10px;
}
#footer .ready .text span {
	font-size:16px;
	font-family: 'Saira Semi Condensed', sans-serif;
	color: #111;
}
#footer .ready .buttons {
	float: right;
}
#footer .ready .buttons a { 
	display: inline-block;
	height: 40px;
	width: 150px;
	text-align: center;
	color: #111;
	border: 1px solid #111;
	background: transparent;
	text-transform: uppercase;
	font-family: 'Saira Semi Condensed', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 40px;
	z-index: 1;
    overflow: hidden;
    position: relative;
	text-decoration: none;
	transition: all 250ms;
}
#footer .ready .buttons a:after { 
	content: ' ';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #FF4D00;
    z-index: -2;
    transition: all 250ms;
}
#footer .ready .buttons a:hover {
	color: #fff;
}
#footer .ready .buttons a:hover:after { 
	top: 0;
}
#footer .ready .buttons a:last-child {
	margin-left: 10px;
	color: #fff;
	background: #111;
}	
#footer .left {
	float: left;
	font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 14px;
    line-height: 1.7;
}
#footer .left .footer-logo {
	width: 118px;
	height: 40px;
	display: block;
	margin-bottom: 24px;
	background: url(img/reblog_footer.svg) no-repeat center center;
	background-size: contain;
}	

.post-comment-list .comments-header {
	font-family: 'Saira Semi Condensed', sans-serif;
	font-size: 30px;
	color: #111!important;
	text-transform: uppercase;
}
.post-comment-list .comments-info {
	display: none;
}

.post-comment-list .comment-item {
	margin: 40px 0 0;
    border: none;
    padding: 28px 50px 50px 160px;
	position: relative;
	background: #f8f8f8;
	overflow: visible;
}
.post-comment-list .comment-avatar {
	position: absolute;
    top: -20px;
    left: 20px;
    width: 80px;
    height: 80px;
}
.post-comment-list .comment-name {
	font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 20px!important;
    color: #FF4D00!important;
    text-transform: uppercase;
    font-weight: 600!important;
	text-decoration: none;
	position: relative;
}
.post-comment-list .comment-name:after {
    content: ' ';
    height: 2px;
    background: #FF4D00;
    width: 0;
    bottom: 6px;
    display: block;
    position: absolute;
    transition: width 250ms;
}
.post-comment-list .comment-name:hover:after {
	width: 100%;
}
.post-comment-list .comment-info-left {
	width: 160px;
	padding-right: 10px;
}
.post-comment-list .comment-info-right {
	font-size: 0!important;
	float: none;
}
.post-comment-list .comment-info-right a {
	display: none;
}
.post-comment-list .comment-info-right a, .post-comment-list .comment-actions {
	display: none;
}
.post-comment-list a {
	color: #FF4D00;
}
.post-comment-list .comment-content-fe a {	
	position: relative;
	text-decoration: none;
}
.post-comment-list .comment-content-fe a:after {
    content: ' ';
    height: 2px;
    background: #FF4D00;
    width: 0;
    bottom: 2px;
    display: block;
    position: absolute;
    transition: width 250ms;
}
.post-comment-list .comment-content-fe a:hover:after {
	width: 100%;
}
.post-comment-list .comment-info-right .comment-date {
	font-size: 20px;
    color: #111;
    font-family: 'Saira Semi Condensed', sans-serif;
}
#addcomments {
	margin-top: 40px;
	font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 20px;
}
#addcomments .comment-avatar {
	display: none;
}
#addcomments .comment-info-right {
	font-size: 14px;
}
#addcomments .comment-info-right a {
	display: block;
}
#addcomments .comment-actions {
	display: block;
}
#addcomments .comment-actions .add-comment {
	display: inline-block!important;
    height: 40px!important;
    width: 150px;
    text-align: center;
    color: #111!important;
    border: 1px solid #111!important;
    background: transparent!important;
    text-transform: uppercase;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-weight: 500;
    font-size: 14px!important;
    line-height: 40px!important;
    z-index: 1;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: all 250ms;
	border-radius: 0!important;
}
#addcomments .comment-actions .add-comment:after {
	content: ' ';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #FF4D00;
    z-index: -2;
    transition: all 250ms;
}
#addcomments .comment-actions .add-comment:hover {
	color: #fff!important;
}
#addcomments .comment-actions .add-comment:hover:after {
	top: 0;
}
.comment-content-fe p {
	font-family: 'Saira Semi Condensed', sans-serif;
	font-size: 20px;
}
#addcomments .comment-actions-left {
	height: 40px;
    line-height: 40px;
}
#addcomments .comment-actions-left input[type="checkbox"] {
    vertical-align: top;
    margin-top: 13px;
}
.komment-count-div {
	font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 30px;
    margin-bottom: -30px;
    margin-left: 180px;
    color: #111;
}
.komment-count-div a {
	color: #111!important;
	text-decoration: none;
	cursor: auto;
}
.post-comment-list .login-msg {
	padding: 30px 50px;
    background: #fff;
    margin-top: 40px;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 20px;
	line-height: 40px;
}
.post-comment-list .login-msg a { 
	display: inline-block;
    height: 40px;
    width: 150px;
    text-align: center;
    color: #fff;
    background: #FF4D00;
    text-transform: uppercase;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 40px;
    z-index: 1;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    float: right;
}
.post-comment-list .login-msg a:after { 
	content: ' ';
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #111;
    z-index: -2;
    transition: all 250ms;
}
.post-comment-list .login-msg a:hover:after { 
	top: 0;
}

.header-menu .container {
	position: relative;
	height: 100%;
}
.hamburger-sub {
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    padding: 10px 7px;
    float: right;
    cursor: pointer;
    position: relative;
    transition: all 0.3s cubic-bezier(0.33, 0.69, 0.29, 0.97);
	box-sizing: border-box;
	top: 50%;
    position: absolute;
    right: 10px;
    transform: translateY(-50%);
	display: none;
	z-index: 2;
}

.hamburger-sub span {
  height: 3px;
  display: block;
  background: #000;
  transform: rotate(0deg);
  transition: all 0.3s cubic-bezier(0.33, 0.69, 0.29, 0.97);
  position: absolute;
  width: 24px;
}

.hamburger-sub span:nth-child(1) {
  top: 10px;
}

.hamburger-sub span:nth-child(2) {
  top: 17px;
  opacity: 1;
}

.hamburger-sub span:nth-child(3) {
  top: 24px;
}

.hamburger-sub.active span:nth-child(1) {
  top: 17px;
  transform: rotate(45deg);
}

.hamburger-sub.active span:nth-child(2) {
  opacity: 0;
}

.hamburger-sub.active span:nth-child(3) {
  top: 17px;
  transform: rotate(-45deg);
}

.comment-actions-left {
	display: none;
}

.post-header .post-comments .post-comment-number:after {
	content: ' komment';
}
.post-header .post-comments .post-comment-number {
	position: relative;
	text-decoration: none;
}
.post-header .post-comments .post-comment-number:before {
	content: ' ';
    height: 2px;
    background: #FF4D00;
    width: 0;
    bottom: 2px;
    display: block;
    position: absolute;
    transition: width 250ms;
}
.post-header .post-comments .post-comment-number:hover:before {
	width: 100%;
}

@media only screen and (max-width: 1050px) {
	.container {
		width: 100%;
        max-width: 640px;
		padding: 0 15px;
		box-sizing: border-box;
	}	
}
@media only screen and (min-width: 768px) {
	body > .container {
		padding: 0;
	}	
}
@media only screen and (max-width: 800px) {
	.hamburger-sub {
		display: block;	
	}
	.header-menu .menu-content {
		position: absolute;
		width: 100%;
		background: #fff;
		top: 0;
		left: -110%;
		z-index: 1;
		padding: 0 10px;
		transition: left 0.3s cubic-bezier(0.33, 0.69, 0.29, 0.97);
		border-bottom: 1px solid transparent;
	}
	.header-menu .container:before {
		content: 'Menü';
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		font-size: 20px;
	}
	nav.header-menu a {
		display: block;
		margin: 0;
		line-height: 2.5;
	}
	nav.header-menu a:before {
		display: none;
	}
	.header-menu .hamburger-sub.active + .menu-content {
		left: 0;
		border-color: #000;
	}
	
	#footer .left {
		float: none;
	}
	
	#footer .ready {
		float: none;
		margin-top: 30px;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	
	#footer .ready .text {
		float: none;
	}
	#footer .ready .buttons {
		float: none;
		margin-top: 20px;
	}
	#footer .ready .buttons a {
		margin: 5px!important;
	}
	
	.post-comment-list .comment-item {
		padding: 10px;
	}
	.post-comment-list .comment-avatar {
		width: 50px;
		height: 50px;
		left: auto;
		right: 10px;
	}
	.comment-content-fe p,.post-comment-list .comment-info-right .comment-date {
		font-size: 16px;
	}
	.post-comment-list .comment-name {
		font-size: 16px!important;
		margin-bottom: 3px;
	}
	
	.post-comment-list .login-msg {
		text-align: center;
		font-size: 16px;
		line-height: 25px;
	}
	.post-comment-list .login-msg a {
		float: none;
		display: block;
		margin: 10px auto 0;
	}
	
	.post-tags {
		float: none;
	}
	
	.post-read-more {
		margin: 10px auto;
		display: block;
		float: none;
		width: 250px;
		text-align: center;
	}
}