@import url('/images/fonts/satoshi/satoshi.css');

BODY {font-family:'Satoshi', sans-serif; font-size:24px; line-height:32px; letter-spacing: -1.0px; font-weight:400; color:#444150; padding:0px; margin:0px;}

A {color:#5232db; text-decoration:none;}
A:HOVER {color:#333333;}

H1 {font-size:64px; line-height:64px; font-weight:500; letter-spacing:-1.2px; color:#000000; margin:0px; padding:0px; margin-bottom:20px;}
H2 {font-size:44px; line-height:50px; font-weight:500; letter-spacing:-1.2px; color:#000000; margin:0px; padding:0px; margin-bottom:20px;}
H3 {font-size:24px; line-height:30px; font-weight:400; letter-spacing:-1.0px; color:#444150; margin:0px; padding:0px; margin-bottom:20px;}

BUTTON {font-family:'Satoshi', sans-serif;}

.hand {cursor:pointer;}
.price {color:#9822bf;}
.discount {color:#ff0000;}
.info1 {padding:10px; padding-left:40px; font-size:14px; line-height:18px; background:url(/images/icons/info_hint.gif) no-repeat 17px 14px; background-color:#FFFFA6; color:#CA5927;}
.info2 {padding:10px; padding-left:40px; font-size:16px; line-height:20px; background:url(/images/icons/info_hint.gif) no-repeat 17px 14px; background-color:#FFFFA6; color:#CA5927; font-weight:bold;}
.clear {clear:both;}
.small {font-size:16px; line-height:20px;}
.nodisplay {display:none;}

.button1 {display:inline-block; color:#ffffff; background-color:#000000; font-size:18px; line-height:18px; font-weight:500; padding:10px 30px; text-transform:none; border:0px; cursor:pointer; text-decoration:none; border-radius:100px; box-shadow: 0 20px 20px -16px #0003;}
.button1:HOVER {text-decoration:none; color:#ffffff; background-color:#333333;}

.button2 {display:inline-block; color:#ffffff; background-color:#5232db; font-size:18px; line-height:18px; font-weight:500; padding:10px 30px; text-transform:none; border:0px; cursor:pointer; text-decoration:none; border-radius:100px; box-shadow: 0 20px 20px -16px #0003;}
.button2:HOVER {text-decoration:none; color:#ffffff; background-color:#7865cf;}

.button3 {display:inline-block; color:#ffffff; background-color:#5232db; font-size:18px; line-height:18px; font-weight:500; padding:10px 30px; text-transform:none; border:0px; cursor:pointer; text-decoration:none; border-radius:100px; box-shadow: 0 20px 20px -16px #0003;}
.button3:HOVER {text-decoration:none; color:#ffffff; background-color:#7865cf;}

.youtubefull {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.youtubefull IFRAME {position:absolute; top:0; left:0; width:100%; height:100%;}

/* MODALWINDOW ---------------------------------------------------------------*/
.modalwindow {position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(33,33,33,0.95); z-index:999999; display:none; justify-content:center; align-items:center;}
.modalwindow .mwcontent {width:100%; max-width:800px; background-color:#ffffff; display:block; padding:0px; max-height:80%; overflow-y:auto; box-sizing:border-box;}
.modalwindow .mwcontent .mwconlypic {max-width:100%; max-height:90vh; justify-content:center; align-items:center;}
.modalwindow .mwcontent .mwconlypic IMG {max-width:100%; max-height:88vh;}
.modalwindow .close_overlay_x {position:absolute; display:block; top:30px; right:30px; width:40px; height:40px; background-image:url(/images/icons/close1_white.svg); background-repeat:no-repeat; background-size:40px; z-index:10100;}

/* OVERLAYWINDOW -------------------------------------------------------------*/
.overlaywindow .mwcontent {width:auto; max-width:90%; max-height:90%; min-width:90%; background-color:transparent; display:block; padding:0px; overflow-y:unset;}

/* OVERLAYBOX1 ---------------------------------------------------------------*/
.overlaybox1 {z-index:999999;}
.overlaybox1 {display:grid; grid-template-columns:50% 50%; width:80%; height:auto; /*800px*/ background-color:#ffffff; color:#000000; margin: 0 auto;} 
.overlaybox1 .onleft {width:100%; height:100%; position:relative;}
.overlaybox1 .onleft .onpic {width:100%; height:100%; font-size:0px; line-height:0px; position:relative;}
.overlaybox1 .onleft .onpic IMG {width:100%; height:100%; object-fit:cover;}
.overlaybox1 .onleft .ondiscount {position:absolute; top:-15px; left:-15px; display:flex; width:100%; height:100%; justify-content:left; align-items:baseline;}
.overlaybox1 .onleft .ondiscount .ondpercent {background-color:#f00; color:#fff; font-size:70px; line-height:70px; width:160px; height:160px; display:flex; align-items:center; border-radius:100px; font-weight:800; letter-spacing:-5px; justify-content:center;}
.overlaybox1 .onright {display:flex; align-items:baseline; justify-content:center; flex-direction:column; width:100%; height:100%; box-sizing:border-box; padding:40px; background-color:#ffffff;}
.overlaybox1 .onright .onlrow1 {font-size:48px; line-height:50px; font-weight:bold; margin-bottom:40px; text-transform:uppercase;}
.overlaybox1 .onright .onlrow2 {font-size:36px; line-height:40px; font-weight:bold; margin-bottom:80px;}
.overlaybox1 .onright .onlrow3 {margin-bottom:40px;}
.overlaybox1 .onright .onlrow3 .button1 {font-size:24px; line-height:28px; font-weight:normal; padding:10px 50px;}
.overlaybox1 .onright .onlrow4 {font-size:12px; line-height:16px; font-weight:normal; padding-top:0px; display:none;}

/* TAB -----------------------------------------------------------------------*/
.icitab {border-bottom:1px solid #cccccc; margin-bottom:40px; padding-left:10px;}
.icitab .icitabtab {display:inline-block; border:1px solid #cccccc; padding:4px 10px 4px 10px; border-bottom:0px; margin-right:5px; color:#666666; font-size:16px; line-height:20px; font-weight:600; background-color:#f1f1f1;}
.icitab .icitabtab:HOVER {text-decoration:none;}
.icitab .icitabtabactive {border-bottom:1px solid #ffffff; margin-bottom:-1px; padding-top:8px; padding-bottom:6px; font-size:20px; line-height:20px; background-color:#ffffff;}

/* SLIDESHOW -----------------------------------------------------------------*/
.ici_slideshow_window {display:none; height:100%; width:100%; position:fixed; z-index:16000; top:0; background:rgba(33,33,33,.95); cursor:pointer; justify-content:center; align-items:center;}

.ici_slideshow_window .ici_slideshow_window_close {width:50px; height:50px; overflow:hidden; cursor:pointer; position:absolute; right:20px; top:10px; z-index:1;}
.ici_slideshow_window .ici_slideshow_window_close:hover::before, 
.ici_slideshow_window .ici_slideshow_window_close:hover::after {background: #EE3E36;}
.ici_slideshow_window .ici_slideshow_window_close::before, 
.ici_slideshow_window .ici_slideshow_window_close::after {position:absolute; height:3px; width:100%; top:50%; left:0; margin-top:-1px; background:#666666; content:'';}
.ici_slideshow_window .ici_slideshow_window_close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.ici_slideshow_window .ici_slideshow_window_close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}

.ici_slideshow_window .ici_slideshow_window_content {display:table; border:none; height:100vh; width:100vw; max-width:100%; max-height:100%;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container {display:table-cell; vertical-align:middle; text-align:center;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_pic {display:inline-block; max-width:1600px;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_pic IMG {max-width:100%; max-height:85vh;}
.ici_slideshow_window .ici_slideshow_window_content .ici_slideshow_window_content_container .ici_slideshow_window_content_text {display:inline-block; max-width:1200px; font-size:16px; line-height:22px; color:#ffffff; padding:10px 50px 10px 50px;}

.ici_slideshow_window .ici_slideshow_window_next {height:100%; width:200px; position:absolute; right:0px; top:0px; cursor:pointer;}
.ici_slideshow_window .ici_slideshow_window_next .ici_slideshow_arrow_container {position:absolute; right:40px; top:45%; height:87px; width:80px; float:none; background-color:rgba(255,255,255,0.5);}
.ici_slideshow_window .ici_slideshow_window_next .ici_slideshow_arrow_container .ici_slideshow_arrow {margin-top:20px; height:45px; width:45px; cursor:pointer; border-right:1px solid #333333; border-top:1px solid #333333; background:transparent; transform:rotate(45deg);}
.ici_slideshow_window .ici_slideshow_window_next:HOVER .ici_slideshow_arrow {border-right:2px solid #333333; border-top:2px solid #333333;}

.ici_slideshow_window .ici_slideshow_window_previous {height:100%; width:200px; position:absolute; left:0px; top:0px; cursor:pointer;}
.ici_slideshow_window .ici_slideshow_window_previous .ici_slideshow_arrow_container {position:absolute; left:40px; top:45%; height:87px; width:80px; float:none; background-color:rgba(255,255,255,0.5);}
.ici_slideshow_window .ici_slideshow_window_previous .ici_slideshow_arrow_container .ici_slideshow_arrow {height:45px; width:45px; margin-left:30px; margin-top:20px; cursor:pointer; border-left:1px solid #333333; border-top:1px solid #333333; background:transparent; transform:rotate(-45deg);}
.ici_slideshow_window .ici_slideshow_window_previous:HOVER .ici_slideshow_arrow {border-left:2px solid #333333; border-top:2px solid #333333;}

/* MESSAGEBOX ----------------------------------------------------------------*/
.messagebox {display:flex; column-gap:32px; width:100%; background-color:#f1f1f1; padding:32px; box-sizing:border-box;}
.messagebox .mb_icon {display:flex; align-items:center;}
.messagebox .mb_text {display:flex; align-items:center; font-size:18px; line-height:24px; font-weight:normal; color:#1d1136; width:100%;}
.messagebox .mb_button {}
.messagebox .mb_button .button1 {white-space:nowrap;}
.messagebox_notify {background-color:#ffea80;}

.breadcrumbcontainer {border-bottom:1px solid #dddddd; background-color:#f5f5f5; max-width:1920px; margin:0 auto; padding-top:7px;}
.breadcrumb {padding:0px; font-size:12px; margin:0 0 5px 0; color:#999999;}
.breadcrumb ol {list-style:outside none none; margin:0px; padding:0;}
.breadcrumb ol li {display:inline-block; margin:0px 5px 0px 5px;}
.breadcrumb ol li:first-child {margin-left:0px;}
.breadcrumb A {color:#666666;}

.pagecontainer {position:relative; width:1420px; margin:0 auto; text-align:left; padding:0px;} 

.headercontainermobile {display:none;}

.headercontainer {position:relative; width:100%; height:80px; margin:0 auto; border-bottom:1px solid #dcdcdc;}
.header {height:80px; display:flex; justify-content: space-between; align-items: center;}
.header .hlogo {line-height: 0px;}
.header .hmenu {}
.header .hbuttons {display: flex; column-gap: 20px; align-items: center;}
.header .hbuttons .loginlink {font-size: 19px; line-height: 25px; color:#000000; font-weight:700;}
.header .hburgermenu {display:none;}

.menu {margin-bottom:20px;}
.menutabs {overflow:show;}
.menutabs UL {display: flex; column-gap: 10px; margin:0; padding:0; padding-left:5px; font-size:19px; line-height:25px; font-weight:500; list-style-type:none;}
.menutabs UL LI {padding:0;}
.menutabs UL LI .menuitem {text-decoration:none; color:#000000; padding: 5px 15px; border-radius: 7px;}
.menutabs UL LI .homeiconlink {background-image:url(/images/icons/house1_white.svg); background-position:2px 2px; background-repeat:no-repeat; background-size:17px; width:20px; height:20px;}
.menutabs UL LI .homeiconlinkselected {background-image:url(/images/icons/house1_white.svg);}
.menutabs UL LI .selected {color:#ffffff; border-bottom:2px solid #bde3dd;}
.menutabs UL LI .menupanel {display:none;}
.menutabs UL LI:HOVER .menuitem {background-color: #f1f1f1; }

.contentcontainer {}
.content {padding-bottom:40px; padding-top:40px;}
.content .maincont {width:1090px; float:right;}
.content .boxcont {position:relative; width:310px; margin-right:20px; padding-top:30px; float:left;}

.firstpageview1 {display:grid; grid-template-columns:50% 50%; column-gap:20px;}

.firstpageviewBOX1 {width:100%; height:100px; margin-bottom:20px; background-color:#eeeeee; display:flex;}
.firstpageviewBOX1 .pic {width:100px; height:100px; background-color:#cccccc; overflow:hidden;}
.firstpageviewBOX1 .info {display:flex; align-items:center; height:100px; padding:0px 10px;}
.firstpageviewBOX1 .info .name A {font-size:24px; line-height:32px; font-weight:900; text-transform:uppercase;}

/* HOMEPAGE ------------------------------------------------------------------*/
.homelabel1 {text-transform:uppercase; font-size:18px; line-height:28px; color:#777777; font-weight:300; margin-bottom:30px;}

.hometext {margin-bottom:30px;}
.hometext2 {display:flex; justify-content:space-between; align-items:center; column-gap:40px;}

.bigpromocontainer {margin-bottom:40px;}
.bigpromo {position:relative; width:100%; text-align:center; padding:80px 0px 50px 0px;}
.bigpromo .info {padding:0px 17%;}
.bigpromo .info .subtitle {margin-bottom: 40px;}
.bigpromo .info .subtitle .highlight {font-size: 15px; font-weight: 700; border: 0px solid #e5e5e5; padding: 11px 30px; border-radius: 100px; color: #333; box-shadow: 0 20px 20px -16px #0003;}
.bigpromo .info .title {margin-bottom: 26px;}
.bigpromo .info .text {margin-bottom: 38px; padding: 0px 40px;}
.bigpromo .info .more {margin-bottom: 10px;}
.bigpromo .info .more .button1 {font-size: 22px; line-height: 29px; padding: 17px 43px;}
.bigpromo .info .moresub {font-size: 14px; line-height: 22px; color: #555; letter-spacing: 0px;}

.smallpromogrid {display:grid; grid-template-columns: repeat(3,1fr); grid-column-gap:40px; margin-bottom:40px;}
.smallpromobox1 {background-color:#f5f7f7; box-sizing: border-box; padding:40px 40px; border-radius: 20px; text-align:center;}
.smallpromobox1 .pic {margin-bottom: 20px;}
.smallpromobox1 .pic IMG {width:100px;}
.smallpromobox1 .info {}
.smallpromobox1 .info .title {margin-bottom: 20px;}
.smallpromobox1 .info .title A {font-size: 32px; line-height: 38px; font-weight: 500; color: #130b37;}
.smallpromobox1 .info .text {font-size: 20px; line-height: 26px; margin-bottom: 25px; color: #5f5a77;}
.smallpromobox1 .info .more {}

.hotelsgrid1 {display:grid; grid-template-columns: repeat(4,1fr); grid-column-gap:40px; grid-row-gap:40px; margin-bottom:80px;}
.hotelbox1 {position:relative; width:100%; height:500px; background-color:#f5f7f7; border-radius:20px; overflow:hidden;}
.hotelbox1 .pic {position:absolute; width:100%; height:500px; background-color:#f5f7f7;}
.hotelbox1 .pic IMG {width:100%; height:500px; object-fit:cover;}
.hotelbox1 .gradient {position:absolute; width:100%; height:500px; background: linear-gradient(180deg,rgba(82, 50, 219, 0.2) 0%, rgba(82, 50, 219, 0.21) 56%, rgb(82, 50, 219) 100%);}
.hotelbox1 .info {position:absolute; width:100%; height:500px; display:flex; flex-direction:column; justify-content:flex-end; align-items:left; padding:20px; box-sizing:border-box;}
.hotelbox1 .info .title {font-size:26px; line-height:32px; font-weight: 700; margin-bottom: 10px;}
.hotelbox1 .info .title A {color:#ffffff;}
.hotelbox1 .info .text {font-size:18px; line-height:22px; color:#ffffff; margin-bottom: 20px; letter-spacing:-0.4px;}
.hotelbox1 .info .more .button2 {background-color:#000000;}

/* COMMON - FOOTER -----------------------------------------------------------*/
.footercontainer {border-top:1px solid #dcdcdc; padding:50px 0px;}
.footercontainer A {}
.footercontainer A:HOVER {}

.footer {display:grid; grid-template-columns: 7fr 3fr 2fr; column-gap:30px; margin-bottom:30px; font-size: 0.9rem; line-height: 1.25rem; letter-spacing: 0px;} 
.footer .footerinfo1 .footerlogo {margin-bottom: 10px;}
.footer .footerinfo1 .footerlogo IMG {height:30px;}
.footerdisclamier {text-align:center; font-size:1rem; line-height:1.25rem;}
.footercredit {text-align:center; font-size:1rem; line-height:1.25rem;}

.lastbox {margin-right:0px !important;}
.boxlast {padding-right:0px !important;}
.clear {clear:both;}

@media (min-width:1281px) and (max-width:1920px){

}

@media (max-width:1439px) {

	.pagecontainer {width:1280px;}

	.headcontainer {background-position:left center;}
	.tophead .firstsentence {display:none;}
	.tophead .rightpanel {width:1280px; justify-content:space-between;}

	.content .maincont {width:950px;}

	.menutabs UL {font-size:18px;}

}

@media (max-width:1299px) {

	.pagecontainer {width:1024px;}

	.overlaybox1 .onright .onlrow1 {font-size:36px; line-height:40px;}
	.overlaybox1 .onright .onlrow2 {font-size:24px; line-height:30px; margin-bottom:60px;}
	.overlaybox1 .onright .onlrow3 .button1 {font-size:20px; line-height:24px; padding:10px 40px;}

	.content .maincont {width:694px;}
}

@media (max-width:1023px) {

    H1 {font-size:30px; line-height:36px;}
    H2 {font-size:22px; line-height:28px;}

    .pagecontainer {box-sizing:border-box; width:100%; padding:0 10px;}

	.overlaybox1 {width:94%; /*height:400px;*/}
	.overlaybox1 .onright .onlrow1 {font-size:36px; line-height:40px;}
	.overlaybox1 .onright .onlrow2 {font-size:24px; line-height:30px; margin-bottom:60px;}
	.overlaybox1 .onright .onlrow3 .button1 {font-size:20px; line-height:24px; padding:10px 40px;}
    
    .mobilemenu {display:table-cell; position:fixed; width:100%; height:100%; left:0; top:0; overflow-y:scroll; background-color:#333333; z-index:3000; text-align:left;}
    .mobilemenu .close_overlay_x {position:absolute; display:block; top:10px;right:10px; width:30px; height:30px; background-image:url(/images/icons/close_x.svg); background-repeat:no-repeat; background-size:30px; z-index:10100;}
    .mobilemenu .close_overlay_x2 {display:block; width:15px; height:15px; background-image:url(/images/icons/close_x.svg); background-repeat:no-repeat; background-size:contain; margin-right:10px;}
    .mobilemenu .mobilemenuclose {text-align:right; margin:20px 0; padding:0 10px;}
    .mobilemenu .mobilemenuinner {margin-top:30px;}
    .mobilemenu .mobilemenuinner .mobilemenuclose A {font-size:12px; line-height:12px; text-transform:uppercase; color:#555;}
	
    .mobilemenu .mobilemenucontainer {width:100%; display:flex; flex-direction:column; align-items:flex-start;}
    .mobilemenu .mobilemenucontainer .mobilemenuupper {box-sizing:border-box; width:100%; display:grid; grid-template-columns:2fr auto auto; padding:0 10px; margin-top:10px;}
    .mobilemenu .mobilemenucontainer .mobilemenuupper .login {width:65%; display:flex; align-items:center; justify-content:space-between; font-size:14px; line-height:18px; font-weight:bold; color:#fff; background-color:rgba(255, 255, 255, 0.25); border-radius:25px; padding-top:2px; padding-bottom:2px; padding-left:10px;}
    .mobilemenu .mobilemenucontainer .mobilemenuupper .login .img {background-image:url(/images/mobilemenu/user.svg); width:28px; height:28px; background-size:contain; background-repeat:no-repeat; background-position:center;}
    .mobilemenu .mobilemenuupper .hlang {position:absolute; display:block; right:40px; top:0; width:auto; z-index:1000; padding:5px 10px 5px 10px; border:1px solid transparent;}
    .mobilemenu .mobilemenuupper .hlang .hlselected {display:block; border-bottom:0px; padding:5px 25px 10px 0px; text-align:right; font-size:14px; line-height:18px; font-weight:600; color:#1f1f1f; text-transform:uppercase; background-image:url(/images/mobilemenu/arrow1white_right.png); background-repeat:no-repeat; background-position:right 12px;}
    .mobilemenu .mobilemenuupper .hlang .hlselected SPAN {display:inline-block; height:100%; vertical-align:middle; padding-right:10px;}
    .mobilemenu .mobilemenuupper .hlang .hlselected IMG {display:inline-block; vertical-align:middle;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel {display:none;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL {list-style-type:none; margin:0px; padding:0px;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI {}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI A {display:block; border-bottom:0px; padding:5px 25px 10px 0px; text-align:right; font-size:14px; line-height:18px; font-weight:600; color:#1f1f1f; text-transform:uppercase; background-image:url(/images/icons/arrow1_right.png); background-repeat:no-repeat; background-position:right 12px; margin:10px 0px 10px 0px;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI A SPAN {display:inline-block; height:100%; vertical-align:middle; padding-right:10px;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI A IMG {display:inline-block; vertical-align:middle;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI A:HOVER {color:#ffffff; background-image:url(/images/icons/arrow1_right.png); background-repeat:no-repeat; background-position:right 12px; text-decoration:none;}
    .mobilemenu .mobilemenuupper .hlang:HOVER {background-color:#f9f9f9; border:1px solid #cccccc;}
    .mobilemenu .mobilemenuupper .hlang:HOVER .hlselected {cursor:pointer; background-image:url(/images/icons/arrow1_down.png); background-repeat:no-repeat; background-position:right 18px; border-bottom:1px solid #cccccc;}
    .mobilemenu .mobilemenuupper .hlang:HOVER .hlpanel {display:block;}

    /* text nelkul */
    .mobilemenu .mobilemenuupper .hlang {position:absolute; display:block; right:40px; top:0; width:auto; z-index:1001; padding:5px 10px 5px 10px; border:1px solid transparent;}
    .mobilemenu .mobilemenuupper .hlang .hlselected {display:block; border-bottom:0px; padding:5px 25px 10px 0px; text-align:right; font-size:14px; line-height:18px; font-weight:600; color:#1f1f1f; text-transform:uppercase; background-image:url(/images/mobilemenu/arrow1white_right.png); background-repeat:no-repeat; background-position:right 12px;}
    .mobilemenu .mobilemenuupper .hlang .hlselected SPAN {display:none;}
    .mobilemenu .mobilemenuupper .hlang .hlpanel UL LI A SPAN {display:none;}

    .mobilemenu .mobilemenucontainer .mobilemenubuttons {width:100%; display:flex; justify-content:center; margin-bottom:35px; flex-wrap:wrap; column-gap:20px; row-gap:20px;}
    .mobilemenu .mobilemenucontainer .mobilemenubuttons .button4 {background-color:#ffffff;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons {box-sizing:border-box; width:100%; display:grid; grid-template-columns:repeat(4, 20%); grid-column-gap:25px; padding-right:10px; border-top:1px solid rgba(255, 255, 255, 0.25); padding-top:20px; justify-content:space-between;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon {position:relative; display:flex; flex-direction:column; align-items:center;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon:HOVER {text-decoration:none;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon .img {width:30px; height:30px; background-size:cover;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon .text {color:#fff; font-size:9px; line-height:13px; font-weight:700; text-transform:uppercase; text-align:center; margin-top:7px;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon .number {position:absolute; right:3px; top:-10px; display:flex; justify-content:center; align-items:center; width:24px; height:24px; color:#fff; font-size:12px; line-height:12px; font-weight:800; background-color:#ff0000; border-radius:50%;}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon1 .img {background-image:url(/images/mobilemenu/house.svg);}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon2 .img {background-image:url(/images/mobilemenu/discount.svg);}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon3 .img {background-image:url(/images/mobilemenu/loyalty.svg);}
    .mobilemenu .mobilemenucontainer .mobilemenuicons .icon4 .img {background-image:url(/images/mobilemenu/offer.svg);}
    .mobilemenu .mobilemenulogo {display:flex; align-items:flex-start; justify-content:center; margin:30px 0; width:100%;}
	.mobilemenu .mobilemenulogo A {display:block; background-repeat:no-repeat; background-size:contain;}
	.mobilemenu .mobilemenulang {display:flex; align-items:center; height:30px;}

    .mobilemenulang .hlang {display:block; z-index:1001; border:1px solid transparent;}
	.mobilemenulang .hlang .hlselected {display:block; border-bottom:0px;  font-size:14px; line-height:18px; font-weight:600; color:#1f1f1f; text-transform:uppercase; background-image:url(/images/icons/arrow1_right.png); background-repeat:no-repeat; background-position:right 12px;}
	.mobilemenulang .hlang .hlselected SPAN {}
	.mobilemenulang .hlang .hlpanel UL LI A SPAN {}
    
    .mobilemenulang .hlang {position:relative; background:#ededed; font-size:16px; line-height:20px; font-weight:400;}
    .mobilemenulang .hlang .hlselected {border-bottom:0px; padding:0px 0px 0px 33px; text-align:right; color:#717171; background-color:#ededed; background-position:8px 3px; background-repeat:no-repeat; background-size:15px;}
    .mobilemenulang .hlang .hlselectedflag_hu {background-image:url(/images/icons/flags2/hu.svg);}
    .mobilemenulang .hlang .hlselectedflag_en {background-image:url(/images/icons/flags2/en.svg);}
    .mobilemenulang .hlang .hlselectedflag_de {background-image:url(/images/icons/flags2/de.svg);}
    .mobilemenulang .hlang .hlselectedflag_ro {background-image:url(/images/icons/flags2/ro.svg);}
    .mobilemenulang .hlang .hlselectedflag_sk {background-image:url(/images/icons/flags2/sk.svg);}
    .mobilemenulang .hlang .hlselectedflag_pl {background-image:url(/images/icons/flags2/pl.svg);}
    .mobilemenulang .hlang .hlselectedflag_ru {background-image:url(/images/icons/flags2/ru.svg);}
    .mobilemenulang .hlang .hlpanel {display:none; position:absolute; top:27px; right:0px; background-color:#dddddd; width:150px;}
    .mobilemenulang .hlang .hlpanel UL {list-style-type:none; margin:0px; padding:0px;}
    .mobilemenulang .hlang .hlpanel UL LI {float:none; padding:0px; margin:0px;}
    .mobilemenulang .hlang .hlpanel UL LI .lang {display:block; text-align:right; font-size:16px; line-height:20px; font-weight:400; color:#1f1f1f; padding:5px 10px 5px 5px; margin:0px;}
    .mobilemenulang .hlang .hlpanel UL LI .lang SPAN {padding-left:33px; background-position:8px 3px; background-repeat:no-repeat; background-size:15px;}
    .mobilemenulang .hlang .hlpanel UL LI .lang_hu SPAN {background-image:url(/images/icons/flags2/hu.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_en SPAN {background-image:url(/images/icons/flags2/en.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_de SPAN {background-image:url(/images/icons/flags2/de.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_ro SPAN {background-image:url(/images/icons/flags2/ro.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_sk SPAN {background-image:url(/images/icons/flags2/sk.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_pl SPAN {background-image:url(/images/icons/flags2/pl.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang_ru SPAN {background-image:url(/images/icons/flags2/ru.svg);}
    .mobilemenulang .hlang .hlpanel UL LI .lang:HOVER {color:#000000; background-color:#ededed; text-decoration:none;}
    .mobilemenulang .hlang:HOVER {background-color:#dddddd;}
    .mobilemenulang .hlang:HOVER .hlselected {cursor:pointer; background-color:#dddddd; padding-bottom:4px;}
    .mobilemenulang .hlang:HOVER .hlpanel {display:block;}
    
    .mobilemenu .mobilemenuinner {}
    .mobilemenu .mobilemenuinner .mobilemenuclose {text-align:right; margin:20px 0; padding:0 10px;}
    .mobilemenu .mobilemenuinner .mobilemenuclose A {font-size:12px; line-height:12px; text-transform:uppercase; color:#fff;}
	.mobilemenu .mobilemenuinner UL {list-style-type:none; margin:0; padding:0;}
	.mobilemenu .mobilemenuinner UL LI {margin:0px; padding:0px; border-bottom:1px solid rgba(255, 255, 255, 0.25);}
	.mobilemenu .mobilemenuinner UL LI A {display:block; text-decoration:none; text-transform:uppercase; font-size:18px; line-height:24px; font-weight:900; color:#fff; padding:10px;}
	.mobilemenu .mobilemenuinner UL LI A:HOVER {color:#fff;}
    .mobilemenu .mobilemenuinner UL LI A.menusign {background-image:url(/images/HOTELV5/arrow5whiteright10px.png); background-repeat:no-repeat; background-position:right center; background-size:20px;}
    .mobilemenu .mobilemenuinner UL LI A.opened {background-image:url(/images/HOTELV5/arrow5whitetop10px.png); background-repeat:no-repeat; background-position:right 5px center; background-size:20px;}
	.mobilemenu .mobilemenuinner UL LI A.nomenusign {display:inline-block; width:20px; height:20px; margin-right:5px;}
	.mobilemenu .mobilemenuinner UL LI A.selected .sub0menusign {}
	.mobilemenu .mobilemenuinner UL LI UL {margin-top:0px; background-color:rgba(255, 255, 255, 0.25);}
    .mobilemenu .mobilemenuinner UL LI UL LI {margin:0px; padding:0px;}
    .mobilemenu .mobilemenuinner UL LI UL LI:last-child {border-bottom:0px;}
	.mobilemenu .mobilemenuinner UL LI UL LI A {display:block; font-size:16px; line-height:22px; font-weight:600; color:#ffffff; text-transform:unset; padding-left:20px;}
	.mobilemenu .mobilemenuinner UL LI UL LI A.menusign {background-image:url(/images/arrowleft_white.png); background-repeat:no-repeat; background-position:10px 13px; background-size:18px;}
	.mobilemenu .mobilemenuinner UL LI UL LI A.nomenusign {}
	.mobilemenu .mobilemenuinner UL LI UL LI A.selected {}
	.mobilemenu .mobilemenuinner UL LI UL LI UL {font-size:0.8em; font-weight:400; line-height:1.5em; color:#666666; margin-top:1.6em; margin-bottom:1.6em; background-color:#ee9c22; padding:10px 0px;}
	.mobilemenu .mobilemenuinner UL LI UL LI UL LI {margin:0 0 0.7em 0; padding:0; border-bottom:0px;}
	.mobilemenu .mobilemenuinner UL LI UL LI UL LI A {text-transform:none; padding-left:0px; padding-bottom:0em;}
    .mobilemenu .mobilemenuinner .mobilemenufooter {font-size:16px; line-height:22px; color:#ffffff; padding:30px 10px 30px 10px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelname {font-weight:bold;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotellinks {margin:20px 0; font-size:12px; line-height:16px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelsponsors {display:flex; align-items:flex-start; margin-bottom:25px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelsponsors IMG {width:auto; height:40px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelsponsors .sponsor {display:block; margin-right:25px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelcredit {display:flex; flex-direction:column; font-size:10px; line-height:16px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter .hotelcredit IMG {width:auto; height:23px;}
    .mobilemenu .mobilemenuinner .mobilemenufooter A {color:#ffffff;}
    .mobilemenu .mobilemenuinner .mobilemenuclose A {display:flex; justify-content:flex-end; align-items:center;}

	.messagebox {flex-direction:column; row-gap:32px;}

	.headcontainermobile {display:block; height:60px;}

	.headcontainer {position:fixed; background-image:none; background-color:#ffffff; height:60px; border-bottom:1px solid #cccccc;}

	.head {height:60px;}

	.head .hlogo A {display:block; width:210px; height:50px; background-color:#cccccc; background-size:contain; background-repeat:no-repeat;}

    .head .hburgermenu {display:block; position:absolute; top:10px; right:10px;}
    .head .hburgermenu .hburger {display:block; width:40px; height:30px; cursor:pointer; margin-bottom:10px;}
    .head .hburgermenu .hburger SPAN {display:inline-block; width:100%; height:6px; background:#666666; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
	.head .hburgermenu .hburger SPAN:BEFORE {content:''; position:absolute; left:0px; top:-11px; width:100%; height:6px; background:#666666; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}
	.head .hburgermenu .hburger SPAN:AFTER {content:''; position:absolute; left:0px; top:11px; width:100%; height:6px; background:#666666; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}

	.head .sitemenu {display:none;}
	.head .sitemenu .hburgermenu {display:block;}

	.head .hbuttons {display:block; position:absolute; top:14px; right:40px;}
	.head .hbuttons UL {list-style-type:none; padding:0px; margin:0px;}
	.head .hbuttons UL LI {float:left; margin-right:10px;}
	.head .hbuttons UL LI A {font-size:16px; line-height:20px; font-weight:400; color:#5b5b5b; text-transform:uppercase; padding:4px 16px 3px 16px;}
	.head .hbuttons UL LI .interest {display:none; background-color:#999999; color:#ffffff;}
	.head .hbuttons UL LI .booking {background-color:#999999; color:#ffffff; font-weight:700;}
	.head .hbuttons UL LI .login {display:none; background-color:#cccccc; font-weight:700; padding:4px 6px 3px 28px; background-image:url(/images/icons/user8.svg); background-position:3px 3px; background-repeat:no-repeat; background-size:20px;}
	.head .hbuttons UL LI .login:HOVER {background-color:#ffffff;}
	
    .content .maincont {width:100%;}

    .buttoncont .button1 {width:75%; box-sizing:border-box; text-align:center;}
    
    .homebookingboxcont {margin-bottom:0;}
    
	.bigpromocontainer {height:340px;}
	.bigpromocontainer .bigpromopic {height:340px;}
	.bigpromocontainer .bigpromocover {height:340px;}
	.bigpromocontainer .bigpromoolellek {top:20px; right:20px; width:45px; height:45px; background-size:45px;}
	.bigpromo {height:340px;}
	.bigpromo .info {width:auto; padding:0px 10px;}
	.bigpromo .info .title {font-size:24px; line-height:32px;}
	.bigpromo .info .title A {color:#ffffff; text-decoration:none;}
	.bigpromo .info .text {font-size:18px; line-height:24px; font-weight:500; color:#ffffff; margin-top:-30px; margin-bottom:50px;}
	.bigpromo .info .more {}
	.bigpromo .info .more .button1 {font-size:16px; font-weight:700; line-height:22px; padding:8px 20px;}

	.firstpageview1 {display:block;}

	.footer .ftop {display:block;}
  	.footer .ftop .fhotelinfo {width:100%; margin-bottom:30px;}
  	.footer .ftop .fhotelinfo .fhihotelname {text-align:left;}
  	.footer .ftop .fhotelinfo .poweredby {display:none;}
  	.footer .ftop .fbox {margin-bottom:30px;}
  	.footer .ftop .fboxes {display:block; width:100%;}
  	.footer .ftop .fboxes .fbuseful {width:100%;}
  	.footer .ftop .fboxes .fbrandlogos {width:100%; text-align:left;}
  	.footer .ftop .fboxes .fbrandlogos .flogo IMG {width:70px; height:auto;}
  	.footer .ftop .fboxes .fbox .fbtitle {margin:10px 0px;}
  	.footer .ftop .fboxes .fbmenu {width:100%;}
  	.footer .ftop .fboxes .fbox .fbcontent UL {margin-top:10px;}
  	.footer .ftop .fboxes .fbox .fbcontent UL LI {margin:0px 15px 5px 0px; font-size:14px;}

	.footerbookingcontainer {display:block;}

}

@media (max-width:767px) {
	.overlaybox1 {display:block; width:90%; height:80%;}  
	.overlaybox1 .onleft {height: 30vh;}
	.overlaybox1 .onright {height: 50vh; padding:20px;}
	.overlaybox1 .onright .onlrow1 {font-size:26px; line-height:28px; margin-bottom:20px;}
	.overlaybox1 .onright .onlrow2 {font-size:20px; line-height:26px; margin-bottom:40px;}
	.overlaybox1 .onright .onlrow3 .button1 {font-size:18px; line-height:22px; padding:10px 40px;}
}	

@media (max-width:640px) {

}

@media (max-width:480px){
	.overlaybox1 {display:block; width:90%; height:80%;}  
	.overlaybox1 .onleft {height: 30vh;}
	.overlaybox1 .onright {height: 50vh; padding:20px;}
	.overlaybox1 .onright .onlrow1 {font-size:20px; line-height:24px; margin-bottom:20px;}
	.overlaybox1 .onright .onlrow2 {font-size:16px; line-height:20px; margin-bottom:20px;}
	.overlaybox1 .onright .onlrow3 .button1 {font-size:18px; line-height:22px; padding:10px 40px;}

}

.gradient-border {
  --borderWidth: 1px;
  background: #ffffff;
  position: relative;
  border-radius: var(--borderWidth);
}
.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
  border-radius: 100px;
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}