@import url('//fonts.googleapis.com/css?family=Raleway:300,400,500,600');
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a,
button,
.submit,
.submit span,
*::before,
*::after,
.navbar-toggle span.icon-bar,
.item-slider img,
.icon-herp-part img,
.icon-herp-part ul li p,
.hover-logo,
.freizeit-box .icon-box figure img,
.search-options-box,
.display-option .display-hotel-detail,
.icon-change ul li *,
.zoomWraper .zoomInButton,
.zoomWraper .zoomOutButton,
.search-options-box-map, iframe.booking-hotel, .hover-logo figure, select { -webkit-transition: all ease-in-out 0.4s 0s; -o-transition: all ease-in-out 0.4s 0s; transition: all ease-in-out 0.4s 0s; }
*,
:focus,
button::focus { outline: none; }
section,
footer { position: relative; background: #fff; }
ul { padding: 0 0 0 25px; }
.content .col-sm-6 img { margin-bottom: 20px }
.margin-100 { margin-top: 100px; }
.margin-80 { margin-top: 80px; }
.margin-60 { margin-top: 60px; }
.margin-50 { margin-top: 50px; }
.margin-40 { margin-top: 40px; }
.parsley-errors-list,
.parsley-errors-list li { padding: 3px 0 0 0; list-style: none; color: red; font-size: 14px; }
.frame-border-box-frame { padding: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.11); margin-bottom: 20px; }
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 auto 20px; padding: 0px; font-weight: 300; line-height: 1.28; word-wrap: break-word; color: #646464; }
h1 strong,
h2 strong { display: block; font-weight: 400; font-size: 30px; }
img { -o-object-fit: cover; object-fit: cover; max-width: 100%; height: auto; }
a { text-decoration: none; }
p { margin: 0 0 20px 0px; font-weight: 400; text-align: justify; word-wrap: break-word; }
p:last-child { margin-bottom: 0px; }
body,
html, .gm-style { font-family: 'Raleway', sans-serif !important; font-weight: 400 !important; height: 100%; color: #646464; font-size: 17px; }
footer ul li { list-style-image: url('../Images/list.png'); margin-bottom: 7px }
.secondary-bg .page-header,
.secondary-bg .col-md-12 a { border-color: #fff !important; }

.secondary-bg p a:hover,
.primary-bg p a:hover { border: none !important; }
.content p a, .content ul li a { color: #13a1c5 !important; border-bottom: 1px solid rgba(19, 161, 197, 0);}
.content .primary-bg p a { border-bottom: 1px solid rgba(255, 255, 255, 1) !important; color: #fff !important; }
.content p a:hover, .content ul li a:hover, .secondary-bg p a:hover, .primary-bg p a:hover { border-bottom: 1px solid rgba(19, 161, 197, 1) !important; }
.primary-bg p a:hover { border-bottom: 1px solid rgba(255, 255, 255, 0) !important; }
footer .primary-bg p a { border-bottom: 1px solid rgba(255, 255, 255, 1) !important; color: #fff !important; }
body { overflow-x: hidden; }
figure,
.main-img-info p { margin: 0 auto; }
.light-gray,
.footer-gray { background: #ecebeb; }
.light-gray,
.footer-top { padding: 70px 0px; }
.red-bg { background: #ed1c24; }
.page-header,
.col-sm-6 h1 { margin-bottom: 60px; position: relative; }
.loader { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: url(../Images/ajax-loader.gif) center center no-repeat rgba(255, 255, 255, 0.95); z-index: 999999; }
.bottom-border { padding-bottom: 20px; margin-bottom: 20px; font-weight: 300; }
.background-dark,
.background-light { position: relative; }
.primary-bg { background: #13a1c5; }
.secondary-bg { background: #f0f0f0; }
.background-dark::before,
.background-light::before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; display: block; }
.background-light::before { background: rgba(256, 256, 256, 0.8); }
.background-dark::before { background: rgba(87, 86, 86, 0.75); }
.background-dark a,
.background-dark p,
.background-dark h1,
.background-dark h2,
.background-dark .page-header h2,
.background-dark h3,
.background-dark h4,
.background-dark h5,
.background-dark li,
.primary-bg a,
.primary-bg p,
.primary-bg h1,
.primary-bg h2,
.background-dark .page-header h2,
.primary-bg h3,
.primary-bg h4,
.primary-bg h5,
.primary-bg li { color: #fff !important; }
.primary-bg .btn-default,
.blue-theme .primary-bg .btn-default { border-color: #fff !important; background: #ffff !important; color: #646464 !important; }
.primary-bg .page-header,
.background-dark .col-md-12 a,
.primary-bg .col-md-12 a { border-color: #646464; }
.secondary-bg a,
.secondary-bg p,
.secondary-bg h1,
.secondary-bg h2,
.secondary-bg h3,
.secondary-bg h4,
.secondary-bg h5,
.secondary-bg li { color: #646464 !important; }
.secondary-bg a.btn { background-color: #646464; color: #fff !important; border-color: #646464; }
.secondary-bg a.btn.btn-primary,
a.btn.btn-primary { background-color: #13a1c5; color: #fff !important; border-color: #13a1c5; }
.secondary-bg a.btn.btn-primary:hover,
a.btn.btn-primary:hover,
.secondary-bg a.btn:hover { background-color: #fff; color: #13a1c5 !important; border-color: #fff; }
.secondary-bg a.btn.btn-default:hover { background-color: #13a1c5; color: #fff !important; border-color: #13a1c5; }
.secondary-bg .btn-default { color: #fff !important }

.secondary-bg p a:hover { color: #13a1c5 !important; }
.background-dark .col-md-12 a:hover,
.primary-bg .col-md-12 a:hover { border-color: #fff; background: #fff; color: #646464; }
.background-light a,
.background-light p,
.background-light li { color: #646464; }
.background-light h2,
.background-light .page-header h2,
.background-light h3,
.background-light h4,
.background-light h5 { color: #646464 !important; }
.blue-theme .background-light h2,
.blue-theme .background-light .page-header h2,
.blue-theme .background-light h3,
.blue-theme .background-light h4,
.blue-theme .background-light h5 { color: #0060a7 !important; }
.background-light .btn-default { color: #13a1c5; }
.background-light .btn-default:hover { color: #fff; }
.relative { position: relative; }
.background-image .container,
.team-member { position: relative; z-index: 1; }
.background-image { background: url(../Images/bg-bubble.jpg) center top no-repeat; }
.youtube { height: 100vh; overflow: hidden; }
.youtube div,
.youtube div iframe { height: 100vh !important; }
.youtube iframe { transform: scale(1.4); -webkit-transform: scale(1.4); }
.no-bg .btn { color: #fff; }
.bar1,
.bar2,
.bar3 { width: 22px; height: 3px; background-color: #fff; margin: 4px auto; transition: 0.4s; display: block; background: #fff; }
.show-menu-responsive .bar1 { -webkit-transform: rotate(-45deg) translate(-4px, 4px); transform: rotate(-45deg) translate(-4px, 4px); }
.show-menu-responsive .bar2 { opacity: 0; }
.show-menu-responsive .bar3 { -webkit-transform: rotate(45deg) translate(-4px, -4px); transform: rotate(45deg) translate(-4px, -4px); }
#hotelDescription { padding-bottom: 125px; }

/************************ header slider section *****************************/
.banner-slider { height: 100vh; overflow: hidden; }
.banner-slider figure,
.banner-slider figure img { overflow: hidden; height: 100%; position: relative; width: 100%; }
.banner-slider * { height: 100%; max-height: 100vh; }
.base-spacing { padding: 125px 0px; }
.base-margin { margin: 125px 0px; }
.frame-space-before-extra-large { margin-top: 125px; }
.frame-space-after-extra-large { margin-bottom: 125px; }
.inner-screen figure { height: 730px; position: relative; }
.slick-track { height: 100vh; }
.project-slider-part .slick-track { height: auto; }
.project-slider-part .item-slider a { height: 260px; position: relative; display: block; width: 100%; }
.fixed-top { position: fixed; left: 0; right: 0; top: 0; background-color: #13a1c5; padding: 0 100px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); z-index: 10050; }

/*************** search-box **************************/
.search-box-hero,
.button-filter { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 1005; text-align: center; }
.iframe-booking,
.booking-info,
.url-booking, .main .iframe-booking { display: inline-block; position: relative; margin: 0 -2px; }

.main .booking-info,
.main .url-booking { display: block; padding: 0px; margin: 0px; }
.search-box-hero .btn { font-size: 37px; min-width: 340px; margin: 0 25px; }
.search-box-hero .btn.blue-btn { background-color: #13a1c5; color: #fff; border-color: #13a1c5 }

.search-box-hero .link-button .btn, .responsive-frame .btn  { font-size: 18px; min-width: 100%; padding: 7px; margin: 0px; }
.search-box-hero .btn:hover,
.search-box-hero .btn-default:focus,
.search-box-hero .btn-default:focus,
.show-filter-cat .button-filter > .btn.btn-default.gray-btn, .show-booking-frame .button-filter > .btn.btn-default.hotel-book { background-color: #fff; border-color: #fff; color: #13a1c5; }
.search-box-hero .btn.gray-btn:hover,
.search-box-hero .btn.gray-btn:focus,
.search-box-hero .btn.gray-btn.focus { color: #646464; }
.search-box-hero .btn.white-btn { background-color: #fff; color: #646464; border-color: #fff }
.search-box-hero .btn.white-btn:hover,
.search-box-hero .btn.white-btn:focus,
.show-filter-cat .button-filter > .btn.btn-default.gray-btn.white-btn, .subpage .show-booking-frame .button-filter > .btn.btn-default.hotel-book { background-color: #13a1c5; color: #fff; border-color: #13a1c5 }
.search-options-box,
.search-options-box-map { height: 260px; position: absolute; background: #fff; bottom: 74px; width: 44vw; padding: 20px; left: 25px; opacity: 0; visibility: hidden; }
.show-filter-cat .search-options-box.display-option { opacity: 0; visibility: hidden; }
.show-filter-cat .search-options-box,
.show-filter-cat .search-options-box.display-option-show,
.show-filter-cat .search-options-box-map { opacity: 1; visibility: visible; }
.search-options-box-map { bottom: -7px; z-index: 9999; left: -170px; right: auto; }
.map-options-box { height: 220px; }
.search-options-box-map > a.btn.btn-default { position: absolute; left: 0; top: -46px; background-color: #fff; color: #646464; border-color: #fff; margin: 0 auto; min-width: 40%; }
.search-options-box-map > a.btn.btn-default:hover,
.search-box-hero .link-button .btn:hover,
.search-box-hero .link-button .btn:focus { background-color: #13a1c5; color: #fff; border-color: #13a1c5; }
.search-options-box.display-option { right: 416px; left: auto; }
.display-hotel-detail ul,
.icon-change ul { padding: 0px; list-style: none; }
.display-hotel-detail h3 { margin-bottom: 10px; font-size: 20px; font-weight: 400; }
.display-hotel-detail h3 em, .hotel-list-filter-detail h3 em { font-style: normal; color: #13a1c5; }
.display-hotel-detail p { margin-bottom: 10px; text-align: left; }
.hotel-address,
.hotel-address-icon { width: 50%; }
#hotelDescription .hotel-address-icon { width: 100%; }
.subpage .hotel-address-icon ul { padding: 0px; list-style: none; }
.hotel-address-icon { padding-left: 15px; word-break: break-all; }
/* .hotel-address-icon.center-feature { padding-left: 0px; } */
.seach-box { margin-bottom: 30px; }
.seach-box input { padding-left: 45px; background-image: url('../Images/search.png'); background-position: 10px 8px; background-repeat: no-repeat; background-color: #f0f0f0; border: none; }
.main .search-options-box { left: auto; right: 4.15%; }
.main .search-options-box.display-option { right: auto; left: 4.15%; }

/************* icon-change *************/
.icon-change ul li, .hotel-address-icon ul li { position: relative; width: 50%; float: left; padding: 0 0 8px 40px; cursor: pointer; word-break: break-all; }
.hotel-address-icon ul li { width: 100%; cursor: default; }
.icon-change ul li input.hotelFeartures { display: none; }
.icon-change ul li label { font-weight: 400; margin: 5px 0 0 0; cursor: pointer; }
.icon-change ul li span.featureImage,
.hotel-address-icon ul li span { position: absolute; left: 0; top: 0; height: 32px; width: 30px; }
.icon-change ul li span.featureImage img,
.hotel-address-icon ul li span img { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
.icon-change ul li span.featureImage img:nth-of-type(2),
.icon-change ul li.active span.featureImage img:nth-of-type(2) { opacity: 0; }
.icon-change ul li.active span.featureImage img:nth-of-type(2),
.hotel-address-icon ul li span img:nth-of-type(1),
.icon-change ul li:hover span.featureImage img:nth-of-type(2) { opacity: 1; }
.icon-change ul li.active label,
.icon-change ul li:hover label { color: #13a1c5; }
.display-hotel-detail .hotel-img figure { height: 140px; position: relative; overflow: hidden; }
.display-option .row { margin: 0 -15px; }
.display-option .display-hotel-detail { padding: 10px; position: relative; }
.display-option .display-hotel-detail a.wholeboxLink { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; }
.display-option .display-hotel-detail:hover { background-color: #f0f0f0; }
.display-option .row .col-md-4,
.display-option .row .col-md-8 { padding: 0 15px; }
textarea { border-radius: 0px 0px; appearance: none; -webkit-appearance: none; -moz-appearance: }
select { display: block; width: 100%; height: 40px; border-radius: 0px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: url('../Images/search-icon.jpg') right top no-repeat #f0f0f0; border: none; padding: 0 45px 0 10px }
select:hover,
select:focus { background: url('../Images/search-icon-hr.jpg') right top no-repeat #f0f0f0; }
select option { height: 40px; background-color: #f0f0f0; }
.link-button { margin: 35px auto 10px; }
.hideDiv { display: none; }
.search-options-box.display-option::before { position: absolute; width: 30px; height: 25px; content: ''; display: block; transform: rotate(45deg); top: 35px; right: -10px; background-color: #fff; }
select::-ms-expand {display: none;}
/************* icon part ***********/
.icon-herp-part ul,
footer .footer-links ul { display: block; list-style: none; text-align: center; padding: 0px; margin: 0px; }
.icon-herp-part ul li,
footer .footer-links ul li { display: inline-block; vertical-align: top; width: 12.4%; text-align: center; margin: 50px -2px 0px; }
.icon-herp-part ul li a { display: block; color: #646464 !important; border: none !important; }
.icon-herp-part ul li a:hover, .icon-herp-part ul li:hover { text-decoration: none; border: none !important; }
.icon-herp-part ul li span { height: 80px; width: 100%; position: relative; display: block; text-align: center; }
.icon-herp-part ul li p { text-align: center; margin: 30px auto 10px; font-size: 20px; }
.icon-herp-part ul li:hover p { color: #13a1c5; }
.icon-herp-part ul li span img { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; margin: 0 auto; }
.icon-herp-part ul li span img:nth-of-type(2),
.icon-herp-part ul li a:hover span img:nth-of-type(2),
.icon-herp-part ul li:hover span img:nth-of-type(2) { opacity: 0; }
.icon-herp-part ul li a:hover span img:nth-of-type(2),
.icon-herp-part ul li:hover span img:nth-of-type(2) { opacity: 1; }
.button-fixed { position: absolute; right: 100px; bottom: -27px; z-index: 9 }
.inner-screen { position: relative }
.inner-screen::before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url('../Images/grediant.png') left top repeat-y; content: ''; display: block; z-index: 1 }
.inner-screen figure figcaption { position: absolute; left: 100px; bottom: 100px; z-index: 99; font-size: 35px; font-weight: 300; }
.inner-screen figure figcaption strong { display: block; font-weight: 400; font-size: 50px; line-height: 35px; }

/******** Footer *********/
.footer-links { background-color: #fff; padding: 15px 25px; box-shadow: 0 0 10px rgba(21, 23, 25, 0.3); }
footer .footer-links ul li { margin: 0 auto; width: auto; }
footer .footer-links ul li a { display: block; padding: 3px 20px; }
footer .primary-bg h2 { margin-bottom: 60px; }
footer .primary-bg .col .content p img, .panel-collapse .col .content p img { display: block; margin: 0 auto; }

/************ Custome Box Design css ****************/
.freizeit-box { padding: 75px 0px; display: flex; justify-content: start; align-items: start; -webkit-display: flex; flex-wrap: nowrap; position: relative; }
.freizeit-box:nth-child(odd) { background-color: #f0f0f0; }
.freizeit-box .icon-box { position: absolute; left: 15%; top: 50%; transform: translateY(-50%); width: 100px;  }

.freizeit-box .icon-box figure { height: 90px; }
.freizeit-box .icon-box figure img { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); }
.freizeit-box .icon-box figure img:nth-of-type(2),
.freizeit-box:hover .icon-box figure img:nth-of-type(1) { opacity: 0; }
.freizeit-box:hover .icon-box figure img:nth-of-type(2) { opacity: 1; }
.freizeit-box .icon-box h3 { display: none; }
.freizeit-description h3,
.freizeit-box .icon-box h3 { font-weight: 400; }
.freizeit-description { padding: 0 100px 0 25%; }

/************ hotel-list *********/
.zoomWraper { height: auto; width: 130px; position: absolute; left: 65px; bottom: -30px; }
.zoomWraper .zoomInButton::before,
.zoomWraper .zoomOutButton::before { width: 36px; text-align: center; font-size: 35px; position: absolute; right: 2px; top: 50%; transform: translateY(-50%); display: block; transition-delay: 0; font-weight: 500; }
.zoomWraper .zoomOutButton::before { content: '-'; }
.zoomWraper .zoomInButton::before { content: '+'; }
.zoomWraper > div:hover { background: #13a1c5; color: #fff; }
.zoomWraper > div:hover::before { transition: none; }
.zoomWraper .zoomInButton,
.zoomWraper .zoomOutButton { color: #646464; cursor: pointer; position: relative; width: 40px; height: 40px; display: inline-block; margin: 0 5px; background: rgba(255, 255, 255, 0.99); }
.hotel-list:nth-child(even) { padding: 75px 0px; }
.hotel-list:last-child { padding-bottom: 0px; }
.hotel-list .hotel-price p strong { display: block; font-size: 35px; color: #13a1c5; font-weight: 400; line-height: 30px; }
.hotel-img figure { height: 290px; position: relative; }
.hotel-list-filter { padding: 40px 100px; }
.hotel-list-filter h3 { font-size: 24px; font-weight: 400; }
.hotel-list h3 { font-weight: 400; }
.hotel-list-filter > .row { position: relative; }
.bottom-button { position: absolute; right: 15px; bottom: 0px; }
.bottom-button .btn { margin: 0 10px; }
.hotel-list-filter-img { position: relative; }
.hotel-list-filter-img a { display: block }
.hotel-list-filter .col-md-8.col-sm-7 { padding-bottom: 80px; }
.hotel-list-filter-img a > figure { height: 350px; }
.hover-logo, .hover-logo figure { position: absolute; left: 0; right: 0; top: 0; bottom: 0;  margin: 0 auto; text-align: center; opacity: 0; visibility: hidden; z-index: 2 }
.hover-logo figure { top: 50%; transform: translateY(-50%); bottom: auto; }
.hover-logo::before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.85); content: ''; display: block; opacity: 0; transform: scale(0); z-index: 1 }
.hotel-list-filter-detail { padding: 55px 0 0 0px; }
.hotel-list-filter-img a:hover .hover-logo::before { opacity: 1; transform: scale(1); }
.hotel-list-filter-img a:hover .hover-logo { opacity: 1; visibility: visible; }
.hotel-list-filter-img a:hover .hover-logo figure { transition-delay: 0.6s; opacity: 1; visibility: visible; }
.active-list { background-color: #f0f0f0; }
.form-select-box-list .form-group { max-width: 550px; width: 100%; }
.map-section-filter { height: calc(100vh - 60px); overflow: hidden; }
.map-section-filter figure,
.map-section-filter figure img { height: 100%; width: 100%; }
.infoWindow { width: 620px; padding: 20px 20px 45px 20px; float: left; font-size: 17px; }
.infoWindow ul { padding: 0px; list-style: none; }
.map-section-filter .infoWindow ul img { height: auto; width: auto; }
.leftContent, .rightContent { width: 50%; float: left; }
.rightContent { padding-left: 15px; }
.infoWindow ul li { display: block; margin-bottom: 3px; }
.infoWindow ul li span {display: inline-block; margin-right: 10px; width: 30px; vertical-align: middle; height: 30px; position: relative;}
.infoWindow ul li span img { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto;  }
.gm-style .gm-style-iw { font-weight: 400; z-index: -1; background-color: #fff; box-shadow: none !important; border-radius: 0px !important; }
.gm-style .gm-style-iw-c { overflow: visible !important; }
.gm-style .gm-style-iw-c button.clickMe { position: absolute; left: 0; right: 0; bottom: -20px; border: none; font-size: 0px; outline: none; display: block; width: 65px; height: 65px; background: url('../Images/marker-hover.png') center bottom no-repeat; margin: 0 auto; }
.gm-style-iw-t::before, .gm-style .gm-style-iw-t::after { display: none !important; }
.gm-style .gm-style-iw-d { overflow-x: hidden !important; }
.gm-style .gm-style-iw h3 { font-weight: 400; }
/*.gmnoprint { opacity: 1 !important;   }*/
.gm-style > div > div > .gmnoprint { height: 1px !important; }
.gm-style-pbt { text-align: center; }
/************ hotel-booking *********/ 
.search-box-hero.map-filter-section { width: 1120px; }
.map-filter-section.search-box-hero .btn { font-size: 18px; margin: 0 1.4%; min-width: 30%; }
.iframe-booking { display: block; text-align: left; }
iframe.booking-hotel {opacity: 0; visibility: hidden; position: absolute; padding: 20px; border: none; width: 340px; right: 25px; border: 0; height: 280px; text-align: left; bottom: 47px;background: #fff;}
.main iframe.booking-hotel { bottom: 40px; right: 28px; }
.show-booking-frame iframe.booking-hotel { opacity: 1; visibility: visible; }
.main .iframe-booking-responsive iframe.booking-hotel { bottom: 0px; display: none; }

/******** Contact **********/
.tx-powermail .powermail_form_1 legend,
.nolabel .powermail_label,
.list-heading-responsive h3 { display: none; }
.tx-powermail .powermail_form_1 .powermail_fieldwrap { width: 50%; float: left; padding: 0 25px; }
.tx-powermail .powermail_form_1 .powermail_fieldwrap_type_textarea,
.tx-powermail .powermail_form_1 .powermail_fieldwrap_type_check,
.tx-powermail .powermail_form_1 .powermail_fieldwrap_ihree_mail_addresse { width: 100%; }
.video-embed-item, .audio-embed-item { padding: 20px; border: 1px solid #646464; }




@media all and (-ms-high-contrast:none)
     {
     .main .search-options-box { right: 4.6%; } /* IE10 */
     .main iframe.booking-hotel { right: 27px; }
     .main .search-options-box.display-option { left: 4.6% }
     *::-ms-backdrop, .main .search-options-box { right: 4.6%; } /* IE11 */
     *::-ms-backdrop, .main .search-options-box.display-option { left: 4.6% } /* IE11 */
     *::-ms-backdrop, .main iframe.booking-hotel { right: 27px; }

     }


@media only screen and (max-width:1470px) {
	ul.nav.navbar-nav.text-center { text-align: right; }
	.nav>li>a { padding: 10px 10px 10px 60px; }
	.navbar-nav>li>a span { left: 10px; }
	.inner-screen figure { height: 560px; }
	.base-spacing { padding: 90px 0px; }
	.base-margin { margin: 90px 0px; }
	.frame-space-before-extra-large { margin-top: 90px; }
	.frame-space-after-extra-large { margin-bottom: 90px; }

	/************ filter list *******/
	.hotel-address,
	.hotel-address-icon { padding: 0px; width: 100%; }
	.icon-change ul li,
	.hotel-address-icon ul li { width: 100%; }
	.col-md-8.col-sm-7.icon-change,
	.col-md-4.col-sm-5.select-bx { width: 50%; }

	/********* icon css *********/
	.icon-herp-part ul li { width: 20%; }
	.hotel-address-icon.center-feature { margin-top: 20px; }
	.search-options-box-map { left: -145px; }
	.search-box-hero.map-filter-section { width: 940px; }
	.main iframe.booking-hotel, .map-filter-section iframe.booking-hotel { right: 20px; }

}

@media only screen and (max-width:1366px) { 
	.main iframe.booking-hotel, .map-filter-section iframe.booking-hotel { right: 27px; }
	.main .search-options-box { right: 4%; }
	.main .search-options-box.display-option { left: 4%; }
}

@media only screen and (max-width:1250px) {
	.main .search-options-box { right: 4%; }
	.main .search-options-box.display-option { left: 4%; }
}
@media only screen and (max-width:1199px) {
	.fixed-top { padding: 0 40px }
	.navbar-header { left: 40px; }
	.button-fixed { right: 40px; }
	.freizeit-description { padding-right: 40px; }
	.search-box-hero .btn { margin: 0 20px; }
	.freizeit-box .icon-box { left: 10%; }
	

	/******** filter list*******/
	.main .search-options-box { right: 3.84% }
	.main .search-options-box.display-option { left: 3.84%; }
	.col-md-8.col-sm-7.icon-change,
	.col-md-4.col-sm-5.select-bx, .display-hotel-detail .col-md-4.col-sm-5, .display-hotel-detail .col-md-8.col-sm-7
	 { width: 100%; float: left; }
	.hotel-list-filter h3 { display: none; }
	.display-hotel-detail .hotel-img figure { margin-bottom: 15px; }
	.hotel-list-filter { padding: 40px 25px; max-width: 970px; margin: 0 auto; }
	.list-heading-responsive h3 { display: block; }
	.hotel-list-filter-detail { padding: 35px 0px 0px; }
	.search-options-box-map { width: 60vw; }
	.hotel-img figure { height: 175px; margin-bottom: 30px; }
	.hotel-list-filter > .row { padding-bottom: 80px; }
	.hotel-list-filter .col-md-8.col-sm-7 { padding-bottom: 0px; }


}

@media only screen and (max-width:1024px) {
.tx-hotelsearch { margin-top: 0px; }
.gmnoprint img { object-fit: none; }
.main iframe.booking-hotel, .map-filter-section iframe.booking-hotel { right: 22px; }

}

@media only screen and (max-width:991px) {
	.hotel-list-filter { max-width: 850px; }
	.search-options-box-map { left: -125px; }
}
@media only screen and (max-width:959px) {
	.nav>li { margin: 15px auto; }
	.nav>li>a { padding: 0px; line-height: 37px; }
	.navbar-nav>li>a span { display: inline-block; position: relative; left: 0; bottom: 0; width: auto; vertical-align: top; line-height: normal; top: 0px; margin-right: 10px; }
	.navbar-nav>li>a span img { position: relative; left: 0; right: 0; top: auto; transform: none; -webkit-transform: none; }
	.hotel-list-filter-img a > figure { height: 250px; }
	.hotel-list-filter .bottom-button { right: 20px; }
	.search-box-hero.map-filter-section { max-width: 100vw; }
	.zoomWraper { display: none; }
	#hotelDescription .zoomWraper { display: block; }
	.navbar-header { position: relative; left: 0px; }
	.navbar-toggle { position: absolute; right: 0; }
}
@media only screen and (max-width:854px) {
	.base-spacing { padding: 70px 0px; }
	.base-margin { margin: 70px 0px; }
	.btn { min-width: 200px; }
	#hotelDescription { padding-bottom: 70px; }
	.page-header,
	.col-sm-6 h1,
	footer .primary-bg h2 { margin-bottom: 40px; }
	.frame-space-before-extra-large,
	.row > .col-sm-6:nth-of-type(2) { margin-top: 60px; }
	.hotel-list-filter-detail .row > .col-sm-6:nth-of-type(2) { margin-top: 20px; float: left; }
	.frame-space-after-extra-large { margin-bottom: 60px; }

	/********* icon css *********/
	.icon-herp-part ul li { width: 33%; }
	.panel-body { padding: 25px; }
	.panel-body .col-md-6 .content p img { width: 100%; margin-top: 30px; }
	.tx-powermail .container-fluid { padding: 0px; }
	.tx-powermail .powermail_form_1 .powermail_fieldwrap { width: 100%; padding: 0px; }
	.ce-intext.ce-right .ce-gallery,
	.ce-intext.ce-left .ce-gallery { margin: 0px; float: none; text-align: center; }
	.ce-left .ce-gallery,
	.ce-column { float: none; clear: both; }
	.ce-gallery figure,
	.ce-gallery figure img { display: block; max-width: 100%; max-height: 100%; margin: 15px auto; }
	.freizeit-box .icon-box figure img { right: 30px; }
	.main .search-options-box { right: 3.6%; }
	.main .search-options-box.display-option { left: 3.6%; }
	.main iframe.booking-hotel, .map-filter-section iframe.booking-hotel { right: 22px; }
	.search-options-box { width: 43.58vw; }
	#hotelDescription .hotel-address-icon { margin: 25px auto; }
	.hotel-list-filter-img a > figure { height: 200px; }
	.hotel-list-filter .bottom-button { right: 40px; }
	.search-options-box-map { width: 64vw; }
	.hotel-list h3 { display: none; }
	h3.visible-xs-block { display: block !important; }

	
}
@media only screen and (max-width:767px) {
	body,
	html,
	.search-box-hero .link-button .btn { font-size: 19px; }
	.slick-track { height: 100%; }
	.main .content .frame:nth-of-type(2) { position: absolute; bottom: 0; left: 0; right: 0; margin: -102px auto 0px; }
	.search-box-hero,
	.button-filter { position: relative; }
	.iframe-booking,
	.booking-info,
	.url-booking { position: static; display: block; margin: 0 auto; }
	.search-box-hero .btn { margin: 0px 15px; font-size: 20px; min-width: 250px; }
	.search-options-box { width: 100vw; left: 0; right: 0px; bottom: 0; }
	.main .search-options-box.display-option,
	.main .search-options-box,
	.search-options-box-map { right: 0px; left: 0px; padding: 20px 40px; display: none; /* border-bottom: 2px solid #646464; */ height: 100%; max-height: 550px; top: 40%; transform: translateY(-40%); }
	.main .search-options-box.display-option { display: none !important; }
	iframe.booking-hotel { display: none; width: 100%; right: 0; left: 0; bottom: 0px; }
	.map-options-box { height: 100%; max-height: 550px; }
	.show-filter-cat .search-options-box,
	.show-filter-cat .search-options-box-map, .show-booking-frame iframe.booking-hotel { position: relative; display: block !important; }
	.search-options-box.display-option { right: 0; left: 0; height: 200px; z-index: 9; }
	.display-option .display-hotel-detail .col-md-4.col-sm-5, .search-options-box.display-option::before { display: none; }
	.responsive-frame { padding: 0 50px; position: relative; }
	iframe.booking-hotel { padding: 0px; }
	.show-filter-cat .booking-info, .show-booking-frame .iframe-booking-responsive { position: fixed; left: 0; right: 0; top: 60px; bottom: 0; background-color: #fff; z-index: 10000; }
	.show-booking-frame .iframe-booking-responsive .responsive-hide { display: block; }
	.show-booking-frame .iframe-booking-responsive .responsive-frame { top: 40%; transform: translateY(-40%); }

	.icon-change ul { width: 100%; float: left; }
	 
	.icon-change ul li { width: 50%; }
	.display-option .display-hotel-detail a.wholeboxLink { right: 30px; top: auto; bottom: 20px; z-index: 9; left: auto; width: 160px; height: 40px; background: #646464; }
	.display-option .display-hotel-detail a.wholeboxLink:hover,
	.display-option .display-hotel-detail a.wholeboxLink:focus { background: #13a1c5; }
	.display-option .display-hotel-detail a.wholeboxLink::before { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); content: 'Mehr'; display: block; font-size: 20px; text-align: center; color: #fff; }
	.seach-box input { height: 45px; background-position: 13px 13px; }
	.display-option .display-hotel-detail { padding: 10px 0px 10px; display: table; }
	.display-option .display-hotel-detail::after { position: absolute; left: 10px; right: 30px; bottom: 5px; height: 1px; background-color: #646464; content: ''; display: block; }
	.main .tx-hotelsearch > section { background-color: transparent; }
	.search-box-hero.map-filter-section .button-filter { margin-top: -155px; }
	.map-filter-section.search-box-hero .btn { width: 100%; max-width: 550px; margin: 0px auto; }
	.map-filter-section.search-box-hero .btn.gray-btn.white-btn { margin: 7px auto; }
	.map-filter-section.search-box-hero .booking-info .btn { display: none; }
	.map-filter-section.search-box-hero .booking-info .btn.responsive-hide { display: block; max-width: 100%; }
	.search-options-box-map { z-index: 99; left: 0; right: 0; width: 100vw; display: none; bottom: 0px; }
	.hotel-list-filter .bottom-button { left: 25px; right: 25px; text-align: center; }
	.hotel-list-filter .bottom-button .btn { margin: 0 20px; }
	.hover-logo figure { max-width: 320px; }
	.main .iframe-booking { display: none; } 
	
	.infoWindow { width: 280px; height: 170px; overflow: hidden; overflow-y: auto; }
	.leftContent, .rightContent { width: 100%; padding: 7px 0px; }




}
@media only screen and (max-width:640px) {
	.slider_4,
	.slider_3,
	.slider_2,
	.freizeit-description { padding: 0px; }
	.inner-screen figure { height: 480px; }
	.inner-screen figure figcaption { left: 40px; bottom: 70px; }
	footer .footer-links ul li a { padding: 0 16px 5px; }
	.back-to-top { bottom: 38px; }
	.freizeit-box { display: block; padding: 60px 25px; }
	.freizeit-box .icon-box {left: 10%;position: relative;left: 0;top: auto; transform: none; width: auto;}
	.freizeit-description h3 { display: none; }
	.freizeit-box .icon-box figure { height: 80px; }
	.freizeit-box .icon-box figure img { right: auto; left: 0; max-width: 50px; }
	.freizeit-box .icon-box h3 { display: block; position: absolute; left: 70px; top: 50%; transform: translateY(-50%); }
	.display-option .display-hotel-detail a.wholeboxLink { position: relative; bottom: 0; display: block; float: right; margin: 10px auto; }
	.display-option .display-hotel-detail:hover { background-color: transparent; }
	.button-fixed { left: 20px; text-align: center; right: 20px; }
	.inner-screen .button-fixed { right: 20px; text-align: right; left: auto; bottom: -27px; position: absolute; }
	.inner-screen .button-fixed .btn { min-width: 200px; width: auto; margin-right: 0px }
	.btn { margin-right: 15px; }
	.hotel-list-filter-img a > figure { height: 170px; }
	
}
@media only screen and (max-width:560px) {

	/********* icon css *********/
	.search-box-hero .btn { margin: 0 10px; min-width: 200px; }
	.icon-change ul li { width: 100%; }
	.map-filter-section .button-filter { padding: 0 10px; }
	.hotel-list-filter .bottom-button { left: 20px; right: 20px; }
	.hotel-list-filter .bottom-button .btn { margin: 0 5px; }
	.hover-logo figure { max-width: 250px; }
	.base-spacing { padding: 50px 0px; }
	.base-margin { margin: 50px 0px; }
	.link-button { margin: 15px auto; }
}
@media only screen and (max-width:479px) {
	body,
	html,
	.search-box-hero .link-button .btn { font-size: 17px; }
	h1, .h1, h2, .h2 { font-size: 20px; }
	h1 strong, h2 strong { font-size: 25px; }
	.hotel-list-filter > .row { padding-bottom: 0px; }
	.btn { min-width: 100%; margin-right: 0px; margin-bottom: 10px; }
	.button-fixed,
	.hotel-list-filter .bottom-button { position: relative; bottom: 0; left: 0; right: 0; margin-top: 20px; padding: 0 25px; clear: left; }
	.inner-screen .button-fixed { right: 0px; left: 0; }
	.inner-screen .button-fixed .btn { min-width: 100%; }
	.freizeit-box .button-fixed { padding: 0px; } 
	.hotel-list-filter .bottom-button .btn { margin: 0px auto 10px; }
	.frame >.button-fixed, .page-header, .col-sm-6 h1, footer .primary-bg h2 { margin-top: 0px; margin-bottom: 30px; }
	.frame-space-before-extra-large, .row > .col-sm-6:nth-of-type(2) { margin-top: 30px; }
	.fixed-top { padding: 0 20px; }
	.navbar-brand { font-size: 20px; }
	.navbar-toggle::after { font-size: 18px }
	.back-to-top { bottom: 80px; width: 70px; height: 90px; }
	.freizeit-box { padding: 40px 25px; }
	.hotel-list-filter .col-md-8.col-sm-7 { padding-bottom: 30px; }
	.search-box-hero .btn { min-width: 130px; font-size: 18px; margin: 0 5px; }
	.inner-screen figure { height: 320px; }
	.inner-screen figure figcaption { font-size: 27px; }
	.inner-screen figure figcaption strong { font-size: 35px; }
	#hotelDescription { margin-bottom: 25px; }
	.icon-herp-part ul li { margin-top: 20px; padding: 0 5px; }
	.icon-herp-part ul li span { height: 40px; }
	.icon-herp-part ul li span img { height: 100%; width: auto; }
	.icon-herp-part ul li p { margin: 12px auto; font-size:13px; word-break: break-all;  }
	.responsive-frame { padding: 0 20px; }
	.responsive-hide {margin-top: 15px !important;}
	.seach-box { margin-bottom: 7px; }
	.inner-options .link-button { margin-bottom: 0px; }	

	
}

@media only screen and (max-width:365px) {
	.main .search-options-box.display-option,
	.main .search-options-box,
	.search-options-box-map { padding: 10px 30px; }
	.icon-change ul li,
	.hotel-address-icon ul li { padding: 0 0 6px 40px; }
	.seach-box { margin-bottom: 15px; }
	.navbar-toggle::after { font-size: 16px; top: 10px; } 
	.navbar-toggle { padding-right: 48px; }
}

/* This is for delete "buchen" button */
.button-filter .hotel-book ,.button-filter .iframe-booking {display: none;}