/*!
 * Custom style for Bootstrap v3.3.7
 * Since 2018-02-10
 * Licensed under MIT
 */
 
@charset "utf-8";

/* =============================================================== */
/* IMPORT
/* =============================================================== */
/* Helpers for Bootstrap */
@import url("helpers.css");  
/* Self-hosted webfonts */
@import url("open-sans.min.css"); 
@import url("amiri.min.css"); 
@import url("font-awesome.min.css");  

/* =============================================================== */
/* GENERAL
/* =============================================================== */
html,
body {
    overflow-x: hidden;
}
html {
    background-color: #000;
    --pagewidth-broad-max: 1440px;
    --pagewidth-broad: min(var(--pagewidth-broad-max), 100vw);
    --winwidth: calc(100vw - 17px);
}
@media (max-width: 1440px)
{
    html { --pagewidth-broad-max: 100vw; }
}
@media (max-width: 600px)
{
    html { --winwidth: 100vw; }
}

body {
    background-color: #000;
    color: #000;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    position: relative;
}

a,
a:focus,
a:active {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #444;
}


/* deco theme */
.font-deco {
    /*text-transform: lowercase !important;*/
}
.text-deco {
    /*color: #ff4c69 !important;*/
}
.bg-deco {
    background-color: #ff4c69 !important;
}
.border-deco {
    border-color: #ff4c69 !important; 
}

.navbar-nav li > a.font-deco {
    /*font-size: 21px !important;*/
    /*line-height: 21px !important;*/
}
.navbar-nav li > a.font-deco:hover,
.navbar-nav li.open > a.font-deco {
    /*border-color: #ff4c69 !important;*/
}

.btn-deco,
.btn-deco:focus,
.btn-deco:active {
    background-color: #ff4c69;
    border: 2px solid #ff4c69; 
    color: #fff !important;
}
.btn-deco:hover {
    background-color: transparent;
    border: 2px solid #ff4c69; 
    color: #ff4c69 !important;
}



/* buttons */
.btn {
    text-transform: uppercase;
    border-radius: 0px !important;
    font-weight: 600 !important;
    white-space: normal;
}
.input-group-btn .btn {
    white-space: nowrap;
}
.btn-black,
.btn-black:focus,
.btn-black:active {
    background-color: #000;
    border: 2px solid #000; 
    color: #fff !important;
}
.btn-black:hover {
    background-color: transparent;
    border: 2px solid #000; 
    color: #000 !important;
}

.btn-thin-black,
.btn-thin-black:focus,
.btn-thin-black:active {
    background-color: transparent;
    border: 2px solid #000; 
    color: #000;
}
.btn-thin-black:hover {
    background-color: #000;
    border: 2px solid #000; 
    color: #fff !important;
}

.btn-white,
.btn-white:focus,
.btn-white:active {
    background-color: #fff;
    border: 2px solid #fff; 
    color: #000 !important;
}
.btn-white:not(.inactive):hover {
    background-color: transparent;
    border: 2px solid #fff; 
    color: #fff !important;
}


.btn-thin-white,
.btn-thin-white:focus,
.btn-thin-white:active {
    background-color: transparent;
    border: 2px solid #fff; 
    color: #fff;
}
.btn-thin-white:not(.inactive):hover {
    background-color: #fff;
    border: 2px solid #fff; 
    color: #000;
}
.btn-thick-white,
.btn-thick-white:focus,
.btn-thick-white:active {
    background-color: transparent;
    border: 1px solid #fff; 
    color: #fff;
}
.btn-thick-white:not(.inactive):hover {
    background-color: #fff;
    border: 1px solid #fff; 
    color: #000;
}


/* subtitled button */
.btn-subtitled span {
    display: block;
    font-size: 10px;
}

/* button sizes */
.btn-xs {
    font-size: 10px;
}
.btn-tall {
    padding: 8px 15px;
}


/* input styles */
.input-black,
.input-black:focus {
    background: #000;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    box-shadow: none;
    padding-left: 0;
}
.input-black:focus {
    background: #000;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,1);
    color: #fff;
    box-shadow: none;
    padding-left: 0;
}
.input-black::-webkit-input-placeholder {
    color: #555;
    opacity: 1;
    font-style: normal;
}
.input-black::-moz-placeholder {
    color: #555;
    opacity: 1;
    font-style: normal;
}
.input-black:focus::-moz-placeholder {
    opacity: 0.6;
}

.input-transparent {
    background: rgba(0,0,0,0);
    border: 0;
    color: #fff;
    box-shadow: none;
    padding-left: 0;
}
.input-transparent::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
    font-style: normal;
}
.input-transparent::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-style: normal;
}
.input-transparent:focus::-moz-placeholder {
    opacity: 0.7;
}


/* loader */
.loader {
    position: relative;
    overflow: hidden;
    background: rgba(0,0,0,0) url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSc0NnB4JyBoZWlnaHQ9JzQ2cHgnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBjbGFzcz0idWlsLXJpbmctYWx0Ij48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIgY2xhc3M9ImJrIj48L3JlY3Q+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDAiIHN0cm9rZT0iI2VkZWRlZCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48L2NpcmNsZT48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI0MCIgc3Ryb2tlPSIjOTk5OTk5IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBmcm9tPSIwIiB0bz0iNTAyIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hhcnJheSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTUwLjYgMTAwLjQ7MSAyNTA7MTUwLjYgMTAwLjQiPjwvYW5pbWF0ZT48L2NpcmNsZT48L3N2Zz4=) no-repeat scroll 50% 50%;
    height: 420px;
}
.loader .owl-carousel {
    position: absolute;
    left: -99999px;
}


blockquote {
    color: #999;
    font-weight: 600;
    font-size: 18px;
    position: relative;
    margin: 25px 0;
}
blockquote.q {
    margin-left: 30px;
}      
blockquote.q:before {
    content: '\201D';
    font-size: 48px;
    position: absolute;
    left: -40px;
    font-family: serif;
    top: -1px;
    color: #e6e6e6;
}

.legend {
    margin: 0 0 25px;
}

.tab-content {
    border: 1px solid #ddd;
    border-top: 0 none;
}



.inline-label { position: relative; }
.inline-label input, .inline-label textarea { position: relative; background-color: transparent; z-index: 1; padding-left: 0; transition: all .1s; -moz-transition: all .1s; -webkit-transition: all .1s; -o-transition: all .1s; }
.inline-label input:focus, .inline-label textarea:focus { padding-left: 10px; }
.inline-label input + label, .inline-label textarea + label { position: absolute; color: var(--light-font-color); z-index: 0; left: 0px; top: 2px; transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s; }
.inline-label input:focus + label, .inline-label textarea:focus + label,
.inline-label input:not(:placeholder-shown) + label, .inline-label textarea:not(:placeholder-shown) + label { font-size: 0.85rem; color: var(--light-font-color); top: -25px; left: 0; }
.inline-label input:focus + label:after, .inline-label textarea:focus + label:after,
.inline-label input:not(:placeholder-shown) + label:after, .inline-label textarea:not(:placeholder-shown) + label:after { content: ":"; }

.draw-x { position: relative; --size: 30px; --color: #000; width: var(--size); height: var(--size); }
.draw-x:before, .draw-x:after { content: " "; width: 100%; position: absolute; display: block; margin-top: calc(var(--size) / 2); border-top: 2px var(--color) solid; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; }
.draw-x:before {  -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.draw-x:after {  -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.draw-arrow { position: relative; display: inline-block; --size: 16px; --color: #000; --line-width: 1px; width: var(--size); height: var(--size); box-sizing: border-box; }
.draw-arrow:before, .draw-arrow:after { content: " "; display: block; position: absolute; top: 0px; left: calc(var(--size) * 0.3); width: 69%; height: 69%; margin: 0; padding: 0; border-top: var(--line-width) var(--color) solid; }
.draw-arrow:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); transform-origin: top left; }
.draw-arrow:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); transform-origin: 0 0; top: calc(var(--size) - var(--line-width) * 0.7); margin-left: calc(var(--line-width) * -0.7); }
.draw-arrow.arrow-left {  -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.draw-arrow.arrow-bottom {  -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.draw-triangle { position: relative; --size: 16px; --color: #000; --line-width: 1px; width: var(--size); height: var(--size); border-left: var(--line-width) var(--color) solid; box-sizing: border-box; }
.draw-triangle:before, .draw-triangle:after { content: " "; display: block; position: absolute; top: 0; left: 0; width: var(--size); height: var(--size); margin: 0; padding: 0; border-top: var(--line-width) var(--color) solid; }
.draw-triangle:before { -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); transform-origin: top left; }
.draw-triangle:after { -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); transform-origin: 0 0; top: var(--size); left: calc(var(--line-width) * -1); }

.thinscrollbar { scrollbar-width: thin; }
.thinscrollbar::-webkit-scrollbar { width: 2px; }
.thinscrollbar::-webkit-scrollbar-track { box-shadow: inset 0 0 2px grey; border-radius: 10px; }
.thinscrollbar::-webkit-scrollbar-thumb { background: #000; border-radius: 10px; }
.thinscrollbar::-webkit-scrollbar-thumb:hover { background: #333; }


/* =============================================================== */
/* SKIN
/* =============================================================== */
/* header offset */
body {
    padding-top: 0;
}

.pagewidth {
    width: var(--pagewidth-broad);
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.winwidth {
    width: var(--winwidth);
    margin: auto;
}

/* containers */
.container-half {
    width: 780px;
    margin: auto;
}

/* navbar */
.navbar-default {
    background-color: #fff;
    border-bottom: 0 none;
    margin: 0;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.navbar-inverse {
    background-color: #000;
    border-bottom: 0 none;
    margin: -70px 0 0 0;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.navbar-inverse.stuck {
    margin: 0;
}
.navbar-search-open .navbar-inverse.stuck {
    padding-top: 77px;
}

/* navbar brand */
.navbar-default .navbar-brand {
    margin: 0 auto;
    text-align: center;
    float: unset;
    display: inline-block;
    height: auto;
}
.navbar-default .navbar-brand .logo {
    max-height: 105px;
}

.navbar-inverse .navbar-brand {
    margin: 0 auto;
    text-align: center;
    float: unset;
    display: inline-block;
    height: auto;
    padding: 15px 0 10px;
}
.navbar-inverse .navbar-brand .logo {
    max-height: 35px;
}


/* navbar navigation */
.navbar-default .navbar-bottom .navbar-collapse {
    padding: 0;
}
.navbar-bottom .container {
    /* átmenetileg több menüpontot tettünk ki mint ami 
       1170px-ben elfért, ezért a: width: 1350px; max-width: 100%;
    width: 1325px;
    max-width: 100%;
    */
}
.navbar-default .navbar-nav > li > a {
    padding: 30px 15px;
    text-transform: uppercase;
    position: relative;
    background-color: transparent;
    color: #000;
    border-bottom: 4px solid transparent;
    font-weight: 600;
    font-size: 17px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active > a:active {
    color: #000;
    background-color: transparent;
    border-bottom: 4px solid #000;
    font-weight: 600;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
    color: #000;
    background-color: transparent;
    border-bottom: 4px solid #000;
    font-weight: 600;
}




/* navbar service menus */
.navbar-default .navbar-top {
    border-bottom: 1px solid #ededed;
}
.navbar-default .navbar-top .row > div {

}

.navbar-default ul.service-menu-left,
.navbar-default ul.service-menu-right,
.navbar-inverse ul.service-menu-left,
.navbar-inverse ul.service-menu-right {
    margin-bottom: 0;
}
.navbar-default ul.service-menu-left {
    margin-top: 60px;
    /*margin-left: 45px;*/
    margin-left: 32px;
}
.navbar-default ul.service-menu-right {
    margin-top: 55px;
    /*margin-right: 45px;*/
    margin-right: 32px;
}
.navbar-default ul.service-menu-left > li,
.navbar-default ul.service-menu-right > li,
.navbar-inverse ul.service-menu-left > li,
.navbar-inverse ul.service-menu-right > li {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding-left: 0;
    padding-right: 0;
    color: #000;
}

.navbar-default ul.service-menu-left > li {
    padding-right: 15px;
}
.navbar-default ul.service-menu-right > li {
    padding-left: 15px;
}
.navbar-inverse ul.service-menu-left > li {
    padding-right: 15px;
}
.navbar-inverse ul.service-menu-right > li {
    padding-left: 15px;
}
@media (max-width: 400px)
{
    .navbar-inverse ul.service-menu-right > li { padding-left: 10px; }
}
@media (max-width: 370px)
{
    .navbar-inverse ul.service-menu-right > li { padding-left: 8px; }
}

.navbar-default ul.service-menu-left > li:first-child,
.navbar-default ul.service-menu-right > li:first-child,
.navbar-inverse ul.service-menu-left > li:first-child,
.navbar-inverse ul.service-menu-right > li:first-child {
    padding-left: 0;
}

.navbar-default ul.service-menu-left > li a,
.navbar-default ul.service-menu-right > li a {
    color: #000;
}
.navbar-default ul.service-menu-left > li a:hover,
.navbar-default ul.service-menu-right > li a:hover,
.navbar-default ul.service-menu-left > li a:focus,
.navbar-default ul.service-menu-right > li a:focus,
.navbar-default ul.service-menu-left > li a:active,
.navbar-default ul.service-menu-right > li a:active {
    color: #777;
}

.navbar-inverse ul.service-menu-left,
.navbar-inverse ul.service-menu-right {
    margin: 15px 0 0;
}
.navbar-inverse ul.service-menu-left > li a,
.navbar-inverse ul.service-menu-right > li a {
    color: #fff;
}
.navbar-inverse ul.service-menu-left > li a:hover,
.navbar-inverse ul.service-menu-right > li a:hover {
    color: #777;
}
.navbar-inverse ul.service-menu-left > li a:focus,
.navbar-inverse ul.service-menu-right > li a:focus,
.navbar-inverse ul.service-menu-left > li a:active,
.navbar-inverse ul.service-menu-right > li a:active {
    color: #fff;
}

.navbar-default .social-top a i {
    font-size: 22px;
}
.navbar-default ul .btn-xs {
    margin-top: -12px;
    padding: 2px 8px;
}
.navbar-default ul.service-menu-right li .btn-xs:last-child {
    margin-top: 4px;
    padding: 2px 8px;
    margin-right: 1px;
}
.navbar-inverse ul .fa {
    font-size: 17.5px;
    position: relative;
    top: -5px;
}

.navbar-inverse ul .fa-plus-square {
    font-size: 20px;
    position: relative;
    top: -3px;
}


.navbar-default ul.service-menu-right > li:first-child a.tip-h {
    display: inline-block; 
}


/* nabvar menu active decorator hide */
.navbar-nav > li > a.silent {
    border-color: transparent !important;
}
.navbar-nav > li > a.silent:hover {
    border-color: inherit !important;
}


/* navbar search */
.navbar-search-open .navbar-search {
    border-bottom: 1px solid #333;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
.navbar-search-open {
    padding-top: 77px;
}
.navbar-search form {
    padding: 15px 40px 15px 45px;
    transition: all 0.3s ease-in 0s;
}
.navbar-search-open.stuck .navbar-search form {
    padding: 15px 0px 15px 0px;
}
.navbar-search .navbar-search-title {
    margin: 0 0 20px;
    font-size: 22px;
    text-transform: uppercase;
}
.navbar-search .checkbox span {
    display: inline-block;
    margin-top: 2px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7); 
}
.navbar-search .search-close {
    background: rgba(0,0,0,0);
    border: 0 none;
    padding: 0;
    color: rgba(255, 255, 255, 0.5);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.5); 
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    width: auto;
    margin-right: -50px;
}
.navbar-search-open.stuck .navbar-search .search-close {
    margin-right: -60px;
}
.navbar-search .search-close:hover {
    color: rgba(255, 255, 255, 1);
    -webkit-text-fill-color: rgba(255, 255, 255, 1); 
}
.navbar-search .row > div {
    display: grid;
    align-content: center;
}




/* card */
.card {
    border-radius: 3px;
    box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in 0s;
}
.card.hover:hover,
.box-shadow {
    box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);
}
.card .card-title {
    margin: 0;
    padding: 10px 15px;
    border-bottom: 1px solid #ededed;
    font-size: 24px;
    font-weight: 600;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.card .card-title a {
    color: #333;
}
.card .card-title a:hover {
    color: #777;
}
.card.no-shadow {
    box-shadow: unset;
}
.card-shadow {
    box-shadow: 1px 2px 3px -1px rgba(0, 0, 0, 0.2);
}

.recent-articles {
    padding-top: 1em;
}

/* mosaic section */
.mosaic {
    display: grid;
    height: 100%;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr); 
    grid-gap: 0;
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.mosaic-item {
    background: transparent;
    position: relative;
    z-index: 0;
}
.mosaic-item.large {
    grid-column: span 2;
    grid-row: span 2;
}
.mosaic-item.wide {
    grid-column: span 2;
    grid-row: span 1; 
}
.mosaic-item.small {
    grid-column: span 1;
}
.mosaic-item.tall {
    grid-column: span 1;
    grid-row: span 2;
}

.mosaic-item .mosaic-item-wrapper {
    position: absloute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 7.5px;
}

.mosaic-item .mosaic-img {
    position: relative;
    z-index: 0;
    display: grid;
    align-content: center;
    justify-content: center;
    overflow: hidden;
}
.mosaic-item .mosaic-img img {
    transform: scale(1.1);
    -webkit-transition: all .5s cubic-bezier(.66,-0.54,.43,2.45);
    transition: all .5s cubic-bezier(.66,-0.54,.43,2.45);
}

.mosaic-item.large .mosaic-img {
    height: 415px; 
}
.mosaic-item.wide .mosaic-img {
    height: 200px;
}
.mosaic-item.small .mosaic-img {
    height: 200px;
}
.mosaic-item.tall .mosaic-img {
    height: 415px;
}

.mosaic-item.tall .mosaic-img img {
    transform: scale(3);
}

.mosaic-item:hover .mosaic-img img {
    transform: scale(1.2);
}
.mosaic-item .mosaic-right-side .mosaic-img img,
.mosaic-item:hover .mosaic-right-side .mosaic-img img { /* hird */
    transform: scale(1);
}
.mosaic-item.tall:hover .mosaic-img img {
    transform: scale(3.2);
}

.mosaic-item .mosaic-caption {
    position: absolute;
    left: 7.5px;
    bottom: 22.5px;
    z-index: 1;
    background: #000;
    color: #fff;
    display: inline-block;
    padding: 12px 15px;
    max-width: 90%;
}
.mosaic-item .mosaic-caption .mosaic-caption-title {
    margin: 0 0 5px 0;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.1;
}
.mosaic-item .mosaic-caption .mosaic-caption-title a {
    color: #fff;
}

.mosaic-item .mosaic-caption .mosaic-caption-meta {
    margin-bottom: 5px;
    font-size: 10px;
}
.mosaic-item .mosaic-caption .mosaic-caption-meta li:first-child {
    padding-right: 0;
}
.mosaic-item .mosaic-caption .mosaic-caption-meta li:first-child:after {
    content: '/';
    margin-left: 6px;
}
.mosaic-item .mosaic-caption .mosaic-caption-meta .publish-date {
    color: rgba(255, 255, 255, 0.7);
}
.mosaic-item .mosaic-caption .mosaic-caption-meta .thematics a,
.mosaic-item .mosaic-caption .mosaic-caption-meta .category a {
    color: rgba(255, 255, 255, 0.7);
}
.mosaic-item .mosaic-caption .mosaic-caption-meta .thematics a:hover,
.mosaic-item .mosaic-caption .mosaic-caption-meta .category a:hover {
    color: rgba(255, 255, 255, 0.5);
}
.mosaic-item .mosaic-caption .mosaic-caption-lead {
    margin: 0;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
}

/* mosaic item advertising */
.mosaic-item .ad-flag {
    position: absolute;
    right: 15px;
    top: 15px;
    background: #fff;
    color: #555;
    display: block;
    padding: 0 4px 0 4px;
    font-size: 9px;
    text-transform: uppercase;
}
.mosaic-item .javaslathelybox, .mosaic-item .javaslathelyelonezet {
    padding: 0;
    margin: 0;
    border: 0;
}

/* latest issue */
.issue-block {
    padding: 40px 75px 40px 45px;
}
.issue-block .issue-block-img {
    max-width: 220px;
    margin: -80px auto 0 auto;
    box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.2);
}

.issue-block .issue-block-number {
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 25px;
    border-bottom: 5px solid #fff;
    display: inline-block !important;
}
.issue-block .issue-block-number .counter {
    font-size: 40px;
    display: inline-block;
    margin-right: 15px;
    font-weight: 700;
}
.issue-block .issue-block-number .date {
    font-size: 14px;
    display: inline-block;
    color: rgba(255, 255, 255, 0.9);
}
.issue-block .issue-block-title {
    margin: 0 0 15px;
    font-weight: 600;
    font-size: 22px;
}
.issue-block .issue-block-description {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
}
.issue-block .issue-block-functions {
    margin-bottom: 60px;
    margin-top: 10px;
}
.issue-block .issue-block-functions a {
    color: #fff;
}
.issue-block .issue-block-functions a:hover {
    color: rgba(255, 255, 255, 0.7);

}
.issue-block .issue-block-functions li {
    position: relative;
}   
.issue-block .issue-block-functions .tooltip {
    margin-top: -20px;
}



/* article list */
.article-list .article-list-item {
    display: block;
    margin-top: 40px;
}

.article-list .article-list-item:nth-of-type(even) .row > div:first-child {
    float: right;
}
.article-list .article-list-item:nth-of-type(even) .row > div:last-child {
    float: left;
    text-align: right;
}

.article-list-item .article-list-item-img {
    display: grid;
    align-content: center;
    justify-content: center;
    height: 300px;
    overflow: hidden;
}
.article-list-item .article-list-item-img img {
    transform: scale(1.1);
    -webkit-transition: all .5s cubic-bezier(.66,-0.54,.43,2.45);
    transition: all .5s cubic-bezier(.66,-0.54,.43,2.45);
}
.article-list-item:not(.inactive):hover .article-list-item-img img {
    transform: scale(1.2);
}
/* .article-list-item.inactive pl: állások rovat */
.article-list-item.inactive .article-list-item-img img { filter: grayscale(100%) brightness(0.8) blur(3px); }

.article-list-item .article-list-item-data {
    padding: 25px 20px 0 20px;
}

.article-list-item .article-list-item-title {
    margin: 0 0 15px;
    font-size: 24px; 
    line-height: 1;
}
.article-list-item .article-list-item-title a {
    display: inline;
    background: #000;
    color: #fff;
    line-height: 1.37;
}
.article-list-item:not(.inactive) .article-list-item-title a:hover,
.article-list-item:not(.inactive):hover .article-list-item-title a {
    color: rgba(255, 255, 255, 0.7);
}
.article-list-item .article-list-item-title a span.highlight {
    display: inline;
    background: #000;
    padding: 0 6px;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;

}

.article-list-item .article-list-item-meta {
    margin-bottom: 10px;
    font-size: 13px;
}
.article-list-item .article-list-item-meta li:first-child {
    padding-right: 0;
}
.article-list-item .article-list-item-meta li:first-child:after {
    content: '/';
    margin-left: 6px;
}
.article-list-item .article-list-item-meta .publish-date {
    color: rgba(0, 0, 0, 0.6);
}
.article-list-item .article-list-item-meta .category a {
    color: rgba(0, 0, 0, 0.8);
}
.article-list-item .article-list-item-meta .category a:hover {
    color: rgba(0, 0, 0, 1);
}


.article-list-item .article-list-item-counters {
    margin-top: 15px;
    font-size: 12px;
}
.article-list-item .article-list-item-counters li {
    padding-right: 0;
    color: rgba(0, 0, 0, 0.6);
}
.article-list-item .article-list-item-counters li:after {
    content: '/';
    margin-left: 6px;
    color: rgba(0, 0, 0, 0.4);
}
.article-list-item .article-list-item-counters li:last-child:after {
    content: '';
    margin-left: 6px;
}
.article-list-item .article-list-item-counters li i {
    margin-right: 5px;
}


.article-list.theme-2 .article-list-item,
.article-list.theme-3 .article-list-item {
    margin-top: 0;
}
.article-list.theme-2 .article-list-item {
    margin-bottom: 40px;
}
.article-list.theme-2 .article-list-item .article-list-item-title,
.article-list.theme-3 .article-list-item .article-list-item-title {
    max-width: 90%;
}
.article-list.theme-2 .article-list-item .article-list-item-data {
    padding: 20px 15px 0;
}

.article-list.theme-3 .article-list-item .article-list-item-data {
    padding: 20px 15px 0;
}

.article-list.theme-3 .article-list-item .article-list-item-img {
    height: 240px;

}







/* issue list */
.issue-list .issue-list-item {
    display: block;
    margin-top: 40px;
}

.issue-list .issue-list-item:nth-of-type(even) .row > div:first-child {
    float: right;
}
.issue-list .issue-list-item:nth-of-type(even) .row > div:last-child {
    float: left;
    text-align: right;
}

.issue-list-item .issue-list-item-img {
    display: grid;
    align-content: center;
    justify-content: center;
    height: 354px;
    overflow: hidden;
}
.issue-list-item .issue-list-item-img img {
    transform: scale(1.05);
    -webkit-transition: all .5s cubic-bezier(.66,-0.54,.43,2.45);
    transition: all .5s cubic-bezier(.66,-0.54,.43,2.45);
}
.issue-list-item:hover .issue-list-item-img img {
    transform: scale(1.15);
}

.issue-list-item .issue-list-item-data {
    padding: 15px 15px 0 15px;
}

.issue-list-item .issue-list-item-title {
    margin: 0 0 15px;
    font-size: 24px; 
    line-height: 1;
}
.issue-list-item .issue-list-item-title a {
    display: inline;
    background: #000;
    color: #fff;
    line-height: 1.4;
}
.issue-list-item .issue-list-item-title a:hover,
.issue-list-item:hover .issue-list-item-title a {
    color: rgba(255, 255, 255, 0.7);
}
.issue-list-item .issue-list-item-title a span.highlight {
    display: inline;
    background: #000;
    padding: 0 6px;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;

}

.issue-list-item .issue-list-item-meta {
    margin-bottom: 10px;
    font-size: 13px;
}
.issue-list-item .issue-list-item-meta li:first-child {
    padding-right: 0;
}
.issue-list-item .issue-list-item-meta li:first-child:after {
    content: '';
    margin-left: 6px;
}
.issue-list-item .issue-list-item-meta .publish-date {
    color: rgba(0, 0, 0, 0.6);
}
.issue-list-item .issue-list-item-meta .category a {
    color: rgba(0, 0, 0, 0.8);
}
.issue-list-item .issue-list-item-meta .category a:hover {
    color: rgba(0, 0, 0, 1);
}


.issue-list-item .issue-list-item-counters {
    margin-top: 15px;
    font-size: 12px;
}
.issue-list-item .issue-list-item-counters li {
    padding-right: 0;
    color: rgba(0, 0, 0, 0.6);
}
.issue-list-item .issue-list-item-counters li:after {
    content: '/';
    margin-left: 6px;
    color: rgba(0, 0, 0, 0.4);
}
.issue-list-item .issue-list-item-counters li:last-child:after {
    content: '';
    margin-left: 6px;
}
.issue-list-item .issue-list-item-counters li i {
    margin-right: 5px;
}


/* issue page */
.issue-content-inner {
    padding: 120px 0 120px;
}
.issue-content-inner .row > div {
    position: relative;
}
.issue-content-img {
    position: absolute;
    margin-top: -140px;
    max-width: 90%;
    
}





/* ad */
.jtitle {
    font-size: 10px;
    text-transform: uppercase;
    margin: -15px 0 5px;
    color: #888;
}


/* footer */
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 25px;
    margin-top: 25px;
}
.footer-col-title {
    margin: 0 0 30px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}
.footer-logo {
    max-height: 45px;
    margin-bottom: 30px;
}
.footer-links li {
    margin-bottom: 10px;
}
.footer-links li a {
    color: rgba(255, 255, 255, 1);
}
.footer-links li a:hover {
    color: rgba(255, 255, 255, 0.3);
}
.footer-company li {
    margin-bottom: 5px;
}
.footer-company li a {
    color: rgba(255, 255, 255, 1);
}
.footer-company li a:hover {
    color: rgba(255, 255, 255, 0.3);
}
.footer-social li a {
    color: rgba(255, 255, 255, 1);
}
.footer-social li a:hover {
    color: rgba(255, 255, 255, 0.3);
}
.footer-social li a.podcast-opener:hover,
.footer-social li a.calendar-opener:hover {
    opacity: 0.3;
}
.footer-social li a i {
    font-size: 22px;
}



/* magnific popup */
.mfp-bg {
    background: #000 !important;
    opacity: 1 !important;
    overflow: hidden;
    z-index: 1042;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  -o-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

.mfp-arrow::after, .mfp-arrow::before {
    border: 0 none;
}  
.mfp-arrow i {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 3px black;
    font-size: 60px;
    transform: scaleY(1.2);
    transition: all 0.2s ease-in 0s;
}
.mfp-arrow:hover i {
    -webkit-text-fill-color: #777;
}

.mfp-iframe-holder .mfp-close, 
.mfp-image-holder .mfp-close {
   padding-right: 0;
    right: 0;
    text-align: right;
    width: auto; 
}
.mfp-close i {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 1px black;
    font-size: 34px;
    font-weight: 300;
    transition: all 0.2s ease-in 0s;
}
.mfp-close:hover i {
    -webkit-text-fill-color: #777;
}
.mfp-container {
    padding: 0 15px;
}
.mfp-bottom-bar {
    margin-top: -30px;
    font-size: 14px;
    letter-spacing: 0;
}
.mfp-figure::after {
    background: #000;
}
.mfp-top-bar {
    cursor: auto;
    left: 0;
    margin-top: -15px;
    position: absolute;
    top: 25px;
    width: 100%;
}
.mfp-top-bar .mfp-title {
    margin: 0 auto;
}
.mfp-share {
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-top: 15px;
    padding: 4px;
    position: relative;
}
.mfp-share i {
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 1px black;
    font-size: 25px;
    font-weight: 300;
    opacity: 0.6;
    transition: all 0.2s ease-in 0s;
}
.mfp-share:hover i {
    -webkit-text-fill-color: #00abc1;
    opacity: 1;
}
.mfp-close {
    float: none;
    margin: 15px 15px 0 0;
    padding-right: 0;
    position: relative;
    right: unset;
    text-align: right;
    width: auto;
}
.mfp-control {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
}
.mfp-copy {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    margin-top: 7px;
}

/* nano scroller */
.nano { 
    width: 100%;
    height: 406.8px;
}
.sidebar-properties-block .nano { 
    width: 100%;
    height: 450px;
}
.nano .nano-content { 
    padding: 0; 
    overflow: hidden !important;
}
.nano.has-scrollbar .nano-content { 
    overflow-y: scroll !important;
}
.nano .nano-pane { 
    background: rgba(0, 0, 0, 0.2);
    width: 8px;
    border-radius: 0; 
}
.nano .nano-slider { 
    background: rgba(0, 0, 0, 0.5); 
}


/* modals */
.modal-open {
    padding-right: 0 !important;
}
.modal-md {
    max-width: 450px;
}
.modal-sm {
    width: 330px;
    max-width: 400px;
}
.modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.modal-footer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.modal-header.text-white .close {
    color: #fff;
    opacity: 0.5;
}
.modal-header.text-white .close:hover {
    color: #fff;
    opacity: 1;
}

/* .modal-fullscreen */
body.modal-open,
body.modal-open .modal-fullscreen {
    padding-right: 0 !important;
}
.modal-fullscreen {
  background: transparent;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: rgba(0,0,0,1);
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

body.navbar-search-open .modal-fullscreen {
    margin-top: 77px;
}

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.modal-fullscreen .modal-header {
    border-bottom: 0 none;
    padding: 20px;
}
.modal-fullscreen .close {
    color: #fff !important;
    float: right;
    font-size: 21px;
    font-weight: 300;
    line-height: 1;
    opacity: 0.6;
    text-shadow: 0 none;
    -webkit-text-fill-color: #fff !important;
   -webkit-text-stroke-width: 2px !important;
   -webkit-text-stroke-color: #000 !important;
   margin-right: 3px;
}
.modal-fullscreen .close:hover {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-text-stroke: 2px #000 !important;
    opacity: 1;
}


.modal-fullscreen .close-modal {
    color: #fff !important;
    float: left;
    font-size: 21px;
    font-weight: 300;
    line-height: 1;
    -webkit-text-fill-color: #fff !important;
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: #000 !important;
    opacity: 0.6;
}
.modal-fullscreen .close-modal:hover {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    -webkit-text-stroke: 1px #000 !important;
    opacity: 1;
}


/* modal menu */
.modal-menu {
    margin-top: 30px;
}
.modal-menu .modal-menu-title {
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid #fff;
    max-width: 90%;
}
.modal-menu .modal-menu-title a {
    color: rgba(255,255,255,1);
}
.modal-menu .modal-menu-title a:hover {
    color: rgba(255,255,255,0.4);
}
.modal-menu .modal-menu-links {
    margin-bottom: 0;
}
.modal-menu .modal-menu-links li {
    line-height: 1.4;
    margin-bottom: 10px;
}
.modal-menu .modal-menu-links li a {
     color: rgba(255,255,255,0.8);
}
.modal-menu .modal-menu-links li a:hover {
    color: rgba(255,255,255,0.4);
}

/* sections */
.section-title {
    margin: 0 0 35px 0;
    font-weight: 600;
    font-size: 52px;
    font-family: 'Amiri Bold', Amiri, serif;
}
.section-title:after {
    content: '';
    border-bottom: 3px solid #000;
    display: block;
    width: 100px;
    margin: 15px auto;
}
.section-subtitle {
    display: block;
    margin: -15px 0 0;
    font-weight: 600;
    font-size: 18px;
}

.section-title-min {
    margin: 0 0 25px 0;
    font-weight: 600;
    font-size: 26px;
}


/* owl carousel theme */
.owl-carousel .owl-stage-outer {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background: #aaa;
}
.owl-theme .item {
    margin: 5px 0;
}

/* carousel nav in section title */
.carousel-nav {
    margin-top: -3px;
}
.carousel-nav .btn {
    padding: 3px 10px;
}
.carousel-nav .btn:hover {
    background: #555;
    color: #fff;
}
.carousel-nav .btn:first-child .fa {
    font-size: 18px;
    position: relative;
    left: -1px;
}
.carousel-nav .btn:last-child .fa {
    font-size: 18px;
    position: relative;
    right: -1px;
}



.owl-prev {
    width: 15px;
    height: 50px;
    position: absolute;
    top: 40%;
    margin-left: -45px !important;
    display: block !important;
    border: 0 none;
    background: transparent;
}

.owl-next {
    width: 15px;
    height: 50px;
    position: absolute;
    top: 40%;
    right: -35px;
    display: block !important;
    border: 0 none;
    background: transparent;
}
.owl-prev:hover, 
.owl-next:hover {
    background: transparent !important;
    color: rgba(0,0,0,0);
}
.owl-prev i, 
.owl-next i {
    color: rgba(0,0,0,0);
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke-width: 2px !important;
    -webkit-text-stroke-color: #fff !important;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.article-list-carousel:hover .owl-prev i, 
.article-list-carousel:hover .owl-next i {
    color: rgba(0,0,0,1);
    -webkit-text-fill-color: #000 !important;
    -webkit-text-stroke-width: 2px !important;
    -webkit-text-stroke-color: #fff !important;
}

.article-list-carousel .owl-nav [class*="owl-"] {
    color: transparent;
    font-size: 65px;
    margin: 0;
    padding: 0;
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    transition: ;
    transform: scale(1, 1.3);
}


/* article page */
.page-header-section {
    height: 300px;
    background-position: 50% 50%;
    background-repeat: repeat;
    position: relative;
}
.page-header-section > div {
    position: relative;
    /*height: 300px;*/
    height: 100%;
}
.page-header-section .page-header-caption {
    position: absolute;
    bottom: 35px;
    bottom: 5px;
}
.page-header-section .page-header-caption .page-title {
    margin: 0 0 15px;
    font-size: 38px; 
    line-height: 1;
}

.page-header-section.no-bg {
    height: auto;
    background-image: none !important;
}
.page-header-section.no-bg > div {
    height: auto;
}
.page-header-section.no-bg .page-header-caption {
    position: relative;
    bottom: unset;
}
.page-header-section.no-bg .page-header-caption .page-title {
    margin: 0;
}

.page-header-section .page-header-caption .page-title a {
    display: inline;
    background: #000;
    color: #fff;
    line-height: 1.3;
}
.page-header-section .page-header-caption .page-title a:hover {
    color: rgba(255, 255, 255, 0.7);
}
.page-header-section .page-header-caption .page-title a span.highlight {
    display: inline;
    background: #000;
    padding: 0 6px;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;

}

.page-header-section .page-header-caption .page-title a span.highlight.large {
    font-size: 57.5px;
    line-height: 1.4;
    border-right: 5px solid #000;
}


.page-header-section .page-header-caption .page-meta {
    margin-bottom: 5px;
    margin-left: 0;
    font-size: 12px;
    background: #fff;
    padding: 2px 4px;
    display: inline-block;
}
.page-header-section .page-header-caption .page-meta li:first-child {
    padding-right: 0;
}
.page-header-section .page-header-caption .page-meta li:first-child:after {
    content: '/';
    margin-left: 6px;
}
.page-header-section .page-header-caption .page-meta li:last-child:after {
    content: '';
    margin-left: 6px;
}
.page-header-section .page-header-caption .page-meta {
    color: rgba(0, 0, 0, 0.6);
}
.page-header-section .page-header-caption .page-meta .category a {
    color: rgba(0, 0, 0, 0.8);
}
.page-header-section .page-header-caption .page-meta .category a:hover {
    color: rgba(0, 0, 0, 1);
}



.article-subtitle {
    margin: 0 0 20px;
    font-size: 18px;
}


.article-content .article-meta {
    margin-top: 15px;
    font-size: 12px;
    position: relative; /* logo pozíció ellenőrzéshez */
}
.article-content .article-meta li {
    padding-right: 0;
    color: rgba(0, 0, 0, 0.6);
}
.article-content .article-meta li:after {
    content: '/';
    margin-left: 6px;
    color: rgba(0, 0, 0, 0.4);
}
.article-content .article-meta li:empty:after {
    display: none;
}
.article-content .article-meta li:last-child:after {
    content: '';
    margin-left: 6px;
    display: none;
}
.article-content .article-meta li i {
    margin-right: 5px;
}
.article-content .article-meta li a {
    color: rgba(0, 0, 0, 0.6);
}
.article-content .article-meta li a:hover {
    color: rgba(0, 0, 0, 1);
}
#article-sponsorby {
    
}
/*#article-sponsorby .inner {
    display: grid;
    grid-template-columns: 75px 1fr;
    grid-template-columns: 117px 1fr;
    width: 200px;
    align-items: center;
    position: relative;
}
#article-sponsorby img {
    max-width: 125px;
    max-height: 30px;
    object-fit: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#article-sponsorby.in-newline {
    margin-top: 0.5em;
}
#article-sponsorby.in-newline img {
    position: relative;
    top: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    -webkit-transition: unset;
    transition: unset;
}
*/
.article-meta.is-sponsorby {
    /*display: grid;*/ /* used in mobil or columns format */
    grid-template-columns: 1.6fr 1fr;
    align-items: center;
}
.article-meta.is-sponsorby #article-sponsorby {
    grid-area: 1 / 2 / 4 / 3;
}
.article-meta.is-sponsorby #article-sponsorby .inner { 
    display: grid;
    grid-template-columns: 117px 1fr;
    width: 200px;
    align-items: center;
    position: relative;
    line-height: 1.1em;
}
.article-meta.is-sponsorby #article-sponsorby .inner img { 
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 150px;
    max-height: 25px;
}

/* sponsorby-column == max-width: 830px */
.article-meta.is-sponsorby { display: grid; grid-template-columns: 1.2fr 1fr; grid-column-gap: 1%; }
.article-meta.is-sponsorby #article-sponsorby .inner { grid-template-columns: 80px 1fr; width: unset; }
.article-meta.is-sponsorby #article-sponsorby .inner img {  max-width: 100%; max-height: 35px; }
.article-meta.is-sponsorby li i { min-width: 14px; }
.article-meta.is-sponsorby li:after { display: none; }
/*    @media (max-width: 830px)
    {
        .article-meta.is-sponsorby { display: grid; grid-template-columns: 1.2fr 1fr; grid-column-gap: 1%; }
        .article-meta.is-sponsorby #article-sponsorby .inner { grid-template-columns: 80px 1fr; width: unset; }
        .article-meta.is-sponsorby #article-sponsorby .inner img {  max-width: 100%; max-height: 40px; }
        .article-meta.is-sponsorby li i { min-width: 14px; }
        .article-meta.is-sponsorby li:after { display: none; }
    }*/
/*  */
@media (max-width: 600px)
{
    .article-meta.is-sponsorby {
        grid-template-columns: 1.8fr 1fr;
        grid-column-gap: 1%;
    }
    .article-meta.is-sponsorby #article-sponsorby .inner {
        display: block;
        width: unset;
    }
    .article-meta.is-sponsorby #article-sponsorby .inner img {
        margin-top: 0.5em;
        max-width: 100%;
        max-height: 40px;
        position: relative;
        top: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        -webkit-transition: unset;
        transition: unset;
    }
}

.article-content h2, .article-content h3, .article-content h4 {
    line-height: 1.3;
}

.article-content img:not(.javaslatkep):not(.noresize) {
    width: 100%;
    margin-top: 15px;
}

.article-content .img-desc {
    display: inline-block;
    padding: 2px 6px;
    background: #ededed;
    color: #444;
    margin-bottom: 15px;
}
.article-content .img-desc:empty {
    display: none;
}

.article-content .embed-responsive {
    margin: 15px 0;
}

.article-content .img-floated[style*="float:left"],
.article-content .img-floated[style*="float:right"],
.article-content .img-floated[style*="float: left"],
.article-content .img-floated[style*="float: right"] {
    margin-top: 0.3em;
    margin-left: 0;
    margin-right: 1.2em;
    margin-bottom: 0.3em;
}
.article-content .img-floated[style*="float:right"],
.article-content .img-floated[style*="float: right"] {
    margin-left: 1em;
    margin-right: 0;
}

.article-content .imageAndCaption {
    width: 50%;
    float: left;
    margin-top: 0.3em;
    margin-left: 0;
    margin-right: 1.2em;
    margin-bottom: 0.3em;
}
.article-content .imageAndCaption.alignr {
    float: right;
    margin-left: 1em;
    margin-right: 0;
}
.article-content .imageAndCaption img {
    width: 100%;
    height: auto;
    margin: 0!important;
}
.article-content .data-list {
    margin: 1em 0;
    line-height: 1.6em;
    background-color: #ebebeb;
    padding: 20px;
    border-left: 1px solid #666;
}
.article-content .data-list .key {
    font-weight: 600;
}

@media (max-width: 480px)
{
    .article-content .img-responsive {
        height: auto!important;
    }
}


/* article gallery carousel */
.article-gallery-carousel {
    position: relative;
}
.article-gallery-carousel .owl-stage-outer {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}
.article-gallery-carousel .item {
    max-height: 480px;
    display: grid;
    align-content: center;
    jusitfy-content: center;
}
.owl-caption {
    display: block;
    position: absolute;
    right: 15px;
    bottom: 15px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 4px 8px;
    
}
.owl-caption i {
    margin-right: 4px;
}

.article-gallery-carousel .owl-prev,
.article-gallery-carousel .owl-next {
    background: rgba(0,0,0,0.8) !important;
    color: #fff !important;
    top: 43% !important;
    padding: 0 15px !important;
    font-size: 38px !important;
    width: 35px !important;
    height: 60px !important;
}
.article-gallery-carousel .owl-prev:hover,
.article-gallery-carousel .owl-next:hover {
    background: rgba(0,0,0,1) !important;
}
.article-gallery-carousel .owl-prev i,
.article-gallery-carousel .owl-next i {
    color: #fff;
    -webkit-text-fill-color: #fff !important;
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: #000 !important;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.article-gallery-carousel .owl-prev {
    margin: 0 !important;
    left: 0;
}
.article-gallery-carousel .owl-prev i {
    margin-left: -6px !important;
}
.article-gallery-carousel .owl-next {
    margin: 0 !important;
    right: 0;
}
.article-gallery-carousel .owl-next i {
    margin-left: -2px !important;
}
.article-gallery-carousel .owl-prev.disabled,
.article-gallery-carousel .owl-next.disabled,
.article-gallery-carousel .owl-prev.disabled:hover,
.article-gallery-carousel .owl-next.disabled:hover {
    opacity: 0;
}

/* share */
.share.jssocials {
    display: inline-block;
    position: relative;
    top: -5px;
    margin-left: 15px;
}
.share.jssocials .jssocials-share-link {
    padding: .57em .6em;
    border-radius: 0;
    color: #fff;
}
.share.jssocials .jssocials-share-logo {
    font-size: 1.25em;
    color: #fff;
}

.share.jssocials .jssocials-share-link {
    padding: .32em .45em;
    margin-top: 5px;
}
.share.jssocials .jssocials-share-logo {
    font-size: 1.15em;
    line-height: 1.2;
}
.share.jssocials:before  {
    content: attr(data-title);
    position: absolute;
    left: -90px;
    top: 9px;
    font-weight: 600;
}



/* article tags */
.article-tags li {
    padding-right: 0;
}


/* issue offer */
.issue-offer .issue-offer-img img {
    margin: 0;
}
.issue-offer .issue-offer-title {
    font-size: 21px;
    line-height: 1.3;
    margin: 0 0 15px;
    font-weight: 500;
}
.issue-offer .btn {
    margin-right: 5px;
}

/* order page */
.page-subtitle {
    margin: 0 0 20px;
    font-size: 20px;
}


/* pagination */
.pagination > li > a, 
.pagination > li > span {
    background-color: #fff;
    border: 0 none;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    color: #999;
    line-height: 1.42857;
    margin: 0 2px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 32px;
}
.pagination > li > a:hover, 
.pagination > li > span:hover {
    box-shadow: 0 3px 25px -5px rgba(0, 0, 0, 0.4);
    background-color: #fff;
    color: #092F87;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
    background-color: #1E2168;
    border-color: #1E2168;
    color: #fff;
    cursor: default;
    z-index: 3;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.pagination > .disabled > span, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > span:hover {
    cursor: default;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.pagination > li:first-child > a, 
.pagination > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination > li:last-child > a, 
.pagination > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.pagination i {
    width: 7px;
}




/* breadcrumb */
.page-header-section,
.page-header-section .container-half {
    position: relative;
}
.breadcrumb {
    background-color: rgba(0, 0, 0, 0);
    margin: 0;
    padding: 10px 0 0;
    font-size: 13px;
}
.breadcrumb > li a {
    color: rgba(0, 0, 0, 0.5);
}
.breadcrumb > li a:hover {
    color: rgba(0, 0, 0, 1);
}
.breadcrumb > li {
    line-height: 1;
}
.breadcrumb > li.active {
    color: rgba(0, 0, 0, 0.7);
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: rgba(0, 0, 0, 0.5);
}
.breadcrumb > li:last-child {
    max-width: 255px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 21px;
    position: relative;
    top: 10px;
}


/* tooltip */
.tooltip.in {
    filter:alpha(opacity=100);
    opacity:1;
}
.tooltip.left,
.tooltip.right {
    top: 20px !important;
}


/* order page */
.payment-options input[type=radio] + span {
    color: #888;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.payment-options input[type=radio]:hover + span,
.payment-options input[type=radio]:checked + span {
    color: #000;
}


/* lined form */
.form-control.lined {
    border: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
    padding-left: 0;
    color: #000;
}
.form-control.lined:focus,
.form-control.lined:active {
    border-bottom: 1px solid #000;
}
select.form-control.lined {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: -2px;
    text-overflow: '';
    /* SVG background image */
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23999999'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-size: 10px;
    background-position: calc(100% - 10px) 15px;
    background-repeat: no-repeat;
    background-color: #fff;
    cursor: pointer;
}
select.form-control.lined:focus,
select.form-control.lined:active {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: -2px;
    text-overflow: '';
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-size: 10px;
    background-position: calc(100% - 10px) 15px;
    background-repeat: no-repeat;
    background-color: #fff;
}
select.form-control.lined::-ms-expand {
    display: none;
}
select.form-control.lined.input-lg {
    font-size: 14px;
    background-position: calc(100% - 10px) 20px;
}


/* google chrome only */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select.form-control.lined,
    select.form-control.lined:focus,
    select.form-control.lined:active {
        line-height: 27px !important;
        text-indent: 0 !important;
        padding-left: 5px;
    }
    select.form-control.lined.input-lg {
        background-position: calc(100% - 10px) 23px;
    }
}


.form-control[readonly] {
    background-color: #fff;
    caret-color: transparent;
}

.datetimepicker-order .form-control {
    border-right: 0 none;
}
.datetimepicker-order .input-group-addon {
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    padding-right: 0;
    border-bottom: 1px solid #ddd;
    border-left: 0 none;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.datetimepicker-order .input-group-addon:focus,
.datetimepicker-order .input-group-addon:active {
    border-bottom: 1px solid #000;
}

/* bootstrap datetimepicker custom */
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #000 !important;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover,
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  color: #999 !important;
}
.bootstrap-datetimepicker-widget + .input-group-addon {
    border-bottom: 1px solid #000;
    color: #000;
}

/* nav tabs */
.nav-tabs > li > a {
    margin-right: 5px;
    border: 1px solid transparent;
    color: #888;
}
.nav > li > a:focus, 
.nav > li > a:hover {
    text-decoration: none;
    background-color: #f3f3f3;
    color: #444;
}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {
    color: #000;
}



/* dropdown open hover */
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }
.dropdown-menu {
    border-radius: 0;
    padding: 0;
    margin: 0px !important;
}

.pointer {
    cursor: pointer;
}


/* no mega menu dropdown */
.navbar-nav .no-mega-menu .dropdown-menu {
    text-transform: uppercase;
    min-width: 230px;
}
.navbar-nav .no-mega-menu .dropdown-menu > li > a {
    border-bottom: 1px solid #ededed;
}
.navbar-nav .no-mega-menu .dropdown-menu > li:last-child > a {
    border-bottom: 0 none;
}


/* nested menu */
.nested-menu h1,
.nested-menu h2,
.nested-menu h3,
.nested-menu h4,
.nested-menu h5 {
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
}
.nested-menu a {
    color: #111;
    display: block;
    text-transform: none;
}
.nested-menu a:hover {
    color: #999;
}
.nested-menu ul {
    -webkit-column-rule: 1px solid #ddd;
    -moz-column-rule: 1px solid #ddd;
    column-rule: 1px solid #ddd;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
.nested-menu li {
    margin-bottom: 15px;
    
}
.nested-menu li:last-child {
    margin-bottom: 5px;
    
}

.mega-menu-content-img {
    overflow: hidden;
    max-height: 115px;
    display: grid;
    align-content: center;
    justify-content: center;
}


/* contact page */
.contact-address li {
    margin-bottom: 5px;
}

.page-header-section.no-bg.map-bg {
    padding: 0;
    text-align: center;
}
.page-header-section.no-bg.map-bg .map {
    width: 100%;
    height: 300px;
    background: #E5E3DF;
    position: realtive;
    z-index: 0;
}
.page-header-section.no-bg.map-bg .map + .container {
    position: absolute;
    z-index: 1;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: left;
}

/* Google Maps */
.gmnoprint a .element-style, .gmnoprint span, .gm-style-cc {
    display: none;
}
img[src="https://maps.gstatic.com/mapfiles/api-3/images/google4.png"], a[href^="http://maps.google.com/maps"],
img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white5.png"] {
    display: none;
}
.map div.gm-style div div div div div div {
    border-radius: 0;
}


/* Material Icons sizing */ 
.navbar .material-icons,
.sidebar-item .material-icons {
    position: relative !important;
    top: 3px !important;
}
.btn .material-icons {
    position: relative !important;
    top: 5px !important;
    line-height: 0;
}
.material-icons.md-13 { font-size: 13px !important; }
.material-icons.md-14 { font-size: 14px !important; }
.material-icons.md-15 { font-size: 15px !important; }
.material-icons.md-16 { font-size: 16px !important; }
.material-icons.md-17 { font-size: 17px !important; }
.material-icons.md-18 { font-size: 18px !important; }
.material-icons.md-19 { font-size: 19px !important; }
.material-icons.md-20 { font-size: 20px !important; }
.material-icons.md-21 { font-size: 21px !important; }
.material-icons.md-22 { font-size: 22px !important; }
.material-icons.md-23 { font-size: 23px !important; }
.material-icons.md-24 { font-size: 24px !important; }
.material-icons.md-25 { font-size: 25px !important; }
.material-icons.md-26 { font-size: 26px !important; }
.material-icons.md-27 { font-size: 27px !important; }
.material-icons.md-28 { font-size: 28px !important; }
.material-icons.md-29 { font-size: 29px !important; }
.material-icons.md-30 { font-size: 30px !important; }
.material-icons.md-31 { font-size: 31px !important; }
.material-icons.md-32 { font-size: 32px !important; }
.material-icons.md-33 { font-size: 33px !important; }
.material-icons.md-34 { font-size: 34px !important; }
.material-icons.md-35 { font-size: 35px !important; }
.material-icons.md-36 { font-size: 36px !important; }
.material-icons.md-40 { font-size: 40px !important; }
.material-icons.md-48 { font-size: 48px !important; }
.material-icons.md-60 { font-size: 60px !important; }
.material-icons.md-80 { font-size: 80px !important; }




/* all flat */
body *, .btn, .btn *, .search-box .btn {
    border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}



/* material design form label */
.form-group,
.input-group {
    position: relative;
}
.form-control.lined.md-label {
    position: relative;
    margin-bottom: 25px;
    background: transparent;
    z-index: 1;
}
.form-control.lined.md-label.counted {
    margin-bottom: 5px;
}
.form-control.lined.md-label + .form-label {
    position: absolute;
    top: 7px;
    left: 0;
    display: block;
    width: 95%;
    color: #999;
    z-index: 0;
    -webkit-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
}
.form-control.lined.md-label:focus + .form-label,
.form-control.lined.md-label:not(:placeholder-shown) + .form-label  {
    font-size: 11px;
    top: -10px;
}

.form-control.lined.md-label.resize-v {
    resize: vertical;
    min-height: 35px; 
}
.form-control.lined.md-label.resize-v[rows='1'] {
    height: 25px;
}

/* dropdown slide down */
.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown.open .dropdown-menu {
    max-height: 500px;
    opacity: 1;
}


/* pace style */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #000000;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
}



/* ad type preview */
.preview-types .preview-type {
    display: none;
}
.preview-types .preview-type.active {
    display: block;
}
.preview-types .preview-grid {
    height: auto;
    min-height: 300px;
    display: grid;
    align-content: center;
    justify-content: center;
}



/* issuu icon for font-awesome */
.fa-issuu:before {
    content: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 89.776 89.781' enable-background='new 0 0 89.776 89.781' xml:space='preserve'><g><path fill='%23000000' d='M45.395,22.319c-12.453-0.118-22.646,9.884-22.763,22.338c-0.118,12.452,9.884,22.646,22.338,22.762c12.453,0.118,22.647-9.884,22.765-22.335C67.851,32.629,57.85,22.438,45.395,22.319 M45.075,56.288c-6.306-0.06-11.371-5.22-11.311-11.526c0.059-6.306,5.22-11.371,11.526-11.311c6.306,0.059,11.371,5.22,11.312,11.526C56.542,51.283,51.381,56.348,45.075,56.288'/><path fill='%23000000' d='M44.889,0.002c-0.072,0-0.142,0.002-0.214,0.002V0H15.797H6.298H3.731C1.679,0,0,1.679,0,3.731v2.287v7.353v31.521c0,24.791,20.097,44.889,44.889,44.889s44.888-20.099,44.888-44.889C89.776,20.099,69.681,0.002,44.889,0.002 M14.049,44.271c0.163-17.212,14.249-31.034,31.46-30.872c17.212,0.163,31.035,14.249,30.871,31.46c-0.162,17.21-14.248,31.033-31.459,30.871C27.709,75.566,13.887,61.48,14.049,44.271'/></g></svg>");
    position: relative;
    top: 2px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
a:hover .fa-issuu:before {
    content: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 89.776 89.781' enable-background='new 0 0 89.776 89.781' xml:space='preserve'><g><path fill='%23444444' d='M45.395,22.319c-12.453-0.118-22.646,9.884-22.763,22.338c-0.118,12.452,9.884,22.646,22.338,22.762c12.453,0.118,22.647-9.884,22.765-22.335C67.851,32.629,57.85,22.438,45.395,22.319 M45.075,56.288c-6.306-0.06-11.371-5.22-11.311-11.526c0.059-6.306,5.22-11.371,11.526-11.311c6.306,0.059,11.371,5.22,11.312,11.526C56.542,51.283,51.381,56.348,45.075,56.288'/><path fill='%23444444' d='M44.889,0.002c-0.072,0-0.142,0.002-0.214,0.002V0H15.797H6.298H3.731C1.679,0,0,1.679,0,3.731v2.287v7.353v31.521c0,24.791,20.097,44.889,44.889,44.889s44.888-20.099,44.888-44.889C89.776,20.099,69.681,0.002,44.889,0.002 M14.049,44.271c0.163-17.212,14.249-31.034,31.46-30.872c17.212,0.163,31.035,14.249,30.871,31.46c-0.162,17.21-14.248,31.033-31.459,30.871C27.709,75.566,13.887,61.48,14.049,44.271'/></g></svg>");
    position: relative;
    top: 2px;
}


/* file uploader custom */
.btn-file {
    background: #999;
    border: 1px solid #999;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.btn-file:hover,
.btn-file:focus,
.btn-file:active {
    background: #000;
    border: 1px solid #000;
}
.file-caption.form-control,
.file-caption.form-control:active,
.file-caption.form-control:focus {
    border-color: #ccc;
    box-shadow: none;
}
.fileinput-remove-button {
    color: #777;
}
.fileinput-remove-button:hover {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

/*====================================================================================
=            Bootstrap 3 Media Queries                                              =
=====================================================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .aligncl-sm {
        position: absolute;
        display: block;
        left: 50%;
        transform: translateX(-50%);
    }
    .alignrl-sm {
        position: absolute;
        display: block;
        right: 0;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){   
    .container-half {
        width: 100%;
        margin: auto;
        padding: 0 15px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    body {
        padding-top: 33px;
        padding-top: 62px;
    }
    body.landing01 {
        padding-top: 0;
    }
    .navbar-inverse,
    .scroll-up .navbar-inverse.stuck {
        margin: 0;
    }
    .navbar-inverse.stuck {
        margin: -65px 0 0;
    }
    .mosaic-item.large {
        grid-column: span 4;
        grid-row: span 2;
    }
    .mosaic-item.wide {
        grid-column: span 2;
        grid-row: span 1;
    }
    .mosaic-item.small {
        grid-column: span 2;
    }
    .mosaic-item.tall {
        grid-column: span 2;
        grid-row: span 2;
    }
    .footer-logo {
        margin-left: auto;
        margin-right: auto;
    }
    .footer-top .left-col {
        text-align: center !important;
        margin-bottom: 15px;
        padding-bottom: 30px;
        border-bottom: 1px solid rgba(255,255,255,0.25);
    }
    .landing01 .footer-top .left-col {
        padding-bottom: 0;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    body {
        padding-top: 23px;
        padding-top: 50px;
    }
    .navbar-inverse,
    .scroll-up .navbar-inverse.stuck {
        margin: 0;
    }
    .navbar-inverse.stuck {
        margin: -55px 0 0;
    }
    .navbar-inverse .inner-col {
        padding: 0;
    }
    .navbar-inverse ul.service-menu-left {
        margin: 8px 0 0;
    }
    .navbar-inverse ul.service-menu-right {
        margin: 10px 0 0;
    }
    .navbar-inverse .navbar-brand {
        padding: 15px 0 5px;
    }
    .mosaic-item.large,
    .mosaic-item.wide,
    .mosaic-item.small,
    .mosaic-item.tall {
        grid-column: span 4;
        grid-row: span 4;
    }
    .mosaic-item.large .mosaic-img img,
    .mosaic-item.tall .mosaic-img img {
        transform: scale(3);
    }
    .mosaic-item.large:hover .mosaic-img img,
    .mosaic-item.tall:hover .mosaic-img img {
        transform: scale(3.2);
    }
    .issue-block {
        padding: 15px 10px 30px;
        text-align: center;
    }
    .issue-block-number {
        margin-top: 30px !important;
    }
    .issue-block .issue-block-title {
        font-size: 20px;
    }
    .issue-block .text-right {
        text-align: center !important;
    }
    .issue-block-functions {
        margin: 15px 0 !important;
    }
    .section-title {
        margin: 0 0 24px 0 !important;
        font-weight: 600;
        font-size: 40px;
    }
    .article-list .article-list-item {
        margin-top: 15px;
    }
    .article-list-item .article-list-item-img {
        height: 210px;
    }
    .article-list-item .article-list-item-data {
        padding: 15px 0;
    }
    .more-block {
        padding-top: 15px !important;
        margin: 0 auto !important;
    }
    .article-list.theme-2 .article-list-item .article-list-item-data {
        padding: 15px 0 0;
    }
    .article-list.theme-3 .article-list-item .article-list-item-data {
        padding: 15px 0 0;
    }
    .article-list.theme-3 .article-list-item .article-list-item-img {
        height: 210px;
    }
    .footer-top .inner-1-col,
    .footer-top .inner-2-col,
    .footer-top .right-col {
        border-bottom: 1px solid rgba(255,255,255,0.25);
    }
    .footer-col-title {
        margin: 0 0 15px;
        font-size: 18px;
        cursor: pointer;
    }
    .footer-top .inner-2-col .footer-col-title,
    .footer-top .right-col .footer-col-title {
        margin-top: 15px;
    }
    .footer-col-wrapper {
        display: none;
    }
    .footer-bottom {
        border-top: 0 none;
        padding-top: 0;
        margin-top: 25px;
        text-align: center;
    }
    .footer-bottom .text-right {
        text-align: center !important;
    }
    .footer-bottom > .row > div {
        margin-bottom: 15px;
    }
    .footer-bottom .payment-block img {
        height: 25px !important;
    }
    .newsletter-signup,
    .footer-links {
        margin-bottom: 15px;
    }
    .footer-social li {
        padding: 0 8px;
    }
    .modal-menu {
        margin-top: 0;
    }
    .modal-menu .modal-menu-title {
        border-bottom: 1px solid rgba(255,255,255,0.5);
        max-width: 100%;
        font-size: 18px;
        font-weight: 600;
    }
    .modal-menu .modal-menu-links {
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }
    .navbar-search form,
    .navbar-search-open.stuck .navbar-search form {
        padding: 0 0px 15px 0px;
    }
    .navbar-search form input {
        padding-right: 15px;
        padding-left: 15px;
        text-align: center;
    }
    .navbar-search form .row {
        position: relative;
    }
    .navbar-search form .col-lg-1,
    .navbar-search-open.stuck form .col-lg-1 {
        position: absolute;
        top: 8px;
        right: 35px;
    }
    .navbar-search-open.stuck .navbar-search .search-close {
        margin-right: -50px;
    }
    .page-header-section {
        height: 150px;
        /*margin-top: 30px !important;*/
        position: relative;
    }
    .page-header-section .page-header-caption {
        /*bottom: 180px;*/
        width: 90%;
    }
    .page-header-section .page-header-caption .page-title {
        font-size: 22px;
    }
    .landing01 .page-header-section .page-header-caption .page-title {
        font-size: 26px;
    }
    .article-list .center-grid {
        margin-top: 15px !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding-left: 15px;
        padding-right: 15px;
    }
    .container-half {
        width: 100%;
        margin: auto;
        padding: 0 15px;
    }
    .page-header-section > div {
        position: relative;
        z-index: 0;
    }
    .page-content-section {
        position: relative;
        z-index: 1;
        padding-top: 15px !important;
    }
    .article-subtitle {
        font-size: 17px;
    }
    .article-content .article-meta li::after {
        content: '';
    }
    .issue-offer .issue-offer-title {
        font-size: 18px;
        line-height: 1.2;
        margin: 10px 0 15px;
        font-weight: 500;
    }
    .issue-offer .issue-offer-title br {
        display: none;
    }
    .issue-offer p {
        font-size: 13px;
    }
    .issue-offer hr {
        margin: 10px 0 15px !important;
    }
    .issue-offer .btn {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .social-block > div:first-child {
        margin-bottom: 10px;
    }
    .social-block .share.jssocials::before {
        left: -123px;
    }
    .deadline .pull-right {
        float: unset !important;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}

.list-ol,
.list-ul {
    padding-left: 15px;
}
.list-ol li,
.list-ul li {
    margin-bottom: 4px;
    line-height: 1.3;
}
body.half-wide-content .page-header-section .container,
body.half-wide-content .breadcrumb-section .container,
body.half-wide-content .page-content-section .container {
    width: 780px;
    margin: auto;
}
section.article-list .container,
.page-content-section .container,
.page-content-section .container-half {
    position: relative;
}
.asside-left,
.asside-right,
.asside-left,
.asside-right {
        position: absolute;
        top: 0;
        width: 160px;
        right: -215px;
        margin: auto;
        font-size: 90%;
    }
    .asside-left:empty,
    .asside-right:empty,
    .asside-left:empty,
    .asside-right:empty {
            display: none;
        }
    .asside-left .container,
    .asside-right .container,
    .asside-left .container,
    .asside-right .container {
        width: auto;
        padding: 20px;
        border: 0px solid #ddd;
        background-color: #ededed;
    }
    .article-list .asside-right {
        position: relative;
        top: unset;
        right: unset;
        width: auto;
        margin: auto;
    }
    .article-list .asside-right .container {
        border: 0;
        background-color: transparent;
        padding: 0 0 20px 15px;
    }
body.page-magazin .page-header-section {
    background-size: cover;
}
.page-header-section.no-bg .page-header-caption .page-title a span.highlight {
    padding: 0;
}
.mega-menu .nav, .mega-menu .collapse, .mega-menu .dropup, .mega-menu .dropdown {
    position: relative;
}
.dropdown-menu {
    min-width: 100%;
}
@media (min-width: 900px){
    .modal-menu > div {
        float: none;
        width: 24%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 20px;
    }
}
.modal-menu .modal-menu-links:empty {
    display: none;
}
footer .newsletter-signup a {
    color: #FFF;
    text-decoration: underline;
}
footer .newsletter-signup .accept {
    margin-left: 20px;
    text-indent: -20px;
}
footer .newsletter-signup .accept {
    margin-left: 20px;
    text-indent: -20px;
}
footer .newsletter-signup .accept input {
    margin-right: 3px;
}
/* at convert */
.nowrap {white-space: nowrap}
.alert-success,
.alert-danger {
    display: none;
}
.javaslathelybox,
.javaslathelyelonezet {
    text-align: center; 
    padding: 0;
}
@media (max-width: 768px){
    .javaslathelybox,
    .javaslathelyelonezet {
        background-color: #FFF; 
        padding: 0;
        margin: 15px 0;
    }
}
.javaslathelybox.mosaic-below {
    /* border: 1px #DDD solid; */
    padding: 15px 0 30px 0;
    margin: 30px 0 1px 0;
}
.javaslathelybox.mosaic-below a {
    display: block;
    max-width: 1140px;
    margin: auto;
}
.javaslathelybox.mosaic-below img {
    max-width: 100%;
}
.javaslathelybox.top,
.javaslathelyelonezet.top {
    padding: 0 0 15px 0;
}
.jtitle {
    display: block;
}
.javaslathelybox .jtitle {
    display: none;
}
.ad-content {
    color: #FFF;
    font-size: 50px;
    padding-top: 12px;
    vertical-align: middle;
    background-color: #8ad9f8;
    position: relative;
    margin: auto;
    }
    .ad-content:before {
        content: "hirdetés";
        position: absolute;
        left: 48%;
        top: -13px;
        font-size: 10px;
        text-transform: uppercase;
        color: #666666;
    }
.javaslathelybox.cikkben,
.javaslathelyelonezet.cikkben {
    margin: 15px 0;
}
.javaslathelybox.superbanner,
.javaslathelyelonezet.superbanner {
    padding: 30px 0 20px 0;
}
#ad_leaderboard_1 {
    display: none;
}
@media (max-width: 980px){
    /*.javaslathelybox, .javaslathelyelonezet {display: none;}*/
}
@media (max-width: 768px){
    .javaslathelybox.top, .javaslathelyelonezet.top {
        padding-top: 15px;
    }
}
@media (max-width: 480px){
    .javaslathelybox.top, .javaslathelyelonezet.top {
        /*padding-top: 35px;*/
    }
}
.latest-issue-pair [class^="col-"] {
    min-height: 215px;
    padding-left: 13px;
}
.latest-issue-pair .issue-block {
    padding: 40px 10px 40px 40px;
}
.latest-issue-pair .issue-block-title {
    font-size: 18px;
}
.latest-issue-pair .issue-block .issue-block-number {
    margin-top: 10px;
    margin-bottom: 18px;
    border-width: 4px;
    white-space: nowrap;
}
.latest-issue-pair .issue-block .issue-block-number .counter {
    font-size: 32px;
    display: inline-block;
    margin-right: 10px;
}
.latest-issue-pair .issue-block-number .date {
    display: inline-block;
    font-size: 13px;
}
.latest-issue-pair .btn-block {
    padding: 8px 16px;
    width: 65%;
    position: absolute;
    bottom: 15px;
}
.latest-issue-pair .link-gray {
    position: absolute;
    top: -20px;
}
.latest-issue-pair .material-icons.md-34 {
    font-size: 20px!important;
}
.latest-issue-pair .issue-block-img {
    margin-top: -83px;
}
.latest-issue-pair .issue-block-img.deco {
    margin-top: -50px;
}
.latest-issue-pair .issue-block-img.deco img {
    aspect-ratio: 400/530;
    object-fit: cover;
}
@media (min-width: 1200px){
    .latest-issue-pair .issue-block-img {
        margin-right: 0;
    }
}
@media (max-width: 1200px){
    .latest-issue-pair .issue-block {
        padding: 10px 10px 40px 10px;
    }
    .latest-issue-pair [class^="col-"] {
        text-align: center;
    }
    .latest-issue-pair .issue-block-img,
    .latest-issue-pair .issue-block-img.deco {
        margin-top: 50px;
    }
    .latest-issue-pair .btn-block {
        width: 300px;
        position: relative;
        margin: 25px auto auto auto;
        bottom: unset;
    }
    .latest-issue-pair .issue-block-number {
        margin-top: 1em!important;
    }
    .latest-issue-pair .link-gray {
        position: relative;
        margin: 1em auto 0 auto;
        top: unset;
    }
}

section.issue-list .row { text-align: center; }
section.issue-list .issue-list-item { text-align: left; }
section.issue-list .row > div,
section.issue-list .row > div {
    width: 292px;
    float: none;
    display: inline-block;
    vertical-align: top;
}
.issue-data.hide_deco_data hr {
    border-color: transparent;
}
.inlinebillb {
    display: inline-block;
    vertical-align: top;
    margin-left: 50px;
}
.inlinebillb:first-child {
    margin-left: 0;
}
@media (max-width: 768px){
    .inlinebillb {
        display: block;
        margin: auto;
    }
}
.navbar-default ul.service-menu-left > li {
    vertical-align: middle;
}
.navbar-default .navbar-nav > li > a {
    white-space: nowrap;
}
.navbar-inverse ul .fa-user-md {
    font-size: 22px;
    top: -3px;
}
.navbar-default ul.service-menu-right {
    margin-top: 30px;
}
/*body.tesztoldal .navbar-default ul.service-menu-right > li a:nth-child(1) {*/
.navbar-default ul.service-menu-right > li a:nth-child(1) {
    margin-top: 0;
}
.navbar-default ul .btn-xs {
    margin-top: 4px;
}
/**/
.article-content a,
.article-content a:focus,
.article-content a:active,
.issue-content-top a,
.issue-content-top a:focus,
.issue-content-top a:active {
    color: #ff4c69; 
    /*text-decoration: underline;*/
}
.article-content img.javaslatkep {
    max-width: 100%;
}
.article-content th,
.article-content td {
    padding: 2%;
}
.page-content-section a:hover {
    text-decoration: underline;
}
.article-tags a {
    text-decoration: none;
    text-transform: lowercase;
}
/* events */
.calendar-title {
    position: relative;
    margin-bottom: 30px;
}
.calendar-step {
    position: absolute;
    right: 0px;
}
.calendar-step a {
    display: inline-block;
    padding: 2px 10px;
}
.calendar-step a:hover {
    background-color: #DDD;
}
.calendar-grid {
    width: 99.5%;
}
.calendar-grid th {
    padding: 0.8%;
    color: #666;
    font-weight: normal;
}
.calendar-grid td {
    width: 14%;
    /*min-width: 14%;*/
    /*text-align: center;*/
    /*padding: 6%;*/
    /*background-color: #FFF;*/
    border: 1px #e4e4e4 solid;
    border-bottom: 3px #ffffff solid;
    position: relative;
    vertical-align: top;
    transition: all  .25s;
    -moz-transition: all  .25s; 
    -webkit-transition: all  .25s; 
    -o-transition: all  .25s; 
}
.calendar-grid td:hover {
    background-color: #EFEFEF;
}
.calendar-grid td d {
    display: inline-block;
    position: absolute;
    padding: 3px 8px;
    top: -1px;
    left: -1px;
    color: #444;
    color: #666;
    border-left: 1px solid #f3f3f3;
    cursor: default;
    font-size: 11px;
    font-weight: 600;
    width: 101%;
    background: #E4E4E4;
}
.calendar-grid td d span {
    display: none;
}
.calendar-grid td.past d {
    
}
.calendar-grid td.today d {
    padding: 3px 5px;
    background-color: #000;
    color: #FFF;
    font-weight: 400;
    font-size: 11px;
    /*top: 4px;*/
    /*left: 6px;*/
}
/*.calendar-grid td d span {
    font-weight: normal;
    display: none;
}
.calendar-grid td:hover d span {
    display: inline;
}*/
.calendar-grid td .events {
    /*min-width: 100px;*/
    min-height: 73px;
    margin: 30px 8px 10px 8px;
}
.calendar-grid td .event {
    display: block;
    font-size: 12px;
    /*text-indent: -9px;*/
    margin: 5px 0 5px 0px;
    text-decoration: none;
    color: #000;
}
/*.calendar-grid td .event:before {
    content: " • ";
    font-size: 130%;
    vertical-align: -1px;
    line-height: 1%;
}*/
.calendar-grid td .event:hover {
    text-decoration: underline;
}
.calendar-grid td:empty {
    /*background-color: #F5F5F5;*/
    border: #FFF;
}
#esemenyek .container-half {
    width: 1045px;
    max-width: 100%;
    overflow-x: auto;
}
@media (max-width: 480px){
    .calendar-grid table,
    .calendar-grid tbody,
    .calendar-grid tr,
    .calendar-grid td {
        display: block;
        width: 100%;
    }
    .calendar-grid th {
        display: none;
    }
    .calendar-grid td {
        border-width: 0;
        border-top-width: 1px;
        height: 100%; 
    }
    .calendar-grid td .events {
        min-height: auto;
    }
    .calendar-grid td.today .events,
    .calendar-grid td.today {
        background-color: #000;
        border-color: #000;
    }
    .calendar-grid td.today *,
    .calendar-grid td.today a {
        color: #FFF;
    }
    .calendar-grid td d {
        top: 0;
        left:0;
        width: 100%;
        border-left: 0;
        font-size: 12px;
    }
    .calendar-grid td d span {
        display: inline;
    }
    .calendar-grid td .event {
        font-size: 16px;
        margin-top: 7px;
        margin-bottom: 8px;
    }
    .page-esemenyek .container-half {
        width: auto;
    }
    /*#event table.data,
    #event table.data tbody,
    #event table.data tr,
    #event table.data td {
        display: block;
        width: 100%;
    }*/
    #event table.data td {
        vertical-align: top;
    }
}
.calendar-step a {
    text-decoration: none!important;
}
.calendar-opener {
    position: absolute;
    margin-top: -24px;
}
.calendar-opener svg path {
    fill: #ff4c69;
}
.calendar-opener * {
    color: #ff4c69;
}
.calendar-opener .d {
    position: absolute;
    margin: 16px 8.5px;
    font-size: 18px;
    font-weight: bold;
    width: 55%;
    text-align: center;
}
.calendar-opener .p {
    display: none;
    position: absolute;
    bottom: -3px;
    color: #FFF;
    left: 27px;
    min-width: 18px;
    padding: 3px 2px 3px 3px;
    line-height: 12px;
    font-size: 11px;
    text-align: center;
    background: #ff4c69;
    border-radius: 20px!important;
    -webkit-border-radius: 20px!important;
    -moz-border-radius: 20px!important;
}
body.tesztoldal .calendar-opener .p {
    display: block;
}
.calendar-opener .t {
    font-size: 9px;
    position: absolute;
    bottom: -12px;
    left: -15px;
}
footer .calendar-opener {
    top: 2px;
    margin-top: -32px;
}
footer .calendar-opener .d {
    margin-top: 13px;
    margin-top: 6px;
}
footer .calendar-opener svg {
    width: 22px;
    height: 22px;
}
footer .calendar-opener svg path {
    fill: white;
}
footer .calendar-opener * {
    color: white;
}
footer .podcast-opener img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.footer-social {
    margin-bottom: 40px;
}
/**/
img.mfp-img {
    padding: 70px 0 40px 0
}
.mfp-top-bar {
    margin-top: -10px;
    min-height: 45px;
}
.mfp-top-bar .mfp-title {
    position: absolute;
    bottom: 0;
    padding: 0;
}
/**/
.emptyhide:empty { display: none; }
.monly, .monlyi { display: none; }
.donly { display: block; }
.donlyi { display: inline-block; }
@media (max-width: 768px){
    .donly, .donlyi { display: none; }
    .monly { display: block; }
    .monlyi { display: inline-block; }
}
/**/
.article-meta:empty {
    display: none;
}
/**/
.article-gallery-carousel .owl-next:before {
content: "További fotók";
    padding: 15px 14px;
    color: #FFF;
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    right: 35px;
    width: auto;
    white-space: nowrap;
    z-index: 1;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 57%;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
}
.article-gallery-carousel:hover .owl-next:before {
    -moz-opacity:.0;
    filter:alpha(opacity=0);
    opacity:.0;
}
.article-gallery-carousel .owl-next:hover:before {
    display: none;
}
/**/
section.order-page .nav > li > a {
    background-color: #e6e6e6;
    color: #666;
    border-bottom: 1px #ddd solid;
}
section.order-page .nav > li > a:hover {
    background-color: #f3f3f3;
    color: #333;
}
section.order-page .nav > li.active > a {
    background-color: #FFF;
    color: #000;
}
section.order-page .nav > li a {
    border-bottom: 1px #DDD solid;
}
section.order-page .nav > li.active a {
    border-bottom: 1px #FFF solid;
}
/* 20190312 body.tesztoldal */
section.order-page .issue-block-img a:nth-child(1) {
    display: inline-block;
    width: 76%;
}

/* 20190312 section.order-page .issue-block-img a:nth-child(2) {
    display: none;
} */
/* 20190312 body.tesztoldal */
section.order-page .issue-block-img a:nth-child(2) {
    display: inline-block;
    width: 70%;
    margin-top: -145px;
    margin-left: 96px;
}
/**/
::-webkit-input-placeholder { color: #AAA; font-fize: 13px!important; }
::-moz-placeholder { color: #AAA; font-fize: 13px!important; }
:-moz-placeholder { color: #AAA; font-fize: 13px!important; }
:-ms-input-placeholder { color: #AAA; font-fize: 13px!important; }
::placeholder { color: #AAA; font-fize: 13px!important; }
:hover::-webkit-input-placeholder { color: #AAA; font-fize: 13px!important; }
:hover:-moz-placeholder { color: #AAA; font-fize: 13px!important; }
:hover:-ms-input-placeholder { color: #AAA; font-fize: 13px!important; }
:hover::placeholder { color: #AAA; font-fize: 13px!important; }
/* #content .content */
.imageslines--x1 {
    width: 100%;
}
.imageslines--x1 td {
    padding: 0;
}
.imageslines--x1 a {
    display: inline-block;
    vertical-align: top;
    width: 45%;
}
@media (max-width: 480px)
{
    .imageslines--x1 a { width: 100%; }
}
/**/
.more-block {
    clear: both;
}
/**/
body.page-fooldal .article-list .col-lg-6 {
    display: inline-block;
    vertical-align: top;
    float: none;
}
/**/
a.shorten {
    position: relative;
    max-width: 90%;
    display: inline-block;
    overflow: hidden;
    word-break: break-all;
    height: 1.3em;
}
a.shorten:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 35%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); 
}
/**/
@media (max-width: 768px){
    .mosaic {
        display: block;
    }
    .issue-content-img {
        position: relative;
        max-width: 100%;
    }
    #order table,
    #order tbody,
    #order tr,
    #order td {
        display: block;
        width: 100%;
    }
    .page-header-section {
        /*margin-top: 25px !important;*/
    }
    .landing01 .page-header-section {
        margin-top: 0 !important;
    }
}
 
/* rovatszponzoració ideiglenesen:  */
.page-header-section .page-header-caption .page-title a span.highlight,
.page-header-section .page-header-caption .page-title a {
    vertical-align: bottom;
    display: inline-block;
}
.landing01 .page-header-section .page-header-caption .page-title a span.highlight,
.landing01 .page-header-section .page-header-caption .page-title a {
    display: inline;
}
.page-header-section .page-header-caption .page-title a {
    background-color: transparent;
}

/**/
.framed1 {
    background-color: #F1F1F1;
    font-size: 14px;
    position: relative;
    margin: 25px 0 25px 0px;
    padding: 17px 20px 10px 20px;
    border-left: 5px solid #ff4c69;
}
.framed2 {
    background-color: #F1F1F1;
    font-size: 14px;
    position: relative;
    margin: 25px 0 25px 0px;
    padding: 17px 20px 10px 20px;
    border-top: 5px solid #ff4c69;
}
.framed3 {
    background-color: #F1F1F1;
    font-size: 14px;
    position: relative;
    margin: 25px 0 25px 0px;
    padding: 17px 20px 10px 20px;
    border: 5px solid #e3e3e3;
}
.framed4 {
    background-color: #F1F1F1;
    font-size: 14px;
    position: relative;
    margin: 25px 0 25px 0px;
    padding: 17px 20px 10px 20px;
    border: 0px solid #e3e3e3;
}


.checkbox2 {
    display: block;
    position: relative;
    padding-left: 33px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox2 input[type=checkbox] {
    position: absolute;
    opacity: 0.1;
    cursor: pointer;
    height: 2px; /* > 0px a required funkció miatt "látszódjon"! */
    width: 2px; /* > 0px a required funkció miatt "látszódjon"! */
}
.checkbox2 .checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: transparent;
    border: 1px #000 solid;
    /*border-radius: 5px;*/
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
}
.checkbox2:hover input ~ .checkmark {
    background-color: rgba(0, 0, 0, 0.1);
    transition: all  .25s;
    -moz-transition: all  .25s; 
    -webkit-transition: all  .25s; 
    -o-transition: all  .25s; 
}
.checkbox2 input:checked ~ .checkmark {
    background-color: transparent;
}
.checkbox2 .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.checkbox2 input:checked ~ .checkmark:after {
    display: block;
}
.checkbox2 .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/**/
#mediaajanlat-form label {
    padding: 3px 10px 3px 25px;
    font-size: 16px;
    font-weight: normal;
    transition: all .25s;
    -moz-transition: all .25s; 
    -webkit-transition: all .25s; 
    -o-transition: all .25s; 

}
#mediaajanlat-form .checkbox2 .checkmark {
    /*top: 6px;*/
    /*left: 0;*/
}
#mediaajanlat-form .form-group {
    margin: 30px 0;
}

.order-page .soldout {
    position: absolute;
    z-index: 10;
    background-color: #fffffff0;
    transform: rotate(-34deg);
    padding: 10px 30px;
    /*top: 357px;*/
    /*left: 60px;*/
    /*width: 364px;*/
    top: 27%;
    left: -11%;
    width: 100%;
    text-align: center;
    font-size: 21px;
}
.order-page .soldout.counter-2 {
    left: 43px;
    top: 66%;
    font-size: 20px;
    padding: 9px 30px;
}
.issue-content-inner .soldout {
    position: absolute;
    z-index: 10;
    background-color: #fffffff0;
    transform: rotate(-21deg);
    padding: 15px 30px;
    top: 40%;
    left: -10%;
    width: 120%;
    text-align: center;
    font-size: 24px;
}
.article-list-item.id-2052 .article-list-item-img img {
    transform: scale(0.7);
}
.article-list-item.id-2052:hover .article-list-item-img img {
    transform: scale(0.8);
}
#palyazatok .article-list-item.id-2053 .article-list-item-img img {
    transform: scale(0.9);
}
#palyazatok .article-list-item.id-2053:hover .article-list-item-img img {
    transform: scale(1);
}

.mmAudio {padding: 1.7em 0 2em 0;}
.mmAudio audio {width: 100%;outline: 0;background: #f1f3f4;}
.mmAudio .title {color: #666;font-size: 18px;font-weight: 600;}
.mmAudio .control {margin: 0 0 1em 0;border-bottom: 1px solid #ddd;padding: 4px 0 8px 20px;box-sizing: border-box;-moz-opacity:.60;filter:alpha(opacity=60);opacity:.60;}
.mmAudio .control:hover {-moz-opacity:1;filter:alpha(opacity=100);opacity:1;}
.mmAudio .control > * {display: inline-block;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.mmAudio .control .jump,.mmAudio .control .share,.mmAudio .control x {font-size: 80%;color: #888;display: inline-block;padding: 0px 4px;margin: 0 3px 0 0;cursor: pointer;text-align: center;transition: all 0.35s;-moz-transition: all 0.35s; -webkit-transition: all 0.35s; -o-transition: all 0.35s; border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;vertical-align: middle;}
.mmAudio .control space {min-width: 18px;display: inline-block;}
.mmAudio .control .jump:hover,.mmAudio .control .share:hover,.mmAudio .control x.akt,.mmAudio .control x:hover {color: #FFF;background-color: #000;text-decoration: none;}
.mmAudio .control .jump {font-size: 20px;line-height: 12px;min-width: 25px;height: 16px;font-weight: lighter;}
.mmAudio .control .share {float: right;}
.mmAudio.bg {margin-bottom: 1.5em;background: #212121;padding: 2% 1% 3% 1%;}
.mmAudio.bg .title {margin-left: 22px;color: #f1f3f4;font-weight: normal;}
.mmAudio.bg audio {background-color: unset;}
.mmAudio.bg .control {border: 0;padding: 0 0 0 40px;margin-bottom: 0;}
.mmAudio .control .jump,.mmAudio .control .share,.mmAudio .control x {color: #f1f3f4;}
.mmAudio.bg .share {margin-right: 18px;line-height: 20px;}

@media (max-width: 480px)
{
    .mmAudio { width: 110%; margin-left: -5%; }
    .mmAudio .control { text-align: center; }
    .mmAudio .control .jump, .mmAudio .control .share, .mmAudio .control x { padding: 7px; }
    .mmAudio .control .jump { height: unset; font-size: 30px; line-height: 25px; }
    .mmAudio .control space { display: none; }
    .mmAudio .control .speed { display: block; margin: 5px; }
    .mmAudio .control .share { float: unset; }
    .mmAudio.bg { padding: 4% 2%; }
    .mmAudio.bg .control { padding: 0; }
    .mmAudio.bg .control .share { margin-right: 0; }
}

.podcast-opener img {height: 23px;margin-top: -4px;}
.footer-social .podcast-opener img {margin-bottom: 5px;}
.podcast-opener:hover {opacity: 0.6;}
.service-menu-left .podcast-opener {margin-left: 2px;}
.service-menu-right .podcast-opener img {
    vertical-align: baseline;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    margin: 0 2px 0 -1px;
}

.calendar-opener {position: relative;margin: 0;}
.calendar-opener * {color: #000;}
.calendar-opener svg path {fill: #ff4c69;fill: #000;}
.calendar-opener svg {width: 20px;height: 20px;}
.calendar-opener .d {margin: 7px 4px;font-size: 10px;}
.calendar-opener .t {display: none;}
.calendar-opener:hover {opacity: 0.6;}

.landing01 .footer-social.list-inline > li {padding-left: 10px;}

iframe.instagram-media {
    max-width: 100%!important;
}

.twitter-tweet-rendered {
    margin-left: auto;
    margin-right: auto;
}

/*body.page-karacsonyi-deco .page-header-section,
body.page-karacsonyi-deco .page-header-section > div {
    height: 200px;
}*/
body.tesztoldal-h110 .page-header-section,
body.tesztoldal-h110 .page-header-section > div {
    height: 110px;
}
body.tesztoldal-h110 .page-header-section .page-header-caption .page-title {
    margin-bottom: 24px;
}
body.tesztoldal-h200 .page-header-section,
body.tesztoldal-h200 .page-header-section > div {
    height: 200px;
}
body.tesztoldal-h300 .page-header-section,
body.tesztoldal-h300 .page-header-section > div {
    height: 300px;
}

.promolist {
    /*padding-bottom: 50px;*/
}
.promolist .section-title {
    text-transform: initial;
    margin-bottom: 35px;
}
.promolist .section-title:after {
    /*width: calc(100% - 183px);*/
    /*display: none;*/
}
.promolist .items {
    width: var(--winwidth);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 0;
}
.promolist .slick-arrow { width: 80px; }
.promolist .slick-list {
    width: calc(var(--winwidth) - 2 * 80px);
    overflow: unset;
}
.promolist .slick-list:after {
    content: '';
    display: block;
    border-bottom: 3px solid #000;
    width: calc(100% - 15px);
    margin: 0 10px;
}
.promolist .item {
    /* 4*20px gap + 2*80px arrow width = 240px / 5 item in line */
    height: calc((var(--winwidth) - 240px) / 5);
    position: relative;
    background-color: #000;
    text-align: center;
    margin: 0 10px;
}
.promolist .item.more {
    background-color: rgb(238 238 238 / 95%);
    line-height: 0;
    font-size: 40px;
    color: #999;
}
.promolist .item.more:hover { 
    color: #000;
}
.promolist .item.more span {
    position: absolute;
    top: calc(50% - 13px);
    margin-left: -18px;
}
.promolist .item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity .35s;
    -moz-transition: opacity .35s; 
    -webkit-transition: opacity .35s; 
    -o-transition: opacity .35s; 
}
.promolist .item .text {
    position: absolute;
    font-size: 23px;
    color: #FFFFFF;
    opacity: 0;
    width: 80%;
    top: 60%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: opacity .3s, top .3s;
    -moz-transition: opacity .3s, top .3s; 
    -webkit-transition: opacity .3s, top .3s; 
    -o-transition: opacity .3s, top .3s; 
}
.promolist .item .producer {
    font-size: 0.6em;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}
.promolist .item:hover img {
    opacity: 0.3;
}
.promolist .item:hover .text {
    opacity: 1;
    top: 50%;
}
.promolist .slick-arrow {
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 10;
    background-color: rgb(255 255 255 / 100%);
}
.promolist .slick-arrow.slick-disabled {
    opacity: .3;
}
.promolist .draw-arrow {
    --size: 30px;
    --color: #000000;
    --line-width: 3px;
    opacity: 0.5;
    transform: scale(1, 1.3);
    transition: opacity 0.15s;
}
.promolist .draw-arrow.arrow-left {
    -moz-transform: scale(1, 1.3) rotate(180deg);
    -webkit-transform: scale(1, 1.3) rotate(180deg);
    -o-transform: scale(1, 1.3) rotate(180deg);
    transform: scale(1, 1.3) rotate(180deg);
}
.promolist .slick-arrow:hover .draw-arrow {
    opacity: 1;
}
.promolist .slick-dots {
    position: absolute;
    top: 100%;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 2em;
    padding: 0;
    list-style-type: none;
}
.promolist .slick-dots button {
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #d6d6d6;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
}
.promolist .slick-dots .slick-active button {
    background: #aaaaaa;
}
@media (max-width: 1500px){ .promolist .item { height: calc((var(--winwidth) - 240px - 10px * 4) / 4); } }
@media (max-width: 1200px){ .promolist .item { height: calc((var(--winwidth) - 240px - 10px * 3) / 3); } }
@media (max-width: 1000px){ .promolist .item { height: calc((var(--winwidth) - 240px - 10px * 2) / 2); } }
@media (max-width: 800px){ 
    .promolist .item { height: calc((var(--winwidth) - 180px - 20px) / 1); }
    .promolist .items {
        grid-template-columns: 1fr;
        margin-bottom: 3rem;
    }
    .promolist .slick-list {
        width: var(--winwidth);
    }
    .promolist .slick-list:after {
        margin-top: 2px;
    }
    .promolist .item {
        background-color: unset;
        height: auto;
        margin: 0 15px;
    }
    .promolist .item.more { 
        position: static;
        height: 100%;
        font-size: 55px;
    }
    .promolist .item img {
        position: relative;
    }
    .promolist .item .text {
        position: relative;
        text-align: left;
        font-size: 22px;
        margin: 0;
        opacity: 1;
        top: unset;
        left: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset; 
        color: unset;
    }
    .promolist .item .producer {
        margin: 0;
        padding: 10px 6px 7px 0;
    }
    .promolist .item .producer:empty {
        padding: 0;
        height: 6px;
    }
    .promolist .item .title {
        background-color: #000000;
        color: #FFFFFF;
        padding: 0px 6px 1px 6px;
        display: inline;
        -webkit-box-decoration-break: clone;
        -ms-box-decoration-break: clone;
        -o-box-decoration-break: clone;
        box-decoration-break: clone;
    }
}

/*   */
.promotion-search {

}
.promotion-search .inner {
    display: grid;
    grid-template-columns: 36% 1fr;
    grid-column-gap: 40px;
    align-items: end;
}
.promotion-search input {
    border: 0;
    border-bottom: 1px solid #666666;
    margin-right: 10px;
    background: transparent;
    vertical-align: 7px;
    width: calc(100% - 70px);
    padding: 10px;
    outline: none;
}
.promotion-search select {
    border: 0;
    border-bottom: 1px solid #CCCCCC;
    margin-right: 10px;
    background: transparent;
    vertical-align: 10px;
    width: 100%;
    padding: 3px 0;
    height: 30px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.promotion-search .material-icons {
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    cursor: pointer;
}
.promotion-search .material-icons:hover {
    opacity: 1;
}
.promotion-search .tags {
    position: relative;
    height: 28px;
    padding-right: 25px;
}
.promotion-search .tags-inner {
    position: absolute;
    z-index: 10;
    height: 27px;
    overflow: hidden;
    width: calc(100% - 25px);
}
.promotion-search .tags .tags-inner {
    padding-left: 0.6em;
    box-sizing: border-box;
}
.promotion-search .tags.open .tags-inner {
    height: auto;
    background: #FFFFFF;
}
.promotion-search .tags .draw-arrow,
.promotion-search .tags .tag {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    padding: 0;
    --size: 15px;
    cursor: pointer;
}
.promotion-search .tags .tag {
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
    margin-bottom: 5px;
}
.promotion-search .tags .tag.selected {
    border-color: #666666;
}
.promotion-search .tags .draw-arrow {
    margin: 0px 0 -1px 0.5em;
    position: absolute;
    top: 0.3em;
    right: 0.3em;
}
.promotion-search .tags.open .draw-arrow {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.page-projektek:not(.contenturl) .page-header-section .page-header-caption,
.page-technologia:not(.contenturl) .page-header-section .page-header-caption,
.page-labor:not(.contenturl) .page-header-section .page-header-caption,
.page-mobiliak:not(.contenturl) .page-header-section .page-header-caption {
    bottom:unset;
    top: 20px;
}
@media (max-width: 768px)
{
    .promotion-search {
        width: 96%;
        top:unset;
        padding-bottom: 0;
    }
    .promotion-search .inner {
        grid-template-columns: unset;
        grid-auto-flow: row;
        grid-row-gap: 20px;
    }
    .promotion-search .tags .tags-inner {
        margin-left: -0.6em;
    }
    .promotion-search input {
        width: calc(100% - 90px);
    }
    .promotion-search .tags.open {
        height: auto;
    }
    .promotion-search .tags.open .tags-inner {
        position: relative;
    }
}

body.menupage .page-header-section {
    background-image: unset!important;
    background-color: #FFFFFF;
    border-top: 3px solid #000000;
    padding: 15px 0 0 0;
}
body.menupage .page-header-section > div {
    height: unset;
}
.page-header-section.no-bg .page-header-caption {
    position: relative;
    bottom: unset;
}
body.menupage .page-header-section .page-header-caption .page-title a span.highlight {
    background-color: #FFFFFF;
    color: #000000;
    padding: 0;
    font-weight: 700;
}

@media (max-width: 768px)
{
    body.menupage .page-header-section { border-top: 0; }
}

.bottomHighlightMenu {
    border-top: 1px solid #000000;
}
.bottomHighlightMenu .highlight1 {
    position: relative;
    display: inline-block;
    z-index: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 17px;
    margin-right: 0.5em;
    font-weight: 600;
}
.bottomHighlightMenu .highlight1:hover {
    text-decoration: none;
}
.bottomHighlightMenu .highlight1:after {
    content: " ";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 25%;
    z-index: -1;
    transition: all 0.1s ease-in;
    background-color: #FFFE01;
}
.bottomHighlightMenu .highlight1:hover:after {
    height: 70%;
    text-decoration: none;
}

.tesztoldal-fejlec-kisebb-kep-1 .page-header-section {
    background-image: url(https://octogon.hu/files/test/teszt-800x300.jpg)!important;
    background-position: center!important;
    background-repeat: repeat-x!important;
    background-size: contain!important;
}
.tesztoldal-fejlec-kisebb-kep-2 .page-header-section {
    background-image: unset!important;
    position: relative;
    overflow: hidden;
}
.tesztoldal-fejlec-kisebb-kep-2 .page-header-section:after,
.tesztoldal-fejlec-kisebb-kep-2 .page-header-section:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://octogon.hu/files/test/teszt-800x300.jpg)!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    z-index: 1;
}
.tesztoldal-fejlec-kisebb-kep-2 .page-header-section:before {
    background-size: cover!important;
    filter: blur(15px);
    transform: scale(1.1);
    z-index: 0;
}
.tesztoldal-fejlec-kisebb-kep-2 .page-header-section > * {
    z-index: 2;
}
.tesztoldal-fejlec-cim-lecsusztatas {

}

.lapszamajanlo {
    --imagevext: 8rem;
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: 1fr 0.9fr;
    margin: calc(var(--imagevext) + 2em) 0;
    background:#eeeeee;
}
.lapszamajanlo-text {
    padding: 2rem;
    display: grid;
    align-content: space-evenly;
}
.lapszamajanlo-image img {
    margin-top: calc(var(--imagevext) * -1)!important;
    margin-bottom: calc(var(--imagevext) * -1)!important;
    margin-left: -2rem;
}

.deco-labor-swap-0 {
    display: block;
}
.deco-labor-swap-1 {
    display: none;
}

@media (max-width: 600px)
{
    .lapszamajanlo {
        margin-top: 0;
        grid-template-columns: 1fr;
    }
    .lapszamajanlo-text {
        padding: 1.7rem 1rem;
        padding-bottom: 0;
    }
    .lapszamajanlo-image img {
        max-width: 75%;
        max-height: 400px;
        width: auto!important;
        margin: auto;
        margin-top: 0!important;
    }
}