/* 
    Document   : style
    Created on : 2013.04.02., 12:11:27
    Author     : Tomi
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

@font-face{ 
    font-family: 'MyWebFont';
    src: url('/css/WebFont.eot');
    src: url('/css/WebFont.eot#iefix') format('embedded-opentype'),
        url('/css/WebFont.woff') format('woff'),
        url('/css/WebFont.ttf') format('truetype'),
        url('/css/WebFont.svg#webfont') format('svg');
}

a,img{
    border:none;
    padding:0px;
    margin:0px;
}

body{
    font-family: 'WebFont', Arial, sans-serif;
    padding:0px;
    margin: 0px;
    color:#515151;
	background:url('/css/img/bg.jpg') repeat-y center top;
}
a{text-decoration: none; color:#000;}
h1,h2,h3,h4,h5{
    font-weight: normal;
    margin:0px;
    padding:0px;
}

h1{ font-family: 'WebFont', Arial, sans-serif; margin:30px auto 20px; font-weight: 100;}

@-ms-viewport { width: device-width; }

/*Responsive
* A 'max-width' kell �l�tani az oszt�lyokba a megadott felbont�sokra.
*/
.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* IE < 8 */

.res{display:none;}
.button{display:none;}

.header{ width: 970px; margin: auto;}
.header img{margin:30px 0 10px 260px;}
.header strong{ font-size: 14px; color:#959595;}
.header span{font-size: 14px; color:#959595;}

.menu{background: url('/css/img/Rectangle-2-copy-8.png'); height: 51px; width:1015px; padding:0px; margin:0 auto 50px;}
.menu .menu-body{width: 970px; margin:auto;}
.menu .menu-body table{vertical-align: central; height: 51px; margin-left:230px; padding: 0px; border:none; margin-top:-2px;}
.menu .menu-body a{ font-size: 18px; font-weight: bold; padding:0 20px 0; text-decoration: none; color: #5d5d5d; text-shadow: 0px 1px #FFF;} /*color eredetileg. #434343; */
.menu .menu-body img{height: 45px;}
.menu .menu-body ul{display:none;}
/*menu�pontok*/
#port:hover{background:url('/css/img/portfolio_hover.png') top center no-repeat;}
#port_action{background:url('/css/img/portfolio_hover.png') top center no-repeat;}

#cv:hover{background:url('/css/img/cv_hover.png') top center no-repeat;}
#cv_action{background:url('/css/img/cv_hover.png') top center no-repeat;}

#ex:hover{background:url('/css/img/exhib_hover.png') top center no-repeat;}
#ex_action{background:url('/css/img/exhib_hover.png') top center no-repeat;}

#news:hover{background:url('/css/img/news_hover.png') top center no-repeat;}
#news_action{background:url('/css/img/news_hover.png') top center no-repeat;}

#bibi:hover{background:url('/css/img/biblio_hover.png') top center no-repeat;}
#bibi_action{background:url('/css/img/biblio_hover.png') top center no-repeat;}

#buy:hover{background:url('/css/img/link_hover.png') top center no-repeat;}
#buy_action{background:url('/css/img/link_hover.png') top center no-repeat;}

/*
.menu .menu-body .anime{margin-top:0px;}
.menu .menu-body .anime:hover{background:url('/css/img/hover.png'); }

.menu .menu-body .anime:hover{
    background:url('/css/img/feny.png') no-repeat ;
    animation-name:myfirst;
    animation-duration:1s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
 
    -moz-animation-name:myfirst;
    -moz-animation-duration:1s;
    -moz-animation-timing-function:linear;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
   
    -webkit-animation-name:myfirst;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    
    -o-animation-name:myfirst;
    -o-animation-duration:1s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
}

@keyframes myfirst
{
    from{background-position:-100%;}
to{background-position:200%;}
}

@-moz-keyframes myfirst /* Firefox 
{
    from{background-position:-100%;}
to{background-position:200%;}
}

@-webkit-keyframes myfirst /* Safari and Chrome 
{
    from{background-position:-100%;}
to{background-position:200%;}
}

@-o-keyframes myfirst /* Opera 
{
    from{background-position:-100%;}
to{background-position:200%;}
}
*/
.container{width:970px; margin:auto;}

.body{float:right; width: 800px;}

.widget{float: left; width:150px;}
.widget span{color:#959595; font-size:14px;}
.widget h2{font-size: 14px; font-weight: bold; color:#7f7f7f;}
.widget h2:hover{color:#a8d3c4;}

.box_kocka{background:url('/css/img/box.png') no-repeat top center; width:40px; height:34px; margin-left:2px;}

.container .frontPage table{margin:20px auto 20px;}

.container .kallitas{color:black; font-weight:bold; background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .kallitas p{color:#515151; font-weight: normal; padding:0px 10px 0px; margin:0px;}

.container .cv{ background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .cv h3{color: #000; margin-top:10px;}
.container .cv h3:first-child{color: #000; margin-top:0px;}
.container .cv p{padding: 0;}

.container .bibi{background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .bibi p{padding:0;}
.container .bibi h3{padding:5px;}

.container .youtube{ background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .youtube ul{padding:0px; margin:0px;}
.container .youtube ul li{list-style: none; line-height:50px;}
.container .youtube ul li a:hover{ color:#959595; }

.container .youtube .box{width:730px; padding:10px; clear:both;}
.container .youtube .box img{widtH:225px; float:left;}
.container .youtube .box p{width:485px; font-size:18px; float:left; padding:0 10px;}

.container .gond{background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .gond h3{margin:0 0 20px 0;}
.container .gond p{margin:10px 20px 0px;}
.container .gond p:last-child{margin:30px 40px 0px;}

.container .buy{background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .buy ul,p{ margin:0px; padding:0px; }
.container .buy li{list-style: none; line-height: 40px;}
.container .buy a{color:#515151;}
.container .buy a:hover{color:#000;}

.container .muterem{ background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .muterem .img{float:left; width:210px; padding: 5px;}
.container .muterem .img img{padding:5px; width: 200px;}

.container .photos{ background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .photos .folder{width:650px; margin-bottom: 30px;}
.container .photos .folder h3{padding:10px 0px 10px; }
.container .photos .folder .img{float: left; width: 150px; margin:5px; }
.container .photos .folder .img a{overflow: hidden; width:150px; height: 100px; display: block; -webkit-box-shadow: 0 3px 10px #000, inset 0 0 0 1px rgba(255,255,255,.25); -moz-box-shadow: 0 3px 10px #000, inset 0 0 0 1px rgba(255,255,255,.25); box-shadow: 0 3px 10px #000, inset 0 0 0 1px rgba(255,255,255,.25);}

.container .port{background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .port .folder-title-black{background: #a7a7a7; margin:5px 5px 5px; padding:2px; float:left; width: 200px; height: 20px; border-style: solid; border-color: #898989; border-width: 1px; text-align: right;}
.container .port .folder-title-black a{color:#fff;}
.container .port .folder-title{margin:5px 5px 5px; padding:2px; float:left; width: 140px; height:100px; text-align: center;}
.container .port .box{ margin:50px auto 10px; width:600px; float: left;}
.container .port .box p{ margin:20px; padding-left:  20px;  }
.container .port .box .img{float:left; width: 150px; padding:5px; margin:5px; background: #fff; text-align:center; border:solid 2px #b7b5b6;}
.container .port .box .img a{ height: 100px; display: block; vertical-align:middle;}
.container .port .box .img  img{ height:100px;}
.container .port .nav_left{ width: 25px; height: 100px; }
.container .port .nav_right{ width: 25px; height: 100px;}
.container .port .nav_left a{width: 30px; height:100px; background: url('/css/img/Shape-1-copy.png') no-repeat #a7a7a7  center; display:block; }
.container .port .nav_left a:hover{background: url('/css/img/Shape-1.png') no-repeat #efefef center;}
.container .port .nav_right a{width: 30px; height:100px; background: url('/css/img/Shape-1-copy (2).png') no-repeat #a7a7a7  center; display:block; }
.container .port .nav_right a:hover{background: url('/css/img/Shape-1 (2).png') no-repeat #efefef center;}
/*�j k�d*/
.container .port .keret{height: 100px; width:140px; float:left; text-align:center; margin:10px;} 
.container .port .thumbs{ margin:5px; height: 100px; max-width:140px;}
/*.container .port a:first-child{display: block;}*/
.container .port a img{ height:200px; max-width:280px;  -webkit-box-shadow: 0 2px 5px #000, inset 0 0 0 1px rgba(255,255,255,.25); -moz-box-shadow: 0 2px 5px #000, inset 0 0 0 1px rgba(255,255,255,.25); box-shadow: 0 2px 5px #000, inset 0 0 0 1px rgba(255,255,255,.25);}

.container .news{background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .news .box{border-bottom-style: solid; border-color: #979797; border-width: 1px; padding: 20px 0 20px;}
.container .news .box:last-child{border:none;}
.container .news .box h3{}
.container .news .box span{float: right}

.container .partners{background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .partners ul{}
.container .partners ul li{ list-style:none; line-height:50px; float:left; margin:10px; height:133px; }
.container .partners ul li a{color:#000; }
.container .partners ul li a:hover{color:#979797;}

.footer{width:970px; border-top-style: solid; border-color: #979797; margin:50px auto 20px; border-width: 1px; padding: 10px;}
.footer img{float: right; opacity:0.5;}

.kell{width:700px;}

/* Main page content styles - matching casino page */
.container .bibi, .container .cv, .container .gond, .container .news{
    padding-right: 20px;
}

.container .bibi h1, .container .cv h1, .container .gond h1, .container .news h1{
    font-size: 32px;
    color: #000;
    margin: 20px 0 15px;
    font-weight: bold;
    line-height: 1.3;
}

.container .bibi h2, .container .cv h2, .container .gond h2, .container .news h2{
    font-size: 24px;
    color: #000;
    margin: 30px 0 15px;
    font-weight: bold;
    line-height: 1.4;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 10px;
}

.container .bibi h3, .container .cv h3, .container .gond h3, .container .news .box h3{
    font-size: 20px;
    color: #333;
    margin: 25px 0 12px;
    font-weight: bold;
    line-height: 1.4;
}

.container .bibi p, .container .cv p, .container .gond p, .container .news .box p{
    margin: 15px 0;
    line-height: 1.8;
    color: #515151;
    font-size: 16px;
    text-align: justify;
    padding: 0;
    text-indent: 0;
    white-space: normal;
}

.bibi-lang-content p{
    text-indent: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.bibi-lang-content p,
.bibi-lang-content p *{
    text-indent: 0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.container .bibi p,
.container .bibi-lang-content p{
    text-indent: 0 !important;
    padding: 0 !important;
    margin: 15px 0;
}

.bibi-lang-content p:first-line{
    text-indent: 0 !important;
}

.container .bibi em, .container .cv em, .container .gond em{
    font-style: italic;
    color: #333;
}

.container .bibi strong, .container .cv strong, .container .gond strong{
    font-weight: bold;
    color: #1a1a1a;
}

.container .news .box span{
    color: #666;
    font-size: 14px;
}

.bibi-lang-section{
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.bibi-lang-section:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.bibi-lang-header{
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #a8d3c4;
}

.bibi-lang-header img{
    max-width: 100px;
    height: auto;
}

.bibi-lang-content{
    width: 100%;
}

/* Casino page styles */
.container .casino-content{background:url('/css/img/line.png') repeat-y left; padding-left:10%; padding-right: 20px;}
.container .casino-content h1{font-size: 32px; color: #000; margin: 20px 0 15px; font-weight: bold; line-height: 1.3;}
.container .casino-content h2{font-size: 24px; color: #000; margin: 30px 0 15px; font-weight: bold; line-height: 1.4; border-bottom: 2px solid #e0e0e0; padding-bottom: 10px;}
.container .casino-content h2:has(+ .faq-item){margin-bottom: 30px; border-bottom: 3px solid #a8d3c4; padding-bottom: 15px; position: relative;}
.container .casino-content h2:has(+ .faq-item)::after{content: ''; position: absolute; bottom: -3px; left: 0; width: 100px; height: 3px; background: linear-gradient(90deg, #a8d3c4 0%, #7fbfa3 100%);}
.container .casino-content h3{font-size: 20px; color: #333; margin: 25px 0 12px; font-weight: bold; line-height: 1.4;}
.container .casino-content p{margin: 15px 0; line-height: 1.8; color: #515151; font-size: 16px; text-align: justify;}
.container .casino-content .casino-intro{background: #f8f9fa; padding: 20px; border-left: 4px solid #a8d3c4; margin: 20px 0; border-radius: 4px;}
.container .casino-content .casino-intro p{margin: 0; font-size: 17px; color: #333;}

.casino-table-wrapper{overflow-x: auto; margin: 25px 0; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.casino-table{width: 100%; border-collapse: collapse; background: #fff; font-size: 15px;}
.casino-table thead{background: #a8d3c4;}
.casino-table th{padding: 15px 12px; text-align: left; font-weight: bold; color: #000; border-bottom: 2px solid #7f7f7f;}
.casino-table td{padding: 12px; border-bottom: 1px solid #e0e0e0; color: #515151;}
.casino-table tbody tr:hover{background: #f8f9fa;}
.casino-table tbody tr:last-child td{border-bottom: none;}

.faq-item{
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    margin: 25px 0;
    padding: 25px 30px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1), 0 2px 5px rgba(0,0,0,0.05);
    border-left: 5px solid #a8d3c4;
    border-top: 1px solid rgba(168, 211, 196, 0.3);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.faq-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, #a8d3c4 0%, #7fbfa3 100%);
    transition: width 0.3s ease;
}

.faq-item:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.15), 0 4px 8px rgba(0,0,0,0.08);
    border-left-color: #7fbfa3;
}

.faq-item:hover::before{
    width: 8px;
}

.faq-item h3{
    color: #1a1a1a;
    margin: 0 0 15px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    position: relative;
    padding-left: 30px;
}

.faq-item h3::before{
    content: '❓';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    opacity: 0.7;
}

.faq-item p{
    margin: 0;
    line-height: 1.8;
    color: #4a4a4a;
    font-size: 16px;
    padding-left: 30px;
    position: relative;
}

.faq-item p::before{
    content: '→';
    position: absolute;
    left: 0;
    top: 0;
    color: #a8d3c4;
    font-weight: bold;
    font-size: 18px;
}

/* FAQ Section Container */
.container .casino-content > h2:last-of-type{
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    padding: 20px 25px;
    border-radius: 10px;
    margin: 40px 0 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    border-left: 5px solid #a8d3c4;
}

#casino:hover{background:url('/css/img/link_hover.png') top center no-repeat;}
#casino_action{background:url('/css/img/link_hover.png') top center no-repeat;}

#best-casino:hover{background:url('/css/img/link_hover.png') top center no-repeat;}
#best-casino_action{background:url('/css/img/link_hover.png') top center no-repeat;}

#guide:hover{background:url('/css/img/link_hover.png') top center no-repeat;}
#guide_action{background:url('/css/img/link_hover.png') top center no-repeat;}

.casino-image{text-align: center; margin: 25px 0;}
.casino-image img{box-shadow: 0 4px 12px rgba(0,0,0,0.15); transition: transform 0.3s ease;}
.casino-image img:hover{transform: scale(1.02);}

/* Casino Listing Styles - Horizontal List */
.casino-listing{
    margin: 30px 0;
}

.casino-list-item{
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    margin-bottom: 15px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    transition: all 0.3s ease;
    border-left: 4px solid #a8d3c4;
}

.casino-list-item:hover{
    transform: translateX(5px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.12);
    border-left-color: #7fbfa3;
}

.casino-rank{
    background: linear-gradient(135deg, #a8d3c4 0%, #7fbfa3 100%);
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(168, 211, 196, 0.4);
}

.casino-info{
    flex: 1;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.casino-name-rating{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 10px;
}

.casino-name-rating h3{
    margin: 0;
    color: #1a1a1a;
    font-size: 22px;
    font-weight: bold;
}

.casino-rating{
    color: #666;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.casino-details{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.casino-bonus{
    padding: 10px 15px;
    background: #f0f8f5;
    border-left: 3px solid #a8d3c4;
    border-radius: 4px;
}

.casino-bonus strong{
    color: #1a1a1a;
    font-size: 14px;
}

.casino-features{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.feature-badge{
    background: #e8f5e9;
    color: #2e7d32;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.casino-wagering{
    color: #666;
    font-size: 12px;
    margin-top: 5px;
}

.casino-action{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e0e0e0;
    width: 100%;
    box-sizing: border-box;
}

.casino-btn{
    display: inline-block;
    background: linear-gradient(135deg, #a8d3c4 0%, #7fbfa3 100%);
    color: #fff;
    padding: 12px 30px;
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(168, 211, 196, 0.4);
    border: none;
    cursor: pointer;
    white-space: nowrap;
    max-width: 100%;
    box-sizing: border-box;
}

.casino-btn:hover{
    background: linear-gradient(135deg, #7fbfa3 0%, #6ba88f 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(168, 211, 196, 0.6);
    color: #fff;
}

.casino-btn:active{
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(168, 211, 196, 0.4);
}

/*
@media (max-width: 1000px) {

.kell{width:70%;}

body,h1,h2,h3,h4,h5,span,p,strong,ul,img,a{margin:0px; padding:0px; border:none; width:100%;}
body{width:100%;}
.header{ width: 100%; margin: auto;}
.header img{margin:1% 5% 1%; width:60%;}
.header strong{display:none;}
.header span{display:none;}

.container{width:100%; margin:auto; padding:0px; text-align:center;}

.body{width:100%; float:none; padding:0px; margin:0px;}
.widget{ display:none; float:none;}

.footer{width:100%; border-top-style: solid; border-color: #979797; margin:5% auto 2%; border-width: 1px; padding: 0px;}
.footer img{float: right; opacity:0.5; width:50%; padding-top:1%;}

.menu{background:none; width:90%;  height:100%; padding:0px; margin:auto;}
.menu .menu-body{width:100%; padding:0px; margin:0px;}
.menu .menu-body table{display:none; width:0px;}
.menu .menu-body img{display:none;}
.menu .menu-body ul{display:block; width:100%; padding:0px;}
.menu .menu-body ul li{background:url('res/menugomb.png') no-repeat center center; text-align:center; padding:2%; list-style:none; width:100%;}
 
#pelda{width:80% !important; margin:5% auto 5%; }

.container .frontPage table{display:none;}
.container .frontPage {width:none;}

.res{ z-index:99999; position:fixed; top:0px; right:0px; display:block; float:left; overflow:hidden; height:60px; background:url('res/almenugomb_60x60.png') no-repeat top right; } 
.res div{margin-top:10px; border-top:solid 1px #fff; padding-top:5px;}
.res div a{color:#fff;}
.res div:first-child{margin-top:60px; border:none;}
.res:hover{display:block; background:url('res/almenugomb_hover_60x60.png')  no-repeat top right #505050; padding:5%; float:left; overflow:hidden; height:100%; width:25%; color:#fff;} 

.container .kallitas{color:black; font-weight:bold; background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .kallitas p{color:#515151; font-weight: normal; padding:0px 10px 0px; margin:0px;}

.container .cv{ background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .cv h3{color: #000; margin-top:10px;}
.container .cv h3:first-child{color: #000; margin-top:0px;}
.container .cv p{padding: 0;}

.container .bibi{background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .bibi p{padding:0;}
.container .bibi h3{padding:5px;}

.container .youtube{ background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .youtube ul{padding:0px; margin:0px;}
.container .youtube ul li{list-style: none; line-height:50px;}
.container .youtube ul li a:hover{ color:#959595; }

.container .gond{background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .gond h3{margin:0 0 20px 0;}
.container .gond p{margin:10px 20px 0px;}
.container .gond p:last-child{margin:30px 40px 0px;}

.container .buy{background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .buy ul,p{ margin:0px; padding:0px; }
.container .buy li{list-style: none; line-height: 40px;}
.container .buy a{color:#515151;}
.container .buy a:hover{color:#000;}

.container .muterem{ background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .muterem .img{float:left; width:210px; padding: 5px;}
.container .muterem .img img{padding:5px; width: 200px;}

.container .photos{ background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .photos .folder{width:650px; margin-bottom: 30px;}
.container .photos .folder h3{padding:10px 0px 10px; }
.container .photos .folder .img{float: left; width: 150px; margin:5px; }
.container .photos .folder .img a{overflow: hidden; width:150px; height: 100px; display: block; -webkit-box-shadow: 0 3px 10px #000, inset 0 0 0 1px rgba(255,255,255,.25); -moz-box-shadow: 0 3px 10px #000, inset 0 0 0 1px rgba(255,255,255,.25); box-shadow: 0 3px 10px #000, inset 0 0 0 1px rgba(255,255,255,.25);}

.container .port{background:url('/css/img/line.png') repeat-y left; padding-left:10%; width:100%;}
.container .port .kell{}
.container .port .kell table{width:100%;}


.container .port .folder-title-black{background: #a7a7a7; margin:5px 5px 5px; padding:2px; float:left; width: 200px; height: 20px; border-style: solid; border-color: #898989; border-width: 1px; text-align: right;}
.container .port .folder-title-black a{color:#fff;}
.container .port .folder-title{margin:5px 5px 5px; padding:2px; float:left; width: 140px; height:100px; text-align: center;}
.container .port .box{ margin:10% auto 1%; width:100%; float: left;}
.container .port .box p{ margin:5%; padding-left:  5%;  }
.container .port .box .img{float:left; width: 10%; padding:1%; margin:1%; background: #fff; text-align:center; border:solid 0.5% #b7b5b6;}
.container .port .box .img a{ height: 10%; display: block; vertical-align:middle;}
.container .port .box .img  img{ height:10%;}
.container .port .nav_left{ width: 25px; height: 100px; }
.container .port .nav_right{ width: 25px; height: 100px;}
.container .port .nav_left a{width: 30px; height:100px; background: url('/css/img/Shape-1-copy.png') no-repeat #a7a7a7  center; display:block; }
.container .port .nav_left a:hover{background: url('/css/img/Shape-1.png') no-repeat #efefef center;}
.container .port .nav_right a{width: 30px; height:100px; background: url('/css/img/Shape-1-copy (2).png') no-repeat #a7a7a7  center; display:block; }
.container .port .nav_right a:hover{background: url('/css/img/Shape-1 (2).png') no-repeat #efefef center;}
/*�j k�d
.container .port .keret{height: 100px; width:140px; float:left; text-align:center; margin:10px;} 
.container .port .thumbs{ margin:5px; height: 100px; max-width:140px;}
/*.container .port a:first-child{display: block;}
.container .port a img{ height:200px; max-width:280px;  -webkit-box-shadow: 0 2px 5px #000, inset 0 0 0 1px rgba(255,255,255,.25); -moz-box-shadow: 0 2px 5px #000, inset 0 0 0 1px rgba(255,255,255,.25); box-shadow: 0 2px 5px #000, inset 0 0 0 1px rgba(255,255,255,.25);}

.container .news{background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .news .box{border-bottom-style: solid; border-color: #979797; border-width: 1px; padding: 20px 0 20px;}
.container .news .box:last-child{border:none;}
.container .news .box h3{}
.container .news .box span{float: right}

.container .partners{background:url('/css/img/line.png') repeat-y left; padding-left:10%;}
.container .partners ul{}
.container .partners ul li{ list-style:none; line-height:50px; float:left; margin:10px; height:133px; }
.container .partners ul li a{color:#000; }
.container .partners ul li a:hover{color:#979797;}
}
*/

/* Mobile Responsive Styles */
@media (max-width: 1024px) {
    .header{ width: 100%; margin: auto; padding: 0 15px; box-sizing: border-box;}
    .header img{margin: 20px auto 10px; display: block; max-width: 80%;}
    .header > div{margin: 0 auto 10px !important; text-align: center; padding: 0 15px;}
    .header strong, .header span{font-size: 12px;}
    
    .menu{width: 100%; margin: 0 auto 30px;}
    .menu .menu-body{width: 100%;}
    .menu .menu-body table{margin-left: 0; text-align: center;}
    .menu .menu-body a{font-size: 16px; padding: 0 10px;}
    
    .container{width: 100%; padding: 0 15px; box-sizing: border-box;}
    .body{width: 100%; float: none;}
    
    .footer{width: 100%; padding: 10px 15px; box-sizing: border-box;}
    .footer img{max-width: 150px;}
}

@media (max-width: 768px) {
    body{background-size: cover;}
    
    .header img{margin: 15px auto 10px; max-width: 70%;}
    .menu{margin: 0 auto 20px !important;}
    .header > div{margin: 0 auto 10px !important; padding: 0 10px;}
    .header strong{font-size: 11px; display: block; margin-bottom: 5px;}
    .header span{font-size: 11px;}
    
    .menu{height: auto; min-height: 51px;}
    .menu .menu-body table{display: none;}
    .menu .menu-body ul{display: block; padding: 0; margin: 0;}
    .menu .menu-body ul li{list-style: none; padding: 12px 0; border-bottom: 1px solid #e0e0e0;}
    .menu .menu-body ul li:last-child{border-bottom: none;}
    .menu .menu-body ul li a{display: block; padding: 10px 15px; font-size: 16px; color: #5d5d5d;}
    .menu .menu-body img{display: none;}
    
    .container .casino-content{
        padding-left: 5%;
        padding-right: 15px;
        background: none;
    }
    .container .casino-content h1{font-size: 24px; margin: 15px 0 10px;}
    .container .casino-content h2{font-size: 20px; margin: 25px 0 12px; padding-bottom: 8px;}
    .container .casino-content h3{font-size: 18px; margin: 20px 0 10px;}
    .container .casino-content p{font-size: 15px; line-height: 1.7; text-align: left;}
    
    .casino-intro{padding: 15px !important; margin: 15px 0 !important;}
    .casino-intro p{font-size: 15px !important;}
    
    .casino-table-wrapper{margin: 20px 0; overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .casino-table{font-size: 13px; min-width: 600px;}
    .casino-table th{padding: 10px 8px; font-size: 13px;}
    .casino-table td{padding: 10px 8px; font-size: 12px;}
    
    .faq-item{
        margin: 20px 0;
        padding: 20px 15px;
        border-radius: 10px;
    }
    .faq-item h3{font-size: 17px; padding-left: 25px; margin-bottom: 12px;}
    .faq-item h3::before{font-size: 18px;}
    .faq-item p{font-size: 14px; padding-left: 25px; line-height: 1.7;}
    .faq-item p::before{font-size: 16px;}
    
    .casino-image{margin: 20px 0;}
    .casino-image img{max-width: 100%; border-radius: 6px;}
    
    .casino-listing{
        margin: 20px 0;
    }
    
    .casino-list-item{
        padding: 15px;
        gap: 15px;
        flex-direction: column;
    }
    
    .casino-action{
        margin-top: 12px;
        padding-top: 12px;
    }
    
    .casino-btn{
        width: 100%;
        padding: 12px 20px;
        font-size: 15px;
    }
    
    .casino-rank{
        width: 40px;
        height: 40px;
        font-size: 20px;
        align-self: flex-start;
    }
    
    .casino-name-rating{
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .casino-name-rating h3{
        font-size: 18px;
    }
    
    .casino-rating{
        font-size: 13px;
    }
    
    .casino-bonus{
        padding: 8px 12px;
        font-size: 13px;
    }
    
    .feature-badge{
        font-size: 11px;
        padding: 4px 10px;
    }
    
    .box_kocka{margin-left: 0; margin-bottom: 15px;}
}

@media (max-width: 480px) {
    .header img{margin: 10px auto 8px; max-width: 60%;}
    .header strong{font-size: 10px;}
    .header span{font-size: 10px;}
    
    .menu{margin: 0 auto 15px !important;}
    .menu .menu-body ul li a{font-size: 15px; padding: 10px;}
    
    .container{padding: 0 10px;}
    
    .container .casino-content{
        padding-left: 3%;
        padding-right: 10px;
    }
    .container .casino-content h1{font-size: 20px; margin: 12px 0 8px;}
    .container .casino-content h2{font-size: 18px; margin: 20px 0 10px; padding-bottom: 6px;}
    .container .casino-content h3{font-size: 16px; margin: 18px 0 8px;}
    .container .casino-content p{font-size: 14px; line-height: 1.6;}
    
    .casino-intro{padding: 12px !important; margin: 12px 0 !important;}
    .casino-intro p{font-size: 14px !important;}
    
    .casino-table{font-size: 11px; min-width: 500px;}
    .casino-table th{padding: 8px 6px; font-size: 11px;}
    .casino-table td{padding: 8px 6px; font-size: 10px;}
    
    .faq-item{
        margin: 15px 0;
        padding: 15px 12px;
        border-radius: 8px;
    }
    .faq-item h3{font-size: 16px; padding-left: 22px; margin-bottom: 10px;}
    .faq-item h3::before{font-size: 16px;}
    .faq-item p{font-size: 13px; padding-left: 22px; line-height: 1.6;}
    .faq-item p::before{font-size: 14px;}
    
    .casino-listing{
        margin: 15px 0;
    }
    
    .casino-list-item{
        padding: 12px;
        gap: 12px;
    }
    
    .casino-action{
        margin-top: 10px;
        padding-top: 10px;
    }
    
    .casino-btn{
        width: 100%;
        padding: 10px 18px;
        font-size: 14px;
    }
    
    .casino-rank{
        width: 35px;
        height: 35px;
        font-size: 18px;
    }
    
    .casino-name-rating h3{
        font-size: 16px;
    }
    
    .casino-rating{
        font-size: 12px;
    }
    
    .casino-bonus{
        padding: 8px 10px;
        font-size: 12px;
    }
    
    .feature-badge{
        font-size: 10px;
        padding: 4px 8px;
    }
    
    .casino-wagering{
        font-size: 11px;
    }
    
    .container .bibi h1, .container .cv h1, .container .gond h1, .container .news h1{
        font-size: 20px;
        margin: 12px 0 8px;
    }
    
    .container .bibi h2, .container .cv h2, .container .gond h2, .container .news h2{
        font-size: 18px;
        margin: 20px 0 10px;
        padding-bottom: 6px;
    }
    
    .container .bibi h3, .container .cv h3, .container .gond h3, .container .news .box h3{
        font-size: 16px;
        margin: 18px 0 8px;
    }
    
    .container .bibi p, .container .cv p, .container .gond p, .container .news .box p{
        font-size: 14px;
        line-height: 1.6;
    }
    
    .footer{padding: 8px 10px; margin: 30px auto 15px;}
    .footer img{max-width: 120px;}
    
    .container .bibi, .container .cv, .container .gond, .container .buy, 
    .container .muterem, .container .photos, .container .port, 
    .container .news, .container .partners, .container .youtube{
        padding-left: 5%;
        padding-right: 15px;
    }
    
    .container .bibi h1, .container .cv h1, .container .gond h1, .container .news h1{
        font-size: 24px;
        margin: 15px 0 10px;
    }
    
    .container .bibi h2, .container .cv h2, .container .gond h2, .container .news h2{
        font-size: 20px;
        margin: 25px 0 12px;
        padding-bottom: 8px;
    }
    
    .container .bibi h3, .container .cv h3, .container .gond h3, .container .news .box h3{
        font-size: 18px;
        margin: 20px 0 10px;
    }
    
    .container .bibi p, .container .cv p, .container .gond p, .container .news .box p{
        font-size: 15px;
        line-height: 1.7;
        text-align: left;
    }
}

/*
     FILE ARCHIVED ON 22:33:29 Nov 26, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:28:55 Oct 31, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.788
  exclusion.robots: 0.037
  exclusion.robots.policy: 0.021
  esindex: 0.015
  cdx.remote: 9.562
  LoadShardBlock: 53.889 (3)
  PetaboxLoader3.datanode: 83.4 (5)
  PetaboxLoader3.resolve: 121.759 (3)
  load_resource: 187.624 (2)
*/