BODY {margin: 0px; font-family: 'Raleway', sans-serif; color: #3d3b3b; font-size: 13px;}
A {color: inherit; text-decoration: none;}
P {line-height: 1.4; margin: 0px;}
INPUT, TEXTAREA, SELECT {padding: 0px; margin: 0px; border: 1px #ccc solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-family: inherit; font-size: inherit; color: inherit; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
INPUT:FOCUS, TEXTAREA:FOCUS, SELECT:FOCUS {box-shadow: inset 0 0 4px rgba(0,0,0,0.15);}
INPUT[type=submit] {cursor: pointer;}
INPUT[type=checkbox] {cursor: pointer;}

.flexbox {display: -webkit-flex; display: -webkit-box; display: -moz-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.box {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.hidden {display: none;}
.line {width: 100%; float: left;}
.mainFrame {width: 1200px; margin: 0px auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.fw-thin {font-weight: 100 !important;}
.fw-normal {font-weight: 400 !important;}

#topFrame {width: 100%; height: 100px; display: flex; align-items: center; justify-content: space-between; padding: 0px 25px; float: left; background-color: #FFF; display: flex; align-items: center; border-bottom: 2px #f7f7f7 solid;}
#topFrame .side {width: 220px; height: auto; float: left;}
#topFrame .side.right {display: flex; justify-content: flex-end;}
#topFrame .socialFrame {width: auto; height: 34px; float: left; background-color: #f7f7f7; padding: 5px; margin-right: 15px;}
#topFrame .socialFrame .icon {float: left; margin: 0px 5px 0px 0px;}
#topFrame .socialFrame .icon IMG {float: left;}
#topFrame .socialFrame .icon:last-child {margin-right: 0px;}
#topFrame .flagsFrame {width: auto; height: 34px; float: left; background-color: #f7f7f7; padding: 5px; display: flex; align-items: center;}
#topFrame .flagsFrame .flag {float: left; margin: 0px 5px 0px 0px; opacity: 0.5;}
#topFrame .flagsFrame .flag.on {opacity: 1;}
#topFrame .flagsFrame .flag:HOVER {opacity: 1;}
#topFrame .flagsFrame .flag IMG {float: left;}
#topFrame .flagsFrame .flag:last-child {margin-right: 0px;}
#topFrame .logo {width: auto; float: left;}
#topFrame .centerFrame {float: left; height: 100%; display: flex; justify-content: space-around;}
#topFrame .socialMobFrame {display: none;}
/*#topMenu {width: 100%; height: 100%; float: left; display: flex; justify-content: center;}
#topMenu UL {height: 100%; list-style: none; margin: 0px; padding: 0px; font-size: 15px; font-weight: 600; color: #231f20;}
#topMenu UL LI {height: 100%; margin: 0px; float: left; margin: 0px 10px;}
#topMenu UL LI A {height: 100%; float: left; padding: 0px 15px 0px 15px; display: flex; align-items: center;}
#topMenu UL LI A:HOVER, #topMenu UL LI A.on {color: #a0c515;}
#topMenu UL LI:last-child A {padding-right: 20px;}
#topMenu UL LI:last-child A::AFTER {display: none; margin-left: 0px; margin-right: 20px;}
#topMenu .burger {display: none;}*/

/* Menu */
#menuFrame {height: 100%; margin: 0px; padding: 0px; list-style: none; font-size: 15px; color: #222222; font-weight: 300; display: flex; justify-content: center; position: relative; z-index: 3;}
#menuFrame LI {float: left; margin: 0px 5px; font-size: 15px; font-weight: 600; color: #231f20; position: relative;}
#menuFrame LI .plusMinusCont {display: none;}
#menuFrame LI A {height: 100%; display: flex; align-items: center; float: left; padding: 0px 15px 0px 15px;}
#menuFrame LI:AFTER {content: ""; width: 100%; height: 4px; display: none; position: absolute; bottom: -2px; left: 0px; background-color: #000;}
#menuFrame LI:HOVER:AFTER {display: block;}
#menuFrame LI.active:AFTER {display: block;}
#menuFrame .submenu {display: none;}

#watchwordFrame {width: 100%; height: 150px; float: left; display: flex; justify-content: space-around; align-items: center;}
#watchwordFrame H1 {font-size: 40px; font-weight: 300; margin: 0px; text-transform: uppercase;}
#watchwordFrame H1 .bold1 {font-weight: 700;}
#watchwordFrame H1 .bold2 {font-weight: 500;}

.bannerMainCont {width: 100%; height: 550px; float: left; position: relative; display: flex; background-color: #ccc;}
.bannerMainCont:BEFORE {content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1; box-shadow: inset 0 0 50px rgba(0,0,0,0.75);}
.bannerMainCont.bannerHidden {height: auto; float: left; background-color: #FFF;}
.bannerMain {width: 100%; height: 550px; padding: 0px; float: left; display: flex; overflow: hidden;}
.bannerMain .slide {width: 100vw; height: 550px; margin: 0px; float: left; background-size: cover; background-position: center center; overflow: hidden;}

.bannerMainCont.bannerHidden .specialOfferFrame {width: 100vw; position: relative; height: auto; background-color: #000;}
.bannerMainCont.bannerHidden .specialOfferFrame .offer {width: 100vw; height: auto;}

.specialOfferFrame {width: 260px; height: 550px; float: left; background-color: rgba(0,0,0,0.90); position: absolute; top: 0px; right: 0px; z-index: 1;}
.specialOfferFrame .offer {width: 260px; height: 500px; padding: 10px; float: left; color: #FFF;}
.specialOfferFrame .offer .heading {width: 100%; margin: 10px 0px 15px 0px; float: left; font-size: 17px; font-weight: 700; text-align: center; text-transform: uppercase;}
.specialOfferFrame .offer .heading2 {width: 100%; margin: 15px 0px 15px 0px; float: left; font-size: 16px; font-weight: 700; text-align: center;}
.specialOfferFrame .offer .arrows {width: 100%; float: left; display: flex; justify-content: space-around;}
.specialOfferFrame .offer .arrows .arrow-l {width: 32px; height: 34px; float: left; display: block; background-image: url('/images/arrow-circle-l.png'); margin: 0px 3px 0px 0px;}
.specialOfferFrame .offer .arrows .arrow-r {width: 32px; height: 34px; float: left; display: block; background-image: url('/images/arrow-circle-r.png');}
.specialOfferFrame .offer .desc {width: 100%; padding: 0px 10px; float: left; text-align: center; font-size: 13px;}
.specialOfferFrame .offer .desc P {margin: 10px 0px;}
.specialOfferFrame .offer .desc .more {font-weight: 700; text-decoration: underline;}
.specialOfferFrame .offer IMG {width: 100%; float: left; margin: 0px 0px 0px 0px;}
.specialOfferFrame .button {width: 100%; height: 50px; float: left; color: #FFF; font-size: 17px; font-weight: 700; background-color: #cecccc; display: flex; align-items: center; justify-content: space-around; text-transform: uppercase;}

#errorRooms {width: 100%; float: left; padding: 15px 0 0 0; color: #f10000; font-weight: 700;}
#errorForm {width: 100%; float: left; padding: 30px 0 0 0; color: #f10000; font-weight: 700;}

.rezervaceDostupnostPruh {width: 100%; float: left; background-color: #f7f7f7; padding: 27px 0;}
.rezervaceDostupnostPruh.white {background-color: #FFF; padding: 0px; margin: 0px 0px 20px 0px;}
.rezervaceDostupnostPruh .inner {width: 100%; float: left; padding: 30px 70px; background-color: #231f20; color: #ffffff; justify-content: space-between;}
.rezervaceDostupnostPruh .inner .title {font-size: 20px; font-weight: 900; flex-wrap: wrap; align-items: flex-end; align-content: flex-end;}
.rezervaceDostupnostPruh .inner .title:AFTER {display: inline-block; content: ''; width: 100%; height: 3px; margin-top: 6px; background-color: #cecccc;}
.rezervaceDostupnostPruh .inner .date {height: auto; font-size: 14px; font-weight: 700; color: #d1cecc;}
.rezervaceDostupnostPruh .inner .date .icon {width: 50px; height: 100%; background-color: #dec588; background-image: url('/images/icon-calendar.png'); background-position: center center; background-repeat: no-repeat;}
.rezervaceDostupnostPruh .inner .date .inputText {height: 42px;}
.rezervaceDostupnostPruh .inner .date .inputText INPUT {padding: 0 10px; font-size: 16px; font-weight: 400; color: #231f20;}
.rezervaceDostupnostPruh .inner .btn {width: auto; height: auto; align-items: flex-end;}
.rezervaceDostupnostPruh .inner .btn A {width: 100%; height: 42px; padding: 0 45px; background-color: #dec588; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #231f20; border-radius: 999em; align-items: center; justify-content: center;}

.rezervaceDostupnostPruh .result {width: 100%; float: left;}
.rezervaceDostupnostPruh .rooms {width: 100%; float: left;}
.rezervaceDostupnostPruh .rooms .room {width: 100%; float: left; margin-top: 20px; background-color: #fff;}
.rezervaceDostupnostPruh .rooms .room .photo {width: 25%; height: auto; float: left; background-size: cover; background-position: center center;}
.rezervaceDostupnostPruh .rooms .room .text {width: 50%; height: auto; float: left; padding: 35px; align-items: center;}
.rezervaceDostupnostPruh .rooms .room .text .left {width: 60%;}
.rezervaceDostupnostPruh .rooms .room .text .left H2 {margin: 0;}
.rezervaceDostupnostPruh .rooms .room .text .right {width: 40%; text-align: right; flex-direction: column; align-items: flex-end; font-size: 18px;}
.rezervaceDostupnostPruh .rooms .room .text .right .cena {padding: 4px 0 4px 24px; background-position: center left; background-repeat: no-repeat; font-weight: 500;}
.rezervaceDostupnostPruh .rooms .room .text .right .cena SPAN {font-weight: normal; font-size: 14px;}
.rezervaceDostupnostPruh .rooms .room .text .right .cena.persons_1 {background-image: url('/images/1_people.png');}
.rezervaceDostupnostPruh .rooms .room .text .right .cena.persons_2 {background-image: url('/images/2_people.png');}
.rezervaceDostupnostPruh .rooms .room .text .right .cena.persons_3 {background-image: url('/images/3_people.png');}
.rezervaceDostupnostPruh .rooms .room .text .right .cena.persons_4 {background-image: url('/images/4_people.png');}
.rezervaceDostupnostPruh .rooms .room .rezervace {width: 25%; height: auto; float: left; padding: 10px 0; background-color: #f5e9ce; flex-wrap: wrap; align-items: center; align-content: center;}
.rezervaceDostupnostPruh .rooms .room .rezervace P {width: 100%; float: left; text-align: center; color: #9d8f6c; font-size: 14px; font-weight: 700;}
.rezervaceDostupnostPruh .rooms .room .rezervace .buttons {width: 100%; float: left; margin-top: 10px; justify-content: center; font-size: 20px; font-weight: 500;}
.rezervaceDostupnostPruh .rooms .room .rezervace .buttons A {width: 52px; height: 42px; float: left; background-color: #dec588; color: #fff; align-items: center; justify-content: center; cursor: pointer;}
.rezervaceDostupnostPruh .rooms .room .rezervace .buttons .pocet {width: 120px; height: 42px; float: left; background-color: #fff; color: #a4a4a4; text-align: center; align-items: center; justify-content: center;}

.rezervaceDostupnostPruh .rooms .room .rezervace .vyber {width: 100%; float: left; flex-wrap: wrap; padding: 10px;}
.rezervaceDostupnostPruh .rooms .room .rezervace .vyber .row {width: 100%; float: left; align-items: center; justify-content: space-between;}
.rezervaceDostupnostPruh .rooms .room .rezervace .vyber .row .pokoj {width: 60px; float: left; padding: 2px 0;}
.rezervaceDostupnostPruh .rooms .room .rezervace .vyber .row .person {display: flex; align-items: center;}
.rezervaceDostupnostPruh .rooms .room .rezervace .vyber .row .person IMG {margin-left: 5px;}

.rezervaceDostupnostPruh .orderForm {width: 100%; float: left; margin-top: 40px; font-size: 14px;}
.rezervaceDostupnostPruh .orderForm H3 {width: 100%; float: left; font-size: 25px; padding: 20px 0; margin: 0;}
.rezervaceDostupnostPruh .orderForm .left {width: 280px; float: left; padding: 60px 20px 20px 30px; background-color: #f5e9ce; color: #3d3d3d;}
.rezervaceDostupnostPruh .orderForm .left P {}
.rezervaceDostupnostPruh .orderForm .left .row {width: 100%; float: left; align-items: center; margin: 0px 0;}
.rezervaceDostupnostPruh .orderForm .left INPUT[type="text"] { width: 100%; float: left; padding: 6px 10px; font-size: 16px; color: #000;}
.rezervaceDostupnostPruh .orderForm .left #cenaSpan {font-size: 22px; font-weight: 700;}
.rezervaceDostupnostPruh .orderForm .left #celkovaCena {font-size: 22px; font-weight: 700;}

.rezervaceDostupnostPruh .orderForm .left .row .pocetOsob {width: 100%; float: left; margin-bottom: 15px; font-size: 20px;}
.rezervaceDostupnostPruh .orderForm .left .row .pocetOsob A {width: 52px; height: 42px; float: left; background-color: #dec588; color: #fff; align-items: center; justify-content: center; cursor: pointer;}
.rezervaceDostupnostPruh .orderForm .left .row .pocetOsob .pocet {width: 120px; height: 42px; float: left; background-color: #fff; color: #a4a4a4; text-align: center; align-items: center; justify-content: center;}

.rezervaceDostupnostPruh .orderForm .right {width: calc(100% - 280px); float: left; padding: 60px 40px; background-color: #231f20; color: #d8d7d7;}
.rezervaceDostupnostPruh .orderForm .right .row {width: 100%; float: left; align-items: center; margin: 10px 0;}
.rezervaceDostupnostPruh .orderForm .right .row.half {width: 50%;}
.rezervaceDostupnostPruh .orderForm .right .row.half.paddingRight {padding-right: 30px;}
.rezervaceDostupnostPruh .orderForm .right .row .jmeno {width: 160px; float: left;}
.rezervaceDostupnostPruh .orderForm .right .row .jmeno.alignRight {text-align: right; padding-right: 30px;}

.rezervaceDostupnostPruh .orderForm .right .row INPUT[type=text] {width: calc(100% - 160px); float: left; padding: 6px 10px; font-size: 16px; color: #000;}
.rezervaceDostupnostPruh .orderForm .right .row INPUT[type=checkbox] {margin: 0 6px 0 0;}
.rezervaceDostupnostPruh .orderForm .right .row INPUT[type=submit] {width: auto; float: left; padding: 10px 30px; background-color: #dec588; border-radius: 20px; border: 0; font-size: 14px; font-weight: 900; color: #231f20; text-align: center; text-transform: uppercase;}
.rezervaceDostupnostPruh .orderForm .right .row INPUT[type=submit]:HOVER {background-color: #f5e9ce;}
.rezervaceDostupnostPruh .orderForm .right .row .checkboxRow {align-items: center;}
.rezervaceDostupnostPruh .orderForm .right .row .checkboxRow A:HOVER {text-decoration: underline;}

.packagesFrame {width: 100%; float: left; display: flex;}
.packagesFrame.home {padding: 40px 0px; background-color: #f7f7f7;}
.packagesFrame H2 {font-size: 30px; color: #464646; font-weight: 600; text-transform: uppercase; margin: 0px;}
.packagesFrame .headingSubtext {font-size: 16px;}
.packagesFrame .packagesCont {width: 100%; height: auto; float: left; display: flex; flex-wrap: wrap; margin: 20px 0px; position: relative;}
.packagesFrame .packageFrame {width: calc(25% - 15px); display: block; /* RESPONSIVE - musím nastavit šířku podle VW */ float: left; background-color: #FFF; margin: 10px 20px 10px 0px; box-shadow: 2px 2px 5px 0px #ccc;}
.packagesFrame.noSlider .packageFrame:nth-child(4n+4) {margin-right: 0px;}
.packagesFrame .packageFrame IMG {width: 100%; height: auto; float: left;}
.packagesFrame.home .packageFrame {width: 285px; height: 100%;} 
.packagesFrame .packageFrame:last-child {margin-right: 0px;}
.packagesFrame .packageFrame .desc {width: 100%; height: auto; float: left; padding: 20px 30px; text-align: center;}
.packagesFrame .packageFrame .desc H3 {font-size: 18px; font-weight: 600; color: #505050; margin: 0px 0px 20px 0px;}
.packagesFrame .packageFrame .desc HR {height: 2px; background-color: #c4c4c4; border: 0px; margin: 15px 20px;}
.packagesFrame .packageFrame .desc .price {font-size: 15px; font-weight: 600; color: #413f40;}
.packagesFrame .arrowsLine {width: 100%; float: left; display: flex; align-items: center;}
.packagesFrame .arrowsLine .arrowsFrame {width: 50%; height: 40px; float: left;}
.packagesFrame .arrowsLine .arrowsFrame .arrow-l {width: 40px; height: 40px; float: left; display: block; background-image: url('/images/arrow-circle2-l.png'); margin: 0px 15px 0px 0px;}
.packagesFrame .arrowsLine .arrowsFrame .arrow-r {width: 40px; height: 40px; float: left; display: block; background-image: url('/images/arrow-circle2-r.png');}
.packagesFrame .arrowsLine .buttonsFrame {width: 50%; float: left; display: flex; justify-content: flex-end;}
.packagesFrame .arrowsLine .buttonsFrame .button {padding: 5px 0px; color: #c1c1c1; font-size: 13px; font-weight: 600; text-transform: uppercase;}
.packagesFrame .arrowsLine .buttonsFrame .button:HOVER {color: #413f40;}

.packagesSubpageFrame {width: 100%; float: left; display: flex; flex-wrap: wrap;}
.packagesSubpageFrame .packageFrame {display: block; /* RESPONSIVE - musím nastavit šířku podle VW */ float: left; background-color: #FFF; box-shadow: 2px 2px 5px 0px #ccc;}
.packagesSubpageFrame .packageFrame IMG {width: 100%; height: auto; float: left;} 
.packagesSubpageFrame .packageFrame:last-child {margin-right: 0px;}
.packagesSubpageFrame .packageFrame .desc {width: 100%; height: auto; float: left; padding: 20px 30px; text-align: center;}
.packagesSubpageFrame .packageFrame .desc H3 {font-size: 18px; font-weight: 600; color: #505050; margin: 0px 0px 20px 0px;}
.packagesSubpageFrame .packageFrame .desc HR {height: 2px; background-color: #c4c4c4; border: 0px; margin: 15px 20px;}
.packagesSubpageFrame .packageFrame .desc .price {font-size: 15px; font-weight: 600; color: #413f40;}

.mainSectionsFrame {width: 100%; float: left;}
.mainSectionsFrame .sectionFrame {width: 100%; float: left; display: flex; position: relative; margin: 0px 0px 2px 0px;}
.mainSectionsFrame .sectionFrame IMG {width: 100%; float: left;}
.mainSectionsFrame .sectionFrame .overlay {width: 100%; height: 100%; float: left; position: absolute; display: flex; align-items: center;}
.mainSectionsFrame .sectionFrame .overlay .textFrame {width: 400px; float: left; padding: 30px 25px; border-top: 5px #525251 solid; background-image: url('/images/bg-2.png'); background-repeat: repeat; text-align: center; color: #FFF; font-size: 14px;}
.mainSectionsFrame .sectionFrame .overlay .textFrame H2 {font-size: 40px; font-weight: 600; text-transform: uppercase; margin: 0px 0px 20px 0px;}
.mainSectionsFrame .sectionFrame .overlay .textFrame P {margin: 15px 0px 25px 0px;}
.mainSectionsFrame .sectionFrame .overlay .textFrame .more {font-size: 15px; text-transform: uppercase; font-weight: 600;}
.mainSectionsFrame .sectionFrame .overlay .textFrame .more:HOVER {text-decoration: underline;}
.mainSectionsFrame .sectionFrame.hotel .overlay .textFrame {border-color: #883028;}
.mainSectionsFrame .sectionFrame.restaurace .overlay .textFrame {border-color: #dc9f9a;}
.mainSectionsFrame .sectionFrame.welly .overlay .textFrame {border-color: #9cc549;}
.mainSectionsFrame .sectionFrame.sport .overlay .textFrame {border-color: #17b5ad;}
.mainSectionsFrame .sectionFrame.eventy .overlay .textFrame {border-color: #826546;}
.mainSectionsFrame .sectionFrame:nth-child(2n+2) .overlay .textFrame {float: right}

#mainSectionsDetailFrame {width: 100%; float: left; background-color: #e8d3a7;}
#mainSectionsDetailFrame.restaurace {background-image: url('/images/restaurace-bg-1.jpg');}
#mainSectionsDetailFrame.restaurace .submenuFrame UL.submenu LI A:HOVER {border-bottom: 2px #eac7c5 solid;}
#mainSectionsDetailFrame.hotel {background-image: url('/images/restaurace-bg-1.jpg');}
#mainSectionsDetailFrame.hotel .submenuFrame UL.submenu LI A:HOVER {border-bottom: 2px #eac7c5 solid;}
#mainSectionsDetailFrame .sectionBannerFrame {width: 100%; height: auto; float: left;}
#mainSectionsDetailFrame .sectionBannerFrame IMG {width: 100%; height: auto; float: left;}
#mainSectionsDetailFrame .sectionContent {width: 100%; min-height: 300px; float: left;}
#mainSectionsDetailFrame .submenuFrame {width: 100%; height: 80px; padding: 0px 50px; float: left; background-color: #f2f1f1; display: flex; align-items: center; justify-content: space-between;}
#mainSectionsDetailFrame .submenuFrame UL.submenu {width: auto; height: 40px; float: left; list-style: none; font-size: 16px; color: #474747;}
#mainSectionsDetailFrame .submenuFrame UL.submenu LI {width: auto; height: 100%; padding: 0px 5px; float: left;}
#mainSectionsDetailFrame .submenuFrame UL.submenu LI A {height: 100%; padding: 0px 0px; float: left; display: block; display: flex; align-items: center;}
#mainSectionsDetailFrame .submenuFrame UL.submenu LI::BEFORE {height: 100%; content: '/'; float: left; margin: 0px 10px 0px 0px; display: flex; align-items: center; }
#mainSectionsDetailFrame .submenuFrame UL.submenu LI:first-child::BEFORE {content: '';}
#mainSectionsDetailFrame .contentFrame {width: 100%; padding: 25px 50px; float: left; background-color: #FFF;}
#mainSectionsDetailFrame .contactFrame {width: 100%; float: left; margin: 10px 0px 0px 0px; border-top: 2px #efefef solid; display: flex; justify-content: space-between;}
#mainSectionsDetailFrame .contactFrame .icon {display: flex; align-items: center;}
#mainSectionsDetailFrame .contactFrame .icon IMG {margin: 0px 10px 0px 0px;}
#mainSectionsDetailFrame .contactFrame .icon B {margin-right: 5px;}

#mainSectionsDetailFrame .subsubmenuFrame {width: 100%; height: 36px; padding: 0px 50px; float: left; background-color: #c8c5c5; display: flex; align-items: center; justify-content: flex-end;}
#mainSectionsDetailFrame .subsubmenuFrame UL.submenu {width: auto; height: 36px; float: left; list-style: none; font-size: 14px; color: #474747;}
#mainSectionsDetailFrame .subsubmenuFrame UL.submenu LI {width: auto; height: 100%; padding: 0px 5px; float: left;}
#mainSectionsDetailFrame .subsubmenuFrame UL.submenu LI A {height: 100%; padding: 0px 0px; float: left; display: block; display: flex; align-items: center;}
#mainSectionsDetailFrame .subsubmenuFrame UL.submenu LI::BEFORE {height: 100%; content: '/'; float: left; margin: 0px 10px 0px 0px; display: flex; align-items: center; }
#mainSectionsDetailFrame .subsubmenuFrame UL.submenu LI:first-child::BEFORE {content: '';}

#textContentFrame {width: 100%; float: left; padding: 20px 0px; background-color: #f7f7f7;}
#textContentFrame .whiteFrame {width: 100%; height: auto; float: left; padding: 0px; margin: 15px 0px; box-shadow: 2px 2px 5px 0px #ccc; background-color: #FFF;}
#textContentFrame .whiteFrame.flex {display: flex;}
#textContentFrame .whiteFrame .imageFrame {max-width: 50%;}
#textContentFrame .whiteFrame .imageFrame IMG {width: 100%; float: left;}
#textContentFrame .whiteFrame .inner {width: 100%; float: left; padding: 20px 30px;}
#textContentFrame .whiteFrame .button {width: auto; float: left; padding: 15px 30px; margin: 15px 15px 0px 0px; display: block; font-size: 15px; font-weight: 600; text-transform: uppercase;}
#textContentFrame .whiteFrame .button.dark {background-color: #cecccc; color: #FFF;}
#textContentFrame .whiteFrame .button.back {background-color: #f2f1f1; color: #353535;}

#navigFrame {width: 100%; height: auto; float: left; padding: 0px 0px; margin: 0px 0px 15px 0px; display: flex; align-items: center; color: #353535; font-size: 12px; font-weight: 100;}
#navigFrame .home {margin: 0px 5px 0px 0px;}
#navigFrame .link {margin: 0px 5px;}
#navigFrame .link:HOVER {text-decoration: underline;}

.detailFrame {width: 100%; float: left; padding: 15px 0px;}
.detailFrame .imageFrame {width: 40%; float: left; margin: 0px 30px 0px 0px;}
.detailFrame .imageFrame IMG {width: 100%; float: left; margin: 0px 0px 10px 0px;}
.detailFrame .descFrame {width: calc(60% - 30px); float: left; }
.detailFrame .descFrame .price {margin: 0px 0px 20px 0px; font-size: 20px; font-weight: 600; color: #3d3b3b;}
.detailFrame .descFrame .button {width: auto; float: left; padding: 15px 30px; margin: 15px 15px 0px 0px; display: block; font-size: 15px; font-weight: 600; text-transform: uppercase;}
.detailFrame .descFrame .button.dark {background-color: #cecccc; color: #FFF;}
.detailFrame .descFrame .button.back {background-color: #f2f1f1; color: #353535;}

#bottomFrame {width: 100%; height: auto; float: left; background-color: #353535; color: #FFF;}
#bottomFrame .col {width: 33.33%; float: left; margin: 40px 0px; padding: 0px 50px 0px 0px;}
#bottomFrame .col H3 {width: auto; float: left; font-size: 16px; font-weight: 300; border-bottom: 1px #FFF solid;}
#bottomFrame .col UL {width: 100%; float: left; margin: 0px; padding: 0px 0px 0px 0px; list-style-type: none;}
#bottomFrame .col UL LI A {display: flex; align-items: center; margin: 2px 0px;}
#bottomFrame .col UL LI A .dot {font-size: 20px; line-height: 14px; margin-right: 5px; color: #fac298;}
#bottomFrame .col UL LI A:HOVER {color: #fac298;}
#bottomFrame .col.cookie {width: 100%; margin: 0 0 20px 0;}

#bottomFrame2 {width: 100%; height: auto; float: left; background-color: #202020; color: #FFF; padding: 10px 0px;}
#bottomFrame2 .cont {width: 100%; float: left;}
#bottomFrame2 .col {width: auto; height: 30px; float: left; display: flex; align-items: center; margin: 0px 50px 0px 0px;}
#bottomFrame2 .col IMG {margin-right: 10px;}
#bottomFrame2 .col.right {float: right; justify-self: flex-end;}

#bottomFrame .iconFb {width: auto; float: right; margin: 0px 0px 0px 20px;}

.tinymceCont {width: 100%; float: left; padding: 0px 0px 15px 0px;}
.tinymceCont .firstHeading {margin-top: 0px; padding: 0px 0px 15px 0px; border-bottom: 2px #efefef solid;}
.tinymceCont .firstHeading2 {margin-top: 0px; padding: 0px 0px 0px 0px;}
.tinymceCont H1 {font-size: 34px; margin: 20px 0px 10px 0px;}
.tinymceCont H2 {font-size: 30px; margin: 20px 0px 10px 0px; color: #c1a678;}
.tinymceCont H3 {font-size: 26px; margin: 20px 0px 10px 0px;}
.tinymceCont H4 {font-size: 22px; margin: 20px 0px 10px 0px;}
.tinymceCont H5 {font-size: 20px; margin: 20px 0px 10px 0px;}
.tinymceCont H6 {font-size: 18px; margin: 20px 0px 10px 0px;}
.tinymceCont P {font-size: 14px; margin: 10px 0px 10px 0px; line-height: 1.5;}
.tinymceCont UL {font-size: 14px; margin: 10px 0px 10px 0px; line-height: 1.5;}

.mt-0 {margin-top: 0px !important;}
.mt-10 {margin-top: 10px !important;}

.photogalleryFrame {width: 100%; float: left; display: flex; flex-wrap: wrap; margin: 0px 0px 20px 0px;}
.photogalleryFrame .photogalleryItem {width: calc(33.33% - 13.33px); float: left; margin: 20px 20px 0px 0px; position: relative;}
.photogalleryFrame .photogalleryItem IMG {width: 100%; float: left;}
.photogalleryFrame .photogalleryItem:HOVER::AFTER {display: block;}
.photogalleryFrame .photogalleryItem::AFTER {display: none; content: ''; top: 0px; bottom: 0px; left: 0px; right: 0px; position: absolute; background-color: rgb(0,0,0,0.3); background-image: url('/images/icon-plus.png'); background-position: center center; background-repeat: no-repeat;}
.photogalleryFrame .photogalleryItem:nth-child(3n+3) {margin-right: 0px;}

#loading {display: none; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.5); z-index: 100000000;}
#loading .inner {width: 100%; height: 100%; align-items: center; justify-content: center; color: #fff; font-size: 80px;}