/*** bootstrap overwrites ***/
.container { 
    max-width: 1280px !important;
}
.btn {
    border-radius: 0px;
}

.btn-custom-dark {
    background-color: #191818;
    color: white;
}

.btn-custom-dark:hover {
    background-color: #01c0f4;
    color: white;
}
/******/

/*** grecaptcha overwrites ***/
.grecaptcha-badge { 
    bottom:70px !important; 
}
/******/
.bg-black{
    background-color: #191818;
}

.text-black{
    color: #191818;
}

body {
    font-family: 'PT Sans', Arial, sans-serif;
    font-size: 18px;
    color: #191818;
    background: url(/img/main-bg.png) 0 0 repeat;
}

.sidebar{width: 290px;}

a:hover{
    color:#04d4f8;
    cursor:pointer;
    text-decoration: none;
}
.text-lightblue {
    color: #01c0f4;
}
#app {
    position: relative;
}
.header {
    position: sticky;
    top: 0;
    z-index: 1071;
    background: #000 url(/img/pattern.png) top left repeat;
    color: #FFF;
    font-family: 'Lato';
}
.header .title a {
    font-family: 'Lato';
    font-weight: bold;
    color: #FFF;
}
.header .back-btn{
    height: 50px;

    width: 50px;

    background: #000;

    border: 0;

    color: white;
    padding: 14px;
    outline : none;
}
#left-menu {
    position: fixed;
    top: 50;
    left: 0;
    background: #01c0f4;
    z-index: 10;
}
#user-menu {
    position: fixed;
    top: 50;
    right: 0;
    background: #01c0f4;
    z-index: 10;
}
#left-menu ul , #user-menu ul{
    padding: 10px;
}
#left-menu li a, #user-menu li a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
}
#left-menu li a:hover, #user-menu li a:hover {
    color: #000;
    text-decoration: none;
}

#left-menu li, #user-menu li
{
    padding: 7px 10px;
    line-height: 18px;
    color: #191818;
    font-size: 16px;
}

.header .menu-btn {
    height: 50px;
    width: 50px;
    background: #000;
    border: 0;
    outline : none;
    color: white;
}

.search-form input {
    border: 1px solid gray;
    width: 120px;
    height: 22px;
    padding: 1px 3px;
    font-size: 16px;
}

.footer {
    background: #000 url(/img/pattern.png) top left repeat;
    color: white;
}
.footer a, .footer span {
    font-size: 14px;
    color: white;
}

.cart-timer{background:black; color:#fff; font-size:16px; font-weight:bold; padding:4px 12px; display:none;}


/* RÉGIBŐL  */

/*.main-container{float:left;width:1280px;}*/
.main-container p{margin:10px 0;}
.main-container .articles{margin:10px 0; position:relative; padding:0px 0px 30px 0px;}
.main-container .articles .artic{position:relative;width:300px;height:300px;margin-bottom:20px;background-position:center center;background-repeat:no-repeat;background-size:cover;float:left;}
.main-container .articles .artic:hover .desc{display:block;cursor:pointer;}
.main-container .articles .artic.main{background-image: url(/img/madeinpecs.png);background-size:auto;}
.main-container .articles .artic a{display:block;}
.main-container .articles .artic .cat{position:absolute;top:0;left:0;z-index:1;display:block;}
.main-container .articles .artic .price{position:absolute;top:0;right:0;background:#FFF;color:#191818;font-size:14px;padding:2px 5px;}
.main-container .articles .artic .title{position:absolute;line-height:30px;width:300px;height:300px;}
.main-container .articles .artic .title span{background:#FFF;padding:0 2px;color:#191818;}
.main-container .articles .artic .title .poz1{position:absolute;top:30px;left:10px;}
.main-container .articles .artic .title .poz2{position:absolute;top:30px;right:10px;text-align:right;}
.main-container .articles .artic .title .poz3{position:absolute;bottom:10px;right:10px;text-align:right;}
.main-container .articles .artic .title .poz4{position:absolute;bottom:10px;left:10px;}
.main-container .articles .artic .desc{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.8);color:#FFF;padding:5px;font-size:14px;display:none;}
.main-container .articles .artic.double{width:620px;height:300px;}
.main-container .articles .artic.triple{width:940px;height:300px;}
.main-container .articles .artic.square{width:620px;height:620px;}
.main-container .articles .artic .title.double{width:620px;height:300px;}
.main-container .articles .artic .title.triple{width:940px;height:300px;}
.main-container .articles .artic .title.square{width:620px;height:620px;}
.main-container .articles .artic .cover{position:absolute;top:0;left:0;z-index:1;cursor:pointer;}
.main-container .loadmore{cursor:pointer;}

.main-container .artic-with-content{
  display: block;
  padding: 15px;
  color: black;
}

.sidebar .title {
    background: #191818;
    color: #FFF;
    text-transform: uppercase;
    padding: 12px 20px;
    width: 100%;
    display: block;
    font-size: 20px;
    border-radius: 2px 2px 0 0;
}

.center {
    width: 1540px;
    margin: auto;
    left: 0;
    right: 0;
}

.content {
    float: left;
    width: 1280px;
}

.sidebar {
    float: right;
    width: 260px;
    padding: 10px 0;
    font-family: 'Lato';
    min-height: 700px;
}
.content .nobg{background:none !important;}
.content .cikk{position:relative;margin:10px 20px 10px 0;background: #FFF;}
.content .cikk .cikk-center{width:620px;left:0;right:0;margin:auto;}
.content .cikk .banner{width:100%;text-align:center;overflow:hidden;}
.content .cikk .kep{position:relative;line-height:1;}
.content .cikk .kep img{width:100%;}
.content .cikk .title{}
.content .cikk .title span{background:#FFF;color:#000;font-size:40px;padding:0 5px; line-height:50px;}

.content .cikk .title .poz1{position:absolute;top:30px;left:10px;}
.content .cikk .title .poz2{position:absolute;top:30px;right:10px;text-align:right;}
.content .cikk .title .poz3{position:absolute;bottom:10px;right:10px;text-align:right;}
.content .cikk .title .poz4{position:absolute;bottom:10px;left:10px;}

.content .cikk .author{text-align:right;font-size:14px;margin-top:-1px;}
.content .cikk .author a{margin:0 0 0 10px;}
.content .cikk .desc{font-weight:bold;margin:10px 0;}
.content .cikk .social{margin:30px 0;}
.content .cikk .social span{background:#191818;color:#FFF;font-size:14px;border-radius:10px;padding:0 10px 2px 10px;line-height:1;vertical-align:middle;}
.content .cikk .social a{color:#191818;font-size:30px;vertical-align:middle;}
.content .cikk .social a:hover{color:#04d4f8;}
.content .cikk .border .line{border:2px solid #191818;height:0;margin:-30px 0 30px 60px;}
.content .cikk .ajanlo{height:200px;margin:40px 0;}
.content .cikk .artic{width:200px;height:200px;position:relative;margin:0 10px 0 0;background-position:center center;background-repeat:no-repeat;background-size:cover;float:left;}
.content .cikk .artic:last-child{margin-right:0;}
.content .cikk .artic .cat{position:absolute;top:0;left:0;}
.content .cikk .artic .tit{position:absolute;bottom:5px;left:5px;}
.content .cikk .artic .tit span{font-size:14px;background:#FFF;}
.content .cikk .artic a{position:absolute;width:200px;height:200px;display:block;}

.content .esemeny .title{width:620px;position:absolute;left:0;right:0;bottom:20px;top:auto;margin:0 auto;}
.content .esemeny .helyszin{font-size:32px;line-height:24px;margin:20px 0;float:left;}
.content .esemeny .helyszin span{font-size:16px;color:#9f9d9d;}
.content .esemeny .idopont{font-size:32px;line-height:22px;margin:20px 0;text-align:right;float:right;}
.content .esemeny .idopont span{font-size:16px;color:#9f9d9d;line-height:8px;}
.content .esemeny .jegyek table.termekek{width:100%;}
.content .esemeny .jegyek table.termekek tr:nth-child(2n+1){background-color:#dcf2fd;}
.content .esemeny .jegyek table.termekek tr:last-child td{background:#FFF;border-top:2px solid #191818;}
.content .esemeny .jegyek table.termekek td{padding:3px;}
.content .esemeny .jegyek table.termekek td:last-child{text-align:right;width:92px;}

.content .esemeny .jegyek span.icon{color:#191818;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;}
.content .esemeny .jegyek input[type=text]{width:20px;background:#44c8f5;font-size:16px;text-align:center;border: 0;}
.content .esemeny .jegyek input[type=submit]{background:#191818;color:#FFF;padding:10px 40px;font-size:25px;margin:10px 0;float:right;}
.content .esemeny .jegyek input[type=submit]:hover{background:#04d4f8;}
.content .esemeny .text{margin:20px 0;}
.content .esemeny .outofstock{font-weight:bold; color:#ff0000;}

.sidebar .naptar_head .honap_nev{display:block; text-align:center;}
.sidebar .naptar_head .left{float:left; cursor:pointer;}
.sidebar .naptar_head .right{float:right; cursor:pointer;}

.sidebar .naptar{width:260px;height:100px;padding:10px 0;}
.sidebar .naptar li{width:37px;height:20px;float:left;color:#889292;font-size:10px;text-align:center;background:#FFF;font-weight:bold;}
.sidebar .naptar li span{background:#000;color:#FFF;padding:3px; cursor:pointer;}
.sidebar .naptar .today{color:#04d4f8 !important;}
.sidebar .termekek{position:relative;clear:both;width:260px;margin:10px 0;height:320px;overflow:hidden;}
.sidebar .termekek .item{position:relative;width:260px;margin:8px 0;background:#FFF;min-height:55px;}
.sidebar .termekek .item a{position:absolute;width:260px;height:55px;display:block;cursor:pointer;}
.sidebar .termekek .item:hover{background:#04d4f8;}
.sidebar .termekek .item .datum{position:absolute;top:0;left:0;bottom:0;margin:auto;width:55px;background:#191818;color:#FFF;float:left;text-align:center;font-size:17px;padding:16px 0;}
.sidebar .termekek .item .kep{width:51px;height:51px;border:2px solid #000;float:left;}
.sidebar .termekek .item li{width:192px;line-height:17px;font-size:15px;color:#889292;margin:0 2px 0 65px;}
.sidebar .termekek .item li:first-child{font-size:19px;color:#000;margin-bottom:2px;}
.sidebar .termekek .item li:last-child{height:16px;font-size:12px;}

.content .text_block table.kosar{width:100%;margin:15px 0;}
.content .text_block table.kosar tr:first-child td{font-size:15px;padding:8px 3px 2px 3px;}
.content .text_block table.kosar tr td:first-child{width:auto;}

.content .text_block table.kosar tr:nth-child(2n+1){background:rgba(255,255,255,0.8);}
.content .text_block table.kosar tr:nth-child(2n){background:rgba(255,255,255,0.6);}
.content .text_block table.kosar tr td{padding:10px 3px;line-height:15px;border-bottom:1px solid #000;}
.content .text_block table.kosar td big{font-size:18px;font-weight:bold;}
.content .text_block table.kosar td b{font-weight:bold;}
.content .text_block table.kosar span:hover{color:#04d4f8;cursor:pointer;}
.content .text_block table.kosar_szumm{width:100%;background-color:#04d4f8;}
.content .text_block table.kosar_szumm tr td{border-bottom:0;font-weight:bold;text-align:right;font-size:18px;padding:8px 3px;}

.content div.kosar_szumm{background-color:#04d4f8;}

@media handheld, screen and (max-width: 1560px) {
    /* három oszlop + jobb sidebar */
    .center{width:1220px;}
    .content{width:960px;}
}
@media handheld, screen and (max-width: 1240px) {
    /* két oszlop + jobb sidebar */
    .center{width:900px;}
    .content{width:640px;}
    .content .articles .artic.triple{width:620px;}
}
@media handheld, screen and (max-width: 920px) {
    /* két oszlop */
    .center{width:620px;}
    .sidebar{width:100%;min-height:0;}
    .sidebar .jegyvasarlas{width:300px;/*margin-right:20px;*/float:left;}
    .sidebar .jegyvasarlas .naptar{display:none;}
    .sidebar .termekek{display:none;}
    .sidebar .bolt{width:300px;float:right;}
    .sidebar .bolt a, .sidebar .jegyvasarlas a{width:100%;}
    .sidebar #naptar{display:none;}
    .content{width:620px;}
    .content .articles .artic.triple{width:620px;}
    .content .cikk{margin:10px 0 0 0;}
    .content .banner{display:none;}
    .content .esemeny .jegyek input[type=text]{width:30px;}
    .content .esemeny .jegyek table.termekek td:last-child{text-align:right;width:102px !important;}  
}

@media handheld, screen and (max-width: 640px) {
    /* egy oszlop */
    body{min-width:340px;}
    .sidebar .jegyvasarlas{left:0;right:0;margin:0 auto 10px auto;float:none;}
    .sidebar .bolt{left:0;right:0;margin:0 auto;float:none;}
    .center{width:auto;padding:0 10px;}
    .sidebar{width:100%;}
    .content{width:100%;}
    .content .articles{width:302px;left:0;right:0;margin:auto;}
    .content .articles .artic.double{width:300px;}
    .content .articles .artic.triple{width:300px;}
    .content .articles .artic.square{width:300px;height:620px;}    
    .content .articles .artic .title.double{width:300px;}
    .content .articles .artic .title.triple{width:300px;}
    .content .articles .artic .title.square{width:300px;height:620px;}    
    .content .articles .artic iframe{width:300px !important;}
    .content .banner{display:none;}
    .content .border{display:none;}
    .content .ajanlo{display:none;}
    .content .cikk .cikk-center{width:100%;}
    .content .esemeny .title{width:100%;}
    .content .text_block{width:280px;}
    .content .text_block .checkboxok{position:relative;right:auto;top:auto;width:280px;height:50px;margin:auto;}  
    .content .text_block.rendeleseim table.kosar{width:100%;margin:10px 0;}
    .content .text_block.rendeleseim table.kosar tr td:nth-child(4){display:none;}
    .content .text_block.rendeleseim table.kosar tr td:nth-child(5){display:none;}
    .content table.termekek td{width:48%;float:left;}
    .content .esemeny .jegyek table.termekek tr:nth-last-child(2) td{text-align:right;width:99%;}
    .content .esemeny .jegyek table.termekek tr:last-child td{text-align:right;width:99%;}
    .content .text_block table.kosar tr td:first-child{width:90%;float:left;border:none;}
    .content .text_block table.kosar tr td{width:30%;float:left;}
    .foot .center{width:100%;}
}




.container .author {

    font-size: 14px;
    margin-top: -1px;
}
.cat-label {
    background: #000;
    color: #FFF;
    text-transform: uppercase;
    padding: 1px 5px;
}

.social-text {

    color: #FFF;
    font-size: 14px;
    border-radius: 10px;
    padding: 0 10px 2px 10px;
    line-height: 1;
    vertical-align: middle;
}
/* / RÉGIBŐL vége */


.text_end{text-align:end;}