@font-face {
    font-family: Helvetica-Neue-Thin;
    src: url(/Fonts/Helvetica-Neue-CE-35-Thin.ttf);
}

@font-face {
    font-family: Helvetica-Neue-Roman;
    src: url(/Fonts/Helvetica-Neue-CE-55-Roman.ttf);
}

@font-face {
    font-family: Helvetica-Neue-Bold;
    src: url(/Fonts/Helvetica-Neue-CE-75-Bold.ttf);
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

html {
    background-color: #000;
    font-size: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 13px;
	color: #000;
	margin: 0px;
	padding: 0px;
    width: 100%;
}

p{
    font-size: 13px;
    line-height: 24px;
    text-transform: uppercase;
}

a {
    text-decoration: underline;
}
a:hover, a:focus {
    text-decoration: underline;
    outline: none;
}

#content ul, ol {
    padding-left: 3px;
}

#content li {
    list-style: outside none none;
}

#content li::before {
    content: "•";
    margin-right: 8px;
}

hr {
    border-color: #ed008c -moz-use-text-color -moz-use-text-color;
}

.blackGrey{
     background: linear-gradient(90deg, #000 50%, #777 50%);
}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-weight: 300;
    text-transform: uppercase;
}

h1, .h1 { font-size: 60px; }
h2, .h2 { font-size: 53px; margin-bottom: 10px; }
h3, .h3 { font-size: 29px; }
h4, .h4 { font-size: 18px; margin-bottom: 14px; line-height: 28px; }
h5, .h5 { font-size: 105%; }

/* MISC  
----------------------------------------------------------*/
.relative {
    position: relative;
}

.required {
    color: red;
}


input[type="checkbox"], input[type="radio"] {
    margin-right: 8px;
    margin-top: 0;
    width: auto;
    height: auto;
    margin-left: 0px;
}

input[type=button], input[type=image] {
    border: none !important;
    box-shadow: none;
}

.rcList.form-control {
    box-shadow: none;
    border: none !important;
    display: flex;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
}
.rcList > label {
    font-weight: normal !important;
}

.form-control {
    margin-bottom: 6px;
}

/* .form-horizontal .control-label {
    padding-bottom: 4px;
    text-align: left;
    text-indent: 0%;
    padding-top: 0;
    line-height: 100%;
} */

label {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
}

.requiredSummary {
    text-align: center;
}

.requiredSummary ul {
    color: red;
    padding: 0;
}

.btn-success {
    color: #fff;
    background-color: #90D3C7;
    border-color: #90D3C7;
  }

.btn-success {
    background-image: linear-gradient(to bottom, #90D3C7 0%, #90D3C7 100%);
    border-color: #90D3C7;
}
.btn-success:hover, .btn-success:focus {
    background-color: #90D3C7;
    border-color: #90D3C7;
}

/* Text */
.text-left  {text-align:left;}
.text-center{ text-align: center; }
.text-right {text-align:right;}
.uppercase  { text-transform: uppercase; }

.biggest    { font-size: 300% !important; }
.bigger     { font-size: 200% !important; }
.big        { font-size: 130% !important; }
.medium     { font-size: 112% !important; }
.small      { font-size: 90% !important; }
.smaller    { font-size: 80% !important; }
.smallest   { font-size: 70% !important; }

.lighter  { font-weight: lighter; }
.bold     { font-weight: bold; }

p > img[style*="float: right"] {
    margin: 0 0 0.5em 1em;
}

p > img[style*="float: left"] {
    margin: 0 1em 0.5em 0;
}

blockquote {
    background-color: transparent;
    border-left: 4px solid;
    line-height: 100%;
    margin: 0.5em 0;
    padding: 0 20px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    content: open-quote;
    font-size: 1.5em;
    line-height: 0.1em;
    margin-right: 0.15em;
    vertical-align: -0.23em;
}
blockquote:after {
    content: close-quote;
    font-size: 1.5em;
    line-height: 0.1em;
    margin-left: 0.15em;
    vertical-align: -0.3em;
}
blockquote p {
  display: inline;
}

/* Color Scheme */
.text-white	{ color: #ffffff; }
.text-red   { color: #ff0000; }
.text-black { color: #000000; }
.text-pink  { color: #ed008c; }
.text-grey  { color: #414042; }

.bg-grey    { background-color: #777777; } .bg-grey h1, .bg-grey h2, .bg-grey h3, .bg-grey h4, .bg-grey h5, .bg-grey a, .bg-grey p { color: #fff; }
.bg-lightgrey    { background-color: #EDEEEC; } .bg-grey h1, .bg-grey h2, .bg-grey h3, .bg-grey h4, .bg-grey h5, .bg-grey a, .bg-grey p { color: #000; }
.bg-pink    { background-color: #ed008c; color: #fff; } .bg-pink h1, .bg-pink h2, .bg-pink h3, .bg-pink h4, .bg-pink h5, .bg-pink a, .bg-pink p { color: #fff; }
.bg-white   { background-color: #FFFFFF; }
.bg-black   { background-color: #000000; } .bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4, .bg-black h5, .bg-black a, .bg-black p { color: #fff; }

.client-logo {
    margin-top: 1em;
    text-align: center; 
    font-size: 130%;
    border: 1px solid;
}

.lsl-logo {
    margin-top: -5px;
    vertical-align: middle;
}

.fsa-logo {
    margin-left: 6px;
    margin-top: -30px;
    vertical-align: middle;
}

/* Global settings */
.padTop0em      { padding-top: 0em;}
.padTop05em     { padding-top: 0.5em;}
.padTop1em      { padding-top: 1em;}
.padTop15em     { padding-top: 1.5em;}
.padTop2em      { padding-top: 2em;}
.padTop25em     { padding-top: 2.5em;}
.padTop3em      { padding-top: 3em;}
.padTop35em     { padding-top: 3.5em;}

.padLeft0em     { padding-left: 0em;}
.padLeft05em    { padding-left: 0.5em;}
.padLeft1em     { padding-left: 1em;}
.padLeft15em    { padding-left: 1.5em;}
.padLeft2em     { padding-left: 2em;}
.padLeft25em    { padding-left: 2.5em;}
.padLeft3em     { padding-left: 3em;}
.padLeft35em    { padding-left: 3.5em;}
.padLeft9em     { padding-left: 7.5em;}

.padRight0em    { padding-right: 0;}
.padRight05em   { padding-right: 0.5em;}
.padRight1em    { padding-right: 1em;}
.padRight15em   { padding-right: 1.5em;}
.padRight2em    { padding-right: 2em;}
.padRight25em   { padding-right: 2.5em;}
.padRight3em    { padding-right: 3em;}
.padRight35em   { padding-right: 3.5em;}

.padBottom3px   { padding-bottom: 3px;}
.padBottom0em   { padding-bottom: 0; }
.padBottom05em  { padding-bottom: 0.5em; }
.padBottom1em   { padding-bottom: 1em; }
.padBottom15em  { padding-bottom: 1.5em; }
.padBottom2em   { padding-bottom: 2em; }
.padBottom25em  { padding-bottom: 2.5em; }
.padBottom3em   { padding-bottom: 3em; }
.padBottom35em  { padding-bottom: 3.5em; }

.margTop0em     { margin-top: 0em;}
.margTop05em    { margin-top: 0.5em;}
.margTop1em     { margin-top: 1em;}
.margTop15em    { margin-top: 1.5em;}
.margTop2em     { margin-top: 2em;}
.margTop25em    { margin-top: 2.5em;}
.margTop3em     { margin-top: 3em;}
.margTop35em    { margin-top: 3.5em;}
.margTop4em     { margin-top: 4em;}
.margTop5em     { margin-top: 5em;}
.margTop-8em    { margin-top: -8em;}
.margTop22px    { margin-top:22px;}

.margBottom0em  { margin-bottom: 0 !important;}
.margBottom05em { margin-bottom: 0.5em;}
.margBottom1em  { margin-bottom: 1em;}
.margBottom15em { margin-bottom: 1.5em;}
.margBottom2em  { margin-bottom: 2em;}
.margBottom25em { margin-bottom: 2.5em;}
.margBottom3em  { margin-bottom: 3em;}
.margBottom35em { margin-bottom: 3.5em;}

.margLeft05em   { margin-left: 0 !important; }
.margLeft05em   { margin-left: 0.5em; }
.margLeft1em    { margin-left: 1em; }
.margLeft15em   { margin-left: 1.5em; }
.margLeft2em    { margin-left: 2em; }
.margLeft25em   { margin-left: 2.5em; }
.margLeft3em    { margin-left: 3em; }
.margLeft35em   { margin-left: 3.5em; }

.margRight0em   { margin-right: 0 !important; }
.margRight05em  { margin-right: 0.5em; }
.margRight1em   { margin-right: 1em; }
.margRight15em  { margin-right: 1.5em; }
.margRight2em   { margin-right: 2em; }
.margRight25em  { margin-right: 2.5em; }
.margRight3em   { margin-right: 3em; }
.margRight35em  { margin-right: 3.5em; }

.fLeft	{float:left;}
.fRight	{float:right;}
.clear	{clear:both;}
.noPad	{padding:0px !important;}
.noMarg	{margin:0px !important;}

.border-top-purple {
    border-top: 1px solid #b09dcb;
}
.border-bottom-purple {
    border-bottom: 1px solid #b09dcb;
}
.border-top-white {
    border-top: 1px solid #fff;
}
.border-bottom-white {
    border-bottom: 1px solid #fff;
}

/* banner */
.rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
    background: none repeat scroll 0 0 transparent !important;
}

.bannerDescription {
    width: 100%;
    z-index: 1000;
}

.rsDefault .rsBullets {
    background: transparent none repeat scroll 0 0;
    line-height: 30px;
    overflow: visible;
    right: auto;
    width: auto;
    left: 49%;
    bottom: 5%;
}

.rsDefault .rsBullet.rsNavSelected span {
    background-color: #fff;
}

.rsDefault .rsBullet {
    width: 16px;
}

.rsDefault .rsBullet span {
    background: rgba(91, 24, 59, 1) none repeat scroll 0 0;
    height: 10px;
    width: 10px;
}

.contentSlider {
  width: 100%;
}
.contentSlider,
.contentSlider .rsOverflow,
.contentSlider .rsSlide,
.contentSlider .rsVideoFrameHolder,
.contentSlider .rsThumbs {
  color: #000;
}

.contentSlider .rsSlide,
.contentSlider .rsOverflow {
  background: #eee;
}

#content-slider-1 {
    max-width: 1136px;
    max-height: 460px;
    margin-left: auto;
    margin-right: auto;
}

.contentSlider img {
  z-index: 1;
}

.infoPanel {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    position: absolute;
    z-index: 1000;
    margin: 0;
    padding: 0;
}

/* .infoPanel h1 {
    font-size: 205% !important;
    color: #fff !important;
    margin: 0 0 8px;
    line-height: 100%;
    text-align: center;
}
.infoPanel p {
    font-size: 105%;
    text-align: justify;
    margin: 0;
} */

.rsDefault .rsTabs { padding-top: 0px !important; }
.rsDefault .rsTab {
    -moz-border-bottom-colors: none !important;
    -moz-border-left-colors: none !important;
    -moz-border-right-colors: none !important;
    -moz-border-top-colors: none !important;
    background-color: #c6b58d;
    background-image: none !important;
    border-bottom: medium none !important;
    -o-border-image: none !important;
       border-image: none !important;
    border-left: 1px solid #fff;
    border-radius: 0 !important;
    border-top: medium none !important;
    border-right: medium none !important;
    box-shadow: none;
    color: #ffffff;
    display: table-cell !important;
    font-size: 130%;
    font-weight: 600;
    text-align: left;
    vertical-align: middle;
    width: 1% !important;
}

.rsDefault .rsTab:active {
    background-color: #c6b58d;
    box-shadow: 0 15px 10px rgba(198, 181, 141, 0.2) inset;
}

.rsDefault .rsTab.rsNavSelected {
    background: #947b2c linear-gradient(to bottom, #947b2c, #bbb) repeat scroll 0 0;
    border: none !important;
    border-left: 1px solid #fff !important;
    color: #fff;
    text-shadow: none !important;
    background-image: none;
    box-shadow: 0 15px 10px rgba(198, 181, 141, 0.8) inset;
}

 /*##### menu overrides #####*/
 .navbar-default {
    background-color: transparent !important;
    background-image: none;
    border: medium none !important;
    border-radius: 0 !important;
    font-size: 100%;
    box-shadow: none;
    font-weight: 100;
    padding: 0px;
}

.navbar {
    margin-bottom: 0;
    min-height: 0;
    /* margin-left: 22px; */
}

.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 0px;
}

.navbar .navbar-collapse {
  line-height: 100%;
  padding-left: 0;
  padding-right: 0;
  border: none;
}

/*.nav > li {
    border-right: 1px solid #808285;
}
.nav > li:last-child {
    border-right: medium none;
}
.navbar-nav > li:last-child > a {
    padding-right: 0 !important;
}*/

.navbar-default .navbar-nav > li > a {
    text-decoration: none;
    padding-top: 24px;
    border-top: solid 6px #000;    
}

.navbar-default .navbar-nav > li:hover > a, .navbar-default .navbar-nav > .active > a{
    padding-top: 24px;
    border-top: solid 6px #90D3C7;    
}

@media screen and (max-width:768px){
    .navbar-default .navbar-nav > li > a {
        border: none;  
    }
    .navbar-default .navbar-nav > li:hover > a {
        border: none;
    }
}

.navbar-brand, .navbar-nav > li > a {
    text-shadow: unset;
    line-height: 100%;
}

.navbar-brand {
    height: auto;
    padding: 0px;
}

.navbar-nav > li > a {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 100%;
    text-transform: uppercase;
}
.navbar-nav > li {
    padding-right: 30px;
}

@media screen and (max-width: 968px){
    .navbar-nav > li {
        padding-right: 20px;
    }
}

@media screen and (max-width: 850px){
    .navbar-nav > li {
        padding-right: 10px;
    }
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background-image: none;
    box-shadow: none;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active {
    color: #90D3C7!important;
    /*border-bottom: 1px solid;
    padding-bottom: 6px;*/
}

.navbar-toggle {
    /*background-color: #ed008c;
    border: medium none !important;*/
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 0;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #90D3C7; !important;
}

.navbar-default .navbar-toggle:hover > .icon-bar, .navbar-default .navbar-toggle:focus > .icon-bar {
    background-color: #90D3C7; !important;
}

.navbar-toggle .icon-bar {
    height: 6px;
    width: 50px;
    border-radius: 0px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 7px;
}

.dropdown-menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: rgba(242, 242, 242, 1);
    border-color: -moz-use-text-color rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15);
    -o-border-image: none;
       border-image: none;
    border-radius: 4px;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    font-size: inherit !important;
    margin-top: 20px !important;
    padding: 0;
}
.dropdown-menu > li > a {
    color: #808285;
    text-decoration: none;
    padding: 6px 40px 6px 20px;
    /*font-size: 90%;*/
}

/*.dropdown-menu > li > a:after {
    content: ' \003e';
}*/

.dropdown-menu > li:nth-child(2n+1) {
    background-color: #eeeeee;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: transparent !important;
    /*color: #ed008c;*/
    background-image: none !important;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent !important;
    /*color: #ed008c !important;*/
    background-image: none !important;
}
.navbar-nav > li > ul::before, .navbar-nav > li > ul::after {
    border-color: #d1d3d4 transparent transparent;
    border-style: solid dashed dashed;
    border-width: 6px;
    content: "";
    height: 0;
    left: 22px;
    overflow: hidden;
    position: absolute;
    top: -1px;
    width: 0;
}
.dropdown-menu > li > ul::before, .dropdown-menu > li > ul::after {
    border-color: transparent #414042 transparent transparent;
    border-style: dashed solid solid dashed;
    border-width: 9px;
    content: "";
    height: 0;
    left: -18px;
    overflow: hidden;
    position: absolute;
    top: 8px;
    width: 0;
}
.dropdown-menu > li > ul {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: 103% !important;
    margin-top: -31px !important;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
}

/* misc */

#header { 
    width: 100%;
    background-color: #060708;
    color: #F2F2F2;
}

@media screen and (min-width: 992px){
    #header { 
        max-height: 210px;
    }
}

#header a{ 
    color: #fff;
}

#portlets {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 12px 0;
}

#footer { 
    background-color: #000;
    color: #90D3C7;
    border-top: solid #fff 7px;
}

#footer p{
    font-size: 14px;
    line-height: 150%;
}

#footer a{ 
    color: #90D3C7;
    text-decoration: none;
}

#footer a:hover{ 
    color: #FFF;
    text-decoration: none;
}

.footer-logos {
    margin-top: 2.5em;
    margin-bottom: 2em;
}

.footer-menu {
    list-style: outside none none;
    padding: 0;
}

.footer-menu a {
    color: #414042;
    text-decoration: none;
}

.footer-menu a:hover {
    text-decoration: underline;
}

footer .logo {
    height: auto;
    max-width: 100%;
}

#portlet_footer > .col-md-4 > div, #portlet_footer > div > .col-md-4 > div {
    height: 100%;
}

@media only screen and (min-width: 1200px) {
    .royalSlider {
        height: 700px !important;
        width: 100% !important;
    }
    #portlet_footer > .col-md-4, #portlet_footer > div > .col-md-4 {
        height: 360px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 1200px) {
    .footer .col-sm-4 .bg-light {
        padding-top: 40px;
    }
}

@media only screen and (max-width: 1170px) {
    .footer .col-sm-4 .bg-light, .footer .col-sm-4 .bg-purple, .footer .col-sm-4 .bg-beige {
        min-height: 252px;
        padding: 25px 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .royalSlider {
        height: 532px !important;
        width: 100% !important;
    }
    #portlet_footer > .col-md-4, #portlet_footer > div > .col-md-4 {
        height: 293px;
        overflow: hidden;
    }
    #portlet_footer > .col-md-4 h2, #portlet_footer > div > .col-md-4 h2 {
        font-size: 135%;
    }
    #portlet_footer > .col-md-4 span.big, #portlet_footer > div > .col-md-4 p.big {
        font-size: 112% !important;
    }
    #portlet_footer > .col-md-4 p, #portlet_footer > div > .col-md-4 p {
        font-size: 90%;
    }
    #portlet_footer > .col-md-4 label {
        font-size: 84%;
    }
    #portlet_footer > .col-md-4 .padTop1em {
        padding-top: 0.5em;
    }
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
    .royalSlider {
        height: 450px !important;
        width: 100% !important;
    }
    #portlet_footer > div > .col-md-4 {
        height: 345px;
    }
    .home-button::before {
        left: 3%;
    }
    .home-button::after {
        right: 3%;
    }
    #home-buttons > div > div > div:last-child .home-button {
        font-size: 82%;
        min-height: 36px;
    }
}

@media only screen and (max-width: 991px) {
    #portlet_footer > .col-sm-12 > div.bg-blue {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 766px) {
    #hero .container, #banner .container {
        padding: 0;
    }
    /* .navbar-default {
        background-color: #414044 !important;
        background-image: linear-gradient(to bottom, #414044 0%, #414044 100%);
        box-shadow: none;
        width: 100%;
    } */

    .nav > li {
        border-right: none;
    }
    .navbar-nav > li > a {
        line-height: 180% !important;
    }
    .navbar-nav > li:last-child > a {
        /* padding-right: 15px !important; */
    }

    .navbar-brand {
        color: #fff !important;
        font-size: 150%;
        margin-bottom: 5px;
        margin-top: 5px;
        padding: 0 0 0 30px;
        text-decoration: none;
    }

    .navbar-collapse {
        margin-top: 15px;
    }

    .navbar .navbar-nav {
        width: 100%;
        text-align: right;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        box-shadow: none;
    }

    .navbar-nav > li > ul::before, .navbar-nav > li > ul::after {
        border: none;
    }

    .dropdown-menu > li:nth-child(2n+1) {
        background-color: #ccc;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #ed008c;
    }

    /* .infoPanel {
        bottom: 10%;
        margin-left: 15px;
    } */

}

@media only screen and (min-width: 497px) and (max-width: 766px) {
    .royalSlider {
        height: 250px !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 520px) {
    .fsa-logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }
    /* .infoPanel {
        bottom: 5%;
        margin-left: 15px;
        width: 90%;
    } */
}

@media only screen and (max-width: 496px) {
    h1, .h1 { font-size: 230% !important; }
    h2, .h2 { font-size: 170% !important; }
    h3, .h3 { font-size: 145% !important; }
    h4, .h4 { font-size: 110% !important; }
    h5, .h5 { font-size: 101% !important; }

    .royalSlider {
        height: 240px !important;
        width: 100% !important;
    }

    .bannerDescription {
        font-size: 85%;
    }

    #portlet_footer > div > .col-xs-6, #portlet_footer > div > .col-xs-6 img {
        width: 100%;
    }
}

@media only screen and (max-width: 324px) {
    .logo {
        width: 100%;
        height: auto;
    }
}

.accordion .ui-accordion-header {
    background-color: #848480;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    text-align: center;
}

h3.ui-accordion-header a, h3.ui-accordion-header a:hover { color: #fff; }

.accordion_media ul {
    padding-left: 13px;
}

.accordion_media ul li.month {
    list-style-type: none;
    overflow: hidden;
    padding: 5px 0;
}

.accordion_media li {
    padding-left: 0px;
}

.cookieNote{
    background: #90D3C7;
    bottom: 0;
    color: #000;
    display: block;
    left: 0;
    margin-top: 0;
    padding: 8px 20px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1000;
}

.cookieNote a{
    text-decoration: none;
}

.cookieNote .text
{
    color: #000;
    font-size: 90%;
}

.cookieNote .close 
{
    border: 1px solid #000;
    border-radius: 14px;
    color: #000;
    cursor: pointer;
    float: none;
    font-size: 100%;
    font-weight: normal;
    margin-left: 10px;
    opacity: 1;
    padding: 0 7px 4px 6px;
    text-decoration: none;
    }
    
.cookieNote .close:hover { color: #4ab5c2; border: 1px solid #4ab5c2; text-decoration: none; }
    
.booking-box{
    display: inline-block;
    background-color: #90D3C7;
    color: #000;
    padding: 6px 0;
    width: 206px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.booking-center{
    width: 210px;
    display: inline-block;
    letter-spacing: 0.5px;
}

#header .booking-box a{
    color: #000;
    text-decoration: none;
}

.footer-left{
    font-size: 16px;
}

#footer .footer-left a{
    color: #fff;
}

#footer .footer-left a:hover{
    color: #90D3C7;
}

@media screen and (max-width:766px){
    .banner-temp{
        text-align: center;
    }
    .timeTemp{
        text-align: center;
    }
}

/* @media screen and (max-width:1000px){
    .banner-bar{
        height: auto;
    }
} */

@media screen and (min-width:1300px){
    .container-header{
        width: 1300px;
    }
}


#menu{
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    /* padding-left: 260px; */
    padding-left: 0px;
    margin-bottom: 30px;
}

.mestil-logo{
    position: absolute;
    margin-top: 18px;
    /* margin-top: 48px; */
    z-index: 100;
    
    max-width: 100%;
    height: auto;
}

.mobile-pad{
    padding-left: inherit;
    padding-right: inherit;
}

@media screen and (max-width: 766px){
    #menu{
        /* padding-bottom: 40px; */
    }
    .mestil-logo{
        /* position: relative;
        z-index: 100; */
        margin-top: 0;
    }
    .mobile-center{
        text-align: center;
    }
    /* #menu{
        display: none;
    } */
    .booking-box{
        width: 100%;
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 10px;
    }
    .header-pad {
        margin-bottom: 20px;
    }
    .mobile-pad{
        padding-left: 0px;
        padding-right: 0px;
    }
}

.header-pad{
    margin-bottom: 30px;
}

.kampala-time{
    margin-right: 10px;
}

.kampala-temp{
    margin-left: 10px;
}

.timeTemp{
    display: inline-block;
    text-align: left;
    padding: 25px 25px 25px 0px;
}

.timeTemp p{
    font-size: 16px;
    line-height: 1.42857143;
}

input{
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
    color: #000;
    border: none;
    outline: none;
    padding: 0px 10px 0px 10px;
    height: 30px;
    /* text-transform: uppercase; */
    width: 100px;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-right: 7px;
    margin-left: 0;
    font-size: 13px;
}

input:not(:first-child){
    margin-right: 7px;
    margin-left: 8px;
}

/* @media screen and (max-width:410px){
    input{
        width: 130px;
        margin-right: 0;
    }
    button{
        width: 150px;
        margin-right: 0;
    }
} */

button, input[type="submit"]{
    background-color: #000;
    border: none;
    outline: none;
    color: #fff!important;
    height: 30px;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 7px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}

.see-more{
    display: inline-block;
    background-color: #000;
    border: none;
    outline: none;
    color: #fff!important;
    width: 200px;
    padding: 6px;
    text-decoration: none;
}

input[type="date"]{
    width: 130px;
    font-family: 'Open Sans', sans-serif;
    color: #777;
}

.booking-form{
    padding: 19px 0px;
}

.navbar-default .navbar-toggle {
    border: none;
    padding-top: 30px;
    padding-bottom: 50px;
}

.iframe-height{
    height: 100px;
}

.banner-form, .banner-temp{
    min-height: 100px;
    height: 100px;
    font-size: 16px;
}

.banner-temp{
    height: 100px;
}

/* SC | NEW BOOKING STYLING - START */
/* .banner-form, .banner-temp{
    min-height: 82px;
    height: 82px;
    font-size: 16px;
} 

.banner-temp{
    display: flex;
    justify-content: center;
}*/
 /* SC | NEW BOOKING STYLING - END */

@media screen and (min-width:768px) {
    .collapse{
        visibility: visible;
        display: block;
    }
}

.banner-form{
    height: 100px;
}

@media screen and (max-width:1220px){
    .banner-form{
        height: 155px;
    }
} 

@media screen and (max-width:991px){
    .banner-form{
        height: 100px;
        min-height: 72px;
    }
}

@media screen and (max-width:768px){
    .banner-form{
        height: auto;
        min-height: 72px;
    }
}

@media screen and (max-width:740px){
    .banner-form{
        /* height: 155px; */
        min-height: 72px;
    }
}

@media screen and (max-width:410px){
    .in .banner-form{
        min-height: 170px;
    }
}

@media screen and (max-width:303px){
    .in .banner-form{
        min-height: 235px;
    }
}

.footerList{
    list-style: none;
}

#footer li, #footer li a{
    text-transform: uppercase;
    color: #fff;
}

#footer li:hover,#footer li a:hover{
    color: #90D3C7;
}

.slider-box{
	text-align: center;
    padding: 0 40px;
}

.slider-box h1,.slider-box h2,.slider-box h3,.slider-box h4,.slider-box h5,.slider-box p{
    color: #fff;
}

.slider-contain{
	text-align: center;
	padding: 0 15px;
}

.product_slider{
	width: 100%;
	padding: 50px 50px 34px;
}
/* 
.home_slider{
	width: 100%;
	padding: 50px 50px 34px;
} */

.button{
    font-size: 13px;
    color: #000!important;
    background-color: #90D3C7;
    padding: 4px 70px;
    margin-top: 10px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.align-center{
    margin-left: auto;
    margin-right: auto;
}

.home-button{
    color: #fff;
    padding: 20px;
    text-align: center;
    display: inline-block;
    background-color: #000;
    border: solid rgba(0,0,0,0) 3px;
    cursor: pointer;
    margin: auto;
    width: 320px;
    max-width: 75%;
}

.home-button a{
    text-decoration: none;
}

/* .home-button:hover{
    border: solid #fff 3px;
} */

.home-rollover{
    height: 260px;
    width: 100%;
    background-color: orange;
    display: flex;
    position: relative;
    border: solid #fff;
    border-width: 0px 0px 7px;
    transition: .3s;
}

@media screen and (max-width: 768px){
    .home-rollover{
        height: 100px;
    }
    .home-button{
        padding: 10px;
    }
}

.home-rollover:first-child{
    border-width: 7px 0px;
}

/* .home-fade{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    opacity: 0;
    transition: .3s;
    cursor: pointer;
}

.home-fade:hover{
    opacity: 0.5;
} */

.rollover-parent{
    background-color: #fff;
    transition: .3s;
}

.home-rollover{
    opacity: 0.5;
    transition: .3s;
}

.home-rollover:hover{
    opacity: 1;
    transition: .3s;
}

.home-rollover:hover .home-button{
    border: solid #fff 3px;
    transition: .3s;
}

.home-rollover{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

/* .home-rollover:first-child{
    background-image: url(/images/reservations.jpg);
}

.home-rollover:nth-child(2){
    background-image: url(/images/services.jpg);
}

.home-rollover:nth-child(3){
    background-image: url(/images/accommodation.jpg);
}

.home-rollover:nth-child(4){
    background-image: url(/images/offers.jpg);
} */

.menusublinks{
    text-align: center;
}

.menulinkdiv{
    display: inline-block;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.menulinkdiv:not(:last-child):after {
    content: "|";
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0 20px;
}

@media screen and (max-width: 768px){
    .menulinkdiv{
        width: 100%;
    }
    .menulinkdiv:not(:last-child):after {
        content: "";
        margin: 0;
    }
}

.menulinkdiv a{
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
}

.menulinkdiv a:hover{
    border-bottom: solid #000 1px;
}

.menusublinks .active .sublink-button{
    border-bottom: solid #90D3C7 3px;
}

.bx-wrapper {
    margin-bottom: 0 !important;
    border: none !important;
}

.unset-transform{
    text-transform: none;
}

.slick-dots{
    position: relative;
}

.gallery_slider{
    margin-bottom: 44px!important;
    margin-top: 30px;
}

.gallery-img{
    text-align: center;
}

.gallery-img img{
    max-height: 600px;
    margin: auto;
}

.slick-dots li::before{
    display: none;
}

.slick-dots li:not(:last-child)::after {
    content: "|";
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0 5px;
}

.slick-dots li a{
    color: #000;
    padding: 1px;
    border-bottom: solid 1px transparent;
    text-decoration: none;
}

.slick-active a{
    border-bottom: solid 1px black!important;
}

.gallery_slider .slick-prev{
    left: 150px;
    z-index: 10;
    top:46%;
}

.gallery_slider .slick-next {
    right: 150px;
    z-index: 10;
    top:46%;
}

@media screen and (max-width:768px){
    .gallery_slider .slick-prev{
        left: 20px;
        top:37%;
    }
    
    .gallery_slider .slick-next {
        right: 20px;
        top:37%;
    }
}

.slick-slide img {
    max-width: 100%;
    height: auto;
}

.care-wrapper{
    background: rgba(0,0,0,.7);
    height: 100%;
    top: 0;
    color: #000;
    display: block;
    left: 0;
    margin-top: 0;
    padding: 8px 20px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

.care-popup{
    display: block;
    background: #90D3C7;
}

.care-popup .close{
    color: #000;
    z-index: 101;
    opacity: 1;
    text-decoration: none;
    /* padding: 5px 15px 0px; */
    padding-block: 0px;
    padding-inline: 10px;
    margin-bottom: 5px;
    font-size: 32px;


}

.care-popup a{
    display: block;
}

@media screen and (max-width: 678px) {
    .care-popup img {
    width: 300px;
    }
}

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

.awards img {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 992px) {
    .awards img {
    padding-left: 0px;
    padding-right: 0px;
}
}

@media screen and (max-width: 1200px) {
    .awards {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 700px) {
    .awards {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 1200px) {
    .awards img {
        width: auto;
        height: 200px;
        padding: 5px;
    }
}

@media screen and (max-width: 992px){
    #footer {
        text-align: center;
    }
}

@media screen and (max-width: 992px){
    .footerList li {
        margin-left: -40px;
    }
}


.awardsMobile img {
    width: auto;
    height: 200px;
    display: flex;
    justify-content: center;
    
}

#popupFilter{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (min-width:1100px){
    #popupFilter{
        margin-top: -150px;
    }
}

.panelContainer .popupFilter{
    background-color: rgba(0,0,0,0);
}

.popup-box{
    width: fit-content;
    max-width: 100%;
    /* min-height: 450px; */
    /* max-height: 100%; */
    margin: 12% auto;
    /* background: #ef9a21; */
    color: #000;
    padding: 10px;
}

@media screen and (max-width:768px){
    .popup-box{
        margin: 0 auto;
        border-radius: 0;
    }
}

.popup-box h2{
    margin-top: 20px;
}

.popup-box-close{
    float: right;
    /* font-family: 'DidotLTPro-Headline'; */
    color: #000!important;
    font-size: 24px!important;
    font-weight: 700!important;
    line-height: .9!important;
    border: none!important;
    margin: 0!important;
    background: none;
}

.popup-box-close:hover{
    color: #000!important;
    text-decoration: none!important;
}

.popupWrapper button, input[type="submit"]{
    background-color: #1e2d03;
    height: 30px;
    margin-top: 16px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-size: 15px;
    font-weight: 700;
    width: 100%;
}

.form-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: normal;
}

.form-submit-wrapper {
    display: flex;
    justify-content: flex-end;
}


@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: left;
    }
}

.eventdiv {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-inline: 30px;
    align-items: center;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.img-fluid img {
    max-width: 100%;
    height: auto;
}

.background-purple {
    background-color:#bfb1c9;
    padding-block: 50px;
}

.background-cream {
    background-color:#b8c2b9;
    padding-block: 50px;
}

.event-button {
    color: #000;
    padding: 10px;
    border: #000 solid 2px;
    border-radius: 35px;
    display: inline-block;
    margin-block: 10px;
    text-decoration: none;
}

.event-button:hover {
    color: #000;
    text-decoration: none;
}

.brochure-title {
    color: #000;
    padding-top: 20px;
}

.brochure-title:hover {
    color: #000;
    text-decoration: none;
}

.align-left {
    text-align: left;
}

/* SC | NEW BOOKING STYLING - START */
/* .modal-backdrop.show {
    display: none !important;
  }
  #myModal {
    background: #0009;
  }
  .fade {
    opacity: 1;
  }
  .breadcrumb { background: none }
  
  #booking-widget .vue-btnbb {
    padding: 0;
  }
  
  booking-widget .form-group label {
    visibility: visible;
  }
  
  #occupancy-control {
    display: flex;
    justify-content: space-between;
  } */
  
  /* Side card */
  /* .vue-offers-card .card-img-top:hover {
    transform: scale(4) translate(-5rem,-3rem);
    transition: transform .5s ease;
  }
  #booking-widget .vue-right-side {
    margin: unset;
  }
  
  svg,
  #booking-widget h1.room-title,
  #booking-widget h2 {
    margin-bottom: 0em;
  }
  
  #booking-widget .notify-container .fa, 
  #booking-widget .notify-container h4.notify-title, 
  #modalbookingForm .modal-header,
  #booking-widget .notify-text span.timerspan { 
    color: #90d3c7 !important;
  }
  
  #booking-widget .vue-date-box label,
  #booking-widget .content-body,
  #booking-widget .vue-content-body, 
  #booking-widget p, #booking-widget span {
    font-family: 'Open Sans', sans-serif !important;
  }
  
  #booking-widget .reserveport-form-wrap h3,
  #booking-widget h1.room-title,
  #booking-widget h2, .modal-title, 
  #booking-widget .vue-side_top_card h3 {
    font: 600 2rem "Open Sans", sans-serif;
  }
  
  #booking-widget a, #booking-widget .show-cp:hover,
  #booking-widget .vue-show-details:hover,
  #booking-widget .vue-show-tc:hover,
  #vue-havepromo.vue-horizontal,
  #booking-widget h1.room-title:hover {
    color: #90d3c7;
  }
  
  #booking-widget h2 {
    font-size: 2.5rem;
  }
  
  label.checkmark {
    position: relative;
  }
  
  #booking-widget .vue-date-box[data-v-07c68727] {
    box-shadow: 0 0 12px 5px rgba(0, 0, 0, .1);
    transition: all 0.3s ease-in-out;
  }
  
  #booking-widget .icon {
    position: relative;
    width: 100%;
  }
  
  #vue-toggle_residency .vue-btn.active, 
  #booking-widget .btn-orange-solid,
  #booking-widget .btn-solid,
  #booking-widget .sub-total .btn.btn-solid,
  #booking-widget .vue-btn-proceed {
    border: 1px solid #90d3c7 !important;
    color: black !important;
    background: #90d3c7 !important;
  }
  
  .mx-calendar-content .cell.active,
  #booking-widget .btn-orange-solid:hover,
  #vue-toggle_residency .vue-btn,
  #vue-toggle_residency .vue-btn:hover,
  #booking-widget .btn-solid:hover,
  #booking-widget .sub-total .btn.btn-solid:hover,
  #booking-widget .vue-btn-proceed:hover, 
  button#submitFormBtn:hover,
  #vue-btn-managebooking:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 35px rgba(0,0,0,.125);
  }
  
  #booking-widget .hotel .notify-container, #booking-widget .reserveport-iframe-wrap .notify-container,
  #booking-widget #alert-msg.ui-pnotify.ui-pnotify-inline {
    background: #242424 !important;
  }
  
  #modalbookingForm {
    padding-top: 4rem;
  }
  #booking-widget .responsive {
    max-width: unset;
  }
  
  .owl-carousel .owl-item img, #booking-widget .room-full-slider img {
    max-height: 400px;
    object-fit: cover;
    margin: auto;
  }
  
  #bedimg, booking-widget .pull-right img {
    filter: brightness(0) saturate(100%) invert(44%) sepia(0%) saturate(1041%) hue-rotate(214deg) brightness(104%) contrast(90%);
  }
  
  #booking-widget .room-title-details.row,
  #booking-widget .room-title-details .pull-right, figure {
    display: flex;
  }
  
  #booking-widget .room-title-details .pull-right .btn-solid {
    margin-left: auto;
    left: 0;
    bottom: 0;
  }
  
  #booking-widget .room-view .room .room-details {
    position: relative;
  }
  
  #image-lightbox {
    display: flex;
    justify-content: center;
  }
  
  #image-lightbox .row {
    margin-left: 0 !important;
  }
  
  #booking-widget #vue-smallScreen input, #booking-widget #vue-smallScreen .vue-small_large_select {
    text-transform: uppercase;
    font-size: 1em;
  }
  
  #booking-widget .close {
  padding: 4px 6px;
  background: #90d3c7 !important;
  opacity: 1;
  }
  
  #modalbookingForm button.close {
    border: none;
  }
  
  #image-lightbox .modal-dialog, #image-lightbox .vue-lightbox img {
    width: max-content;
    max-width: 800px;
  }
  
  
  @media only screen and (max-width: 600px) {
    #image-lightbox .modal-dialog {
      position: relative;
      transform: translate(0%, 0%) !important;
      left: 0;
      max-width: none;
    }
    .vue-mobile .col-md-6.col-xs-6 {
      width: 50%;
    }
  
    #image-lightbox .row {
      margin-right: 0;
    }
  
    #image-lightbox .vue-lightbox img {
      width: 100%;
    }
  
    .room-full-slider {
        width: 576px;
    }
  } */

  /* Pesapal book.html - Start */
  /* .modal-backdrop.show { display: none !important; }
#myModal { background: #0009; }
.fade, #booking-widget .close { opacity: 1; }
.breadcrumb { background: none }

#booking-widget .vue-btnbb { padding: 0; }

booking-widget .form-group { display: block }

booking-widget .form-group label { visibility: visible; }

#occupancy-control {
  display: flex;
  justify-content: space-between;
} */

/* side card */
/* .vue-offers-card .card-img-top:hover {
  transform: scale(4) translate(-5rem,-3rem);
  transition: transform .5s ease;
}

#booking-widget .vue-right-side { margin: unset; }

svg,
#booking-widget h1.room-title,
#booking-widget h2 {
  margin-bottom: 0em;
}

#booking-widget .vue-date-box label,
#booking-widget .content-body,
#booking-widget .vue-content-body, 
#booking-widget p, #booking-widget span {
  font-family: 'Open Sans', sans-serif !important;
}

#booking-widget .reserveport-form-wrap h3,
#booking-widget h1.room-title,
#booking-widget h2, .modal-title, 
#booking-widget .vue-side_top_card h3 {
  font: 600 2rem "Open Sans", sans-serif;
}

#booking-widget .notify-container .fa, 
#booking-widget .notify-container h4.notify-title, 
#modalbookingForm .modal-header,
#booking-widget .notify-text span.timerspan,
#booking-widget a, #booking-widget .show-cp:hover,
#booking-widget .vue-show-details:hover,
#booking-widget .vue-show-tc:hover,
#vue-havepromo.vue-horizontal,
#booking-widget h1.room-title:hover {
  color: #90d3c7;
}

#booking-widget h2 { font-size: 2.5rem; }

#booking-widget .vue-date-box[data-v-07c68727] {
  box-shadow: 0 0 12px 5px rgba(0, 0, 0, .1);
  transition: all 0.3s ease-in-out;
}

label.checkmark, #booking-widget div.icon,
#booking-widget .room-view .room .room-details { position: relative; }

#vue-toggle_residency button.vue-btn { height: auto }

.mx-calendar-content td.cell.active, 
#vue-toggle_residency button.vue-btn.active, 
#booking-widget .btn-orange-solid,
#booking-widget .btn-solid,
#booking-widget .sub-total .btn.btn-solid,
#booking-widget .vue-btn-proceed {
  border-color: #90d3c7 !important;
  background-color: #90d3c7 !important;
  height: auto;
}

#booking-widget .btn-orange-solid:hover,
#vue-toggle_residency .vue-btn:hover,
#booking-widget .btn-solid:hover,
#booking-widget .sub-total .btn.btn-solid:hover,
#booking-widget .vue-btn-proceed:hover, 
button#submitFormBtn:hover,
#vue-btn-managebooking:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 35px rgba(0,0,0,.125);
}

#booking-widget .hotel .notify-container, 
#booking-widget .reserveport-iframe-wrap .notify-container,
#booking-widget #alert-msg.ui-pnotify.ui-pnotify-inline {
  background: #242424 !important;
}

#modalbookingForm {
  padding-top: 4rem;
}
#booking-widget .responsive {
  max-width: unset;
}

.owl-carousel .owl-item img, #booking-widget .room-full-slider img {
  max-height: 400px;
  object-fit: cover;
  margin: auto;
}

#bedimg, booking-widget .pull-right img {
  filter: brightness(0) saturate(100%) invert(44%) sepia(0%) saturate(1041%) hue-rotate(214deg) brightness(104%) contrast(90%);
}

#image-lightbox, #booking-widget .room-title-details.row,
#booking-widget .room-title-details .pull-right, figure {
  display: flex;
}

#image-lightbox { justify-content: center; }

#image-lightbox .row { margin-left: 0 !important; }

#booking-widget #vue-smallScreen input, 
#booking-widget #vue-smallScreen .vue-small_large_select {
  text-transform: uppercase;
  font-size: 1em;
}

#booking-widget .booking-btngrp input[disabled].vue-fxcount,
#booking-widget .booking-btngrp button,
.form-control.vue-email_screen.sd { margin: 0}

#booking-widget .close {
padding: 4px 6px;
background: #90d3c7 !important;
}

#modalbookingForm button.close {
  border: none;
}

#image-lightbox .modal-dialog, #image-lightbox .vue-lightbox img {
  width: max-content;
  max-width: 800px;
}


@media only screen and (max-width: 600px) {
  #image-lightbox .modal-dialog {
    position: relative;
    transform: translate(0%, 0%) !important;
    left: 0;
    max-width: none;
  }
  .vue-mobile .col-md-6.col-xs-6 {
    width: 50%;
  }

  #image-lightbox .row {
    margin-right: 0;
  }

  #image-lightbox .vue-lightbox img {
    width: 100%;
  }

  .room-full-slider {
    width: 576px;
  }
} */
  /* Pesapal book.html - End */


  /* Pesapal Search.html - Start */
  /* .noPad { width: inherit; } 
search-availability, 
#booking-widget .vue-email_screen {
  color: white;
  margin: 0 auto;
  display: block;
}

#occupancy-control {
  display: flex;
  justify-content: space-between;
}

search-availability #booking-widget .reserveport-form-wrap, search-availability #app #booking-widget .vue-date-box .vue-btn-wrap.avail-wrap {
  background: #777 !important;
}

#booking-widget .vue-content-body {width: auto }

search-availability #booking-widget, 
search-availability .vue-date-box label, 
search-availability .form-group input {
  font-family: var(--body-font), sans-serif !important;
  text-align: left;
}

search-availability .vue-date-box input.vue-coupon_code_screen,
search-availability #vue-btn-search.btn-orange-solid {
  max-width: fit-content !important;
  width: fit-content !important;
}

search-availability #vue-dropdown-home { color: black }

search-availability .vue-search-box, 
search-availability button  {
  margin: 0 !important;
}

search-availability #vue-btn-search.btn-orange-solid { 
  text-transform: uppercase !important;
  line-height: normal;
  width: max-content;
}
search-availability #vue-btn-search.btn-orange-solid:hover{ 
  background-color: #89a0ae !important;
  border-color: #89a0ae !important;
}

a#havepromo.vue-horizontal {
  color: orange !important;
  text-decoration: none;
  text-transform: capitalize;
}

#app #booking-widget .reserveport-form-wrap, 
search-availability .booking-btngrp .vue-btnb {
  padding: 0;
}

@media screen and (max-width: 1220px) {
  .banner-form {
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  search-availability { width: 80%; }
}

@media screen and (min-width: 768px) {
  search-availability .collapse {
    visibility: hidden;
    display: none;
  }
}

@media screen and (min-width: 768px) {
  search-availability .collapse.show {
    visibility: visible;
    display: block;
  }
} */
/* Pesapal Search.html - End */

/* Reservation page style - start */
/* .reservation-booking-div {
height: 100%;
background: #fff !important;
}
.reservation-container {
background: #fff !important;
}

.mx-btn, .mx-btn-text {
color: #000 !important;
}

.form-control, .vue-email_screen {
    color: #000 !important;
}

.reservation-booking-wrapper-custom {
    padding-inline: 0px;
} */
/* Reservation page style - end */
 /* SC | NEW BOOKING STYLING - END */


/* Events section styling - Start */

.contact-buttons {
    display: flex;
    justify-content: left;
    align-items: baseline;
    gap: 10px;

    padding-top: 30px;
}

.contact-buttons a, a.contact-button {
    border: solid 2px #000;
    padding-inline: 40px;
    padding-block: 10px;

    font-size: 1.3em;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

@media only screen and (max-width: 1200px) {
    .contact-buttons {
        display: flex;
        justify-content: left;
        align-items: baseline;
        gap: 10px;
    
        padding-top: 30px;
    }
    
    .contact-buttons a, a.contact-button {
        border: solid 2px #000;
        padding-inline: 20px;
        padding-block: 5px;
    
        font-size: 1em;
        font-weight: bold;
        color: #000;
        text-decoration: none;
    }
}

.contact-buttons a:hover, a.contact-button:hover {
    text-decoration: none;
    color: grey;
    pointer-events: all;
}

.events-hr {
    border-top: 1px solid #000;
    margin-top: 30px;
    margin-bottom: 30px;
}

@media only screen and (max-width: 1200px) {
    .text-column {
        padding-bottom: 50px;
        padding-top: 50px;
    }
}

@media only screen and (min-width: 1200px) {
    .text-column {
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 100px;
    }

    .text-column-left {
        /* padding-left: 100px; */
        padding-right: 100px;
        padding-top: 100px;
    }

    .contact-buttons {
        margin-top: 150px;
        margin-bottom: 50px;
    }
}

.section-wrapper h2 {
    font-size: 2rem;
    font-weight: 500;

    font-family: Helvetica-Neue-Roman;
    text-transform: capitalize;
}

.section-wrapper h3 {
    font-size: 1.5rem;
    font-weight: 400;

    font-family: Helvetica-Neue-Roman;
    text-transform: capitalize;
}

.section-wrapper p {
    font-size: 1.1rem;
    font-weight: 400;
    /* letter-spacing: 0.6px; */

    font-family: Helvetica-Neue-Roman;
    text-transform: none;
}

.blue-section {
    background-color: #b5d8ff;
}

.green-section {
    background-color: #FFB800;
}

.image-column {
    padding-inline: 0px;
}

.social-links {
    margin-top: 50px;
    display: flex;
    justify-content: flex-end;
    gap: 30px;
}

.white-section {
    background-color: #fff;
}


.light-grey-section {
    background-color: #ededed;
}

.center-image img {
    padding-top: 110px;
}

.event-bullet-list {
    text-align: left;
    margin-left: 15px;

    font-size: 1rem;
    font-weight: 400;
    font-family: Helvetica-Neue-Roman;
}

.share-btn{
    font-size: 16px;
    font-weight: 700;
    padding: 15px 30px;
    height: auto;
    background: #90d3c7;
    color: #000 !important;
}
/* Events section styling - End */