@charset "utf-8";

/* CSS Document */

/* @import "font-awesome.css"; */
/* @import url('https://fonts.googleapis.com/css?family=Tangerine:400,700'); */

html,
body,
div,
span,
applet,
object,
iframe,

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,

a,
abbr,
acronym,
address,
big,
cite,
code,

del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,

small,
strike,
strong,
sub,
sup,
tt,
var,

b,
u,
i,
center,

dl,
dt,
dd,
ol,
ul,
li,

fieldset,
form,
label,
legend,

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,

article,
aside,
canvas,
details,
embed,

figure,
figcaption,
footer,
header,
hgroup,

menu,
nav,
output,
ruby,
section,
summary,

time,
mark,
audio,
video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}

article,
aside,
details,
figcaption,
figure,

footer,
header,
hgroup,
menu,
nav,
section,
main {

    display: block;

}

ol,
ul {

    list-style: none;

}

blockquote,
q {

    quotes: none;

}

blockquote:before,
blockquote:after,

q:before,
q:after {

    content: '';

    content: none;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

*,
*::after,
*::before {

    box-sizing: border-box;

}

::selection {

    background: #076bdd;
    color: #fff;

}

::-moz-selection {

    background: #076bdd;
    color: #fff;

}

.scrollup {

    position: fixed;

    z-index: 9999;

    bottom: 15px;

    float: right;

    right: 15px;

    width: 30px;

    height: 30px;

    text-align: center;

    display: none;

    color: #fff;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    background: url(../images/top.png) center center no-repeat;

}


#loader {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #f7f7f7;

    z-index: 999999999;

    height: 100%;

}

#status {

    width: 200px;

    height: 200px;

    position: absolute;

    left: 50%;

    top: 50%;

    background-image: url(../images/loadin.html);

    background-repeat: no-repeat;

    background-position: center;

    margin: -100px 0 0 -100px;

}

.preloader {

    background: #fff url(../images/loaders/1.svg) center center no-repeat;

}

body {

    width: auto;

    margin: 0;

    border: 0;

    font-family: 'Conduit ITC';

}

img {

    max-width: 100%;

    vertical-align: middle;

    border: 0;

}

.clearfix:after {

    display: block;

    visibility: hidden;

    overflow: hidden;

    clear: both !important;

    content: ".";

    line-height: 0;

    height: 0;

}

.clearfix {

    display: inline-block;

}

html[xmlns] .clearfix {

    display: block;

}

*html .clearfix {

    height: 1%;

}

.clear {

    clear: both !important;

}

.left {

    float: left;

}

.right {

    float: right;

}

p {

    color: #515a55;

    line-height: 24px;

    font-size: 18px;

    margin: 15px 0;

    font-weight: 300;

    font-family: 'Conduit ITC';

}

p strong {

    color: #000;

    font-weight: 500;

}

p span {

    color: #0072bc;

}

a {

    color: #8b1618;
    text-decoration: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

a:hover {

    text-decoration: underline;

}

/*table

{ 

	color: #000;

    line-height: 24px;

    font-size: 16px;

}

table strong

{ 

	color:#2b9e01;

}

tr

{

	border:solid 1px #F2F2F2;

}

td

{

	padding:8px 15px;

	border:solid 1px #F2F2F2;

}

td.h3

{ 

	color:#fff;

	background:#f86b26;

	margin:0;

	text-transform:uppercase;

	font-size:18px;

	padding:12px 15px;

}*/

ul.list {

    padding: 0;

    margin: 0;

    list-style: none;

}

ul.list li {

    margin-left: 30px;

    line-height: 28px;

}

ul.list li strong {

    color: #000;

}

ul.list li span {

    color: #2d3091;

}

ul.list-center {

    padding: 0;

    margin: 15px 0;

    list-style: none;

    text-align: center;

}

ul.list-sitemap {

    padding: 10px 0 30px 0;

    margin: 15px 0;

    list-style: none;

    text-align: center;

    border-bottom: solid 1px #000;

}

ul.list-center li {

    color: #515a55;

    line-height: 24px;

    font-size: 18px;

    font-weight: 300;

    list-style: none;

    position: relative;

}

ul.list-sitemap li {

    color: #999999;

    line-height: 28px;

    font-size: 16px;

    font-weight: 300;

    font-style: italic;

    list-style: none;

    position: relative;

}

ul.list-sitemap li a {

    font-style: normal;

    text-transform: uppercase;

}

ul.list-center li:before {

    content: " ";

    position: absolute;

    top: 9.4px;

    width: 4px;

    height: 4px;

    background: #515a55;

    border-radius: 50%;

    margin-left: -10px;

}

ul.list-sitemap li:before {

    content: " ";

    position: absolute;

    top: 12px;

    width: 4px;

    height: 4px;

    background: #efc24c;

    border-radius: 50%;

    margin-left: -10px;

}

h1,
h2,
h3 {

    color: #2a2f27;

    margin: 15px 0;

    font-weight: 400;

}


.header {

    position: relative;

}

.section {

    position: relative;

}

.anchor-section {
    position: absolute;
    top: -75px;
}


.nav-shrink {

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.nav-shrink.header-top {

    position: fixed;

    background: #fff;

    box-shadow: 0px 0px 30px #A4A4A4;

    z-index: 999;

    padding: 10px 50px;

    width: 100%;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.nav-shrink.header-top h1 {

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.nav-shrink.header-top h1.white {

    display: none;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.nav-shrink.header-top h1.white img {

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

    max-width: 93px;

}

.nav-shrink.header-top h1.color {

    display: block;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.nav-shrink.header-top h1.color img {

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

    max-width: 100px;

    border-radius: 5px;

}

.nav-shrink .weather p {

    color: #000;

}

.nav-shrink .weather {

    background: url(../images/cloud-black.svg) right center no-repeat;

    background-size: contain;

    margin: 19px 110px 19px 0;

}

.nav-shrink #nav-trigger .nav-top,
.nav-shrink #nav-trigger .nav-middle,
.nav-shrink #nav-trigger .nav-bottom {

    background: #000;

}

.nav-shrink #nav-trigger span {

    color: #000;

}

.nav-shrink .nav-active+#nav-trigger .nav-top,

.nav-shrink .nav-active+#nav-trigger .nav-bottom {

    background: #fff;

}

.nav-shrink #nav-trigger {

    top: 30px;

}

.nav-shrink .nav-active+#nav-trigger {

    top: 54px;

}

.header-top {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    padding: 20px 50px;

    z-index: 999;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

    width: 100%;

}

.header-nav {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    padding: 20px 50px;

    z-index: 999;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

    width: 100%;

}

.header-top h1,
.header-nav h1 {

    margin: 0;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.header-top h1.white,
.header-nav h1.white {

    display: block;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.header-top h1.white img {

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

    max-width: 100px;

    border-radius: 5px;

}

.header-top h1.color {

    display: none;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.header-top h1.color img {

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

    max-width: 93px;

}

.weather {

    background: url(../images/cloud.svg) right center no-repeat;

    background-size: contain;

    margin: 33px 110px 33px 0;

}

.weather-nav {

    background: url(../images/cloud.svg) right center no-repeat;

    background-size: contain;

    margin: 33px 110px 33px 0;

}

.weather p,
.weather-nav p {

    color: #fff;

    font-size: 14px;

    font-weight: 400;

    padding-right: 40px;

    margin: 0;

    line-height: 22px;

}

.bounce {

    position: absolute;

    bottom: 150px;

    left: 0;

    right: 0;

    margin: auto;

    width: 40px;

    height: 40px;

    text-align: center;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    border-radius: 50%;

    animation: bounce 2s infinite;

    -webkit-animation: bounce 2s infinite;

    -moz-animation: bounce 2s infinite;

    -o-animation: bounce 2s infinite;
    cursor: pointer;

    z-index: 99;

}

.bounce a {

    color: #fff;

    text-transform: uppercase;

    font-size: 13px;

    text-decoration: none;

}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-20px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }

}

@-moz-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-20px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }

}

@-o-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-20px);
    }

    60% {
        -o-transform: translateY(-15px);
    }

}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-20px);
    }

    60% {
        transform: translateY(-15px);
    }

}

.fake {

    padding: 14px;

}

.reservation-home {
    color: #fff;
    background: #fff;
    padding: 10px;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 65%;
    margin: auto;
}

.reservation-home::-webkit-input-placeholder,
.reservation-home::-moz-placeholder,
.reservation-home:-ms-input-placeholder,
.reservation-home:-moz-placeholder {

    color: #000;

    font-family: 'Conduit ITC';

    font-size: 18px;

}

.reservation-home input[type=text] {

    padding: 12px 12px;

    width: 100%;

    border: solid 1px #000;

    outline: 0;

    position: relative;

    background: #fff;

    color: #000;

    font-family: 'Conduit ITC';

    font-size: 15px;

    font-weight: 300;

}

.reservation-home-button {
    background: #000;
    border: none;
    padding: 12px 30px;
    outline: 0;
    color: #fff;
    width: 19%;
    float: left;
    margin: 0.5%;
    text-transform: uppercase;
    font-weight: 100;
    cursor: pointer;
    font-size: 17px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-family: 'Conduit ITC';
}

.reservation-home-button:hover {

    background: #311d1b;
    color: #ffffff;

}

.date-home {
    position: relative;
    float: left;
    width: 18%;
    margin: 0.5%;
}

.date-home span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 35px;
    height: 43px;
    padding: 12px 8px;
    cursor: pointer;
    border-left: solid 1px #000;
}

.date-home span:hover {
    background: #efc24c;
}

.date-home span:hover:after {
    background: #efc24c;
    border: solid 2px #fff;
}

.date-home span:hover:before {
    background: #fff;
}

.date-home span:after {
    content: " ";
    width: 15px;
    height: 15px;
    background: #fff;
    border: solid 2px #000;
    display: block;
}

.date-home span:before {
    content: " ";
    width: 15px;
    height: 2px;
    margin-bottom: 2px;
    background: #000;
    display: block;
}

.select {
    position: relative;
    float: left;
    width: 13%;
    margin: 0.5%;
}

.selectholder {
    clear: both;
    width: 100%;
    background: #fff;
    border: solid 1px #000;
    color: #000;
    font-family: 'Conduit ITC';
    font-size: 16px;
    font-weight: 300;
    padding: 2px 0;
    height: 48px;
    -o-transition: .1s ease-out;
    -ms-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -webkit-transition: .1s ease-out;
    transition: .1s ease-out;
    cursor: pointer;
}

.selectholder .desc {
    display: inline-block;
    vertical-align: middle;
    padding-left: .8em;
    line-height: 2.4em;
}

.selectholder .pulldown {

    float: right;

    vertical-align: middle;

    width: 16px;

    margin-right: 10px;

    height: 100%;

    background-image: url(../images/down.svg);

    background-position: center center;

    background-size: contain;

    background-repeat: no-repeat;

    -o-transition: .1s ease-out;

    -ms-transition: .1s ease-out;

    -moz-transition: .1s ease-out;

    -webkit-transition: .1s ease-out;

    transition: .1s ease-out;

}


.selectholder .selectdropdown {

    position: absolute;

    top: 42px;

    left: 0;
    right: 0;

    background: #fff;

    color: #000;

    display: none;

    clear: both;

    border: solid 1px #000;
    z-index: 999;

}

.selectholder .selectdropdown span {

    display: block;

    border-bottom: solid 1px #000;

    padding-left: .8em;

    line-height: 2.4em;

    width: 100%;

    -o-transition: background-color .1s ease-out;

    -ms-transition: background-color .1s ease-out;

    -moz-transition: background-color .1s ease-out;

    -webkit-transition: background-color .1s ease-out;

    transition: background-color .1s ease-out;

}

.selectholder .selectdropdown span:last-child {

    border-bottom: none;

}

.selectholder .selectdropdown span.active {

    background-color: #efc24c;

}

.selectholder .selectdropdown span:hover {

    background-color: #efc24c;

}

.reservation-link {

    float: right;

    width: 14%;

    padding: 14px 0;

}

.reservation-link a {



    font-size: 16px;

    font-weight: 100;

    display: block;

    line-height: 16px;

    text-decoration: none;

}

.reservation-link a:hover {

    color: #000;

}

.banner {

    position: relative;

    height: 100vh;

}

.section-home {

    position: relative;

    text-align: center;

    padding: 50px;

}

.section-home h2 {

    font-family: 'Didot';

    color: #000;

    font-size: 40px;

    text-transform: uppercase;

    font-weight: 400;

    margin: 0;

}

.section-home h3 {

    font-family: 'Didot';

    color: #2d1b1a;

    font-size: 26px;

    font-weight: 500;

}

.section-scroll {

    padding: 0 50px 0px 50px;

}

.slider-img {

    position: relative;

}

.slider-img a {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    display: inline-block;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 17px;

    padding: 16px 0;

    width: 200px;

    height: 50px;

    font-weight: 100;

    opacity: 0;

    text-align: center;

    text-decoration: none;

}

.section-scroll-slider:hover .slider-img a {

    opacity: 1;

}

.slider-img a:hover {

    background: #851336;

}

.slider-text {

    position: relative;

    top: -22px;

    background: #fff;

    margin: 0 15px;

    padding: 15px 15px 15px 15px;

}

.slider-text h3 {

    font-family: 'Didot';

    color: #000;

    font-size: 22px;

    text-transform: uppercase;

    font-weight: bold;

    margin: 0;

}

.slider-text p {

    text-align: left;

    margin-top: 0;

}

.stay-with-us {

    width: 100%;

    height: 630px;

    position: relative;

    overflow: hidden;

    background: url(../images/chennai.gif) center center no-repeat;

    background-size: cover;

}

.stay-with-us:after {

    content: " ";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.4);

    z-index: 9;

}

.stay-with-us:before {

    content: " ";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 80px;

    background: #fff;

    z-index: 99;

}

/*.stay-with-us:before

{

	content:" ";

	position:absolute;

	top:0;

	right:0;

	width:180px;

	height:180px;

	background:url(../images/logo-icon.jpg) center center no-repeat;

	z-index:8;

}

*/
.container-video {

    height: 800px;

}

.stay-with-us-text {

    margin-top: 60px;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    display: table;

    margin: auto;

    text-align: center;

    z-index: 99;

    padding: 0 20px;

}

.stay-with-us-text>div {

    display: table-cell;

    vertical-align: middle;

}

.stay-with-us-text h2 {

    font-family: 'Tangerine', cursive;

    color: #fff;

    font-weight: 700;

    font-size: 80px;

    margin-top: 80px;

}

.stay-with-us-text h3 {

    font-family: 'Didot';

    color: #fff;

    font-size: 28px;

    font-weight: 600;

    text-transform: uppercase;

}

.stay-with-us-text a {

    font-size: 42px;

}



.section-tabs {

    margin: 25px 50px;

}

.section-tabs-inner {

    padding: 25px 0;

}

.section-tabs-inner-img {

    width: 70%;

}

.section-tabs-inner-img img {

    width: 100%;

}

.section-tabs-inner-text {

    width: 26%;

    padding-top: 6%;

}

.section-tabs-inner-text p {

    color: #000;

    font-size: 16px;

    font-weight: 100;

}

.section-tabs-inner-text h2 {

    font-family: 'Didot';

    color: #000;

    font-size: 60px;

    line-height: 53px;

    font-weight: bold;

}

.section-tabs-inner-text a {

    display: inline-block;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    padding: 10px 30px;

    margin-top: 20px;

    text-decoration: none;

    font-weight: 100;

}

.book-now {
    margin: 0 auto;
    display: table;
}

.book-now a {

    display: inline-block;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    padding: 10px 30px;

    margin-top: 20px;

    text-decoration: none;

    font-weight: 100;

}

.book-now a:hover {

    background: #311d1b;
    color: #ffffff !important;

}


.section-tabs-inner-text a:hover {

    background: #311d1b;
    color: #ffffff !important;

}

.section-bottom {

    padding: 0 45px 0 45px;

    position: relative;

    z-index: 99;

}

.section-bottom-inner {

    position: relative;

    width: fit-content !important;

    border: solid 5px #fff;

    padding-bottom: 5px;

}

.section-bottom-inner a {

    display: block;

    position: relative;

}

.section-bottom-inner a:after {

    content: " ";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: rgba(0, 0, 0, 0.3);

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

}

.section-bottom-inner a:hover:after {

    background: rgba(0, 0, 0, 0.5);

}

.section-bottom-inner a>div {

    display: table;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

    height: 100%;

    width: 80%;

    z-index: 999;

}

.section-bottom-inner a>div h2 {

    font-family: 'Didot';

    color: #fff;

    font-size: 68px;

    line-height: 68px;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

    display: table-cell;

    vertical-align: middle;

}

.footer-inner {

    padding: 50px 50px 20px 50px;

}

.footer-inner a {

    color: #000;

}

.footer-inner a:hover {

    text-decoration: underline;

    color: #efc24c;

}

.footer-top {

    background: #000;

    padding: 90px 50px 80px 50px;

}

.footer-top h2 {

    margin: 0;

    width: 60%;

    font-family: 'Didot';

    color: #fff;

    font-size: 35px;

    line-height: 20px;

    font-weight: bold;

}

.footer-top h2 small {

    font-family: 'Conduit ITC';

    font-size: 18px;

    font-weight: 300;

}

.newsletter {

    width: 38%;

}

.newsletter::-webkit-input-placeholder,
.newsletter::-moz-placeholder,
.newsletter:-ms-input-placeholder,
.newsletter:-moz-placeholder {

    color: #4f4f4f;

    font-family: 'Conduit ITC';

    font-size: 18px;

}

.newsletter input[type=email] {
    padding: 15px 16px;
    box-sizing: border-box;
    width: 70%;
    float: left;
    border: none;
    background: none;
    outline: 0;
    position: relative;
    background: #fff;
    color: #4f4f4f;
    font-family: 'Conduit ITC';
    font-size: 16px;
    font-weight: 300;
}

.newsletter-button {

    /* background: #900028 url(../images/submit.jpg) center center no-repeat; */

    background: #311d1b;

    border: none;

    padding: 15px 0;

    float: left;

    width: 30%;

    outline: 0;

    color: #fff;

    text-transform: uppercase;

    font-weight: 300;

    cursor: pointer;

    font-family: 'Conduit ITC';

    font-size: 16px;

}

.footer-inner h3 {

    margin-top: 0;

    color: #7d7d7d;

    font-weight: 400;

    font-size: 18px;

    position: relative;

}

.footer-nav {

    width: 22%;

    margin-right: 60px;

}

.footer-nav ul {

    padding: 0;
    margin: 0;
    list-style: none;
    display: inline;

}


.footer-nav ul li a {

    color: #000;

    display: inline-block;

    font-size: 17px;

    font-weight: 300;

    line-height: 22px;

    position: relative;

}

.footer-nav ul li a:hover {

    color: #efc24c;

    text-decoration: underline;

}

.footer-nav p:first-of-type,
.addresss p:first-of-type {

    margin-top: 0;

}

.footer-nav p,
.addresss p {

    color: #000;

    font-size: 17px;

    position: relative;

}

.footer-nav p strong {

    color: #900028;

}

a.pay-to-hotel {

    display: inline-block;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 100;

    padding: 12px 40px;

}

a.pay-to-hotel:hover {

    background: #efc24c;

    color: #fff;

    text-decoration: none;

}


.social-icon-footer {

    position: relative;

}

.social-icon-footer a {

    color: #000;

    font-size: 26px;

    display: block;

    float: left;

    margin-right: 20px;

}

.social-icon-footer a:hover {

    opacity: 0.8;

}

.footer-bottom {

    padding: 80px 50px 80px 50px;

}

.footer-bottom p {

    margin: 0;

    color: #000;

    font-size: 15px;

    position: relative;

}

.footer-bottom a {

    color: #000;

}

.footer-bottom a:hover {

    text-decoration: underline;

    color: #efc24c;

}

.section-pages,
.section-pages-other {

    text-align: center;

    padding: 50px;

}

.section-pages h2,
.section-pages-other h2 {

    font-family: 'Didot';

    color: #000;

    font-size: 40px;

    font-weight: 400;

    margin: 0;

    text-transform: uppercase;

}

.section-pages h3,
.section-pages-other h3 {

    font-family: 'Didot';

    color: #000;

    font-size: 24px;

    font-weight: 500;

}

.section-pages-link {

    text-align: center;

    margin-bottom: 50px;

}

.section-pages-link-margin {

    margin-top: 30px;

    margin-bottom: 0;

}

.section-pages-link a {

    color: #000;

    margin: 0 25px;

    font-size: 17px;

    font-weight: 100;

}

.section-pages-link a:hover {

    text-decoration: none;

    color: #efc24c;

}

.section-pages-link a.active {

    text-decoration: underline;

    color: #000;

}


a.link-page {

    display: inline-block;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 17px;

    padding: 10px 30px;

    margin: 10px 0;

    font-weight: 100;

    text-decoration: none;

}

a.link-page:hover {

    background: #efc24c;

}

a.link-tranparent {

    display: inline-block;

    color: #3d3d3d;

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 100;

    padding: 10px 30px;

    margin: 10px 0;

    text-decoration: none;

}

a.link-tranparent:hover {

    color: #851336;

}

.reservation strong {

    position: relative;

    padding-right: 5px;

    color: #000;

}

.reservation strong:after {

    content: " ";

    position: absolute;

    top: 3px;

    right: 0;

    width: 1px;

    height: 16px;

    background: #8b1618;

}

.map {

    margin-top: 30px;

    position: relative;

}

#mack-map {

    width: 100%;

    background-color: #fff;

}

.map-address {

    position: absolute;

    top: 46px;

    left: 0;

    right: 0;

    width: 250px;

    background: #fff;

    box-shadow: 0px 0px 8px #cbcbcb;

    border-radius: 2px;

    padding: 15px 30px;

    z-index: 99;

    margin: auto;

}

.map-address:before {

    bottom: -7px;

    left: 0;

    right: 0;

    margin: auto;

    content: " ";

    height: 16px;

    width: 16px;

    background: #fff;

    box-shadow: 1px 2px 3px #cbcbcb;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    position: absolute;

}

.map-address a {

    display: inline-block;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 17px;

    padding: 12px 30px;

    margin: 10px 0;

    font-weight: 100;

    text-decoration: none;

}

.map-address a:hover {

    background: #efc24c;

}

.gallery-page {

    width: 1000px;

    margin: auto;

    text-align: center;

}

.image-gallery {

    text-align: center;

}

.gallery-page ul,
.image-gallery ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

.gallery-page ul li,
.image-gallery ul li {

    list-style: none;

    display: inline-block;

    width: 49%;

    box-sizing: border-box;

    border-color: transparent;

    position: relative;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    text-align: center;

    border: solid 10px #fff;

}

.gallery-page ul li img,
.image-gallery ul li img {

    background: #fff;

}


.gallery-page ul li .text,
.image-gallery ul li .text {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    bottom: 0;

    margin: auto;

    display: table;

    text-align: center;

    box-sizing: border-box;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    z-index: 99;

}

.gallery-page ul li .text>div,
.image-gallery ul li .text>div {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}


.gallery-page ul li .text h3,
.image-gallery ul li .text h3 {

    color: #fff;

    margin: 0 0;

    font-size: 30px;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    padding: 0 20px;

    font-family: 'Didot';

}

.gallery-page ul li:hover .text h3,
.image-gallery ul li:hover .text h3 {

    opacity: 1;

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    transform: translateY(-10px);

}

.gallery-page ul li .text button,
.image-gallery ul li .text button {



    opacity: 0;

    font-size: 18px;

    font-weight: 300;

    color: #fff;

    background: none;

    border: none;

    cursor: pointer;

    font-family: 'Conduit ITC';

    outline: 0;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.gallery-page ul li:hover .text button,
.image-gallery ul li:hover .text button {

    opacity: 1;

    text-decoration: underline;

}

.gallery-page ul li .cover,
.image-gallery ul li .cover {

    position: absolute;

    width: 100%;

    height: 100%;

    opacity: 0;

    background: #000;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    z-index: 99;

    opacity: 0.3;

}

.gallery-page ul li:hover .cover,
.image-gallery ul li:hover .cover {

    background: #000;

    opacity: 0.6;

}

.rooms {

    border-top: solid 1px #000;

    margin: 20px 0 0 0;

}

.rooms-inner {

    margin: 50px 0 0 0;

}

.rooms-inner-img {

    width: 60%;

}

.rooms-inner-text {

    width: 42%;

    text-align: left;

    padding: 0 50px 50px 50px;

    position: absolute;

    background: #fff;

}

.club-room {

    right: 50px;

}

.eva-room {

    left: 50px;

}

.luxury-room {

    right: 50px;

}

.deluxe-room {

    left: 50px;

}

.presidential-suite-room {

    right: 50px;

}

.luxury-suite-room {

    left: 50px;

}

.rooms-inner-text h3 {

    font-family: 'Didot';

    color: #000;

    font-size: 22px;

    font-weight: bold;

    margin: 0;

    text-transform: uppercase;

}

.special-offer-link {

    text-align: center;

    margin-top: 50px;

}

.special-offer-link h3 {

    font-family: 'Didot';

    color: #efc24c;

    font-size: 22px;

    font-weight: 600;

    margin: 0 0 30px 0;

}

.special-offer-link a {

    color: #fff;

    background: #000;

    margin: 0 1px;

    font-weight: 100;

    font-size: 17px;

    display: inline-block;

    padding: 10px 41.5px;

}

.special-offer-link a:hover {

    text-decoration: none;

    background: #efc24c;

}

.special-offer-link a.active {

    text-decoration: none;

    background: #efc24c;

}

.share {

    text-align: center;

    margin: 15px 0;

}

.share button {

    display: inline-block;

    font-size: 12px;

    font-weight: 600;

    color: #fff;

    border: none;

    padding: 6px 8px;

    border-radius: 2px;

    outline: 0;

    cursor: pointer;

    margin: 0 5px;

}

.share button i {

    font-size: 16px;

    margin: 0 3px 0 0;

}

.share button:first-of-type {

    background: #3b5998;

}

.share button:nth-of-type(2) {

    background: #00aced;

}

.share button:nth-of-type(3) {

    background: #dd4b39;

}

.special-offers {

    border: solid 1px #e2e2e2;

    position: relative;

    width: 900px;

    height: 350px;

    margin: 30px auto 0 auto;

}

.special-offers-text {

    padding: 30px;

    width: 60%;

    text-align: left;

}

.special-offers-text h3 {

    margin-top: 0;

}

.special-offers-text h3 a {

    font-family: 'Didot';

    color: #000;

    font-size: 26px;

}

.special-offers-text h3 a:hover {

    color: #f5c13d;

    text-decoration: none;

}

.special-offers-text .special-nav {

    position: absolute;

    bottom: 30px;

}

.special-offers-text .special-nav a {

    color: #fff;

    background: #000;

    margin: 0 1px;

    font-weight: 100;

    display: inline-block;

    padding: 10px 30px;

    text-transform: uppercase;

    font-size: 17px;

}

.special-offers-text .special-nav a:hover {

    text-decoration: none;

    background: #efc24c;

}

.special-offers-img {

    width: 40%;

    height: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    background-position: 50% 50%;

    background-size: cover;

    background-repeat: no-repeat;

    right: 0;

}

.special-additional {

    position: relative;

    margin-top: 50px;

}

.special-additional-content {

    width: 65%;

}

.special-additional-content a {

    color: #fff;

    background: #000;

    margin: 0 1px;

    font-size: 17px;

    font-weight: 100;

    display: inline-block;

    padding: 10px 30px;

    text-transform: uppercase;

}

.special-additional-content a:hover {

    text-decoration: none;

    background: #efc24c;

}

.special-additional-content>div {

    display: table-cell;

    vertical-align: middle;

}

.special-additional-img {

    width: 33%;

    padding-top: 15px;

}

.special-additional-img img {

    width: 100%;

}

.group-form {

    margin-top: 50px;

}

.group-form h4 {

    font-family: 'Didot';

    color: #000;

    font-size: 24px;

    font-weight: 500;

    text-align: left;

    padding-bottom: 8px;

    border-bottom: solid 1px #e5e5e5;

}

.group-form-inner {

    margin: 30px 0;

}

.group-form-inner p {

    margin: 0;

}

.group-form-inner label {

    float: left;

    width: 40%;

    text-align: right;

    color: #515a55;

    font-size: 18px;

    font-weight: 300;

    font-family: 'Conduit ITC';

    padding-right: 20px;

    line-height: 44px;

    margin: 5px 0;

}

.group-form-inner label span {

    color: #FF3300;

}

.group-form-inner input[type=text],
.group-form-inner input[type=email],
.group-form-inner input[type=file],
.group-form-inner input[type=number] {

    padding: 12px 12px;

    width: 300px;

    border: solid 1px #e5e5e5;

    outline: 0;

    position: relative;

    background: #fff;

    color: #515a55;

    font-size: 18px;

    font-weight: 300;

    font-family: 'Conduit ITC';

    float: left;

    margin: 5px 0;

    position: relative;

}

.group-form-inner textarea {

    padding: 12px 12px;

    width: 300px;

    border: solid 1px #e5e5e5;

    outline: 0;

    position: relative;

    background: #fff;

    color: #515a55;

    font-size: 18px;

    font-weight: 300;

    font-family: 'Conduit ITC';

    float: left;

    margin: 5px 0;

    position: relative;

}

.select-group {

    padding: 12px 12px;

    width: 300px;

    border: solid 1px #e5e5e5;

    outline: 0;

    position: relative;

    background: #fff;

    color: #515a55;

    font-size: 18px;

    font-weight: 300;

    font-family: 'Conduit ITC';

    float: left;

    margin: 5px 0;

    position: relative;

    cursor: pointer;

}

.select-group option {

    font-size: 18px;

    font-weight: 300;

    padding: 5px 0;

}

.date-group {
    position: relative;
    float: left;
}

.date-group span {
    position: absolute;
    top: 6px;
    bottom: 0;
    right: 0;
    width: 35px;
    height: 43px;
    padding: 12px 9px;
    cursor: pointer;
    border-left: solid 1px #cacaca;
}

.date-group span:hover {
    background: #efc24c;
}

.date-group span:hover:after {
    background: #efc24c;
    border: solid 2px #fff;
}

.date-group span:hover:before {
    background: #fff;
}

.date-group span:after {
    content: " ";
    width: 15px;
    height: 15px;
    background: #fff;
    border: solid 2px #000;
    display: block;
}

.date-group span:before {
    content: " ";
    width: 15px;
    height: 2px;
    margin-bottom: 2px;
    background: #000;
    display: block;
}

.arrow-group {

    position: relative;

    float: left;

}

.arrow-group:after {

    content: "\f078";

    color: #515a55;

    font-family: 'FontAwesome';

    font-size: 14px;

    font-weight: 400;

    position: absolute;

    right: 1px;

    top: 6px;

    width: 45px;

    height: 45px;

    padding: 15px 0;

    bottom: 0;

    background: #fff;

    pointer-events: none;

}

.radio-box {

    width: 80px;

    float: left;

}

.radio-box label {

    line-height: normal;

    width: auto;

    margin: 10px 0;

}

.checkbox-custom,
.radio-custom {

    opacity: 0;

    position: absolute;

}

.checkbox-custom,
.checkbox-custom-label,
.radio-custom,
.radio-custom-label {

    cursor: pointer;

    font-size: 14px;

    line-height: normal;

}

.checkbox-custom-label,
.radio-custom-label {

    position: relative;

}

.checkbox-custom+.checkbox-custom-label:before,
.radio-custom+.radio-custom-label:before {

    content: '';

    background: #fff;

    border: 2px solid #cacaca;

    display: inline-block;

    vertical-align: middle;

    width: 25px;

    height: 25px;

    padding: 2px;

    margin-right: 5px;

    text-align: center;

    outline: 0;

    font-weight: normal;

    font-size: 15px;

}

.checkbox-custom:checked+.checkbox-custom-label:before {

    content: "\f00c";

    font-family: 'FontAwesome';

    background: #851422;

    color: #fff;

    outline: 0;

}

.radio-custom+.radio-custom-label:before {

    border-radius: 50%;

}

.radio-custom:checked+.radio-custom-label:before {

    content: "\f00c";

    font-family: 'FontAwesome';

    background: #851422;

    border: 2px solid #851422;

    color: #fff;

}

.checkbox-custom:focus+.checkbox-custom-label,
.radio-custom:focus+.radio-custom-label {

    outline: 0;
    /* focus style */

}

.group-submit-button {

    background: #000;

    border: none;

    padding: 14px 30px;

    outline: 0;

    color: #fff;

    width: 12%;

    float: left;

    text-transform: uppercase;

    font-weight: 100;

    cursor: pointer;

    font-size: 17px;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    font-family: 'Conduit ITC';

    margin-top: 30px;

}

.group-submit-button:hover {

    background: #efc24c;

}

.nav-shrink.header-sticky {

    position: fixed;

    background: #fff;

    box-shadow: 0px 0px 30px #A4A4A4;

    z-index: 999;

    padding: 10px 50px;

    width: 100%;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.nav-shrink.header-sticky h1 img {

    max-width: 60px;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.nav-shrink .scroll-nav {

    padding: 21px 0;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.header-sticky {

    background: #fff;

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    padding: 20px 50px;

    z-index: 999;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.header-sticky h1 {

    margin: 0;

}

.header-sticky h1 img {

    max-width: 93px;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.scroll-nav {

    padding: 37px 0;

    -webkit-transition: 0.5s ease-in-out;

    -moz-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

}

.scroll-nav ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.scroll-nav ul li {

    float: left;

    list-style: none;

    margin-left: 20px;

}

.scroll-nav ul li a {

    color: #666;

    font-size: 17px;

    font-weight: 100;

    text-decoration: none;

    text-transform: uppercase;

}

.scroll-nav ul li a:hover {

    color: #900028;

}

.dining-pages,
.weddings-pages {

    text-align: center;

    padding: 50px;

}

.dining-pages h2,
.weddings-pages h2 {

    font-family: 'Didot';

    color: #000;

    font-size: 40px;

    font-weight: 400;

    margin: 0;

    text-transform: uppercase;

}

.dining-pages h3,
.weddings-pages h3 {

    font-family: 'Didot';

    color: #000;

    font-size: 24px;

    font-weight: 500;

}

.dining-pages figure,
.weddings-pages figure {

    position: relative;

    margin: 50px 0 30px 0;

}

.dining-pages figure:after,
.weddings-pages figure:after {

    content: " ";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.2);

    z-index: 8;

}

.dining-pages-images,
.weddings-pages-images {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    display: table;

    margin: auto;

    text-align: center;

    z-index: 9;

}

.dining-pages-images>div,
.weddings-pages-images>div {

    vertical-align: middle;

    display: table-cell;

}

.dining-pages-images h1,
.weddings-pages-images h1 {

    margin: 0 100px;

    font-family: 'Didot';

    color: #fff;

    font-size: 65px;

    line-height: 62px;

    font-weight: bold;

    text-transform: uppercase;

}

.dining-pages-images button,
.weddings-pages-images button,
.dining-pages-images a,
.weddings-pages-images a {

    color: #fff;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 300;

    background: none;

    border: none;

    cursor: pointer;

    font-family: 'Conduit ITC';

    outline: 0;

    text-decoration: none;

}

.dining-pages-images button:hover,
.weddings-pages button:hover,
.dining-pages-images a:hover,
.weddings-pages-images a:hover {

    color: #efc24c;

}

.dining-pages article,
.weddings-pages article {

    position: relative;

}

.dining-pages aside,
.weddings-pages aside {

    text-align: left;

    float: left;

}

.dining-pages aside p em,
.weddings-pages aside p em {

    font-style: italic;

}

.dining-pages aside:first-of-type,
.weddings-pages aside:first-of-type {

    width: 80%;

    padding-right: 50px;

}

.dining-pages aside:nth-of-type(2),
.weddings-pages aside:nth-of-type(2) {

    width: 20%;

}

.links-text {

    margin: 15px 0 0 0;

}

.links-text p {

    margin: 0;

}


.links-text a:hover {

    color: #000;

    text-decoration: none;

}

a.reserv {

    display: inline-block;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 17px;

    font-weight: 100;

    padding: 10px 30px;

    margin: 10px 0;

    text-decoration: none;

}

a.reserv:hover {

    background: #efc24c;

}

.photo-gallery {

    margin: 60px 0 0 0;

}

.photo-gallery ul {

    padding: 0;

    margin: 15px 0 0 0;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    border: solid 1px #eaeaea;

}

.photo-gallery ul li {

    float: left;

    list-style: none;

    width: 25%;

}

.photo-gallery ul li a {

    display: block;

    position: relative;

    overflow: hidden;

}

.photo-gallery ul li a img {

    width: 100%;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

    border: solid 1px #eaeaea;

}

.photo-gallery ul li a:hover img {

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3)
}

.photo-gallery ul li a span {

    position: absolute;

    display: block;

    background: #000 url(../images/zoom.html) center center no-repeat;

    width: 70%;

    height: 70%;

    top: 15%;

    left: 15%;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

    opacity: 0;

    z-index: 99;

}

.photo-gallery ul li a:hover span {

    left: 0%;

    top: 0%;

    opacity: 0.8;

    height: 100%;

    width: 100%;

}

.photo-gallery ul li a:hover {

    background: #d83030;

}

.image-link {

    margin-bottom: 50px;

}

.image-link-split {

    margin-top: 40px;

}

.image-link ul,
.image-link-split ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.image-link ul li {

    float: left;

    list-style: none;

    width: 33.333333%;

    position: relative;

}

.image-link-split ul li {

    float: left;

    list-style: none;

    width: 50%;

    position: relative;

}

.image-link ul li a,
.image-link-split ul li a {

    display: block;

    margin: 10px;

}

.image-link ul li a:after,
.image-link-split ul li a:after {

    content: " ";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 10px;

    background: rgba(0, 0, 0, 0.2);

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

}

.image-link ul li a:hover:after,
.image-link-split ul li a:hover:after {

    background: rgba(0, 0, 0, 0.6);

}

.image-link ul li a figcaption,
.image-link-split ul li a figcaption {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100%;

    display: table;

    margin: auto;

    text-align: center;

    z-index: 99;

}

.image-link ul li a figcaption>div,
.image-link-split ul li a figcaption>div {

    display: table-cell;

    vertical-align: middle;

    padding: 50px;

}

.image-link ul li a h3 {

    color: #fff;

    display: inline-block;

    font-weight: 200;

    font-size: 34px;

    line-height: 34px;

    text-transform: uppercase;

}

.image-link-split ul li a h3 {

    color: #fff;

    display: inline-block;

    font-weight: bold;

    font-size: 46px;

    line-height: 46px;

    text-transform: uppercase;

}

.pay-now-heading,
.make-a-reservation-heading {

    height: 400px;

    background: #332f2f;

    text-align: center;

}

.make-a-reservation-heading {
    height: 400px;
    background: url(../images/Twenty-Fifth-Hour.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
}

.career-heading {
    height: 400px;
    background: url(../images/career.jpg) center center no-repeat;
    background-size: cover;
    text-align: center;
}

.pay-now-heading h2,
.career-heading h2,
.make-a-reservation-heading h2 {

    margin: 0 0 0 0;

    padding-top: 15%;

    font-family: 'Didot';

    color: #fff;

    font-size: 60px;

    font-weight: bold;

    text-transform: uppercase;

}


.pay-now-left {

    width: 20%;

}

.pay-now-right {

    width: 78%;

}

.pay-now h4,
.make-a-reservation h4 {

    font-family: 'Didot';

    color: #000;

    font-size: 24px;

    font-weight: 500;

    text-align: left;

    padding-bottom: 8px;

    border-bottom: solid 1px #e5e5e5;

}

.make-a-reservation h4 {

    text-align: center;

}

.form {

    margin: 50px 0;

}

.form-input {

    width: 40%;

    float: left;

}

.form label {

    float: left;

    width: 30%;

    text-align: right;

    color: #515a55;

    font-size: 18px;

    font-weight: 300;

    font-family: 'Conduit ITC';

    padding-right: 20px;

    line-height: 44px;

    margin: 5px 0;

}

.form input[type=text],
.form input[type=email],
.form input[type=number] {

    padding: 12px 12px;

    width: 100%;

    border: solid 1px #e5e5e5;

    outline: 0;

    position: relative;

    background: #fff;

    color: #515a55;

    font-size: 18px;

    font-weight: 300;

    font-family: 'Conduit ITC';

    float: left;

    margin: 5px 0;

    position: relative;

}

.form textarea {

    padding: 12px 12px;

    width: 100%;

    border: solid 1px #e5e5e5;

    outline: 0;

    position: relative;

    background: #fff;

    color: #515a55;

    font-size: 18px;

    font-weight: 300;

    font-family: 'Conduit ITC';

    float: left;

    margin: 5px 0;

    position: relative;

}

.date-field {
    position: relative;
}

.date-field span {
    position: absolute;
    top: 6px;
    bottom: 0;
    right: 0;
    width: 35px;
    height: 43px;
    padding: 12px 9px;
    cursor: pointer;
    border-left: solid 1px #cacaca;
}

.date-field span:hover {
    background: #efc24c;
}

.date-field span:hover:after {
    background: #efc24c;
    border: solid 2px #fff;
}

.date-field span:hover:before {
    background: #fff;
}

.date-field span:after {
    content: " ";
    width: 15px;
    height: 15px;
    background: #fff;
    border: solid 2px #000;
    display: block;
}

.date-field span:before {
    content: " ";
    width: 15px;
    height: 2px;
    margin-bottom: 2px;
    background: #000;
    display: block;
}

.select-box {

    position: relative;

    width: 40%;

    float: left;

    font-weight: 300;

}

.select-box option {

    font-size: 18px;

    font-weight: 300;

    padding: 5px 0;

}

.select-box select {

    padding: 12px 12px;

    width: 100%;

    border: solid 1px #e5e5e5;

    outline: 0;

    position: relative;

    background: #fff;

    color: #515a55;

    font-size: 18px;

    font-weight: 300;

    font-family: 'Conduit ITC';

    margin: 5px 0;

    cursor: pointer;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    margin-bottom: 6px;

}

.select-box select::-ms-expand {

    display: none;

}

.select-box:after {

    content: "\f078";

    color: #515a55;

    font-family: 'FontAwesome';

    font-size: 14px;

    font-weight: 400;

    position: absolute;

    right: 1px;

    top: 6px;

    width: 45px;

    height: 45px;

    padding: 15px 0;

    bottom: 0;

    pointer-events: none;

}

.form-button {

    background: #000;

    border: none;

    padding: 13px 30px;

    outline: 0;

    color: #fff;

    margin-top: 25px;

    width: 18%;

    float: left;

    text-transform: uppercase;

    font-weight: 400;

    cursor: pointer;

    font-size: 17px;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    font-family: 'Conduit ITC';

}

.form-button:hover {

    background: #efc24c;

}

.room-text {

    position: absolute;

    width: 500px;

    height: 100%;

    top: 0;

    bottom: 0;

    right: 0;

    display: table;

    margin: auto;

    /*overflow-y: auto;*/

    z-index: 99;

}

.room-text>div {

    display: table-cell;

    vertical-align: middle;

}

.room-text>div article {

    background: rgba(255, 255, 255, 0.6);

    padding: 20px 40px;

}

.room-text h3 {

    font-family: 'Didot';

    color: #000;

    font-size: 18px;

    font-weight: 500;

    padding-bottom: 10px;

    text-transform: uppercase;

    border-bottom: solid 1px #323232;

}

.room-text h2 {

    font-family: 'Didot';

    color: #000;

    font-size: 24px;

    font-weight: bold;

    text-transform: uppercase;

}

.room-text p {

    color: #000;

    line-height: 22px;

}

.room-text a {

    display: inline-block;

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    padding: 10px 30px;

    margin: 15px 0 15px 0;

    text-decoration: none;

}

.room-text a:hover {

    background: #efc24c;

}

.room-text ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.room-text ul li {

    color: #000;

    line-height: 22px;

    font-size: 18px;

    font-weight: 300;

    list-style: none;

    position: relative;

    padding-left: 15px;

}

.room-text ul li:before {

    content: "\f105";

    font-family: 'FontAwesome';

    position: absolute;

    top: -1px;

    left: 0;

    font-size: 16px;

}

.room-img,
.room-link {

    padding: 0 0px 0px 0px;

}

.room-img-pages {

    padding: 0 40px 0 40px;

}

.room-img ul,
.room-link ul {

    padding: 0;

    margin: 15px 0 0 0;

    list-style: none;

    text-align: center;

}

.room-img ul li {
    list-style: none;
    width: 40%;
    padding: 15px;
    display: inline-block;
}

.room-link ul li {

    float: left;

    list-style: none;

    width: 33.333333%;

    padding: 15px;

}

.room-img ul li a,
.room-link ul li a {

    display: block;

    position: relative;

    overflow: hidden;

}

.room-link ul li h3 {

    background: #900028;

    color: #fff;

    font-size: 18px;

    font-weight: 500;

    margin: 0;

    padding: 12px 0;

    display: none;

}

.room-img ul li a img,
.room-link ul li a img {

    width: 100%;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

}

.room-img ul li a:hover img,
.room-link ul li a:hover img {

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    transform: scale(1.3)
}

.room-img ul li a span,
.room-link ul li a span {

    position: absolute;

    display: block;

    background: #000;

    width: 70%;

    height: 70%;

    top: 15%;

    left: 15%;

    -webkit-transition: 0.6s;

    -moz-transition: 0.6s;

    -o-transition: 0.6s;

    transition: 0.6s;

    opacity: 0;

    z-index: 99;

}

.room-img ul li a:hover span,
.room-link ul li a:hover span {

    left: 0%;

    top: 0%;

    opacity: 0.8;

    height: 100%;

    width: 100%;

}

.room-img ul li a span:after,
.room-link ul li a span:after {

    content: "\f06e";

    color: #fff;

    font-family: 'FontAwesome';

    font-size: 26px;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    width: 25px;

    height: 27px;

    margin: auto;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

    opacity: 0;

}

.room-link ul li a span:after {

    content: "\f14c";

}

.room-img ul li a span:hover:after,
.room-link ul li a span:hover:after {

    opacity: 1;

}

.room-img ul li a:hover,
.room-link ul li a:hover {

    background: #d83030;

}

canvas {

    width: 100%;

    height: 100%;

    overflow: hidden;

}

/* .360{

	position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    overflow: hidden;

    z-index: 9999999;

} */

.close {

    position: absolute;

    top: 30px;

    right: 30px;

    z-index: 99999;

    text-align: center;

}

.close a {

    width: 30px;

    height: 30px;

    background: rgba(0, 0, 0, 0.6);

    padding: 5px;

    border-radius: 2px;

    color: #fff;

    font-size: 16px;

    display: block;

}

#loader {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #fff;

    z-index: 999999999;

    height: 100%;

}

#status {

    width: 200px;

    height: 200px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background-image: url(../images/loader.svg);

    background-repeat: no-repeat;

    background-position: center;

    margin: auto;

}

.testimonials {

    margin-top: 30px;

}

.testimonials ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.testimonials ul li {

    background: #fdf5f6;

    float: left;

    list-style: none;

    width: 25%;

    padding: 30px 45px;

    border: solid 15px #fff;

    text-align: left;

    margin-bottom: 30px;

}

.testimonials ul li:after {

    content: '';

    position: absolute;

    bottom: -30px;

    right: 0;

    border-style: solid;

    border-width: 0px 86px 42px 0;

    border-color: transparent #fdf5f6 transparent transparent;

}

.testimonials ul li h3 {

    background: #851422;

    font-family: 'Conduit ITC';

    color: #fff;

    font-weight: 300;

    font-size: 18px;

    padding: 8px 16px 8px 35px;

    font-style: italic;

    display: inline-block;

    position: relative;

}

.testimonials ul li h3:before {

    content: " ";

    position: absolute;

    top: 15px;

    left: 16px;

    width: 15px;

    height: 2px;

    background: #fff;

}

.testimonials ul li p {

    position: relative;

    color: #000;

}

.testimonials ul li p:before {

    content: "\f10d";

    font-family: 'FontAwesome';

    color: #efc24c;

    font-size: 26px;

    font-weight: 100;

    margin-right: 8px;

}

.testimonials ul li p:after {

    content: "\f10e";

    font-family: 'FontAwesome';

    color: #efc24c;

    font-size: 26px;

    font-weight: 100;

    margin-left: 8px;

}

.careers {

    background: #f1f1f1;

    border-radius: 2px;

    padding: 25px 50px;

    text-align: left;

    margin: 2px 0;

}

.careers summary {
    width: 42%;
    float: left;
    padding-right: 30px;
}

.careers summary h4 {
    font-size: 18px;
}

.careers summary p,
.careers summary p:nth-of-type(3) {
    width: auto;
    float: none;
    padding: 0;
}

.careers p {
    width: 16%;
    float: left;
    padding: 0 15px;
}

.careers p:nth-of-type(3) {
    width: 12%;
}

.careers p strong {
    color: #000;
    font-weight: 300;
}

.careers a {
    display: block;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 100;
    padding: 12px 40px;
    float: right;
    text-decoration: none;
    margin-top: 15px;
    width: 10%;
    text-align: center;
}

.careers a:hover {
    background: #efc24c;
}

.content {
    position: absolute;
    top: -75px;
}

.anchor {
    position: absolute;
    top: -100px;
    padding-top: 100px;
}


.section-bottom {
    display: flex;
    justify-content: center;
    /* horizontal center */
    align-items: center;
    /* vertical center */
    text-align: center;
}

.section-bottom-inner {
    max-width: 100%;
    /* optional – controls width */
}

.section-bottom-inner a {
    display: inline-block;
}

.section-bottom-inner img {
    display: block;
    margin: 0px auto 0;
    /* center image */
}

.section-bottom-inner.left {
    float: none;
    margin: 0 auto;
}

.banner {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
}

/* Banner Images */
.hero-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    z-index: 1;
}

.hero-slide.active {
    opacity: 1;
}

/* Stable Caption */
.caption {
    position: absolute;
    z-index: 5;
    bottom: 35%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
}

.book-now a {
    display: inline-block;
    margin-top: 15px;
    padding: 10px 24px;
    background: #000000;
    color: #fff;
    text-decoration: none;
    border-radius: 0px;
}

.banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0.1),
            rgba(0, 0, 0, 0.1));
    z-index: 2;
}

.hero-slide {
    z-index: 1;
}

.caption {
    z-index: 5;
}


/* Default (Desktop already works) */

/* Tablet */
@media (max-width: 1024px) {
    .banner {
        height: 380px;
    }

    .caption h1 {
        font-size: 28px;
    }

    .caption h5 {
        font-size: 16px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .banner {
        height: 300px;
    }

    .caption {
        bottom: 30%;
        padding: 0 15px;
        width: 100%;
    }

    .caption h1 {
        font-size: 22px;
        line-height: 1.3;
    }

    .caption h5 {
        font-size: 14px;
        margin-top: 6px;
    }

    .book-now a {
        padding: 8px 18px;
        font-size: 14px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .banner {
        height: 260px;
    }

    .caption h1 {
        font-size: 20px;
    }

    .caption h5 {
        font-size: 13px;
    }
}


@media (max-width: 768px) {
    .banner {
        height: 100vh;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1599px) {
    .caption h1 {
        line-height: 64px;
        font-size: 60px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1279px) {
    .caption h1 {
        line-height: 52px;
        font-size: 48px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
    .caption h1 {
        line-height: 52px;
        font-size: 48px;
    }
}