@charset "UTF-8";
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext);*/
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700&subset=latin,latin-ext);

@-webkit-keyframes submenu_in {
    0%   { display: none; opacity: 0;}
    1%   {  transform: rotateY(90deg);display: block; }
    2%   {  opacity: 1 }
    100% {  transform: rotateY(0deg);display: block; }
}
@-moz-keyframes submenu_in {
    0%   { display: none; opacity: 0;}
    1%   {  transform: rotateY(90deg);display: block; }
    2%   {  opacity: 1 }
    100% {  transform: rotateY(0deg);display: block; }
}
@-ms-keyframes submenu_in {
    0%   { display: none; opacity: 0;}
    1%   {  transform: rotateY(90deg);display: block; }
    2%   {  opacity: 1 }
    100% {  transform: rotateY(0deg);display: block; }
}
@-o-keyframes submenu_in {
    0%   { display: none; opacity: 0;}
    1%   {  transform: rotateY(90deg);display: block; }
    2%   {  opacity: 1 }
    100% {  transform: rotateY(0deg);display: block; }
}
@keyframes submenu_in {
    0%   { display: none; opacity: 0;}
    1%   {  transform: rotateY(90deg);display: block; }
    2%   {  opacity: 1 }
    100% {  transform: rotateY(0deg);display: block; }
}

@-webkit-keyframes 'blink' {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-moz-keyframes 'blink' {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-ms-keyframes 'blink' {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-o-keyframes 'blink' {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes 'blink' {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.site {
    /*display: initial !important;*/
}
.site-under-1200 {
    display: none !important;
}
.site-under-400 {
    display: none !important;
}

header.absolute.fixed {
    position: fixed;
    top:0;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
}

.transition300ease {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}


header.absolute {
    width: 100%;    z-index: 1000;
    position: absolute;
    /*top: 0;*/
}


.clear {
    clear: both;
}
body {
    background: #ebebeb;
    text-rendering: optimizeLegibility;
    font-family: 'Roboto Slab', serif;
}

.order-cart-container table tbody tr td {
    padding: 10px;
    border: solid 1px #ddd;
    font-size: 14px;
    text-align: right;
    font-family: monospace;
}

.order-cart-container table tbody tr td:first-child {
    text-align: left;
    font-family: 'Roboto Slab', serif;
}

.order-cart-container table tbody tr td label {
    margin-bottom: 0;
    font-weight: normal;
}

.order-cart-container table tbody tr {}

.order-cart-container table tbody {}

.order-cart-container table tfoot tr td {
    border-top: solid 2px black;
    padding: 10px;
    font-weight: bold;
    text-align: right;
    font-family: monospace;
    font-size: 14px;
}

.order-cart-container table tfoot tr td:first-child {
    text-align: left;
    font-family: 'Roboto Slab', serif;
}

.order-cart-container table tfoot tr {}

.order-cart-container table tfoot {}

.order-cart-container table thead tr td {
    background-color: #eee;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-align: right;
}

.order-cart-container table thead tr td:first-child {
    text-align: left;
}

.order-cart-container table thead tr {}

.order-cart-container table thead {}
header {
    font-family: 'Roboto Slab', serif;
    font-size: 13px;
    background: #ffffff;
    position: relative;
    border-bottom: solid 1px #ddd;
}

.ad-blocker .content {
    text-align: center;      
    font-size: 10px;      text-transform: uppercase;      font-weight: bold;      margin-bottom: 10px;      
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.28);
}

.ad-blocker .title {
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.28);
}

.ad-blocker {
    width: 1010px;
    margin: 0 auto;
    margin-top: 30px;      
    margin-bottom: 0;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.42);
    color: #CECECE;
}
a.more-btn {
    text-decoration: none;
    outline: 0;
    color: black;
}
a, a:link, a:focus {
    color: #1a3842;
    text-decoration: none;
    outline: 0;
}

footer a {
    color: white !important;
    font-size: 12px;
    color: #ccc !important;
}
a:hover {
    outline: 0;
    text-decoration: underline;
}

header .container {
    width: 1200px;
    margin: 0 auto;
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
}
header .container a.logo {
    float: left;
    padding-left: 75px;
    padding-top: 10px;
    position: absolute;
}

header.small .container a.logo {
}

header .container a.logo img {
}
header.small .container a.logo img {
    width: 50px;
}

header .container a.logo div.title {
    position: absolute;
    left: 100px;
    top: 80px;
    font-size: 10px;
    text-transform: uppercase;
    font-family: arial;
    color: black;
    }

header.small .container a.logo div.title {
    left: 140px;
    top: 15px;
    font-size: 18px;
	display: none;
}
.hatosfalhu .container a.logo div.title {
    left: 60px;
    top: 89px;
    width: 120px;
    }
header.small .alogo div {
    top: 20px;left: 200px;
}
.hatosfalhu header.small .container a.logo div {
    top: 20px;
    left: 150px;
    font-size: 11px;
    width: 123px;
}
header .container a.logo img {
    width: 131px;
}
header .container nav.mainmenu {}
header .container nav.mainmenu ul {
    float: right;
    margin: 0;
    padding: 10px 0;
}

header.small .container nav.mainmenu ul {
    padding: 0;
}
header .container nav.mainmenu ul li {
    float: left;
    position: relative;
    margin: 0 0px;
    padding: 0 20px;
}

header.small .container nav.mainmenu ul li {
}
header .container nav.mainmenu ul li:after {
    content: ' ';
    position: absolute;
    top: 24px;
    left: 0px;
    border-right: solid 1px #eeeeee;
    height: 40px;
    width: 1px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

header.small .container nav.mainmenu ul li:after {
    top: 0;
}
header .container nav.mainmenu ul li:before {
    content: ' ';
    position: absolute;
    top: -10px;
    left: 0px;
    height: 2px;
    width: 0%;
    background: #b09e27;
    transition: all 300ms ease;
}
header .container nav.mainmenu ul li:hover:before {
    width: 100%;
}
header .container nav.mainmenu ul li:last-child:after {}
header .container nav.mainmenu ul li.has-children {}
header .container nav.mainmenu ul li a {
    display: block;
    padding: 25px 0;
    text-decoration: none;

}

header.small .container nav.mainmenu ul li a {
    padding: 0;
    padding: 10px 0px;
}
header .container nav.mainmenu ul li a:hover {
    text-decoration: none;
}
header .container nav.mainmenu ul li.has-children a {}
header .container nav.mainmenu ul li a .line-1 {
    color: #56646f;
    font-size: 14px;
    text-transform: uppercase;
}
header .container nav.mainmenu ul li.has-children a .line-1 {
    background: url(../img/mainmenu-submenu.svg);
    background-position: right 4px;
    background-size: 12px;
    padding-right: 17px;
    background-repeat: no-repeat;
}
header .container nav.mainmenu ul li.has-children ul li a .line-1 {
    background: none;
    min-width: 100px;
    padding-top: 10px;
}
header .container nav.mainmenu ul li.has-children ul li.has-children a .line-1 {}
header .container nav.mainmenu ul li a .line-2 {
    font-size: 12px;
    color: #9aa2a9;
}
header .container nav.mainmenu ul li ul {
    /* display: none; */
    position: absolute;
    margin: 0;
    padding: 0;
    background: #eae9e9;
    left: 1px;
    z-index: 10;
    padding-bottom: 2px;
    padding-top: 20px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
}
.csstransitions header .container nav.mainmenu ul li:hover ul:after,
.csstransitions header .container nav.mainmenu ul li.opened ul:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: white;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    z-index: 1;
    left: 23px;
    margin-left: -7px;
    top: -7px;
}
header .container nav.mainmenu ul li:hover ul,
header .container nav.mainmenu ul li.opened ul {
    /* display: block; */
    -webkit-animation: submenu_in 300ms;
    -moz-animation: submenu_in 300ms;
    -ms-animation: submenu_in 300ms;
    -o-animation: submenu_in 300ms;
    animation: submenu_in 300ms;

    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    /*    -webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;*/
}

header.small .container nav.mainmenu ul li:hover ul {
    top: 55px;
}

header.small .container nav.mainmenu ul li ul {
    top: 55px;
}
header .container nav.mainmenu ul li ul li{
    float: none;
    padding: 0px 15px;
    margin: 0 5px;
    position: relative;
}
header .container nav.mainmenu ul li ul li:before{
    display: none;
}
header .container nav.mainmenu ul li ul li:before{
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #d5d5d5;
}
header .container nav.mainmenu ul li ul li:after{
    content: ' ';  position: absolute;  bottom: 0;  left: 0;    height: 1px;  
    background: #b09e27;
    width: 0%;
    top: auto;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
header .container nav.mainmenu ul li ul li:hover:after{
    content: ' ';  position: absolute;  bottom: 0;  left: 0;    height: 1px;
    background: #b09e27;
    width: 100%;
    top: auto;
}
header .container nav.mainmenu ul li ul li.kiemelt {
}
header .container nav.mainmenu ul li ul li.kiemelt a{}
header .container nav.mainmenu ul li ul li.rendes {
}
header .container nav.mainmenu ul li ul li.rendes a{
    font-weight: normal;
}
header .container nav.mainmenu ul li ul li.rendes a .line-1{
    font-size: 11px;
    padding: 0px 0;
}
header .container nav.mainmenu ul li ul li a{}
header .container nav.mainmenu ul li ul li a{
    font-size: 13px;
    font-weight: bold;
    text-transform: none;
    padding: 5px 0;
}
header .container nav.mainmenu ul li ul li a .line-1{
    font-size: 13px;
    text-transform: none;
    /* padding: 10px 0; */
}
header .container nav.mainmenu ul li ul li a .line-2{
    padding-bottom: 10px;
}
header .container nav.mainmenu ul li ul li:last-child:after {}
.mainpage .main-articles-bg {
    position: relative;
    background-position: center center;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    height: 511px;
}
.mainpage .main-articles-bg:after {
    background: black;
    opacity: 0.6;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: ' ';
}
.main-articles-container {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 51px;
    position: relative;
    height: 461px;
}
.main-articles-container .col-1 {
    width: 262px;
    float: left;
    margin-right: 51px;
    position: relative;
    z-index: 2;
    position: absolute;
    left: 0;
}
.main-articles-container .col-1 .item,
.main-articles-container .col-3 .item {
    margin-top: 51px;
    display: block;
    position: relative;
    box-shadow: 0px 0px 10px black;
}

.main-articles-container .col-1 .item:hover .date, .main-articles-container .col-3 .item:hover .date {
    opacity: 1;
    top: 50%;
    margin-top: -11px;
}

.main-articles-container .col-1 .item .date, .main-articles-container .col-3 .item .date {
    position: absolute;
    opacity: 0;
    text-align: center;
    width: 100%;
    color: white;
    text-shadow: 0px 0px 5px black;
    top: 60%;
    transition: all 300ms ease;
}

.main-articles-container .col-1 .item .city {
    position: absolute;
    width: 100%;
    top: 40px;
    text-align: center;
    opacity: 0;
}

.main-articles-container .col-1 .item:hover .city {
    opacity: 1;
    top: 50px;
}

.main-articles-container .col-1 .item .city img {
    width: auto;
    height: 90px;
}

.main-articles-container .col-1 .item .city span, .main-articles-container .col-3 .item .city span {
    display: inline-block;
    /* background: black; */
    /* margin: 0 auto; */
    /* width: 80px; */
    color: white;
    padding: 5px 15px;
    text-shadow: 0px 0px 1px black, 0px 0px 1px black, 0px 0px 1px black, 0px 0px 1px black, 0px 0px 11px black;
}

.main-articles-container .col-1 .item .city span, .main-articles-container .col-3 .item .city span img {
    width: auto;
    height: 90px;
}

.main-articles-container .col-3 .item .city {
    position: absolute;    width: 100%;    
    top: 30px;    text-align: center;
    opacity: 0;
}
.main-articles-container .col-3 .item:hover .city {
    top: 40px;
    opacity: 1;
}

.main-articles-container .col-1 .item:hover,
.main-articles-container .col-3 .item:hover {}
.main-articles-container .col-1 .item:after,
.main-articles-container .col-3 .item:after {
    content: ' ';
    background: black;
    opacity: 0.3;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.main-articles-container .col-1 .item:hover:after,
.main-articles-container .col-3 .item:hover:after {
    opacity: 0;
}
.main-articles-container .col-1 .item img,
.main-articles-container .col-3 .item img {
    width: 262px;
    height: 180px;
}
.main-articles-container .col-1 .item .title,
.main-articles-container .col-3 .item .title {
    position: absolute;
    bottom: 20px;
    left: 10px;
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    z-index: 3;
    transition: all 300ms ease;
}
.main-articles-container .col-1 .item:hover .title,
.main-articles-container .col-3 .item:hover .title {
    opacity: 0;
    bottom: 5px;
}
.main-articles-container .col-2 {
    width: 574px;
    float: left;
    margin-right: 51px;
    position: relative;  z-index: 2;
    position: absolute;
    left: 312px;
}
.main-articles-container .col-2 .item {
    display: block;
    margin-top: 51px;
    box-shadow: 0px 0px 10px black;
}

.main-articles-container .col-2 .item .date {
position: absolute;      opacity: 0;      text-align: center;      width: 100%;      color: #FFF;      text-shadow: 0px 0px 5px #000;      top: 60%;      transition: all 300ms ease;font-size: 35px;}

.main-articles-container .col-2 .item:hover .date {
    opacity: 1;
    top: 54%;
    margin-top: -11px;
}
.main-articles-container .col-2 .item:after {
    content: ' ';  background: black;  opacity: 0.3;  position: absolute;  left: 0;  right: 0;  
    top: 50px;  bottom: 0;  z-index: 2;  transition: all 300ms ease;
}
.main-articles-container .col-2 .item:hover:after {
    opacity: 0;
}
.main-articles-container .col-2 .item:hover {}
.main-articles-container .col-2 .item img {
    width: 574px;
    height: 410px;
}
.main-articles-container .col-2 .item .panel {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
    z-index: 3;
    transition: all 300ms ease;
}
.main-articles-container .col-2 .item:hover .panel {
    bottom: 20px;
    opacity: 0;
}
.main-articles-container .col-2 .item .panel .title {
    color: white;
    font-size: 40px;
    font-weight: bold;
}
.main-articles-container .col-2 .item .panel .lead {
    color: white;
    color: rgba(255,255,255,0.7);
}
.main-articles-container .col-3 {
    width: 262px;
    float: left;
    position: relative;  z-index: 2;
    position: absolute;
    right: 0;
}
section.main {
    margin: 0 auto;
    width: 1200px;
    margin-top: 105px;
}
section.main .mainpage {}
section.main .mainpage .recent-posts {
    padding-top: 5px;
}
section.main .mainpage .recent-posts h2{
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    color: #1A3842;
    position: relative;
    margin: 40px 0;
}
section.main .mainpage .recent-posts h2 span{
    background: #EBEBEB;
    position: relative;
    z-index: 2;
    padding: 0 10px;
}
section.main .mainpage .recent-posts h2:after{
    background: #d6d6d6;
    height: 5px;
    left: 0;
    right: 0;
    content: ' ';
    position: absolute;
    top: 8px;
}
section.main .mainpage .recent-posts .item {
    background: white;
    width: 262px;
    float: left;
    margin-right: 50px;
    margin-bottom: 50px;
    height: 390px;
    position: relative;
}

section.main .mainpage .sportturista .item:first-child {
    width: 576px;
}

section.main .mainpage .sportturista .item:first-child .content {
    position: relative;
    height: 306px;
}

section.main .mainpage .recent-posts .item:first-child .content:after {
    display: none;
}
section.main .mainpage .sportturista .item:first-child .content img {
    width: 100%;
    height: 100%;
}
section.main .mainpage .sportturista .item:first-child .content .title {
    position: absolute;
    bottom: 10px;
    color: white;
    font-size: 30px;
    text-shadow: 1px 1px 2px #000;
    width: 50%;
}

section.main .mainpage .recent-posts .item ul.info {
    position: absolute;
    top: 0;
    font-size: 11px;
    color: #FFF;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    height: 180px;
}

section.main .mainpage .sportturista .item:first-child ul.info {
    height: 306px;
}

section.main .mainpage .recent-posts .item ul.info li {
    position: relative;
    z-index: 2;
    opacity: 0;
    top: -70px;
    -webkit-transition: all 300ms cubic-bezier(0.18, 0.89, 0.68, 1.41);   
    -moz-transition: all 300ms cubic-bezier(0.18, 0.89, 0.68, 1.41);
    -ms-transition: all 300ms cubic-bezier(0.18, 0.89, 0.68, 1.41);
    -o-transition: all 300ms cubic-bezier(0.18, 0.89, 0.68, 1.41);
    transition: all 300ms cubic-bezier(0.18, 0.89, 0.68, 1.41);
    -moz-transition-delay: 0ms;  
    -ms-transition-delay: 0ms;  
    -o-transition-delay: 0ms;   
    transition-delay: 0ms;

    list-style-type: none;
    padding: 7px;
    padding-left: 25px;
    background-size: 16px;      
    background-position: left 7px;      background-repeat: no-repeat;
}

section.main .mainpage .recent-posts .item ul.info li a:hover {
    text-decoration: underline;
}

section.main .mainpage .recent-posts .item ul.info li a {
    color: white;
    text-decoration: none;
}

section.main .mainpage .recent-posts .item:hover ul.info li {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

section.main .mainpage .recent-posts .item:hover ul.info li {
    opacity: 1;
    top: 0;
}

section.main .mainpage .recent-posts .item ul.info li.datetime {
    background-image: url(../img/ic-time.svg);
}

section.main .mainpage .recent-posts .item ul.info li.tags {
    background-image: url(../img/ic-tag.svg);                        
}

section.main .mainpage .recent-posts .item ul.info li.author {
    background-image: url(../img/ic-person.svg);                        
}

section.main .mainpage .recent-posts .item ul.info:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.70);
    z-index: 1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
section.main .mainpage .recent-posts .item:hover ul.info:before {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
}

section.main .mainpage .recent-posts .item:hover ul.info:before {
    height: 180px;
}

section.main .mainpage .sportturista .item:first-child:hover ul.info:before {
    height: 306px;
}
section.main .mainpage .recent-posts .item .content {
    height: 324px;
    overflow: hidden;
    display: block;
}

section.main .mainpage .sportturista .item:first-child .content .lead {
    position: absolute;
    bottom: 20px;
    color: white;
    font-size: 15px;
    text-shadow: 1px 1px 2px black;
    right: 0;
    width: 40%;
    box-sizing: border-box;
}

section.main .mainpage .recent-posts .item .content .title {}

section.main .mainpage .recent-posts .item .content img {}
section.main .mainpage .recent-posts .item .content:hover {
    text-decoration: none;
}
section.main .mainpage .recent-posts .item .content:after {
    content: "";
    pointer-events: none;
    position: absolute;
    right: 30px;

    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    left: 30px;
    bottom: 64px;
    height: 23px;

}
section.main .mainpage .recent-posts .item:nth-child(4n) {
    margin-right: 0;
}
section.main .mainpage .recent-posts .item img {
    width: 262px;
    height: 180px;
}
section.main .mainpage .recent-posts .item .title {
    font-weight: bold;
    color: #1a3842;
    font-size: 17px;
    padding: 10px 30px;
}
section.main .mainpage .recent-posts .item .lead {
    padding: 0px 30px;
    overflow: hidden;
    font-size: 12px;
    position: relative;
    color: #1a3842;
}
section.main .mainpage .recent-posts .item .more {
    font-size: 12px;
    color: #1A3842;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 30px;
    left: 30px;
    border: solid 1px #dddddd;
    padding: 4px 8px;
}
section.main .mainpage .recent-posts .item .more:hover {
    text-decoration: none;
    border: solid 1px #b09e27;
}
.page {}

.page-webshop-product .left .section1 .info a.btn-tocart:hover {
    background: #CFBF56;      text-decoration: none;
}

.page-webshop-product .left .section1 .info a.btn-tocart {
    font-size: 16px;      text-transform: uppercase;      font-weight: bold;      color: #FFF;      background: #B09E27;      padding: 10px;      text-align: center;      position: relative;      z-index: 1;      border: solid 2px #FFF;      display: block;      -webkit-transition: all 300ms ease;      -moz-transition: all 300ms ease;      -ms-transition: all 300ms ease;      -o-transition: all 300ms ease;      transition: all 300ms ease;      margin-top: 10px;
}

.page-webshop-product .left .section1 .info a.btn-tocart:hover {}

.page-webshop-product .left .section1 .info .lead {
    font-size: 14px;
    font-weight: bold;
}

.page-webshop-product .left .section1 .info .price .discount-price {
    font-weight: bold;      margin-top: -5px;
}

.page-webshop-product .left .section1 .info .price .original-price.discounted {
    color: #888;      text-decoration: line-through;      font-size: 13px;
}

.page-webshop-product .left .section1 .info .price .original-price {}

.page-webshop-product .left .section1 .info .price {}

.page-webshop-product .left .section1 .info .name {
    font-family: 'Roboto Slab', serif;      
    font-size: 25px;      
    font-weight: bold;      text-transform: uppercase;      
    /* letter-spacing: 1.7px; */      
    /* text-align: center; */      position: relative;      margin-top: 0px;      margin-bottom: 0px;
}

.page-webshop-product .left .section1 .info {
    width: 300px;
    float: left;
}

.page-webshop-product .left .section1 .images .item {
    display: block;      float: left;      
    width: 100px;      height: 100px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;                        
    position: relative;
}

.page-webshop-product .left .section1 .images .item:hover:before {
    opacity: 1;
    top: 0;
}

.page-webshop-product .left .section1 .images .item:before {
    position: absolute;                        
    top: 10px;      
    left: 0;                        
    width: 100%;      -webkit-font-smoothing: antialiased;      -moz-osx-font-smoothing: grayscale;
    background-image: url(../img/magnifying.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    height: 100%;
    content: '';
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 300ms linear;      
    -moz-transition: background-color 300ms linear;      
    -o-transition: background-color 300ms linear;      
    -ms-transition: background-color 300ms linear;      
    transition: all 300ms linear;
}

.page-webshop-product .left .section1 .images .item:nth-child(1) {
    width: 400px;      height: 400px;
    display: block;
    position: relative;
}

.page-webshop-product .left .section1 .images .item:nth-child(1):before {
    background-size: 60px;
}

.page-webshop-product .left .section1 .images .item:hover:after {
    background: rgba(0, 0, 0, 0.5);
}

.page-webshop-product .left .section1 .images .item:after {
    position: absolute;      display: block;      content: '';      width: 100%;      height: 100%;      margin: 0;      top: 0;      left: 0;      background: rgba(0, 0, 0, 0);      z-index: 1;
    -webkit-transition: all 125ms linear;      -moz-transition: background-color 125ms linear;      -o-transition: background-color 125ms linear;      -ms-transition: background-color 125ms linear;      transition: all 125ms linear;
}


.page-webshop-product .left .section1 .images {
    width: 400px;
    float: left;
    margin-right: 50px;
    height: 500px;
    overflow: hidden;
}

.page-webshop-product .left .section1 {}

.page-webshop-product .left .section1:after {
    content: '';
    clear: both;
    display: block;
}

.page-webshop-product .right {
    width: 300px;
    float: left;
    margin-left: 50px;
}

.page-webshop-product .left {
    width: 750px;
    padding: 50px;
    background-color: white;
    /* top: 50px; */
    /* position: relative; */
    float: left;
}

.page.page-calendar {
    background-color: white;
    margin: 210px 0 60px;
    padding: 40px;
    /* box-sizing: border-box; */
}

.page.page-calendar dl dd {
    display: inline-block;
    width: calc(100% - 160px);
    margin-bottom: 20px;
}

.page.page-calendar dl dt {
    width: 100px;
    display: inline-block;
    margin-bottom: 20px;
    text-align: right;
}

.page.page-calendar dl {}

.page.page-calendar h1 {
    max-width: 650px;      text-align: center;      margin: 0 auto 25px;      font-family: 'Roboto Slab', serif;      font-size: 36px;      font-weight: normal;      position: relative;      
    top: -110px;      margin-bottom: -30px;      line-height: 100%;
}

.page.page-calendar h1+h2 {
    max-width: 650px;
    text-align: center;
    margin: -108px auto 35px;
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    font-weight: normal;
    color: #b09e27;
}
.page .content-with-aside {
    float: right;
    width: 850px;
    min-height: 10px;
    padding: 50px 0 0;
}

.page .content-with-aside img {
    /*    max-width: 100% !important;
	float: none !important;
	box-sizing: border-box;
	height: auto !important;*/
    width: 70%;
}

.page-article {
    text-align: justify;
}
.page .content-with-aside + aside {
    float: right;
    width: 300px;
    margin-right: 50px;
    padding: 50px 0 0;
}
aside .popular {
    /* border: 5px double rgba(0,0,0,0.05); */
    padding: 20px;
    background: #b09e27;
    margin-bottom: 50px;
}
aside .popular h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1.7;
    text-align: center;
    position: relative;
    margin-top: 0px;
    margin-bottom: 30px;
}
aside .popular h3:after {
    content: ' ';
    background: #d6d6d6;
    left: 0;
    right: 0;
    height: 5px;
    display: block;
    top: 9px;
    position: absolute;
    z-index: 1;
    opacity: 0.5;
}
aside .popular h3 span {
    background: #b09e27;
    /* display: block; */
    z-index: 2;
    position: relative;
    padding: 0 10px;
    color: white;
}
aside .popular ul {
    margin: 0;
    padding: 0;
}
aside .popular ul li {
    border-bottom: solid 1px #b7a63c;
    margin-bottom: 15px;
    padding-bottom: 15px;
    list-style-type: none;
}
aside .popular ul li:last-child {
    border-bottom: none;
}
aside .popular ul li a {}
aside .popular ul li a:hover {
    text-decoration: none;
}
aside .popular ul li a:hover .right .title {
    opacity: 0.6;
}
aside .popular ul li a .left {
    float: left;
    width: 50px;
    margin-right: 15px;
}
aside .popular ul li a .left img {
    width: 50px;
    height: 50px;
}
aside .popular ul li a .right {
    float: left;
    width: 195px;
}
aside .popular ul li a .right .title {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: white;
}
aside .popular ul li a .right .visits {
    font-size: 12px;
    opacity: 0.6;
    color: white;
}
aside .tags {
    border: 5px double rgba(0,0,0,0.05);
    margin-bottom: 50px;
    padding: 20px;
}

aside .tags.new {
    line-height: 100%;
}
aside .tags h3 {
    font-family: 'Roboto Slab', serif;  font-size: 16px;  font-weight: normal;  text-transform: uppercase;  letter-spacing: 1.7;  text-align: center;  position: relative;  margin-top: 0px;  margin-bottom: 30px;
}
aside .tags h3:after {
    content: ' ';  background: #d6d6d6;  left: 0;  right: 0;  height: 5px;  display: block;  top: 9px;  position: absolute;  z-index: 1;  opacity: 0.5;
}
aside .tags h3 span {
    background: #ebebeb;
    z-index: 2;
    position: relative;
    padding: 0 10px;
}
aside .tags a.item {
    background-color: #1a3842;
    color: #ffffff;
    position: relative;
    font-size: 13px;
    padding: 4px 12px;
    margin-right: 25px;
    float: left;
    margin-bottom: 10px;
}

aside .tags.new a.item {
    background-color: transparent;
    color: #1a3842;
    margin: 0;
    padding: 0;
    float: none;
    white-space: nowrap;
}
aside .tags a.item:after {
    position: absolute;  content: '';      margin-top: -1em;  border-style: solid;
    border-width: 13px 0px 13px 13px;
    border-color: transparent transparent transparent #1a3842;
    top: 13px;
    right: -13px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
aside .tags a.item:before{
    background-image: url(../img/li-dot.svg);
    position: absolute;
    right: -5px;
    z-index: 2;
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    background-size: 100%;
    top: 10px;
}

aside .tags.new a.item:before {
    display: none;
}

aside .tags.new a.item:after {
    display: none;
}
aside .tags a.item:hover {
    text-decoration: none;
    background-color: #b09e27;
}

aside .tags.new a.item:hover {
    text-decoration: underline;
    background-color: transparent;
}
aside .tags a.item:hover:after {
    border-color: transparent transparent transparent #b09e27;
}
aside .tags a.item .count {
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    padding-left: 5px;
}

aside .tags.new a.item .count {
    font-size: 70%;
    color: #929292;
}
.page-article .content-with-aside h1{
    max-width: 650px;
    text-align: center;
    /*   margin: 0 auto 25px;*/
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: normal;
}
.page-article .content-with-aside .lead-image {}
.page-article .content-with-aside .content {
    background: white;
    padding: 30px 50px;
    position: relative;
}
.page-article .content-with-aside .content p {
    color: #56646F;
    font-size: 14px;
    line-height: 175%;
}
.page-article .content-with-aside .content a {
    color: #D33E3E;
    font-weight: bold;
}
.article-footer {
    background: rgba(0,0,0,0.05);
    padding: 10px 50px;
    margin-bottom: 50px;
}
.article-footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.article-footer ul li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
}
.article-footer ul li.date {
    position: relative;
    padding-left: 17px;
    color: rgba(0,0,0,0.5);
    font-size: 12px;
}
.article-footer ul li.date:before {
    content: ' ';
    background: url(../img/clock.svg);
    background-position: left top;
    width: 13px;
    height: 13px;
    position: absolute;
    background-size: 100%;
    left: 0;
    top: 3px;
}
.article-footer ul li.date:hover:before {
    background-position: left bottom;
}
.article-footer ul li.visitor {
    position: relative;  
    padding-left: 20px;  color: rgba(0,0,0,0.5);  font-size: 12px;
}
.article-footer ul li.visitor:before {
    content: ' ';
    background: url(../img/visitor.svg);
    background-position: left top;
    width: 17px;
    height: 11px;
    position: absolute;
    background-size: 100%;
    left: 0;
    top: 4px;
}
.article-footer ul li.visitor:hover:before {
    background-position: left bottom;
}
.disqus {
    padding: 0 50px 50px;
}

.page-article .content-with-aside .content .inner-content {
    padding-right: 170px;
}
.page-article .content-with-aside .content aside {
    float: left;
    width: 120px;
    min-height: 100px;
    position: absolute;
    right: 50px;
    top: 50px;
    bottom: 50px;
}
.page-article .content-with-aside .content aside #floating-panel {
    min-height: 60px;
    width: 120px;
	text-align: center;
}
.page-article .content-with-aside .content aside #floating-panel .fb-like {
	margin-bottom: 30px;
}
.page-article .content-with-aside .content aside #floating-panel .author {
    margin-bottom: 30px;
    font-size: 13px;
}
#floating-panel a.share-google {
    background: #dd4b39;
    height: 30px;
    display: block;
    background-image: url(../img/ic-google.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 31px 5px;
    position: relative;}
#floating-panel a.share-google span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 43px;
    background: white;
    border: 1px solid rgba(0,0,0,0.07);
    border-left: none;
    font-size: 12px;
    color: #999;
    text-align: center;
    padding: 6px 0;
}
#floating-panel a.share-google span:after {
    content: ' ';
    display: block;
    width: 0px;
    height: 0px;
    border-color: transparent white transparent transparent;
    border-width: 8px;
    position: absolute;
    left: -16px;
    top: 7px;
    border-style: solid;
}
#floating-panel a.share-facebook {
    background: #3b5998;
    height: 30px;
    display: block;
    background-image: url(../img/ic-facebook.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 28px 5px;
    position: relative;
    margin-bottom: 5px;
}
#floating-panel a.share-facebook span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 43px;
    background: white;
    border: 1px solid rgba(0,0,0,0.07);
    border-left: none;
    font-size: 12px;
    color: #999;
    text-align: center;
    padding: 6px 0;
}
#floating-panel a.share-facebook span:after {
    content: ' ';
    display: block;
    width: 0px;
    height: 0px;
    border-color: transparent white transparent transparent;
    border-width: 8px;
    position: absolute;
    left: -16px;
    top: 7px;
    border-style: solid;
}
.page-photo-gallery-list {}
.page-photo-gallery-list .content {
    float: right;
    width: 850px;
    min-height: 10px;
    padding: 50px 0 0;
}
.page-photo-gallery-list .content h1 {
    max-width: 650px;
    text-align: center;
    margin: 0 auto 25px;
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: normal;
}
.page-photo-gallery-list .content h2 {
    max-width: 650px;
    text-align: center;
    margin: -25px auto 25px;
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    font-weight: normal;
    color: #b09e27;
}
.page-photo-gallery-list .content .item {
    background: white;
    width: 250px;
    float: left;
    margin-right: 50px;
    margin-bottom: 50px;
    height: 317px;
    position: relative;
}

.page-photo-gallery-list .content .item a + .title {
    padding: 10px 30px;      font-size: 11px;
}
.page-photo-gallery-list .content .item:nth-child(3n) {
    margin-right: 0;
}
.page-photo-gallery-list .content .item .content {
    height: 258px;
    overflow: hidden;
    width: auto;
    padding: 0;
    position: relative;
}
.page-photo-gallery-list .content .item .content:hover {
    text-decoration: none;
}
.page-photo-gallery-list .content .item .content img {
    width: 250px;
    height: 180px;
}
.page-photo-gallery-list .content .item .content .title {
    font-weight: bold;
    color: #1a3842;
    font-size: 17px;
    padding: 0px 30px 10px;
    margin-top: -0.3em;
}
.page-photo-gallery-list .content .item .content .category {
    font-weight: bold;
    color: #1a3842;
    font-size: 12px;
    padding: 10px 30px 0;
    text-transform: uppercase;
    color: #b09e27;
    min-height: 2em;
}

.page-photo-gallery-list .content .item .content:after {
    content: "";  pointer-events: none;  position: absolute;  right: 30px;  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));  background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));  background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));  background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));  left: 30px;  
    bottom: 0;  height: 23px;
}
.page-photo-gallery-list .content .item a.more {
    font-size: 12px;  color: #1A3842;  text-transform: uppercase;  letter-spacing: 2px;  position: absolute;  bottom: 30px;  left: 30px;  border: solid 1px #dddddd;  padding: 4px 8px;
}
.page-photo-gallery-list .content .item .date {
    position: absolute;
    right: 10px;
    bottom: 8px;
    font-size: 12px;
    color: #848484;
}


.page-photo-gallery-list .content .item a.more:hover {
    text-decoration: none;
    border: solid 1px #b09e27;
}
.page-photo-gallery-list .content + aside {
    float: right;  width: 300px;  margin-right: 50px;  padding: 50px 0 0;
}


.page-photo-gallery {}
.page-photo-gallery h1 {
    max-width: 650px;
    text-align: center;
    margin: 0 auto 25px;
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: normal;
}
.page-photo-gallery .content-with-aside {}
.page-photo-gallery .content-with-aside .content {
    background: white;  
    padding: 30px 50px 7px;  position: relative;
}
.page-photo-gallery .content-with-aside .content .inner-content {
    padding-right: 170px;
}
.page-photo-gallery .content-with-aside .content .inner-content a {
    margin-right: 40px;
    margin-bottom: 40px;
    display: block;
    float: left;
    width: 166px;
    height: 120px;
}

.page-photo-gallery .content-with-aside .content .inner-content a:nth-child(9n-2) {
    margin-right: 0;
}
.page-photo-gallery .content-with-aside .content .inner-content a:nth-child(3n) {
    margin-right: 0;
}
.page-photo-gallery .content-with-aside .content .inner-content a img {
    width: 166px;
    height: 120px;
}
.page-photo-gallery .content-with-aside .content aside {
    float: left;
    width: 120px;
    min-height: 100px;
    position: absolute;
    right: 50px;
    top: 50px;
    bottom: 50px;
}
.page-photo-gallery .content-with-aside .content aside #floating-panel{
    width: 120px;
}
.page-photo-gallery .content-with-aside .article-footer {}

a.btn-all-article {
    background: #b09e27;
    padding: 10px;
    display: block;
    margin: 0 auto;
    width: 100px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    padding: 5px;
}
a.btn-all-article:hover {
    text-decoration: none;
}
a.btn-all-article span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    background: #b09e27;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    border: solid 2px white;
    display: block;
}
a.btn-all-article:hover span {
    background: #CFBF56;
}

body > .top {
    background: #1a3842;
    box-shadow: 0 200px 0 rgba(255, 255, 255, 0.1) inset;
    height: 33px;
}
body > .top .container {
    width: 1200px;
    margin: 0 auto;
    text-align: right;
    position: relative;
}
body > .top .container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

body > .top .container ul.links {
    position: absolute;
    right: 0;
}
body > .top .container ul li {
    display: inline-block;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 20px;
    position: relative;
    float: left;
}

body > .top .container ul li span {
    padding: 11px 0;
    display: block;
}
body > .top .container ul li a {
    padding: 9px 5px;
    display: block;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.page.page-text .content-with-aside .content {
    background: white;
    margin-top: 70px;
    padding: 50px;
    color: #56646F;    font-size: 14px;    
    line-height: 175%;
    position: relative;
}

.page.page-text .content-with-aside .content a {
    color: #D33E3E;
    font-weight: bold;
}
.page.page-text .content-with-aside .content a:hover {
    text-decoration: underline;
}

form a.btn {
    font-size: 16px;      text-transform: uppercase;      font-weight: bold;      color: #FFF;      background: #B09E27;      padding: 10px;      text-align: center;      
    /* position: relative; */      z-index: 1;      border: solid 2px #FFF;      
    /* display: block; */      -webkit-transition: all 300ms ease;      -moz-transition: all 300ms ease;      -ms-transition: all 300ms ease;      -o-transition: all 300ms ease;      transition: all 300ms ease;
    margin: 10px 0;
    display: inline-block;
}

form a.btn:hover {
    background: #CFBF56;
    text-decoration: none;
}

.page.page-text .content-with-aside .content .gray-bg {
    background-color: #EBEBEB;
    margin: -50px;
    margin-top: 50px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.box-szabalyzat h1:first-child {
    display: none;
}

.box-szabalyzat {
    border: solid 1px gray;
    padding: 10px;
    height: 200px;
    overflow: auto;
    margin-bottom: 20px;
    background-color: #eee;
    font-size: 12px;
    line-height: 100%;
    font-family: 'Courier New';
}

.page.page-text .content-with-aside .content iframe {
    max-width: 100%;
}

.gratulalunk-telitalalat {
    color: #b09e27; 
    font-weight: bold;
    font-size: 23px;
    text-align: center;
}

.page.page-text .content-with-aside .content a.more-btn {
    background: #b09e27;
    padding: 10px;
    display: block;
    margin: 0 auto;
    width: 210px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    padding: 5px;
}

.page.page-text .content-with-aside .content a.more-btn:hover {
    text-decoration: none;
}

.page.page-text .content-with-aside .content a.more-btn span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold; 
    color: white;
    background: #b09e27;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    border: solid 2px white;
    display: block;
}

.page.page-text .content-with-aside .content a.more-btn:hover span {
    background: #CFBF56;
}

.page.page-text .content-with-aside .content label + p {
    margin-top: 0px;
    border: solid 1px #ddd;
    padding: 5px 10px;
    border-radius: 3px;
    background: #fafafa;
}

.page.page-text .content-with-aside .content label {
    font-weight: bold;
}

label > span {
    display: inline-block;
    position: relative;
    top: -11px;
}
.page.page-text .content-with-aside .content h1:first-child {
    max-width: 650px;
    text-align: center;
    margin: 0 auto 25px;
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: normal;
    position: relative;
    top: -130px;
    margin-bottom: -30px;
    line-height: 100%;
}
.page.page-text .content-with-aside .content h1:first-child + h2 {
    max-width: 650px;    text-align: center;    
    margin: -115px auto 35px;  
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    font-weight: normal;
    color: #b09e27;
}


form.opened {}
form label {
    display: block;
}
form label +input {
}

/*form input .error-text {*/
form .error-text {
    color: red;
    text-transform: uppercase;
    font-size: 9px;
    margin-top: -25px;
    margin-bottom: 0px;
}

form span + .error-text {
    margin-top: 0;
}




aside .asidebox {
    /* border: 5px double rgba(0,0,0,0.05); */
    padding: 20px;
    background: #b09e27;
    margin-bottom: 50px;
}
aside .asidebox h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1.7;
    text-align: center;
    position: relative;
    margin-top: 0px;
    margin-bottom: 30px;
}
aside .asidebox h3:after {
    content: ' ';
    background: #d6d6d6;
    left: 0;
    right: 0;
    height: 5px;
    display: block;
    top: 9px;
    position: absolute;
    z-index: 1;
    opacity: 0.5;
}
aside .asidebox h3 span {
    background: #b09e27;
    /* display: block; */
    z-index: 2;
    position: relative;
    padding: 0 10px;
    color: white;
}
aside .asidebox ul {
    margin: 0;
    padding: 0;
}
aside .asidebox ul li {
    border-bottom: solid 1px #b7a63c;
    margin-bottom: 15px;
    padding-bottom: 15px;
    list-style-type: none;
}
aside .asidebox ul li:last-child {
    border-bottom: none;
}
aside .asidebox ul li a {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: white;
}

aside .asidebox ul li a .date {
    color: #ddd;
    font-size: 10px;
}
aside .asidebox ul li a:hover {
    text-decoration: none;
}

.mainpage .boxes {}
.mainpage .boxes .box {
    float: left;
    margin-right: 37px;
    margin-top: 40px;
    width: 272px;
    box-sizing: border-box;
    color: #1a3842;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}

.mainpage .boxes .box.handballprogram {
}

.mainpage .boxes .box.handballprogram .back p {
    text-align: center;
}

.mainpage .boxes .box.handballprogram .front {
    background-image: url(/sites/site/static/img/handballprogram.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    background-color: #FFC107;
}

.flipper .front .fejlesztes-alatt {
    background-image: url(../img/fejlesztes-alatt.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    bottom: 10px;
    background-position: center;
}
.mainpage .boxes .box.aukcio {}
.mainpage .boxes .box.aukcio .front h3 {
    color: #1a3842;    font-weight: bold;    position: absolute;    
    top: 10px;    left: 15px;
    margin: 0;
}
.mainpage .boxes .box.sportbarat .front p {
    text-align: center;
    margin-top: 4.5em;
    color: #1a3842;
    font-weight: bold;
}
.mainpage .boxes .box.sportbarat .back p {
    text-align: center;
    margin-top: 4.5em;
    color: #1a3842;
    font-weight: bold;
}
.mainpage .boxes .box.aukcio .front .current {
    background: url(../img/visitor-simple.svg);
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: left center;
    margin: 15px;
    padding-left: 25px;
    position: absolute;
    top: 20px;
}
.countdown.countdown-aukcio.is-countdown {
    background: #b09e27;
    display: inline-block;
    color: white;
    font-weight: bold;
    letter-spacing: 2px;
    /* margin: 15px; */
    padding: 2px 5px;
    position: absolute;
    /* bottom: -5px; */
    /* left: 59px; */
}

.content.aukcio .countdown.countdown-aukcio.is-countdown {
    position: initial;
    margin-bottom: 20px;
}

.flipper .countdown-aukcio {
    bottom: 10px;    
    left: 69px;;
}

.fipper .countdown-aukcio {
    left: 59px;
    bottom: 5px;
}
.countdown {
    background: #b09e27;
    display: inline-block;
    color: white;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 2px 5px;
}
.mainpage .boxes .box.aukcio .front .description {
    color: #1a3842;
    font-weight: bold;
    position: absolute;
    bottom: 70px;
    left: 15px;
}
.mainpage .boxes .box.aukcio .nogame {
    color: #1a3842;    font-weight: bold;    position: absolute;
    top: 50%;
    left: 50%;
    margin: -11px 0 0 -110px;
    text-align: center;
    white-space: nowrap;
}
.mainpage .boxes .box.aukcio .back img {}
.mainpage .boxes .box.tippjatek {}
.mainpage .boxes .box.tippjatek .nogame {
    color: #1a3842;    font-weight: bold;    position: absolute;    
    top: 50%;    
    left: 50%;    
    margin: -11px 0 0 -110px;
    text-align: center;
    white-space: nowrap;
}
.mainpage .boxes .box h3 {
    color: #1a3842;    font-weight: bold;
    white-space: nowrap;
    text-align: left;
    margin: 12px 15px;
}

.mainpage .boxes .box.handballprogram h3 {
    margin-bottom: 30px;
}

.mainpage .boxes h3 .odds {}

.mainpage .boxes .box h3 .odds {}
.mainpage .boxes .box.tippjatek .front {
    text-align: center;
}

.mainpage .boxes .box.tippjatek .front .odds .odds {
    font-size: 10px;
    position: absolute;
    left: 120px;
    top: 100px;
}

.closed.countdown-tippjatek {
    font-size: 12px;
    padding: 0 40px;
}
.mainpage .boxes .box.tippjatek .front .odds .left  {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    padding-top: 0;
}
.mainpage .boxes .box.tippjatek .front .odds .left .name {
    font-size: 12px;
    height: 32px;
    font-weight: bold;
}
.mainpage .boxes .box.tippjatek .front .odds .left .value {
    font-size: 17px;
    background: rgb(176, 158, 39);
    display: inline-block;
    color: white;
    padding: 5px 10px;
    margin-top: 10px;
}
.mainpage .boxes .box.tippjatek .front .odds .right {
    width: 50%;    float: left;    padding: 10px;    box-sizing: border-box;
    text-align: center;
    padding-top: 0;
}
.mainpage .boxes .box.tippjatek .front .odds .right .name {
    font-size: 12px;
    height: 32px;
    font-weight: bold;
}
.mainpage .boxes .box.tippjatek .front .odds .right .value {
    font-size: 17px;
    background: rgb(176, 158, 39);
    display: inline-block;
    color: white;
    padding: 5px 10px;
    margin-top: 10px;
}
.mainpage .boxes .box.tippjatek .front .countdown {
    background: #b09e27;    display: inline-block;    color: white;    font-weight: bold;    letter-spacing: 2px;    
    margin: 5px;    padding: 2px 5px;        
    bottom: 5px;
    position: absolute;
    left: 70px;
}
.mainpage .boxes .box.tippjatek .back {
    padding: 15px;
    box-sizing: border-box;
}
.mainpage .boxes .box.tippjatek .back .left {
    width: 40%;
    float: left;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.mainpage .boxes .box.tippjatek .back .center {
    width: 20%;
    float: left;
    height: 100%;
    display: table;
}
.mainpage .boxes .box.tippjatek .back .center span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
}
.mainpage .boxes .box.tippjatek .back .right {
    width: 40%;
    float: left;
    height: 100%;
    background-size: contain;    background-repeat: no-repeat;    background-position: center;
}
.mainpage .boxes .box.esemenynaptar {
    margin-right: 0;
    background-image: url(../img/flip-calendar.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.mainpage .boxes .box.esemenynaptar .front h3 {
    color: #1a3842;    font-weight: bold;    position: absolute;    top: 10px;    left: 15px;    margin: 0;
}
.mainpage .boxes .box.esemenynaptar .front .name {
    position: absolute;
    left: 15px;
    top: 30px;
    right: 15px;
    font-size: 13px;
}
.mainpage .boxes .box.esemenynaptar .front .datetime {
    position: absolute;    left: 15px;    
    bottom: 0;
    font-size: 13px;
}
.mainpage .boxes .box.esemenynaptar .back img {}
.mainpage .boxes .box.donate {
}
.mainpage .boxes .box.donate .front p {
    height: 167px;
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box;
    margin: 0;
    font-size: 13px;
}
.mainpage .boxes .box.donate .front p:after {
    content: "";
    pointer-events: none;
    position: absolute;
    right: 14px;
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(235, 235, 235, 1));
    background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(235, 235, 235, 1));
    background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(235, 235, 235, 1));
    background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(235, 235, 235, 1));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(235, 235, 235, 1));
    left: 15px;
    bottom: 13px;
    height: 23px;
}
.mainpage .boxes .box.donate .back img {}

/* entire container, keeps perspective */
.flip-container {
    -webkit-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -ms-transform: perspective(1000px);
    -o-transform: perspective(1000px);
    transform: perspective(1000px);
    perspective: 1000;
    z-index: 100;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
    /* transform: perspective(1000px) rotateY(180deg); */
}

.flip-container, .front, .back {
    width: 262px;
    height: 180px;
}

/* flip speed goes here */
.flipper {
    /* transition: 0.6s; */
    /* transform-style: preserve-3d; */

    position: relative;
    z-index: 100;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
    border: 5px double #DDD;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    /* transform: rotateY(0deg); */

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;      
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;      
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1);
    -webkit-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -moz-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -o-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
}

.flip-container:hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);      
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.back {

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;      
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;      
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -moz-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -ms-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -o-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);

    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);      
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.flip-container:hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);      
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.google-play {
    background-image: url(../img/ic-google-play.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    padding-left: 2rem;
}

.app-store {
    background-image: url(../img/ic-app-store.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    padding-left: 2rem;
}

.boxes-2 {}
.boxes-2 .box {
    border: 5px double #DDD;
    width: 262px;
    float: left;
    margin-right: 37px;
    margin-top: 40px;
    position: relative;
	height: 371px;
	overflow: hidden;
}
.boxes-2 .box h3 {
    text-align: center;
    color: #1a3842;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px;
    position: relative;
    z-index: 0;
    margin: 20px;
}
.boxes-2 .box .items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 70%;
    grid-gap: .5em;
    padding: 1em;
}
.boxes-2 .box .items .item {
    padding-bottom: 10%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.boxes-2 .box h3 span {
    position: relative;
    z-index: 1;
    background: rgb(235, 235, 235);
    padding: 0 10px;
}
.boxes-2 .box h3:after{
    background: #d6d6d6;
    height: 5px;
    left: 0;
    right: 0;
    content: ' ';
    position: absolute;
    top: 8px;
}
.boxes-2 .box:nth-child(4) {
    margin-right: 0;
}
.boxes-2 .box form {
    padding: 15px;
    padding-top: 0;
}
form label {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: bold;
    position: relative;
}

form label + p {
    margin-top: -10px;
}
form label + input[type=text],
form label + input[type=password]
{
    display: block;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: solid 1px #ddd;
    /* max-width: 290px; */
    font-size: 13px;
}
form input[type=submit]
{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    background: #b09e27;
    padding: 10px;
    text-align: center;
    position: relative;
    z-index: 1;
    border: solid 2px white;
    display: block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
form input[type=submit]:hover
{
    background: #CFBF56;
}
.boxes-2 form input[type=submit] {
    margin: 0 auto;
}
.boxes-2 a {
    margin: 0 15px;

    display: block;
    color: rgb(26, 56, 66);
    font-size: 12px;
    margin-bottom: 10px;
}
.boxes-2 a:hover {

}


.boxes-2 .usermenu {
    padding: 20px;
    margin-bottom: 50px;
}
.boxes-2 .usermenu h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1.7;
    text-align: center;
    position: relative;
    margin-top: 0px;
    margin-bottom: 30px;
}
.boxes-2 .usermenu h3:after {
}
.boxes-2 .usermenu h3 span {
    /* display: block; */
    z-index: 2;
    position: relative;
    padding: 0 10px;
}
.boxes-2 .usermenu ul {
    margin: 0;
    padding: 0;
}
.boxes-2 .usermenu ul li {
    border-bottom: solid 1px #DDDDDD;
    margin-bottom: 10px;
    padding-bottom: 0px;
    list-style-type: none;
}
.boxes-2 .usermenu ul li:last-child {
    border-bottom: none;
}
.boxes-2 .usermenu ul li a {
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    color: rgb(26, 56, 66);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.boxes-2 .usermenu ul li a:hover {
    text-decoration: none;
}

input[type=checkbox] {
    /* width: 30px; */
    /* height: 30px; */
    outline: 0;
    position: relative;
    top: -5px;
}
input[type=checkbox] + div.newcheckbox, label > .newcheckbox {
    width: 36px;
    height: 30px;
    display: block;
    background-image: url(../img/checkbox.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 35px;
    position: relative;
    display: inline-block;
    margin-left: -23px;
    left: 0;
}
input[type=checkbox] + div.newcheckbox.checked {
    background-position: left -33px;
}
.tippjatek input[type=radio] {
    width: 20px;
    height: 20px;
    position: relative;
    left: 5px;
}
input[type=radio] + div.newradio {
    width: 36px;
    height: 30px;
    display: block;
    background-image: url(../img/checkbox.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 35px;
    position: relative;
    display: inline-block;
    margin-left: -28px;
    left: 1px;
    top: 4px;
}
input[type=radio] + div.newradio.checked {
    background-position: 0px -33px;
    left: 1px;
}

table.tippjatek {
    width: 100%;
}
table.tippjatek tr td {
    text-align: center;
    padding-bottom: 20px;
    vertical-align: bottom;
    /* width: 100px; */
}

table.tippjatek tr td .valasz {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    max-width: 100px;
    display: inline-block;
    min-height: 38px;
}
table.tippjatek tr td table {
    width: 100%;
    table-layout: fixed;
}
table.tippjatek .feltett{
    width: 30px;
    text-align: left;
}
table.tippjatek .feltett div{
    width: 59px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 9px;
    /* margin-bottom: 9px; */
    font-size: 12px;
}
table.tippjatek .feltett input{
    width: 38px;
    text-align: center;
    margin-top: 10px;
    border: solid 1px #ccc;
    padding: 3px;
    outline: 0;
}
table.tippjatek.two-group {
}
table.tippjatek.two-group tr  {}
table.tippjatek.two-group tr td {

}
table.tippjatek.two-group tr td.vs {
    font-size: 40px;
    vertical-align: middle;
}
table.tippjatek tr td .szorzo {
    font-weight: normal;
    padding-bottom: 10px;
}
table.tippjatek tr td .kerdes {
    color: #b09e27;
    font-weight: bold;
    font-size: 23px;
}
table.tippjatek .feltett .error-text {
    display: none;
    position: absolute;
    background: red;
    color: white;
    /* text-align: left; */
    padding: 5px;
    width: 160px;
    margin-left: -48px;
    margin-top: 0px;
}
table.tippjatek .feltett .error-text.show {
    display: block;
}
table.tippjatek .osszes-feltett {
    font-size: 16px !important;
    font-weight: normal !important;
    border: solid 1px #ccc;    
    padding: 3px 0;
    width: 38px !important;
    display: inline-block;
    margin-top: 10px;
    min-height: 21px;
    text-align: center;
}
table.tippjatek .kaphato,
table.tippjatek .osszes-kaphato {
    font-size: 16px !important;    
    font-weight: normal !important;
    border: solid 1px #ccc;
    padding: 3px 0;
    width: 38px !important;
    display: inline-block;
    margin-top: 10px;
    min-height: 21px;
    text-align: center;
}
.error-text.global {
    display: none;
    border: solid 1px red;
    margin: 10px 0;
    padding: 9px 20px;
    font-size: 10px;
    color: black;
    background: #ffaaaa;
    text-transform: uppercase;
    font-weight: bold;
    line-height: normal;
}
.error-text.global.show {
    display: block;
}
.tippjatek .checked {
    width: 36px;
    height: 30px;
    background-image: url(../img/checkbox.svg);
    background-repeat: no-repeat;
    background-position: left -33px;
    background-size: 35px;
    display: inline-block;
    position: relative;
    left: 3px;
}
.tippjatek .notchecked {
    width: 36px;      
    height: 30px;
    background-image: url(../img/checkbox.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 35px;
    display: inline-block;
    position: relative;
    left: 4px;
}
.tippjatek .checkbox-wrong {
    width: 36px;
    height: 30px;
    background-image: url(../img/checkbox-wrong.svg);
    background-repeat: no-repeat;
    background-position: left top;      
    background-size: 29px;
    display: inline-block;
    position: relative;
    left: 4px;
}
.tippjatek .checkbox-right {
    width: 36px;
    height: 30px;
    background-image: url(../img/checkbox-right.svg);      
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 35px;
    display: inline-block;
    position: relative;
    left: 4px;
}

.calendar {}
.calendar h1 {
    background: url(../img/ic-aside-h1-calendar.png) no-repeat right 3px;
}
.calendar table.navigation {
    width: 100%;
}
.calendar table.navigation tr {}
.calendar table.navigation tr td {}
.calendar table.navigation tr td a {
    font-size: 11px;
    color: black;
    text-decoration: none;
    font-weight: 100;
    text-transform: uppercase;
}
.calendar table.navigation tr td:nth-child(1) {
}
.calendar table.navigation tr td:nth-child(2) {
    font-size: 12px;
    text-transform: uppercase;
    color: #b09e27;
    text-align: center;
    font-weight: 100;
}
.calendar table.navigation tr td:nth-child(3) {
    text-align: right;
}
.calendar table.calendar {
    table-layout: fixed;
    width: 100%;
}
.calendar table.calendar thead {
}
.calendar table.calendar thead tr {}
.calendar table.calendar thead tr td {
    text-align: center;
    padding: 20px 5px;
}
.calendar table.calendar tbody {}
.calendar table.calendar tbody tr {}
.calendar table.calendar tbody tr td {
    font-size: 12px;
    text-align: center;
    padding: 1px;
    border: solid 1px rgb(235, 235, 235);
    position: relative;
}
.calendar table.calendar tbody tr td.has-event {
    /* background: url(../img/calendar-bottom-right.png) no-repeat 28px 4px; */
    /* background-size: 13px; */
    /* background: rgb(192, 189, 172); */
}

.calendar table.calendar tbody tr td.has-event a.link-to-date {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.page.page-calendar .calendar table.calendar tbody tr td {
    padding: 18px;
    font-size: 25px;
    font-weight: bold;
}

.page.page-calendar .calendar table.calendar tbody tr td.today {
    color: red;
}
.calendar table.calendar tbody tr td.has-event.has-kiemelt {
    /* background: url(../img/calendar-bottom-right.png) no-repeat 28px 4px; */
    /* background-size: 13px; */
    background: rgb(176, 158, 39);
}
.calendar table.calendar tbody tr td .tooltip {
    background: rgba(0,0,0,0.7);
    padding: 12px;
    border: solid 1px black;
    border-radius: 10px;
    display: none;
}
.calendar table.calendar tbody tr td .tooltip {
    display: none;
}
.calendar table.calendar tbody tr td td {
    position: relative;
}
.calendar table.calendar tbody tr td:hover .tooltip {
    display: block;
    background: black;
    color: white;
    position: absolute;
    width: 260px;
    margin-left: -130px;
    bottom: 26px;
    z-index: 1000;
}

.page.page-calendar .calendar table.calendar tbody tr td:hover .tooltip {
    bottom: 54px;
    margin-left: -87px;
}

.calendar table.calendar tbody tr td .tooltip:after {
    background: url(../img/calendar-tooltip-bottom.png) no-repeat center top;
    content: ' ';
    display: block;
    width: 55px;
    height: 10px;
    position: absolute;
    bottom: -11px;
    left: 117px;
    opacity: 0.8;
}
.calendar table.calendar tbody tr td .tooltip ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.calendar table.calendar tbody tr td .tooltip ul li {
    position: relative;
}
.calendar table.calendar tbody tr td .tooltip ul li.veszprem {
    /* padding-left: 15px; */
}
.calendar table.calendar tbody tr td .tooltip ul li:before {
    content: '•';
    font-size: 30px;
    position: absolute;
    left: 0;
    top: -10px;
}
.page-calendar .calendar table.calendar tbody tr td .tooltip ul li:before {
    left: 0;
    top: -10px;
}
.calendar li.veszprem:before {
    color: red;
}
.calendar table.calendar tbody tr td .tooltip ul li.szeged {
    /* padding-left: 15px; */
}
.calendar li.szeged:before {
    color: #07F;
}
.calendar table.calendar tbody tr td .tooltip ul li.gyor {
    /* padding-left: 15px; */
}
.calendar li.gyor:before {
    color: green;
}
.calendar table.calendar tbody tr td .tooltip ul li.valogatott {
    padding-left: 15px;
}
.calendar li.valogatott:before {
    color: #FFAE00;
}
.calendar table.calendar tbody tr td .tooltip ul li.utazas {
    padding-left: 15px;
}
.calendar li.utazas:before {
    color: magenta;
}
.calendar table.calendar tbody tr td .tooltip ul li.kozossegi {
    padding-left: 15px;
}
.calendar li.kozossegi:before {
    color: yellow;
}
.calendar table.calendar tbody tr td .tooltip ul li.varosi {
    padding-left: 15px;
}
.calendar li.varosi:before {
    color: white;
}

.calendar table.calendar tbody tr td .tooltip ul li a {
    color: white;
    padding: 2px;
    display: block;
    text-align: left;
    text-decoration: none;
    font-size: 11px;
    padding-left: 20px;
}

.calendar table.calendar tbody tr td .tooltip ul li a:hover {
    text-decoration: underline;
}


.flip-container .calendar {
    padding: 10px;
}
.flip-container .calendar h1 {
}
.flip-container .calendar table.navigation {
    /* margin-top: -19px; */
}
.flip-container .calendar table.navigation tr {}
.flip-container .calendar table.navigation tr td {}
.flip-container .calendar table.navigation tr td a {
}
.flip-container .calendar table.navigation tr td:nth-child(1) {
}
.flip-container .calendar table.navigation tr td:nth-child(2) {
}
.flip-container .calendar table.navigation tr td:nth-child(3) {
}
.flip-container .calendar table.calendar {}
.flip-container .calendar table.calendar thead {
    border-bottom: solid 1px rgb(51, 78, 87);
}
.flip-container .calendar table.calendar thead tr {}
.flip-container .calendar table.calendar thead tr td {
    font-size: 10px;
    padding: 5px;
    font-weight: bold;
}
.flip-container .calendar table.calendar tbody {}
.flip-container .calendar table.calendar tbody tr {}
.flip-container .calendar table.calendar tbody tr td {
}

.flip-container .calendar table.calendar tbody tr td.today {
    font-weight: bold;
    /* color: red; */
    /* background-color: white; */
    /* color: white; */
    /* overflow: hidden; */
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.62) inset;
}

.flip-container .calendar table.calendar tbody tr td.today:after {
}
.flip-container .calendar table.calendar tbody tr td.has-event {}
.flip-container .calendar table.calendar tbody tr td.has-event.veszprem {
    background-color: red;
}
.flip-container .calendar table.calendar tbody tr td.has-event.szeged {
    background-color: blue;
    color: white;
}
.flip-container .calendar table.calendar tbody tr td.has-event.gyor {
    background-color: green;
}
.flip-container .calendar table.calendar tbody tr td.has-event.valogatott {
    background-color: black;
    color: white;
}
.flip-container .calendar table.calendar tbody tr td.has-event.utazas {
    background-color: magenta;
}
.flip-container .calendar table.calendar tbody tr td.has-event.kozossegi {
    background-color: yellow;
}
.flip-container .calendar table.calendar tbody tr td.has-event.varosi {
    background-color: white;
}
.flip-container .calendar table.calendar tbody tr td .tooltip {
}
.flip-container .calendar table.calendar tbody tr td .tooltip {
}
.flip-container .calendar table.calendar tbody tr td td {
}
.flip-container .calendar table.calendar tbody tr td:hover .tooltip {
}

.flip-container .calendar table.calendar tbody tr td .tooltip:after {
}
.flip-container .calendar table.calendar tbody tr td .tooltip ul {
}
.flip-container .calendar table.calendar tbody tr td .tooltip ul li {}
.flip-container .calendar table.calendar tbody tr td .tooltip ul li a {
}

.language-selector {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 80px;
    top: -30px;
}
.language-selector li {
    padding: 5px;
    float: left;
}
.language-selector li a {
    width: 20px;
    height: 15px;
    display: block;
    background-repeat: no-repeat;
}
.language-selector li a.hu {
    background-image: url(../img/flag-hu.png);
}
.language-selector li a.en {
    background-image: url(../img/flag-en.png);
}
.language-selector li a.de {
    background-image: url(../img/flag-de.png);
}
.aukcio {}
.aukcio .three-col {
    float: left;
    margin: 0 20px;
    width: 223px;
}
.aukcio .three-col:nth-child(3n) {
    margin-right: 0;
}
.aukcio .three-col:nth-child(3n+1) {
    margin-left: 0;
}
.aukcio .left {}
.aukcio .left .form {}
.aukcio .left .form label {}
.aukcio .left .form input[type=text] {}
.aukcio .left .form input[type=submit] {}
.aukcio .center {}
.aukcio .right {}
input.ft {
    position: relative;
    background: url(../img/ft.svg);
    background-position: right 14px;
    background-size: 17px;
    background-repeat: no-repeat;
    padding-right: 24px !important;
    text-align: right;
}

input.ft:after {
}
.ui-datatable {
    font-size: 13px;
    width: 100%;
    border: solid 1px #ddd;
}
.ui-datatable.first-tbody-row-bold tbody tr:first-child td {
    font-weight: bold;
    color: rgb(176, 158, 39);
}
.ui-datatable thead {
    border-bottom: solid 1px black;
}
.ui-datatable thead tr {}
.ui-datatable thead tr td {
    padding: 5px;
    border: solid 1px #eee;
    /* background: #eee; */
    font-weight: bold;
}
.ui-datatable tbody tr {}
.ui-datatable tbody tr.bold td {
    font-weight: bold;
}
.ui-datatable tbody tr td {
    padding: 5px;
    border: solid 1px #eee;
    background: #fefefe;
}
.ui-datatable tbody tr:nth-child(2n+1) td {
    background: #fafafa;
}
.ui-datatable tbody tr td table {
    width: 100%;
}
.ui-datatable tbody tr td table tr {}
.ui-datatable tbody tr td table tr td {
    background: transparent !important;
    border: none;
}
.ui-datatable tbody tr td table tr td:nth-child(2n) {
    text-align: right;
}
table.form-table {
    width: 100%;
    table-layout: fixed;
}
table.form-table tr {}
table.form-table tr td {
    padding: 0 10px;
}
table.form-table tr td:first-child {
    padding-left: 0;
}
table.form-table tr td:last-child {
    padding-right: 0;
}
table.form-table tr td input[type=text] {
    max-width: inherit;
}

input.error {
    border: solid 1px #F00 !important;
}

.highlighted {
    background: rgb(188, 222, 255);
    border: solid 1px rgb(147, 185, 223);
    padding: 20px;
    padding-top: 0;
}
.highlighted p {}
.highlighted a.more {
    font-size: 16px;    
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF !important;
    background: #b09e27;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    border: solid 2px white;
    display: block;
    transition: all 300ms ease;
    display: inline-block;
    text-decoration: none;
}
.highlighted a.more:hover {
    text-decoration: none;
}
.highlighted a.more span {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    background: #b09e27;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
    border: solid 2px white;
    display: block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.highlighted a.more:hover span {
    text-decoration: none;
    background: #CFBF56;
}

footer {
    background: #3a3a3a;
}
footer .container {
    width: 1200px;
    margin: 0 auto;
}
footer .container .col {
    width: 373px;
    float: left;
    /* background: red; */
    margin-right: 40px;
    min-height: 240px;
    padding-bottom: 20px;
    text-align: center;
}
footer .container .col.col1 {}

footer .container .col.col1 .more {
    font-size: 12px;      text-transform: uppercase;      letter-spacing: 2px;      /* position: absolute; */      /* bottom: 30px; */      /* left: 30px; */      border: solid 1px #DDD;      padding: 4px 8px;      
    /* margin: 0 auto; */      
    width: 110px;      
    display: block;      text-align: center;
    margin-top: 20px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}

footer .container .col.col1 .more:hover {
    text-decoration: none;      border: solid 1px #B09E27;
}
footer .container .col.col1 a.logo {
    display: block;
    width: 160px;
    margin: 20px auto;
}
footer .container .col.col1 a.logo img {
    width: 100%;
}
footer .container .col.col1 p {
    color: #bbbbbb;
    font-size: 13px;
    line-height: 150%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: justify;
}
footer .container .col.col1 ul.social {
    margin: 0;
    padding: 0;
    text-align: center;
}
footer .container .col.col1 ul.social li {
    /* float: left; */
    list-style-type: none;
    margin: 0 10px 10px 0;
    display: inline-block;
}
footer .container .col.col1 ul.social li a {
    width: 40px;
    height: 40px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
}
footer .container .col.col1 ul.social li a.facebook {
    background-image: url(../img/footer-facebook.svg);
}
footer .container .col.col1 ul.social li a.google {
    background-image: url(../img/footer-google.svg);
}
footer .container .col.col1 ul.social li a.twitter {
    background-image: url(../img/footer-twitter.svg);
}
footer .container .col.col1 ul.social li a.instagram {
    background-image: url(../img/footer-instagram.svg);
}
footer .container .col.col1 ul.social li a.youtube {
    background-image: url(../img/footer-youtube.svg);
}
footer .container .col.col2 {
    color: #bbbbbb;    font-size: 13px;    line-height: 150%;    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

footer .container .col.col2 a.more {
    font-size: 12px;        text-transform: uppercase;    letter-spacing: 2px;    
    /* position: absolute; */    
    /* bottom: 30px; */    
    /* left: 30px; */    border: solid 1px #DDD;    padding: 4px 8px;
    margin: 0 auto;
    width: 90px;
    display: block;
    text-align: center;
}

footer .container .col.col2 a.more:hover {
    text-decoration: none;    border: solid 1px #B09E27;
}
footer .container .col.col3 {
    margin-right: 0;
}
footer .container .col.col3 h1 {
    color: #dddddd;
    font-family: 'OPEN Sans', sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 150%;
}

footer .container .col.col2 h1 {
    color: #dddddd;    font-family: 'OPEN Sans', sans-serif;    font-weight: normal;    font-size: 22px;
    line-height: 150%;
}

footer .container .col.col3 h1:after {
    background: url(../img/line-pattern-1.png);    display: block;    width: 100%;    height: 3px;    
    margin-top: 0;    content: '';
    opacity: 0.2;
}

footer .container .col.col2 h1:after {
    background: url(../img/line-pattern-1.png);    display: block;    width: 100%;    height: 3px;    margin-top: 0;    content: '';    opacity: 0.2;
}
footer .container .col.col3 ul {
    margin: 0;
    padding: 0;
}
footer .container .col.col3 ul li {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 17px 60px 0;
}

footer .container .col.col3 ul li:nth-child(4n) {
    margin-right: 0;
}

footer .container .col.col3 ul li a:after {
    background: url(../img/footer-face-mask.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
footer .container .col.col3 ul li img {}
footer .container .col.col3 ul li .name {
    color: #bbbbbb;
    font-size: 10px;
    text-align: center;
    margin-top: 10px;
}
.content-overlay-login {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.blink {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;

    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out; 

    -moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;

    -ms-animation-direction: normal;
    -ms-animation-duration: 2s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-name: blink;
    -ms-animation-timing-function: ease-in-out;

    -o-animation-direction: normal;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-name: blink;
    -o-animation-timing-function: ease-in-out;

    animation-direction: normal;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: blink;
    animation-timing-function: ease-in-out;
}







.post-most-viewed {
    float: left;
    display: block;
    width: 262px;
    height: 180px;
    margin-right: 50px;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}


.post-most-viewed-front {
    position: absolute;
    top: auto;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -moz-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -ms-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -o-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);

    width: 252px;
    height: 170px;
    border: 5px double #DDD;
    border: 5px double rgba(0,0,0,0.07);
    z-index: 2;
}

.post-most-viewed-back {
    position: absolute;
    top: auto;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -moz-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -ms-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -o-transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    transition: all 500ms cubic-bezier(0.5, 0.9, 0.3, 1.3);



    width: 262px;
    height: 180px;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

/*.post-most-viewed-front, .post-most-viewed-back {
}*/

.post-most-viewed:hover .post-most-viewed-front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.post-most-viewed:hover .post-most-viewed-back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

a.share-facebook {
    background: #3b5998;
    height: 30px;
    display: inline-block;
    background-image: url(../img/ic-facebook.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 28px 5px;
    position: relative;
    margin-bottom: 5px;
    width: 110px;
}
a.share-facebook span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 43px;
    background: white;
    border: 1px solid rgba(0,0,0,0.07);
    border-left: none;
    font-size: 12px;
    color: #999;
    text-align: center;
    padding: 3px 0;
}
a.share-facebook span:after {
    content: ' ';
    display: block;
    width: 0px;
    height: 0px;
    border-color: transparent white transparent transparent;
    border-width: 8px;
    position: absolute;
    left: -16px;
    top: 7px;
    border-style: solid;
}

nav.oldalterkep {}
nav.oldalterkep ul {}
nav.oldalterkep ul li {}
nav.oldalterkep ul li a {}
nav.oldalterkep ul li a .line-1 {}
nav.oldalterkep ul li a .line-2 {
    display: none;
}

.top .container li form {
    position: absolute;    
    /* float: right; */    
    top: 0px;
    right: 0;
    width: 30px;    
    height: 34px;   
    overflow: hidden;
    background: #b09e27;
    z-index: 7;
    -webkit-transition: all 300ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -moz-transition: all 300ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -ms-transition: all 300ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    -o-transition: all 300ms cubic-bezier(0.5, 0.9, 0.3, 1.3);
    transition: all 300ms cubic-bezier(0.5, 0.9, 0.3, 1.3);

    background-image: url(../img/search.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 6px 7px;
    margin-right: 20px;
}
.top .container li form input[type=text] {
    outline: 0;
    border: 0;
    font-size: 12px;
    padding: 9px;
    background: transparent;
    float: left;
    margin-left: 30px;
    color: white;
}
.top .container li form input[type=submit] {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border: 0;
}
.top .container li form.opened {
    width: 200px;
}

.top .container li form input::-webkit-input-placeholder {
    color:    #ccc !important;
}
.top .container li form input:-moz-placeholder {
    color:    #ccc !important;
}
.top .container li form input::-moz-placeholder {
    color:    #ccc !important;
}
.top .container li form input:-ms-input-placeholder {
    color:    #ccc !important;
}

ul.search {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.search li {
    border-bottom: dotted 1px #ccc;
    padding: 10px;
}
ul.search li a {
    position: relative;
    display: block;
    padding-right: 130px;
}
ul.search li a span {
    position: absolute;
    width: 100px;
    font-size: 9px;
    text-transform: uppercase;
    color: #ccc;
    right: 0;
    text-align: right;
}
ul.search li:last-child {}

.boxes-2 .box iframe {
    width: 248px;
    height: 272px;
}

header.ad .ad-1200x200 {
    padding: 10px 0;
}

.ad-222x300 a {
    margin: 0;
}
.ad-222x300 .cbnr-222x300 {
    margin-bottom: 10px;
}
aside .ad-300x400 {
    margin-bottom: 50px;
}

.top .container .social {
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
}
.top .container .social li {
    padding: 0;
    margin: 0;
}
.top .container .social li a {
    display: block;
    width: 16px;
    height: 16px;
    -webkit-transition: all 125ms linear;
    -moz-transition: background-color 125ms linear;
    -ms-transition: background-color 125ms linear;  
    -o-transition: background-color 125ms linear;
    transition: all 125ms linear;
}

.top .container .social li a.textlink {
    width: auto;
    padding: 9px 20px;
}

.top .container .social li a:before {
    background-size: 18px; 
    background-position: center;
    background-repeat: no-repeat;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.top .container .social li a.facebook:before {
    background-image: url(../img/ic-top-facebook.svg);
}
.top .container .social li a.instagram:before {
    background-image: url(../img/ic-top-instagram.svg);
}
.top .container .social li a.youtube:before {
    background-image: url(../img/ic-top-youtube.svg);
}
.top .container .social li a.rss:before {
    background-image: url(../img/ic-top-rss.svg);
}

.top .container .social li a:before {
    content: '';
}

.top .container .social li a:hover {
    box-shadow: 0 20px 0 #B09E27 inset, 0 -20px 0 #B09E27 inset;
}
.top .container .social li a.facebook {
    background-image: url(../img/ic-top-facebook.svg);
}
.top .container .social li a.instagram {
}

.top .container .social li a.instagram:before {
}

.top .container .social li a.instagram:after {}
.top .container .social li a.youtube {
    background-image: url(../img/ic-top-youtube.svg);
}
.top .container .social li a.google-plus {}
.top .container .social li a.rss {
    background-image: url(../img/ic-top-rss.svg);
}


.page .content-with-aside .varos-items {}
.page .content-with-aside .varos-items .item {
    background-color: #f6f6f6;
    padding: 20px;
    margin-bottom: 40px;
    /* border-bottom: solid 1px #ccc; */
}
.page .content-with-aside .varos-items .item img {
    float: left;
    margin-right: 20px;
}
.page .content-with-aside .varos-items .item .description {
    font-size: 14px;
    margin-top: 20px;
}
.page .content-with-aside .varos-items .item ul {
    float: left;
    width: 411px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.page .content-with-aside .varos-items .item ul li {
    padding: 5px 0;
    border-bottom: dotted 1px #aaa;
    font-size: 14px;
}

.page .content-with-aside .varos-items .item ul li.name {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 0;
    padding-bottom: 17px;
}
.page .content-with-aside .varos-items .item ul li span {
    float: right;
}


.calendar ul.dots {
    position: absolute;
    top: 0;
    left: 10px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.calendar ul.dots li {
    float: left;
    padding: 0 2px;
}
.calendar.help ul.dots li {
    display: inline-block;
    float: none;
    margin-right: 2em;
    font-size: 0.8em;
    text-transform: uppercase;
}
.calendar.help ul.dots li:before {
    font-size: 30px;
    position: relative;
    top: 0.25em;
    margin-right: 0.2em;
}
.calendar.help ul.dots li.kiemelt:before {
    top: 0.1em;
    margin-right: 0.3em;
}
.calendar.help {
    margin-top: -1.7em;
}
.calendar ul.dots li:before {
    content: '•';
    font-size: 23px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.47);
}

.calendar ul.dots li.kiemelt:before {
    width: 10px;
    height: 10px;
    background: #B09E27;
    display: block;
    float: left;
    position: relative;
    top: 6px;
    left: -2px;
    margin-right: 3px;
    content: '';
}

a.simple-button {
    font-size: 16px;      text-transform: uppercase;      font-weight: bold;      
    color: #FFF !important;      background: #B09E27;      padding: 10px;      text-align: center;      position: relative;      z-index: 1;      border: solid 2px #FFF;      display: block;      -webkit-transition: all 300ms ease;      -moz-transition: all 300ms ease;      -ms-transition: all 300ms ease;      -o-transition: all 300ms ease;      transition: all 300ms ease;
    text-decoration: none !important;
}

a.simple-button:hover {
    background-color: #CFBF56;
}

a.login-with-facebook {
    background-color: #3B5A9A;      color: #FFF !important;      padding: 10px;      background-image: url(../img/footer-facebook.svg);
    background-repeat: no-repeat;
    background-size: 27px;
    background-position: left center;
    padding-left: 30px;
    margin-left: 15px;
}

a.login-with-facebook:hover {
    text-decoration: none !important;
}

.facebook-login-container {
    position: absolute;
    right: 50px;
    bottom: 60px;
}


.page.page-webshop {}

.page.page-webshop:after {
    clear: both;
    content: '';
    display: block;
}

.page.page-webshop > .left {
    width: 850px;
    float: left;
    /* background-color: red; */
}

.page.page-webshop > .right {
    width: 300px;
    float: left;
    /* background-color: green; */
    min-height: 50px;
    margin-left: 50px;
    margin-top: 40px;
}

.page > .right .cart {
    border: 5px double rgba(0, 0, 0, 0.05);
    padding: 20px;
}

.page> .right .cart a.btn-order {
    font-size: 16px;      text-transform: uppercase;      font-weight: bold;      color: #FFF;      background: #B09E27;      padding: 10px;      text-align: center;      position: relative;      z-index: 1;      border: solid 2px #FFF;      display: block;      -webkit-transition: all 300ms ease;      -moz-transition: all 300ms ease;      -ms-transition: all 300ms ease;      -o-transition: all 300ms ease;      transition: all 300ms ease;
    margin-top: 10px;
}

.page> .right .cart a.btn-order:hover {
    background: #CFBF56;
    text-decoration: none;
}

.page> .right .cart table .count {
    float: left;
    font-size: 14px;
    border: solid 1px #ccc;
    background-color: white;
    padding: 2px 2px;
    border-radius: 3px;
    width: 32px;
    text-align: center;
}

.page> .right .cart table .inc {
    font-size: 24px;      color: #AAA;      float: left;
    margin-top: -4px;
    margin-left: 8px;
}

.page> .right .cart table .inc:hover {
    text-decoration: none;
}

.page > .right .cart table .dec {
    font-size: 24px;
    color: #aaa;
    float: left;
    margin-top: -3px;
    margin-right: 9px;
}

.page > .right .cart table .dec:hover {
    text-decoration: none;
}

.page > .right .cart table tr td {
    font-size: 13px;
    color: #252525;
    vertical-align: middle;
}

.page > .right .cart table tr {}

.page > .right .cart table {
    width: 100%;
    font-size: 13px;
    border-bottom: solid 1px #ccc;
}

.page > .right .cart .name {
    color: #B09E27;
    font-size: 14px;
    padding-top: 16px;
    display: block;
    padding-bottom: 3px;
}

.page > .right .cart h3 span {
    background: #EBEBEB;      z-index: 2;      position: relative;      padding: 0 10px;                                                      
}

.page > .right .cart h3 {
    font-family: 'Roboto Slab', serif;      font-size: 16px;      font-weight: normal;      text-transform: uppercase;      letter-spacing: 1.7;      text-align: center;      position: relative;      margin-top: 0px;      
    margin-bottom: 0px;
}

.page > .right .cart h3:after {
    content: ' ';      background: #D6D6D6;      left: 0;      right: 0;      height: 5px;      display: block;      top: 9px;      position: absolute;      z-index: 1;      opacity: 0.5;
}

.page > .right cart {}

.page-webshop h1 {
    max-width: 650px;      text-align: center;      margin: 0 auto 25px;      font-family: 'Roboto Slab', serif;      font-size: 36px;      font-weight: normal;
    margin-top: 30px;
    margin-bottom: 40px;
}

.product-list {}

.product-list .item:nth-child(3n) {
    margin-right: 0;
}

.product-list .item {
    border: solid 1px white;
    margin: 0 50px 50px 0;
    width: 248px;
    float: left;
}

.product-list .item .footer .right {
    position: absolute;      
    right: 0;      top: 0;      height: 50px;            width: 50%;
}

.product-list .item .footer .right a.tocart {
    background-image: url(../img/cart.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    position: absolute;
    display: block;
    text-indent: -10000px;
    width: 50px;
    height: 50px;
    right: 10px;
}

.product-list .item .footer .left {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    display: table;
    width: 50%;
}

.product-list .item .footer .left .container {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
}

.product-list .item .footer .left .container .discount-price {
    font-weight: bold;
    margin-top: -5px;
}

.product-list .item .footer .left .container .original-price.discounted {
    color: #888;
    text-decoration: line-through;
    font-size: 13px;
}

.product-list .item .footer .left .container .original-price {}

.product-list .item .footer {
    background-color: white;
    height: 50px;
    position: relative;
}

.product-list .item .img {
    width: 248px;
    height: 248px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.product-list .item .title {
    background-color: white;
    height: 55px;
    display: table;
    width: 100%;
}

.product-list .item .title a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.product-list:after {
    clear: both;
    content: '';
    display: block;
}

.page-webshop-product {
    padding-top: 50px;
    padding-bottom: 50px;
}

.page-webshop-product .content {
    font-size: 14px;
    line-height: 150%;
}

.page-webshop-product:after {
    content: '';
    clear: both;
    display: block;
}

.page-webshop-megrendeles {
    padding-top: 60px;
    padding-bottom: 60px;
}

.page-webshop-megrendeles input[type=radio] {
    width: auto;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.page-webshop-megrendeles label {
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
}

.page-webshop-megrendeles p.input {
    display: block;      width: 100%;      box-sizing: border-box;      padding: 10px;      font-size: 14px;      border: solid 1px #CCC;      margin-bottom: 20px;
    background-color: white;
}

.page-webshop-megrendeles p.textarea {
    width: 100%;      display: block;      box-sizing: border-box;      padding: 10px;      font-size: 14px;      border: solid 1px #CCC;      margin-bottom: 20px;
    background-color: white;
}

.page-webshop-megrendeles p.info {}

.page-webshop-megrendeles input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    font-size: 14px;
    border: solid 1px #ccc;
    margin-bottom: 20px;
}

.page-webshop-megrendeles input.error {
    background-color: #ffdddd;
    box-shadow: 0px 0px 11px rgba(255, 0, 0, 0.25) inset;
}

.page-webshop-megrendeles input[type=submit]:hover {
    background: #CFBF56;      text-decoration: none;
}

.page-webshop-megrendeles input[type=submit] {
    font-size: 16px;      text-transform: uppercase;      font-weight: bold;      color: #FFF;      background: #B09E27;      
    padding: 10px 30px;      text-align: center;      position: relative;      z-index: 1;      border: solid 2px #FFF;      display: block;      -webkit-transition: all 300ms ease;      -moz-transition: all 300ms ease;      -ms-transition: all 300ms ease;      -o-transition: all 300ms ease;      transition: all 300ms ease;      margin-top: 10px;
    width: auto;
    /* position: fixed; */
    /* right: 0; */
    display: inline-block;
}

.page-webshop-megrendeles .adatok table tr td:last-child {
    padding-right: 0;
}

.page-webshop-megrendeles .adatok table tr td:first-child {
    padding-left: 0;
}

.page-webshop-megrendeles table tr td {
    padding: 0 10px;
    vertical-align: top;
}

.page-webshop-megrendeles table {
    width: 100%;
    table-layout: fixed;
}

label.required:after {
    content: '*';
    color: red;
    padding-left: 4px;
}

label.required {}

.page-webshop-megrendeles .adatok:after {
    clear: both;
    display: block;
    content: '';
}

.page-webshop-megrendeles .adatok .right {
    width: 50%;      
    padding-left: 25px;
    box-sizing: border-box;
    float: left;
}

.page-webshop-megrendeles .adatok .left {
    width: 50%;
    padding-right: 25px;
    box-sizing: border-box;
    float: left;
}

.page-webshop-megrendeles .content {
    background-color: white;
    padding: 50px;
}

.page-webshop-megrendeles textarea {
    width: 100%;
    display: block;            box-sizing: border-box;      padding: 10px;      font-size: 14px;      border: solid 1px #CCC;      margin-bottom: 20px;
}

.page-webshop-megrendeles > h1 {
    max-width: 650px;      text-align: center;      margin: 0 auto 25px;      font-family: 'Roboto Slab', serif;      font-size: 36px;      font-weight: normal;      position: relative;      
    /* top: -130px; */      
    margin-bottom: 50px;      line-height: 100%;
}

.page-webshop-megrendeles h2 {
    max-width: 650px;                  font-family: 'Roboto Slab', serif;      
    font-size: 22px;      font-weight: normal;      position: relative;      /* top: -130px; */            line-height: 100%;
}

.order-cart-container {}

.order-cart-container table {
    width: 100%;
}

.order-history {
    border: 5px double rgba(0, 0, 0, 0.05);      padding: 20px;
}

.order-history h3 {
    font-family: 'Roboto Slab', serif;      font-size: 16px;      font-weight: normal;      text-transform: uppercase;      letter-spacing: 1.7;      text-align: center;      position: relative;      margin-top: 0px;      margin-bottom: 0px;
}

.order-history h3:after {
    content: ' ';      background: #D6D6D6;      left: 0;      right: 0;      height: 5px;      display: block;      top: 9px;      position: absolute;      z-index: 1;      opacity: 0.5;
}

.order-history h3 span {
    background: #EBEBEB;      z-index: 2;      position: relative;      padding: 0 10px;
}

.order-history ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.order-history ul li {
    border-bottom: solid 1px #ddd;
    font-size: 14px;
    padding: 7px 0;
}

.order-history ul li:last-child {
    border-bottom: 0;
}

.order-history ul li a {
    color: #B09E27;
}

.order-history ul li .items {
    font-size: 11px;
}

a.start-pay {
    font-size: 16px;      text-transform: uppercase;      font-weight: bold;      color: #FFF;      background: #B09E27;      padding: 10px 30px;      text-align: center;      position: relative;      z-index: 1;      border: solid 2px #FFF;      display: block;      -webkit-transition: all 300ms ease;      -moz-transition: all 300ms ease;      -ms-transition: all 300ms ease;      -o-transition: all 300ms ease;      transition: all 300ms ease;      margin-top: 10px;      width: auto;      /* position: fixed; */      /* right: 0; */      display: inline-block;
}

blockquote {
    background-color: #F5F5F5;
    padding: 10px 31px;
    font-style: italic;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.12);
}

.page.page-text .content-with-aside .content ul.language-selector + h1 {
    max-width: 650px;
    text-align: center;
    margin: 0 auto 25px;
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: normal;
    position: relative;
    top: -130px;
    margin-bottom: -30px;
    line-height: 100%;
}

.page.page-text .content-with-aside .content > .share-facebook {
    position: absolute;
    top: -50px;
    right: 0;
}

table.tippjatek .feltett .max-felteheto {
    font-size: 9px;
    color: #aaa;
}

.page-video-gallery-list {}
.page-video-gallery-list .content {
    float: right;
    width: 850px;
    min-height: 10px;
    padding: 50px 0 0;
}
.page-video-gallery-list .content h1 {
    max-width: 650px;
    text-align: center;
    margin: 0 auto 25px;
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: normal;
}
.page-video-gallery-list .content h2 {
    max-width: 650px;
    text-align: center;
    margin: -25px auto 25px;
    font-family: 'Roboto Slab', serif;
    font-size: 22px;
    font-weight: normal;
    color: #b09e27;
}
.page-video-gallery-list .content .item {
    background: white;  
    width: 250px;  float: left;  margin-right: 50px;  margin-bottom: 50px;  
    height: 307px;  position: relative;
}

.page-video-gallery-list .content .item a.image {
    width: 100%;
    padding-bottom: 72%;
    display: block;
}

.page-video-gallery-list .content .item a + .title {
    padding: 10px 30px;      font-size: 11px;
}
.page-video-gallery-list .content .item:nth-child(3n) {
    margin-right: 0;
}
.page-video-gallery-list .content .item .content {
    height: 245px;  overflow: hidden;
    width: auto;
    padding: 0;
    position: relative;
}
.page-video-gallery-list .content .item .content:hover {
    text-decoration: none;
}
.page-video-gallery-list .content .item .content img {
    width: 250px;
    height: 180px;
}
.page-video-gallery-list .content .item .content .title {
    font-weight: bold;  color: #1a3842;  font-size: 17px;  padding: 10px 30px;
}
.page-video-gallery-list .content .item .content:after {
    content: "";  pointer-events: none;  position: absolute;  right: 30px;  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));  background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));  background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));  background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));  left: 30px;  
    bottom: 0;  height: 23px;
}
.page-video-gallery-list .content .item a.more {
    font-size: 12px;  color: #1A3842;  text-transform: uppercase;  letter-spacing: 2px;  position: absolute;  bottom: 30px;  left: 30px;  border: solid 1px #dddddd;  padding: 4px 8px;
}
.page-video-gallery-list .content .item .date {
    position: absolute;
    right: 10px;
    bottom: 8px;
    font-size: 12px;
    color: #848484;
}

.page-video-gallery-list .content .item a.more:hover {
    text-decoration: none;
    border: solid 1px #b09e27;
}
.page-video-gallery-list .content + aside {
    float: right;  width: 300px;  margin-right: 50px;  padding: 50px 0 0;
}


.page-video-gallery {}
.page-video-gallery h1 {
    max-width: 650px;
    text-align: center;
    margin: 0 auto 25px;
    font-family: 'Roboto Slab', serif;
    font-size: 36px;
    font-weight: normal;
}
.page-video-gallery .content-with-aside {}
.page-video-gallery .content-with-aside .content {
    background: white;  
    padding: 30px 50px 7px;  position: relative;
}
.page-video-gallery .content-with-aside .content .inner-content {
    padding-right: 170px;
}
.page-video-gallery .content-with-aside .content .inner-content a {
    margin-right: 40px;
    margin-bottom: 40px;
    display: block;
    float: left;
    width: 166px;
    height: 120px;
}

.page-video-gallery .content-with-aside .content .inner-content a:nth-child(9n-2) {
    margin-right: 0;
}
.page-video-gallery .content-with-aside .content .inner-content a:nth-child(3n) {
    margin-right: 0;
}
.page-video-gallery .content-with-aside .content .inner-content a img {
    width: 166px;
    height: 120px;
}
.page-video-gallery .content-with-aside .content aside {
    float: left;
    width: 120px;
    min-height: 100px;
    position: absolute;
    right: 50px;
    top: 50px;
    bottom: 50px;
}
.page-video-gallery .content-with-aside .content aside #floating-panel{
    width: 120px;
}
.page-video-gallery .content-with-aside .article-footer {}

.szechenyi2020 {
    background-image: url(../img/szechenyi2020infoblokk_also.png);
    width: 214px;
    height: 150px;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 1000;
}

a.instagram-cover-button {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.page.page-text .content-with-aside .content label input[type=checkbox] {
    position: relative;
    top: 2px;
}



.block-tamogasd-a-munkankat {
    padding: 11em 0;
    background-image: url(../img/block-tamogasd-bg.jpg);
    background-repeat: no-repeat;
    background-position: -5em bottom;
    background-size: 50% auto
}
@media only screen and (max-width: 500px) {
    .block-tamogasd-a-munkankat {
        padding: 2em 0;
        background-image: none
    }
}
.block-tamogasd-a-munkankat .center-container .content {
    padding-left: 50%
}
@media only screen and (max-width: 500px) {
    .block-tamogasd-a-munkankat .center-container .content {
        padding-left: initial
    }
}
.block-tamogasd-a-munkankat .center-container .content h1 {
    font-size: 4em;
    font-weight: 300
}
.block-tamogasd-a-munkankat .center-container .content>* {
    font-size: 1.6em;
    font-weight: 300
}
.block-tamogasd-a-munkankat .center-container .content a.button {
    color: white;
    font-weight: 500;
    font-size: 1.1em;
    text-decoration: none;
    border: solid 1px transparent;
    padding: 1em 6em;
    display: inline-block;
    text-transform: uppercase;
    border-radius: .3em;
    transition: all 300ms ease;
    background-color: #7af000;
    margin-top: 1em
}
.block-tamogasd-a-munkankat .center-container .content a.button:hover {
    background-color: #60bd00
}


.text-content2 {
    padding: 4em 0;
    font-size: .6em;
}
.text-content2>* {
    font-size: 1.5em
}
.text-content2 h1 {
    font-size: 3em;
    margin: 1em 0 2em
}
.text-content2 h2 {
    margin: 2em 0 1em
}
.text-content2 p.center {
    text-align: center
}
.text-content2 .cols {
    display: flex;
    justify-content: space-between
}
.text-content2 .cols .col {
    flex: 0 0 45%
}
.gray {
	border: solid 1px #ddd;
	margin-top: 1em;
	padding: 1em;
	background-color: #eee;
	p {
		font-weight: bold;
	}
}
.text-content2 label {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .8em;
    margin-top: 1.3em;
    margin-bottom: .2em
}
.text-content2 input[type=text],
.text-content2 input[type=number] {
    padding: .5em;
    border: solid 1px #ccc;
    width: 100%;
    display: block;
    box-sizing: border-box
}
.text-content2 input[type=text]:focus,
.text-content2 input[type=number]:focus {
    outline: 0
}
.text-content2 input[type=text].error,
.text-content2 input[type=number].error {
    border-right: solid 1em red;
    border-bottom: solid 1px red
}
.text-content2 .field-response.error {
    color: red;
    padding: 1em 0;
    font-size: .8em;
    font-weight: bold
}
.text-content2 select {
    width: 100%;
    box-sizing: border-box;
    padding: .5em;
    border: solid 1px #ccc
}
.text-content2 input[type=submit] {
    background-image: url(../img/simplepay_horizontal_01.svg);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 1em center;
    padding: 1.3em;
    padding-left: 14em;
    color: #ed234d;
    background-color: #fafafa;
    border: solid 1px #ccc;
    font-weight: bold;
    margin: 3em 0
}

.text-content2 form input[type=submit]:hover {
    background-color: #ededed;
    background-image: url(../img/simplepay_horizontal_01.svg);
    background-size: auto 50%;
    background-repeat: no-repeat;
    background-position: 1em center;
}
.text-content2 .global-message.error {
    color: red;
    font-weight: bold;
    padding: 1em 0;
    text-align: center
}

#custom-handle {
    width: 6em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
    background-color: #feba12;
    font-weight: 600;
    font-size: 1em;
    &:focus {
        color: black;
        outline: 0;
    }
}
.ui-widget.ui-widget-content {
    border: none;
}
.ui-slider {
    margin-top: 1em;
    background: #0283c7;
    
}
.ui-state-active {
    color: black;
}