body {
	font-family: 'Gilda Display';
    font-size: 16px;
	color:#514641;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	background:#FFFFF4;
	cursor:default;
	overflow:hidden;
	isolation: isolate;
}


body * {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-touch-callout: none;
}


h1,h2,h2,h3,h4,h5,h6 {
	font-weight:400;
}

a {
	text-decoration:none;
}

strong {
	font-weight:600;
}
.topText.custom_topText{
	font-weight: 700;
	letter-spacing: 4px;
}
.bottomText.custom_bottomText{
	font-weight: 600;
	letter-spacing: 3px;
}
.buttonsLayer.galleyButtonsLayer.show{
	visibility: visible;
}
[data-sensitive], [data-hover] {
	cursor:pointer;
}
 
[data-sensitive] *, [data-hover] * {
	pointer-events:none;
}

.preserve3d {
	transform-style:preserve-3d;
}
.text-small{
	font-size: 16px;
}
.thm_mono{
	vertical-align: revert;
	opacity: 0;
}
/************************** ABOVE **********************/

.isButton {
	cursor:pointer;
}

.isButton:hover .label {
	letter-spacing:6px;
}

#latestFrom {
   width: 35%;
    position: fixed;
    top: 127px;
    left: 0;
    z-index: 1;
    background: #c0b8ab;
    padding: 2.5vw;
    min-width: 450px;
    will-change:transform;
}

#latestClose {
	display: flex;
    align-items: flex-end;
    position: relative;
    top: 5px;
    cursor: pointer;
        width: 160px;
}

#latestBody {
	padding-left: 5vw;
}

.latestTitle {
	    font-size: 40px;
}

.latestText {
	    font-size: 16px;
    line-height: 25px;
    margin-top: 25px;
}

.latestText a {
	color:#FFFFFF;
	text-decoration:underline;
}

/******************************************************/


/********** FRAMEWORK ************/

.relative {
	position:relative !important;
}

.above {
	z-index:1;
}

.flexed {
	display:flex;
	justify-content:space-between;
}

.column {
	flex-direction:column;
}

.uppercase {
	text-transform:uppercase;
}

.lowercase {
	text-transform:lowercase;
}

.flexed.vEnd {
	align-items:flex-end;
}

.flexed.oEnd {
	justify-content:flex-end;
}

.flexed.column.oEnd {
	align-items:flex-end;
}

.flexed.vStart {
	align-items:flex-start;
}

.flexed.vCenter {
	align-items:center;
}

.full_width {
	width:100%;
	height:auto;
}

.full_height {
	height:100%;
	width:auto;
}

.fit {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.fit.bottom {
	object-position:bottom;
}

.fit.top {
	object-position:top;
}

.no_events {
	pointer-events:none;
}

.no_overflow {
	overflow:hidden;
}

.no_opacity {
	opacity:0 !important;
	pointer-events:none;
}

.no_opacity.show {
	opacity:1 !important;
	pointer-events:all;
}

.no_transition {
	transition:none !important;
}

.no_width {
	transform:scale(0,1);
	pointer-events:none;
}

.no_height {
	transform:scale(1,0);
	pointer-events:none;
}

.inlineBlock {
	display:inline-block;
}

.block {
	display:block !important;
}

.top_hidden {
	 -webkit-transform: translateY(101%);
    transform: translateY(101%);
}

.top_single {
 	-webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity:0;
}

.top_double {
 	-webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity:0;
}

.left_single {
 	-webkit-transform: translateX(25px);
    transform: translateX(25px);
    opacity:0;
}

.right_single {
 	-webkit-transform: translateX(-25px);
    transform: translateX(-25px);
    opacity:0;
}

.left_double {
 	-webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity:0;
}

.top_translated {
	-webkit-transform: translateY(5vw);
    transform: translateY(5vw);
}

.top_double.show, .top_single.show, .show .top_double, .show .top_single, .left_single.show, .left_double.show, .show .left_single, .show .left_double {
 	-webkit-transform: none;
    transform: none;
    opacity:1;
}

.top_hidden.show, .top_translated.show, .show .top_hidden, .show .top_translated, .no_width.show, .show .no_width {
	 -webkit-transform: none;
    transform: none;
}

.t_container {
	transform:translateX(0);
	height:100%;
}

.t_container:nth-child(2) {
	transition-delay:100ms;
}

.mask_left {
	 transform: translateX(50%);
	 display:block; 
}

.mask_left.full {
	 transform: translateX(-100.1%);
	 
}

.mask_left .t_container {
	transform:translateX(-100%);
	 display:block; 
}

.mask_left.full .t_container {
	transform:translateX(100.1%);
}

.t_container > img {
	transform:scale(1.05);
}

.mask_right {
	 transform: translateX(-50%);
}

.mask_right .t_container {
	transform:translateX(100%);
}

.mask_right.full {
	 transform: translateX(100.1%);
}

.mask_right.full .t_container {
	transform:translateX(-100.1%);
}

.mask_top {
	 transform: translateY(-100.1%);
}


.mask_top .t_container {
	 transform: translateY(100.1%);
}

.mask_bottom {
	 transform: translateY(100.1%);
}

.mask_bottom .t_container {
	 transform: translateY(-100.1%);
}

.show > .mask_bottom, .show > .mask_left, .show > .mask_left .t_container, .show > .mask_left .t_container img, .show > .mask_right, .show > .mask_right .t_container, .show > .mask_right .t_container img, .show > .mask_top, .show > .mask_top .t_container, .show > .mask_top .t_container img, .show > .mask_bottom, .show > .mask_bottom .t_container, .show > .mask_bottom .t_container img   {
	 transform: none;
}

.back_veil::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	transform:scale(1,0);
	 opacity: 0.3;
	 background:#514641;
	 -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
    /* backface-visibility:hidden;
     -webkit-backface-visibility: hidden;*/
     z-index:-1;
}

#diningOverview .back_veil::after {
	 background:#000000;
}

.back_veil.top::after {
	transform-origin:top;
}

.back_veil.left::after {
	transform-origin:left;
	transform:scale(0,1);
}

.show.back_veil::after {
	transform:none;
}

.d50 {
	transition-delay:50ms !important;
}

.d100 {
	transition-delay:100ms !important;
}

.d150 {
	transition-delay:150ms !important;
}

.d200 {
	transition-delay:200ms !important;
}

.d250 {
	transition-delay:250ms !important;
}

.d300 {
	transition-delay:300ms !important;
}

.d350 {
	transition-delay:350ms !important;
}

.d400 {
	transition-delay:400ms !important;
}

.d400 {
	transition-delay:450ms !important;
}

.d500 {
	transition-delay:500ms !important;
}

.d550 {
	transition-delay:550ms !important;
}

.d600 {
	transition-delay:600ms !important;
}

.d700 {
	transition-delay:700ms !important;
}

.d800 {
	transition-delay:800ms !important;
}

.d900 {
	transition-delay:900ms !important;
}

.has_transition_5000 {
    -webkit-transition: -webkit-transform 5000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 5000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 5000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 5000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
     /* backface-visibility:hidden;
     -webkit-backface-visibility: hidden;*/
}

.has_transition_3000 {
    -webkit-transition: -webkit-transform 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    /* backface-visibility:hidden;
     -webkit-backface-visibility: hidden;*/
}

.has_transition_2000 {
    -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 2000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
     /* backface-visibility:hidden;
     -webkit-backface-visibility: hidden;*/
}

.has_transition_1500 {
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
     /* backface-visibility:hidden;
     -webkit-backface-visibility: hidden;*/
}

.has_transition_1000 {
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
   /* backface-visibility:hidden;
     -webkit-backface-visibility: hidden;*/
}

.has_transition_2000_inout {
    -webkit-transition: -webkit-transform 2000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 2000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 2000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 2000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
    /* backface-visibility:hidden;
     -webkit-backface-visibility: hidden;*/
}

.has_transition_1500_inout {
    -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
   /* backface-visibility:hidden;
     -webkit-backface-visibility: hidden;*/
}

.has_transition_1000_inout {
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
     /* backface-visibility:hidden;
     -webkit-backface-visibility: hidden;*/
}


/*************** ABOVE **************/


#mainLayer{
	height:100vh;	
}

header {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    height:70px;
    background: #FFFFF4;
    transform:translateY(-70px);
    will-change:transform;

}

header.show {
	transform:none;
}

/* GALLERY */

#gallerySection {
	min-height:100vh;
}

#gallery header.forcedShow {
 transform:none !important;
}
 
#gallery header.forcedShow.forced {
 transform:translateY(-70px) !important;
}

#gallery header {
	background: rgba(81,70,65,0.4);
}

#gallery header .fillColor {
    fill: #FFFFFF;
} 

#gallery header .strokeColor {
    stroke: #FFFFFF;
}

#gallery header .line {
	background:#FFFFF4;
}

#gallery header .label {
	color:#FFFFF4;
}

#gallery header .penSprite {
    background-position: 0px -1px;
}

#gallery header .penIcon:after {
    background: #fffff4;
}

#gallery .galleryContainer {
	height:100vh;
}

.galleryTitle {
	font-size:2vw;	
	padding:10px 0;
}

.galleryBar {
	position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
    align-items: center;
   background: transparent;
    padding: 0 2.5vw;
    box-sizing: border-box;
    justify-content:space-between;
    transform:translateY(100.01%);
}

.galleryBar.show {
	transform:none;
}

/***************************************/

header.forced {
	transform:translateY(-70px);
	-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 800ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#menuBar {
	position: absolute;
    z-index: 1;
    width: 100%;
    top: 15px;
}


.mainContainer {
	width:calc(100% - 5vw);
	margin:auto;
}

.largeContainer {
		width: calc(100% - 5vw);
    max-width: 1580px;
    margin: auto;
}

.midContainer {
	width: calc(100% - 5vw);
    max-width: 1440px;
    margin: auto;
}

/* .subContainer {
	width: calc(100% - 5vw);
    margin: auto;
    max-width: 1240px;
} */

.subContainer {
    width: calc(100% - 10vw);
    margin: auto;
    max-width: 1040px;
}
.subContainer.lens {
	cursor:default;
}

.paragraphContainer {
	width: calc(100% - 10vw);
    margin: auto;
    max-width:1040px;
}


.menuController {
	display: flex;
    align-items: center;
   width: 240px;
    cursor:pointer;
}

.lines {
	margin-right:15px;
}

.line {
	width: 57px;
    height: 1px;
    background: #fffff4;
}

.line._2 {
	margin-top:8px;
}

/* #topLines.hidden .line {
	transform:scale(0,1);
} */

.label {
    font-family: 'Geometria';
    font-size:13px;
    letter-spacing:3px;
    font-weight: 400;
    -webkit-transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.bookNow {
	display: flex;
    align-items: center;
    width: 240px;
    position:relative;
    justify-content: flex-end;
}

.bookNow .label {
	margin-right:15px;
	color: #000;
}

.penIcon {
       margin-bottom: 8px;
}

.penIcon .penSprite {
	margin-left: 10px;
    width: 16px;
    height: 16px;
    background: url(https://supercitylife.com/industrialpark/../img/sprites.png) no-repeat;
    background-position: 0px -1px;
}

.penIcon:after {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background: #fffff4;
}

.logoFull {
    display: flex;
    flex-direction: column;
    align-items: center;
    will-change:transform;
}

.fillColor {
	fill:#fffff4;
}

.strokeColor {
	stroke:#fffff4;
}

/* .logotype {
	width:350px;
} */

.logotype path {
	  -webkit-transition: -webkit-transform 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 5000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 3000ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 5000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    /* backface-visibility:hidden;
     -webkit-backface-visibility: hidden;*/
}

.logotype.hidden path {
	opacity:0;
}

.payoff {
	width: 174px;
    margin-top: 10px;
}


header .mainContainer {
	height: 100%;
}


header .fillColor{
	fill:#514641;
}

header .strokeColor{
	stroke:#514641;
}

header .line {
	background:#514641;
}

header .logoFull {
	justify-content:center;
}

header .logotype {
	width:160px;
}


header .penIcon .penSprite, #mainNav .penIcon .penSprite  {
	background: url(https://supercitylife.com/industrialpark/../img/sprites.png) no-repeat;
    background-position: 0px -25px;
}

header .penIcon:after, #mainNav .penIcon:after {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background: #000000;
}



#top {
	overflow:hidden;
}

#top:before {
	    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, black -150%, transparent);
    width: 100%;
    height: 200px;
    z-index: 1;
    opacity:0;
     -webkit-transition: opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: opacity 1500ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
}

#top.topVeil:before {
	opacity:1;
}

#coverPicture {
	    height: 100vh;
}

#coverPicture img.hidden {
	transform:scale(1.02);
	opacity:0;
}

#leavesLayer {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#leavesLayer img.hidden {
	transform:translateY(10px);
	opacity:0;
}

#topVeil {
	background:#000000;
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	will-change:transform;
	
}

#coverOverlay {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#coverOverlay .mainContainer {
    height: 100%;
}

#coverStory {
	position: absolute;
    width: 100%;
    bottom: 230px;
}

#coverStory h1 {
	font-family: Gilda Display;
    color: #fffff4;
    font-size: 65px;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;	
    text-transform:uppercase;
}

#coverStory.hidden span {
	 -webkit-transform: translateY(101%);
    transform: translateY(101%);
}


#topGift {
	position: absolute;
    right: -20px;
    bottom: 80px;
}

.makeGift {
	display:flex;
	color:#514641;
	padding:20px;
	margin-right: -20px;
}

.giftIco {
	width: 57px;
    height: 18px;
    background: url(https://supercitylife.com/industrialpark/../img/sprites.png) no-repeat;
    background-position: -30px 0px;
    position: relative;
    top: -4px;
    margin-left: 30px;  
}

.makeGift.show .no_opacity {
	opacity:1 !important;
	pointer-events:all !important;
}

.makeGift.black .giftIco {
		background-position: -30px -24px;
	
}


#index #intro .mainContainer._2 {
	margin-top: -50px;
}

.smallIntro {
	font-family: 'Geometria';
    font-size: 12px;
    letter-spacing: 5.5px;
    font-weight: 600;
    color:#514641;
}

.bigTitle {
	display: flex;
    flex-direction: column;
    font-family: 'Gilda Display';
    font-weight: 400;
}

.centered {
	text-align:center;
}

#intro .bigTitle:first-child {
	margin-top:0;
}

.bigTitle .small {
	font-family: 'Geometria';
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 3px;
    /* text-indent: 13px; */
    margin-top: 15px;
}

.text {
	font-size: 19px;
    line-height: 32px;
}

.text.bigger {
	font-size: 22px;
    line-height: 40px;
}

.text.highlight {
	font-size: 30px;
    line-height: 60px;
}

.text.doubleColumn p {
	column-count:2;
	column-gap: 8%;
}

.text.tripleColumn p {
	column-count:3;
	    column-gap: 5%;
}

.text.short {
	max-width:1040px;
}

.text.shorter {
	max-width:520px;
}

.halfMargin {
	margin-top:2.5vw;
}

.margin {
	margin-top:5vw;
}

.doubleMargin {
	margin-top:6vw;
}

.tripleMargin {
	margin-top:10vw;
}

.negativeMargin {
	margin-top:-5vw;
}

.subParagraphTitle {
	color:#BBB3A7;
	font-size:65px;
		display:block;
	
}

#index #intro .subParagraphTitle {
	max-width:600px;
}

.discoverButton {
display: flex;
    align-items: flex-end;
    padding: 20px 0 20px 0;
    margin-bottom: 0;
    position: relative;
    top: -200px;
    z-index: 3;
    text-transform:uppercase;
        will-change:transform;
    
}
@media screen and (min-width:1366px) and (max-width:1600px) {
    .discoverButton {
        top: -15px;
    }
    
}
.discoverLine {
	width: 203px;
    height: 1px;
    margin-bottom: 3px;
    margin-left: 20px;
    transform-origin: left;
    flex: 1;
}

.cBrown {
	color:#514641;
}

.cWaterGreen {
	/* color:#6F917B; */
	color:#36929c;
}

.cWhite {
	color:#fffff4 !important;
}

.cGrey {
	color:#DBD3C7;
}

.bWhite {
	background:#fffff4;
}

.bOlive {
	background:#fffff4;
}

.cOlive {
	color:#fffff4;
}

.bVelvetGreen {
	background:#36929c;
	/* background:#A9BDAB; */
}

.bLightBrown {
	
	background:#BBB3A7;
}

.cDarkBrown {
	color:#3B2D29;
}

.bOrange {
	background:#cebea4;
}

.bBrown {
	background:#514641;
}

.bMidBrown {
	background:#514641;
}

.bRoom {
	background:#dcd4c7;
}


.bOlive {
	background:#A5A295;
}

#roomsOverview {
	background:#EDE5D7;
}

video {
	width:100%;
}

.overviewTitle {
	padding-top: 4vw;
    padding-bottom: 4vw;
}


.topText {
	font-family: 'Geometria';
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 10px;
    display:block;
}

.bottomText {
	    font-family: 'Geometria';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 8px;
    display:block;
}

.topText + .bottomText {
	margin-top:15px;
}

.topTextContainer + .bottomText {
	margin-top:15px;
}


#videoContainer {
	height: 52.709vw;
}
.hoverLayer {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}

.hoverLeft,  .hoverRight {
	width:50%;
}

.hoverLayer [data-disabled=true] {
	cursor:default;
}

#roomsWidget {
	display: flex;
}

.to_left_end {
	margin-left:-2.5vw;
}

.roomDescriptionLayer {
	width: 35%;
    /* background: #DBD3C7; */
	background: #988b75;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
        padding: 0 2.5vw;
    box-sizing: border-box;
}

.roomDescription {
	font-size: 3vw;
	position:relative;
	top:-2.5vw;
	display:none;
}

.roomDescription.active {
	display:block;
}

.roomDescription > span {
	display: block;
    overflow: hidden;
    margin-top: 15px;
}

.roomDescription> span:first-child {
	margin-top:0;
}

.roomDescription > span >  span {
	display:block;
}

.roomPicLayer {
	    height: 44.548vw;
}

.roomPicContainer  {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#roomsWidget .scrollContainer {
	    position: relative;
    z-index: 0;
    height:101%;
}

#roomsWidget .discoverButton {
	    margin-top: 0px;
    display: flex;
    align-items: flex-end;
    position: absolute;
    bottom: 90px;
    right: 0;
    z-index: 2;
    top: auto;
}

.controlsBar{
	display:none;	
}

#diningWidgetBackgrounds {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
     z-index:-1;
}



.diningBackground {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transform-origin: right;
    transform: scale(0,1);
    
}

.diningBackground._4 {
	/* background:#514641; */
	background:#bb7c73;
	
}

.diningBackground._3 {
	background:#9d885d;
	/* background:#786A65; */
	/*transform: scale(0.0253,1);*/
}

.diningBackground._2 {
	/* background: #938580; */
	background: #739984;
   /* transform: scale(0.01686,1);*/
}

.diningBackground._1 {
	background: #A79893;
   /*  transform: scale(0.00843,1); */
}

.diningBackground.active {
	transform:scale(1);
}

#diningOverview {
	position:relative;
	padding-bottom: 8vw;
}

.diningWidgetSection .overviewTitle {
	padding-bottom:0;
}

.diningWidgetLeft {
	flex: 1;
	position:relative;
}

.diningWidgetRight {
	width: 40%;
    max-width: 567px;
}

.diningWidgetLeftContainer {
    max-width: 530px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
       padding: 5.5vw 60px 5.5vw 0;
    box-sizing: border-box;
}

.diningWidgetTitleContainer {
	    min-width: 815px;
    	z-index: 1;
}

.diningWidgetSection {
	display:none;
}

.diningWidgetSection.active {
	display:block;
}

.diningWidgetSection .midContainer {
	align-items:inherit;
}



.overviewSectionTitle {
	font-size: 65px;
    display:block;
}

.diningWidgetSection .overviewSectionTitle {
	    white-space: nowrap;
}

.diningWidgetPic {
	max-height:800px;
	overflow:hidden;
}



@media all and (min-width:1860px) {
	.diningWidgetTitleContainer {
       z-index: 1;
    position: absolute;
    bottom: calc(5.5vw - 16px);
    left: calc(725px + 2.5vw);
	}
	
	.diningWidgetSection .midContainer {
	align-items:flex-end;
	}
	
	.diningWidgetTextContainer {
	    margin-bottom: 10vw;
	}
	
}

#cellarOverview {
	background:#514641;
	position:relative;
	z-index:1;
}


#cellarOverview .midContainer .left, #experienceOverview .midContainer .left {
	    width: 60%;
}

.cellarPic {
	position: relative;
    top: 5vw;
    margin-top:-10vw;
}

.cellarPic img {
	will-change:transform;
}

#cellarOverview .midContainer .right, #experienceOverview .midContainer .right {
	flex:1;
	padding-bottom: 0;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.rightTextContainer {
	max-width: 400px;
}

.rightTextContainer .text {
	width: 116%;
	margin-top: 1vw;
	    
}

#cellarOverview .discoverButton {
	position:absolute;
	bottom:14vw;
	right:0;
	top:auto;
}
@media screen and (min-width: 1366px) and (max-width: 1600px){
#cellarOverview .discoverButton {
	position:absolute;
	bottom:240px;
	right:0;
	top:auto;
}
}
#experienceOverview .discoverButton {
	position: absolute;
    bottom: 19vw;
    right: 0;
    top: auto;
}

#spaOverview {
	
}

#spaOverview .midContainer {
    z-index: 1;
    position: relative;
    display:flex;
    flex-direction:column;
    align-items:center;
}

#spaBackground {
	position: absolute;
    width: calc(100% + 5vw);
    height: 100%;
    top: 0;
    left: -2.5vw;
    background: #fffff4;
    transform-origin: left;
    transform: scale(0,1);
    
}

.bigTypo {
	font-size: 55px;
}
.text-white {
    color: #fff;
}
.label.bigger {
	    font-size: 18px;
    letter-spacing: 10px;
    font-weight: 400;
}

.colorFade {
	position:absolute;
	clip-path: inset(0% 0% 0% 0%);
}

#spaTarget {
	height:300vh;
}

#spaSticky {
	position:absolute;
    top:0;
    left:0;
    width:100%;
}

#spaStory {
	height: 100vh;
    min-height: 760px;
    position:relative;
}


#spaStory > div {
	height:100%;
	display:flex;
	align-items:center;
	will-change:transform;
}

#spaStoryContainer {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index:1;
}

#spaStoryFixed {
    width: 100%;
    background: #fffff4;
    display: flex;
    height: 100%;
}

#spaExplore {
	margin-top:6vw;
}

.ctaWidget {
	height: 43.6vw;
}

.buttonsLayer{
	position: absolute;
    left: 0;
    width: 100%;
    height: 77px;
    overflow: hidden;
    z-index: 1;
    bottom: 10vw;
   
}

.scrollButtons {
	    position: absolute;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.scrollButton {
	    display: flex;
	    align-items:flex-end;
	    position: relative;
	    padding: 0 9vw;
	    pointer-events:all;
	    will-change:transform;
}

.scrollButton:first-child {
	padding-left:0;
}

.scrollButton:last-child {
	padding-right:0;
}

.scrollButton .discoverButton {
	margin-bottom: -3px;
    top: 0;
}

.scrollTitle {
	    color: #fffff4;
    font-size: 65px;
    white-space: nowrap;
    text-transform:uppercase;
}

.ctaVeil {
	position: absolute;
    width: 100%;
    height: 100%;
    background: #000000;
    left: 0;
    top: 0;
    opacity: 0.3;
    will-change:transform;
    z-index:9999;
}

.discoverButton.left .label {
	order:1;
	margin-left:20px;
}

.discoverButton.left .discoverLine {
	margin-left:0;
}


.picScroller {
	display:flex;
	
}

.picLayer {
	height:100%;
}

.picLayer .pic {
	min-width:100vw;
	position:absolute;
	top:0;
	left:0;
	height:100%;	
}

#giftOverview .subContainer {
	max-width:1040px;
}


#giftContainer {
    display: flex;
    margin-right:0;
	max-width: calc(100% - ((100% - 1040px)/2) - 2.5vw);
    width: calc(100% - 5vw);
}

.bigTitle + .topText {
	margin-top:30px;
}

.giftPic {
	width:37%;
}

.giftTextContainer {
	    flex: 1;
    position: relative;
    background: #E7E6DC;
    display: flex;
    align-items: center;
}

#giftContainer .makeGift {
	position: absolute;
    bottom: 5vw;
    right: 2.5vw;
}

#giftContainer .text {
	max-width: 520px;
    margin-left: 5vw;
}


.makeGift.black .giftIco {
	    background-position: -30px -24px;
}

#footerTop {
	padding-top: 4vw;
	display: flex;
	border-top: 1px solid #DBD3C7;
	
}


#footerPic {
	width:58%;
}

#footerInfo {
	    min-width: 560px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

#footerUs {
	display:none;
}

.footerTitle {
	 font-size: 4vw;
    width: 12.5vw;
    text-align: right;
}

.footerText {
	    font-family: 'Geometria';
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 15px;
}

a.footerText {
	color:#514641;
}

.footerData {
	    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.footerData img {
	    margin-left: 20px;
}

.footerText span {
	
}


#footerBottom .bottom {
	border-top: 1px solid #DBD3C7;
	padding-top: 30px;
    padding: 30px 0;
}

#footerSocials {
	
}

#footerBottom .top {
	padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items:center;
}

#footerBottom .bottom {
	    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding: 30px 0;
    font-family: 'Geometria';
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 13px;
}

#footerBottom .makeGift {
	margin-top:-20px;
}

.veiled:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.2;
	will-change:transform;	
}



/************ LA LOCANDA ************/

.fullContainer.negativeMargin {
	margin-top:-50px;
}

#dining #intro .fullContainer .subParagraphTitle {
	max-width:none;
}

.picSetup .left {
	display:flex;
	flex-direction:column;
	justify-content:center;
	position:relative;
	z-index:1;
}

.w40 {
	width:40.38%;
}

.w53 {
	width:53.671%;
}

.w60 {
	width: 59.62%;
}

.w65 {
	width: 65%;
}

.picSetup .right {
	display:flex;
	flex-direction:column;
	align-items:flex-end;
}

.picTitle {
    width: calc(100% - 2.5vw);
}

.picTitle > span {
	text-align:right;
}
.row1  {
	font-size: 55px;
}

.twoRowTitle .row1  {
	color:#514641;
}

.row2 {
	font-size: 55px;
}

 .row3 {
	font-size: 55px;
 }

.twoRowTitle .row2 { 
	color:#514641;
	text-align:right;
}


.threeRowTitle.row2 {
    margin-right: 25%;
}

.threeRowTitle .row3 {
    color: #D4C4B5;
    text-align: right;
}

.picText {
	flex: 1;
    display: flex;
    width: calc(100% - 10vw);
    padding-bottom: 5vw;
    margin-top:1.5vw;
}

.picText.vCenter {
	    align-items: center;
}

.picText p span, #tailoredMenu .picText h1 { 
	color:#BBB3A7;
	font-size:50px;
		display:block;
		line-height:60px;
}

.picSetup.noTitle .picText {
	margin-top:0;
	padding-bottom:0;
}

.picSetup .pic._2 {
    display: flex;
    justify-content: flex-end;
}

.valueContainer {
	min-height: 10vh;
	/* min-height: 60vh; */
    display: flex;
    align-items: center;
    padding:5vw 0;
}

.valueContainer.column {
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
}

.valueText {
	    position: relative;
    z-index: 1;
    font-size: 55px;
    will-change: transform;
    text-transform: uppercase;
}

.valueSmallText {
       display: block;
    font-family: 'Gilda Display';
    font-size: 2.5vw;
    text-transform: uppercase;
	
}

.valueNegativeMargin {
   margin-top: -15vw;
    padding-top: 10.5vw;
}

#bigMichelinStar {
	position: absolute;
    bottom: 2.5vw;
    right: 0;
    width: 25vw;
    max-width: 570px;
    will-change: transform;
}

.downloadItem {
	display:flex;
	justify-content:space-between;
}

.downloadItem .left {
    display: flex;
    position: relative;
    align-items: center;
    width: calc(50% - 5px);
}

.downloadItem .right {
	    display: flex;
    align-items: center;
    justify-content: flex-end;
        width: calc(50% - 5px);
    
}

.downloadTitle {
    position: absolute;
    left: -8vw;
    width: 18vw;
    flex-wrap: wrap;
    display: flex;
    margin-top: -2.5vw;
    z-index: 1;
}

.downloadTitle.wide {
	left: -38%;
	    flex-direction: column;
    width: auto;

}

.downloadTitle.wide span {
	    width: 100%;
    font-size: 4.5vw;
    letter-spacing: 2.5vw;
    color: #DBD3C7 !important;
    line-height:inherit;
}

.downloadTitle span {
	 font-size: 4vw;
       font-family: 'Geometria';
    width: 25%;
    line-height: 5.4vw;
}

.downloadTitle span._1 {
	color:#8F817C;
}

.downloadTitle span._2 {
	color:#EFE7DA;
}

.downloadTitle span._3 {
	color:#DCD4C7;
}

.downloadTitle span._4 {
	color:#FFFFF4;
}

.downloadButton {
	cursor:pointer;
}

.downloadButton .circle._1 {
	height: 220px;
    width: 220px;
    background: #DBD3C7;
    border-radius: 50%;
}

.downloadButton .circle._2 {
	position: absolute;
    border-radius: 50%;
    background: #EFE7D9;
    height: 118px;
    width: 118px;
    top: 50px;
    left: -35px;
}

.downloadButton .circle._3 {
	width: 50px;
    height: 50px;
    position: absolute;
        top: 50px;
    left: 30px;
  
}

.downloadButton .circle._3:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#514641;
    transform:scale(0);
    transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
    border-radius: 50%;
    
}

.downloadButton:hover .circle._3:before, .downloadItem.group .left:hover .circle._3:before, .downloadItem.group .right:hover .circle._3:before {
	    transform:scale(1);
    transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
	    
	
}

.downloadButton .circle.show {
	transform:none;
	transition:all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
} 

.downloadButton .button  {
	 position: absolute;
    top: 98px;
    left: 93px;
    height: 35px;
    width: 112px;
	font-family: 'Geometria';
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #514641;
    text-align:center;
}



.downloadItem.group {
	flex-direction:column;
}

.downloadItem.group .top {
	display:flex;
	justify-content:space-between;
}

.downloadItem.group .bottom {
		display:flex;
	justify-content:space-between;
	margin-top:10px;
}

.downloadItem.group .left, .downloadItem.group .right {
	cursor:pointer;
}

.downloadItem.group .top .left {
	cursor:default;
}

.downloadItem.group .downloadButton {
	    position: absolute;
    left: 50%;
    margin-left: -110px;
}

.downloadIco {
	position: absolute;
    top: 20px;
    left: 25px;
    transform:scale(0);
    transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
}

.downloadButton:hover .downloadIco, .downloadItem.group .left:hover .downloadIco, .downloadItem.group .right:hover .downloadIco {
	transform:scale(1);
    transition:all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
}

.downloadIco:before {
	content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: -5px;
    left: -5px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    transform: rotate(135deg);
}

.downloadIco:after {
	content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background: #FFFFFF;
    left: -7px;
    top: 13px;
}



#bookTable {
	margin-top:-2.5vw;
}

.bookContainer {
    max-width: calc(100% - ((100% - 1240px)/2));
    width: calc(100% - 7.5vw);
    margin: auto;
    margin-right: 0;
    /*padding-top: 8vw;*/
    padding-top:5vw;
    padding-bottom: 5vw;
    position:relative;
}

.bookPanel {
    background: #695F5B;
    margin-left: 8vw;
    padding-top: 5vw;
    padding-bottom: 4vw;
    padding-right: 2.5vw;
    display: flex;
    justify-content: flex-end;
    min-height: 17vw;
	
}

.bookTitle {
    font-size: 4vw;
    position: absolute;
    font-family: 'Geometria';
    letter-spacing: 1vw;
    top: 13vw;
    font-weight: 300;
    z-index: 1;
}

.bookDescription {
	position: absolute;
    bottom: 4vw;
    left: 5vw;
    max-width: 300px;
}

.formField {
	    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.formField.margin {
	margin-top:40px;
}

.formField.start {
	justify-content:flex-start;
}

.formField label {
	font-family: 'Geometria';
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 1px;
    min-width: 110px;
    color: #FFFFF3;
    text-transform:uppercase;
}

.formField input {
	background: none;
    border: none;
    border-bottom: 1px solid #7F7671;
    width: calc(100% - 110px);
    font-family: Gilda Display;
    color: #FFFFF3;
    font-size: 18px;
    margin-bottom: -3px;
}

.formField textarea{
	    width: 100%;
    background: none;
    border: 1px solid #7F7671;
    margin-top: 15px;
    height: 120px;
    padding: 5px;
    font-family: 'Geometria';
    font-size: 14px;
}

.formField.privacy {
	    margin-top: 40px
}

.formField.privacy >  span {
	
}

.privacyBox {
	    margin-top: 16px;
    font-size: 10px;
    font-family: 'Geometria';
    letter-spacing: 0.5px;
    color: #FFFFF3;
}

p.checkbox {
	margin-top:30px;
}


p.checkbox input[type=checkbox] {
    padding: 0;
    margin: 0;
    height: 18px;
    width: 18px;
    float: left;
    position: absolute;
    left: 0;
    opacity: 0;
}


p.checkbox:not(#foo) > input + label .privacyIco {
    background: url(https://supercitylife.com/industrialpark/../img/sprites.png) -97px -4px no-repeat;
    height: 18px;
    width:18px;
    position:absolute;
    top:0;
    left:0;
}


p.checkbox label {
	padding-left:30px;
    font-size: 12px;
    font-style: normal;
    
}


p.checkbox:not(#foo) > input[type=checkbox]:hover + label .privacyIco, p.checkbox:not(#foo) > input[type=checkbox] + label .privacyIco:hover {
    background-position: -97px -28px;
}

p.checkbox:not(#foo) > input[type=checkbox]:hover:checked + label .privacyIco, p.checkbox:not(#foo) > input[type=checkbox]:checked + label .privacyIco:hover {
    background-position: -97px -52px;
}

p.checkbox:not(#foo) > input[type=checkbox]:checked + label .privacyIco {
    background-position: -97px -52px;
}

p.checkbox.error:not(#foo) > input[type=checkbox] + label .privacyIco {
	        background-position: -97px -4px
}


.form.black .formField label {

    color: #514641;
}

.form.black .formField input {

    /*border-bottom: 1px solid #DBD3C7;*/
   
    color: #514641;
   
}

.form.black .formField textarea{
	
    /*border: 1px solid #DBD3C7;*/
   
}


.form.black p.checkbox:not(#foo) > input + label .privacyIco {
    background-position:-124px -4px;
}


.form.black p.checkbox label {
	padding-left:30px;
    font-size: 12px;
    font-style: normal;
    
}

.form.black .privacyBox {
	color: #514641;
}


.form.black p.checkbox:not(#foo) > input[type=checkbox]:hover + label .privacyIco, p.checkbox:not(#foo) > input[type=checkbox] + label .privacyIco:hover {
    background-position: -124px -28px;
}

.form.black p.checkbox:not(#foo) > input[type=checkbox]:hover:checked + label .privacyIco, p.checkbox:not(#foo) > input[type=checkbox]:checked + label .privacyIco:hover {
    background-position: -124px -52px;
}

.form.black p.checkbox:not(#foo) > input[type=checkbox]:checked + label .privacyIco {
    background-position: -124px -52px;
}

.form.black p.checkbox.error:not(#foo) > input[type=checkbox] + label .privacyIco {
	        background-position: -124px -4px
}

.form.black .sendButton {
	color:#514641;
}

.form.black .sendButton:before,.form.black  .sendButton:after {
	background:#514641;
}

.sendButton {
	font-family: 'Geometria';
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 2px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: none;
    border: none;
    text-transform:uppercase;
    margin-top:50px;
}

.sendButton:before {
	content: '';
    width: 35%;
    height: 1px;
    background: #FFFFFF;
    position: absolute;
    left: 0;
}

.sendButton:after {
	    content: '';
    width: 35%;
    height: 1px;
    background: #FFFFFF;
    position: absolute;
    right: 0;
}


/************** WP FORM OVERRIDE ************/


.form {
    max-width: 800px;
    width: 100%;
    align-items: center;
    margin: 0 auto;
}

.wpforms-container .wpforms-field-label {
    font-weight: 400 !important;
    text-transform:uppercase;
}

.formField > input {
	width:calc(100% - 110px) !important;
}

.formField select{
	width:calc(100% - 110px) !important;
}

body .iti--allow-dropdown, div.wpforms-container .wpforms-form .iti--allow-dropdown, div.wpforms-container-full .wpforms-form .iti--allow-dropdown, #wpforms-conversational-form-page .iti--allow-dropdown {
	width:calc(100% - 110px) !important;
	
}

.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {
    max-width: 100% !important;
}

.wpforms-container .wpforms-field-sublabel {
	text-transform:uppercase;
}

.wpforms-container .wpforms-required-label {
    color: #fffff4 !important;
}

.wpforms-field-select select {
	width:auto !important;
	font-family: Gilda Display;
    color: #FFFFF3;
    font-size: 18px;
    background:none;
    border:none;
   border-bottom: 1px solid #7F7671;
}

.wpforms-field-select option {
	font-family: Gilda Display;
	color:#514641;
}

.formField.mid input {
	max-width: 120px !important;
}


.wpforms-container label.wpforms-error {
	width: 100%;
    font-size: 10px !important;
    text-transform: none;
    color: #FFFFF4 !important;
    position: relative;
    left: 110px;
    top: 7px;
}

.wpforms-container .wpforms-field input.wpforms-error, .wpforms-container .wpforms-field input.user-invalid, .wpforms-container .wpforms-field textarea.wpforms-error, .wpforms-container .wpforms-field textarea.user-invalid, .wpforms-container .wpforms-field select.wpforms-error, .wpforms-container .wpforms-field select.user-invalid, .wpforms-container .wpforms-field.wpforms-has-error .choices__inner {
	border:none !important;
    border-bottom: 1px solid #FFFFF4 !important;
}

.wpforms-container .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear {
    right: 0 !important;
}

.ui-timepicker-list li {
  
    font-size: 18px !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year  {
	font-size:16px !important;
}

.wpforms-container .wpforms-datepicker-wrap .wpforms-datepicker-clear {
	    background-color: #514641 !important;
    background-size: 6px !important;
}

.wpforms-container .wpforms-field-description.wpforms-disclaimer-description {
    height: 68px !important;
    background: none !important;
    border-color: #7F7671 !important;
    margin-top: 10px;
    padding: 5px !important;
    font-family: 'Geometria';
    font-size: 11px;
    color:#FFFFF3;
}

.form.black .wpforms-field-description.wpforms-disclaimer-description, .form.black label.wpforms-error, .form.black .wpforms-required-label {
	color:#514641 !important;
}

.wpforms-field-gdpr-checkbox  label.wpforms-error {
	left:0 !important;
}

.wpforms-container {
    margin-bottom: 0px;
}

.wpforms-confirmation-container {
    font-size: 35px;   
}


.form.black .wpforms-confirmation-container {
    color: #FFFFF4;
}


/******************************************/


#sommelier .left {
	width:55vw;
}

#sommelier .right {
	width:45vw;
	display:flex;
	justify-content:center;
}

#tailoredMenu .mainContainer {
	margin-top:15vw;
}

.bTailored.halfHeight {
	height: 50%;
    width: 100%;
    position: absolute;
        z-index: -1;
        background:#ece4d7;
}

.tablePaddingLeft {
    padding-left: 2.5vw;
}

.tablePaddingRight {
    padding-right: 2.5vw;
}


/****************** ROOMS *************/

#roomsList {
	
}

.sectionRow {
	 height: 38vw;
	 margin-top:12vw;
}

.sectionRow + footer {
	margin-top:9vw;
}

.sectionRow .discoverButton {
	align-self:flex-end;
}

.sectionRow.left .discoverButton {
	margin-right: calc(5vw + 20px);
}

.sectionRow .mainContainer {
	height:100%;
}

.sectionRowPic {
	width: 48%;
    will-change: transform;
    height: calc(100% + 10vw);
    margin-top: -5vw;
}

.sectionRowPic.veiled:after {
	opacity:0.2;
}

.sectionRow.left .sectionRowPic {
	order:1;
}

.sectionRowText {
	width: 52%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sectionRow.left .sectionRowText {
	align-items:flex-start;
}

.textContainer {
	max-width: 520px;
	padding: 0 5vw;
}

.sectionRowContainer {
	max-width: 1630px;
    width: 100%;
    display: flex;
    height:100%;
}

#roomBody {
    background:#ede5d8;
    display: flex;
    margin-top: 19.5vw;
    will-change:transform;
    flex-direction:column;
}

#roomBody .pic {
	margin-top: -11.5vw;
}

#aLayer {
    background: url(/wp-content/themes/aquapetra/assets/images/rooms/aTexture.png);
    position: absolute;
    top: -5%;
    left: 0;
    width: 100%;
    height: 110%;    
}

#roomDetail {
  	    margin-top: -18vw;
    padding-top: 22vw;
}

#roomDetailsContainer .bigTypo {
	font-size: 55px;
}

#servicesDetail li, #servicesList li  {
   margin-top: 5px;
}

#servicesDetail li, #servicesList li:first-child {
	margin-top: 0;
}

#roomServices {
	
}

#roomServicesPic{
	max-width:527px;
	width:50%;
}

#servicesTitle {
	    color: #DBD3C7;
     font-size: 90px;
    font-family: 'Geometria';
       letter-spacing: 52px;
    margin-top: -3.15vw;
    display:flex;
    justify-content:flex-start;
    z-index:1;
    position:relative;
}

#services #servicesTitle {
	  margin-top: -2vw;
}

#servicesList {
	    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
}

#extras {
	
}

#extrasTitle {
	font-weight: 300;
    font-family: 'Geometria';
    color: #DBD3C7;
    font-size: 50px;
    letter-spacing: 3px;
}

#extrasList li {
    font-size: 30px;
    font-family: 'Geometria';
    margin-top: 20px;
    font-weight: 300;
}

.roomTitle {
	font-family: Gilda Display;
    letter-spacing: 1px;
    margin-left: 10vw;
    font-size: 70px;
    position: relative;
    top: -40px
}


#infoRooms .bookPanel {
	background:#ede5d8;
}

.geoTitle {
	    font-family: 'Geometria';
    font-size: 50px;
}

.geoText {
	    font-family: 'Geometria';
    font-size: 30px;
    font-weight: 300;
    line-height: 60px;
}

.gmap {
	border:10px solid #FFFFF4;
}

#suitcase {
		padding-bottom:5vw;
}


/************ AQUAPETRA ***********/


.scrollPic img {
	will-change:transform;
}

.quadPicture {
    display: flex;
    flex-wrap: wrap;
    position:relative;
        align-items: flex-start;
}

.qPic {
	will-change:transform;
}

.qPic.left {
    margin-left: 5.949%;
}

.qPic.plus {
	    margin-top: -1%;
}

.qPic.minus {
        margin-top: -20%;
}

.quadPicture.mirrored .qPic.minus{
	    margin-top: -15%;
}

.quadPicture.mirrored .qPic.plus {
	      margin-top: -7%;
}


.apLogo {
	position: absolute;
    top: 39%;
    left: 40.38%;
    width: 19.25%;
    height: 19.25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.apLogo svg {
	width: 75%;
}

.apOverlay {
	    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 100%;
    
}
.apOverlay .a {
	width: 38%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.apOverlay .p {
	left: 55.5%;
    position: absolute;
    width: 31%;
    /*top: 0.6%;*/
    opacity: 0.5;
}

.scrollTextContainer {
	max-width: 638px;
    height: 160px;
}

.scrollText .text {
	height:160px;
	display:flex;
	align-items:center;
}

.stopScrollPic {
	position: absolute;
    top: 0;
    left: 0;
}

.stopScrollPic._1 {
	position:relative;
}

.expandedPic {
	width: calc(100% + 5vw);
	max-width:1040px;
}

#melodyText {
	    display: flex;
    flex: 1;
    align-items: center;
    max-width: 300px;
    justify-content: flex-end;
    width: calc(100% - 10vw);   
}

#aquapetraTarget {
	height:600vh;	
}

#aquapetraSticky {
	position:absolute;
    top:0;
    left:0;
    width:100%;
}

.stopScrollContainer {
	padding-top: 5vw;
}


/************* PARCO D'ARTE **************/

.subScrollerContainer {
    height: 77px;
}

#artTarget {
	height:600vh;	
}

#artSticky {
	position:absolute;
    top:0;
    left:0;
    width:100%;
}


#art .scrollTextContainer, #art .scrollText .text {
	    height: 224px;
}

.bOrange.halfHeight {
	height: 50%;
    width: 100%;
    position: absolute;
        z-index: -1;
}

#art .picSetup {
	margin-top:-1px;
}

.bArt {
	background:#ece4d7;
}

.bookPanel.bWhite {
	background:#FFFFF4 !important;
}


/****************** EXPERIENCES **************/

.experience.first {
	margin-top: 19.5vw;
}

.experience {
	margin-top:15vw;
}

.experience .pic {
	    margin-top: -11.5vw;
}

.expBackground:before {
	content:'';
	height: calc(100% + 18vw);
    position: absolute;
    left: -2.5vw;
    top: -18vw;
    width: calc(100% - 5vw);
    background:#FFFFF4;
    max-width: 1580px;
}

.experience.odd .expBackground:before {
	content:'';
	height: calc(100% + 18vw);
    position: absolute;
    left: -2.5vw;
    top: -18vw;
    width: calc(100% - 5vw);
    background:#cebea4;
    max-width: 1580px;
}

.experience .overviewSectionTitle {
	text-transform:none;
}

.experienceFloatingPic {
	width: 33.2295vw;
    position: absolute;
    height: calc(100% + 10vw);
    top: -5vw;
    right: 0;
    overflow: hidden;
    max-height: 850px;
}

.experienceSub .text {
	margin-top:25px;
}

.experience.odd .pic {
	margin-top:0;
}

.experienceSubContainer {
  	    max-width: calc(100% - 38.3vw);
    min-height: 34vw;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 5vw 0;
    box-sizing: border-box;
}

.experience .panelText {
	width: calc(100% - 5vw);
}


#expTarget {
	height:500vh;
	margin-top: -13vw;
}

#expSticky {
	position:absolute;
    top:0;
    left:0;
    width:100%;
}

/************** AQUASPA **********/


.bAquaGreen {
	background:#70917b;
}

.bAquaVelvet {
	background:#9bb29f;
}

.bAquaBook {
	background:#c6d3c4;
}

.bAquaPanel {
	background:#e2e9dc;
}

.colorPanel {
	padding-top: 22.5vw;
    margin-top: -15vw;
    padding-bottom: 7.5vw;
}


.panelText p {
	    font-family: 'Geometria';
    font-weight: 200;
        font-size: 2.2vw;
}



/************** NAV **************/

#mainNav {
	width: 100%;
    max-width: 750px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 3;
    height: 100%;
    will-change:transform;
    display:none;
}

#mainNav.active {
	display:block;
}

#mainNav.hidden {
	transform:translateX(50px);
	opacity:0;
	-webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#navBack {
	background: #739984;
    position: absolute;
    top: calc(2.5vw + 49px + 19px);
    left: 0;
    width: 100%;
    height: calc(100% - calc(2.5vw + 49px + 19px));
    z-index: 0;
}

#navScrollCover {
    position: absolute;
    width: 100%;
        height: calc(2.5vw + 49px + 19px);
    background: #739984;
    z-index: 1;
}

#navBack.hidden, #navScrollCover.hidden {
	transform:translateX(50px);
	opacity:0;
}

#navBar {
	display: flex;
    align-items: flex-end;
    padding: 49px 2.5vw 2.5vw 2.5vw;
    justify-content: space-between;
    position: relative;
    z-index:2;
}




#navClose {
	display: flex;
    align-items: flex-end;
    position: relative;
    top: 5px;
    cursor:pointer;
}

#navBookNow {
	height: 19px;
    top: 5px;
    color: inherit;
}

.closeLine {
	    width: 57px;
    height: 1px;
    margin-right: 15px;
    margin-bottom: 5px;
    transform-origin:left;
    
}

#navLogo {
	width: 100%;
    height: 33px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
}

#navScroller {
	    padding-top: calc(2.5vw + 49px + 19px);
}

#navPanel {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
}

#navSectionContainer {
	padding: 0 calc(2.5vw + 73px);
}


.navSection {
    padding-bottom: 20px;
}

.navSection:first-child {
	padding-top:0;
}

.navSection:last-child {
	padding-bottom:0;
	border-bottom:none;
	
}


.navSectionCenter {
    margin-top: 0;
    display: flex;
    align-items: center;
}


.navLeft {
	width: 375px;
	display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
}

.navRight {
	
}

.navSectionTitle {
	font-size: 20px;
	display: flex;
    justify-content: flex-start;
    text-transform:uppercase;
}

.navSectionAbstract {
	max-width: 320px;
    color: #fffff4;
    margin-top: 30px;
    line-height: 25px;
}


.navButton {
	display:flex;
}

.navButton a {
	font-family: 'Geometria';
    font-size: 15px;
    letter-spacing: 3px;
    font-weight: 400;
    color: #fffff4;
    white-space: nowrap;
    display: block;
    padding: 8px 0;
    text-transform: uppercase;
}


.navButton a:after  {
	content: '';
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    transform-origin:left;
    transform:scale(0,1);
    -webkit-transform:scale(0,1);
    -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
    transition: transform 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005),opacity 1000ms cubic-bezier(0.575, 0.005, 0.285, 1.005);
}

.navButton a:hover:after,.navButton a.active:after  {
	 transform:scale(1);
    -webkit-transform:scale(1);
     -webkit-transition: -webkit-transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: transform 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000),opacity 1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.navSectionLine {
	width:100%;
	height:1px;
	background:#fffff4;
	margin-top:20px;
}

.footerSmallButton a {
	color:inherit;
}

#navFooter {
	padding-bottom: 40px;
}

#navFooterTop {
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#navFooterBottom {
	margin-top:30px;
}

.footerSocials {
	display:flex;
}

.fb {
	margin-left:15px;
}

.footerSmallButton {
	
    padding: 8px 0;
}

#navFooterRight .makeGift {
	    position: relative;
    top: 12px;
}


/********************************/

.galleryContainer {
	will-change:transform;
	height: 110vh;
    width: 100%;
    position:relative;
}

.sliderContainer, .slide {
	height:100%;
}

.slideContainer {
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	will-change:transform;
	height:100%;
}

body.exiting {
	opacity:0;
	transform:scale(1.02);
	transform-origin:top;
}

/**********************/

#gift #roomBody {
	background:#e7e5da;
}


@media all and (max-width:1440px) {
	 #coverStory h1 {
	   font-size: 55px;
	 }
	   

	.subParagraphTitle {
    font-size: 60px;
	}
	
	.overviewSectionTitle {
    font-size: 55px;
	}
	
	/* .row1  {
		font-size: 90px;
		color:#D4C4B5;
	}

	 .row2 {
		font-size: 80px;	
	}*/
	
	#chefTitle {
    max-width: 556px;
    width: calc(100% - 2.5vw);
	}
}


#tracker {
	position: absolute;
    top: 0;
    left: 0;
    width:0;
    height:0;
    pointer-events:none;
    transform:translate(50vw,50vh);
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 200ms 200ms linear;
    transition: transform 400ms cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity 200ms 200ms linaer;
    will-change:transform;
    z-index:1;
}

#mainTrack {
	width: 50px;
    height: 50px;
    position: absolute;
    top: -25px;
    left: -25px;
    border-radius: 50%;
    transform:scale(0.3);
    transition:transform 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    will-change:transform;
    
}

#tracker.isSensitive #mainTrack   {
	 transform:scale(1.5);
	 transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	 
}

#tracker.isHover #mainTrack {
	transform:scale(1) translate(-10px,-10px);
	transition:transform 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	
}

#symbol {
	position:absolute;
	top:-10px;
	left:-10px;
}

#symbol .arrow {
	 transition:transform 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	 transform:scale(0);
}

#symbol .plus {
	 transition:transform 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	 transform:scale(0);
}

#symbol .minus {
	 transition:transform 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	 transform:scale(0,1);
}


#symbol .arrow:before{
	content: '';
    position: absolute;
      width: 10px;
    height: 10px;
    top:-5px;
    left:-7px;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    transform: rotate(45deg);
    transition:transform 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    
}

#symbol .plus:after {
	content: '';
    position: absolute;
    height: 13px;
    width: 1px;
    background: #fffff4;
    top: -6px;
}

#symbol .plus:before {
	content: '';
    position: absolute;
    width: 13px;
    height: 1px;
    background: #fffff4;
    left: -6px;
}

#symbol .minus:before{
	content: '';
    position: absolute;
    width: 13px;
    height: 1px;
    background: #fffff4;
    left: -6px;
}

#tracker.isHover #symbol .arrow {
	transform:none;
}

#tracker.isHover.right #symbol .arrow {
	transform:translateX(3px);
}
    

#tracker.isHover.right #symbol .arrow:before {
	    transform: rotate(-135deg);
}

#symbol.dark .plus:after, #symbol.dark .plus:before,  #symbol.dark .minus:before  {
	background: #514641;
}

#symbol.dark .arrow:before {
	border-color:#514641;
}


#tracker.isDisabled #mainTrack {
	transform:scale(0);	
}

#tracker.isDisabled #symbol .arrow {
	transform:scale(0) !important;
}

.c-scrollbar  {
	z-index:2;
}

#garden .bOlive {
    background: #6a605b !important;
}
#garden .valueNegativeMargin {
    /* padding-top: 0; */
}
.custom_margin{
	margin-top: 13vw;
}
.mb-4vw{
	margin-bottom: 4vw;
}
.specification_sec .spec{
	display: flex;
	align-items: center;
}
.specification_sec h2{
    font-weight: 400;
    padding: 0;
    font-size: 2vw;
}
.specification_sec img{
	max-width: 60px;
}
.specification_sec #servicesDetail li,.specification_sec #servicesList li:first-child{
	font-size: 24px;
    line-height: 40px;
}
.border-light{
	border-color: #dcd4c7;
	margin: 15px 10px;
}
.specification_sec .halfMargin{
    margin: 10px 0;
}
.spec_img{
	width: 10%;
}
.spec_title{
	width: 20%;
}
.spec_content{
	width: 70%;
}

.specification_sec {
    padding-top: 50px;
}
/************************ MOBILE ***************************/

@media all and (max-width:959px) {
	
	/************ ABOVE ***************/
	
	.mobileHidden {
		display:none !important;
	}
	
	.label {
	    font-size: 10px;
	    letter-spacing: 2px;
	        display: block;
	}
	
	.menuController {
    	width: 60px;
	}
	
	.logotype {
    width: 180px;
	}
	
	.payoff {
    width: 92px;
    margin-top: 6px;
	}
	
	.line._2 {
   		margin-top: 5px;
	}
	
	#menuBar {
   		top: 15px;
	}
	
	.bookNow {
		width: 80px;
	}
	
	#topGift {
    position: absolute;
    right: 0px;
    bottom: 20px;
	}
	
	.line {
		width:32px;
	}
	
	#coverStory {
   		bottom: 120px;
	}
	
	#coverStory h1 {
    font-size: 30px;
	}
	
	#coverStory.hidden span {
	 -webkit-transform: translateY(190%);
    transform: translateY(190%);
	}
	
	.bookNow .label {
    margin-right: 0;
    text-align:center;
	}
	
	.makeGift {
    width: 89px;
    text-align:center;
	}
	
	.galleryTitle {
    font-size: 14px;
    padding: 10px 0 4px 0;
	}
	
	.galleryBar {
    bottom: 22px;
	}
	
	.galleryTitleContainer {
    width: 100%;
    text-align: center;
	}
	
	.latestTitle {
		margin-top:30px;
		font-size: 25px;
	}
	
	#latestFrom {
		width:100%;
		min-width:0;
		padding: 5vw 5vw 5vw 2.5vw;
		top: 58px;
	}
	
	#latestFrom.right_single {
		transform:none;
	}
	
	.latestText {
    font-size: 14px;
    line-height: 23px;
	}
	
	
	.isButton:hover .label {
		letter-spacing:2px;
	}
	
	/********* NAV **********************/
	
	
	#navBar {
    padding-top: 15px;
    padding-bottom: 25px;
	}
	
	#navBack {
    top: 59px;
    height: calc(100% - calc(2.5vw + 15px + 25px));
	}
	
	#navScrollCover {
    height: 59px;
    
	}
	
	#navScroller {
    	padding-top: 120px;
	}
	
	#navClose {
    top: 2px;
    left:0;
	}
	
	
	#navLogo {
    width: 14px;
    height: 19px;
    margin-left: -80px;
	}
	
	
	#navSectionContainer {
    	padding: 0 2.5vw;
	}
	
	.navSectionCenter {
    	margin-top: 25px;
	}
	
	.navLeft {
    	width: 140px;
    	min-width:140px;
    	padding-right: 15px;
	}
	
	.navSectionTitle {
    	font-size: 30px;
	}
	
	.navSectionAbstract {
	    font-size: 14px;
	    line-height: 22px;
	    margin-top: 25px;
	}
	
	.navButton a {
  		font-size: 11px;
	    letter-spacing: 2px;
	    white-space: break-spaces;
	    padding: 6px 0;
	}
	
	.navSectionLine {
   
    margin-top: 25px;
	}
	
	.navSection {
		padding-bottom:25px;
	}
	
	#navFooterBottom {
   	margin-top:0;
	}
	
	
	/*********************/
	
	.doubleMargin {
    margin-top: 50px;
	}
	.plan-table {
		overflow-x: auto;
		display: block;
		width: 100%;
	}
	#tsum-tabs .col-md-4 {
		width: 28%;
		padding: 0 8px;
	}
	.specification_sec img {
		max-width: 70px;
	}
	.brochure-box {
		padding-bottom: 0;
	}
	.brochure-box .downloadItem .right {
		top: 50px;
	}
	.brochure-box .downloadButton .button {
		position: absolute;
		top: 45px;
		left: 7px;
	}
	.brochure-box .downloadTitle {
		position: absolute;
		left: 0;
		width: 55vw;
		margin-top: -2.5vw;
	}
	.specification_sec #servicesDetail li,
	.specification_sec #servicesList li:first-child {
		font-size: 15px;
		line-height: 25px;
	}
	.township .largeContainer.flexed.vEnd {
		align-items: unset;
		display: block;
	}
	.township .w40 {
		width: 100%;
	}
	.pricing-title {
		height: 70px;
	}
	.bank-logo {
		padding: 100px 0 50px 0;
	}
	.bank-logo .col-md-3 {
		width: 50%;
		float: left;
	}
	.bank-logo .col-md-3 img {
		padding: 20px;
		width: 70%;
	}
	.layout-mob .fullPic {
		height: auto;
	}
	.plan-box .w40,
	.plan-box .w53 {
		width: 100%;
	}
	.plan-box .w53{
		margin-top: 0;
	}
	.township iframe {
		width: 100%;
		height: 250px;
	}
	.plan-box .qPic h2 {
		font-size: 16px;
		line-height: 0;
	}
	
	.plan-box .qPic._2.w53.left.show {
		width: 100%;
		margin: 0;
	}
	.plan-box img.full_width {
		width: 100%;
		height: 100%;
	}
	.layout-mob .fullPic img {
		width: 100%;
		margin-left: 0;
		margin-top: 0;
	}
	.pricing-plan {
		margin: 40px 0;
	}
	.pricing-plan h4 {
		padding: 15px;
		font-size: 15px;
	}
	.media_img .col-lg-4 {
		margin-bottom: 20px;
		width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0;
	}
	.arcade-floorplan {
		padding: 40px 0 80px 0;
	}
	.plan-box {
		padding-bottom: 80px;
	}
	.specification_sec .spec {
		display: block;
		align-items: unset;
	}
	.specification_sec h2 {
		font-weight: 400;
		padding: 6px;
		font-size: 5vw;
		margin: 15px 0;
	}
	.spec_content {
		width: 100%;
	}
	.tripleMargin {
    margin-top: 0;
	}
	.rera-mob .tripleMargin {
		padding-bottom: 50px;
	}
	.rera-mob .downloadItem .right {
		top: -48%;
		right: 0;
	}
	section.doubleMargin {
		margin-top:80px;
	}
	
	.margin {
		margin-top:30px;
	}
	
	.bottomText {
	    font-size: 11px;
    	letter-spacing: 3px;
    }
    
    .bigTypo {
    font-size: 38px;
	}
	
	.valueText {
		font-size:30px;
	}
	
	.valueNegativeMargin {
    margin-top: -15vw;
    padding-top: 7.5vw;
	}
	
	#cuisine.valueNegativeMargin {
		margin-top:0;
		padding-top:0;
	}
	
	.bigTitle .small {
    font-size: 10px;
    letter-spacing: 4px;
    margin-top: 10px;
    margin-left: 5px;
    text-indent:0;
	}
	
	.text.bigger {
    font-size: 16px;
    line-height: 30px;
	}
	
	.subContainer, .largeContainer, .midContainer, .paragraphContainer {
		width:100%;
	}
	
	video {
	    width: 124%;
    margin-left: -12%;
	}
	
	#videoContainer {
    	    height: 65vw;
	}
	
	[data-scroll-mobile-disabled]  {
		transform:none !important;
	}
	
	#index #intro .bigTitle {
		text-indent: -2px;
	}
	
	.bigTitle > span + span {
	    margin-top: -5px;
	}
	
	.subParagraphTitle {
    font-size: 28px;
    line-height: 36px;
	}
	
	#index #intro .mainContainer._2 {
   	 margin-top: 50px;
	}
	
	.text {
    font-size: 15px;
    line-height: 28px;
	}
	
	.text.doubleColumn p {
    column-count: 1;
    column-gap: 0;
	}
	
	.discoverLine {
    	width: 100px;
	}
	
	.topText + .bottomText {
    margin-top: 5px;
	}
	
	.topText {
    font-size: 13px;
    letter-spacing: 6px;
	}
	
	.overviewTitle {
    padding-top: 25px;
    padding-bottom: 25px;
	}
	
	.topText + .bottomText {
    margin-top: 12px;
	}
	
	#roomsWidget {
    flex-direction: column;
    width: calc(100% + 5vw);
	}
	
	.roomPicLayer {
		height:65vw;
		width: 100%;
		position:relative;
	}
	
	.roomDescriptionLayer {
		height:100%;
		    width: 100%;
	}
	
	.roomDescriptionContainer {
		min-height: 300px;
		margin-top: 50px;
	}
	
	.roomDescription {
    	font-size: 30px;
	}
	
	.roomDescription > span {
  
    margin-top: 5px;
	}
	
	#roomsWidget .discoverButton {
		bottom: 50px;
		right: 0;
		z-index: 2;
		top: auto;
		padding: 15px 0;
	}
	
	#roomsWidget .scrollContainer {
    height: 105%;
	}
	
	#roomsWidget .hoverLayer {
		height:65vw;
	}
	
	#diningOverview {
   	padding-bottom: 70px;
	}
	
	
	.diningWidgetSection .midContainer {
    margin-top: 40px;
    flex-direction: column;
	}
	
	.diningWidgetLeft {
	    order: 1;
    	margin-top: 30px;
	}
	
	.diningWidgetTitleContainer {
    min-width: 0;
	}
	
	.overviewSectionTitle {
    	font-size: 32px;
	}
	
	.diningWidgetSection .overviewSectionTitle {
    white-space:inherit;
	}
	
	.diningWidgetRight {
		width:100%;
		max-width:none;
	}
	
	.diningWidgetPic {
    overflow: hidden;
   height: 65vw;
	}
	
	.diningWidgetLeftContainer { 
		padding-top:0;
		padding-right:0;
	}
	
	.diningWidgetTextContainer {
	    margin-top: 30px;
	 }
	 
	 .diningWidgetLeftContainer .discoverButton {
	 	margin-top: 30px;
		 top: 0;
	 }
	
	.diningBackground._4, .diningBackground._3, .diningBackground._2, .diningBackground._1{
	transform:scale(0,1);
	}
	
	.diningBackground.active {
    transform: scale(1);
	}
	
	#diningWidget .hoverLayer {
    height: calc(65vw + 107px);
	}
	
	#cellarOverview {
		padding-bottom: 60px;
	}
	
	#cellarOverview .midContainer {
		    flex-direction: column;
	}
	
	#cellarOverview .midContainer .left {
		width:100%;
	}
	
	#cellarOverview .midContainer .right, #experienceOverview .midContainer .right {
    padding-bottom: 30px;
    }
    
    #cellarOverview .midContainer .right, #experienceOverview .midContainer .right {
    	margin-top:30px;
	}
	#cellarOverview .discoverButton {
    position: relative;
    bottom: 0;
    right: 0;
    top: auto;
	}
	
	.cellarPic {
    top: 0vw;
    margin-top: -10vw;
	}
	
	.rightTextContainer .text {
		margin-top: 30px;
    width: 100%;
	}
	
	#cellarOverview .discoverButton {
    position: relative;
    bottom: 0;
    right: 0;
    top: auto;
    margin-top:30px;
	}
	
	
	#spaOverview .bigTypo {
    	font-size: 35px;
	}
	
	
	#spaOverview .midContainer {
		padding: 0 5vw;
		top: -30px;
		padding-top: 40px;
	}
	
	#spaStory {
  
    height: 100vh;
    min-height: 0px;
  
	}
	
	#spaStory > div {
    padding-top: 40px;
    box-sizing: border-box;
	}
	
	#spaTarget {
	height:200vh;
	}
	
	.label.bigger {
    font-size: 13px;
    letter-spacing: 6px;
	}
	
	#spaExplore {
       margin-top: 60px;
    text-align: center;
    line-height: 25px;
	}
	
	.ctaWidget {
    height: 65vw;
	}
	
	.picLayer {
    height: 100%;
    margin-top: 0%;
	}
	
	.giftTextContainer {
		padding: 60px 0 80px 0;
	}
	
	.giftPic {
		width: 100%;
    margin-top: 30px;
	}
	
	#giftContainer {
		    flex-direction: column;
    width: calc(100% - 2.5vw);
	}
	
	#giftOverview .topText {
		text-align:center;
		line-height: 25px;
	}
	
	#giftContainer .text {
	    width: calc(100% - 5vw);
    margin-left: 2.5vw;
	}
	
	#giftOverview .subContainer {
    width: calc(100% - 5vw);
	}
	
	#footerTop {
	flex-direction: column;
    padding-top: 30px;
    }
    
    #footerPic {
    margin-left: 0;
    width: 100%;
    }
    
    #footerInfo {
    padding-left: 0;
    min-width: 0;
    width: 100%;
    margin-top: 30px;
    }
    
    .footerData {
        padding: 12px 0;
    }
	
	.footerData img {
	width: 40px;
	margin-left:15px;
	}
	
	.footerText {
       font-weight: 400;
    letter-spacing: 2px;
    margin-left: 20px;
    font-size: 12px;
	}
	
	#footerBottom {
	   margin-top:20px;
	}
	
	#footerBottom .makeGift {
    margin-top: 0;
    padding: 10px 20px;
	}
	
	#footerBottom .bottom {
		font-size:10px;
		
	}
	
	.scrollTitle {
		font-size:24px;
		order:1;
	}
	
	.scrollButton {
		    flex-direction: column;
    align-items: flex-start;
    padding: 0px 25vw;
	}
	
	.scrollButton .discoverButton {
	width:100%;
    padding-bottom: 10px;
    padding-left:0;
	}
	
	.scrollButton .discoverButton .label {
		order:0;
		margin-left:0;
		margin-right:20px;
	}
	
	.scrollButton .discoverButton .discoverLine {
		width:auto;
	}

	
	.valueSmallText {
		font-size: 22px;
	}
	
	.qPic.plus {
    margin-top: 2%;
	}
	
	.qPic.minus {
    margin-top: -14.5%;
	}
	
	#sommelier {
	
	    display: flex;
    	flex-direction: column;
	}
	
	#sommelier .left {
		width:100%; 
	}
	
	#sommelier .right {
		    width: 100%;
    margin-top: 50px;
	}
	
	.valueContainer {
    	min-height: 10vh;
	}
	
	.valueContainer.bigMobile {
    	
	}

	.galleryContainer {
    height: 65vw;
	}
	
	.sliderContainer, .slide {
    	height: 105%;
	    position: relative;
	    top: -2.5%;
	}
	
	.downloadItem {
		justify-content: center;
		position:relative;
	}
	
	.downloadItem.group .downloadTitle {
	left: 50px;
	}
	
	.downloadItem .left {
		align-items: center;
		width: 100%;
		margin-left: 0;
	}
	.downloadTitle {
	    position: absolute;
	    left: -16.5vw;
	    width: 35vw;
	    margin-top: -2.5vw;
	}
	
	.downloadItem.group .downloadTitle {
	left: 50px;
	}
	
	.downloadTitle span {
    font-size: 70px;
    line-height: 70px;
	}
	
	.downloadItem.group .downloadPic {
		    height: 90vw;
	}
	
	.downloadItem.group .downloadPic img {
	    margin-top: -1.5%;
	}
	
	.downloadItem .right {
	    width: auto;
	    position: absolute;
	    right: 5vw;
	    top: -32%;
	}
	
	.downloadButton .circle._1 {
    height: 120px;
    width: 120px;
    background: #DBD3C7;
    border-radius: 50%;
	}
	.downloadButton .circle._1.rera-circle {
		height: 120px;
		width: 120px;
	}
	.downloadButton .circle._2 {
		display:none;
	}
	
	.downloadButton .circle._3 {
    width: 45px;
    height: 45px;
    top: 35px;
    left: -39px;
	}
	
	.downloadIco {
    top: 17px;
    left: 22px;
	}
	
	.downloadButton .button {
    position: absolute;
    top: 53px;
    left: 7px;
  
	
	}
	.downloadButton .button.rera-btn {
		position: absolute;
		top: 40px;
		left: 0;
		height: 35px;
		width: 125px;
		font-family: 'Geometria';
		font-size: 10px;
		font-weight: 600;
		letter-spacing: 2px;
		color: #514641;
		text-align: center;
	}
	
	.fullPic {
	height: 67vw;
	}
	
	
	.fullPic img {
		width: 126%;
	    margin-left: -13%;
	    margin-top: -2.5vw;
	}
	
	.scrollPic {
		height: 67vw;
	}
	
	.scrollPic img {
		margin-top:-2vw;
	}
	
	.gmap {
		height:auto;
		margin-top: 2.5vw;
    margin-bottom: 2.5vw;
    border-width: 2.5vw;
		
	}
	
	.gmapContainer {
		margin-top:0 !Important;
	}
	
	.gmap iframe {
		height: 90vw
	}
	
	.subParagraphTitle br {
		display:none;
	}
	
	.fullContainer.negativeMargin {
    margin-top: 50px;
	}
	
	.bookTitle {
	  position: relative;
    font-size: 30px;
    letter-spacing: 8px;
    top: 0;
    margin-left: 5vw;
	}
	
	.formField label {
    font-size: 11px;
	}
	
	.wpforms-confirmation-container {
    font-size: 24px;
    margin-top: 20px;
	}
	
	.wpforms-container .wpforms-field {
    padding: 9px 0;
	}
	
	.bookContainer {
	    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
	}
	
	.picTitle {
    width: 100%;
	}
	
	.row1,  .row2,  .row3  {
   	 font-size: 32px;
	}
	
	.twoRowTitle {
		width:100%;
	}
	
	.twoRowTitle .row1 {
		 margin-right: 0;
   		 text-align: left;
   		 margin-left: 0;
	}
	
	.twoRowTitle .row2 {
		text-align: left;
		margin-left: 112px;
	}
	
	#hospitality .twoRowTitle .row2 {
   		 text-align: left;
   		 margin-left:30%;
	}
	
	.threeRowTitle .row1 {
		 margin-right: 0;
   		 text-align: left;
	}
	
	.threeRowTitle .row2 {
   		 text-align: left;
   		 margin-left:30%;
	}
	
	.threeRowTitle .row3 {
    text-align: left;
    margin-left: 0;
	}	
	
	#hospitality .twoRowTitle .row2 {
   		 text-align:right;
   		 margin-left:0;
	}
	
	.doublePicSetup .right {
		width:100%;
	}
	
	.doublePicSetup .right .text {
		margin-top: 40px;
	}
	
	.stopScroll {
		margin:0;
	}
	
	
	#aquapetraSticky .left .text {
		margin-top:20px;
	}
	
	.stopScroll .largeContainer {
		flex-direction:column;
	}
	
	.stopScroll .largeContainer .left {
		width:100%;
	}
	
	.stopScroll .largeContainer .right {
		margin-top:30px;
		width:100%;
	}
	
	
	.stopScrollContainer {
	    padding-top: 0;
    padding-bottom: 30px;
	}
	
	/*#hospitality .stopScrollContainer {
	    padding-top: 63px;
    padding-bottom: 0px;
	}*/
	
	
	#melodyText {
	width: 100%;
    max-width: 100%;
    margin-top: 70px;
	}
	
	#art .bookPanel.bWhite {
	background:none !important;
	}
	
	#art .picSetup + .doubleMargin {
		margin-top:0;
	}
	
	.subScrollerContainer {
    height: 36px;
	}
	
	.downloadTitle.wide span {
    width: 100%;
    font-size: 25px;
	}
	
	/*********** STOP SCROLL MOBILE ADAPTATION ***********/
	
	#aquapetraTarget,#artTarget {
	height:400vh;	
	}
	
	.stopScrollPic {
		height:100%;
		width:100%;
	}
	.scrollPicContainer {
		height:58vh;
		width:100%;
		transform:rotateZ(180deg);
	}
	
	.stopScrollPic .mask_top, .stopScrollPic .t_container {
		height:100%;
		width:100%;
		will-change:transform;
	}
	
	.stopScrollPic .mask_top {
		transform-origin:bottom;
	}
	
	.stopScrollPic .t_container {
		transform-origin:top;
	}
	
	
	.stopScrollPic img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	}
	
	.oppositeScrollContainer {
	    height: 100%;
    	transform: rotate(180deg);
	}
	
	
	/************************************/
	
	.picSetup .largeContainer {
		flex-direction: column;
	}
	
	.picSetup .left {
		    width: 100%;
	    order: 1;
	    margin-top: 40px;
	}
	
	.picSetup .right {
		width: 100%;
	    align-items: flex-start;
	}
	
	#aquaspa .picSetup {
	    flex-direction: column;
    	margin-top: 20px;
	}
	
	#aquaspa .picSetup .left {
		order: 0;
	}
	
	#aquaspa .expandedPic {
		margin-top:0;
		width:100%;
	}
	
	#aquaspa .pic._2 {
		margin-top:2.5vw;
	}
	
	#aquaspa #intro .fullPic {
		margin-top:70px;
	}
	
	.picText {
    margin-top: 60px;
    margin-bottom: 70px;
    padding-bottom: 0;
    width:100%;
	}
	
	.mainContainer + .negativeMargin {
		margin-top:0;
	}
	
	#tailoredMenu .mainContainer {
    margin-top: calc(60px + 5vw);
	}
	
	.picText p span, #tailoredMenu .picText h1 {
		 font-size: 30px;
    	line-height: 36px;
	}
	
	.bookPanel {
	    margin-left: 0vw;
    background: none !important;
    padding-left: 5vw;
    padding-right: 5vw;
	}
	
	.sectionRow {
		height:auto;
		margin-top: 30px;
	}
	
	.sectionRow:nth-child(3) {
	margin-top:60px;
	}
	
	.sectionRow .mainContainer {
   	    padding: 40px 0 2.5vw 0;
	}
	
	.sectionRowContainer {
  		flex-direction:column;
	}
	
	.sectionRowPic {
	    width: 100%;
    order: 1;
    height: 50vh;
    margin-top: 60px;	
	}
	
	.sectionRowText {
	width: 100%;
	}
	
	.sectionRowText .text {
		margin-top:30px;
	}
	
	.sectionRowText .discoverButton {
    margin-top: 30px;
	}
	
	#roomsMacro .bigTypo {
   		font-size: 34px;
	}
	
	#roomDetailsContainer .bigTypo {
        font-size: 36px;
    margin-bottom: 20px;
	}
	
	#roomBody {
	margin-top: 90px;
	}
	
	#roomBody .pic {
		height:50vh;
	}
	
	#roomBody .pic img {
	    position: absolute;
	    top: -2.5%;
	    left: 0;
	    width: 100%;
	    height: 105%;
	    object-fit: cover;
	}
	
	#roomDetailsContainer {
	    padding: 0 2.5vw;
    box-sizing: border-box;
	}
	
	#roomDetail {
		margin-top: -100px;
    padding-top: 150px;
    margin-left: -2.5vw;
    width: calc(100% + 5vw);
    padding-bottom: 65px;
	}
	
	.text.highlight {
	font-size: 18px;
    line-height: 32px;
	}
	
	#roomBody + .galleryContainer, #roomBody + .fullPic {
	    margin-top: -50px;
	}
	
	
	#roomServices {
    margin-top: 0;
	}
	
	
	#servicesTitle {
    font-size: 50px;
    font-family: 'Geometria';
    letter-spacing: 20px;
    margin-top: 30px !important;
	}
	
	#servicesList {
		margin-top:25px;
	}
	
	#extrasTitle {
    font-size: 28px;
    letter-spacing: 2px;
	}
	
	#extrasList li {
    font-size: 15px;
    font-family: 'Geometria';
    margin-top: 10px;
    font-weight: 300;
	}
	
	.roomTitle {
   	margin-left: 0;
    font-size: 40px;
    margin-top: 5px;
    display: block;
    top: 0;
	}
	
	.geoTitle {
    font-family: 'Geometria';
    font-size: 28px;
	}
	
	.geoText {
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    margin-top:30px;
	}
	
	.colorPanel {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
    padding-bottom: 13vw;
	
	}
	
	#suitcase {
		margin-top:40px;
		padding-bottom:40px;
	}
	
	#aquaspa .bAquaVelvet .paragraphContainer {
		margin-top: 50px;
	}
	
	.downloadItem.group .top, .downloadItem.group .bottom {
		flex-direction:column;
		margin-top:0;
	}
	
	.downloadItem.group .left, .downloadItem.group .right {
		    right: 0;
    	margin-left: 0;
	}
	
	.downloadItem.group .left, .downloadItem.group .right {
		width:100%;
	}
	
	#events .picText {
    margin-top: 40px;
    margin-bottom: 50px;
	}
	
	
	.galleryContainer .hoverLeft:before, .galleryContainer .hoverRight:before,  .galleryContainer .hoverLeft:after, .galleryContainer .hoverRight:after {
	opacity:1;
	}
	
	.bookDescription {
	display:none;
	}
	
	#experienceOverview {
		display:none;
	}
	
	.expBackground:before {
		width: calc(100% + 5vw) !important;
	}
	
	.experienceSub {
		flex-direction:column;
	}
	
	.experienceSubContainer { 
		width:100%;
		max-width: none;
	}
	
	.controlsBar {
	    position: absolute;
    height: 22px;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 2.5vw;
    box-sizing: border-box;
    align-items: center;
    z-index:1;
	}
	
	.galleryContainer .controlsBar {
		z-index:2;
	}
	
	
	.controlsBar.top_translated {
		transform:translateY(22px);
	}
	
	.show .controlsBar.top_translated, .show.controlsBar.top_translated {
		transform:none;
	}
	
	.controlsBack {
		    background: #514641;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.4;
    z-index: 0;
	}
	
	.advice {
	       z-index: 1;
	    font-family: 'Geometria';
	    font-size: 9px;
	    letter-spacing: 1px;
	    position: absolute;
	    display: flex;
	    align-items: center;
	}
	
	.advice.left {
		left:2.5vw;
	}
	
	.advice.right {
		right:2.5vw;
	}
	
	.advice svg {
	    width: 17px;
    margin-right: 5px;
	}
	
	.bullets {
    height: 9px;
    overflow: hidden;
    display: flex;
    justify-content: center;
	}
	
	.bulletsScroller {
		display: flex;
	    height:7px;
	    margin-top:2px;
	   
	}
	
	.bullets.moving {
	position:relative;
	width:212px;
	}
	
	.bullets.moving .bulletsScroller {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
	}
	
	/*.bullets.moving::after {
    content: '';
    height: 3px;
    width: 3px;
    background: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 4px;
	}
	
	.bullets.moving::before {
    content: '';
    height: 3px;
    width: 3px;
    background: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 4px;
	}
	
	*/

	
	
	
	.bullet {
		    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #FFFFFF;
    margin: 0 2px;
    opacity:0.5;
	}
	
	.bullet.active {
		opacity:1;
		transform:translateY(-2px);
	}
	
	.fullScreenLauncher {
	    width: 15px;
    height: 14px;
    position: absolute;
    left:2.5vw;
	}
	
	
	.fullScreenLauncher .left:before {
		    content: '';
    position: absolute;
    border-top: 1px solid #FFFFFF;
    width: 4px;
    height: 4px;
    border-left: 1px solid #FFFFFF;
	}
	
	.fullScreenLauncher .left:after{
		    content: '';
    position: absolute;
    border-bottom: 1px solid #FFFFFF;
   width: 4px;
    height: 4px;
    border-left: 1px solid #FFFFFF;
    bottom: 0;
	}
	
	
	.fullScreenLauncher .right:before {
		    content: '';
    position: absolute;
    border-top: 1px solid #FFFFFF;
    width: 4px;
    height: 4px;
    border-right: 1px solid #FFFFFF;
    right: 0;
	}
	
	.fullScreenLauncher .right:after{
		content: '';
    position: absolute;
    border-bottom: 1px solid #FFFFFF;
   width: 4px;
    height: 4px;
    border-right: 1px solid #FFFFFF;
    right: 0;
    bottom: 0;
	}
	
	
	.fullScreenCloser {
		    width: 15px;
    height: 14px;
    position: absolute;
    display:none;
    left:2.5vw;
	}
	
	
	.fullScreenCloser .left:before {
	    content: '';
    position: absolute;
    border-bottom: 1px solid #FFFFFF;
    width: 4px;
    height: 4px;
    border-right: 1px solid #FFFFFF;
	}
	
	.fullScreenCloser .left:after{
    content: '';
    position: absolute;
    border-top: 1px solid #FFFFFF;
    width: 4px;
    height: 4px;
    border-right: 1px solid #FFFFFF;
    bottom: 0;
	}
	
	
	.fullScreenCloser .right:before {
    content: '';
    position: absolute;
    border-bottom: 1px solid #FFFFFF;
    width: 4px;
    height: 4px;
    border-left: 1px solid #FFFFFF;
    right: 0;
	}
	
	.fullScreenCloser .right:after{
	    content: '';
    position: absolute;
    border-top: 1px solid #FFFFFF;
    width: 4px;
    height: 4px;
    border-left: 1px solid #FFFFFF;
    right: 0;
    bottom: 0;
	}
	
	.is-fullscreen .fullScreenCloser {
		display:block;
	}
	
	.is-fullscreen .fullScreenLauncher {
		display:none;
	}
	
	.loading {
		width: 13px;
    	height: 13px;
	    z-index: 1;
	    position: absolute;
	    right: 2.5vw;
	    opacity:0;
	}
	
	.loading svg {
	    stroke-dasharray: 40px;
	    animation:spinning 2s cubic-bezier(0.575, 0.005, 0.285, 1.005) infinite;
	    
	}
	
	.loading.show {
		opacity:1;
	}
	
	
	@keyframes spinning {
		0%   { stroke-dashoffset: 0; }
  		50% { stroke-dashoffset: 40; }
  		100% { stroke-dashoffset: 80; }
	}	
	
	
	.adviceBar {
	width: 100%;
    position: absolute;
    top: 0;
    height: 22px;
    display: flex;
    align-items: center;
    transform:translateY(-22px);
	}
	
	.adviceBar .advice {
	 width: 100%;
    justify-content: center;
        text-align: center;
	}
	
	.is-fullscreen .adviceBar {
		transform:translateY(0);
	}

}

@media all and (max-width:959px) and (orientation: landscape) {
	.is-fullscreen .adviceBar {
		 transform:translateY(-22px);
	}
}
#popup {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
}
#popup iframe, #popup video {
    width: 45%;
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 20%;
    background: #f2f2f2;
    padding: 15px;
}

#popup .panel-footer {
	position: absolute;
	top: 17%;
	right: 26%;
}

.popup-overlay {
	position: relative;
}

.popup-overlay:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #000000ba;
}
#popup #close {
	background: transparent;
	border: none;
	cursor: pointer;
}

#popup #close img {
	width: 25px;
}
@media screen and (max-width:1440px) {
	#popup iframe, #popup video {
		width: 45%;
		text-align: center;
		margin: 0 auto;
		display: block;
		position: relative;
		top: 21%;
		background: #f2f2f2;
		padding: 15px;
		height: 50%;
	}
}
@media screen and (max-width:767px) {
	#popup iframe, #popup video {
		width: 85%;
		text-align: center;
		margin: 0 auto;
		display: block;
		position: relative;
		top: 25%;
		background: #f2f2f2;
		padding: 5px;
		height: 30%;
	}
	#popup .panel-footer {
		position: absolute;
		top: 21%;
		right: 0;
	}

	.homepage #coverPicture video.fit.hidden {
		margin-left: 0;
		width: 100%;
		height: 50%;
	}
	#index .fit.home-cover-img {
		height: 45%;
	}
	.homepage #top {
		height: 45vh;
	}
}

#roomsWidget .custom_topText.mt-100 {
    margin-top: -100px;
}
.mb-8vh{
	margin-bottom: 10vh;
}
.glareRoom {
	background:#ccc1b0;
}
.dreamRoom {
	background:#c2ae93;
}
.honourRoom {
	background:#c8b9a7;
}
.gloryRoom {
	background:#ada992;
}
.grandRoom {
	background:#a19688b0;
}
.prideRoom {
	background:#c6a57a;
}
.joyRoom {
	background:#cbcac6;
}
.luxuriaRoom {
	background:#ab9882;
}
.luxuriaRoom2 {
	background:#b0a2a5;
}

#Product_Inquiry input {
    padding-bottom: 22px;
}

#Product_Inquiry textarea { padding-bottom: 40px; }

select.input-group {
    display: block;
    width: 100%;
    padding: 10px 0;
    border: none;
    border-bottom: 1px solid #000;
	background-color: transparent;
}

#Product_Inquiry input::placeholder, #Product_Inquiry textarea::placeholder {
    font-size: 17px;
}