/*
style.static.css
*/

#divebreadcrumb{list-style:none;line-height:25px;margin:10px 0;font-size:12px}
#divebreadcrumb li{float:left}
#divebreadcrumb li a{color:#fff;text-decoration:none;height:25px;line-height:24px;padding:0px 20px 0px 35px;background:rgba(0, 0, 0, 0) linear-gradient(#e8a509 0, #df9301 100%)repeat scroll 0 0;background:-webkit-linear-gradient(#e8a509, #df9301);background:-o-linear-gradient(#e8a509, #df9301);background:-moz-linear-gradient(#e8a509, #df9301);position:relative;display:block}
#divebreadcrumb li a span{display:none}
#divebreadcrumb li a:after{content:'';position:absolute;display:block;right:-13px;width:25px;height:25px;top:0;-ms-transform:rotate(45deg) scale(0.707);-webkit-transform:rotate(45deg) scale(0.707);transform:rotate(45deg) scale(0.707);z-index:1;background:linear-gradient(135deg, #e8a509, #df9301);background:-webkit-linear-gradient(135deg, #e8a509, #df9301);background:-o-linear-gradient(135deg, #e8a509, #df9301);background:-moz-linear-gradient(135deg, #e8a509, #df9301);box-shadow:2px -2px 0 1px rgba(253, 240, 180, 1), 2px -2px 0 1px rgba(253, 240, 180, 1);border-radius:0 5px 0 50px}
#divebreadcrumb li:first-child a{font-size:120%;line-height:24px;padding:0px 8px 0px 10px}
#divebreadcrumb li:last-child{padding-left:25px}
#divebreadcrumb li:nth-child(1) a{background:rgba(0, 0, 0, 0) linear-gradient(#f4c71d 0, #d28a01 100%) repeat scroll 0 0;background:-webkit-linear-gradient(#f4c71d, #d28a01);background:-o-linear-gradient(#f4c71d, #d28a01);background:-moz-linear-gradient(#f4c71d, #d28a01)}
#divebreadcrumb li:nth-child(1) a:after{background:rgba(0, 0, 0, 0) linear-gradient(135deg, #d28a01 0, #f4c71d 100%) repeat scroll 0 0;background:-webkit-linear-gradient(135deg, #d28a01, #f4c71d);background:-o-linear-gradient(135deg, #d28a01, #f4c71d);background:-moz-linear-gradient(135deg, #d28a01, #f4c71d)}
#divebreadcrumb li:nth-child(1) a:hover{background:rgba(0, 0, 0, 0) linear-gradient(#d28a01 0, #f4c71d 100%) repeat scroll 0 0;background:-webkit-linear-gradient(#d28a01, #f4c71d);background:-o-linear-gradient(#d28a01, #f4c71d);background:-moz-linear-gradient(#d28a01, #f4c71d)}
#divebreadcrumb li:nth-child(1) a:hover:after{background:rgba(0, 0, 0, 0) linear-gradient(135deg, #f4c71d 0, #d28a01 100%) repeat scroll 0 0;background:-webkit-linear-gradient(135deg, #f4c71d, #d28a01);background:-o-linear-gradient(135deg, #f4c71d, #d28a01);background:-moz-linear-gradient(135deg, #f4c71d, #d28a01)}
#divebreadcrumb li:nth-child(2) a{background:rgba(0, 0, 0, 0) linear-gradient(#fecf1e 0, #df9301 100%) repeat scroll 0 0;background:-webkit-linear-gradient(#fecf1e, #df9301);background:-o-linear-gradient(#fecf1e, #df9301);background:-moz-linear-gradient(#fecf1e, #df9301)}
#divebreadcrumb li:nth-child(2) a:after{background:rgba(0, 0, 0, 0) linear-gradient(135deg, #df9301 0, #fecf1e 100%) repeat scroll 0 0;background:-webkit-linear-gradient(135deg, #df9301, #fecf1e);background:-o-linear-gradient(135deg, #df9301, #fecf1e);background:-moz-linear-gradient(135deg, #df9301, #fecf1e)}
#divebreadcrumb li:nth-child(2) a:hover{background:rgba(0, 0, 0, 0) linear-gradient(#df9301 0, #fecf1e 100%) repeat scroll 0 0;background:-webkit-linear-gradient(#df9301, #fecf1e);background:-o-linear-gradient(#df9301, #fecf1e);background:-moz-linear-gradient(#df9301, #fecf1e)}
#divebreadcrumb li:nth-child(2) a:hover:after{background:rgba(0, 0, 0, 0) linear-gradient( #fecf1e 0, #df9301 100%) repeat scroll 0 0;background:-webkit-linear-gradient(135deg, #fecf1e, #df9301);background:-o-linear-gradient(135deg, #fecf1e, #df9301);background:-moz-linear-gradient(135deg, #fecf1e, #df9301)}
#divebreadcrumb li:nth-child(3) a{background:rgba(0, 0, 0, 0) linear-gradient(#FED634 0, #F8A201 100%) repeat scroll 0 0;background:-webkit-linear-gradient(#FED634, #F8A201);background:-o-linear-gradient(#FED634, #F8A201);background:-moz-linear-gradient(#FED634, #F8A201)}
#divebreadcrumb li:nth-child(3) a:after{background:rgba(0, 0, 0, 0) linear-gradient(135deg, #F8A201 0, #FED634 100%) repeat scroll 0 0;background:-webkit-linear-gradient(135deg, #F8A201, #FED634);background:-o-linear-gradient(135deg, #F8A201, #FED634);background:-moz-linear-gradient(135deg, #F8A201, #FED634)}
#divebreadcrumb li:nth-child(3) a:hover{background:rgba(0, 0, 0, 0) linear-gradient(#F8A201 0, #FED634 100%) repeat scroll 0 0;background:-webkit-linear-gradient(#F8A201, #FED634);background:-o-linear-gradient(#F8A201, #FED634);background:-moz-linear-gradient(#F8A201, #FED634)}
#divebreadcrumb li:nth-child(3) a:hover:after{background:rgba(0, 0, 0, 0) linear-gradient( #FED634 0, #F8A201 100%) repeat scroll 0 0;background:-webkit-linear-gradient(135deg, #FED634, #F8A201);background:-o-linear-gradient(135deg, #FED634, #F8A201);background:-moz-linear-gradient(135deg, #FED634, #F8A201)}
#divebreadcrumb li:nth-child(4) a{background:rgba(0, 0, 0, 0) linear-gradient(#feda47 0, #f8ae23 100%) repeat scroll 0 0;background:-webkit-linear-gradient(#feda47, #f8ae23);background:-o-linear-gradient(#feda47, #f8ae23);background:-moz-linear-gradient(#feda47, #f8ae23)}
#divebreadcrumb li:nth-child(4) a:after{background:rgba(0, 0, 0, 0) linear-gradient(135deg, #f8ae23 0, #feda47 100%) repeat scroll 0 0;background:-webkit-linear-gradient(135deg, #f8ae23, #feda47);background:-o-linear-gradient(135deg, #f8ae23, #feda47);background:-moz-linear-gradient(135deg, #f8ae23, #feda47)}
#divebreadcrumb li:nth-child(4) a:hover{background:rgba(0, 0, 0, 0) linear-gradient(#f8ae23 0, #feda47 100%) repeat scroll 0 0;background:-webkit-linear-gradient(#f8ae23, #feda47);background:-o-linear-gradient(#f8ae23, #feda47);background:-moz-linear-gradient(#f8ae23, #feda47)}
#divebreadcrumb li:nth-child(4) a:hover:after{background:rgba(0, 0, 0, 0) linear-gradient(135deg, #feda47 0, #f8ae23 100%) repeat scroll 0 0;background:-webkit-linear-gradient(135deg, #feda47, #f8ae23);background:-o-linear-gradient(135deg, #feda47, #f8ae23);background:-moz-linear-gradient(135deg, #feda47, #f8ae23)}
#divebreadcrumb::after{clear:both;content:"";display:block}
@media(max-width:991px){#divebreadcrumb{display:none}}


.submenu .active a{background-color:#bfb37b;font-weight:bold}
.submenu li{list-style:none;margin-bottom:2px}
.submenu li a{display:block;background:#f8f8f8;padding:10px}
.submenu li a:hover{background:#00BFBB;color:#fff}
.submenu li.title{background: #b08601; color:#fff;padding:10px;font-weight:600;  text-align: center;}
.submenu li.title a{padding:0;background:transparent;color:#fff}
.submenu li.title i{font-size:120%}

.static-page.doku{border-top:1px solid #fff;border-left:20px solid #FFCC01;border-right:1px solid #fff;border-bottom:1px solid #fff;	background:#e5d9a1;margin:0 0px 20px 0;min-height:200px}
.static-page.doku2{border:1px solid silver}

.static-page{text-align:justify;font-size:14px;line-height:25px}
.static-page h1{font-size:170%;line-height:35px;margin-bottom:15px}
.static-page h2,.static-page h3,.static-page h4{margin-bottom:15px;margin-top:15px;line-height:125%;}
h5 {
  font-size: 14px;
}
.static-page a{font-weight:bold;text-decoration:underline}
.static-page p{text-align:justify;line-height:1.7;margin:10px 0}
.static-page ol,.static-page ul{margin-left:30px}
.static-page li{padding:3px 0;word-wrap:anywhere}
@media(max-width:768px){.static-page{font-size:1.3em}.static-page h1{margin:20px 0 10px}.static-page li{margin:20px 0}}

.static-page.loyality .infobox{margin-top:25px;text-align:center}
.static-page.loyality .infobox img{margin-bottom:10px;}
.static-page.loyality .infobox .content{min-height:100px}

.static-page.loyality .regbox .title{background:#00BFBB;padding:10px;color:#fff;text-align:center;font-weight:700;border-top-left-radius:20px;border-top-right-radius:20px;}
.static-page.loyality .regbox .content{border:solid 1px #00BFBB;padding:10px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.static-page.loyality .regbox .content button{width:100%;margin-top:15px}		
.static-page.loyality .regbox .row{margin:0 -5px;}
.static-page.loyality .regbox .row div[class*="col-"]{padding:0 5px}

.static-page.loyality .miniarticles .card{border:solid 1px #D8D8D8;border-radius:20px}
.static-page.loyality .miniarticles .card .card-header{padding:10px}
.static-page.loyality .miniarticles .card .card-header .icon{top:10px}
.static-page.loyality .miniarticles .card .card-body{font-size:100%;border-bottom-left-radius:20px;border-bottom-right-radius:20px}

.maincntr.s .contactbox{display:table;}
.maincntr.s .contactbox.mt{margin-top:30px;}
.maincntr.s .contactbox .cbrw{display:table-row;}
.maincntr.s .contactbox .cb{display:table-cell;vertical-align:top;font-size:20px;}	
.maincntr.s .contactbox .cb.l{width:60%}
.maincntr.s .contactbox .cb.r{width:40%;padding:30px}
.maincntr.s .contactbox .cb h3{margin:0 0 15px 0}

@media(max-width:991px)
{
	.maincntr.s .contactbox .cb{display:block;}
	.maincntr.s .contactbox .cb.l,.maincntr.s .contactbox .cb.r{width:100%;}
	.maincntr.s .contactbox .cb.r{padding:10px}
}



.google-maps{position:relative;padding-bottom:50%;height:498px;overflow:hidden;margin:0 0 20px 0}
.google-maps iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}


.contact-box{ padding:15px;margin:0 0 20px 0;min-height:250px;box-shadow:0px 5px 8px #aaa;border-radius:15px}
.contact-box-kar{background:#F8F8F7;padding:0;margin:0 0 20px 0; min-height:230px;border:none}

.row.row-kar .col-xs-12:nth-child(1){padding-right:0}
.row.row-kar .col-xs-12:nth-child(2){padding-left:0}
@media(max-width:768px){.row.row-kar .col-xs-12{padding:0 15px !important}}


table.contact{border-collapse:collapse;border-spacing:0}
table.contact th{padding:5px;text-align:left}
table.contact td{padding:5px;vertical-align:top}

table.contact-kar{border-collapse:collapse;border-spacing:0}
table.contact-kar th{color: #77716F; padding:5px;text-align:left}
table.contact-kar td{color:#2B2928; padding:5px;vertical-align:top}
table.contact-kar th,table.contact-kar td:nth-child(1){padding-left:20px}

/* faq */
#faq-box{margin:20px 0}
#faq-box .panel .faqtitle .faqbut{position:relative;width:100%;background:#b08601;border-radius:0;padding:10px;margin:0;color:#fff;font-weight:700;text-align:left}
#faq-box .panel .faqtitle .faqbut.collapsed .triangle{border-color:#fff transparent transparent;border-style:solid;border-width:10px 7px 0 7px;height:0;left:-5px;position:relative;top:15px;width:0}
#faq-box .panel .faqtitle .faqbut .triangle{width:0;height:0;border-style:solid;border-width:0 7px 10px 7px;border-color:transparent transparent #fff transparent;left:-5px;position:relative;top:-13px}
#faq-box .panel .faqbody{padding:10px;background-color:rgba(255, 255, 255, .25);border-left:solid 1px #b08601;border-right:solid 1px #b08601;text-align:justify}
#faq-box .panel:last-child .faqbody{border-bottom:solid 1px #b08601}


/* collspse box */

.collbox{margin:20px 0}
.collbox .panel .title button{position:relative;width:100%;background:rgba(0, 0, 0, 0.0) linear-gradient(#fecf1e 0, #df9301 100%)repeat scroll 0 0;border:1px solid #c98c00;border-radius:0;padding:5px 10px;margin:0;color:#fff;text-align:center;font-weight:700;text-align:left}
.collbox .panel .title button.collapsed .triangle{border-color:#c98c00 transparent transparent;border-style:solid;border-width:10px 7px 0 7px;height:0;left:-5px;position:relative;top:15px;width:0}
.collbox .panel .title button .triangle{width:0;height:0;border-style:solid;border-width:0 7px 10px 7px;border-color:transparent transparent #c98c00 transparent;left:-5px;position:relative;top:-13px}
.collbox .panel .body{padding:10px;background-color:rgba(255, 255, 255, .25);border-left:solid 1px #c98c00;border-right:solid 1px #c98c00;text-align:justify}
.collbox .panel:last-child .body{border-bottom:solid 1px #c98c00}
.collbox ul li{margin-left:25px}
.collbox a{text-decoration:underline;color:inherit}
.collbox a:hover{text-decoration:none;cursor:pointer}
 


/* static template 2 */


.article-template-2{font-size:16px;}
.article-template-2>h2{line-height:40px;}

.article-template-2 .paragraphs{margin-top:25px;}
.article-template-2 .paragraphs>ol{list-style-type:none;margin:0;padding:0;counter-reset:li-counter;}
.article-template-2 .paragraphs>ol>li{position:relative;display:block;min-height:120px;z-index:1;margin:0;padding-left:60px;padding-top:17px;word-wrap:anywhere;counter-increment:li-counter}
.article-template-2 .paragraphs>ol>li.focus{z-index:2}
.article-template-2 .paragraphs>ol>li[data-step="1"]{z-index:3}
.article-template-2 .paragraphs>ol>li[data-step="2"]{z-index:2}
.article-template-2 .paragraphs>ol>li[data-step="3"]{z-index:1}
.article-template-2 .paragraphs>ol>li:after{position:absolute;font-family:"Open Sans",sans-serif;font-weight:600;font-size:25px;left:0;top:12px;width:50px;height:50px;line-height:45px;text-align:center;z-index:1;color:#b08601;border-radius:50%;content:counter(li-counter);background-color:#fff;border:solid 2px #b08601;}
.article-template-2 .paragraphs>ol>li.pulse:after{animation: circle-pulse 1s infinite;}	
.article-template-2 .paragraphs>ol>li:before{content:"";border-left:1px solid #b08601;position:absolute;left:25px;height:100%;top:12px;bottom:0;}
.article-template-2 .paragraphs>ol>li:last-child:before{display:none;}	
.article-template-2 .paragraphs>ol>li>h3{margin:0 0 15px 0;font-size:22px;color:#b08601;}

@media(max-width:320px)
{
	.article-template-2 .paragraphs>ol>li{padding-left:0}
	.article-template-2 .paragraphs>ol>li:before,.article-template-2 .paragraphs ol>li:after{display:none !important;}
}

.article-template-2 .miniarticles{margin-top:30px;margin-bottom:30px}
.article-template-2 .miniarticles .card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word}
.article-template-2 .miniarticles .card .card-header{padding:10px 0;margin-bottom:0;border-bottom:1px solid #ccc}
.article-template-2 .miniarticles .card .card-header a{display:block;font-size:120%;font-weight:700;text-decoration:none;color:inherit;padding-right:50px}
.article-template-2 .miniarticles .card .card-header a:hover{background:none;cursor:pointer}
.article-template-2 .miniarticles .card:last-child .card-header{border:none;}
.article-template-2 .miniarticles .card .card-body{padding:30px;font-size:115%;text-align:justify;}
.article-template-2 .miniarticles .card .card-body a:hover{text-decoration:underline}
.article-template-2 .miniarticles [data-toggle="collapse"] .icon{position:absolute;right:15px;top:15px;font-family:"Fontello"}
.article-template-2 .miniarticles [data-toggle="collapse"] .icon:before{content:"\e84b"}
.article-template-2 .miniarticles [data-toggle="collapse"].collapsed .icon:before{content:"\e849"}

@media(max-width:991px)
{
.article-template-2 .miniarticles .card .card-header a{font-size:100%;text-align:left;}
.article-template-2 .miniarticles .card .card-body{padding:10px;font-size:100%;}
}


/* static template 3 */


.article-template-3 iframe{display:block;max-width:100%;height:400px;}

.article-template-3 .boxes{text-align:center;}
.article-template-3 .boxes .box{display:inline-block;max-width:100%;width:300px;margin-top:25px;border:solid 1px #aaa;box-shadow:0px 0px 3px #aaa;border-radius:20px;}
.article-template-3 .boxes .box .head{background:#00BFBB;min-height:60px;color:#fff;font-size:22px;padding:15px;border-top-left-radius:20px;border-top-right-radius:20px;}
.article-template-3 .boxes .box .content{min-height:300px;padding:15px;text-align:left;}

.article-template-3 .boxes2{text-align:left;}
.article-template-3 .boxes2 .box{margin-top:25px;}

.article-template-3 .miniarticles{margin-top:30px;margin-bottom:30px}
.article-template-3 .miniarticles .card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word}
.article-template-3 .miniarticles .card .card-header{padding:10px 0;margin-bottom:0;border-bottom:1px solid #ccc}
.article-template-3 .miniarticles .card .card-header a{display:block;font-size:120%;font-weight:700;text-decoration:none;color:inherit;padding-right:50px}
.article-template-3 .miniarticles .card .card-header a:hover{background:none;cursor:pointer}
.article-template-3 .miniarticles .card:last-child .card-header{border:none;}
.article-template-3 .miniarticles .card .card-body{padding:30px;font-size:115%;text-align:justify;}
.article-template-3 .miniarticles .card .card-body a:hover{text-decoration:underline}
.article-template-3 .miniarticles [data-toggle="collapse"] .icon{position:absolute;right:15px;top:15px;font-family:"Fontello"}
.article-template-3 .miniarticles [data-toggle="collapse"] .icon:before{content:"\e84b"}
.article-template-3 .miniarticles [data-toggle="collapse"].collapsed .icon:before{content:"\e849"}

@media(max-width:991px)
{

.article-template-3 .boxes .box{width:100%}
.article-template-3 .miniarticles .card .card-header a{font-size:100%;text-align:left;}
.article-template-3 .miniarticles .card .card-body{padding:10px;font-size:100%;}
}

@media(max-width:768px)
{		
	.article-template-3 .boxes{margin:0 -15px;}
	.article-template-3 .swiper-container{padding:10px;overflow:hidden;}
	.article-template-3 .swiper-container .box{display:inline-block;width:100%;box-shadow:0px 0px 10px #aaa;}
}

table.husegkartya{width:100%;border-collapse:collapse}
table.husegkartya tr:nth-of-type(odd){background:#eee}
table.husegkartya td{padding:6px;border:1px solid #ccc;text-align:center}
table.husegkartya .bronz td{background:red}
table.husegkartya th{padding:6px;border:1px solid #f4f4f4;text-align:left; color:#fff; background:#b08601}
@media(max-width:991px){table.husegkartya, table.husegkartya thead, table.husegkartya tbody, table.husegkartya th, table.husegkartya td, table.husegkartya tr{display:block}table.husegkartya thead tr{position:absolute;top:-9999px;left:-9999px}table.husegkartya tr{border:1px solid #ccc}table.husegkartya td{border:none;border-bottom:1px solid #eee; position:relative;padding-left:50%}table.husegkartya td:before{position:absolute;top:6px;left:6px;width:45%; padding-right:10px;white-space:nowrap}table.husegkartya td:nth-of-type(1):before{content:"Szint"}table.husegkartya td:nth-of-type(2):before{content:"200 Ft-ként kap"}table.husegkartya td:nth-of-type(3):before{content:"Extra kedvezmény"}table.husegkartya td:nth-of-type(4):before{content:"Hírlevél"}table.husegkartya td:nth-of-type(5):before{content:"Legjobb ajánlatok"}table.husegkartya td:nth-of-type(6):before{content:"Árfigyelő"}table.husegkartya td:nth-of-type(7):before{content:"VIP kártya"}table.husegkartya td:nth-of-type(8):before{content:"Ponthatár"}table.husegkartya td:nth-of-type(9):before{content:"Ponthatárok"}}


.husegprogram .section.information{margin-top:0;padding-top:0;}
.husegprogram  .section.information .dobozok .doboz2{width:400px;height:235px}
@media(max-width:480px){
.husegprogram  .section.information .dobozok .doboz2{width:400px;height:235px; padding:50px 20px 20px 20px; }	
}

.sitemap ul{margin:15px 0 0 0}
.sitemap ul li{color:#5D5D5D;list-style-type:none}
.sitemap ul li a{color:#5D5D5D}
.sitemap ul li a:hover{text-decoration:underline}
.sitemap ul li.circle{list-style-type:circle}
.sitemap ul li.bold{font-weight:bold}
.sitemap ul li.category.cat1{margin-left:20px; margin-top:40px}
.sitemap ul li.category.cat2{margin-left:40px; margin-top:40px}
.sitemap ul li.category.cat3{margin-left:60px; margin-top:40px}
.sitemap ul li.category.cat4{margin-left:100px; margin-top:40px}

/* Optimalizált banner stílusok */
.banner {
    position: relative;
    display: inline-block;
    max-width: 100%;
    color: #000;
    transition: all .5s;
    border: solid 2px #fdf0b4;
}

.banner:hover {
    border: solid 2px #e6a108;
    cursor: pointer;
}

.banner .slide {
    background: #e6a108 none repeat scroll 0 0;
    bottom: -2px;
    color: #fff;
    font-size: 600%;
    overflow: hidden;
    padding: 6% 0 0;
    position: absolute;
    width: 0;
    right: 0px;
    text-align: center;
    top: -2px;
    transition: all .5s ease 0s;
}

.banner:hover .slide {
    width: 40px;
    right: -41px;
    transition: all .5s;
}

.banner img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Text elements with common styles */
.banner .str1,
.banner .str2,
.banner .prc {
    position: absolute;
    right: 20px;
    text-align: right;
    background-color: rgba(255,255,255,.5);
    padding: 2px 5px;
    font-size: 200%;
}

.banner .str1 { top: 10px; }
.banner .str2 { top: 55px; }
.banner .prc { 
    top: 110px; 
    font-size: 320%;
}

.banner .str1 h2,
.banner .str2 h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.banner .prc .p {
    margin: 0;
    padding: 0;
    color: #e6a108;
    text-shadow: 1px 1px 2px #000;
}

.banner .prc .pt {
    font-size: 50%;
}

/* Responsive design */
@media (max-width: 1200px) {
    .banner .slide {
        display: none;
    }
}

@media (max-width: 940px) {
    .banner {
        font-size: 80%;
        overflow: hidden;
    }
    .banner .str1 { top: 5px; }
    .banner .str2 { top: 40px; }
    .banner .prc { top: 80px; }
}

@media (max-width: 560px) {
    .banner { font-size: 75%; }
    .banner .str1 { top: 5px; }
    .banner .str2 { top: 35px; }
    .banner .prc { top: 65px; }
}

@media (max-width: 470px) {
    .banner { font-size: 50%; }
    .banner .str1 { top: 5px; }
    .banner .str2 { top: 25px; }
    .banner .prc { top: 50px; }
}

@media (max-width: 360px) {
    .banner { font-size: 50%; }
    .banner .str1 { top: 4px; }
    .banner .str2 { top: 25px; }
    .banner .prc { top: 45px; }
}

@media (max-width: 320px) {
    .banner { font-size: 40%; }
    .banner .str1 { top: 4px; }
    .banner .str2 { top: 20px; }
    .banner .prc { top: 40px; }
}
/*Istvan ai*/

/* Fő konténer */
.utazasi-tanacsok-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    font-family: 'Arial', sans-serif;
}

/* Bevezető */
.utazasi-bevezeto {
    
    margin-bottom: 30px;
    line-height: 1.6;
}

/* Szekciók */
.uticel-szekcio,
.foglalas-szekcio, 
.biztositás-szekcio,
.gyik-szekcio {
    margin: 40px 0;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 15px;
    border: 1px solid #e9ecef;
}

/* Fontos figyelmesseq doboz */
.fontos-figyelmesseq {
    padding: 25px;
    border-radius: 10px;
    margin: 20px 0;
    background: #fff3cd;
    border-left: 5px solid #ffc107;
}

/* Úticél rács */
.uticel-racs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.uticel-kartya {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border: 1px solid #dee2e6;
}

/* Szezon tábla */
.szezon-tipp-doboz {
    background: white;
    padding: 20px;
    border-radius: 10px;
    margin: 20px 0;
    border: 1px solid #dee2e6;
}

.szezon-tabla {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.szezon-tabla th, .szezon-tabla td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
}

.szezon-tabla th {
    background-color: #00BFBB;
    color: white;
    font-weight: bold;
}

/* Két oszlop elrendezés */
.ket-oszlop {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 20px 0;
}

/* Ellenőrző lista */
.ellenorzo-lista li {
    list-style-type: "✓ ";
    color: #28a745;
    margin: 10px 0;
    font-weight: 500;
}

/* Folyamat doboz */
.folyamat-doboz {
    background: white;
    padding: 20px;
    border-radius: 10px;
    margin: 20px 0;
    border: 1px solid #dee2e6;
}

.folyamat-doboz ol {
    margin-left: 20px;
}

.folyamat-doboz li {
    margin: 15px 0;
    padding-left: 10px;
    line-height: 1.5;
}

/* Biztosítás rács */
.biztositás-racs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

.biztositás-kartya {
    background: white;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border: 1px solid #dee2e6;
}

/* GYIK szekció */
.gyik-elem {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dee2e6;
}

.gyik-elem:last-child {
    border-bottom: none;
}

/* Hívás művelet szekció */
.hivas-művelet-szekcio {
    text-align: center;
    background: linear-gradient(135deg, #00BFBB, #007BFF);
    color: white;
    padding: 50px;
    border-radius: 20px;
    margin: 40px 0;
}

.hivas-gombok {
    margin-top: 30px;
}

/* Gombok */
.gomb {
    display: inline-block;
    padding: 15px 30px;
    margin: 10px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.gomb-elsodleges {
    background: #28a745;
    color: white;
}

.gomb-masodlagos {
    background: #ffc107;
    color: black;
}

.gomb-harmadlagos {
    background: #6c757d;
    color: white;
}

.gomb:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* Jogi nyilatkozat */
.jogi-nyilatkozat-doboz {
    padding: 25px;
    border-radius: 10px;
    margin: 20px 0;
    background: #f8d7da;
    border-left: 5px solid #dc3545;
    font-size: 0.9em;
}

/* Reszponzív design */
@media (max-width: 768px) {
    .ket-oszlop {
        grid-template-columns: 1fr;
    }
    
    .uticel-racs, .biztositás-racs {
        grid-template-columns: 1fr;
    }
    
    .uticel-szekcio,
    .foglalas-szekcio, 
    .biztositás-szekcio,
    .gyik-szekcio {
        padding: 20px;
    }
    
    .hivas-művelet-szekcio {
        padding: 30px 20px;
    }
    
    .hivas-gombok {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .gomb {
        width: 80%;
        text-align: center;
    }
}
/* CHARTER MENETREND SPECIFIKUS STÍLUSOK */
.charter-meneted-tanacsok {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.7;
    color: #333;
}

.charter-meneted-tanacsok .bevezeto-doboz {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    padding: 40px;
    margin-bottom: 40px;
    border-radius: 10px;
    border-left: 5px solid #00BFBB;
}

.charter-meneted-tanacsok .kiemelt-bevezeto {
 
    margin: 0;
    line-height: 1.8;
    font-weight: 600;
}

.charter-meneted-tanacsok h2 {
    color: #b08601;
    margin: 40px 0 20px 0;
    font-size: 1.8em;
    border-bottom: 2px solid #b08601;
    padding-bottom: 10px;
    font-weight: 700;
}

.charter-meneted-tanacsok h3 {
    color: #00BFBB;
    margin: 30px 0 15px 0;
    font-size: 1.4em;
    font-weight: 600;
}

.charter-meneted-tanacsok .fontos-üzenet {
    background: #fff3cd;
    border: 3px solid #ffc107;
    border-radius: 8px;
    padding: 30px;
    margin: 30px 0;
    text-align: center;
    box-shadow: 0 4px 15px rgba(255,193,7,0.2);
}

.charter-meneted-tanacsok .fontos-üzenet p {
    font-size: 1.3em;
    margin: 0;
    color: #856404;
    line-height: 1.6;
    font-weight: 700;
}

.charter-meneted-tanacsok .bovites {
    text-align: center;
    color: #6c757d;
    font-style: italic;
    font-size: 1.1em;
    margin-top: 20px;
}

.charter-meneted-tanacsok .osszehasonlito-racs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin: 30px 0;
}

.charter-meneted-tanacsok .jarat-tipus-kartya {
    background: white;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    border: 1px solid #e9ecef;
}

.charter-meneted-tanacsok .jarat-tipus-kartya h3 {
    color: #28a745;
    margin-bottom: 20px;
    font-size: 1.5em;
    border-bottom: 2px solid #28a745;
    padding-bottom: 10px;
}

.charter-meneted-tanacsok .elonyok-lista {
    list-style: none;
    padding: 0;
    margin: 0;
}

.charter-meneted-tanacsok .elonyok-lista li {
    padding: 10px 0;
    border-bottom: 1px solid #f8f9fa;
    font-size: 1.1em;
    line-height: 1.5;
}

.charter-meneted-tanacsok .definicio-doboz {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 8px;
    margin: 20px 0;
    border-left: 4px solid #6c757d;
}

.charter-meneted-tanacsok .fontos-hangsuly {
    background: #fff3cd;
    padding: 20px;
    border-radius: 6px;
    border-left: 4px solid #ffc107;
    margin: 20px 0;
    font-size: 1.1em;
}

.charter-meneted-tanacsok .gyik-elem {
    background: white;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    border-left: 4px solid #00BFBB;
}

.charter-meneted-tanacsok .gyik-elem h3 {
    color: #2B2928;
    margin-bottom: 15px;
    font-size: 1.3em;
}

.charter-meneted-tanacsok .etkezes-megoldas {
    background: #f8f9fa;
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 8px;
    border-left: 4px solid #28a745;
}

.charter-meneted-tanacsok .tanacs-doboz,
.charter-meneted-tanacsok .osszegzes-doboz {
    background: linear-gradient(135deg, #00BFBB, #007BFF);
    color: white;
    padding: 30px;
    border-radius: 10px;
    margin: 30px 0;
    text-align: center;
}

.charter-meneted-tanacsok .foglalas-rovidites {
    text-align: center;
    background: linear-gradient(135deg, #28a745, #20c997);
    color: white;
    padding: 40px;
    border-radius: 10px;
    margin-top: 40px;
}

.charter-meneted-tanacsok .foglalas-gomb {
    display: inline-block;
    background: white;
    color: #28a745;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 6px;
    font-weight: bold;
    margin-top: 15px;
    transition: all 0.3s ease;
    font-size: 1.1em;
}

.charter-meneted-tanacsok .foglalas-gomb:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* LISTA STÍLUSOK - NINCS BALRA ZÁRVA */
.velemeny-szekcio .tanacs-doboz ul,
.etkezesi-tippek-szekcio .megoldas-lista {
    margin-left: 0;
    padding-left: 20px;
}

.velemeny-szekcio .tanacs-doboz li,
.etkezesi-tippek-szekcio .megoldas-lista li {
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    list-style-position: outside;
}

/* Reszponzív design */
@media (max-width: 768px) {
    .charter-meneted-tanacsok .osszehasonlito-racs {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .charter-meneted-tanacsok {
        padding: 20px 15px;
    }
    
    .charter-meneted-tanacsok .bevezeto-doboz,
    .charter-meneted-tanacsok .jarat-tipus-kartya,
    .charter-meneted-tanacsok .gyik-elem {
        padding: 20px;
    }
}
/* Új class-ok, amiket hozzá kell adni a CSS-hez */

.orszag-csoport {
    margin-bottom: 30px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 10px;
    border-left: 4px solid #00BFBB;
}

.szalloda-lista {
   margin: 15px 0;
}

.szalloda-link {
    display: block;
    padding: 15px;
    background: white;
    border-radius: 8px;
    text-decoration: none;
    color: #333;
    border: 1px solid #dee2e6;
    transition: all 0.3s ease;
}

.szalloda-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-color: #00BFBB;
}

.orszag-csoport h4 {
    color: #b08601;
    margin-bottom: 15px;
    font-size: 1.3em;
}

.informacio-lista {
    background: white;
    padding: 25px;
    border-radius: 10px;
    margin: 20px 0;
    border: 1px solid #dee2e6;
}

.folyamat-lista {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 10px;
    margin: 20px 0;
}

.tanacsok-lista {
    background: white;
    padding: 10px;
    border-radius: 10px;
    margin: 20px 0;
    border-left: 4px solid #28a745;
}

.biztonsagi-tajekoztato {
    background: #e7f3ff;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
    border-left: 4px solid #007bff;
}

.gyakorlati-tipp {
    background: #fff3cd;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
    border-left: 4px solid #ffc107;
}

.tipp-doboz {
    background: #d4edda;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
    border-left: 4px solid #28a745;
}

.bevezeto-szoveg {
    font-size: 1.1em;
    line-height: 1.6;
    margin-bottom: 25px;
    color: #555;
}

.szalloda-item {
    padding: 12px 0;
    border-bottom: 1px solid #f0f0f0;
    margin-left: 20px;
}

.szalloda-item:last-child {
    border-bottom: none;
}

.szalloda-item a {
    color: #b08601;
    text-decoration: none;
    font-weight: bold;
}

.szalloda-item a:hover {
    text-decoration: underline;
    color: #8a6d01;
}

/* Reszponzív design */
@media (max-width: 768px) {
    .szalloda-lista {
        grid-template-columns: 1fr;
    }
    
    .orszag-csoport {
        padding: 15px;
    }
}


/* CSS a teljes ételérzékenység oldalhoz */
.alapveto-tippek-szekcio,
.csomagolas-tippek-szekcio,
.foglalas-tippek-szekcio,
.nyaralasi-tippek-szekcio {
    margin: 40px 0;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 15px;
    border: 1px solid #e9ecef;
}

.tipp-lista {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin: 25px 0;
}



.tipp-item {
    background: white;
    padding: 25px;
	margin:5px;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
    border: 1px solid #dee2e6;
    transition: all 0.3s ease;
}

.tipp-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.12);
}

.tipp-item h4 {
    color: #b08601;
    margin-bottom: 15px;
    font-size: 1.3em;
    border-bottom: 2px solid #b08601;
    padding-bottom: 10px;
}

.tipp-item p {
    line-height: 1.7;
    color: #555;
    margin-bottom: 0;
}

/* LEGJOBB MEGOLDÁS - reszponzív margók */
@media (max-width: 768px) {
    .tipp-item {
        padding: 15px;
        margin: 5px; /* 5% margó mindkét oldalon */
        border-radius: 8px;
        /*width: 100%; /* 100% - (2 × 5%) */
        box-sizing: border-box;
    }
}

.kartya-lista {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin: 25px 0;
}

.kartya-link {
    display: block;
    padding: 25px;
    background: white;
    border-radius: 10px;
    text-decoration: none;
    color: #333;
    border: 2px solid #00BFBB;
    transition: all 0.3s ease;
    text-align: center;
}

.kartya-link:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    background: #00BFBB;
    color: white;
}

.kartya-link strong {
    display: block;
    font-size: 1.2em;
    margin-bottom: 10px;
    color: inherit;
}

.kartya-link span {
    display: block;
    font-size: 0.95em;
    line-height: 1.5;
    color: inherit;
    opacity: 0.9;
}

/* GYIK szekció stílusok */
.gyik-szekcio {
    margin: 40px 0;
    padding: 30px;
    background: #f8f9fa;
    border-radius: 15px;
    border: 1px solid #e9ecef;
}

.gyik-alcim {
    margin: 40px 0 20px 0;
    padding-bottom: 15px;
    border-bottom: 3px solid #b08601;
}

.gyik-alcim h3 {
    color: #b08601;
    margin: 0;
    font-size: 1.5em;
    font-weight: 700;
}

.gyik-elem {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #dee2e6;
}

.gyik-elem:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.gyik-kerdes {
    color: #00BFBB;
    margin: 0 0 15px 0;
    font-size: 1.3em;
    font-weight: 600;
    border-bottom: 2px solid #00BFBB;
    padding-bottom: 8px;
}

.gyik-valasz {
    line-height: 1.7;
    color: #555;
    margin-bottom: 0;
}

.gyik-valasz p {
    margin-bottom: 15px;
}

.gyik-valasz ul {
    margin: 15px 0;
    padding-left: 20px;
}

.gyik-valasz li {
    margin: 10px 0;
    line-height: 1.6;
    padding-left: 5px;
}

.gyik-valasz strong {
    color: #333;
}

.gyik-valasz a {
    color: #00BFBB;
    font-weight: bold;
    text-decoration: underline;
}

.gyik-valasz a:hover {
    color: #007BFF;
    text-decoration: none;
}

/* Banner konténerek */
.banner-container {
    text-align: center;
    margin: 30px 0;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    border: 2px dashed #dee2e6;
}

/* Jogi nyilatkozat doboz */
.jogi-nyilatkozat-doboz {
    padding: 25px;
    border-radius: 10px;
    margin: 40px 0 20px 0;
    background: #f8d7da;
    border-left: 5px solid #dc3545;
    font-size: 0.9em;
}

.jogi-nyilatkozat-doboz h3 {
    color: #dc3545;
    margin-bottom: 15px;
    font-size: 1.3em;
}

.jogi-nyilatkozat-doboz p {
    margin-bottom: 15px;
    line-height: 1.6;
}

.jogi-nyilatkozat-doboz strong {
    color: #721c24;
}

/* Reszponzív design */
@media (max-width: 768px) {
    .gyik-szekcio {
        padding: 20px;
        margin: 30px 0;
    }
    
    .gyik-kerdes {
        font-size: 1.1em;
    }
    
    .gyik-elem {
        margin-bottom: 25px;
        padding-bottom: 20px;
    }
    
    .gyik-alcim h3 {
        font-size: 1.3em;
    }
    
    .banner-container {
        margin: 20px 0;
        padding: 15px;
    }
    
    .jogi-nyilatkozat-doboz {
        padding: 20px;
        margin: 30px 0 15px 0;
    }
}

@media (max-width: 480px) {
    .gyik-szekcio {
        padding: 15px;
    }
    
    .gyik-kerdes {
        font-size: 1em;
    }
    
    .gyik-valasz ul {
        padding-left: 15px;
    }
    
    .gyik-valasz li {
        margin: 8px 0;
    }
}

.charter-meneted-tanacsok .tanacs-doboz h3 {
    color: white;
}

.charter-meneted-tanacsok .szalloda-lista,
.charter-meneted-tanacsok .szalloda-item,
.charter-meneted-tanacsok .megoldas-lista,
.charter-meneted-tanacsok .megoldas-lista li {
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    list-style-position: outside;
}

.charter-meneted-tanacsok .szalloda-lista {
    margin-left: 20px;
}

.charter-meneted-tanacsok .szalloda-item {
    margin-left: 0;
    padding-left: 0;
}
/* ÚJ CSS AZ UTASBIZTOSÍTÁSI TARTALOMHOZ */
.utazasi-biztositasi-tartalom { max-width: 100%; margin: 0 auto; padding: 20px; }
.biztositasi-teruletek, .biztositasi-potdijak, .biztositasi-osszehasonlitas { margin: 30px 0; }
.potdij-csoport, .korosztaly-csoport { background: #f8f9fa; padding: 20px; margin: 15px 0; border-radius: 8px; }
.biztositasi-potdijak h3 { color: #b08601; margin-bottom: 15px; }
.korhatar-potdijak h4 { color: #00BFBB; margin: 15px 0 10px 0; }
.gyik-elem h3 {
    color: #00BFBB !important;
   
}

.jarat-informaciok {
    margin: 30px 0;
}

.jarat-csoport {
    background: #f8f9fa;
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 10px;
    border-left: 4px solid #00BFBB;
}

.jarat-csoport h3 {
    color: #b08601;
    margin-bottom: 10px;
    font-size: 1.4em;
}

.ervenyesseg {
    color: #666;
    font-style: italic;
    margin-bottom: 20px;
    font-size: 0.9em;
}

.informacios-blokk {
    background: white;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.informacios-blokk h4 {
    color: #00BFBB;
    margin-bottom: 15px;
    font-size: 1.2em;
}

.informacios-blokk h5 {
    color: #b08601;
    margin: 15px 0 10px 0;
    font-size: 1.1em;
}

.informacios-blokk ul {
    margin: 10px 0;
    padding-left: 20px;
}

.informacios-blokk li {
    margin: 8px 0;
    line-height: 1.5;
}

.informacios-blokk p {
    line-height: 1.6;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .jarat-csoport {
        padding: 15px;
    }
    
    .informacios-blokk {
        padding: 15px;
    }
}
/* HIÁNYZÓ CSS OSZTÁLYOK A TENERIFE TARTALOMHOZ */

.jarat-csoport {
    background: #f8f9fa;
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 10px;
    border-left: 4px solid #00BFBB;
}

.jarat-csoport h3 {
    color: #b08601;
    margin-bottom: 15px;
    font-size: 1.4em;
}

.informacios-blokk {
    background: white;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.informacios-blokk h3 {
    color: #00BFBB;
    margin-bottom: 15px;
    font-size: 1.3em;
}

.informacios-blokk ul {
    margin: 10px 0;
    padding-left: 20px;
}

.informacios-blokk li {
    margin: 8px 0;
    line-height: 1.5;
}

.tanacsok-lista {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

@media (max-width: 768px) {
    .tanacsok-lista {
        grid-template-columns: 1fr;
    }
    
    .jarat-csoport,
    .informacios-blokk {
        padding: 15px;
    }
}

/* HIÁNYZÓ CSS OSZTÁLYOK A TENERIFE VÁROSLISTÁHOZ */

.varos-lista {
    margin: 30px 0;
}

.varos-csoport {
    background: white;
    padding: 25px;
    margin-bottom: 25px;
    border-radius: 10px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
    border-left: 4px solid #00BFBB;
}

.varos-csoport h2 {
    color: #b08601;
    margin-bottom: 15px;
    font-size: 1.6em;
    border-bottom: 2px solid #b08601;
    padding-bottom: 10px;
}

.varos-csoport p {
    line-height: 1.7;
    color: #555;
    margin-bottom: 15px;
}

.varos-csoport p:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .varos-csoport {
        padding: 20px;
    }
    
    .varos-csoport h2 {
        font-size: 1.4em;
    }
}