.topButtons{
    display: flex !important;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.topButtons>div{
    top:0 !important;
    width:auto !important;
    position: relative !important;
    left:0 !important;
    background-color: transparent !important;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: normal !important;
    height: 97px !important;
    color:#fff !important;
    cursor:pointer !important;
    border:none !important;
    padding:0 24px !important;
}

.googleMapCloseButton{
    border:none !important;
    cursor:pointer !important;
    top:20px !important;
    height: 40px !important;
    padding:0 24px !important;
    width:auto !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.googleMapCloseButton > div{
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    height: auto !important;
    line-height: 2 !important;
}
.googleMapCloseButton .svgIcon{
    margin-left: 5px;
    margin-top: 3px;
}
.topButtons>div *{
    flex:auto 0 0;
}
.topButtons .menuButton{
    margin-right: auto;
    margin-left: 16px;
}
.topButtons .shareButton{
    margin-right: 16px;
    width:15px !important;
    transition-timing-function: var(--transitionHeart) !important;
}
.shareButton>img{
    width:15px !important;
    height: 15px !important;
    left:50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
}
.topButtons>.ggskin_text>div:first-child{
    width:auto !important;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.1875rem;
    text-transform: uppercase;
    position: relative !important;
    height: auto !important;
    pointer-events: none !important;
    transform-origin: center;
    transition: all 0.2s ease;
}
.topButtons>div:not(.menuButton):not(.mainMenuBookButton):hover>div:first-child{
    transform: translateY(5%) scale(110%) !important;
}

/* Menu Button Icon */
.menuButton svg{
    margin-left: 5px;
    width:18px;
    height: 18px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
.menuButton svg rect{
    fill: #fff;
}
.menuButton svg rect, .menuButton svg g{
    transition: all 0.3s var(--transitionJump);
    transform-origin: center;
}
.menuButton svg #close{
    transform: scale(0);
}
.menuButton:hover svg #open rect:nth-child(1){
    transform-origin: left;
    transform: scaleX(50%);
}
.menuButtonClose svg #close{
    transform: scale(100%);
}
.menuButtonClose svg #close rect:nth-child(1){
    transform: rotate(45deg);
}
.menuButtonClose svg #close rect:nth-child(2){
    transform: rotate(-45deg);
}
.menuButtonClose svg #open{
    transform: scale(0%) !important;
}
.menuButtonClose:hover svg #close rect{
    transform: rotate(0deg);
}

/* Main menu buttons */
.mainMenuBookButton{
    margin-right: 79px;
}
.mainMenuBookButton>div{
    z-index: 1;
    transition: color 0.3s ease;
    color:#000;
}
.mainMenuBookButton::before, .mainMenuBookButton::after{
    content: "";
    position: absolute;
    width:100%;
    height:55px;
    left:0;
    background-color: #fff;
    transform-origin: left;
    transition:transform 0.3s ease-in-out;
    pointer-events: none;
}
.mainMenuBookButton::after{
    left:auto;
    background-color: #3384AD;
    right:0;
    transform-origin: top;
    transform: scaleY(0%);
}
.mainMenuBookButton:hover>div{
    color:#fff;
}
.mainMenuBookButton:hover::after{
    transform: scale(100%);
}




/* old */
.bookButtonMobile{
	/*16px*/
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	color:#3384AD;
	background-color: #FFF;
	width: calc(100% - 48px);
	text-align: center;
	padding: 11px 0;
	margin-top: 30px;
	margin-bottom: 28px;
	margin-left: 24px;
}
.bookButton{
	/*13px*/
	font-size: 0.813rem !important;
	background-size: 100% 200% !important;
	background-image: linear-gradient(to bottom, #b6121b 50%, var(--colorWhite) 50%) !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.bookButton:hover{
	color: #b6121b !important;
	background-color: var(--colorBlue) !important;
	background-position: 0% 100% !important;
}
.menuIcon path {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.buttonDisable{
    pointer-events: none !important;
    opacity: 0.5 !important;
}


.mobBottomButtonsContainer{
    display: flex !important;
    align-items: flex-end;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
}
.mobBottomButtonsContainer > div{
    position: relative !important;
    width:100% !important;
    top: auto !important;
    left:0 !important;
    white-space: normal !important;
    height: 53px !important;
    cursor:pointer !important;
    border:none !important;
    text-transform: uppercase;
    font-size: 0.813;
    font-weight: 600 !important;
}
.mobBottomButtonsContainer>div *{
    display: flex;
    justify-content: center;
    align-items: center;
}