div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right,div.pp_default .pp_top,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite_x.png) 0 0 repeat-x; } div.pp_default .pp_top .pp_right { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite_y.png) 100% 0 repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } div.pp_default .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite_next.png) 100% no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite_prev.png) 0 no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/default_thumb.png) 50% #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li.selected a,div.pp_default .pp_gallery ul li a:hover { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_next,div.pp_default .pp_gallery a.pp_arrow_previous { position: static; left: auto; }
div.pp_default .pp_nav .pp_pause,div.pp_default .pp_nav .pp_play { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_next,div.pp_default a.pp_arrow_previous { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover,div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_nav .pp_play:hover { opacity:.7; }
div.pp_default .pp_description{ font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite_x.png) 0 100% repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/default/loader.gif) 50% no-repeat; }  div.light_rounded .pp_top .pp_left { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/btnNext.png) 100% no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/btnPrevious.png) 0 no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; } 
div.light_rounded .pp_gallery a.pp_arrow_next,div.light_rounded .pp_gallery a.pp_arrow_previous { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/loader.gif) 50% no-repeat; }  div.dark_rounded .pp_top .pp_left { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/contentPattern.png) 0 0 repeat; } div.dark_rounded .pp_top .pp_right { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/contentPattern.png) 0 0 repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/contentPattern.png) 100% 0 repeat-y; } div.dark_rounded .pp_content { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/contentPattern.png) 0 0 repeat; } div.dark_rounded .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/btnNext.png) 100% no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/btnPrevious.png) 0 no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded #pp_full_res .pp_inline,div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_arrow_previous { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/contentPattern.png) 0 0 repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_rounded/loader.gif) 50% no-repeat; }  div.dark_square .pp_content,div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right { background: #000; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/loader.gif) 50% no-repeat; } div.dark_square .pp_expand { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_arrow_previous { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/btnNext.png) 100% no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/dark_square/btnPrevious.png) 0 no-repeat; cursor: pointer; }  div.light_square .pp_content,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right { background: #fff; }
div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_arrow_previous { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_square/btnNext.png) 100% no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_square/btnPrevious.png) 0 no-repeat; cursor: pointer; } div.light_square .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/loader.gif) 50% no-repeat; }  div.facebook .pp_top .pp_left { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/contentPatternTop.png) 0 0 repeat-x; } div.facebook .pp_top .pp_right { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/contentPatternLeft.png) 0 0 repeat-y; } div.facebook .pp_content_container .pp_right { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/contentPatternRight.png) 100% 0 repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/loader.gif) 50% no-repeat; } div.facebook .pp_arrow_previous { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/btnNext.png) 100% no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/btnPrevious.png) 0 no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/contentPatternBottom.png) 0 0 repeat-x; } div.facebook .pp_bottom .pp_right { background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; }  div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
left: 0;
top: 0;
width: 100%;
z-index: 2;
}
div.pp_overlay,div.pp_pic_holder {
display: none;
position: absolute;
}
div.pp_pic_holder {
width: 100px;
z-index: 4;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
left: 0;
width: 20px;
}
.pp_top .pp_left,.pp_top .pp_middle {
height: 20px;
position: absolute;
}
.pp_top .pp_middle {
left: 20px;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_nav,.pp_social .twitter { float: left;
}
.pp_nav {
clear: right;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap;
}
.pp_nav .pp_pause,.pp_nav .pp_play {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_next,a.pp_arrow_previous {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 4;
}
.pp_gallery div {
overflow: hidden;
}
.pp_gallery div,.pp_gallery ul {
float: left;
position: relative;
}
.pp_gallery ul {
height: 35px;
margin: 0 0 0 5px;
padding: 0;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px solid #000;
border: 1px solid rgba(0,0,0,.5);
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery li.selected a,.pp_gallery ul a:hover { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_next,.pp_gallery .pp_arrow_previous {
margin-top: 7px !important;
}
a.pp_next {
float: right;
}
a.pp_next,a.pp_previous {
background: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
float: left;
}
a.pp_contract,a.pp_expand {
cursor: pointer;
display: none;
height: 20px;
right: 30px;
top: 10px;
width: 20px;
z-index: 5;
}
a.pp_close,a.pp_contract,a.pp_expand {	
position: absolute;
text-indent: -10000px;
}
a.pp_close { right: 0; top: 0; 
display: block;
line-height:22px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 3;
}.pull-left {
float: left; }
.pull-right {
float: right; }
.grid-row {
position: relative;
width: auto;
margin-left: -1.5%;
margin-right: -1.5%; }
.grid-row .grid-column {
float: left;
margin: 0.5rem 1.5%;
min-height: 0.125rem; }
.grid-row::after {
content: "";
display: table;
clear: both; }
.grid-column-1,
.grid-column-2,
.grid-column-3,
.grid-column-4,
.grid-column-5,
.grid-column-6,
.grid-column-7,
.grid-column-8,
.grid-column-9,
.grid-column-10,
.grid-column-11,
.grid-column-12 {
width: 97%; }
.grid-column-1-sm {
width: 5.33333%; }
.grid-column-2-sm {
width: 13.66667%; }
.grid-column-3-sm {
width: 22%; }
.grid-column-4-sm {
width: 30.33333%; }
.grid-column-5-sm {
width: 38.66667%; }
.grid-column-6-sm {
width: 47%; }
.grid-column-7-sm {
width: 55.33333%; }
.grid-column-8-sm {
width: 63.66667%; }
.grid-column-9-sm {
width: 72%; }
.grid-column-10-sm {
width: 80.33333%; }
.grid-column-11-sm {
width: 88.66667%; }
.grid-column-12-sm {
width: 97%; }
@media only screen and (min-width: 45em) {
.grid-column-1 {
width: 5.33333%; }
.grid-column-2 {
width: 13.66667%; }
.grid-column-3 {
width: 22%; }
.grid-column-4 {
width: 30.33333%; }
.grid-column-5 {
width: 38.66667%; }
.grid-column-6 {
width: 47%; }
.grid-column-7 {
width: 55.33333%; }
.grid-column-8 {
width: 63.66667%; }
.grid-column-9 {
width: 72%; }
.grid-column-10 {
width: 80.33333%; }
.grid-column-11 {
width: 88.66667%; }
.grid-column-12 {
width: 97%; } }
.opalhotel-datpicker {
font-family: 'Crimson Text', serif;
line-height: 1;
color: #444;
font-weight: 400;
width: 300px;
padding: 10px;
background-color: #fff;
box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1); }
.opalhotel-datpicker .ui-datepicker-header {
margin-bottom: 7px;
padding: 10px 0;
border-bottom: solid 1px #e6e6e6;
background-color: transparent;
position: relative; }
.opalhotel-datpicker .ui-datepicker-title {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
text-align: center; }
.opalhotel-datpicker .ui-datepicker-prev,
.opalhotel-datpicker .ui-datepicker-next {
position: absolute;
box-shadow: none;
top: 3px;
padding: 5px;
color: #444;
font-size: 0; }
.opalhotel-datpicker .ui-datepicker-prev:hover,
.opalhotel-datpicker .ui-datepicker-next:hover {
cursor: pointer;
color: #a46796; }
.opalhotel-datpicker .ui-datepicker-next {
right: 10px; }
.opalhotel-datpicker .ui-datepicker-next .ui-icon:before {
content: '\f101';
font-family: FontAwesome;
font-size: 16px; }
.opalhotel-datpicker .ui-datepicker-prev .ui-icon:before {
content: "\f100";
font-family: FontAwesome;
font-size: 16px; }
.opalhotel-datpicker .ui-datepicker-prev {
left: 10px; }
.opalhotel-datpicker table {
margin: 0;
border: none;
line-height: 1;
width: 100%;
border-spacing: 0;
border-collapse: collapse; }
.opalhotel-datpicker th {
color: #444;
background-color: transparent;
text-transform: uppercase;
padding: 8px;
text-align: center;
font-weight: 600;
border: 0; }
.opalhotel-datpicker td {
padding: 3px;
border: none; }
.opalhotel-datpicker .ui-datepicker-prev.ui-state-disabled,
.opalhotel-datpicker .ui-datepicker-next.ui-state-disabled,
.opalhotel-datpicker td span,
.opalhotel-datpicker td span {
opacity: 0.3; }
.opalhotel-datpicker td a,
.opalhotel-datpicker td span {
display: block;
color: #444;
padding: 7px;
text-align: center;
border: solid 1px #e6e6e6;
background-color: transparent;
box-shadow: none; }
.opalhotel-datpicker td a:hover,
.opalhotel-datpicker td a:focus,
.opalhotel-datpicker td.ui-state-highlight a,
.opalhotel-datpicker td .ui-state-active {
border-color: #9E3515; }
.ui-datepicker-current-day a.ui-state-active { }
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.noUi-target {
position: relative;
direction: ltr; }
.noUi-base {
width: 100%;
height: 100%;
position: relative; }
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0; }
.noUi-handle {
position: relative;
z-index: 1; }
.noUi-stacking .noUi-handle {
z-index: 10; }
.noUi-state-tap .noUi-origin {
-webkit-transition: left .3s, top .3s;
transition: left .3s, top .3s; }
.noUi-state-drag * {
cursor: inherit !important; }
.noUi-base {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.noUi-horizontal {
height: 6px;
border-radius: 3px; }
.noUi-horizontal .noUi-handle {
height: 18px;
width: 18px;
left: 0px;
top: -6px; }
.noUi-horizontal .noUi-handle.noUi-handle-upper {
margin-left: -18px; }
.rtl .noUi-horizontal .noUi-handle.noUi-handle-upper {
margin-right: -18px;
margin-left: inherit; }
.noUi-vertical {
width: 18px; }
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px; }
.noUi-background {
background: #dadada;
border-radius: 3px; }
.noUi-connect {
background: #8cc43f;
border-radius: 3px; }
.noUi-dragable {
cursor: w-resize; }
.noUi-vertical .noUi-dragable {
cursor: n-resize; }
.noUi-handle {
border-radius: 50%;
background: #FFF;
cursor: default; }
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
[disabled] .noUi-connect, [disabled].noUi-connect {
background: #B8B8B8; }
[disabled] .noUi-handle {
cursor: not-allowed; }
.button {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 2px solid #CCC;
white-space: nowrap;
padding: 10px 20px;
text-transform: uppercase;
background-color: #ddd;
border-radius: 40px;
font-family: "Montserrat";
font-size: 12px;
font-weight: 700; }
.button:hover, .button:focus, .button.focus {
color: #FFF;
text-decoration: none; }
.button:active, .button.active {
outline: 0;
background-image: none; }
.button.button-primary-inverse {
background: #8cc43f;
color: #FFF;
border-color: #8cc43f; }
.button.button-primary {
letter-spacing: 1px;
color: #999;
background-color: #fff; }
.button.button-primary:hover {
color: #8cc43f;
border-color: #8cc43f; }
.button.button-default {
font-weight: 900;
font-size: 12px; }
.button.button-default:hover {
color: #999; }
.button.button-theme {
color: #FFF;
background-color: #8cc43f;
border: none;
font-size: 14px;
line-height: 30px; }
.button.button-theme:hover {
color: #8cc43f;
border-color: #8cc43f;
background: #FFF; } .opalhotel-form-field-group {
position: relative; }
.opalhotel-form-field {
padding: 10px 20px; }
.opalhotel-form-field label {
text-transform: uppercase;
font-weight: 600;
font-size: 13px; }
.opalhotel-form-field-group input,
.opalhotel-form-field-group select,
.opalhotel-form-field-group button {
background-color: #FFF;
text-transform: uppercase;
border-color: #e4e4e4;
border-width: 1px;
border-style: solid;
color: #333;
padding: 7px 20px 7px 12px;
font-size: 11px;
line-height: 1.2;
background-image: none;
width: 100%; }
.opalhotel-form-field-group input:focus,
.opalhotel-form-field-group select:focus {
border: 1px solid #9E3515;
outline: none; }
.opalhotel-form-field-group i {
position: absolute;
right: 10px;
top: 7px; }
.opalhotel-form-group .required {
font-size: 11px;
color: red; }
.opalhotel-form-group input,
.opalhotel-form-group input[type="text"],
.opalhotel-form-group input[type="email"],
.opalhotel-form-group textarea,
.opalhotel-form-group select {
font-size: 13px;
color: #444;
background-color: #fff;
width: 100%;
line-height: 1;
padding: 10px;
margin-top: 5px;
box-sizing: border-box;
min-height: 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.opalhotel-form-group input[type="text"]::-webkit-input-placeholder,
.opalhotel-form-group input[type="email"]::-webkit-input-placeholder,
.opalhotel-form-group input[type="text"]::-moz-input-placeholder,
.opalhotel-form-group input[type="email"]::-moz-input-placeholder,
.opalhotel-form-group input[type="text"]:-moz-input-placeholder,
.opalhotel-form-group input[type="email"]:-moz-input-placeholder,
.opalhotel-form-group input[type="text"]:-ms-input-placeholder,
.opalhotel-form-group input[type="email"]:-ms-input-placeholder {
font-size: 13px;
color: #444;
padding: 5px 10px;
width: 100%; }
.opalhotel-form-group input {
transition: all 0.3s; }
.opalhotel-form-group input[type="text"]:focus,
.opalhotel-form-group input[type="email"]:focus,
.opalhotel-form-group textarea:focus,
.opalhotel-form-group select:focus,
.opalhotel-form-group .error {
border: 1px solid #F5652E;
outline: none; }
.opalhotel-form-group .validated {
border: 1px solid #69bf29; }
.opalhotel-form-group.coupon_section {
text-align: right;
margin-bottom: 20px; } .room-price {
background: #8cc43f;
padding: 30px;
border: solid 3px #FFFFFF; }
.opalhotel-price {
font-size: 10px;
color: #999999;
text-align: center;
text-transform: uppercase;
font-family: "Montserrat"; }
.opalhotel-price .price-value {
color: #8cc43f;
font-size: 30px;
display: block;
font-family: "Playfair Display", serif; }
.room-meta-info,
.room-optional-packages {
margin-bottom: 30px; }
.opalhotel-room-meta {
margin: 0;
padding: 0;
overflow: hidden;
clear: both; }
.opalhotel-room-meta li {
margin: 0;
border-top: solid 1px #e9e9e9;
list-style: none;
text-align: left;
position: relative;
padding: 10px 0;
font-size: 14px;
color: #000;
overflow: hidden; }
.opalhotel-room-meta li .meta-label {
display: block;
color: #999; }
.opalhotel-room-meta li .meta-text {
font-weight: 700; }
.opalhotel-room-meta li:last-child, .opalhotel-room-meta li.meta-wifi, .opalhotel-room-meta li.meta-pickup {
border-right: none; }
.opalhotel-room-meta li:before {
font-family: 'FontAwesome';
font-size: 18px;
font-style: normal;
margin-right: 15px;
float: left;
color: #8cc43f; }
.rtl .opalhotel-room-meta li:before {
margin-left: 15px;
margin-right: inherit; }
.rtl .opalhotel-room-meta li:before {
float: right; }
@media (max-width: 767px) {
.opalhotel-room-meta li:before {
margin-right: 5px; }
.rtl .opalhotel-room-meta li:before {
margin-left: 5px;
margin-right: inherit; } }
.opalhotel-room-meta li.meta-bed:before {
content: "\f236"; }
.opalhotel-room-meta li.meta-adults:before {
content: "\f0c0"; }
.opalhotel-room-meta li.meta-size:before {
content: "\f047"; }
.opalhotel-room-meta li.meta-wifi:before {
content: "\f1eb"; }
.opalhotel-room-meta li.meta-cable_tv:before {
content: "\f26c"; }
.opalhotel-room-meta li.meta-iron:before {
content: "\f06d"; }
.opalhotel-room-meta li.meta-bearkfast:before {
content: "\f0f5"; }
.opalhotel-room-meta li.meta-pickup:before {
content: "\f1b9"; }
.opalhotel-room-meta li.meta-freeslippers:before {
content: "\f1a5"; }
.opalhotel-room-meta li.meta-petsallowed:before {
content: "\f09b"; }
.opalhotel-room-meta li.meta-roomservice:before {
content: "\f1f8"; }
.opalhotel-room-meta li.meta-view:before {
content: "\f06e"; }
.comment-reply-title {
font-size: 18px;
margin: 0 0 25px;
text-transform: uppercase; }
.opalhotel_room.first {
clear: both; }
.opalhotel_room.first.grid-column {
clear: none; }
.opalhotel_room.first-child {
clear: both; }
.room-box {
background-color: #fff;
margin-bottom: 30px;
padding: 25px 40px 20px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-box > h4 {
font-size: 24px;
margin: 0 0 25px; }
.room-box:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.room-optional-packages > h4 {
font-size: 24px;
margin: 0 0 25px; }
.opalhotel-room-packages {
overflow: hidden;
border: 1px solid #e8e8e8; }
.opalhotel-room-packages .package-item {
position: relative;
padding: 20px;
font-size: 14px;
border-top: 1px solid #e9e9e9;
overflow: hidden; }
.opalhotel-room-packages .package-item h4 {
margin: 0 0 5px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-room-packages .package-item h4:hover {
color: #8cc43f; }
.opalhotel-room-packages .package-item .opalhotel-package-price {
color: #000; }
.opalhotel-room-packages .package-item img {
margin: 0;
padding-right: 30px;
width: 30%;
float: left; }
.rtl .opalhotel-room-packages .package-item img {
padding-left: 30px;
padding-right: inherit; }
.opalhotel-room-packages .package-item .package-description {
font-size: 16px;
line-height: 30px;
margin-top: 10px; }
.opalhotel-room-packages .package-item.has-content .package-content {
cursor: pointer; }
.opalhotel-room-packages .package-item.active.has-content {
background-color: #fff; }
.opalhotel-room-packages .package-item.active.has-content:after {
content: "\f068"; }
.opalhotel-room-packages .package-item:first-child {
border-top: none; }
.opalhotel-room-packages .package-item:after {
font-family: 'FontAwesome';
content: "\f067";
color: #ccc;
font-size: 18px;
position: absolute;
right: 20px;
top: 25px; }
.room-extra-amenities {
background-color: #fff;
padding: 25px 35px 20px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-extra-amenities .amenity-item {
margin: 0px 0px 5px; }
.room-extra-amenities .amenity-item span {
display: none; }
.room-extra-amenities .amenity-item strong {
font-weight: 400;
position: relative; }
.room-extra-amenities .amenity-item strong:before {
content: "";
background-color: #FFF;
width: 5px;
height: 100%;
position: absolute;
top: 0;
left: -8px; }
.room-extra-amenities:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.room-pricing-plans .pricing-day {
border-bottom: 1px solid #e5e5e5;
padding: 8px 0;
line-height: 24px; }
.room-pricing-plans .pricing-day .day_name {
font-size: 12px;
font-weight: 300;
color: #666;
text-transform: uppercase; }
.room-pricing-plans .pricing-day .day_price {
color: #000;
font-size: 14px; }
.room-label-discount {
position: absolute;
top: 15px;
right: -40px;
background-color: #e74444;
color: #fff;
font-size: 11px;
text-transform: uppercase;
padding: 5px 40px;
display: inline-block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.rtl .room-label-discount {
left: -40px;
right: auto; }
.opalhotel-view-price:after {
font-family: 'FontAwesome';
content: "\f13a";
font-size: 14px;
margin-left: 10px; }
.rtl .opalhotel-view-price:after {
margin-right: 10px;
margin-left: inherit; }
.opalhotel-modal-pricing {
text-align: left;
background-color: #f6f6f6;
padding: 0 20px;
position: relative;
display: block !important;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
height: 0;
visibility: hidden; }
.rtl .opalhotel-modal-pricing {
text-align: right; }
.opalhotel-modal-pricing ul {
padding: 0; }
.opalhotel-modal-pricing ul li {
list-style: none;
border-top: 1px solid #e4e4e4;
padding-top: 10px;
margin-top: 10px;
font-size: 14px; }
.opalhotel-modal-pricing ul li span {
font-weight: 700;
color: #8cc43f; }
.opalhotel-modal-pricing ul li:first-child {
border-top: none;
padding-top: 0;
margin-top: 0; }
.opalhotel-modal-pricing > div {
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
opacity: 0;
filter: alpha(opacity=0); }
.opalhotel-modal-pricing .opalhotel-modal-close {
cursor: pointer;
color: #e93434;
position: absolute;
right: -20px;
top: -20px; }
.rtl .opalhotel-modal-pricing .opalhotel-modal-close {
left: -20px;
right: auto; }
.opalhotel-modal-pricing.active {
margin-bottom: 15px;
height: auto;
visibility: visible;
padding: 15px 20px 18px; }
.opalhotel-modal-pricing.active > div {
opacity: 1;
filter: alpha(opacity=100); } .room-grid {
margin-bottom: 30px;
position: relative;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-grid .room-content-wrap {
background-color: #FFF;
padding: 0 15px;
margin-top: 30px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.room-grid .room-title {
text-align: center;
margin: 0;
padding: 0 15px 5px;
font-size: 20px;
clear: both; }
.room-grid .room-top-wrap {
position: relative;
overflow: hidden;
float: left;
margin-top: -30px;
margin-bottom: 25px; }
.rtl .room-grid .room-top-wrap {
float: right; }
.room-grid .room-top-wrap .room-price-wrap {
position: absolute;
bottom: 0;
right: 30px; }
.room-grid .opalhotel-price {
margin-bottom: 30px; }
.room-grid footer {
padding: 0 15px 45px; }
.room-grid footer .view-detail {
background-color: #f4f4f4;
color: #000;
border-radius: 20px;
font-size: 12px;
font-weight: 400;
display: inline-block;
padding: 9px 45px;
font-family: "Montserrat";
text-transform: uppercase; }
.room-grid footer .view-detail:hover {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
color: #FFF;
background-color: #8cc43f; }
@media (max-width: 992px) {
.room-grid footer .view-detail {
padding-left: 20px;
padding-right: 20px; } }
.room-grid:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15); }
.room-grid:hover .room-content-wrap {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.room-list {
margin-bottom: 30px;
clear: both;
position: relative;
background-color: #fff;
overflow: hidden;
display: block; }
.room-list .room-thumbnail {
width: 50%;
float: left; }
.room-list .room-content {
overflow: hidden;
position: relative;
width: 50%;
float: left; }
.room-list .room-content .left-col,
.room-list .room-content .right-col {
width: 50%;
padding: 40px; }
.room-list .room-content .room-title {
font-size: 26px;
font-weight: 400;
margin: 0 0 25px; }
.room-list .room-content .opalhotel-price {
margin-bottom: 40px; }
.room-list .room-content .room-meta-info {
margin: 20px 0 0; }
.room-list .room-content .room-meta-info .opalhotel-room-meta li {
width: 100%; }
.room-list .room-content .room-description {
padding-left: 0; }
.rtl .room-list .room-content .room-description {
padding-right: 0;
padding-left: inherit; }
.room-list .room-content .room-description p {
line-height: 28px; }
.room-list:after {
content: "";
width: 1px;
height: 100%;
background-color: #e8e8e8;
position: absolute;
top: 0;
left: 75%; }
.opalhotel-list-rooms .room-list-item .opalhotel_room:nth-child(even) .room-thumbnail {
float: right; }
.opalhotel-list-rooms .room-list-item .opalhotel_room:nth-child(even) .room-list:after {
left: 25%; }
.opalhotel_form_section {
background-color: #FFF;
padding: 60px 0; }
.opalhotel_form_section .opalhotel-form-field {
padding: 5px 40px; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-lable {
color: #000;
font-size: 12px;
letter-spacing: 2px;
margin-bottom: 5px;
font-weight: 400; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group input,
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group select {
background-color: #e8e8e8;
padding: 0 18px 0 12px;
line-height: 50px;
height: 50px;
font-size: 12px;
color: #000;
border: none;
margin: 0;
width: 100%; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group i {
top: 17px;
right: 15px; }
.opalhotel_form_section footer {
padding: 0 40px;
margin-top: 25px; } .room-choose-packages {
margin: 0;
border: none; }
.room-choose-packages .opalhotel-room-package-wrapper {
overflow: hidden;
padding: 0 30px;
opacity: 0;
visibility: hidden;
max-height: 0;
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 0; }
.room-choose-packages .opalhotel-room-package-wrapper.active {
max-height: 1500px;
opacity: 1;
visibility: visible; }
.room-choose-packages .opalhotel-room-package-wrapper > h5 {
margin: 20px 30px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item + .opalhotel-room-package-item {
border-top: solid 1px #e4e4e4; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item {
background-color: #f6f6f6;
padding: 20px 30px;
line-height: 36px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-desc {
margin: 10px 0;
font-size: 13px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-price {
margin: 0;
font-size: 13px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-price .price-title {
float: left;
max-width: 70px;
margin-right: 15px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .package-title {
margin: 0;
line-height: 36px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .package-title label {
margin: 0; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-price {
text-align: left;
font-size: 12px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-price .price-title input {
border: none;
width: 70px;
font-size: 12px;
line-height: 34px;
height: 36px;
padding: 1px 10px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item input[type="radio"], .room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item input[type="checkbox"] {
margin-top: 10px; }
.room-choose-packages .button-actions {
border-top: 1px solid #e1e1e1;
padding: 20px 30px;
background: #f6f6f6; }
.reservation-link {
background-color: #e35d5d;
color: #FFF;
display: inline-block;
padding: 15px 50px;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
font-family: "Montserrat"; }
.reservation-link:hover {
background-color: #8cc43f;
color: #FFF; } .opalhotel-reservation-process-steps {
margin-bottom: 40px; }
.opalhotel-reservation-process-steps ul {
color: #b7b7b7;
margin: 0;
list-style: none;
background-color: transparent;
padding: 0;
border-bottom: 8px solid #f4f4f4; }
.opalhotel-reservation-process-steps ul li {
display: inline-block;
width: 24%;
font-size: 13px;
text-transform: uppercase;
text-align: center;
position: relative;
padding-bottom: 60px; }
.opalhotel-reservation-process-steps ul li span {
width: 60px;
height: 60px;
line-height: 56px;
display: inline-block;
margin-bottom: 25px;
background-color: #040836;
font-weight: 700;
font-size: 24px;
font-family: "Montserrat";
border-radius: 50%; }
.opalhotel-reservation-process-steps ul li h4 {
margin: 0;
font-size: 18px; }
@media (max-width: 991px) {
.opalhotel-reservation-process-steps ul li h4 {
font-size: 14px; } }
.opalhotel-reservation-process-steps ul li:after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 0;
height: 8px;
background-color: #8cc43f;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-reservation-process-steps ul li.active {
color: #111; }
.opalhotel-reservation-process-steps ul li.active span {
background-color: #8cc43f;
color: #fff; }
.opalhotel-reservation-process-steps ul li.active:after {
width: 100%; }
@media (max-width: 480px) {
.opalhotel-reservation-process-steps ul li {
width: 49%; }
.opalhotel-reservation-process-steps ul li:after {
content: none; } }
.opalhotel-reservation-step-content .opalhotel_form_section {
padding: 0; }
.opalhotel-comment-form p.form-submit {
margin-top: 10px; }
.opalhotel-comment-form input[type='submit'] {
border: none;
background-color: #8cc43f;
font-family: "Montserrat";
padding: 10px 45px;
border-radius: 20px;
font-size: 12px;
color: #fff;
text-transform: uppercase; }
ul.opalhotel-search-results {
padding: 0;
margin: 0; }
ul.opalhotel-search-results li.opalhotel-available-item {
background: #FFF;
list-style-type: none;
border: none;
padding: 0;
margin: 0 0 40px; }
ul.opalhotel-search-results li.opalhotel-available-item .inner-top {
clear: both;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
ul.opalhotel-search-results li.opalhotel-available-item .inner-top:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
float: left;
margin-right: 30px;
position: relative; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
margin-left: 30px;
margin-right: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
opacity: 0;
filter: alpha(opacity=0); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery {
position: absolute;
top: 50%;
left: 50%;
font-size: 34px;
margin: -25px 0 0 -16px;
z-index: 1;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
opacity: 0;
filter: alpha(opacity=0); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery a {
color: #FFF; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery a:hover {
color: #8cc43f; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:hover .room-gallery {
opacity: 1;
filter: alpha(opacity=100); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:hover:after {
opacity: 1;
filter: alpha(opacity=100); }
@media (max-width: 767px) {
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
float: none;
margin: 0; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail img {
width: 100%; } }
ul.opalhotel-search-results li.opalhotel-available-item .room-content {
overflow: hidden;
padding: 30px;
clear: both; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-title {
margin: 0 0 25px;
font-size: 26px;
font-weight: 400; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-except {
line-height: 28px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info {
margin: 0 -15px 20px;
overflow: hidden; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li {
float: left;
width: 25%;
border-top: none;
border-left: 1px solid #e8e8e8;
padding: 0 15px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li {
float: right; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li:first-child {
border-left: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-info {
float: left;
width: 75%;
border-right: 1px solid #e8e8e8;
padding-right: 30px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-info {
padding-left: 30px;
padding-right: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions {
width: 25%;
float: right;
text-align: center;
padding: 30px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .inner {
margin-bottom: 10px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages {
font-size: 12px;
font-weight: 900;
border: none !important;
padding-top: 10px;
padding-bottom: 10px;
line-height: 30px;
margin-bottom: 10px;
position: relative;
background-color: #e35d5d;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 40px;
-webkit-box-shadow: none;
box-shadow: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages:hover, ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages:active {
-webkit-box-shadow: none;
box-shadow: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i {
margin-left: 5px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i {
margin-right: 5px;
margin-left: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i:before {
content: "\f107"; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages.active i:before {
content: "\f106"; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price {
margin-bottom: 5px;
font-style: italic;
font-size: 12px;
color: #ccc; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price ins {
display: block;
color: #8cc43f;
font-size: 24px;
font-weight: 900;
font-style: normal;
text-decoration: none;
line-height: 28px; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-button {
display: inline-block; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-button-submit {
font-size: 12px;
font-weight: 900;
padding: 10px 45px;
letter-spacing: 1px;
border-radius: 40px; }
@media (max-width: 991px) {
ul.opalhotel-search-results li.opalhotel-available-item .room-info,
ul.opalhotel-search-results li.opalhotel-available-item .room-actions {
width: 100%;
float: none;
padding: 0;
border: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-info {
margin-bottom: 20px; } }
#opalhotel_coupon_code {
max-width: 243px; }
.opalhotel-pagination ul {
padding: 0;
margin: 0 -5px; }
.opalhotel-pagination ul li {
list-style: none;
display: inline-block;
margin: 0 5px; }
.opalhotel-pagination ul li a,
.opalhotel-pagination ul li span {
border: 1px solid #e8e8e8;
border-radius: 3px;
color: #a5a5a5;
display: block;
font-size: 12px;
line-height: 1;
padding: 10px;
text-transform: uppercase; }
.opalhotel-pagination ul li span.current {
color: #000; }
.opalhotel-pagination ul.opalhotel-pagination-available {
margin-bottom: 30px; }
.opalhotel-reservation-container {
margin-bottom: 180px; }
.opalhotel-reservation .fancybox-skin {
margin: 0 auto;
padding: 30px !important; }
.opalhotel-reservation .fancybox-skin .fancybox-inner {
width: 100% !important; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details header > h4 {
margin: 0; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details .opalhotel-pricing-content .opalhtel-price-day {
border-top: 1px solid #e8e8e8;
padding-top: 20px;
margin-top: 20px; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details .opalhotel-pricing-content .opalhtel-price-day h5 {
margin-top: 0; }
.display-mode {
margin-bottom: 30px;
border: 1px solid #e8e8e8;
padding: 5px 20px; }
.display-mode .btn {
padding: 0;
background-color: transparent;
border: none;
margin: 0px 20px 0px 0px;
color: #dbdbdb;
line-height: 35px;
outline: none !important;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px; }
.rtl .display-mode .btn {
margin: 0px 0px 0px 20px; }
.display-mode .btn.active {
-webkit-box-shadow: none;
box-shadow: none;
color: #000; }
.display-mode .btn:hover {
color: #8cc43f; }
.display-mode .btn i {
margin-right: 10px; }
.rtl .display-mode .btn i {
margin-left: 10px;
margin-right: inherit; } .opalhotel-archive .grid-row .room-list {
margin-left: 1.5%;
margin-right: 1.5%; }
.opalhotel-archive .room-grid footer {
padding-bottom: 0; }
.opalhotel-archive .room-grid .room-top-wrap {
margin-top: 15px; }
.opalhotel-archive .room-grid .opalhotel-price {
margin-bottom: 20px; }
.room-list-item > div:last-child .room-list {
border-bottom: none;
padding-bottom: 0; }
.room-overlap {
position: relative;
margin-bottom: 30px;
overflow: hidden; }
.room-overlap .room-content-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
padding: 40px;
background-color: rgba(0, 0, 0, 0.2); }
.room-overlap .room-title {
font-size: 26px;
font-weight: 400;
margin: 0 0 20px; }
.room-overlap .room-title a {
color: #fff; }
.room-overlap .room-title a:hover {
color: #8cc43f; }
.room-overlap .room-description {
color: #ccc;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.room-overlap .room-description p {
line-height: 28px; }
.room-overlap .opalhotel-price {
position: absolute;
z-index: 2;
left: 40px;
bottom: 30px;
text-align: left; }
.rtl .room-overlap .opalhotel-price {
right: 40px;
left: auto; }
.room-overlap .opalhotel-price .price-value {
color: #fff; }
.room-overlap .link-reservation {
position: absolute;
z-index: 2;
right: 40px;
bottom: 35px;
font-size: 12px;
line-height: 20px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.rtl .room-overlap .link-reservation {
left: 40px;
right: auto; }
.room-overlap .room-label-discount {
z-index: 2; }
.room-overlap:before {
content: "";
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 0;
top: 0;
left: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
z-index: 1; }
.room-overlap:hover .room-description,
.room-overlap:hover .link-reservation {
opacity: 1;
filter: alpha(opacity=100); }
.room-overlap:hover:before {
height: 100%; }
.opalhotel-carousel-rooms {
overflow: hidden;
position: relative; }
.opalhotel-carousel-rooms .owl-carousel-play .owl-controls {
display: block !important; } .opalhotel-single h1.room-title {
float: left;
font-size: 30px;
margin: 10px 0 0; }
.opalhotel-single .opalhotel-main .opalhotel-price {
float: right;
margin-bottom: 20px;
text-align: right; }
.opalhotel-single .preview {
display: block;
clear: both; }
.opalhotel-single .opalhotel-rom-gallery {
margin-bottom: 30px;
clear: both;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
.opalhotel-single .opalhotel-rom-gallery .gallery-item img {
width: 100%; }
.opalhotel-single .opalhotel-rom-gallery .carousel-control {
display: none; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery .owl-item {
padding: 0; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-thumb-item img {
width: 100%; }
.opalhotel-single .room-description {
margin-bottom: 30px;
background-color: #fff;
padding: 25px 40px 20px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single .room-description > h4 {
font-size: 24px;
margin: 0 0 20px; }
.opalhotel-single .room-description p {
line-height: 28px; }
.opalhotel-single .room-description:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .room-pricing-plans {
padding-bottom: 10px;
margin-top: 0; }
.opalhotel-single .room-pricing-plans .table-prices {
font-size: 14px;
font-style: italic;
color: #000; }
.opalhotel-single .room-pricing-plans .table-prices .pricing {
font-size: 12px;
font-style: normal;
color: #999999;
text-transform: uppercase;
font-weight: 300; }
.opalhotel-single .room-pricing-plans .table-prices th, .opalhotel-single .room-pricing-plans .table-prices td {
border-color: #e8e8e8; }
.opalhotel-single .room-pricing-plans > h5 {
margin-top: 0; }
.opalhotel-single #opalhotel-reviews {
margin-bottom: 50px; }
.opalhotel-single #opalhotel-reviews {
background-color: #fff;
padding: 25px 40px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single #opalhotel-reviews:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .room-single-title {
font-size: 24px;
margin: 0 0 20px; }
.opalhotel-single .room-meta-info {
background-color: #fff;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single .room-meta-info > h4 {
display: none; }
.opalhotel-single .room-meta-info:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .opalhotel-room-meta {
overflow: hidden;
position: relative; }
.opalhotel-single .opalhotel-room-meta li {
margin: 0;
padding: 20px 30px;
float: left;
width: 25%;
border-top: none;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8; }
.rtl .opalhotel-single .opalhotel-room-meta li {
float: right; }
@media (max-width: 1200px) {
.opalhotel-single .opalhotel-room-meta li {
padding: 20px; } }
@media (max-width: 767px) {
.opalhotel-single .opalhotel-room-meta li {
width: 50%; } }
@media (max-width: 480px) {
.opalhotel-single .opalhotel-room-meta li {
width: 100%; } }
.opalhotel-single .opalhotel-room-meta:after {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
left: 0;
bottom: 0; }
.opalhotel-single .opalhotel-room-meta:before {
content: "";
width: 1px;
height: 100%;
background-color: #fff;
position: absolute;
z-index: 1;
right: 0;
top: 0; }
.opalhotel-single .owl-buttons > div {
color: #fff;
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-opacity: 1 !important;
text-shadow: none;
background-color: rgba(0, 0, 0, 0.5);
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
margin: -35px 0 0; }
.opalhotel-single .owl-buttons > div i {
margin: 0;
font-size: 18px; }
.opalhotel-single .owl-buttons > div.owl-prev {
left: 0 !important; }
.opalhotel-single .owl-buttons > div.owl-next {
right: 0 !important; }
.opalhotel-single #comments {
padding-top: 40px; }
.opalhotel-single .room-related {
margin-bottom: 100px; }
.opalhotel-single .room-related > h3 {
font-size: 24px;
text-transform: uppercase;
margin: 0 0 35px;
position: relative; }
.opalhotel-single .room-related > h3 span {
padding: 0 20px 0 30px;
display: inline-block;
background-color: #fafafa;
background-image: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/title-bg.png);
background-repeat: no-repeat;
background-position: 0 center;
position: relative;
z-index: 1; }
.rtl .opalhotel-single .room-related > h3 span {
padding: 0 30px 0 20px; }
.opalhotel-single .room-related > h3:after {
content: "";
height: 1px;
width: 100%;
background-color: #e8e8e8;
position: absolute;
left: 0;
top: 50%; }
.opalhotel-single .room-related .opalhotel-price {
border-bottom: none;
padding-bottom: 0;
margin: 0; }
.opalhotel-single .room-related .room-description {
display: none; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb {
margin: 0;
padding: 10px 25px;
background-color: #fff; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb .owl-item {
padding: 0 5px; }
.opalhotel-single .room-discounts-info .alert-success {
padding: 20px 40px;
color: #666;
margin-bottom: 30px; }
.opalhotel-single .room-discounts-info .alert-success h4 {
color: #000;
margin-bottom: 20px; }
.opalhotel-single .room-discounts-info .alert-success ul {
list-style: none;
margin: 0;
padding: 0; }
.opalhotel-single .room-discounts-info .alert-success .discount-item {
border-bottom: 1px solid #e9e9e9;
padding: 0 0 15px;
margin: 15px 0 0; }
.opalhotel-single .room-discounts-info .alert-success .discount-item i {
margin-right: 5px;
color: #000; }
.opalhotel-single .room-discounts-info .alert-success .discount-item:last-child {
border-bottom: none;
padding-bottom: 0; }
.opalhotel-single .opalhotel-price-day .alert-danger {
color: #fff;
padding: 20px 40px;
background-color: #e35d5d; }
.opalhotel-single .opalhotel-price-day .alert-danger h4 {
color: #000;
margin-bottom: 20px; }
.opalhotel-single .opalhotel-price-day .alert-danger ul {
margin: 0;
padding: 0;
list-style: none; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li {
margin: 10px 0 0;
border-top: 1px solid #e9e9e9;
padding: 10px 0 0; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li i {
margin-right: 5px;
color: #fff; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li:first-child {
border-top: none;
padding-top: 0; }
.comment-rating {
font-size: 13px;
color: #e5e5e5; }
.comment-rating span {
color: #febd49; }
.star-wrapper {
font-size: 13px; }
.star-wrapper .star {
color: #e5e5e5; }
.star-wrapper .star:hover, .star-wrapper .star.active {
color: #febd49; }  .opalhotel-grid-rooms {
margin-left: -15px;
margin-right: -15px; }
.opalhotel-grid-rooms article {
position: relative; }
.opalhotel-grid-rooms article .floating-wrapper {
background: #FFFFFF;
position: absolute;
height: 100%;
width: 50%;
padding: 30px;
top: 0;
right: 0;
opacity: 1;
transform: rotateY(0deg);
transition: transform 0.4s, opacity 0.1s; }
.opalhotel-grid-rooms article.hover .floating-wrapper {
opacity: 0;
backface-visibility: hidden;
transform-origin: 0 0;
transform: rotateY(-90deg);
transition: transform 0.4s, opacity 0.1s 0.3s; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper {
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
padding: 25px 30px 20px;
position: relative;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper a.link-reservation {
position: absolute;
top: 25px;
font-size: 18px;
right: 25px; }
.rtl .opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper a.link-reservation {
left: 25px;
right: auto; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-title {
font-size: 24px;
margin: 0 0 20px;
padding-right: 30px; }
.rtl .opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-title {
padding-left: 30px;
padding-right: inherit; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-content p {
line-height: 30px; }
.opalhotel-grid-rooms .room-grid:hover .opalhotel_loop_room_detail_wrapper {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.opalhotel-grid-rooms .room-grid.overlap-room {
overflow: hidden;
margin-left: -10px;
margin-right: -10px; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-content-wrap {
padding: 0;
position: relative;
margin-top: 0; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-bottom-wrap {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background-repeat: repeat-x;
background-position: center top;
background-image: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/accommodation-bg.png);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-top-wrap {
float: none;
margin: 0; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-title {
font-size: 24px;
padding-bottom: 0px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-title a {
color: #FFF; }
.opalhotel-grid-rooms .room-grid.overlap-room .opalhotel-price {
margin-top: 50px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
margin-bottom: 40px; }
@media (max-width: 1200px) {
.opalhotel-grid-rooms .room-grid.overlap-room .opalhotel-price {
margin-top: 0;
margin-bottom: 20px; } }
.opalhotel-grid-rooms .room-grid.overlap-room footer {
padding: 0;
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover {
-webkit-box-shadow: none;
box-shadow: none;
transform: translate(0px, 0px) rotate(0deg);
-moz-transform: translate(0px, 0px) rotate(0deg);
-webkit-transform: translate(0px, 0px) rotate(0deg);
-ms-transform: translate(0px, 0px) rotate(0deg); }
.opalhotel-grid-rooms .room-grid.overlap-room:hover .room-bottom-wrap {
padding-bottom: 60px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover footer {
bottom: 30px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover .opalhotel-price {
margin-top: 0px;
margin-bottom: 30px; }
@media (max-width: 768px) {
.opalhotel-grid-rooms .room-grid.overlap-room:hover .opalhotel-price {
margin-bottom: 10px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover footer {
bottom: 15px; } }
.opalhotel-grid-rooms .owl-carousel-play .owl-controls {
display: block !important; }
body.opalhotel-single .sidebar .widget {
margin-bottom: 40px !important; } .opalhotel-reservation-step {
position: relative; }
.opalhotel-reservation-step .choose-room {
margin-top: -100px; }
.opalhotel_reservation_customer_group.left .opalhotel-form-group {
margin: 0 15px 25px 0; }
.opalhotel_reservation_customer_group.right .opalhotel-form-group {
margin: 0 0 25px 15px; }
.opalhotel-form-group label {
font-size: 16px;
color: #000;
margin-bottom: 0; }
.opalhotel-form-group input[type="text"],
.opalhotel-form-group input[type="email"],
.opalhotel-form-group select {
height: 42px;
padding: 5px 15px;
line-height: 30px;
background-color: #fff;
border: 1px solid #e8e8e8;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-form-group textarea {
padding: 10px 15px;
background-color: #fff;
border: 1px solid #e8e8e8;
resize: vertical;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel_checkout_review {
background-color: #8cc43f;
margin-bottom: 35px; }
.opalhotel_checkout_booking_detail {
background-color: #313131;
color: #FFF; }
.opalhotel_checkout_booking_detail .opalhotel-section-title {
font-size: 18px;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 16px 30px;
margin: 0;
color: #FFF; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review {
padding: 20px 30px 10px;
border-bottom: none; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 0 0 10px;
margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-available-room-title {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat";
margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta {
overflow: hidden;
margin-bottom: 5px;
font-size: 16px;
font-weight: 500; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.adult {
float: left; }
.rtl .opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.adult {
float: right; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.children {
float: right; }
.rtl .opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.children {
float: left; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel_reservation_packages {
padding: 5px 0; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal {
padding: 5px 0; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal label {
font-size: 16px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal label.opalhotel-review-price {
font-style: normal;
color: #fff; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item:last-child {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-review-total {
font-family: "Montserrat";
color: #8cc43f;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 15px;
margin-top: 5px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-review-total label {
font-size: 18px;
font-weight: 900;
font-style: normal; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .cart_remove_item {
color: #e93434; }
.opalhotel-payment-methods {
padding: 25px 0 0; }
.opalhotel-payment-methods .opalhotel-section-title {
font-size: 16px;
margin: 0 0 10px; }
.opalhotel-payment-methods .opalhotel_payment_gateways {
background-color: transparent;
margin: 0;
padding: 0; }
.opalhotel-payment-methods .opalhotel_payment_gateways li label {
font-style: italic;
font-size: 14px; }
.opalhotel-payment-methods .opalhotel_payment_gateways li label input {
margin-right: 5px;
float: left; }
.rtl .opalhotel-payment-methods .opalhotel_payment_gateways li label input {
margin-left: 5px;
margin-right: inherit; }
.rtl .opalhotel-payment-methods .opalhotel_payment_gateways li label input {
float: right; }
.opalhotel-payment-methods .opalhotel_payment_gateways li .description {
padding: 5px 10px; }
.opalhotel_reservation_checkout .term-conditional {
margin-bottom: 20px; }
.opalhotel_reservation_checkout .term-conditional label {
font-size: 16px;
color: #000; }
.opalhotel_reservation_checkout .term-conditional label input#term_conditional {
margin-right: 5px; }
.rtl .opalhotel_reservation_checkout .term-conditional label input#term_conditional {
margin-left: 5px;
margin-right: inherit; }
.opalhotel-form-section-group.footer {
border-top: 1px solid #e8e8e8;
padding-top: 30px; }
.opalhotel_order_recived .opalhotel_order_details {
background-color: #8cc43f;
color: #FFF;
margin-top: 22px;
border-bottom: none; }
.opalhotel_order_recived .opalhotel_order_details > h3 {
color: #FFF;
border-bottom: 1px solid #FFF;
padding: 16px 30px;
margin: 0 0 5px;
font-size: 18px;
text-transform: uppercase;
text-align: center; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 15px 0;
margin: 0 30px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-order-item-room-title {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat";
margin-bottom: 10px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info {
text-align: left;
font-size: 16px;
font-weight: 700;
color: #eee0d2;
margin-bottom: 5px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info .adult {
margin-right: 25px; }
.rtl .opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info .adult {
margin-left: 25px;
margin-right: inherit; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal {
padding: 5px 0; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal label {
font-size: 14px;
font-style: italic;
color: #eee0d2; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal label.opalhotel-review-price {
color: #fff;
font-style: normal;
font-weight: 700; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_reservation_packages {
padding: 10px 0; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-review-total {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat"; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-review-total .opalhotel-review-price {
font-size: 18px;
font-weight: 900; }
.opalhotel_order_recived .opalhotel_order_confirm_order {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 40px;
margin-bottom: 35px; }
.opalhotel_order_recived .opalhotel_order_confirm_order > h3 {
font-size: 30px;
margin-bottom: 30px; }
.opalhotel_order_recived .opalhotel_order_customer_details {
margin: 0; }
.opalhotel_order_recived .opalhotel_order_customer_details > h3 {
font-size: 30px;
margin-bottom: 30px; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer {
float: left;
border-right: 1px solid #e8e8e8;
font-size: 14px;
color: #000;
font-weight: 700;
margin-bottom: 15px; }
.rtl .opalhotel_order_recived .opalhotel_order_customer_details div.customer {
float: right; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer label {
display: block;
margin-bottom: 0;
color: #999999;
font-weight: 400; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer:last-child {
border-right: none; }
.opalhotel-no-room-selected {
margin-bottom: 100px;
padding: 10px 30px; }
#opalhotel_coupon_code {
background-color: #fff;
border: 1px solid #e8e8e8;
font-size: 14px;
color: #999999;
line-height: 20px; }
#opalhotel_apply_coupon {
font-size: 12px;
font-weight: 900;
background-color: transparent;
color: #999999;
border: 1px solid #e8e8e8;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
padding: 10px 15px;
line-height: 20px; }
#opalhotel_apply_coupon:hover {
border-color: #8cc43f;
color: #8cc43f; } #opalhotel-comments {
margin-bottom: 30px; }
#opalhotel-comments .comment-list {
list-style: none;
padding: 0;
margin: -30px 0 0; }
#opalhotel-comments .comment-list .comment {
border-bottom: 1px solid #e5e5e5;
padding: 30px 0 10px;
width: 100%; }
#opalhotel-comments .comment-list .comment .comment-author {
text-align: center;
width: 50px;
float: left;
margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-author .avatar {
border-radius: 50%;
margin: 0 0 10px; }
#opalhotel-comments .comment-list .comment .comment-author .author {
color: #000;
font-size: 14px;
text-transform: none;
margin: 0;
display: block;
line-height: 24px; }
#opalhotel-comments .comment-list .comment .comment-text {
overflow: hidden; }
#opalhotel-comments .comment-list .comment .comment-text .meta {
margin: -5px 0 5px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap {
display: inline-block;
margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap label {
display: block;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #000; }
#opalhotel-comments .comment-list .comment .comment-text .comment-content {
margin-top: 5px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-content p {
line-height: 30px; }
#opalhotel-comments .comment-list .comment time {
display: block;
font-size: 12px; } .opalhotel-comment-form .comment-form-comment {
margin-bottom: 20px; }
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
display: inline-block;
width: 49.75%; }
@media (max-width: 992px) {
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
width: 49.7%; } }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
width: 100%; } }
.opalhotel-comment-form .comment-form-author {
padding-right: 14px; }
.rtl .opalhotel-comment-form .comment-form-author {
padding-left: 14px;
padding-right: inherit; }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-author {
padding-right: 0px; }
.rtl .opalhotel-comment-form .comment-form-author {
padding-left: 0px;
padding-right: inherit; } }
.opalhotel-comment-form .comment-form-email {
padding-left: 14px; }
.rtl .opalhotel-comment-form .comment-form-email {
padding-right: 14px;
padding-left: inherit; }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-email {
padding-left: 0px; }
.rtl .opalhotel-comment-form .comment-form-email {
padding-right: 0px;
padding-left: inherit; } }
.opalhotel-comment-form .form-control {
border: 1px solid #e8e8e8; }
.opalhotel-star {
width: 25%;
display: inline-block; }
@media (max-width: 480px) {
.opalhotel-star {
width: 100%;
display: block; } }
.comment-form-rating {
margin: 10px 0 5px 0; }
.comment-form-rating label {
margin-bottom: 0;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #000; }  #opalhotel_check_availability,
#opalhotel_check_availability > .ui-datepicker-inline {
width: 100% !important;
overflow: hidden; }
#opalhotel_check_availability .ui-datepicker-group {
width: 50%;
float: left; } .opalhotel-reservation-available-review {
overflow: hidden;
position: relative;
background-color: #F1F1F1;
clear: both; }
.opalhotel-reservation-available-review .opalhotel-available-review-item,
.opalhotel_order_details .opalhotel-order-item-details {
font-size: 13px;
padding: 10px 20px;
font-weight: 600;
border-bottom: 1px solid #ddd; }
.opalhotel-reservation-available-room-title,
.opalhotel-order-item-room-title {
font-size: 12px;
font-weight: 600; }
.opalhotel-reservation-available-review .cart_remove_item {
float: right;
margin-left: 10px;
box-shadow: none; }
.opalhotel_reservation_available_room_info,
.opalhotel_order_item_room_info {
text-align: right; }
.opalhotel_reservation_packages,
.opalhotel-reservation-subtotal {
overflow: hidden;
padding: 5px 0px 5px 20px; }
.opalhotel_reservation_packages .opalhotel_review_package_title,
.opalhotel_reservation_packages .opalhotel_package_title,
.opalhotel_reservation_packages .opalhotel-review-price,
.opalhotel-reservation-subtotal label,
.opalhotel_order_item_subtotal label {
font-size: 12px;
margin: 0;
font-weight: 400; }
.opalhotel-reservation-available_package-item .opalhotel-review-price,
.opalhotel-reservation-subtotal .opalhotel-review-price,
.opalhotel-review-price {
float: right; }       .opalhotel_reservation_checkout {
overflow: hidden; }
.opalhotel_reservation_checkout .opalhotel-section-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 0px;
text-transform: uppercase; }
.opalhotel-form-section-group {
overflow: hidden;
position: relative;
margin-bottom: 20px; }
.opalhotel_reservation_customer_group {
width: 50%;
float: left; }
.opalhotel-form-group * {
font-size: 13px;
font-weight: 400;
color: #444; }
.opalhotel_reservation_customer_group.left .opalhotel-form-group {
margin: 10px 10px 0 0; }
.opalhotel_reservation_customer_group.right .opalhotel-form-group {
margin: 10px 0 0 10px; }
#opalhotel_coupon_code {
max-width: 200px; }
.opalhotel-checkout-review .opalhotel-reservation-available-review,
.opalhotel_order_details {
background-color: transparent; }
.opalhotel-checkout-review .opalhotel-available-review-item,
.opalhotel_order_details .opalhotel-order-item-details {
border-top: 1px dashed #d3ced2;
border-left: 1px dashed #d3ced2;
border-right: 1px dashed #d3ced2;
border-bottom: none; }
.opalhotel_payment_gateways {
padding: 15px 10px;
margin-bottom: 15px;
background-color: #efefef; }
.opalhotel_payment_gateways li label {
font-size: 13px;
font-weight: 600;
text-transform: initial; }
.opalhotel_payment_gateways li label:hover {
cursor: pointer; }
.opalhotel_payment_gateways li .description {
padding: 10px;
font-size: 13px;
background-color: #fff;
border-radius: 3px;
margin-top: 5px;
margin-bottom: 10px;
border: 1px solid #e8e8e8; }
.opalhotel_payment_gateways li .description p {
margin-bottom: 0; }
.opalhotel_payment_gateways li .description.hidden {
display: none; }
.opalhotel-form-footer a {
text-decoration: none;
box-shadow: none !important; }
.opalhotel-form-footer.right {
text-align: right; }
.opalhotel-reservation-loading {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
background-color: #fff;
opacity: 0.8; }
.opalhotel-reservation-loading .content {
top: 50%;
left: 50%;
margin: auto;
position: absolute; width: 30px;
height: 30px;
border-radius: 50%;
border: solid 5px #9A6767;
border-top-color: #FFF;
animation: reservation-loading  1s infinite linear; }
@-webkit-keyframes reservation-loading {
100% {
webkit-transform: rotate(360deg); } }
@-moz-keyframes reservation-loading {
100% {
transform: rotate(360deg); } }
@keyframes reservation-loading {
100% {
transform: rotate(360deg); } }  [class^="opalhotel-notice-"] {
margin-bottom: 10px;
font-size: 13px;
font-weight: 400;
border-top: none;
padding: 10px 15px !important; }
.opalhotel-notice-success {
color: #31708f;
background: #d9edf7; }
.opalhotel-error-messages {
padding: 1em 2em;
margin: 0 0 2em !important;
position: relative;
background-color: #F1F1F1;
color: #515151;
border-top: 3px solid #b81c23;
list-style: none !important;
width: auto;
word-wrap: break-word; }
.opalhotel-error-messages .opalhotel-notice-error {
font-size: 12px;
padding: 0 !important;
background-color: transparent;
color: #444; }
.opalhotel-notice-error {
color: #fff;
background: #9E3515; }
.opalhotel-no-room-selected {
color: #111;
background-color: #111; }  .opalhotel_form_cart * {
font-size: 13px;
text-transform: capitalize; }
.opalhotel_form_cart td,
.opalhotel_form_cart th {
text-align: center; }
.opalhotel_form_cart .room-discount *,
.opalhotel_form_cart .room-extra * {
font-size: 12px;
text-transform: capitalize; }
.opalhotel_form_cart .room-thumb a {
display: inline-block;
color: transparent; }
.opalhotel_form_cart .room-thumb a:hover img {
border: 1px solid #9E3515; }
.opalhotel_form_cart .room-thumb img {
display: inline-block;
padding: 3px;
border: 1px solid #eee;
width: 50px;
height: 50px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.opalhotel_form_cart .room-quantity input {
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.opalhotel_form_cart .room-quantity input:hover,
.opalhotel_form_cart .room-quantity input:focus {
border: 1px solid #9E3515; }  .opalhotel_order_confirm_order {
overflow: hidden;
border-bottom: 1px dashed #d3ced2; }
.opalhotel_order_confirm_order .column {
display: inline-block;
padding: 0 10px 0 0;
border-right: 1px solid #e8e8e8;
color: #000;
font-size: 14px;
font-weight: 700;
width: 18%;
margin-right: 10px; }
.opalhotel_order_confirm_order .column label {
color: #999;
margin-bottom: 0;
display: block;
font-weight: 400; }
.opalhotel_order_confirm_order .column:last-child {
margin-right: 0;
border-right: none;
padding-right: 0; }
.rtl .opalhotel_order_confirm_order .column:last-child {
margin-left: 0;
margin-right: inherit; }
.rtl .opalhotel_order_confirm_order .column:last-child {
padding-left: 0;
padding-right: inherit; }
.opalhotel_order_confirm_order .column:last-of-type {
border: none; }
.opalhotel_order_customer_details strong,
.opalhotel_order_customer_details small {
display: block; } .hotel-box {
background-color: #fff;
padding: 25px 35px 20px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.hotel-box:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.hotel-box .title {
margin: 0 0 20px; }
.opalhotel-view-details {
color: #8cc43f;
font-weight: 400;
font-family: "Montserrat";
text-transform: uppercase;
font-size: 12px;
display: inline-block;
line-height: 1; } .single-opalhotel_hotel .opalhotel_hotel h1 {
font-size: 30px;
margin: 0 0 30px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room {
border-top: 1px solid #e8e8e8;
padding-top: 30px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room:first-child {
padding-top: 0;
border-top: none; }
.single-opalhotel_hotel .opalhotel_hotel .room-list {
margin-bottom: 25px; }
.single-opalhotel_hotel .opalhotel_hotel .room-list:after {
content: none; }
.single-opalhotel_hotel .opalhotel_hotel .room-thumbnail {
width: 30%; }
.single-opalhotel_hotel .opalhotel_hotel .room-content {
position: static;
width: 70%;
padding: 0 0 0 20px; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content {
padding: 0 20px 0 0; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .left-col {
padding: 0 20px 0 0;
width: 75%; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content .left-col {
padding: 0 0 0 20px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .right-col {
padding: 0 0 0 20px;
width: 25%; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content .right-col {
padding: 0 20px 0 0; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .room-title {
font-size: 16px;
font-weight: 700;
margin: 0 0 10px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .opalhotel-price {
margin-bottom: 0;
line-height: 36px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .room-description p {
margin-bottom: 5px; }
.single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
right: auto;
left: -40px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
left: auto;
right: auto; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
right: -40px;
left: auto; }
.single-opalhotel_hotel .opalhotel-room-single-gallery-thumb {
margin: 10px -5px 0;
display: none !important; }
.single-opalhotel_hotel .opalhotel-room-single-gallery-thumb .owl-item {
padding: 0 5px; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery .owl-item {
padding: 0; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery:hover .owl-buttons .owl-prev {
left: 0; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery:hover .owl-buttons .owl-next {
right: 0; }
.opalhotel-rom-gallery .carousel-control {
display: none; }
.opalhotel-rom-gallery .gallery-item img {
width: 100%; }
.opalhotel-rom-gallery .owl-buttons > div {
width: 50px;
height: 50px;
line-height: 50px;
background-color: rgba(0, 0, 0, 0.4);
color: #FFF;
text-align: center;
text-shadow: none;
margin-top: -25px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.opalhotel-rom-gallery .owl-buttons > div i {
line-height: 50px;
font-size: 20px; }
.opalhotel-rom-gallery .owl-buttons > div:hover {
background-color: #000; }
ul.amenities {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden; }
ul.amenities > li {
float: left;
width: 33.333333%;
font-weight: 700; }
ul.amenities > li ul {
margin-bottom: 15px; }
ul.amenities > li ul li {
font-weight: 400; }
ul.sections {
list-style: none;
padding: 0; }
ul.sections > li {
display: flex;
margin-top: 20px; }
ul.sections .image {
max-width: 300px;
margin-right: 30px; }
ul.sections .sub-title {
margin-top: 0; } .opalhotel_hotel.first-child {
clear: both; }
.hotel-grid {
background-color: #fff;
padding: 0 15px 30px;
margin-bottom: 30px;
margin-top: 30px;
text-align: center;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.hotel-grid:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.hotel-grid .opalhotel-catalog-thumbnail {
margin-top: -30px; }
.hotel-grid .hotel-title {
margin: 20px 0 15px; }
.hotel-grid .opalhotel-hotel-details {
background-color: #f4f4f4;
color: #000;
border-radius: 20px;
font-size: 12px;
font-weight: 400;
display: inline-block;
padding: 9px 45px;
font-family: "Montserrat";
text-transform: uppercase; }
.hotel-grid .opalhotel-hotel-details:hover {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
color: #FFF;
background-color: #8cc43f; }
.hotel-grid .hotel-description {
padding: 0 20px 25px; } .widget_opalhotel-check-available {
background-color: #FFF;
background-repeat: no-repeat;
background-position: center bottom;
padding: 20px 30px 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.widget_opalhotel-check-available .widget-title {
color: #000;
background-image: none;
padding: 0;
margin-bottom: 15px; }
.widget_opalhotel-check-available .opalhotel_form_section {
padding: 0;
background-color: transparent; }
.widget_opalhotel-check-available .opalhotel_form_section footer {
padding-left: 0;
padding-right: 0; }
.widget_opalhotel-check-available .opalhotel-form-field {
margin-bottom: 10px;
padding: 0; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-lable {
font-size: 12px;
font-weight: 700;
color: #000;
margin-bottom: 5px;
font-family: "Montserrat"; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group i {
right: 15px;
top: 15px; }
.rtl .widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group i {
left: 15px;
right: auto; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group input,
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group select {
padding: 7px 40px 7px 15px;
line-height: 36px; }
.rtl .widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group input, .rtl
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group select {
padding: 7px 15px 7px 40px; }
.widget_opalhotel-check-available footer {
padding-top: 10px; }
.widget_opalhotel-check-available footer .opalhotel-button-submit {
color: #FFF;
border-radius: 25px;
background-color: #8cc43f;
border: none;
font-weight: 400;
font-size: 14px;
font-family: "Montserrat";
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.widget_opalhotel-check-available footer .opalhotel-button-submit:hover {
color: #FFF;
background-color: #e35d5d; }
.widget_opalhotel-check-available:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); } .horizontal-form {
background: #fff;
clear: both;
border-top: 4px solid #e35d5d;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.horizontal-form header {
float: left;
margin: 20px 25px; }
.horizontal-form header.heading-form {
margin: 0;
padding: 50px 30px;
border-right: 1px solid #e8e8e8; }
.horizontal-form header.heading-form h3 {
font-size: 24px; }
.horizontal-form header.heading-form h3 span {
font-style: italic;
font-weight: 300; }
@media (max-width: 1200px) {
.horizontal-form header.heading-form {
display: none; } }
@media (max-width: 768px) {
.horizontal-form header {
display: none; } }
@media (max-width: 767px) {
.horizontal-form header {
display: block;
float: none; }
.horizontal-form header.heading-form {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-right: none;
padding: 15px 20px;
text-align: center; }
.horizontal-form header.heading-form h3 span {
display: inline; } }
.horizontal-form h3 {
padding: 0;
margin: 0; }
.horizontal-form h3 span {
display: block; }
.horizontal-form .form-content {
padding: 0 15px;
overflow: hidden;
display: block;
position: relative; }
.horizontal-form .form-content .opalhotel-form-field {
margin: 0;
padding: 40px 5px 50px;
width: 20%;
float: left;
display: block; }
.horizontal-form .form-content .opalhotel-form-field.adults-input, .horizontal-form .form-content .opalhotel-form-field.children-input {
width: 10%; }
.horizontal-form .form-content .opalhotel-form-field label {
color: #000;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 5px;
font-family: "Montserrat"; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-form-field-group i {
top: 17px;
right: 15px;
color: #000; }
.horizontal-form .form-content .opalhotel-form-field.button-wrap {
padding-top: 70px; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 14px;
font-weight: 400;
font-family: "Montserrat";
display: block;
border-radius: 25px;
width: 100%;
margin-top: -3px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit:hover {
background-color: #e35d5d;
color: #FFF; }
@media (max-width: 992px) {
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 11px;
text-transform: none; } }
@media (max-width: 768px) {
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 11px; } }
@media (max-width: 767px) {
.horizontal-form .form-content .opalhotel-form-field {
width: 100% !important;
padding: 10px 5px; }
.horizontal-form .form-content .opalhotel-form-field.button-wrap {
padding-top: 10px; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 12px;
text-transform: uppercase; } }
.horizontal-form:hover {
transform: translate(0px, -3px) rotate(0.01deg);
-moz-transform: translate(0px, -3px) rotate(0.01deg);
-webkit-transform: translate(0px, -3px) rotate(0.01deg);
-ms-transform: translate(0px, -3px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
@media (max-width: 767px) {
.horizontal-form {
padding-top: 10px; } }
.opalreservation-bottom .horizontal-form:hover {
transform: translate(0px, 0px) rotate(0deg);
-moz-transform: translate(0px, 0px) rotate(0deg);
-webkit-transform: translate(0px, 0px) rotate(0deg);
-ms-transform: translate(0px, 0px) rotate(0deg);
-webkit-box-shadow: none;
box-shadow: none; } .widget_opalhotel-hotel-info {
background-color: #fff;
padding: 25px 30px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.widget_opalhotel-hotel-info .widget-title {
padding: 0;
margin: 0 0 15px; }
.widget_opalhotel-hotel-info .widget-title:after {
content: none; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info {
margin: 0 -30px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .map {
width: 100% !important;
margin-bottom: 20px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .address,
.widget_opalhotel-hotel-info .opalhotel-hotel-info .meta {
padding: 0 30px;
font-size: 14px;
line-height: 18px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .title {
font-size: 14px;
font-weight: 400;
margin: 0 0 10px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info ul {
margin: 0;
padding: 0;
list-style: none; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info ul span {
color: #000;
float: right; }
.rtl .widget_opalhotel-hotel-info .opalhotel-hotel-info ul span {
float: left; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info label {
color: #999999;
font-size: 14px;
font-weight: 300;
margin: 0;
padding: 0; }
.widget_opalhotel-hotel-info:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.widget_opalhotel-hotels-grid .widget-title,
.widget_opalhotel-hotels-grid .widgettitle {
padding: 0; }
.widget_opalhotel-hotels-grid .widget-title:after,
.widget_opalhotel-hotels-grid .widgettitle:after {
content: none; }
.sidebar .widget_opalhotel-hotel-info .widget-title {
padding: 0;
margin: 0 0 15px; }
.sidebar .widget_opalhotel-hotel-info ul li {
padding: 0;
border: none;
margin: 0 0 5px; }@font-face{font-family:themify;src:url(//n.magyarturistaegyesulet.hu/extensions/3d-flipbook-dflip-lite/assets/fonts/themify.eot);src:url(//n.magyarturistaegyesulet.hu/extensions/3d-flipbook-dflip-lite/assets/fonts/themify.eot?#iefix) format('embedded-opentype'),url(//n.magyarturistaegyesulet.hu/extensions/3d-flipbook-dflip-lite/assets/fonts/themify.woff) format('woff'),url(//n.magyarturistaegyesulet.hu/extensions/3d-flipbook-dflip-lite/assets/fonts/themify.ttf) format('truetype'),url(//n.magyarturistaegyesulet.hu/extensions/3d-flipbook-dflip-lite/assets/fonts/themify.svg) format('svg');font-weight:400;font-style:normal}[class*=" ti-"]:before,[class^=ti-]:before{font-family:themify;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-wand:before{content:"\e600"}.ti-volume:before{content:"\e601"}.ti-user:before{content:"\e602"}.ti-unlock:before{content:"\e603"}.ti-unlink:before{content:"\e604"}.ti-trash:before{content:"\e605"}.ti-thought:before{content:"\e606"}.ti-target:before{content:"\e607"}.ti-tag:before{content:"\e608"}.ti-tablet:before{content:"\e609"}.ti-star:before{content:"\e60a"}.ti-spray:before{content:"\e60b"}.ti-signal:before{content:"\e60c"}.ti-shopping-cart:before{content:"\e60d"}.ti-shopping-cart-full:before{content:"\e60e"}.ti-settings:before{content:"\e60f"}.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}.ti-cut:before{content:"\e613"}.ti-ruler:before{content:"\e614"}.ti-ruler-pencil:before{content:"\e615"}.ti-ruler-alt:before{content:"\e616"}.ti-bookmark:before{content:"\e617"}.ti-bookmark-alt:before{content:"\e618"}.ti-reload:before{content:"\e619"}.ti-plus:before{content:"\e61a"}.ti-pin:before{content:"\e61b"}.ti-pencil:before{content:"\e61c"}.ti-pencil-alt:before{content:"\e61d"}.ti-paint-roller:before{content:"\e61e"}.ti-paint-bucket:before{content:"\e61f"}.ti-na:before{content:"\e620"}.ti-mobile:before{content:"\e621"}.ti-minus:before{content:"\e622"}.ti-medall:before{content:"\e623"}.ti-medall-alt:before{content:"\e624"}.ti-marker:before{content:"\e625"}.ti-marker-alt:before{content:"\e626"}.ti-arrow-up:before{content:"\e627"}.ti-arrow-right:before{content:"\e628"}.ti-arrow-left:before{content:"\e629"}.ti-arrow-down:before{content:"\e62a"}.ti-lock:before{content:"\e62b"}.ti-location-arrow:before{content:"\e62c"}.ti-link:before{content:"\e62d"}.ti-layout:before{content:"\e62e"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-key:before{content:"\e631"}.ti-import:before{content:"\e632"}.ti-image:before{content:"\e633"}.ti-heart:before{content:"\e634"}.ti-heart-broken:before{content:"\e635"}.ti-hand-stop:before{content:"\e636"}.ti-hand-open:before{content:"\e637"}.ti-hand-drag:before{content:"\e638"}.ti-folder:before{content:"\e639"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-eye:before{content:"\e63d"}.ti-export:before{content:"\e63e"}.ti-exchange-vertical:before{content:"\e63f"}.ti-desktop:before{content:"\e640"}.ti-cup:before{content:"\e641"}.ti-crown:before{content:"\e642"}.ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-comment-alt:before{content:"\e645"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}.ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-camera:before{content:"\e64e"}.ti-announcement:before{content:"\e64f"}.ti-brush:before{content:"\e650"}.ti-briefcase:before{content:"\e651"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-blackboard:before{content:"\e654"}.ti-bag:before{content:"\e655"}.ti-move:before{content:"\e656"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-zip:before{content:"\e664"}.ti-world:before{content:"\e665"}.ti-wheelchair:before{content:"\e666"}.ti-view-list:before{content:"\e667"}.ti-view-list-alt:before{content:"\e668"}.ti-view-grid:before{content:"\e669"}.ti-uppercase:before{content:"\e66a"}.ti-upload:before{content:"\e66b"}.ti-underline:before{content:"\e66c"}.ti-truck:before{content:"\e66d"}.ti-timer:before{content:"\e66e"}.ti-ticket:before{content:"\e66f"}.ti-thumb-up:before{content:"\e670"}.ti-thumb-down:before{content:"\e671"}.ti-text:before{content:"\e672"}.ti-stats-up:before{content:"\e673"}.ti-stats-down:before{content:"\e674"}.ti-split-v:before{content:"\e675"}.ti-split-h:before{content:"\e676"}.ti-smallcap:before{content:"\e677"}.ti-shine:before{content:"\e678"}.ti-shift-right:before{content:"\e679"}.ti-shift-left:before{content:"\e67a"}.ti-shield:before{content:"\e67b"}.ti-notepad:before{content:"\e67c"}.ti-server:before{content:"\e67d"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-pulse:before{content:"\e680"}.ti-printer:before{content:"\e681"}.ti-power-off:before{content:"\e682"}.ti-plug:before{content:"\e683"}.ti-pie-chart:before{content:"\e684"}.ti-paragraph:before{content:"\e685"}.ti-panel:before{content:"\e686"}.ti-package:before{content:"\e687"}.ti-music:before{content:"\e688"}.ti-music-alt:before{content:"\e689"}.ti-mouse:before{content:"\e68a"}.ti-mouse-alt:before{content:"\e68b"}.ti-money:before{content:"\e68c"}.ti-microphone:before{content:"\e68d"}.ti-menu:before{content:"\e68e"}.ti-menu-alt:before{content:"\e68f"}.ti-map:before{content:"\e690"}.ti-map-alt:before{content:"\e691"}.ti-loop:before{content:"\e692"}.ti-location-pin:before{content:"\e693"}.ti-list:before{content:"\e694"}.ti-light-bulb:before{content:"\e695"}.ti-Italic:before{content:"\e696"}.ti-info:before{content:"\e697"}.ti-infinite:before{content:"\e698"}.ti-id-badge:before{content:"\e699"}.ti-hummer:before{content:"\e69a"}.ti-home:before{content:"\e69b"}.ti-help:before{content:"\e69c"}.ti-headphone:before{content:"\e69d"}.ti-harddrives:before{content:"\e69e"}.ti-harddrive:before{content:"\e69f"}.ti-gift:before{content:"\e6a0"}.ti-game:before{content:"\e6a1"}.ti-filter:before{content:"\e6a2"}.ti-files:before{content:"\e6a3"}.ti-file:before{content:"\e6a4"}.ti-eraser:before{content:"\e6a5"}.ti-envelope:before{content:"\e6a6"}.ti-download:before{content:"\e6a7"}.ti-direction:before{content:"\e6a8"}.ti-direction-alt:before{content:"\e6a9"}.ti-dashboard:before{content:"\e6aa"}.ti-control-stop:before{content:"\e6ab"}.ti-control-shuffle:before{content:"\e6ac"}.ti-control-play:before{content:"\e6ad"}.ti-control-pause:before{content:"\e6ae"}.ti-control-forward:before{content:"\e6af"}.ti-control-backward:before{content:"\e6b0"}.ti-cloud:before{content:"\e6b1"}.ti-cloud-up:before{content:"\e6b2"}.ti-cloud-down:before{content:"\e6b3"}.ti-clipboard:before{content:"\e6b4"}.ti-car:before{content:"\e6b5"}.ti-calendar:before{content:"\e6b6"}.ti-book:before{content:"\e6b7"}.ti-bell:before{content:"\e6b8"}.ti-basketball:before{content:"\e6b9"}.ti-bar-chart:before{content:"\e6ba"}.ti-bar-chart-alt:before{content:"\e6bb"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-widgetized:before{content:"\e6ca"}.ti-widget:before{content:"\e6cb"}.ti-widget-alt:before{content:"\e6cc"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-vector:before{content:"\e6d0"}.ti-themify-logo:before{content:"\e6d1"}.ti-themify-favicon:before{content:"\e6d2"}.ti-themify-favicon-alt:before{content:"\e6d3"}.ti-support:before{content:"\e6d4"}.ti-stamp:before{content:"\e6d5"}.ti-split-v-alt:before{content:"\e6d6"}.ti-slice:before{content:"\e6d7"}.ti-shortcode:before{content:"\e6d8"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-pencil-alt2:before{content:"\e6df"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-microphone-alt:before{content:"\e6e3"}.ti-magnet:before{content:"\e6e4"}.ti-line-double:before{content:"\e6e5"}.ti-line-dotted:before{content:"\e6e6"}.ti-line-dashed:before{content:"\e6e7"}.ti-layout-width-full:before{content:"\e6e8"}.ti-layout-width-default:before{content:"\e6e9"}.ti-layout-width-default-alt:before{content:"\e6ea"}.ti-layout-tab:before{content:"\e6eb"}.ti-layout-tab-window:before{content:"\e6ec"}.ti-layout-tab-v:before{content:"\e6ed"}.ti-layout-tab-min:before{content:"\e6ee"}.ti-layout-slider:before{content:"\e6ef"}.ti-layout-slider-alt:before{content:"\e6f0"}.ti-layout-sidebar-right:before{content:"\e6f1"}.ti-layout-sidebar-none:before{content:"\e6f2"}.ti-layout-sidebar-left:before{content:"\e6f3"}.ti-layout-placeholder:before{content:"\e6f4"}.ti-layout-menu:before{content:"\e6f5"}.ti-layout-menu-v:before{content:"\e6f6"}.ti-layout-menu-separated:before{content:"\e6f7"}.ti-layout-menu-full:before{content:"\e6f8"}.ti-layout-media-right-alt:before{content:"\e6f9"}.ti-layout-media-right:before{content:"\e6fa"}.ti-layout-media-overlay:before{content:"\e6fb"}.ti-layout-media-overlay-alt:before{content:"\e6fc"}.ti-layout-media-overlay-alt-2:before{content:"\e6fd"}.ti-layout-media-left-alt:before{content:"\e6fe"}.ti-layout-media-left:before{content:"\e6ff"}.ti-layout-media-center-alt:before{content:"\e700"}.ti-layout-media-center:before{content:"\e701"}.ti-layout-list-thumb:before{content:"\e702"}.ti-layout-list-thumb-alt:before{content:"\e703"}.ti-layout-list-post:before{content:"\e704"}.ti-layout-list-large-image:before{content:"\e705"}.ti-layout-line-solid:before{content:"\e706"}.ti-layout-grid4:before{content:"\e707"}.ti-layout-grid3:before{content:"\e708"}.ti-layout-grid2:before{content:"\e709"}.ti-layout-grid2-thumb:before{content:"\e70a"}.ti-layout-cta-right:before{content:"\e70b"}.ti-layout-cta-left:before{content:"\e70c"}.ti-layout-cta-center:before{content:"\e70d"}.ti-layout-cta-btn-right:before{content:"\e70e"}.ti-layout-cta-btn-left:before{content:"\e70f"}.ti-layout-column4:before{content:"\e710"}.ti-layout-column3:before{content:"\e711"}.ti-layout-column2:before{content:"\e712"}.ti-layout-accordion-separated:before{content:"\e713"}.ti-layout-accordion-merged:before{content:"\e714"}.ti-layout-accordion-list:before{content:"\e715"}.ti-ink-pen:before{content:"\e716"}.ti-info-alt:before{content:"\e717"}.ti-help-alt:before{content:"\e718"}.ti-headphone-alt:before{content:"\e719"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-face-sad:before{content:"\e720"}.ti-credit-card:before{content:"\e721"}.ti-control-skip-forward:before{content:"\e722"}.ti-control-skip-backward:before{content:"\e723"}.ti-control-record:before{content:"\e724"}.ti-control-eject:before{content:"\e725"}.ti-comments-smiley:before{content:"\e726"}.ti-brush-alt:before{content:"\e727"}.ti-youtube:before{content:"\e728"}.ti-vimeo:before{content:"\e729"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-tumblr:before{content:"\e72c"}.ti-skype:before{content:"\e72d"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-rocket:before{content:"\e730"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-microsoft:before{content:"\e733"}.ti-list-ol:before{content:"\e734"}.ti-linkedin:before{content:"\e735"}.ti-layout-sidebar-2:before{content:"\e736"}.ti-layout-grid4-alt:before{content:"\e737"}.ti-layout-grid3-alt:before{content:"\e738"}.ti-layout-grid2-alt:before{content:"\e739"}.ti-layout-column4-alt:before{content:"\e73a"}.ti-layout-column3-alt:before{content:"\e73b"}.ti-layout-column2-alt:before{content:"\e73c"}.ti-instagram:before{content:"\e73d"}.ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"}.ti-facebook:before{content:"\e741"}.ti-dropbox:before{content:"\e742"}.ti-dribbble:before{content:"\e743"}.ti-apple:before{content:"\e744"}.ti-android:before{content:"\e745"}.ti-save:before{content:"\e746"}.ti-save-alt:before{content:"\e747"}.ti-yahoo:before{content:"\e748"}.ti-wordpress:before{content:"\e749"}.ti-vimeo-alt:before{content:"\e74a"}.ti-twitter-alt:before{content:"\e74b"}.ti-tumblr-alt:before{content:"\e74c"}.ti-trello:before{content:"\e74d"}.ti-stack-overflow:before{content:"\e74e"}.ti-soundcloud:before{content:"\e74f"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-reddit:before{content:"\e752"}.ti-pinterest-alt:before{content:"\e753"}.ti-microsoft-alt:before{content:"\e754"}.ti-linux:before{content:"\e755"}.ti-jsfiddle:before{content:"\e756"}.ti-joomla:before{content:"\e757"}.ti-html5:before{content:"\e758"}.ti-flickr-alt:before{content:"\e759"}.ti-email:before{content:"\e75a"}.ti-drupal:before{content:"\e75b"}.ti-dropbox-alt:before{content:"\e75c"}.ti-css3:before{content:"\e75d"}.ti-rss:before{content:"\e75e"}.ti-rss-alt:before{content:"\e75f"}.df-abs-center{top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.df-abs-h-center{position:absolute;left:50%;-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%)}.df-container{min-height:320px;background:no-repeat 50%;background-size:cover;width:100%;position:relative;image-rendering:auto;direction:ltr}.df-container div{box-sizing:border-box!important}.df-container.df-transparent:not(.df-fullscreen){background:0 0!important}.df-container.df-custom-fullscreen.df-fullscreen{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;border:0!important;z-index:999999}.df-container .loading-info{position:absolute;top:100%;margin-top:20px;margin-left:5px;padding:6px 20px;background-color:rgba(0,0,0,.3);font-style:italic;border-radius:5px;font-size:11px;max-height:30px;color:#fff;max-width:200px;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);left:50%;opacity:.7;transition:.3s top ease;-webkit-transition:.3s top ease}.loading-info.df-old-browser{color:gray;background-color:#fff;opacity:.9;text-align:center;max-height:none}.loading-info.df-old-browser a{font-weight:700;font-style:normal;text-transform:uppercase;color:#2196f3;display:block;text-decoration:underline;margin:10px 0 0}.df-container.df-init .loading-info{top:50%}.df-3dcanvas{position:absolute;z-index:1;right:0;top:0}.df-rtl .df-3dcanvas{right:auto;right:initial;left:0}.df-container a{outline:0;text-decoration:none;box-shadow:none}.df-container.df-zoom-enabled .df-book-stage,.df-container.df-zoom-enabled canvas.df-3dcanvas{cursor:move;cursor:-webkit-grab}.df-container:after,.df-container:before{content:" ";transition:.3s .1s opacity;-webkit-transition:.3s .1s opacity;opacity:0;height:50px;width:50px;left:50%;top:50%;font-size:12px;margin:-45px -25px -25px;box-sizing:border-box;position:absolute;pointer-events:none}.df-container.df-loading:after,.df-container.df-loading:before{content:" ";z-index:100;opacity:1}.df-container.df-loading:after{content:" ";background-image:url(//n.magyarturistaegyesulet.hu/extensions/3d-flipbook-dflip-lite/assets/images/loading.gif);background-repeat:no-repeat;background-size:32px;background-position:50%}.df-container.df-loading:before{background-color:#fff;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border:1px solid rgba(150,150,150,.2)}.df-book-stage{position:absolute;overflow:hidden;right:0;bottom:0;z-index:1;top:0;left:0;filter:blur(0);-webkit-filter:blur(0);padding:30px 50px 70px}.df-container.df-xs .df-book-stage{padding-left:20px;padding-right:20px}.df-container.df-sidemenu-open .df-book-stage{padding-left:230px;padding-right:10px}.df-container.df-sidemenu-open>.df-ui-btn.df-ui-prev{left:220px}.df-rtl.df-container.df-sidemenu-open>.df-ui-btn.df-ui-prev{left:0}.df-rtl.df-container.df-sidemenu-open>.df-ui-btn.df-ui-next{right:220px}.df-book-stage.df-zoom-enabled{cursor:move}.df-page-back:before,.df-page-front:before{content:" "}.df-book-page .df-page-front:before{background-image:-webkit-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-moz-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%);background-image:-ms-linear-gradient(right,rgba(0,0,0,.25),rgba(0,0,0,.2) 10%,rgba(0,0,0,.15) 25%,rgba(0,0,0,0) 70%)}.df-book-page .df-page-back:before{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,.25),rgba(0,0,0,.15) 15%,rgba(255,255,255,.07),rgba(255,255,255,0))}.df-book-page,.df-book-wrapper,.df-page-back:before,.df-page-content,.df-page-content:after,.df-page-effects,.df-page-effects:before,.df-page-front:before,.df-page-wrapper,.df-page-wrapper:after{position:absolute;height:100%;display:block;top:0}.df-book-page,.df-page-content{width:100%}.df-book-wrapper{position:relative;margin:0 auto;transition:.3s left;-webkit-transition:.3s left;left:0}.df-zoom-enabled .df-book-wrapper{transition:none;-webkit-transition:none}.df-loading.df-container .df-book-wrapper{left:100%}.df-book-wrapper.close-right{left:25%}.df-book-wrapper.close-left{left:-25%}.df-book-shadow{position:absolute;z-index:-1;height:100%;-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);-moz-box-shadow:0 0 10px rgba(0,0,0,.3);-ms-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3)}.df-book-wrapper .df-book-side-buttons{position:absolute;left:100%;width:40px;opacity:.3;height:100%;cursor:pointer;z-index:30;-webkit-border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0}.df-book-prev-button.df-book-side-buttons{-webkit-border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px}.df-book-wrapper .df-book-side-buttons:hover{opacity:.5;background-color:rgba(0,0,0,.18)}.df-book-wrapper .df-book-prev-button{right:100%;left:auto;left:initial}.df-book-wrapper .df-book-side-buttons:before{position:absolute;font-size:30px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}.df-page-wrapper{overflow:hidden}.df-hard-page .df-page-wrapper{width:100%!important;height:100%!important;overflow:visible;transform-style:preserve-3d;-webkit-transform-origin:0 50% 0;-moz-transform-origin:0 50% 0;-ms-transform-origin:0 50% 0;transform-origin:0 50% 0}.df-book-page.df-flipping,.df-book-page.df-folding{box-shadow:-2px 0 10px transparent}.df-book-page.df-left-side{left:0;-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;transform-origin:right}.df-book-page.df-right-side{left:50%;-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transform-origin:left}.df-book-page.df-right-side+.df-page-wrapper.df-right-side{z-index:-1}.df-book-page .df-page-back,.df-book-page .df-page-front{width:100%;background-size:100.5% 100%;background-size:100% 100%;height:100%;background-color:#fff;position:absolute;box-sizing:border-box}.df-page-back>canvas,.df-page-front>canvas{width:100%;position:relative;z-index:-1}.df-quick-turn:before{opacity:0}.df-book-page.df-flipping.df-left-side:before{background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.1));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,.1));width:10px;left:-10px}.df-book-page{width:50%}.df-book-page.df-flipping,.df-book-page.df-folding{z-index:200!important}.df-page-content{background-size:100.25%!important;background-repeat:no-repeat!important;transition-property:transform;-webkit-transition-property:-webkit-transform;width:100%;overflow:hidden}.df-book-page.df-left-side .df-page-front{z-index:2}.df-book-page.df-left-side .df-page-back{z-index:1}.df-book-page.df-left-side.df-folding:not(.df-hard-page) .df-page-back{z-index:3}.df-book-page.df-right-side .df-page-front{top:0;left:0;z-index:0}.df-book-page,.df-page-back,.df-page-fold-inner-shadow,.df-page-fold-outer-shadow,.df-page-front,.df-page-wrapper{position:absolute;-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0}.df-page-back,.df-page-front{overflow:hidden}.df-page-fold-outer-shadow{z-index:-1;width:100%;height:100%}.df-page-fold-inner-shadow{position:absolute;z-index:5;display:none}.df-book-page.df-folding .df-page-fold-inner-shadow{display:block}.df-book-page.df-right-side .df-page-back{left:0;z-index:1}.df-book-page.df-right-side.df-folding .df-page-front{z-index:2}.df-page-wrapper.df-right-side .df-page-back{left:100%;z-index:1;overflow:hidden}.df-hard-page .df-page-back,.df-hard-page .df-page-front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.df-hard-page.df-right-side .df-page-front{-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;-ms-transform-origin:right 50%;transform-origin:right 50%;z-index:3!important}.df-hard-page.df-left-side .df-page-front{-webkit-transform-origin:right 50%;-moz-transform-origin:right 50%;-ms-transform-origin:right 50%;transform-origin:right 50%}.df-hard-page.df-right-side .df-page-back{-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;-ms-transform-origin:left 50%;transform-origin:left 50%;z-index:3}.df-hard-page.df-left-side .df-page-back{-webkit-transform-origin:left 50%;-moz-transform-origin:left 50%;-ms-transform-origin:left 50%;transform-origin:left 50%}.df-page-back:before,.df-page-front:before{width:20%;z-index:5;pointer-events:none}.df-page-front:before{right:0}.df-page-wrapper.df-right-side.df-flipping{z-index:4}.df-ui{height:60px;padding:20px 16px 0}.df-ui-btn,.df-ui-wrapper{color:#888;vertical-align:top;background-color:#f7f7f7;box-sizing:border-box;text-align:center}.df-ui-wrapper{box-shadow:0 1px 4px rgba(0,0,0,.3);background-color:#f7f7f7;position:absolute}.df-share-wrapper{z-index:2;position:absolute;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.35);display:none}.df-share-box{position:absolute;top:50%;width:280px;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);left:50%;background-color:#fff;border-radius:10px;padding:10px 15px 5px;text-align:center}span.df-share-title{color:#777;margin-bottom:10px;display:block}.df-share-url{background-color:#fff;height:60px;color:#666;padding:2px 5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:100%;font-size:12px;box-sizing:border-box;margin-bottom:0}.df-share-button{display:inline-block;text-align:center;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:10px;margin:3px;color:#aaa}.df-share-button:hover{color:#444}.df-ui-btn{position:relative;width:35px;right:0;height:40px;font-size:17px;cursor:pointer;z-index:2;display:inline-block;padding:12px 5px;line-height:1}.df-floating .df-ui-controls>.df-ui-btn:first-child{border-radius:5px 0 0 5px}.df-floating .df-ui-controls>.df-ui-btn:last-child{border-radius:0 5px 5px 0}.df-ui-btn:before{box-sizing:border-box}.df-ui-help,.df-ui-outline,.df-ui-share,.df-ui-sound,.df-ui-thumbnail{float:left}.df-ui-btn:hover{color:#00acce}.df-ui-btn.disabled,.df-ui-btn.disabled:hover{color:#ccc}.df-ui-page{padding:8px 5px 2px;font-size:12px;width:auto;width:50px;margin:0 0;border-radius:0;background-color:rgba(0,0,0,.03)}.df-ui-page input{width:100%;background-color:transparent;height:25px;margin:0;padding:0!important;border:1px solid #8f8f8f;text-align:center;vertical-align:top;color:transparent;font-size:14px;top:0;box-sizing:border-box;z-index:-1;display:inline-block;opacity:0}.df-ui-page input:focus{z-index:2;opacity:1;color:inherit}.df-ui-page input:focus+label{opacity:0;display:none}.df-ui-page label{position:absolute;height:30px;width:100%;display:block;top:0;padding-top:14px;line-height:1.1em;color:#999;font-size:13px;font-weight:400;left:0;cursor:pointer;background-color:transparent;z-index:1;box-sizing:border-box}.df-ui-share{float:left}.df-ui-fullscreen{bottom:0}.df-ui-zoom{top:24px;height:60px;right:24px;width:30px;display:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.df-ui-sidemenu-close{position:absolute;top:10px;right:-32px;font-size:14px;width:32px;height:35px;cursor:pointer;padding:10px 0;background:inherit;border-radius:0 5px 5px 0;z-index:-1;transition:.5s ease;-webkit-transition:.5s ease}.df-ui-controls{bottom:0;width:100%;height:40px;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:4;display:block}.df-floating .df-ui-controls{bottom:10px;width:auto;width:initial;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;margin:0 auto;display:table;display:flex;border-radius:5px}.df-floating.df-controls-top .df-ui-controls{bottom:auto;bottom:initial;top:10px}.df-floating.df-controls-hide .df-ui-controls{display:none}.df-ui-wrapper.df-ui-controls .df-ui-btn{float:none}.df-ui-size{bottom:24px;height:60px;right:24px}.df-ui-size:before,.df-ui-zoom:before{height:0;border-bottom:1px solid;content:" ";right:5px;opacity:.3;display:block;position:absolute;top:30px;left:5px;z-index:2}.df-ui-zoomin{top:0}.df-ui-zoomout{bottom:0}.df-ui-next{right:0;border-radius:0}.df-container.df-floating>.df-ui-next{right:8px}.df-container.df-floating>.df-ui-prev{left:2px}.df-container>.df-ui-next,.df-container>.df-ui-prev{margin-top:-5px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;opacity:.3;font-size:36px;color:#000;text-align:center;background-color:transparent;height:auto;height:initial;width:auto;width:initial}.df-container>.df-ui-next:hover,.df-container>.df-ui-prev:hover{opacity:.7}.df-container.df-floating>.df-ui-next,.df-container.df-floating>.df-ui-prev{border-radius:50%;width:40px}.df-ui-prev{left:0;right:auto;border-radius:0}.df-ui-alt{position:relative!important;right:auto;right:initial;left:auto;left:initial;box-shadow:none!important}.df-ui-alt.df-ui-next{border-right:1px solid #ddd}.df-ui-btn.df-active{color:#00acce;background-color:#e7e7e7}.df-ui-fit{display:none}.df-ui-fullscreen,.df-ui-more,.df-ui-zoomin,.df-ui-zoomout{float:right}.df-ui-fit{top:0}.df-ui-more .more-container,.df-ui-search .search-container{display:none;position:absolute;bottom:100%;margin-bottom:8px!important;right:10px;background-color:#f7f7f7;z-index:20;border-radius:5px;box-shadow:0 -1px 3px rgba(0,0,0,.2)}.df-controls-top .df-ui-more .more-container,.df-controls-top .df-ui-search .search-container{bottom:auto;bottom:initial;margin-top:8px!important;top:100%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.more-container:before,.search-container:before{content:" ";position:absolute;border:7px solid transparent;border-top-color:#eee;height:0;width:0;bottom:-14px;right:13px;margin-right:-8px;pointer-events:none}.df-controls-top .more-container:before,.df-controls-top .search-container:before{border:7px solid transparent;border-bottom-color:#eee;top:-14px}.more-container .df-ui-btn{width:auto;width:initial;width:170px;text-align:left;padding:8px 10px;height:36px;border-top:1px solid #e4e4e4;border-radius:0}.more-container .df-ui-btn:hover{background-color:#eee}.more-container>.df-ui-btn:first-child{border-radius:5px;border-top:none}.more-container>.df-ui-btn:last-child{border-radius:0 0 5px 5px}.more-container .df-ui-btn:before{position:absolute;top:11px;font-size:14px}.df-ui-btn span{display:none}.more-container .df-ui-btn span{font-size:12px;padding-left:20px;vertical-align:middle;display:inline-block}.df-ui-more.df-active .more-container,.df-ui-search.df-active .search-container{display:block}.df-container section{padding:0}.annotationDiv section,.annotationLayer section,.customHtmlAnnotation,.customLinkAnnotation,.customVideoAnnotation,.highlightAnnotation,.linkAnnotation,.popupAnnotation{position:absolute;z-index:5;cursor:pointer;pointer-events:all}.annotationDiv .popupWrapper{position:absolute;width:20em}.annotationDiv .popup{position:absolute;z-index:200;max-width:20em;background-color:#ff9;box-shadow:0 2px 5px #333;border-radius:2px;padding:.6em;margin-left:5px;cursor:pointer;word-wrap:break-word}.annotationDiv .popup h1{font-size:1em;border-bottom:1px solid #000;padding-bottom:.2em}.annotationDiv .popup p{padding-top:.2em}.annotationDiv .fileAttachmentAnnotation,.annotationDiv .highlightAnnotation,.annotationDiv .squigglyAnnotation,.annotationDiv .strikeoutAnnotation,.annotationDiv .underlineAnnotation{cursor:pointer}.annotationDiv .textAnnotation img{position:absolute;cursor:pointer}.annotationDiv .buttonWidgetAnnotation.pushButton>a,section.linkAnnotation a{display:block;height:100%}.customHtmlAnnotation,.customVideoAnnotation,a.customLinkAnnotation,a.linkAnnotation,section.linkAnnotation a{background-color:transparent;background-color:#ff0;opacity:.1}.highlightAnnotation:hover,a.customLinkAnnotation:hover,a.linkAnnotation:hover,section.linkAnnotation a:hover{opacity:.4;border-color:transparent;background-color:#2196f3}.annotationDiv,.textLayerDiv{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden}.textLayerDiv{line-height:1}.textLayerDiv>div{position:absolute;white-space:pre;cursor:text;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}section.linkAnnotation a .annotationLayer>a{display:block;position:absolute;height:100%;cursor:pointer;box-sizing:border-box}.df-page-loading:after,.df-page-loading:before{content:" ";height:44px;width:44px;position:absolute;top:50%;left:50%;margin:-22px -22px}.df-page-loading:before{background-color:#fff;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;box-sizing:border-box}.df-page-loading:after{background-image:url(//n.magyarturistaegyesulet.hu/extensions/3d-flipbook-dflip-lite/assets/images/loading.gif);background-repeat:no-repeat;background-position:center;background-size:22px}.df-thumb-container .df-vrow{height:124px;left:0;width:90%;margin:10px auto;background-position:50%;cursor:pointer;background-repeat:no-repeat;right:0;border-radius:5px}.df-thumb-container .df-vrow:before{content:"";background-image:url(//n.magyarturistaegyesulet.hu/extensions/3d-flipbook-dflip-lite/assets/images/loading.gif);background-size:22px;height:22px;width:22px;display:block;top:60px;margin:0 auto;position:relative;z-index:0}.df-thumb-container .df-vrow:hover{background-color:#bbb}.df-floating .df-thumb-container .df-vrow:hover,.df-vrow.df-selected{background-color:#ccc;opacity:1}.df-thumb-container .df-vrow.df-thumb-loaded{background-size:contain}.df-thumb-container .df-vrow.df-thumb-loaded:before{display:none}.df-vrow>div{height:20px;background-color:rgba(170,170,170,.54);width:40px;margin:0 auto}.df-sidemenu{float:left;width:220px;height:auto!important;position:absolute!important;top:0;z-index:3;transition:.5s transform ease;-webkit-transition:.5s -webkit-transform ease;transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);left:-50px;background-color:rgba(238,238,238,.9)}.df-rtl .df-sidemenu{left:auto;left:initial;transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);right:-50px;direction:rtl}.df-thumb-container{text-align:center}.df-outline-container{color:#666;font-size:12px}.df-outline-wrapper,.df-thumb-wrapper{position:absolute!important;top:0;bottom:0;left:0;right:0;height:auto!important;box-shadow:1px 0 4px rgba(102,102,102,.38)}.df-outline-wrapper{overflow:auto;padding:10px 10px 5px 10px}.df-floating .df-outline-container,.df-floating .df-thumb-container{bottom:0}.df-sidemenu.df-sidemenu-visible{display:block;transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);left:0}.df-outline-toggle{cursor:pointer;float:left;width:18px;padding:5px 0;margin-left:-18px;text-align:center}.df-outline-toggle.df-outlines-hidden~.df-outline-items{display:none}.df-outline-items>.df-outline-item{margin-left:18px}.df-outline-item a:hover,.df-outline-toggle:hover{background-color:#e7e7e7}.df-outline-item a{color:inherit!important;text-decoration:none!important;display:block;padding:5px 0 5px 5px;overflow:hidden;text-overflow:ellipsis;border:none!important;box-shadow:none!important}.df-outline-toggle:before{content:"\e64b";font-size:10px;font-family:themify}.df-outline-toggle.df-outlines-hidden:before{content:"\e649"}.df-lightbox-wrapper{position:fixed!important;top:0;bottom:0;right:0;height:auto!important;left:0;background-color:#fff;z-index:99999}.df-lightbox-controls{float:right;padding:5px;z-index:1000;position:relative}.df-lightbox-close{float:right;height:40px;text-align:center;font-size:50px;cursor:pointer;color:#444;border-radius:50%;border-color:transparent;width:40px;background-color:transparent;transition:.2s;-webkit-transition:.2s}.df-lightbox-close:hover{color:#fff;background-color:rgba(0,0,0,.21);border-color:#000}.df-lightbox-close:before{top:50%;position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;font-size:24px}.df-lightbox-wrapper .df-container{position:absolute!important;width:100%;top:0;bottom:0;height:auto!important}.df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-page{display:none!important}._df_button,._df_custom,._df_thumb{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;cursor:pointer}._df_button{padding:5px 15px;background:#0085ba;color:#fff;font-size:14px;border-color:#0073aa #006799 #006799;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;-webkit-border-radius:3px;border-radius:3px;white-space:nowrap}._df_thumb{border:none;width:140px;height:200px;text-align:center}._df_thumb{cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.22);display:inline-block;-webkit-transform-style:flat;-moz-transform-style:preserve-3d;transform-style:preserve-3d;box-sizing:border-box;-webkit-transition:.2s;margin:30px 10px 10px;-moz-perspective:1200px;perspective:1200px}._df_books ._df_thumb,._df_books .df-dummy{width:140px;height:200px;text-align:center;display:inline-block;position:relative;margin:20px 10px;vertical-align:top}._df_thumb[thumbtype=img]{height:auto}._df_thumb[thumbtype=img] img{max-width:100%;max-height:200px;margin:0;padding:0;border:0}._df_book-cover{background-size:100% 100%;height:100%;width:100%;-webkit-transform-origin:left;transform-origin:left;top:0;background-color:#eee;position:relative;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;box-shadow:0 1px 2px rgba(0,0,0,.22)}._df_thumb ._df_book-title{bottom:-100%;position:absolute;width:100%;left:0;padding:5px;font-size:12px;background:rgba(60,60,60,.8);box-sizing:border-box;display:block;color:#fff;transition:.4s;-webkit-transition:.4s;opacity:0}._df_thumb ._df_book-tag{float:left;padding:0 4px 2px;background-color:rgba(0,0,0,.26);text-transform:uppercase;font-size:10px;margin:-15px 0 0 2px;z-index:-1;color:rgba(255,255,255,.8);position:relative}._df_thumb-not-found ._df_book-title,._df_thumb:hover ._df_book-title{opacity:1;bottom:0}._df_thumb:hover ._df_book-cover{-webkit-transform:rotateY(-20deg) rotateZ(0);-moz-transform:rotateY(-20deg) rotateZ(0);-ms-transform:rotateY(-20deg) rotateZ(0);transform:rotateY(-20deg) rotateZ(0);box-shadow:3px 0 12px rgba(0,0,0,.6)}.df-webkit ._df_thumb:hover ._df_book-cover{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;box-shadow:1px 0 12px rgba(0,0,0,.6)}._df_books{max-width:960px;margin:0 auto;text-align:center;position:relative;z-index:1;padding:20px 5px 150px}._df_books-break{color:rgba(255,255,255,.3);font-size:14px;letter-spacing:1px;font-weight:600;margin-top:25px;text-transform:uppercase}._df_books-break:after{content:" ";bottom:0;width:50px;height:1px;background-color:rgba(255,255,255,.24);display:block;margin:10px auto}.df-page-wrapper{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.df-container ::-webkit-scrollbar{width:8px}.df-container ::-webkit-scrollbar-button{height:8px}.df-container ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border:0 none #fff;border-radius:100px}.df-container ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}.df-container ::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.5)}.df-container ::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border:0 none #fff;border-radius:100px}.df-container ::-webkit-scrollbar-track:hover{background:rgba(0,0,0,.2)}.df-container ::-webkit-scrollbar-track:active{background:rgba(0,0,0,.15)}.df-container ::-webkit-scrollbar-corner{background:0 0}.df-skipTransition{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;transition:none!important}.df-container.df-fullscreen{height:100%!important;max-height:100%!important;width:100%!important;max-width:100%!important}.df-container.df-double-internal .df-page-front{background-position:left;background-size:cover}.df-container.df-double-internal .df-page-back{background-position:right;background-size:cover}.customHtmlAnnotation iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.df-rtl .more-container .df-ui-btn{text-align:right;direction:rtl}.df-rtl .more-container .df-ui-btn:before{right:10px}.df-rtl .more-container .df-ui-btn span{padding:0 20px 0 0}.df-rtl .df-outline-items>.df-outline-item{margin:0 18px 0 0;text-align:right;direction:rtl}.df-rtl .df-outline-toggle{float:right;margin:0 -18px 0 0}.df-rtl .df-outline-toggle.df-outlines-hidden:before{content:"\e64a"}.df-rtl .df-sidemenu.df-sidemenu-visible{left:auto;left:initial;right:0}.df-rtl .df-ui-sidemenu-close{right:auto;right:initial;left:-32px;border-radius:5px 0 0 5px}._df_thumb[thumbtype=img] ._df_thumb-not-found{height:200px;position:relative}body.admin-bar .df-lightbox-wrapper{top:32px}@media screen and (max-width:782px){body.admin-bar .df-lightbox-wrapper{top:46px}}.df-raw-loading{position:absolute;margin-top:20px;margin-left:5px;padding:6px 20px;background-color:rgba(0,0,0,.3);font-style:italic;border-radius:5px;font-size:11px;max-height:30px;color:#fff;max-width:200px;transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);left:50%;top:50%;opacity:.7}.df-raw-loading a{color:inherit!important}.df-container .df-raw-loading{top:100%}[hidden]{display:none}body.df-lightbox-open,html.df-lightbox-open{overflow:hidden!important}.df-custom-fullscreen.df-fullscreen[backgroundcolor=transparent]{background:gray!important}.pull-left {
float: left; }
.pull-right {
float: right; }
.grid-row {
position: relative;
width: auto;
margin-left: -1.5%;
margin-right: -1.5%; }
.grid-row .grid-column {
float: left;
margin: 0.5rem 1.5%;
min-height: 0.125rem; }
.grid-row::after {
content: "";
display: table;
clear: both; }
.grid-column-1,
.grid-column-2,
.grid-column-3,
.grid-column-4,
.grid-column-5,
.grid-column-6,
.grid-column-7,
.grid-column-8,
.grid-column-9,
.grid-column-10,
.grid-column-11,
.grid-column-12 {
width: 97%; }
.grid-column-1-sm {
width: 5.33333%; }
.grid-column-2-sm {
width: 13.66667%; }
.grid-column-3-sm {
width: 22%; }
.grid-column-4-sm {
width: 30.33333%; }
.grid-column-5-sm {
width: 38.66667%; }
.grid-column-6-sm {
width: 47%; }
.grid-column-7-sm {
width: 55.33333%; }
.grid-column-8-sm {
width: 63.66667%; }
.grid-column-9-sm {
width: 72%; }
.grid-column-10-sm {
width: 80.33333%; }
.grid-column-11-sm {
width: 88.66667%; }
.grid-column-12-sm {
width: 97%; }
@media only screen and (min-width: 45em) {
.grid-column-1 {
width: 5.33333%; }
.grid-column-2 {
width: 13.66667%; }
.grid-column-3 {
width: 22%; }
.grid-column-4 {
width: 30.33333%; }
.grid-column-5 {
width: 38.66667%; }
.grid-column-6 {
width: 47%; }
.grid-column-7 {
width: 55.33333%; }
.grid-column-8 {
width: 63.66667%; }
.grid-column-9 {
width: 72%; }
.grid-column-10 {
width: 80.33333%; }
.grid-column-11 {
width: 88.66667%; }
.grid-column-12 {
width: 97%; } }
.opalhotel-datpicker {
font-family: 'Crimson Text', serif;
line-height: 1;
color: #444;
font-weight: 400;
width: 300px;
padding: 10px;
background-color: #fff;
box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1); }
.opalhotel-datpicker .ui-datepicker-header {
margin-bottom: 7px;
padding: 10px 0;
border-bottom: solid 1px #e6e6e6;
background-color: transparent;
position: relative; }
.opalhotel-datpicker .ui-datepicker-title {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
text-align: center; }
.opalhotel-datpicker .ui-datepicker-prev,
.opalhotel-datpicker .ui-datepicker-next {
position: absolute;
box-shadow: none;
top: 3px;
padding: 5px;
color: #444;
font-size: 0; }
.opalhotel-datpicker .ui-datepicker-prev:hover,
.opalhotel-datpicker .ui-datepicker-next:hover {
cursor: pointer;
color: #a46796; }
.opalhotel-datpicker .ui-datepicker-next {
right: 10px; }
.opalhotel-datpicker .ui-datepicker-next .ui-icon:before {
content: '\f101';
font-family: FontAwesome;
font-size: 16px; }
.opalhotel-datpicker .ui-datepicker-prev .ui-icon:before {
content: "\f100";
font-family: FontAwesome;
font-size: 16px; }
.opalhotel-datpicker .ui-datepicker-prev {
left: 10px; }
.opalhotel-datpicker table {
margin: 0;
border: none;
line-height: 1;
width: 100%;
border-spacing: 0;
border-collapse: collapse; }
.opalhotel-datpicker th {
color: #444;
background-color: transparent;
text-transform: uppercase;
padding: 8px;
text-align: center;
font-weight: 600;
border: 0; }
.opalhotel-datpicker td {
padding: 3px;
border: none; }
.opalhotel-datpicker .ui-datepicker-prev.ui-state-disabled,
.opalhotel-datpicker .ui-datepicker-next.ui-state-disabled,
.opalhotel-datpicker td span,
.opalhotel-datpicker td span {
opacity: 0.3; }
.opalhotel-datpicker td a,
.opalhotel-datpicker td span {
display: block;
color: #444;
padding: 7px;
text-align: center;
border: solid 1px #e6e6e6;
background-color: transparent;
box-shadow: none; }
.opalhotel-datpicker td a:hover,
.opalhotel-datpicker td a:focus,
.opalhotel-datpicker td.ui-state-highlight a,
.opalhotel-datpicker td .ui-state-active {
border-color: #9E3515; }
.ui-datepicker-current-day a.ui-state-active { }
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.noUi-target {
position: relative;
direction: ltr; }
.noUi-base {
width: 100%;
height: 100%;
position: relative; }
.noUi-origin {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0; }
.noUi-handle {
position: relative;
z-index: 1; }
.noUi-stacking .noUi-handle {
z-index: 10; }
.noUi-state-tap .noUi-origin {
-webkit-transition: left .3s, top .3s;
transition: left .3s, top .3s; }
.noUi-state-drag * {
cursor: inherit !important; }
.noUi-base {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.noUi-horizontal {
height: 6px;
border-radius: 3px; }
.noUi-horizontal .noUi-handle {
height: 18px;
width: 18px;
left: 0px;
top: -6px; }
.noUi-horizontal .noUi-handle.noUi-handle-upper {
margin-left: -18px; }
.rtl .noUi-horizontal .noUi-handle.noUi-handle-upper {
margin-right: -18px;
margin-left: inherit; }
.noUi-vertical {
width: 18px; }
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px; }
.noUi-background {
background: #dadada;
border-radius: 3px; }
.noUi-connect {
background: #8cc43f;
border-radius: 3px; }
.noUi-dragable {
cursor: w-resize; }
.noUi-vertical .noUi-dragable {
cursor: n-resize; }
.noUi-handle {
border-radius: 50%;
background: #FFF;
cursor: default; }
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
[disabled] .noUi-connect, [disabled].noUi-connect {
background: #B8B8B8; }
[disabled] .noUi-handle {
cursor: not-allowed; }
.button {
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 2px solid #CCC;
white-space: nowrap;
padding: 10px 20px;
text-transform: uppercase;
background-color: #ddd;
border-radius: 40px;
font-family: "Montserrat";
font-size: 12px;
font-weight: 700; }
.button:hover, .button:focus, .button.focus {
color: #FFF;
text-decoration: none; }
.button:active, .button.active {
outline: 0;
background-image: none; }
.button.button-primary-inverse {
background: #8cc43f;
color: #FFF;
border-color: #8cc43f; }
.button.button-primary {
letter-spacing: 1px;
color: #999;
background-color: #fff; }
.button.button-primary:hover {
color: #8cc43f;
border-color: #8cc43f; }
.button.button-default {
font-weight: 900;
font-size: 12px; }
.button.button-default:hover {
color: #999; }
.button.button-theme {
color: #FFF;
background-color: #8cc43f;
border: none;
font-size: 14px;
line-height: 30px; }
.button.button-theme:hover {
color: #8cc43f;
border-color: #8cc43f;
background: #FFF; } .opalhotel-form-field-group {
position: relative; }
.opalhotel-form-field {
padding: 10px 20px; }
.opalhotel-form-field label {
text-transform: uppercase;
font-weight: 600;
font-size: 13px; }
.opalhotel-form-field-group input,
.opalhotel-form-field-group select,
.opalhotel-form-field-group button {
background-color: #FFF;
text-transform: uppercase;
border-color: #e4e4e4;
border-width: 1px;
border-style: solid;
color: #333;
padding: 7px 20px 7px 12px;
font-size: 11px;
line-height: 1.2;
background-image: none;
width: 100%; }
.opalhotel-form-field-group input:focus,
.opalhotel-form-field-group select:focus {
border: 1px solid #9E3515;
outline: none; }
.opalhotel-form-field-group i {
position: absolute;
right: 10px;
top: 7px; }
.opalhotel-form-group .required {
font-size: 11px;
color: red; }
.opalhotel-form-group input,
.opalhotel-form-group input[type="text"],
.opalhotel-form-group input[type="email"],
.opalhotel-form-group textarea,
.opalhotel-form-group select {
font-size: 13px;
color: #444;
background-color: #fff;
width: 100%;
line-height: 1;
padding: 10px;
margin-top: 5px;
box-sizing: border-box;
min-height: 40px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.opalhotel-form-group input[type="text"]::-webkit-input-placeholder,
.opalhotel-form-group input[type="email"]::-webkit-input-placeholder,
.opalhotel-form-group input[type="text"]::-moz-input-placeholder,
.opalhotel-form-group input[type="email"]::-moz-input-placeholder,
.opalhotel-form-group input[type="text"]:-moz-input-placeholder,
.opalhotel-form-group input[type="email"]:-moz-input-placeholder,
.opalhotel-form-group input[type="text"]:-ms-input-placeholder,
.opalhotel-form-group input[type="email"]:-ms-input-placeholder {
font-size: 13px;
color: #444;
padding: 5px 10px;
width: 100%; }
.opalhotel-form-group input {
transition: all 0.3s; }
.opalhotel-form-group input[type="text"]:focus,
.opalhotel-form-group input[type="email"]:focus,
.opalhotel-form-group textarea:focus,
.opalhotel-form-group select:focus,
.opalhotel-form-group .error {
border: 1px solid #F5652E;
outline: none; }
.opalhotel-form-group .validated {
border: 1px solid #69bf29; }
.opalhotel-form-group.coupon_section {
text-align: right;
margin-bottom: 20px; } .room-price {
background: #8cc43f;
padding: 30px;
border: solid 3px #FFFFFF; }
.opalhotel-price {
font-size: 10px;
color: #999999;
text-align: center;
text-transform: uppercase;
font-family: "Montserrat"; }
.opalhotel-price .price-value {
color: #8cc43f;
font-size: 30px;
display: block;
font-family: "Playfair Display", serif; }
.room-meta-info,
.room-optional-packages {
margin-bottom: 30px; }
.opalhotel-room-meta {
margin: 0;
padding: 0;
overflow: hidden;
clear: both; }
.opalhotel-room-meta li {
margin: 0;
border-top: solid 1px #e9e9e9;
list-style: none;
text-align: left;
position: relative;
padding: 10px 0;
font-size: 14px;
color: #000;
overflow: hidden; }
.opalhotel-room-meta li .meta-label {
display: block;
color: #999; }
.opalhotel-room-meta li .meta-text {
font-weight: 700; }
.opalhotel-room-meta li:last-child, .opalhotel-room-meta li.meta-wifi, .opalhotel-room-meta li.meta-pickup {
border-right: none; }
.opalhotel-room-meta li:before {
font-family: 'FontAwesome';
font-size: 18px;
font-style: normal;
margin-right: 15px;
float: left;
color: #8cc43f; }
.rtl .opalhotel-room-meta li:before {
margin-left: 15px;
margin-right: inherit; }
.rtl .opalhotel-room-meta li:before {
float: right; }
@media (max-width: 767px) {
.opalhotel-room-meta li:before {
margin-right: 5px; }
.rtl .opalhotel-room-meta li:before {
margin-left: 5px;
margin-right: inherit; } }
.opalhotel-room-meta li.meta-bed:before {
content: "\f236"; }
.opalhotel-room-meta li.meta-adults:before {
content: "\f0c0"; }
.opalhotel-room-meta li.meta-size:before {
content: "\f047"; }
.opalhotel-room-meta li.meta-wifi:before {
content: "\f1eb"; }
.opalhotel-room-meta li.meta-cable_tv:before {
content: "\f26c"; }
.opalhotel-room-meta li.meta-iron:before {
content: "\f06d"; }
.opalhotel-room-meta li.meta-bearkfast:before {
content: "\f0f5"; }
.opalhotel-room-meta li.meta-pickup:before {
content: "\f1b9"; }
.opalhotel-room-meta li.meta-freeslippers:before {
content: "\f1a5"; }
.opalhotel-room-meta li.meta-petsallowed:before {
content: "\f09b"; }
.opalhotel-room-meta li.meta-roomservice:before {
content: "\f1f8"; }
.opalhotel-room-meta li.meta-view:before {
content: "\f06e"; }
.comment-reply-title {
font-size: 18px;
margin: 0 0 25px;
text-transform: uppercase; }
.opalhotel_room.first {
clear: both; }
.opalhotel_room.first.grid-column {
clear: none; }
.opalhotel_room.first-child {
clear: both; }
.room-box {
background-color: #fff;
margin-bottom: 30px;
padding: 25px 40px 20px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-box > h4 {
font-size: 24px;
margin: 0 0 25px; }
.room-box:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.room-optional-packages > h4 {
font-size: 24px;
margin: 0 0 25px; }
.opalhotel-room-packages {
overflow: hidden;
border: 1px solid #e8e8e8; }
.opalhotel-room-packages .package-item {
position: relative;
padding: 20px;
font-size: 14px;
border-top: 1px solid #e9e9e9;
overflow: hidden; }
.opalhotel-room-packages .package-item h4 {
margin: 0 0 5px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-room-packages .package-item h4:hover {
color: #8cc43f; }
.opalhotel-room-packages .package-item .opalhotel-package-price {
color: #000; }
.opalhotel-room-packages .package-item img {
margin: 0;
padding-right: 30px;
width: 30%;
float: left; }
.rtl .opalhotel-room-packages .package-item img {
padding-left: 30px;
padding-right: inherit; }
.opalhotel-room-packages .package-item .package-description {
font-size: 16px;
line-height: 30px;
margin-top: 10px; }
.opalhotel-room-packages .package-item.has-content .package-content {
cursor: pointer; }
.opalhotel-room-packages .package-item.active.has-content {
background-color: #fff; }
.opalhotel-room-packages .package-item.active.has-content:after {
content: "\f068"; }
.opalhotel-room-packages .package-item:first-child {
border-top: none; }
.opalhotel-room-packages .package-item:after {
font-family: 'FontAwesome';
content: "\f067";
color: #ccc;
font-size: 18px;
position: absolute;
right: 20px;
top: 25px; }
.room-extra-amenities {
background-color: #fff;
padding: 25px 35px 20px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-extra-amenities .amenity-item {
margin: 0px 0px 5px; }
.room-extra-amenities .amenity-item span {
display: none; }
.room-extra-amenities .amenity-item strong {
font-weight: 400;
position: relative; }
.room-extra-amenities .amenity-item strong:before {
content: "";
background-color: #FFF;
width: 5px;
height: 100%;
position: absolute;
top: 0;
left: -8px; }
.room-extra-amenities:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.room-pricing-plans .pricing-day {
border-bottom: 1px solid #e5e5e5;
padding: 8px 0;
line-height: 24px; }
.room-pricing-plans .pricing-day .day_name {
font-size: 12px;
font-weight: 300;
color: #666;
text-transform: uppercase; }
.room-pricing-plans .pricing-day .day_price {
color: #000;
font-size: 14px; }
.room-label-discount {
position: absolute;
top: 15px;
right: -40px;
background-color: #e74444;
color: #fff;
font-size: 11px;
text-transform: uppercase;
padding: 5px 40px;
display: inline-block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.rtl .room-label-discount {
left: -40px;
right: auto; }
.opalhotel-view-price:after {
font-family: 'FontAwesome';
content: "\f13a";
font-size: 14px;
margin-left: 10px; }
.rtl .opalhotel-view-price:after {
margin-right: 10px;
margin-left: inherit; }
.opalhotel-modal-pricing {
text-align: left;
background-color: #f6f6f6;
padding: 0 20px;
position: relative;
display: block !important;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
height: 0;
visibility: hidden; }
.rtl .opalhotel-modal-pricing {
text-align: right; }
.opalhotel-modal-pricing ul {
padding: 0; }
.opalhotel-modal-pricing ul li {
list-style: none;
border-top: 1px solid #e4e4e4;
padding-top: 10px;
margin-top: 10px;
font-size: 14px; }
.opalhotel-modal-pricing ul li span {
font-weight: 700;
color: #8cc43f; }
.opalhotel-modal-pricing ul li:first-child {
border-top: none;
padding-top: 0;
margin-top: 0; }
.opalhotel-modal-pricing > div {
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
opacity: 0;
filter: alpha(opacity=0); }
.opalhotel-modal-pricing .opalhotel-modal-close {
cursor: pointer;
color: #e93434;
position: absolute;
right: -20px;
top: -20px; }
.rtl .opalhotel-modal-pricing .opalhotel-modal-close {
left: -20px;
right: auto; }
.opalhotel-modal-pricing.active {
margin-bottom: 15px;
height: auto;
visibility: visible;
padding: 15px 20px 18px; }
.opalhotel-modal-pricing.active > div {
opacity: 1;
filter: alpha(opacity=100); } .room-grid {
margin-bottom: 30px;
position: relative;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.room-grid .room-content-wrap {
background-color: #FFF;
padding: 0 15px;
margin-top: 30px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.room-grid .room-title {
text-align: center;
margin: 0;
padding: 0 15px 5px;
font-size: 20px;
clear: both; }
.room-grid .room-top-wrap {
position: relative;
overflow: hidden;
float: left;
margin-top: -30px;
margin-bottom: 25px; }
.rtl .room-grid .room-top-wrap {
float: right; }
.room-grid .room-top-wrap .room-price-wrap {
position: absolute;
bottom: 0;
right: 30px; }
.room-grid .opalhotel-price {
margin-bottom: 30px; }
.room-grid footer {
padding: 0 15px 45px; }
.room-grid footer .view-detail {
background-color: #f4f4f4;
color: #000;
border-radius: 20px;
font-size: 12px;
font-weight: 400;
display: inline-block;
padding: 9px 45px;
font-family: "Montserrat";
text-transform: uppercase; }
.room-grid footer .view-detail:hover {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
color: #FFF;
background-color: #8cc43f; }
@media (max-width: 992px) {
.room-grid footer .view-detail {
padding-left: 20px;
padding-right: 20px; } }
.room-grid:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15); }
.room-grid:hover .room-content-wrap {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
.room-list {
margin-bottom: 30px;
clear: both;
position: relative;
background-color: #fff;
overflow: hidden;
display: block; }
.room-list .room-thumbnail {
width: 50%;
float: left; }
.room-list .room-content {
overflow: hidden;
position: relative;
width: 50%;
float: left; }
.room-list .room-content .left-col,
.room-list .room-content .right-col {
width: 50%;
padding: 40px; }
.room-list .room-content .room-title {
font-size: 26px;
font-weight: 400;
margin: 0 0 25px; }
.room-list .room-content .opalhotel-price {
margin-bottom: 40px; }
.room-list .room-content .room-meta-info {
margin: 20px 0 0; }
.room-list .room-content .room-meta-info .opalhotel-room-meta li {
width: 100%; }
.room-list .room-content .room-description {
padding-left: 0; }
.rtl .room-list .room-content .room-description {
padding-right: 0;
padding-left: inherit; }
.room-list .room-content .room-description p {
line-height: 28px; }
.room-list:after {
content: "";
width: 1px;
height: 100%;
background-color: #e8e8e8;
position: absolute;
top: 0;
left: 75%; }
.opalhotel-list-rooms .room-list-item .opalhotel_room:nth-child(even) .room-thumbnail {
float: right; }
.opalhotel-list-rooms .room-list-item .opalhotel_room:nth-child(even) .room-list:after {
left: 25%; }
.opalhotel_form_section {
background-color: #FFF;
padding: 60px 0; }
.opalhotel_form_section .opalhotel-form-field {
padding: 5px 40px; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-lable {
color: #000;
font-size: 12px;
letter-spacing: 2px;
margin-bottom: 5px;
font-weight: 400; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group input,
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group select {
background-color: #e8e8e8;
padding: 0 18px 0 12px;
line-height: 50px;
height: 50px;
font-size: 12px;
color: #000;
border: none;
margin: 0;
width: 100%; }
.opalhotel_form_section .opalhotel-form-field .opalhotel-form-field-group i {
top: 17px;
right: 15px; }
.opalhotel_form_section footer {
padding: 0 40px;
margin-top: 25px; } .room-choose-packages {
margin: 0;
border: none; }
.room-choose-packages .opalhotel-room-package-wrapper {
overflow: hidden;
padding: 0 30px;
opacity: 0;
visibility: hidden;
max-height: 0;
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding: 0; }
.room-choose-packages .opalhotel-room-package-wrapper.active {
max-height: 1500px;
opacity: 1;
visibility: visible; }
.room-choose-packages .opalhotel-room-package-wrapper > h5 {
margin: 20px 30px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item + .opalhotel-room-package-item {
border-top: solid 1px #e4e4e4; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item {
background-color: #f6f6f6;
padding: 20px 30px;
line-height: 36px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-desc {
margin: 10px 0;
font-size: 13px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-price {
margin: 0;
font-size: 13px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-price .price-title {
float: left;
max-width: 70px;
margin-right: 15px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .package-title {
margin: 0;
line-height: 36px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .package-title label {
margin: 0; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-price {
text-align: left;
font-size: 12px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item .opalhotel-package-price .price-title input {
border: none;
width: 70px;
font-size: 12px;
line-height: 34px;
height: 36px;
padding: 1px 10px; }
.room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item input[type="radio"], .room-choose-packages .opalhotel-room-package-wrapper .opalhotel-room-package-item input[type="checkbox"] {
margin-top: 10px; }
.room-choose-packages .button-actions {
border-top: 1px solid #e1e1e1;
padding: 20px 30px;
background: #f6f6f6; }
.reservation-link {
background-color: #e35d5d;
color: #FFF;
display: inline-block;
padding: 15px 50px;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
font-family: "Montserrat"; }
.reservation-link:hover {
background-color: #8cc43f;
color: #FFF; } .opalhotel-reservation-process-steps {
margin-bottom: 40px; }
.opalhotel-reservation-process-steps ul {
color: #b7b7b7;
margin: 0;
list-style: none;
background-color: transparent;
padding: 0;
border-bottom: 8px solid #f4f4f4; }
.opalhotel-reservation-process-steps ul li {
display: inline-block;
width: 24%;
font-size: 13px;
text-transform: uppercase;
text-align: center;
position: relative;
padding-bottom: 60px; }
.opalhotel-reservation-process-steps ul li span {
width: 60px;
height: 60px;
line-height: 56px;
display: inline-block;
margin-bottom: 25px;
background-color: #040836;
font-weight: 700;
font-size: 24px;
font-family: "Montserrat";
border-radius: 50%; }
.opalhotel-reservation-process-steps ul li h4 {
margin: 0;
font-size: 18px; }
@media (max-width: 991px) {
.opalhotel-reservation-process-steps ul li h4 {
font-size: 14px; } }
.opalhotel-reservation-process-steps ul li:after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 0;
height: 8px;
background-color: #8cc43f;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-reservation-process-steps ul li.active {
color: #111; }
.opalhotel-reservation-process-steps ul li.active span {
background-color: #8cc43f;
color: #fff; }
.opalhotel-reservation-process-steps ul li.active:after {
width: 100%; }
@media (max-width: 480px) {
.opalhotel-reservation-process-steps ul li {
width: 49%; }
.opalhotel-reservation-process-steps ul li:after {
content: none; } }
.opalhotel-reservation-step-content .opalhotel_form_section {
padding: 0; }
.opalhotel-comment-form p.form-submit {
margin-top: 10px; }
.opalhotel-comment-form input[type='submit'] {
border: none;
background-color: #8cc43f;
font-family: "Montserrat";
padding: 10px 45px;
border-radius: 20px;
font-size: 12px;
color: #fff;
text-transform: uppercase; }
ul.opalhotel-search-results {
padding: 0;
margin: 0; }
ul.opalhotel-search-results li.opalhotel-available-item {
background: #FFF;
list-style-type: none;
border: none;
padding: 0;
margin: 0 0 40px; }
ul.opalhotel-search-results li.opalhotel-available-item .inner-top {
clear: both;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
ul.opalhotel-search-results li.opalhotel-available-item .inner-top:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
float: left;
margin-right: 30px;
position: relative; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
margin-left: 30px;
margin-right: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:after {
content: "";
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
opacity: 0;
filter: alpha(opacity=0); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery {
position: absolute;
top: 50%;
left: 50%;
font-size: 34px;
margin: -25px 0 0 -16px;
z-index: 1;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
opacity: 0;
filter: alpha(opacity=0); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery a {
color: #FFF; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail .room-gallery a:hover {
color: #8cc43f; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:hover .room-gallery {
opacity: 1;
filter: alpha(opacity=100); }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail:hover:after {
opacity: 1;
filter: alpha(opacity=100); }
@media (max-width: 767px) {
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail {
float: none;
margin: 0; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-catalog-thumbnail img {
width: 100%; } }
ul.opalhotel-search-results li.opalhotel-available-item .room-content {
overflow: hidden;
padding: 30px;
clear: both; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-title {
margin: 0 0 25px;
font-size: 26px;
font-weight: 400; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-except {
line-height: 28px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info {
margin: 0 -15px 20px;
overflow: hidden; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li {
float: left;
width: 25%;
border-top: none;
border-left: 1px solid #e8e8e8;
padding: 0 15px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li {
float: right; }
ul.opalhotel-search-results li.opalhotel-available-item .room-content .room-meta-info li:first-child {
border-left: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-info {
float: left;
width: 75%;
border-right: 1px solid #e8e8e8;
padding-right: 30px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-info {
padding-left: 30px;
padding-right: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions {
width: 25%;
float: right;
text-align: center;
padding: 30px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .inner {
margin-bottom: 10px; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages {
font-size: 12px;
font-weight: 900;
border: none !important;
padding-top: 10px;
padding-bottom: 10px;
line-height: 30px;
margin-bottom: 10px;
position: relative;
background-color: #e35d5d;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 40px;
-webkit-box-shadow: none;
box-shadow: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages:hover, ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages:active {
-webkit-box-shadow: none;
box-shadow: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i {
margin-left: 5px; }
.rtl ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i {
margin-right: 5px;
margin-left: inherit; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages i:before {
content: "\f107"; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-toggle-packages.active i:before {
content: "\f106"; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price {
margin-bottom: 5px;
font-style: italic;
font-size: 12px;
color: #ccc; }
ul.opalhotel-search-results li.opalhotel-available-item .room-actions .opalhotel-room-price ins {
display: block;
color: #8cc43f;
font-size: 24px;
font-weight: 900;
font-style: normal;
text-decoration: none;
line-height: 28px; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-button {
display: inline-block; }
ul.opalhotel-search-results li.opalhotel-available-item .opalhotel-button-submit {
font-size: 12px;
font-weight: 900;
padding: 10px 45px;
letter-spacing: 1px;
border-radius: 40px; }
@media (max-width: 991px) {
ul.opalhotel-search-results li.opalhotel-available-item .room-info,
ul.opalhotel-search-results li.opalhotel-available-item .room-actions {
width: 100%;
float: none;
padding: 0;
border: none; }
ul.opalhotel-search-results li.opalhotel-available-item .room-info {
margin-bottom: 20px; } }
#opalhotel_coupon_code {
max-width: 243px; }
.opalhotel-pagination ul {
padding: 0;
margin: 0 -5px; }
.opalhotel-pagination ul li {
list-style: none;
display: inline-block;
margin: 0 5px; }
.opalhotel-pagination ul li a,
.opalhotel-pagination ul li span {
border: 1px solid #e8e8e8;
border-radius: 3px;
color: #a5a5a5;
display: block;
font-size: 12px;
line-height: 1;
padding: 10px;
text-transform: uppercase; }
.opalhotel-pagination ul li span.current {
color: #000; }
.opalhotel-pagination ul.opalhotel-pagination-available {
margin-bottom: 30px; }
.opalhotel-reservation-container {
margin-bottom: 180px; }
.opalhotel-reservation .fancybox-skin {
margin: 0 auto;
padding: 30px !important; }
.opalhotel-reservation .fancybox-skin .fancybox-inner {
width: 100% !important; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details header > h4 {
margin: 0; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details .opalhotel-pricing-content .opalhtel-price-day {
border-top: 1px solid #e8e8e8;
padding-top: 20px;
margin-top: 20px; }
.opalhotel-reservation .fancybox-skin .fancybox-inner .opalhotel-pricing-details .opalhotel-pricing-content .opalhtel-price-day h5 {
margin-top: 0; }
.display-mode {
margin-bottom: 30px;
border: 1px solid #e8e8e8;
padding: 5px 20px; }
.display-mode .btn {
padding: 0;
background-color: transparent;
border: none;
margin: 0px 20px 0px 0px;
color: #dbdbdb;
line-height: 35px;
outline: none !important;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px; }
.rtl .display-mode .btn {
margin: 0px 0px 0px 20px; }
.display-mode .btn.active {
-webkit-box-shadow: none;
box-shadow: none;
color: #000; }
.display-mode .btn:hover {
color: #8cc43f; }
.display-mode .btn i {
margin-right: 10px; }
.rtl .display-mode .btn i {
margin-left: 10px;
margin-right: inherit; } .opalhotel-archive .grid-row .room-list {
margin-left: 1.5%;
margin-right: 1.5%; }
.opalhotel-archive .room-grid footer {
padding-bottom: 0; }
.opalhotel-archive .room-grid .room-top-wrap {
margin-top: 15px; }
.opalhotel-archive .room-grid .opalhotel-price {
margin-bottom: 20px; }
.room-list-item > div:last-child .room-list {
border-bottom: none;
padding-bottom: 0; }
.room-overlap {
position: relative;
margin-bottom: 30px;
overflow: hidden; }
.room-overlap .room-content-wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
padding: 40px;
background-color: rgba(0, 0, 0, 0.2); }
.room-overlap .room-title {
font-size: 26px;
font-weight: 400;
margin: 0 0 20px; }
.room-overlap .room-title a {
color: #fff; }
.room-overlap .room-title a:hover {
color: #8cc43f; }
.room-overlap .room-description {
color: #ccc;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.room-overlap .room-description p {
line-height: 28px; }
.room-overlap .opalhotel-price {
position: absolute;
z-index: 2;
left: 40px;
bottom: 30px;
text-align: left; }
.rtl .room-overlap .opalhotel-price {
right: 40px;
left: auto; }
.room-overlap .opalhotel-price .price-value {
color: #fff; }
.room-overlap .link-reservation {
position: absolute;
z-index: 2;
right: 40px;
bottom: 35px;
font-size: 12px;
line-height: 20px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.rtl .room-overlap .link-reservation {
left: 40px;
right: auto; }
.room-overlap .room-label-discount {
z-index: 2; }
.room-overlap:before {
content: "";
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 0;
top: 0;
left: 0;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
z-index: 1; }
.room-overlap:hover .room-description,
.room-overlap:hover .link-reservation {
opacity: 1;
filter: alpha(opacity=100); }
.room-overlap:hover:before {
height: 100%; }
.opalhotel-carousel-rooms {
overflow: hidden;
position: relative; }
.opalhotel-carousel-rooms .owl-carousel-play .owl-controls {
display: block !important; } .opalhotel-single h1.room-title {
float: left;
font-size: 30px;
margin: 10px 0 0; }
.opalhotel-single .opalhotel-main .opalhotel-price {
float: right;
margin-bottom: 20px;
text-align: right; }
.opalhotel-single .preview {
display: block;
clear: both; }
.opalhotel-single .opalhotel-rom-gallery {
margin-bottom: 30px;
clear: both;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); }
.opalhotel-single .opalhotel-rom-gallery .gallery-item img {
width: 100%; }
.opalhotel-single .opalhotel-rom-gallery .carousel-control {
display: none; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery .owl-item {
padding: 0; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-thumb-item img {
width: 100%; }
.opalhotel-single .room-description {
margin-bottom: 30px;
background-color: #fff;
padding: 25px 40px 20px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single .room-description > h4 {
font-size: 24px;
margin: 0 0 20px; }
.opalhotel-single .room-description p {
line-height: 28px; }
.opalhotel-single .room-description:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .room-pricing-plans {
padding-bottom: 10px;
margin-top: 0; }
.opalhotel-single .room-pricing-plans .table-prices {
font-size: 14px;
font-style: italic;
color: #000; }
.opalhotel-single .room-pricing-plans .table-prices .pricing {
font-size: 12px;
font-style: normal;
color: #999999;
text-transform: uppercase;
font-weight: 300; }
.opalhotel-single .room-pricing-plans .table-prices th, .opalhotel-single .room-pricing-plans .table-prices td {
border-color: #e8e8e8; }
.opalhotel-single .room-pricing-plans > h5 {
margin-top: 0; }
.opalhotel-single #opalhotel-reviews {
margin-bottom: 50px; }
.opalhotel-single #opalhotel-reviews {
background-color: #fff;
padding: 25px 40px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single #opalhotel-reviews:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .room-single-title {
font-size: 24px;
margin: 0 0 20px; }
.opalhotel-single .room-meta-info {
background-color: #fff;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.opalhotel-single .room-meta-info > h4 {
display: none; }
.opalhotel-single .room-meta-info:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.opalhotel-single .opalhotel-room-meta {
overflow: hidden;
position: relative; }
.opalhotel-single .opalhotel-room-meta li {
margin: 0;
padding: 20px 30px;
float: left;
width: 25%;
border-top: none;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8; }
.rtl .opalhotel-single .opalhotel-room-meta li {
float: right; }
@media (max-width: 1200px) {
.opalhotel-single .opalhotel-room-meta li {
padding: 20px; } }
@media (max-width: 767px) {
.opalhotel-single .opalhotel-room-meta li {
width: 50%; } }
@media (max-width: 480px) {
.opalhotel-single .opalhotel-room-meta li {
width: 100%; } }
.opalhotel-single .opalhotel-room-meta:after {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
position: absolute;
left: 0;
bottom: 0; }
.opalhotel-single .opalhotel-room-meta:before {
content: "";
width: 1px;
height: 100%;
background-color: #fff;
position: absolute;
z-index: 1;
right: 0;
top: 0; }
.opalhotel-single .owl-buttons > div {
color: #fff;
opacity: 1 !important;
-moz-opacity: 1 !important;
-webkit-opacity: 1 !important;
text-shadow: none;
background-color: rgba(0, 0, 0, 0.5);
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
margin: -35px 0 0; }
.opalhotel-single .owl-buttons > div i {
margin: 0;
font-size: 18px; }
.opalhotel-single .owl-buttons > div.owl-prev {
left: 0 !important; }
.opalhotel-single .owl-buttons > div.owl-next {
right: 0 !important; }
.opalhotel-single #comments {
padding-top: 40px; }
.opalhotel-single .room-related {
margin-bottom: 100px; }
.opalhotel-single .room-related > h3 {
font-size: 24px;
text-transform: uppercase;
margin: 0 0 35px;
position: relative; }
.opalhotel-single .room-related > h3 span {
padding: 0 20px 0 30px;
display: inline-block;
background-color: #fafafa;
background-image: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/title-bg.png);
background-repeat: no-repeat;
background-position: 0 center;
position: relative;
z-index: 1; }
.rtl .opalhotel-single .room-related > h3 span {
padding: 0 30px 0 20px; }
.opalhotel-single .room-related > h3:after {
content: "";
height: 1px;
width: 100%;
background-color: #e8e8e8;
position: absolute;
left: 0;
top: 50%; }
.opalhotel-single .room-related .opalhotel-price {
border-bottom: none;
padding-bottom: 0;
margin: 0; }
.opalhotel-single .room-related .room-description {
display: none; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb {
margin: 0;
padding: 10px 25px;
background-color: #fff; }
.opalhotel-single .opalhotel-rom-gallery .opalhotel-room-single-gallery-thumb .owl-item {
padding: 0 5px; }
.opalhotel-single .room-discounts-info .alert-success {
padding: 20px 40px;
color: #666;
margin-bottom: 30px; }
.opalhotel-single .room-discounts-info .alert-success h4 {
color: #000;
margin-bottom: 20px; }
.opalhotel-single .room-discounts-info .alert-success ul {
list-style: none;
margin: 0;
padding: 0; }
.opalhotel-single .room-discounts-info .alert-success .discount-item {
border-bottom: 1px solid #e9e9e9;
padding: 0 0 15px;
margin: 15px 0 0; }
.opalhotel-single .room-discounts-info .alert-success .discount-item i {
margin-right: 5px;
color: #000; }
.opalhotel-single .room-discounts-info .alert-success .discount-item:last-child {
border-bottom: none;
padding-bottom: 0; }
.opalhotel-single .opalhotel-price-day .alert-danger {
color: #fff;
padding: 20px 40px;
background-color: #e35d5d; }
.opalhotel-single .opalhotel-price-day .alert-danger h4 {
color: #000;
margin-bottom: 20px; }
.opalhotel-single .opalhotel-price-day .alert-danger ul {
margin: 0;
padding: 0;
list-style: none; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li {
margin: 10px 0 0;
border-top: 1px solid #e9e9e9;
padding: 10px 0 0; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li i {
margin-right: 5px;
color: #fff; }
.opalhotel-single .opalhotel-price-day .alert-danger ul li:first-child {
border-top: none;
padding-top: 0; }
.comment-rating {
font-size: 13px;
color: #e5e5e5; }
.comment-rating span {
color: #febd49; }
.star-wrapper {
font-size: 13px; }
.star-wrapper .star {
color: #e5e5e5; }
.star-wrapper .star:hover, .star-wrapper .star.active {
color: #febd49; }  .opalhotel-grid-rooms {
margin-left: -15px;
margin-right: -15px; }
.opalhotel-grid-rooms article {
position: relative; }
.opalhotel-grid-rooms article .floating-wrapper {
background: #FFFFFF;
position: absolute;
height: 100%;
width: 50%;
padding: 30px;
top: 0;
right: 0;
opacity: 1;
transform: rotateY(0deg);
transition: transform 0.4s, opacity 0.1s; }
.opalhotel-grid-rooms article.hover .floating-wrapper {
opacity: 0;
backface-visibility: hidden;
transform-origin: 0 0;
transform: rotateY(-90deg);
transition: transform 0.4s, opacity 0.1s 0.3s; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper {
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
padding: 25px 30px 20px;
position: relative;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper a.link-reservation {
position: absolute;
top: 25px;
font-size: 18px;
right: 25px; }
.rtl .opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper a.link-reservation {
left: 25px;
right: auto; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-title {
font-size: 24px;
margin: 0 0 20px;
padding-right: 30px; }
.rtl .opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-title {
padding-left: 30px;
padding-right: inherit; }
.opalhotel-grid-rooms .room-grid .opalhotel_loop_room_detail_wrapper .room-content p {
line-height: 30px; }
.opalhotel-grid-rooms .room-grid:hover .opalhotel_loop_room_detail_wrapper {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.opalhotel-grid-rooms .room-grid.overlap-room {
overflow: hidden;
margin-left: -10px;
margin-right: -10px; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-content-wrap {
padding: 0;
position: relative;
margin-top: 0; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-bottom-wrap {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background-repeat: repeat-x;
background-position: center top;
background-image: url(//n.magyarturistaegyesulet.hu/data/themes/mte/images/accommodation-bg.png);
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-top-wrap {
float: none;
margin: 0; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-title {
font-size: 24px;
padding-bottom: 0px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room .room-title a {
color: #FFF; }
.opalhotel-grid-rooms .room-grid.overlap-room .opalhotel-price {
margin-top: 50px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
margin-bottom: 40px; }
@media (max-width: 1200px) {
.opalhotel-grid-rooms .room-grid.overlap-room .opalhotel-price {
margin-top: 0;
margin-bottom: 20px; } }
.opalhotel-grid-rooms .room-grid.overlap-room footer {
padding: 0;
position: absolute;
bottom: -100%;
left: 0;
width: 100%;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover {
-webkit-box-shadow: none;
box-shadow: none;
transform: translate(0px, 0px) rotate(0deg);
-moz-transform: translate(0px, 0px) rotate(0deg);
-webkit-transform: translate(0px, 0px) rotate(0deg);
-ms-transform: translate(0px, 0px) rotate(0deg); }
.opalhotel-grid-rooms .room-grid.overlap-room:hover .room-bottom-wrap {
padding-bottom: 60px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover footer {
bottom: 30px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover .opalhotel-price {
margin-top: 0px;
margin-bottom: 30px; }
@media (max-width: 768px) {
.opalhotel-grid-rooms .room-grid.overlap-room:hover .opalhotel-price {
margin-bottom: 10px; }
.opalhotel-grid-rooms .room-grid.overlap-room:hover footer {
bottom: 15px; } }
.opalhotel-grid-rooms .owl-carousel-play .owl-controls {
display: block !important; }
body.opalhotel-single .sidebar .widget {
margin-bottom: 40px !important; } .opalhotel-reservation-step {
position: relative; }
.opalhotel-reservation-step .choose-room {
margin-top: -100px; }
.opalhotel_reservation_customer_group.left .opalhotel-form-group {
margin: 0 15px 25px 0; }
.opalhotel_reservation_customer_group.right .opalhotel-form-group {
margin: 0 0 25px 15px; }
.opalhotel-form-group label {
font-size: 16px;
color: #000;
margin-bottom: 0; }
.opalhotel-form-group input[type="text"],
.opalhotel-form-group input[type="email"],
.opalhotel-form-group select {
height: 42px;
padding: 5px 15px;
line-height: 30px;
background-color: #fff;
border: 1px solid #e8e8e8;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel-form-group textarea {
padding: 10px 15px;
background-color: #fff;
border: 1px solid #e8e8e8;
resize: vertical;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.opalhotel_checkout_review {
background-color: #8cc43f;
margin-bottom: 35px; }
.opalhotel_checkout_booking_detail {
background-color: #313131;
color: #FFF; }
.opalhotel_checkout_booking_detail .opalhotel-section-title {
font-size: 18px;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 16px 30px;
margin: 0;
color: #FFF; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review {
padding: 20px 30px 10px;
border-bottom: none; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 0 0 10px;
margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-available-room-title {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat";
margin-bottom: 10px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta {
overflow: hidden;
margin-bottom: 5px;
font-size: 16px;
font-weight: 500; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.adult {
float: left; }
.rtl .opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.adult {
float: right; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.children {
float: right; }
.rtl .opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .room-meta span.children {
float: left; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel_reservation_packages {
padding: 5px 0; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal {
padding: 5px 0; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal label {
font-size: 16px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-reservation-subtotal label.opalhotel-review-price {
font-style: normal;
color: #fff; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item:last-child {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-review-total {
font-family: "Montserrat";
color: #8cc43f;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 15px;
margin-top: 5px; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .opalhotel-available-review-item .opalhotel-review-total label {
font-size: 18px;
font-weight: 900;
font-style: normal; }
.opalhotel_checkout_booking_detail .opalhotel-reservation-available-review .cart_remove_item {
color: #e93434; }
.opalhotel-payment-methods {
padding: 25px 0 0; }
.opalhotel-payment-methods .opalhotel-section-title {
font-size: 16px;
margin: 0 0 10px; }
.opalhotel-payment-methods .opalhotel_payment_gateways {
background-color: transparent;
margin: 0;
padding: 0; }
.opalhotel-payment-methods .opalhotel_payment_gateways li label {
font-style: italic;
font-size: 14px; }
.opalhotel-payment-methods .opalhotel_payment_gateways li label input {
margin-right: 5px;
float: left; }
.rtl .opalhotel-payment-methods .opalhotel_payment_gateways li label input {
margin-left: 5px;
margin-right: inherit; }
.rtl .opalhotel-payment-methods .opalhotel_payment_gateways li label input {
float: right; }
.opalhotel-payment-methods .opalhotel_payment_gateways li .description {
padding: 5px 10px; }
.opalhotel_reservation_checkout .term-conditional {
margin-bottom: 20px; }
.opalhotel_reservation_checkout .term-conditional label {
font-size: 16px;
color: #000; }
.opalhotel_reservation_checkout .term-conditional label input#term_conditional {
margin-right: 5px; }
.rtl .opalhotel_reservation_checkout .term-conditional label input#term_conditional {
margin-left: 5px;
margin-right: inherit; }
.opalhotel-form-section-group.footer {
border-top: 1px solid #e8e8e8;
padding-top: 30px; }
.opalhotel_order_recived .opalhotel_order_details {
background-color: #8cc43f;
color: #FFF;
margin-top: 22px;
border-bottom: none; }
.opalhotel_order_recived .opalhotel_order_details > h3 {
color: #FFF;
border-bottom: 1px solid #FFF;
padding: 16px 30px;
margin: 0 0 5px;
font-size: 18px;
text-transform: uppercase;
text-align: center; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details {
border: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 15px 0;
margin: 0 30px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-order-item-room-title {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat";
margin-bottom: 10px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info {
text-align: left;
font-size: 16px;
font-weight: 700;
color: #eee0d2;
margin-bottom: 5px; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info .adult {
margin-right: 25px; }
.rtl .opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_room_info .adult {
margin-left: 25px;
margin-right: inherit; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal {
padding: 5px 0; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal label {
font-size: 14px;
font-style: italic;
color: #eee0d2; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_order_item_subtotal label.opalhotel-review-price {
color: #fff;
font-style: normal;
font-weight: 700; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel_reservation_packages {
padding: 10px 0; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-review-total {
font-size: 16px;
font-weight: 700;
font-family: "Montserrat"; }
.opalhotel_order_recived .opalhotel_order_details .opalhotel-order-item-details .opalhotel-review-total .opalhotel-review-price {
font-size: 18px;
font-weight: 900; }
.opalhotel_order_recived .opalhotel_order_confirm_order {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 40px;
margin-bottom: 35px; }
.opalhotel_order_recived .opalhotel_order_confirm_order > h3 {
font-size: 30px;
margin-bottom: 30px; }
.opalhotel_order_recived .opalhotel_order_customer_details {
margin: 0; }
.opalhotel_order_recived .opalhotel_order_customer_details > h3 {
font-size: 30px;
margin-bottom: 30px; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer {
float: left;
border-right: 1px solid #e8e8e8;
font-size: 14px;
color: #000;
font-weight: 700;
margin-bottom: 15px; }
.rtl .opalhotel_order_recived .opalhotel_order_customer_details div.customer {
float: right; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer label {
display: block;
margin-bottom: 0;
color: #999999;
font-weight: 400; }
.opalhotel_order_recived .opalhotel_order_customer_details div.customer:last-child {
border-right: none; }
.opalhotel-no-room-selected {
margin-bottom: 100px;
padding: 10px 30px; }
#opalhotel_coupon_code {
background-color: #fff;
border: 1px solid #e8e8e8;
font-size: 14px;
color: #999999;
line-height: 20px; }
#opalhotel_apply_coupon {
font-size: 12px;
font-weight: 900;
background-color: transparent;
color: #999999;
border: 1px solid #e8e8e8;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s;
padding: 10px 15px;
line-height: 20px; }
#opalhotel_apply_coupon:hover {
border-color: #8cc43f;
color: #8cc43f; } #opalhotel-comments {
margin-bottom: 30px; }
#opalhotel-comments .comment-list {
list-style: none;
padding: 0;
margin: -30px 0 0; }
#opalhotel-comments .comment-list .comment {
border-bottom: 1px solid #e5e5e5;
padding: 30px 0 10px;
width: 100%; }
#opalhotel-comments .comment-list .comment .comment-author {
text-align: center;
width: 50px;
float: left;
margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-author .avatar {
border-radius: 50%;
margin: 0 0 10px; }
#opalhotel-comments .comment-list .comment .comment-author .author {
color: #000;
font-size: 14px;
text-transform: none;
margin: 0;
display: block;
line-height: 24px; }
#opalhotel-comments .comment-list .comment .comment-text {
overflow: hidden; }
#opalhotel-comments .comment-list .comment .comment-text .meta {
margin: -5px 0 5px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap {
display: inline-block;
margin-right: 20px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-rating-wrap label {
display: block;
margin-bottom: 5px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #000; }
#opalhotel-comments .comment-list .comment .comment-text .comment-content {
margin-top: 5px; }
#opalhotel-comments .comment-list .comment .comment-text .comment-content p {
line-height: 30px; }
#opalhotel-comments .comment-list .comment time {
display: block;
font-size: 12px; } .opalhotel-comment-form .comment-form-comment {
margin-bottom: 20px; }
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
display: inline-block;
width: 49.75%; }
@media (max-width: 992px) {
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
width: 49.7%; } }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-author,
.opalhotel-comment-form .comment-form-email {
width: 100%; } }
.opalhotel-comment-form .comment-form-author {
padding-right: 14px; }
.rtl .opalhotel-comment-form .comment-form-author {
padding-left: 14px;
padding-right: inherit; }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-author {
padding-right: 0px; }
.rtl .opalhotel-comment-form .comment-form-author {
padding-left: 0px;
padding-right: inherit; } }
.opalhotel-comment-form .comment-form-email {
padding-left: 14px; }
.rtl .opalhotel-comment-form .comment-form-email {
padding-right: 14px;
padding-left: inherit; }
@media (max-width: 767px) {
.opalhotel-comment-form .comment-form-email {
padding-left: 0px; }
.rtl .opalhotel-comment-form .comment-form-email {
padding-right: 0px;
padding-left: inherit; } }
.opalhotel-comment-form .form-control {
border: 1px solid #e8e8e8; }
.opalhotel-star {
width: 25%;
display: inline-block; }
@media (max-width: 480px) {
.opalhotel-star {
width: 100%;
display: block; } }
.comment-form-rating {
margin: 10px 0 5px 0; }
.comment-form-rating label {
margin-bottom: 0;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #000; }  #opalhotel_check_availability,
#opalhotel_check_availability > .ui-datepicker-inline {
width: 100% !important;
overflow: hidden; }
#opalhotel_check_availability .ui-datepicker-group {
width: 50%;
float: left; } .opalhotel-reservation-available-review {
overflow: hidden;
position: relative;
background-color: #F1F1F1;
clear: both; }
.opalhotel-reservation-available-review .opalhotel-available-review-item,
.opalhotel_order_details .opalhotel-order-item-details {
font-size: 13px;
padding: 10px 20px;
font-weight: 600;
border-bottom: 1px solid #ddd; }
.opalhotel-reservation-available-room-title,
.opalhotel-order-item-room-title {
font-size: 12px;
font-weight: 600; }
.opalhotel-reservation-available-review .cart_remove_item {
float: right;
margin-left: 10px;
box-shadow: none; }
.opalhotel_reservation_available_room_info,
.opalhotel_order_item_room_info {
text-align: right; }
.opalhotel_reservation_packages,
.opalhotel-reservation-subtotal {
overflow: hidden;
padding: 5px 0px 5px 20px; }
.opalhotel_reservation_packages .opalhotel_review_package_title,
.opalhotel_reservation_packages .opalhotel_package_title,
.opalhotel_reservation_packages .opalhotel-review-price,
.opalhotel-reservation-subtotal label,
.opalhotel_order_item_subtotal label {
font-size: 12px;
margin: 0;
font-weight: 400; }
.opalhotel-reservation-available_package-item .opalhotel-review-price,
.opalhotel-reservation-subtotal .opalhotel-review-price,
.opalhotel-review-price {
float: right; }       .opalhotel_reservation_checkout {
overflow: hidden; }
.opalhotel_reservation_checkout .opalhotel-section-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 0px;
text-transform: uppercase; }
.opalhotel-form-section-group {
overflow: hidden;
position: relative;
margin-bottom: 20px; }
.opalhotel_reservation_customer_group {
width: 50%;
float: left; }
.opalhotel-form-group * {
font-size: 13px;
font-weight: 400;
color: #444; }
.opalhotel_reservation_customer_group.left .opalhotel-form-group {
margin: 10px 10px 0 0; }
.opalhotel_reservation_customer_group.right .opalhotel-form-group {
margin: 10px 0 0 10px; }
#opalhotel_coupon_code {
max-width: 200px; }
.opalhotel-checkout-review .opalhotel-reservation-available-review,
.opalhotel_order_details {
background-color: transparent; }
.opalhotel-checkout-review .opalhotel-available-review-item,
.opalhotel_order_details .opalhotel-order-item-details {
border-top: 1px dashed #d3ced2;
border-left: 1px dashed #d3ced2;
border-right: 1px dashed #d3ced2;
border-bottom: none; }
.opalhotel_payment_gateways {
padding: 15px 10px;
margin-bottom: 15px;
background-color: #efefef; }
.opalhotel_payment_gateways li label {
font-size: 13px;
font-weight: 600;
text-transform: initial; }
.opalhotel_payment_gateways li label:hover {
cursor: pointer; }
.opalhotel_payment_gateways li .description {
padding: 10px;
font-size: 13px;
background-color: #fff;
border-radius: 3px;
margin-top: 5px;
margin-bottom: 10px;
border: 1px solid #e8e8e8; }
.opalhotel_payment_gateways li .description p {
margin-bottom: 0; }
.opalhotel_payment_gateways li .description.hidden {
display: none; }
.opalhotel-form-footer a {
text-decoration: none;
box-shadow: none !important; }
.opalhotel-form-footer.right {
text-align: right; }
.opalhotel-reservation-loading {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
background-color: #fff;
opacity: 0.8; }
.opalhotel-reservation-loading .content {
top: 50%;
left: 50%;
margin: auto;
position: absolute; width: 30px;
height: 30px;
border-radius: 50%;
border: solid 5px #9A6767;
border-top-color: #FFF;
animation: reservation-loading  1s infinite linear; }
@-webkit-keyframes reservation-loading {
100% {
webkit-transform: rotate(360deg); } }
@-moz-keyframes reservation-loading {
100% {
transform: rotate(360deg); } }
@keyframes reservation-loading {
100% {
transform: rotate(360deg); } }  [class^="opalhotel-notice-"] {
margin-bottom: 10px;
font-size: 13px;
font-weight: 400;
border-top: none;
padding: 10px 15px !important; }
.opalhotel-notice-success {
color: #31708f;
background: #d9edf7; }
.opalhotel-error-messages {
padding: 1em 2em;
margin: 0 0 2em !important;
position: relative;
background-color: #F1F1F1;
color: #515151;
border-top: 3px solid #b81c23;
list-style: none !important;
width: auto;
word-wrap: break-word; }
.opalhotel-error-messages .opalhotel-notice-error {
font-size: 12px;
padding: 0 !important;
background-color: transparent;
color: #444; }
.opalhotel-notice-error {
color: #fff;
background: #9E3515; }
.opalhotel-no-room-selected {
color: #111;
background-color: #111; }  .opalhotel_form_cart * {
font-size: 13px;
text-transform: capitalize; }
.opalhotel_form_cart td,
.opalhotel_form_cart th {
text-align: center; }
.opalhotel_form_cart .room-discount *,
.opalhotel_form_cart .room-extra * {
font-size: 12px;
text-transform: capitalize; }
.opalhotel_form_cart .room-thumb a {
display: inline-block;
color: transparent; }
.opalhotel_form_cart .room-thumb a:hover img {
border: 1px solid #9E3515; }
.opalhotel_form_cart .room-thumb img {
display: inline-block;
padding: 3px;
border: 1px solid #eee;
width: 50px;
height: 50px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.opalhotel_form_cart .room-quantity input {
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s; }
.opalhotel_form_cart .room-quantity input:hover,
.opalhotel_form_cart .room-quantity input:focus {
border: 1px solid #9E3515; }  .opalhotel_order_confirm_order {
overflow: hidden;
border-bottom: 1px dashed #d3ced2; }
.opalhotel_order_confirm_order .column {
display: inline-block;
padding: 0 10px 0 0;
border-right: 1px solid #e8e8e8;
color: #000;
font-size: 14px;
font-weight: 700;
width: 18%;
margin-right: 10px; }
.opalhotel_order_confirm_order .column label {
color: #999;
margin-bottom: 0;
display: block;
font-weight: 400; }
.opalhotel_order_confirm_order .column:last-child {
margin-right: 0;
border-right: none;
padding-right: 0; }
.rtl .opalhotel_order_confirm_order .column:last-child {
margin-left: 0;
margin-right: inherit; }
.rtl .opalhotel_order_confirm_order .column:last-child {
padding-left: 0;
padding-right: inherit; }
.opalhotel_order_confirm_order .column:last-of-type {
border: none; }
.opalhotel_order_customer_details strong,
.opalhotel_order_customer_details small {
display: block; } .hotel-box {
background-color: #fff;
padding: 25px 35px 20px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.hotel-box:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.hotel-box .title {
margin: 0 0 20px; }
.opalhotel-view-details {
color: #8cc43f;
font-weight: 400;
font-family: "Montserrat";
text-transform: uppercase;
font-size: 12px;
display: inline-block;
line-height: 1; } .single-opalhotel_hotel .opalhotel_hotel h1 {
font-size: 30px;
margin: 0 0 30px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room {
border-top: 1px solid #e8e8e8;
padding-top: 30px; }
.single-opalhotel_hotel .opalhotel_hotel .opalhotel_room:first-child {
padding-top: 0;
border-top: none; }
.single-opalhotel_hotel .opalhotel_hotel .room-list {
margin-bottom: 25px; }
.single-opalhotel_hotel .opalhotel_hotel .room-list:after {
content: none; }
.single-opalhotel_hotel .opalhotel_hotel .room-thumbnail {
width: 30%; }
.single-opalhotel_hotel .opalhotel_hotel .room-content {
position: static;
width: 70%;
padding: 0 0 0 20px; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content {
padding: 0 20px 0 0; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .left-col {
padding: 0 20px 0 0;
width: 75%; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content .left-col {
padding: 0 0 0 20px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .right-col {
padding: 0 0 0 20px;
width: 25%; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-content .right-col {
padding: 0 20px 0 0; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .room-title {
font-size: 16px;
font-weight: 700;
margin: 0 0 10px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .opalhotel-price {
margin-bottom: 0;
line-height: 36px; }
.single-opalhotel_hotel .opalhotel_hotel .room-content .room-description p {
margin-bottom: 5px; }
.single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
right: auto;
left: -40px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
left: auto;
right: auto; }
.rtl .single-opalhotel_hotel .opalhotel_hotel .room-label-discount {
right: -40px;
left: auto; }
.single-opalhotel_hotel .opalhotel-room-single-gallery-thumb {
margin: 10px -5px 0;
display: none !important; }
.single-opalhotel_hotel .opalhotel-room-single-gallery-thumb .owl-item {
padding: 0 5px; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery .owl-item {
padding: 0; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery:hover .owl-buttons .owl-prev {
left: 0; }
.opalhotel-rom-gallery .opalhotel-room-single-gallery:hover .owl-buttons .owl-next {
right: 0; }
.opalhotel-rom-gallery .carousel-control {
display: none; }
.opalhotel-rom-gallery .gallery-item img {
width: 100%; }
.opalhotel-rom-gallery .owl-buttons > div {
width: 50px;
height: 50px;
line-height: 50px;
background-color: rgba(0, 0, 0, 0.4);
color: #FFF;
text-align: center;
text-shadow: none;
margin-top: -25px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.opalhotel-rom-gallery .owl-buttons > div i {
line-height: 50px;
font-size: 20px; }
.opalhotel-rom-gallery .owl-buttons > div:hover {
background-color: #000; }
ul.amenities {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden; }
ul.amenities > li {
float: left;
width: 33.333333%;
font-weight: 700; }
ul.amenities > li ul {
margin-bottom: 15px; }
ul.amenities > li ul li {
font-weight: 400; }
ul.sections {
list-style: none;
padding: 0; }
ul.sections > li {
display: flex;
margin-top: 20px; }
ul.sections .image {
max-width: 300px;
margin-right: 30px; }
ul.sections .sub-title {
margin-top: 0; } .opalhotel_hotel.first-child {
clear: both; }
.hotel-grid {
background-color: #fff;
padding: 0 15px 30px;
margin-bottom: 30px;
margin-top: 30px;
text-align: center;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.hotel-grid:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.hotel-grid .opalhotel-catalog-thumbnail {
margin-top: -30px; }
.hotel-grid .hotel-title {
margin: 20px 0 15px; }
.hotel-grid .opalhotel-hotel-details {
background-color: #f4f4f4;
color: #000;
border-radius: 20px;
font-size: 12px;
font-weight: 400;
display: inline-block;
padding: 9px 45px;
font-family: "Montserrat";
text-transform: uppercase; }
.hotel-grid .opalhotel-hotel-details:hover {
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
color: #FFF;
background-color: #8cc43f; }
.hotel-grid .hotel-description {
padding: 0 20px 25px; } .widget_opalhotel-check-available {
background-color: #FFF;
background-repeat: no-repeat;
background-position: center bottom;
padding: 20px 30px 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.widget_opalhotel-check-available .widget-title {
color: #000;
background-image: none;
padding: 0;
margin-bottom: 15px; }
.widget_opalhotel-check-available .opalhotel_form_section {
padding: 0;
background-color: transparent; }
.widget_opalhotel-check-available .opalhotel_form_section footer {
padding-left: 0;
padding-right: 0; }
.widget_opalhotel-check-available .opalhotel-form-field {
margin-bottom: 10px;
padding: 0; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-lable {
font-size: 12px;
font-weight: 700;
color: #000;
margin-bottom: 5px;
font-family: "Montserrat"; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group i {
right: 15px;
top: 15px; }
.rtl .widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group i {
left: 15px;
right: auto; }
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group input,
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group select {
padding: 7px 40px 7px 15px;
line-height: 36px; }
.rtl .widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group input, .rtl
.widget_opalhotel-check-available .opalhotel-form-field .opalhotel-form-field-group select {
padding: 7px 15px 7px 40px; }
.widget_opalhotel-check-available footer {
padding-top: 10px; }
.widget_opalhotel-check-available footer .opalhotel-button-submit {
color: #FFF;
border-radius: 25px;
background-color: #8cc43f;
border: none;
font-weight: 400;
font-size: 14px;
font-family: "Montserrat";
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.widget_opalhotel-check-available footer .opalhotel-button-submit:hover {
color: #FFF;
background-color: #e35d5d; }
.widget_opalhotel-check-available:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); } .horizontal-form {
background: #fff;
clear: both;
border-top: 4px solid #e35d5d;
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.horizontal-form header {
float: left;
margin: 20px 25px; }
.horizontal-form header.heading-form {
margin: 0;
padding: 50px 30px;
border-right: 1px solid #e8e8e8; }
.horizontal-form header.heading-form h3 {
font-size: 24px; }
.horizontal-form header.heading-form h3 span {
font-style: italic;
font-weight: 300; }
@media (max-width: 1200px) {
.horizontal-form header.heading-form {
display: none; } }
@media (max-width: 768px) {
.horizontal-form header {
display: none; } }
@media (max-width: 767px) {
.horizontal-form header {
display: block;
float: none; }
.horizontal-form header.heading-form {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-right: none;
padding: 15px 20px;
text-align: center; }
.horizontal-form header.heading-form h3 span {
display: inline; } }
.horizontal-form h3 {
padding: 0;
margin: 0; }
.horizontal-form h3 span {
display: block; }
.horizontal-form .form-content {
padding: 0 15px;
overflow: hidden;
display: block;
position: relative; }
.horizontal-form .form-content .opalhotel-form-field {
margin: 0;
padding: 40px 5px 50px;
width: 20%;
float: left;
display: block; }
.horizontal-form .form-content .opalhotel-form-field.adults-input, .horizontal-form .form-content .opalhotel-form-field.children-input {
width: 10%; }
.horizontal-form .form-content .opalhotel-form-field label {
color: #000;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 5px;
font-family: "Montserrat"; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-form-field-group i {
top: 17px;
right: 15px;
color: #000; }
.horizontal-form .form-content .opalhotel-form-field.button-wrap {
padding-top: 70px; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 14px;
font-weight: 400;
font-family: "Montserrat";
display: block;
border-radius: 25px;
width: 100%;
margin-top: -3px;
-webkit-transition: 0.35s;
-o-transition: 0.35s;
transition: 0.35s; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit:hover {
background-color: #e35d5d;
color: #FFF; }
@media (max-width: 992px) {
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 11px;
text-transform: none; } }
@media (max-width: 768px) {
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 11px; } }
@media (max-width: 767px) {
.horizontal-form .form-content .opalhotel-form-field {
width: 100% !important;
padding: 10px 5px; }
.horizontal-form .form-content .opalhotel-form-field.button-wrap {
padding-top: 10px; }
.horizontal-form .form-content .opalhotel-form-field .opalhotel-button-submit {
font-size: 12px;
text-transform: uppercase; } }
.horizontal-form:hover {
transform: translate(0px, -3px) rotate(0.01deg);
-moz-transform: translate(0px, -3px) rotate(0.01deg);
-webkit-transform: translate(0px, -3px) rotate(0.01deg);
-ms-transform: translate(0px, -3px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
@media (max-width: 767px) {
.horizontal-form {
padding-top: 10px; } }
.opalreservation-bottom .horizontal-form:hover {
transform: translate(0px, 0px) rotate(0deg);
-moz-transform: translate(0px, 0px) rotate(0deg);
-webkit-transform: translate(0px, 0px) rotate(0deg);
-ms-transform: translate(0px, 0px) rotate(0deg);
-webkit-box-shadow: none;
box-shadow: none; } .widget_opalhotel-hotel-info {
background-color: #fff;
padding: 25px 30px;
margin-bottom: 30px;
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
-ms-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s; }
.widget_opalhotel-hotel-info .widget-title {
padding: 0;
margin: 0 0 15px; }
.widget_opalhotel-hotel-info .widget-title:after {
content: none; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info {
margin: 0 -30px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .map {
width: 100% !important;
margin-bottom: 20px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .address,
.widget_opalhotel-hotel-info .opalhotel-hotel-info .meta {
padding: 0 30px;
font-size: 14px;
line-height: 18px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info .title {
font-size: 14px;
font-weight: 400;
margin: 0 0 10px; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info ul {
margin: 0;
padding: 0;
list-style: none; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info ul span {
color: #000;
float: right; }
.rtl .widget_opalhotel-hotel-info .opalhotel-hotel-info ul span {
float: left; }
.widget_opalhotel-hotel-info .opalhotel-hotel-info label {
color: #999999;
font-size: 14px;
font-weight: 300;
margin: 0;
padding: 0; }
.widget_opalhotel-hotel-info:hover {
transform: translate(0px, -5px) rotate(0.01deg);
-moz-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-transform: translate(0px, -5px) rotate(0.01deg);
-ms-transform: translate(0px, -5px) rotate(0.01deg);
-webkit-box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 30px 0 rgba(0, 0, 0, 0.15); }
.widget_opalhotel-hotels-grid .widget-title,
.widget_opalhotel-hotels-grid .widgettitle {
padding: 0; }
.widget_opalhotel-hotels-grid .widget-title:after,
.widget_opalhotel-hotels-grid .widgettitle:after {
content: none; }
.sidebar .widget_opalhotel-hotel-info .widget-title {
padding: 0;
margin: 0 0 15px; }
.sidebar .widget_opalhotel-hotel-info ul li {
padding: 0;
border: none;
margin: 0 0 5px; }.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/owl-carousel/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height: 13px; }
div.pp_default .pp_top .pp_left { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } div.pp_default .pp_top .pp_middle { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } div.pp_default .pp_top .pp_right { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } div.pp_default .pp_content .ppt { color: #f8f8f8; }
div.pp_default .pp_content_container .pp_left { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
div.pp_default .pp_content_container .pp_right { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
div.pp_default .pp_content { background-color: #fff; } div.pp_default .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } div.pp_default .pp_expand { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } div.pp_default .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default .pp_close { width: 30px; height: 30px; background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } div.pp_default #pp_full_res .pp_inline { color: #000; } 
div.pp_default .pp_gallery ul li a { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }
div.pp_default .pp_social { margin-top: 7px; }
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
div.pp_default .pp_details { position: relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } div.pp_default .pp_bottom .pp_middle { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } div.pp_default .pp_bottom .pp_right { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } div.pp_default .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/default/loader.gif) center center no-repeat; }  div.light_rounded .pp_top .pp_left { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content .ppt { color: #000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_details { position: relative; }
div.light_rounded .pp_description { margin-right: 85px; }
div.light_rounded #pp_full_res .pp_inline { color: #000; } 
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_left { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.dark_rounded .pp_top .pp_left { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_top .pp_right { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content_container .pp_left { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_rounded .pp_content_container .pp_right { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_rounded .pp_content { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .pp_details { position: relative; }
div.dark_rounded .pp_description { margin-right: 85px; }
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded .pp_description { color: #fff; }
div.dark_rounded #pp_full_res .pp_inline { color: #fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_rounded .pp_nav .pp_play { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_nav .pp_pause { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_rounded .pp_arrow_previous { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_arrow_next { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_rounded .pp_bottom .pp_left { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; }  div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background: #000; }
div.dark_square .currentTextHolder { color: #c4c4c4; }
div.dark_square .pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } div.dark_square .pp_expand { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_details { position: relative; }
div.dark_square .pp_description { margin: 0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color: #fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.dark_square .pp_nav { clear: none; }
div.dark_square .pp_nav .pp_play { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_nav .pp_pause { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.dark_square .pp_arrow_previous { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_arrow_next { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; }  div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content .ppt { color: #000; }
div.light_square .pp_expand { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_details { position: relative; }
div.light_square .pp_description { margin-right: 85px; }
div.light_square #pp_full_res .pp_inline { color: #000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_square .pp_nav .pp_play { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_nav .pp_pause { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_square .pp_arrow_previous { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_arrow_next { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; }  div.facebook .pp_top .pp_left { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; } 
div.facebook .pp_loaderIcon { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_arrow_previous { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_nav .pp_pause { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; }  div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9500;
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000;
}
.pp_top {
height: 20px;
position: relative;
}
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_top .pp_middle {
left: 0;
position: static;
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px 0;
}
.pp_description {
display: none;
margin: 0;
}
.pp_social { float: left; margin: 0; }
.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
.pp_social .twitter { float: left; }
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0;
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
margin-right: 4px;
text-indent: -10000px;
}
a.pp_arrow_previous,
a.pp_arrow_next {
display: block;
float: left;
height: 15px;
margin-top: 3px;
overflow: hidden;
text-indent: -10000px;
width: 14px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0;
}
.pp_gallery li.default a {
background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display: block;
height: 33px;
width: 50px;
}
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
background: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/prettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_expand,
a.pp_contract {
cursor: pointer;
display: none;
height: 20px;	
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000;
}
a.pp_close {
position: absolute; right: 0; top: 0; 
display: block;
line-height:22px;
text-indent: -10000px;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px;
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res {
line-height: 1 !important;
}
#pp_full_res .pp_inline {
text-align: left;
}
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt {
color: #fff;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999;
}.jBox-wrapper {
text-align: left;
box-sizing: border-box;
}
.jBox-title,
.jBox-content,
.jBox-container {
position: relative;
word-break: break-word;
box-sizing: border-box;
}
.jBox-container {
background: #fff;
}
.jBox-content {
padding: 8px 10px;
overflow-x: hidden;
overflow-y: auto;
transition: opacity .2s;
} .jBox-Tooltip .jBox-container,
.jBox-Mouse .jBox-container {
border-radius: 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, .25);
}
.jBox-Tooltip .jBox-title,
.jBox-Mouse .jBox-title {
padding: 8px 10px 0;
font-weight: bold;
}
.jBox-hasTitle.jBox-Tooltip .jBox-content,
.jBox-hasTitle.jBox-Mouse .jBox-content {
padding-top: 5px;
}
.jBox-Mouse {
pointer-events: none;
} .jBox-pointer {
position: absolute;
overflow: hidden;
}
.jBox-pointer-top { top: 0; }
.jBox-pointer-bottom { bottom: 0; }
.jBox-pointer-left { left: 0; }
.jBox-pointer-right { right: 0; }
.jBox-pointer-top,
.jBox-pointer-bottom {
width: 30px;
height: 12px;
}
.jBox-pointer-left,
.jBox-pointer-right {
width: 12px;
height: 30px;
}
.jBox-pointer:after {
content: '';
width: 20px;
height: 20px;
position: absolute;
background: #fff;
transform: rotate(45deg);
}
.jBox-pointer-top:after {
left: 5px;
top: 6px;
box-shadow: -1px -1px 2px rgba(0, 0, 0, .15);
}
.jBox-pointer-right:after {
top: 5px;
right: 6px;
box-shadow: 1px -1px 2px rgba(0, 0, 0, .15);
}
.jBox-pointer-bottom:after {
left: 5px;
bottom: 6px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, .15);
}
.jBox-pointer-left:after {
top: 5px;
left: 6px;
box-shadow: -1px 1px 2px rgba(0, 0, 0, .15);
} .jBox-Modal .jBox-container {
border-radius: 4px;
}
.jBox-Modal .jBox-content {
padding: 15px 20px;
}
.jBox-Modal .jBox-title {
border-radius: 4px 4px 0 0;
padding: 15px 20px;
background: #fafafa;
border-bottom: 1px solid #eee;
}
.jBox-Modal .jBox-footer {
border-radius: 0 0 4px 4px;
}
.jBox-Modal.jBox-closeButton-title .jBox-title {
padding-right: 55px;
}
.jBox-Modal .jBox-container,
.jBox-Modal.jBox-closeButton-box:before {
box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4);
} .jBox-closeButton {
cursor: pointer;
position: absolute;
}
.jBox-closeButton svg {
position: absolute;
top: 50%;
right: 50%;
}
.jBox-closeButton path {
transition: fill .2s;
}
.jBox-closeButton path {
fill: #aaa;
}
.jBox-closeButton:hover path {
fill: #888;
}
.jBox-closeButton:active path {
fill: #666;
} .jBox-overlay .jBox-closeButton {
top: 0;
right: 0;
width: 40px;
height: 40px;
}
.jBox-overlay .jBox-closeButton svg {
width: 20px;
height: 20px;
margin-top: -10px;
margin-right: -10px;
}
.jBox-overlay .jBox-closeButton path,
.jBox-overlay .jBox-closeButton:active path {
fill: #ddd;
}
.jBox-overlay .jBox-closeButton:hover path {
fill: #fff;
} .jBox-closeButton-title .jBox-closeButton {
top: 0;
right: 0;
bottom: 0;
width: 40px;
}
.jBox-closeButton-title .jBox-closeButton svg {
width: 12px;
height: 12px;
margin-top: -6px;
margin-right: -6px;
} .jBox-closeButton-box .jBox-closeButton {
top: -8px;
right: -10px;
width: 24px;
height: 24px;
background: #fff;
border-radius: 50%;
}
.jBox-closeButton-box .jBox-closeButton svg {
width: 10px;
height: 10px;
margin-top: -5px;
margin-right: -5px;
}
.jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton {
background: #fafafa;
}
.jBox-closeButton-box:before {
content: '';
position: absolute;
top: -8px;
right: -10px;
width: 24px;
height: 24px;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.jBox-pointerPosition-top.jBox-closeButton-box:before {
top: 5px;
}
.jBox-pointerPosition-right.jBox-closeButton-box:before {
right: 2px;
} .jBox-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .82);
} .jBox-footer {
background: #fafafa;
border-top: 1px solid #eee;
padding: 8px 10px;
border-radius: 0 0 3px 3px;
} body[class^="jBox-blockScroll-"],
body[class*=" jBox-blockScroll-"] {
overflow: hidden;
} .jBox-draggable {
cursor: move;
} @keyframes jBoxLoading {
to { transform: rotate(360deg); }
}
.jBox-loading .jBox-content {
opacity: .2;
}
.jBox-loading-spinner .jBox-content {
min-height: 38px !important;
min-width: 38px !important;
opacity: 0;
}
.jBox-spinner {
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin-top: -12px;
margin-left: -12px;
}
.jBox-spinner:before {
display: block;
box-sizing: border-box;
content: '';
width: 24px;
height: 24px;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .8);
animation: jBoxLoading .6s linear infinite;
} [class^="jBox-animated-"],
[class*=" jBox-animated-"] {
animation-fill-mode: both;
}
@keyframes jBox-tada {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.8) rotate(-4deg);}
30%, 50%, 70%, 90% {transform: scale(1.2) rotate(4deg);}
40%, 60%, 80% {transform: scale(1.2) rotate(-4deg);}
100% {transform: scale(1) rotate(0);}
}
.jBox-animated-tada {
animation: jBox-tada 1s;
}
@keyframes jBox-tadaSmall {
0% {transform: scale(1);}
10%, 20% {transform: scale(0.9) rotate(-2deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(2deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-2deg);}
100% {transform: scale(1) rotate(0);}
}
.jBox-animated-tadaSmall {
animation: jBox-tadaSmall 1s;
}
@keyframes jBox-flash {
0%, 50%, 100% {opacity: 1;}  
25%, 75% {opacity: 0;}
}
.jBox-animated-flash {
animation: jBox-flash .5s;
}
@keyframes jBox-shake {
0%, 100% {transform: translateX(0);}
20%, 60% {transform: translateX(-6px);}
40%, 80% {transform: translateX(6px);}
}
.jBox-animated-shake {
animation: jBox-shake .4s;
}
@keyframes jBox-pulseUp {
0% {transform: scale(1);}
50% {transform: scale(1.15);}
100% {transform: scale(1);}
}
.jBox-animated-pulseUp {
animation: jBox-pulseUp .25s;
}
@keyframes jBox-pulseDown {
0% {transform: scale(1);}
50% {transform: scale(0.85);}
100% {transform: scale(1);}
}
.jBox-animated-pulseDown {
animation: jBox-pulseDown .25s;
}
@keyframes jBox-popIn {
0% {transform: scale(0);}
50% {transform: scale(1.1);}
100% {transform: scale(1);}
}
.jBox-animated-popIn {
animation: jBox-popIn .25s;
}
@keyframes jBox-popOut {
0% {transform: scale(1);}
50% {transform: scale(1.1);}
100% {transform: scale(0);}
}
.jBox-animated-popOut {
animation: jBox-popOut .25s;
}
@keyframes jBox-fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
.jBox-animated-fadeIn {
animation: jBox-fadeIn .2s;
}
@keyframes jBox-fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.jBox-animated-fadeOut {
animation: jBox-fadeOut .2s;
}
@keyframes jBox-slideUp {
0% {transform: translateY(0);}
100% {transform: translateY(-300px); opacity: 0;}
}
.jBox-animated-slideUp {
animation: jBox-slideUp .4s;
}
@keyframes jBox-slideRight {
0% {transform: translateX(0);}
100% {transform: translateX(300px); opacity: 0;}
}
.jBox-animated-slideRight {
animation: jBox-slideRight .4s;
}
@keyframes jBox-slideDown {
0% {transform: translateY(0);}
100% {transform: translateY(300px); opacity: 0;}
}
.jBox-animated-slideDown {
animation: jBox-slideDown .4s;
}
@keyframes jBox-slideLeft {
0% {transform: translateX(0);}
100% {transform: translateX(-300px); opacity: 0;}
}
.jBox-animated-slideLeft {
animation: jBox-slideLeft .4s;
}.jBox-Notice {
transition: margin .2s;
}
.jBox-Notice .jBox-container {
border-radius: 3px;
box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, .25), inset -1px -1px 0 0 rgba(0, 0, 0, .1);
}
.jBox-Notice .jBox-content {
border-radius: 3px;
padding: 12px 20px;
}
.jBox-Notice .jBox-title {
padding: 12px 20px 0;
font-weight: bold;
}
.jBox-hasTitle.jBox-Notice .jBox-content {
padding-top: 5px;
}
.jBox-Notice-black .jBox-container {
color: #fff;
background: #000;
}
.jBox-Notice-gray .jBox-container {
color: #333;
background: #f6f6f6;
}
.jBox-Notice-red .jBox-container {
color: #fff;
background: #d00;
}
.jBox-Notice-green .jBox-container {
color: #fff;
background: #5d0;
}
.jBox-Notice-blue .jBox-container {
color: #fff;
background: #07d;
}
.jBox-Notice-yellow .jBox-container {
color: #000;
background: #fd0;
}
@media (max-width: 768px) {
.jBox-Notice .jBox-content {
padding: 10px 15px;
}
.jBox-Notice .jBox-title {
padding: 10px 15px 0;
}
}
@media (max-width: 500px) {
.jBox-Notice .jBox-content {
padding: 8px 10px;
}
.jBox-Notice .jBox-title {
padding: 8px 10px 0;
}
.jBox-hasTitle.jBox-Notice .jBox-content {
padding-top: 0;
}
}.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ overflow: hidden;
width: auto;
height: auto;
} .mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; 
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail{
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer;
width: 100%;
height: 30px; z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container{
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
width: 30px; height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 12px; margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 8px; margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } .mCSB_container_wrapper{
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container{
padding-right: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
margin-right: 0; margin-left: 0;
} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .mCSB_scrollTools, 
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
transition: width .2s ease-out .2s, height .2s ease-out .2s, 
margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
opacity .2s ease-in-out, background-color .2s ease-in-out; 
}   .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.4);
filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.75);
filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.85);
filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.9);
filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-image: url(//n.magyarturistaegyesulet.hu/extensions/opal-hotel-room-booking/assets/libraries/mCustomScrollbar/mCSB_buttons.png); background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }  .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
width: 4px;
background-color: #fff; background-color: rgba(255,255,255,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 6px;
background-color: #fff; background-color: rgba(255,255,255,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.75);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }  .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 2px;
margin: 7px auto;
} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }  .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
width: 16px; height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; }
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
height: 16px; width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 4px; margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }  .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
} .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
.mCS-3d.mCSB_scrollTools, 
.mCS-3d-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 8px;
background-color: #000; background-color: rgba(0,0,0,0.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: #000; background-color: rgba(0,0,0,0.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools{
opacity: 1;
filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
}
.mCS-3d-thick.mCSB_scrollTools, 
.mCS-3d-thick-dark.mCSB_scrollTools, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
.mCS-3d-thick.mCSB_scrollTools_vertical, 
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
.mCS-3d-thick.mCSB_scrollTools_horizontal, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #000; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
background-color: #fff; background-color: rgba(0,0,0,0.05);
box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
right: 0; 
margin: 12px 0; 
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
bottom: 0; 
margin: 0 12px; 
} .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
left: 0; 
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #fff; background-color: rgba(255,255,255,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);
filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.5);
filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
}  .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
width: 6px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }  .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
width: 12px;
background-color: #000; background-color: rgba(0,0,0,0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; } .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255,255,255,0.2);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }.activity-categories .active {
border-left: 3px solid #8cc43f!important; 
} .opalactivity-box {
background-color: #fff;
padding:  30px 40px;
margin-bottom: 30px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.box-heading {
margin:  0 0 15px;
}
.activity-title {
margin: 0 0 10px;
} .activity-archive-activitys .first-child,
.activity-grid_v1 .first-child {
clear: both;
}
div.opal_activity {
background-color: #fff;
margin-bottom: 60px;
}
div.opal_activity .entry-content {
padding: 15px 20px 20px;
text-align: center;
position: relative;
overflow:  hidden;
margin: 0;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: all 0.35s ease 0s;
-moz-transition: all 0.35s ease 0s;
-webkit-transition: all 0.35s ease 0s;
}
div.opal_activity .activity-title {
margin-bottom: 5px;
}
div.opal_activity .activity-learnmore {
position: absolute;
left: 0;
width: 100%;
transition: all 0.35s ease 0s;
-moz-transition: all 0.35s ease 0s;
-webkit-transition: all 0.35s ease 0s;
bottom: -100%;
visibility: hidden;
opacity: 0;
padding-bottom: 20px;
}
div.opal_activity .activity-learnmore span {
font-size: 12px;
text-transform: uppercase;
position: relative;
border: none;
padding: 0;
background-color: transparent;
}
div.opal_activity .activity-description {
color: #999;
font-style: italic;
font-size: 14px;
}
div.opal_activity:hover .entry-content {
padding-bottom: 60px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
margin-bottom: -47px;
}
div.opal_activity:hover .activity-learnmore {
bottom: 5px;
opacity: 1;
visibility: visible;
}
.activity-grid_v2 div.opal_activity {
position: relative;
margin-bottom: 10px;
}
.activity-grid_v2 > .row {
margin-right: -5px;
margin-left: -5px;
}
.activity-grid_v2 > .row > div {
padding-right: 5px;
padding-left: 5px;
}
.activity-grid_v2 div.opal_activity .entry-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,.4);
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
}
.activity-grid_v2 div.opal_activity .activity-title {
margin-bottom: 15px;
transition: all 0.35s ease 0s;
-moz-transition: all 0.35s ease 0s;
-webkit-transition: all 0.35s ease 0s;
}
.activity-grid_v2 div.opal_activity .activity-title a {
color: #fff;
}
.activity-grid_v2 div.opal_activity .activity-learnmore {
height: 0;
position: static;
margin-bottom: -20px;
}
.activity-grid_v2 div.opal_activity:hover .activity-learnmore {
height: auto;
opacity: 1;
visibility: visible;
margin-bottom: 0px;
}
.activity-list div.opal_activity {
margin-bottom: 30px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
transition: all 0.35s ease 0s;
-moz-transition: all 0.35s ease 0s;
-webkit-transition: all 0.35s ease 0s;
}
.activity-list div.opal_activity:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.activity-list div.opal_activity .entry-content {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
text-align: left;
padding-left: 0;
}
.activity-list div.opal_activity .activity-description {
margin-bottom: 10px;
}
.activity-list div.opal_activity .activity-learnmore {
position: static;
opacity: 1;
visibility: visible;
} .single-opalactivity-container .activity-title {
margin-bottom: 20px;
}
.activity-content {
}
.activity-description {
line-height: 30px;
}
.activity-infomations {
background-color: #fafafa;
min-width: 270px;
margin-left: 30px;
float: right;
}
.activity-infomations .box-heading {
padding: 15px 20px;
margin-bottom: 0;
}
.activity-infomations ul.list {
padding: 0;
margin:  0;
}
.activity-infomations ul.list li {
border-top:  1px solid #e8e8e8;
padding: 10px 20px;
}
.activity-infomations ul.list li label {
margin-bottom: 0;
}
.activity-infomations ul.list li i {
padding-right: 10px;
}
.activity-infomations ul.list li span {
color: #000;
}
.activity-gallery {
margin-bottom: 30px;
}
.activity-gallery .owl-carousel .owl-item {
padding: 0 5px;
}
.activity-gallery .owl-carousel-play {
margin-left: -5px;
margin-right: -5px;
}
.activity-gallery .owl-carousel-play .carousel-control {
border-radius: 0;
width:  30px;
height:  30px;
line-height: 30px;
margin-top: -15px;
}