@charset "utf-8";

/* CSS Document */


/*
    Theme Name: Meriel
    Description: Meriel Theme
    Author: Developer: Neethu, Designer: Shiva, Cino, Anand
*/

@font-face {
    font-family: 'museo_sans900_italic';
    src: url('fonts/museosans-900italic-webfont.eot');
    src: url('fonts/museosans-900italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans-900italic-webfont.woff2') format('woff2'), url('fonts/museosans-900italic-webfont.woff') format('woff'), url('fonts/museosans-900italic-webfont.ttf') format('truetype'), url('fonts/museosans-900italic-webfont.svg#museo_sans900_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans900';
    src: url('fonts/museosans-900-webfont.eot');
    src: url('fonts/museosans-900-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans-900-webfont.woff2') format('woff2'), url('fonts/museosans-900-webfont.woff') format('woff'), url('fonts/museosans-900-webfont.ttf') format('truetype'), url('fonts/museosans-900-webfont.svg#museo_sans900') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans700_italic';
    src: url('fonts/museosans-700italic-webfont.eot');
    src: url('fonts/museosans-700italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans-700italic-webfont.woff2') format('woff2'), url('fonts/museosans-700italic-webfont.woff') format('woff'), url('fonts/museosans-700italic-webfont.ttf') format('truetype'), url('fonts/museosans-700italic-webfont.svg#museo_sans700_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans700';
    src: url('fonts/museosans-700-webfont.eot');
    src: url('fonts/museosans-700-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans-700-webfont.woff2') format('woff2'), url('fonts/museosans-700-webfont.woff') format('woff'), url('fonts/museosans-700-webfont.ttf') format('truetype'), url('fonts/museosans-700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans500_italic';
    src: url('fonts/museosans-500italic-webfont.eot');
    src: url('fonts/museosans-500italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans-500italic-webfont.woff2') format('woff2'), url('fonts/museosans-500italic-webfont.woff') format('woff'), url('fonts/museosans-500italic-webfont.ttf') format('truetype'), url('fonts/museosans-500italic-webfont.svg#museo_sans500_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans500';
    src: url('fonts/museosans-500-webfont.eot');
    src: url('fonts/museosans-500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans-500-webfont.woff2') format('woff2'), url('fonts/museosans-500-webfont.woff') format('woff'), url('fonts/museosans-500-webfont.ttf') format('truetype'), url('fonts/museosans-500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans300_italic';
    src: url('fonts/museosans-300italic-webfont.eot');
    src: url('fonts/museosans-300italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans-300italic-webfont.woff2') format('woff2'), url('fonts/museosans-300italic-webfont.woff') format('woff'), url('fonts/museosans-300italic-webfont.ttf') format('truetype'), url('fonts/museosans-300italic-webfont.svg#museo_sans300_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans300';
    src: url('fonts/museosans-300-webfont.eot');
    src: url('fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans-300-webfont.woff2') format('woff2'), url('fonts/museosans-300-webfont.woff') format('woff'), url('fonts/museosans-300-webfont.ttf') format('truetype'), url('fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans100_italic';
    src: url('fonts/museosans-100italic-webfont.eot');
    src: url('fonts/museosans-100italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans-100italic-webfont.woff2') format('woff2'), url('fonts/museosans-100italic-webfont.woff') format('woff'), url('fonts/museosans-100italic-webfont.ttf') format('truetype'), url('fonts/museosans-100italic-webfont.svg#museo_sans100_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans100';
    src: url('fonts/museosans-100-webfont.eot');
    src: url('fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans-100-webfont.woff2') format('woff2'), url('fonts/museosans-100-webfont.woff') format('woff'), url('fonts/museosans-100-webfont.ttf') format('truetype'), url('fonts/museosans-100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AdobeGaramondSemiboldItalic';
    src: url('fonts/AdobeGaramondSemiboldItalic.eot');
    src: url('fonts/AdobeGaramondSemiboldItalic.eot') format('embedded-opentype'), url('fonts/AdobeGaramondSemiboldItalic.woff2') format('woff2'), url('fonts/AdobeGaramondSemiboldItalic.woff') format('woff'), url('fonts/AdobeGaramondSemiboldItalic.ttf') format('truetype'), url('fonts/AdobeGaramondSemiboldItalic.svg#AdobeGaramondSemiboldItalic') format('svg');
}

@font-face {
    font-family: 'AdobeGaramondProBold';
    src: url('fonts/AdobeGaramondProBold.eot');
    src: url('fonts/AdobeGaramondProBold.eot') format('embedded-opentype'), url('fonts/AdobeGaramondProBold.woff2') format('woff2'), url('fonts/AdobeGaramondProBold.woff') format('woff'), url('fonts/AdobeGaramondProBold.ttf') format('truetype'), url('fonts/AdobeGaramondProBold.svg#AdobeGaramondProBold') format('svg');
}


/*................................................
    BASIC STYLING FOR COMMON HTML ELEMENTS
.................................................*/

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;
    vertical-align: baseline;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%;
    width: 100%;
}

li {
    list-style-type: none;
}

html,
button,
input,
select,
textarea {
    color: #343433;
}

* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus{
    outline-width: 2px;
    outline-style: dotted;
    outline-color: transparent;
}


.using-keytab :focus{
        outline-color: inherit;
}

body {
    margin: 0;
    font-size: 16px;
    line-height: 25px;
    font-family: 'museo_sans300';
    letter-spacing: 0px;
    height: 100%;
    font-weight: 400;
}

a,
input[type="button"] {
    cursor: pointer;
    text-decoration: none;
}

a {
    color: #343433;
    outline: none;
}

.no-opacity {
    opacity: 0;
}

img,
input,
textarea {
    border: 0px;
    outline: none;
    resize: none;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    /*width: auto\9;*/
    outline: none;
}

input::-ms-clear {
    display: none;
}

::-webkit-input-placeholder {
    color: #fff;
}

:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #fff;
}

.clr {
    clear: both;
}

.desktop {
    display: none;
}

.hide {
    display: none!important;
}

.remove {
    height: 0;
    opacity: 0;
    padding: 0!important;
}

.orange {
    background-color: #f57e6e;
    margin-top: 0!important;
    position: fixed;
}

b {
    font-weight: bold;
}

sup {
    display: inline-block;
    top: -4px;
    position: relative;
}

.width50 {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.section-category {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    font-family: 'museo_sans500';
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.section-title {
    font-size: 37px;
    line-height: 40px;
    text-align: center;
    white-space: normal;
    color: #ffffff;
    font-family: "adobe-garamond-pro", "AdobeGaramondSemiboldItalic";
    font-weight: 600;
    font-style: italic;
}

.list-category {
    font-size: 15px;
    line-height: 19px;
    color: #983838;
    font-family: 'museo_sans700';
    text-transform: uppercase;
    margin-bottom: 5px;
}

.sublist-category {
    font-size: 16px;
    line-height: 25px;
    font-family: 'museo_sans900';
    color: #ffffff;
    margin-bottom: 10px;
}

.body-content,
.inner-desc {
    font-size: 16px;
    line-height: 25px;
    font-family: 'museo_sans300';
    text-align: center;
    color: #ffffff;
}

/* Selectivo */

.selectivo {
    position: relative;
    display: inline-block;
    background: white;
}

.selectivo__label,
.selectivo__option {
    display: block;
    width: 100%;
    padding: 1em;
    padding-right: 2.5em;
    border: 0;
    background: transparent;

    color: inherit;
    white-space: nowrap;

    cursor: pointer;
    outline: none;
}

.selectivo__label:focus,
.selectivo__option:focus {
    outline: 1px dotted gray;
}

.selectivo__label::-moz-focus-inner,
.selectivo__option::-moz-focus-inner {
    border: 0;
}

.selectivo__label,
.selectivo__dropdown {
    border: 1px solid #E3E3E3;
}

.selectivo__dropdown {
    display: none;
    position: absolute;
    z-index: 8;
    top: 0; left: 0; right: 0;
    overflow: hidden;
    background: white;
    max-height: 300px;
    overflow-y: auto;
}

.selectivo--open .selectivo__dropdown {
    display: block;
}


/*.common-wrapper{padding-top:160px;}*/

#floorplans-listing .system-hide {
    display: none !important;
}

#floorplans-listing .device-hide {
    display: table-cell !important;
}

.device #floorplans-listing .system-hide {
    display: block !important;
}

.device #floorplans-listing .device-hide {
    display: none !important;
}


/*................................................
    HEADER
.................................................*/

header {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    color: #003943;
    background: #fff;
    z-index: 9;
    -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 a {
    color: #003943;
    display: inline-block;
}

header #header {
    padding: 32px 30px;
    height: 100px;
    -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 .meriel img {
    width: 117px;
}

#main-wrapper header>.promotion {
    color: #ffffff;
    width: 100%;
    font-family: 'museo_sans500';
    font-size: 15px;
    line-height: 60px;
    width: 100%;
    text-align: center;
    background-color: #983838;
    text-transform: uppercase;
    -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;
}

html.system #main-wrapper header>.promotion:hover,
#main-wrapper header>.promotion.active {
    color: #003943;
}

header .header-right {
    float: right;
}


/*header .header-right .signup{display: none;}*/

header .header-right>a,
header .header-right>.phonenumber {
    text-transform: uppercase;
    font-family: 'museo_sans500';
    font-size: 12px;
    margin: 0 0 0 20px;
    vertical-align: top;
}

header .header-right a.active,
html.system header .header-right a:hover {
    color: #983838;
}

header .header-right .location-icon img,
header .header-right .signup img {
    height: 32px;
}

header .header-right .mob-call-icon img {
    height: 30px;
}

header.orange #header .meriel img {
    height: auto;
}


/*header.orange #header .header-right > a{margin-top:5px;}*/


/*.orange #header .menu-icon{margin-top:6px;}*/


/*.orange #header .menu-icon span.menu-txt{top:33px;}*/

header .header-right>a.social-icon {
    display: none;
}

header .header-right .schedule-a-tour img,
header .header-right .signup img {
    height: 19px;
}

header .header-right .schedule-a-tour,
header .header-right .signup {
    text-align: center;
}

header .header-right>a.address {
    margin-left: 5px;
}

header .header-right>a.address,
header .header-right>.phonenumber {
    font-family: 'museo_sans700';
}

header .header-right .subtext {
    display: block;
    font-family: 'museo_sans500';
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
}

header .header-right>.txt_link {
    padding-top: 3px;
}

.menu-icon {
    float: right;
    width: 32px;
    height: 39px;
    position: relative;
    margin: 0 0 0 30px;
    background: none;
    border: 0;
    padding: 0;
    outline-offset: 2px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.menu-icon span,
.close span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #003943;
    border-radius: 0px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.menu-icon span:nth-child(1) {
    top: 0px;
}

.menu-icon span:nth-child(2) {
    top: 8px;
}

.menu-icon span:nth-child(3) {
    top: 16px;
}

.menu-icon span.menu-txt {
    font-family: 'museo_sans500';
    font-size: 10px;
    top: 18px;
    height: auto;
    background: transparent;
    text-transform: uppercase;
    text-align: center;
}

.menu-icon.open span:nth-child(1),
.close span:nth-child(1) {
    top: 13px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.menu-icon.open span:nth-child(2) {
    opacity: 0;
}

.menu-icon.open span:nth-child(3),
.close span:nth-child(2) {
    top: 13px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.menu-icon.open span.menu-txt {
    opacity: 0;
}

.menu {
    display: none;
    width: 100%;
    height: 100%;
    padding-top: 160px;
    position: fixed;
    z-index: 8;
    top: 0;
    /*background:url(images/header/ExpandedNav-bgpattern.png)no-repeat center center #00a790;*/
    background: url(images/header/NavyTopographicPattern.jpg)no-repeat center center #003943;
    background-size: cover;
}

.menu-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.menu .menu-container {
    position: relative;
    padding-bottom: 45px;
    height: 100%;
}

.menu ul {
    padding: 10px;
    width: 100%;
}

.menu ul li {
    margin-top: 13px;
    width: 100%;
    text-align: center;
}

.menu #menu-header-menu li:nth-last-child(1) a {
    padding-bottom: 11px;
}

.menu #menu-header-menu li:nth-last-child(1) a:after {
    background: none;
}


/*.menu ul li:after {content: url(images/link-selection.png);width: 100%;display: block;transform:translate3d(0,0,0);}*/

.menu ul li a {
    color: #ffffff;
    font-size: 25px;
    font-family: "adobe-garamond-pro", "AdobeGaramondSemiboldItalic";
    font-weight: 600;
    font-style: italic;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    position: relative;
    padding-bottom: 19px;
    display: inline-block;
}

.menu ul li a:after {
    position: absolute;
    width: 100%;
    width: 50px;
    background-size: contain!important;
    content: " ";
    height: 10px;
    bottom: 0;
    left: 0;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
}

.menu ul.secondary-menu {
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    padding: 12px;
    height: 45px;
    background: #ffffff;
    display: inline-block;
    text-align: center;
}

.menu ul.secondary-menu li {
    width: auto;
    margin: 0;
    display: inline-block;
}

.menu ul.secondary-menu li:after {
    content: "|";
    display: inline-block;
    padding: 0 8px 0 12px;
    color: #983838;
    font-size: 13px;
}

.menu ul.secondary-menu li:last-of-type:after {
    display: none;
}

.menu ul.secondary-menu li a {
    color: #003943;
    font-family: 'museo_sans500';
    font-style: normal;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.menu ul.secondary-menu li a:after {
    display: none;
}

.menu .menu-social-icons>a {
    margin-right: 23px;
    margin-bottom: 0;
    padding-bottom: 8px;
}

.menu .menu-social-icons>a:last-of-type {
    margin-right: 0;
}

.menu .menu-social-icons>a img {
    height: 32px;
}

.error404 .menu ul li.current_page_parent a,
.no-customize-support .menu ul li.current_page_parent a {
    color: #ffffff !important;
}

.menu ul li.current-menu-item a,
.menu ul li a:hover {
    color: #983838;
    /*color:#003944;*/
}

.menu ul li a:after {
    /*background: url(images/link-selection.png) repeat-x;*/
    background: url(images/header/expandednav_wave.png) repeat-x center center;
}

.menu ul li.menu-social-icons a:after {
    display: none;
}

.menu .menu-social-icons-wrp {
    padding-top: 0;
}

.menu .menu-social-icons-wrp li {
    margin-top: 0;
}

.menu .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.signup-popup-wrapper {
    outline: 0;
}

.signup-popup {
    font-family: 'museo_sans300';
    color: #ffffff;
    max-width: 400px;
    position: relative;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    padding: 50px 0 45px;
}

.signup-popup .close {
    position: relative;
    padding: 13px;
    display: inline-block;
}

.signup-popup .close img {
    height: 22px;
}

.signup-popup .close span {
    background: #ffffff;
}

.signup-popup .signup-popup-innerwrapper {
    max-height: 100%;
}

.signup-popup h3 {
    margin-bottom: 15px;
}

.signup-popup form {
    width: 100%;
    margin-top: 40px;
}

.signup-popup form .field_wrap {
    width: 100%;
    position: relative;
    display: block;
}

.signup-popup form .field_wrap input[type='text'] {
    text-align: center;
    font-family: 'museo_sans300';
    font-size: 18px;
    color: #ffffff;
    width: 100%;
    padding: 0px 10px 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #fff;
    background-color: transparent;
}

.signup-popup form .field_wrap .error-msg {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

.signup-popup .submit-btn {
    margin-top: 25px;
    width: auto;
    cursor: pointer;
}

.signup-popup-wrapper.promotion-popup {
    background: rgba(0, 57, 67, 0.95);
    width: 100%;
    height: 100%;
    /*position:absolute;*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 7;
    display: none;
}

.signup-popup-wrapper.promotion-popup .signup-popup {
    padding: 30px 0;
    overflow: hidden;
    vertical-align: middle;
}

.signup-popup-wrapper.promotion-popup .signup-popup-innerwrapper {
    border-top: 1px solid #983838;
    padding: 30px 0;
}

.signup-popup-wrapper.promotion-popup .promotion-text {
    padding: 30px 0 60px;
}

.signup-popup-wrapper.promotion-popup .promo-slider {
    width: 100%;
    border: 0;
    background: transparent;
    margin-bottom: 0;
}

.signup-popup-wrapper.promotion-popup .signup-popup-innerwrapper.no-promo {
    border: 0!important;
}

.thankyou-wrapper {
    white-space: normal;
}

html.signup-open,
html.signup-open body {
    overflow: hidden;
}


/*html.signup-open body{position: fixed;width:100%;height:100%;}*/


/*................................................
    BODY
.................................................*/


/* Home Page */

.home {
    width: 100%;
    height: 480px;
}

.home .caption {
    font-family: '"adobe-garamond-pro","AdobeGaramondSemiboldItalic"';
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.m-buttons {
    color: #ffffff;
    background: #983838;
    text-transform: uppercase;
    font-family: 'museo_sans700';
    padding: 8px 50px;
    font-size: 15px;
}

.using-keytab .m-buttons:focus{
    outline-color: #983838;
}

html.system .m-buttons:hover {
    background: #ffffff;
    color: #983838;
    box-shadow: inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838;
    -webkit-box-shadow: inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838;
    -moz-box-shadow: inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838;
    -o-box-shadow: inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.home-flexslider {
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 100px;
    bottom: 45px;
}

.home-flexslider .slides {
    height: 100%;
    width: 100%;
}

.home-flexslider .slides li {
    height: 100%;
    width: 100%;
    background-size: cover!important;
    background-position: bottom center!important;
}

.home-content {
    position: absolute;
}

.home-content .home-promo {
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'museo_sans700';
}

.about {
    position: relative;
}

.slide-section {
    position: relative;
}

.marker {
    opacity: 0;
    z-index: 0;
}

.inner-page-content {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.inner-caption {
    color: white;
    font-family: "adobe-garamond-pro", "AdobeGaramondSemiboldItalic";
    font-style: italic;
    font-weight: 600;
    font-size: 37px;
    line-height: 40px;
    margin-bottom: 10px;
    text-align: center;
}

.inner-desc {
    color: white;
    font-family: 'museo_sans300';
    font-weight: 400;
    padding-top: 10px;
}

html.device .home-flexslider {
    pointer-events: none;
}

.home-content .caption {
    font-size: 45px;
    line-height: 50px;
}

#home {
    background: none!important;
}

.home .caption {
    font-weight: bold;
}

.home-flexslider .slides li:first-child {
    background-position: center top !important;
}


/* Home - About */

.home-wrapper .about .flex-control-nav {
    bottom: 15px;
    z-index: 3;
}

.home-wrapper .about .right-sect .about-slider ul li {
    background-size: cover!important;
    background-position: center!important;
}

.home-wrapper .about .flex-control-paging li a {
    background: transparent;
    border: 1px solid white;
    box-shadow: none;
}

.home-wrapper .about .flex-control-paging li a.flex-active {
    background-color: #983838;
    border: 1px solid #983838;
}

.home-wrapper .about .box,
.home-wrapper .about .about-wave,
.home-wrapper .penninsula .penninsula-wave,
.home-wrapper .history .history-wave {
    display: none;
}


/* Home - Penninsula */

.pennisula-slider .flex-control-nav {
    bottom: 15px;
    z-index: 3;
}

.penninsula .pennisula-slider .slides li {
    background-size: cover!important;
    background-position: center bottom!important;
}

.pennisula-slider .flex-control-paging li a {
    background: transparent;
    border: 1px solid white;
    box-shadow: none;
}

.pennisula-slider .flex-control-paging li a.flex-active {
    background-color: #983838;
    border: 1px solid #983838;
}

.home-wrapper .penninsula .penninsula-water {
    display: none;
}


/* About Page*/

.about_concept .wave-line-red,
.bonds_of_liberty .wave-line-red,
.FA-features .wave-line-red {
    position: absolute;
    max-width: 460px;
    min-width: 200px;
    width: 50%;
    top: 11%;
    left: -10%;
}

.about_concept .ship {
    position: absolute;
    right: 4%;
    bottom: 10px;
    width: 11%;
    max-width: 119px;
    min-width: 50px;
}

.about_design .double-wave-line-red,
.history_today .double-wave-line-red {
    position: absolute;
    top: 130px;
    right: -2%;
    width: 6%;
    max-width: 119px;
    min-width: 80px;
}

.sub-caption {
    color: #ffffff;
}

.sub-caption.h3{
    font-size: 1.17em;
    font-weight: bold;
}


/*Inner Pages*/

.inner-wrapper .intro-img {
    position: relative;
}

.inner-wrapper #scroll-down {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    z-index: 2;
}

.inner-wrapper .inner-flexslider {
    height: 350px;
}

.inner-wrapper .slides,
.inner-wrapper .slides li {
    height: 100%;
}

.inner-wrapper .text-content {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    padding: 60px 0;
}

.inner-wrapper .slide-section .inner-desc {
    padding-bottom: 15px;
    padding-top: 0;
}

.inner-wrapper .slide-section .inner-desc:last-of-type {
    padding-bottom: 10px;
}

.inner-wrapper .slide-section .inner-desc.img_ack {
    font-style: italic;
    font-size: 12px;
    line-height: 17px;
}

.inner-wrapper .button-wrapper {
    overflow: hidden;
    display: inline-block;
}

.inner-wrapper .button-wrapper .m-buttons {
    margin-top: 16px;
    display: block;
}

.inner-wrapper .button-wrapper .m-buttons:first-of-type {
    margin-right: 0;
}

.inner-wrapper .slide-section .flex-control-nav {
    bottom: 5px;
    z-index: 3;
}

.inner-wrapper .slide-section .flex-control-paging li a {
    background: transparent;
    border: 1px solid #ffffff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

.inner-wrapper .slide-section .flex-control-paging li a.flex-active {
    background: #983838;
    border: 1px solid #983838;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}

.inner-wrapper .content-wrapper li {
    margin-bottom: 30px;
}

.inner-wrapper .content-wrapper li:last-of-type {
    margin-bottom: 0;
}

.inner-wrapper .content-listed * {
    text-align: left;
}

.inner-wrapper .content-listed ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 34px;
    padding-bottom: 0!important;
    padding-top: 2px!important;
}

.inner-wrapper .content-listed ul:last-of-type {
    margin-bottom: 0;
}

.inner-wrapper .content-listed ul li {
    list-style-type: disc;
    margin-left: 1em;
    padding-bottom: 3px;
}

.inner-wrapper .content-listed ul li span {
    white-space: nowrap;
}

.inner-wrapper .terms-n-condtn {
    padding-bottom: 0;
    background: #983838;
    color: #ffffff!important;
    text-align: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 5%;
}

.inner-wrapper .inner-caption span {
    display: block;
}

.inner-wrapper .content-listed .section-category {
    color: #ffffff;
}

.bgWhite {
    background: #ffffff;
}

.bgWhite .inner-caption,
.bgWhite .inner-desc {
    color: #003943;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    width: 11px!important;
    background-color: #f57e6e!important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #ffffff!important;
}

.bgWhite .mCSB_scrollTools .mCSB_draggerRail {
    background: #003943!important;
}

.signup-popup .mCSB_inside>.mCSB_container {
    margin-right: 0;
    padding: 0 9%;
}

.signup-popup .mCSB_scrollTools {
    right: 5px!important;
}

.signup-popup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.signup-popup .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.signup-popup .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.signup-popup .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    width: 4px!important;
    background-color: #ffffff!important;
}

.signup-popup .mCSB_scrollTools .mCSB_draggerRail {
    background: transparent!important;
}


/* History Page*/

.bonds_of_liberty .box-red {
    position: absolute;
    max-width: 47px;
    min-width: 30px;
    width: 4%;
    bottom: 11%;
    left: -3%;
}


/*Features & Amenities page*/

.FA-amenities .double-wave-line-red {
    position: absolute;
    top: 11%;
    width: 15%;
    right: -5%;
    max-width: 119px;
    min-width: 80px;
}


/*Services Page*/

#services .text-content .service-intro {
    margin: 0 auto 15px;
}


/*Floorplans*/

.floorplans-footer-wrapper section.footer-section.slide-section {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    transform: none;
}

.floorplans-page #quick-search {
    background: #983838;
    display: inline-block;
    width: 100%;
    font-family: 'museo_sans700';
}

.floorplans-page #quick-search .search-innerwrapper {
    display: inline-block;
    width: 100%;
}

.floorplans-page #quick-search .search-box .searchBox-innerwrap {
    display: block;
    width: 100%;
}

.floorplans-page #quick-search .search-box .customSelect {
    border-top: 3px solid #e26b64;
}

.floorplans-page #quick-search .search-box .searchBox-innerwrap>span:first-of-type .customSelect:first-of-type,
.floorplans-page #quick-search .search-box.availability .customSelect {
    border: 0;
}

.floorplans-page #quick-search .customSelect {
    max-width: 100%;
    margin-right: 0;
}

.floorplans-page #quick-search label {
    font-size: 13px;
    background-color: #e26b64;
    text-transform: uppercase;
    width: 100%;
    color: #fff;
    padding: 0 30px 0 50px;
    display: inline-block;
}

.floorplans-page #quick-search .customSelect .selectedValue {
    font-size: 17px;
    line-height: 32px;
    font-family: 'museo_sans300';
    height: auto;
    padding: 0 60px 0 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.floorplans-page #quick-search .customSelect .selectValueWrap .caret {
    right: 40px;
    top: 10px;
}

.floorplans-page #quick-search .customSelect dd {
    line-height: initial;
    /*color:#003943;*/
    border: 0;
    border-top: 2px solid #983838;
    font-family: 'museo_sans300';
    padding: 10px 30px 10px 50px;
}

.floorplans-page #quick-search .customSelect .selectList .selected,
.floorplans-page #quick-search .customSelect .selectList dd.hovered {
    background: #003943;
    color: #ffffff;
}


/*.floorplans-page #quick-search .customSelect .selectList dl{background: #ffffff;}*/

.floorplans-page #quick-search .customSelect .jspVerticalBar {
    width: 4px;
}

.customSelect.focused .selectedValue {
    box-shadow: none;
}

.hasJS select.custom.use-default {
    z-index: 1;
    height: 100%;
}

.floorplans-page .customSelect.select-open .selectList,
.floorplans-page .customSelect .selectList dl,
.floorplans-page .customSelect .selectList .selectListOuterWrap,
.floorplans-page .customSelect .selectList .jspScrollable,
.floorplans-page .customSelect .selectList .jspContainer,
.floorplans-page .customSelect .selectList .jspPane {
    width: 100%!important;
}

.floorplans-page .selectList,
.floorplans-page .selectListInnerWrap,
.floorplans-page .jspTrack,
.floorplans-page .jspDrag {
    width: 100%;
}

.floorplans-page .jspContainer,
.floorplans-page .jspPane {
    left: 0!important;
}

.floorplans-page #quick-search .search-box.searchbtn input[type="submit"] {
    display: block;
    cursor: pointer;
    text-align: center;
    background-color: #003943;
    color: #ffffff;
    width: 100%;
    line-height: 40px;
    font-family: "museo_sans300";
    font-size: 17px;
}

.using-keytab .floorplans-page #quick-search .search-box.searchbtn input[type="submit"]:focus{
    outline-color: #fff;
}

.floorplans-page #quick-search .dropdwn {
    position: relative;
    display: block;
}

.floorplans-page #quick-search .dropdwn>a {
    font-family: 'museo_sans300';
    font-size: 17px;
    line-height: 32px;
    padding: 0 60px 0 50px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    max-width: 100%;
}

.floorplans-page #quick-search .dropdwn>a p,
.floorplans-page #quick-search .dropdwn>a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.floorplans-page #quick-search .dropdwn>a .caret {
    display: inline-block;
    right: 40px;
    top: 10px;
    position: absolute;
    background: url(images/select-arrow.png) no-repeat center right;
    width: 21px;
    height: 12px;
    background-size: 14px auto;
    vertical-align: top;
}

.floorplans-page #quick-search .mutliSelect {
    position: absolute;
    top: auto;
    background: #e26864;
    left: 0;
    width: 100%;
    z-index: 6!important;
}

.floorplans-page #quick-search .dropdwn .mutliSelect ul li .check-type input[type="checkbox"] {
    display: none;
}

.floorplans-page #quick-search .dropdwn .mutliSelect ul li .check-type label {
    font-family: 'museo_sans300';
    color: #ffffff;
    cursor: pointer;
    padding: 10px 30px 10px 50px;
    line-height: initial;
    font-size: 13px;
    border-top: 2px solid #983838;
}

html.system .floorplans-page #quick-search .dropdwn .mutliSelect ul li .check-type:hover label,
.floorplans-page #quick-search .dropdwn .mutliSelect ul li .check-type input.css-checkbox[type="checkbox"]:checked+label {
    background: #003943!important;
    color: #ffffff!important;
}

#bedroom-type-srh {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 32px 0;
}

#bedroom-type-srh .srch-innerwrap {
    display: block;
    width: 90%;
    margin: 0 auto;
    border: 2px solid #fff;
    height: 575px;
}

#bedroom-type-srh .bedroom-type {
    display: block;
    float: left;
    text-align: center;
    color: #ffffff;
    height: 50%;
    width: 50%;
    border: 2px solid #fff;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

#bedroom-type-srh .bedroom-type input[type="checkbox"] {
    display: none;
}

#bedroom-type-srh .bedroom-type label {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.using-keytab #bedroom-type-srh .bedroom-type label:focus{
    outline-color: #fff;
    outline-offset: -3px;
}

html.system #bedroom-type-srh .bedroom-type:hover label,
#bedroom-type-srh .bedroom-type input[type="checkbox"]:checked+label {
    background: #ffffff;
    color: #003943;
    border: 1px solid #003943;
}

#bedroom-type-srh .bedroom-type span {
    text-transform: uppercase;
    font-family: 'museo_sans300';
    font-size: 30px;
}

#bedroom-type-srh .bedroom-type span:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

#bedroom-type-srh input[type="submit"].bedrm-type-search {
    margin-top: 30px;
    padding: 8px 50px;
}

#floorplans-result-section {
    background: #ececec;
    color: #003943;
    overflow: hidden;
    padding-bottom: 40px;
}

.result-content {
    width: 90%;
    margin: 0 auto;
    display: block;
}

.result-row {
    display: inline-block;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #6e8d92;
    padding: 40px 0;
}

.result-row:last-of-type {
    border: 0;
}

.result-col {
    display: block;
}

.result-col img {
    max-height: 170px;
}

.result-col.attr-bath,
.result-col.attr-bed {
    display: inline-block;
}

.result-col.attr-bath:before {
    content: "|";
    padding: 0 8px 0 4px;
    display: inline-block;
}

.result-col.attr-res {
    text-transform: uppercase;
}

.result-col .attr-price {
    font-family: 'museo_sans500';
    text-transform: uppercase;
}

.result-col .m-buttons {
    display: block;
    margin: 20px auto 0;
    max-width: 190px;
}

.result-col.attr-flrpln .detail-btn {
    text-transform: uppercase;
}

#floorplans-result-section .sort dd,
#floorplans-result-section .sort dt,
#floorplans-result-section .sort ul {
    margin: 0px;
    padding: 0px;
    z-index: 2;
}

#floorplans-result-section .sort dd {
    position: relative;
}

#floorplans-result-section .sort dt a {
    display: block;
    border: none;
    width: auto;
    position: relative;
    color: #003943;
    background: #ffffff;
    padding: 10px 20px;
}

#floorplans-result-section .sort dt a span {
    cursor: pointer;
    display: block;
    padding: 0px;
    color: #003943;
    text-align: center;
    text-transform: uppercase;
}

#floorplans-result-section .sort dt a span:after {
    content: "";
    background: url(images/floorplans/down-arrow-navy.png) no-repeat center center;
    background-size: auto 8px;
    width: 14px;
    height: 11px;
    display: inline-block;
    padding-left: 8px;
}

#floorplans-result-section .sort dd ul {
    background: #ffffff none repeat scroll 0 0;
    display: none;
    list-style: none;
    padding: 5px 0px;
    position: absolute;
    top: 2px;
    width: 100%;
    left: 0;
    text-align: center;
}

#floorplans-result-section .sort dd ul li a {
    padding: 1px 10px;
    display: block;
    color: #003943;
    line-height: 25px;
}

#floorplans-result-section .sort dd ul li:hover,
#floorplans-result-section .sort dd ul li.active {
    background: #983838;
}

#floorplans-result-section .sort dd ul li:hover a,
#floorplans-result-section .sort dd ul li.active a {
    color: #ffffff;
}

#floorplans-listing .no-result {
    background: #ececec;
    padding: 50px 5%;
    text-align: center;
}

#floorplans-listing .no-result>span {
    white-space: nowrap;
}

#results.floor-plans-pagination {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-family: 'museo_sans700';
    margin-top: 15px;
}

#results.floor-plans-pagination li {
    display: inline-block;
}

#results.floor-plans-pagination li.prev {
    margin-right: 15px;
    margin-bottom: 1px;
}

#results.floor-plans-pagination li.next {
    margin-left: 15px;
    margin-bottom: 1px;
}

#results.floor-plans-pagination li a {
    color: #003943;
}

#results.floor-plans-pagination li:hover a {
    color: #983838;
}

#results.floor-plans-pagination li .current-previous,
#results.floor-plans-pagination li .current-next {
    cursor: default;
    opacity: 0.6;
}

#results.floor-plans-pagination li:hover a.current-previous,
#results.floor-plans-pagination li:hover a.current-next {
    color: #003943;
}

#floorplans-detail #floorplans-wrapper {
    background: #ececec;
    display: block;
    width: 100%;
    position: relative;
}

#floorplans-detail .detail-img-sectn {
    width: 100%;
    ;
    display: inline-block;
    text-align: center;
    padding: 50px 0;
}

.using-keytab #floorplans-detail .detail-img-sectn a{
    outline-color: #000;
}

#floorplans-detail .detail-img-sectn img {
    max-width: 80%;
    display: inline-block;
}

#floorplans-detail .detail-img-sectn .key-plan {
    display: block;
    margin-top: 50px;
}

#floorplans-detail .detail-img-sectn .key-plan img {
    max-width: 50%;
}

#floorplans-detail .detail-content {
    width: 100%;
    padding: 40px 10%;
    background: #003943;
    color: #ffffff;
    text-align: center;
}

#floorplans-detail .detail-content .m-buttons {
    display: block;
    margin: 10px auto 0;
    max-width: 190px;
    text-align: center;
}

#floorplans-detail .detail-content .m-buttons:first-of-type {
    margin-top: 20px;
}

#floorplans-detail .detail-content p {
    font-size: 20px;
}

#floorplans-detail .detail-content h4 {
    text-transform: uppercase;
    font-size: 12px;
    color: #FFFFFF;
    margin-top: 15px;
    font-family: 'museo_sans900';
}

#floorplans-detail .detail-content h2 {
    font-size: 33px;
    font-family: 'museo_sans500';
    margin-bottom: 10px;
    line-height: normal;
}

#floorplans-detail .detail-content .back-to-results {
    font-size: 15px;
    color: #ffffff;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 20px;
    font-family: 'museo_sans100';
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

html.system #floorplans-detail .detail-content .back-to-results:hover {
    color: #983838;
}

#floorplans-detail .detail-content .back-to-results:before {
    content: "\00ab";
    padding-right: 5px;
    line-height: initial;
    display: inline-block;
}

#floorplans-detail .addthis_button_compact .at-icon-wrapper {
    display: none;
}

img.mfp-img {
    background: #ffffff;
}


/*................................................
    BOTTOM SECTION
.................................................*/

.bottom-section {
    display: none;
    position: fixed;
    z-index: 7;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0 20px;
    text-transform: uppercase;
    font-family: 'museo_sans500';
    font-size: 12px;
    background: #ffffff;
    height: 45px;
}

.bottom-section * {
    display: inline-block;
    color: #003943;
    vertical-align: bottom;
}

.bottom-section .promo {
    float: right;
    padding-top: 12px;
    position: relative;
}

.bottom-section .promo:before {
    opacity: 0;
    z-index: -1;
    content: "";
    width: 100%;
    height: 16px;
    position: absolute;
    top: -16px;
    background: url(images/footer/arrow-top.png) no-repeat center center;
    -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;
}

.bottom-section .promo.active:before {
    opacity: 1;
    z-index: 1;
}

.bottom-section .promo a {
    color: #983838;
    font-family: 'museo_sans500';
}

.bottom-section ul {
    width: 60%;
    min-width: 430px;
    position: relative;
    padding-top: 12px;
}

.bottom-section ul li {
    padding-right: 4%;
}

.bottom-section .bottom-logo {
    position: absolute;
    margin-right: 1.5%;
    left: 20px;
    top: 6px;
    width: 24%;
    max-width: 285px;
    min-width: 198px;
    overflow: hidden;
}

.bottom-section .bottom-logo a,
.bottom-section .bottom-logo img {
    vertical-align: middle;
}

.bottom-section .bottom-logo>a {
    padding-right: 6%;
}

.bottom-section .bottom-logo>a.eho {
    padding-right: 5%;
}

.bottom-section .bottom-logo a.bozzutologo {
    vertical-align: top;
}

.bottom-section .bozzutologo img {
    width: 67px;
    display: block;
}

.bottom-section .hines-logo img,
.bottom-section .eho img,
.bottom-section .ada {
    height: 13px;
}

.bottom-section ul li.link-active-img {
    position: absolute;
    text-align: center;
    top: -5px;
    height: 5px;
    background: #983838;
    left: -999px;
    padding-right: 0;
    line-height: 7px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.bottom-section ul li.link-active-img>a {
    display: none;
}

.home_page .bottom-section nav {
    margin-left: 22%;
    -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;
}

.home_page .bottom-section nav.hide-bozzuto {
    margin-left: 0;
}

.bottom-section .leed-gold {
    padding-left: 6%;
    pointer-events: none;
    cursor: default;
}

.bottom-section .leed-gold img {
    width: 30px;
    height: 30px;
}


/*.bottom-section ul li.link-active-img a{display: block;width: 90%;height: 9px;background: url(images/bottom-link-active.png) repeat-x;background-size: 68px;background-position: left center;margin: 0 auto;}*/


/*................................................
    FOOTER
.................................................*/

.footer-section {
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    background: #003943!important;
}

footer {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 100%;
    position: relative;
    z-index: 1;
}

.footer-section .address {
    margin-top: 15px;
    font-family: 'museo_sans500';
}

.footer-section a {
    color: #ffffff;
    border-bottom: 1px solid transparent;
}

footer .address-wrapper {
    width: 100%;
}

.footer-section .footer-icon {
    /*height:160px;*/
    height: 95px;
    max-height: 278px;
    margin-bottom: 10px;
}

#primary-footer {
    padding: 30px 15px;
}

.secondary-footer {
    display: inline-block;
    vertical-align: bottom;
    max-width: 360px;
    text-align: center;
    font-size: 12px;
    line-height: 34px;
    padding: 15px 15px 20px;
}

.secondary-footer img {
    vertical-align: baseline;
}

.secondary-footer>* {
    display: inline-block;
    margin-right: 15px;
    line-height: 15px;
}


/*.secondary-footer > .partner-logo{margin-right: 0;}*/

.secondary-footer>.partner-logo:first-child {
    margin-right: 15px;
}

.partner-logo img {
    height: 15px;
    margin-left: 5px;
}

footer .eho img,
footer .ada img {
    height: 13px;
}

.footer-section .signup-popup-wrapper {
    background: #fff;
    text-align: center;
}

.footer-section .signup-popup .close {
    display: none;
}

.footer-section .signup-popup,
.footer-section .signup-popup h3 {
    color: #003943;
}

.footer-section .signup-popup form .field_wrap input[type='text'] {
    color: #003943;
    border-color: #003943;
    text-align: center;
}

.footer-section .schedule-a-tour {
    width: 100%;
    display: block;
    padding: 8px;
    text-transform: uppercase;
    -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;
}

.footer-section .schedule-a-tour:hover {
    color: #003943;
}

.vertical-page .signup-popup-wrapper {
    display: none !important;
}

.leed-logo {
    width: 100%;
}

.leed-logo img {
    width: 80px;
    height: 80px;
}


/*.partner-logo .leed-gold{ padding-right: 5px;display: inline-block;cursor: default;pointer-events:none;}
.partner-logo .leed-gold img{width: 30px;height: 30px;vertical-align: bottom;}*/


/*................................................
    CONTACT
.................................................*/

#contact-page .hyly-wrapper .center-wrapper>div h2 {
    margin-bottom: 10px;
}

#contact-page .hyly-wrapper .center-wrapper .last-heading {
    margin-bottom: 30px;
}

#contact-page .hyly-wrapper {
    background: url('images/contact/Meriel_contact_bg.jpg')no-repeat;
    padding: 50px 0 20px;
    background-size: cover;
    background-position: center center;
    position: relative;
}


/*.topography{ background: url('images/contact/contact_tropography.png')no-repeat; background-size: cover;background-position: center center;}*/

#contact-page .hyly-wrapper .center-wrapper {
    position: relative;
    padding: 20px 20px 0;
}

.get-direction>h2 {
    margin-bottom: 15px;
    font-family: 'museo_sans500';
    color: #fff;
    font-size: 22px;
    font-weight: normal;
}

.get-direction>p {
    font-family: 'museo_sans300';
    color: #fff;
}

.get-direction {
    text-align: center;
    background: #983838;
    padding: 20px 0
}

.get-direction-url{
    display: block;    
}

.using-keytab .get-direction-url{
    outline-offset: -2px;
    outline-color: #000;
}

.map-wrpper .contact-map {
    background: url('images/contact/Contact_map.jpg') no-repeat 0 0;
    background-size: cover;
    width: 100%;
    height: 400px;
    position: relative;
}

.contact-footer-wrapper section.footer-section.slide-section {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    transform: none;
    padding-top: 25px;
}

.contact-footer-wrapper section.footer-section.slide-section .wave-line {
    display: none;
}

#contact-page .mCSB_scrollTools {
    margin-right: 15px;
}

#contact-page div#mCSB_1_container {
    margin: 0;
}

#contact-page .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

#contact-page .office-hours {
    width: 19%;
    float: left;
    color: #fff;
    width: 20%;
    float: left;
    padding-right: 20px;
    color: #fff;
    min-width: 156px;
}

#contact-page .office-hours h2 {
    font-family: 'museo_sans500';
    font-weight: normal;
    margin-bottom: 0 !important;
}

#contact-page .office-hours {
    font-family: 'museo_sans300';
}

#contact-page .office-hours>div {
    margin-bottom: 20px;
}

#contact-page .hyly-wrapper .center-wrapper>div:last-child * {
    padding-bottom: 5px;
    color: #fff;
}

.get-direction-binocular {
    background: url(images/contact/contact-direction.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 30px;
    top: 30px;
    background-size: 100%;
}

.hywrap input:focus, .hywrap input[type="text"]:focus, .hywrap select:focus,.hywrap textarea:focus,.hywrap .form-actions button:focus{
    outline-width: 2px;
    outline-style: dotted;
    outline-color: transparent;
}

.using-keytab .hywrap input:focus, .using-keytab .hywrap input[type="text"]:focus, .using-keytab .hywrap select:focus, .using-keytab .hywrap textarea:focus,.using-keytab .hywrap .form-actions button:focus{
    outline-color: #fff;
}

#contact-page .hyly-wrapper .center-wrapper>div h2,
#contact-page .office-hours h2 {
    font-size: 20px;
    line-height: 1.5;
}

#contact-page .hyly-wrapper .center-wrapper>div h3,
#contact-page .hyly-wrapper .center-wrapper>div .h3,
#contact-page .hyly-wrapper .center-wrapper>div h1,
#contact-page .hyly-wrapper .center-wrapper .last-heading {
    font-size: 16px;
    line-height: 1.5;
}

#contact-page .hyly-wrapper .center-wrapper>div .h3{
    font-weight: bold;
}

#contact-page .office-hours>div div,
#contact-page .office-hours ul li span {
    font-size: 16px;
    line-height: 25px;
}

#contact-page .office-hours ul li span.sep {
    margin: 0 5px;
}

.contact-footer-wrapper .footer-section .topography {
    background: rgba(74, 131, 138, .8);
}

#contact-page .schedule-a-tour {
    display: none !important;
}

.last-heading .bold-text {
    font-weight: 600;
    margin-right: 2px;
}


/*................................................
    THANK YOU
.................................................*/

#thank_you section.thank-you-section {
    height: 100%;
}

#thank_you .thank-you-wrapper {
    position: relative;
}

#thank_you .thank-you-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.thank-you-wrapper .menu-list .menu-social-icons {
    display: none;
}

#thank_you .inner-desc br {
    display: none;
}

#thank_you .inner-caption {
    font-weight: 400;
}

#thank_you .social-icons {
    margin: 0 auto;
    width: 227px;
    display: block;
    margin-top: 30px;
}

#thank_you .social-icons a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 10px;
    background: url(images/social-icons.png) no-repeat;
}

#thank_you .social-icons a.fb {
    background-position: 10px 0px;
}

#thank_you .social-icons a.insta {
    background-position: -64px 0px;
}

#thank_you .social-icons a.tw {
    background-position: -137px 0px;
}

#thank_you .social-icons a.gplus {
    background-position: -221px 0px;
}

.slide-wave {
    position: absolute;
    top: 160px;
    z-index: 3;
}


/*#thank_you .fixed-topography, #why_bozzuto .fixed-topography, #services .fixed-topography{
    background: transparent url("images/pattern-mobile.png") repeat scroll 0 0 / 420px auto;
    height: 100%;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1;
}*/


/*................................................
    404
.................................................*/

#thank_you.page404 .thank-you-section .m-buttons {
    display: inline-block;
    margin-top: 10px;
}

#thank_you .inner-desc ul {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/*................................................
    Why Bozzuto
.................................................*/

#why_bozzuto .inner-caption {
    margin-bottom: 30px;
    font-weight: normal;
}


/*................................................
    Retail Page
.................................................*/

.half-section {
    width: 50%;
    float: left;
    height: 358px;
    position: relative;
    color: #FFF;
}

.half-section.text-section {
    background: #003945;
}

.half-section .hover-content {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(241, 112, 104, 0.75);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.half-section:hover .hover-content {
    opacity: 1;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.table {
    width: 100%;
    display: table;
    vertical-align: middle;
    height: 100%;
}

.table-cell {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.half-section .inner-desc {
    max-width: 90%;
    margin: 0 auto;
}

.half-section .inner-caption {
    margin-bottom: 10px;
    font-weight: normal;
}

.half-section .display-content {
    text-align: center;
}

.half-section .display-content img {
    max-width: 80%;
}

#retail-page {
    overflow: hidden;
    clear: both;
}

.half-section:hover .display-content {
    display: none;
}

.retail_grid{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}
.retail_card{
    position: relative;
    width:100%;
    margin: 15px 0;
    background: #ffffff;
    z-index: 0;
}
.retail_card_img{
    width: 100%;
    height: 20vw;
    min-height: 260px;
    background: #983838;
}
.retail_card_content{
    padding: 25px 20px;
    color:#003943;
}
.retail_card .section-category{
    color:#003943;
    margin-bottom: 10px;
}
.retail_card_link{
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-indent: -99999px;
    overflow: hidden;
}

/*................................................
    Blog Page
.................................................*/

body.happenings-page .happenings-link a {
    color: #983838;
}

.blog-page {
    background: #ececec;
    clear: both;
    overflow: hidden;
}

.side-bar {
    width: 28%;
    float: right;
    padding: 20px;
}

.side-bar .select-container .customSelect dd.itm-0,
#blog-page .filter-dropdown .customSelect dd.itm-0 {
    display: none;
}

.post-section {
    width: 72%;
    float: left;
    background: #FFF;
}

.blog-post {
    width: 100%;
}

.posted-date {
    text-transform: uppercase;
}

.posted-date,
.blog-page h4,
.blog-page .h4 {
    font-family: 'museo_sans900';
    color: #7d2828;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
}

.blog-title {
    font-family: "adobe-garamond-pro", "AdobeGaramondSemiboldItalic";
    font-style: italic;
    font-weight: 600;
    color: #003943;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    margin: 5px 10px;
}

.blog-detail .blog-title {
    margin: 5px 0;
}

.blog-content-desc {
    font-family: 'museo_sans300';
    color: #003943;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
    overflow: hidden;
    max-height: 100px;
}

.read-more-link {
    margin: 0 auto;
    display: table;
    margin-top: 24px;
}

.using-keytab .read-more-link:focus{
    outline-color: #000;
}

.blog-post .half-section {
    height: 320px;
}

.blog-post:nth-child(odd) .blog-pic {
    float: left;
}

.blog-post:nth-child(even) .blog-pic {
    float: right;
}

.control {
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin: 10px;
    padding-left: 20px;
    position: relative;
    width: auto;
    color: #FFF;
    text-transform: uppercase;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 14px;
    height: 14px;
    background: transparent;
    border: 1px solid #FFF;
}

.control--radio .control__indicator {
    border-radius: 50%;
}


/* Hover and focus states */

.control:hover input~.control__indicator,
.control input:focus~.control__indicator {
    background: #FFF;
}

.m-buttons {
    cursor: pointer;
}


/* Checked state */

.control input:checked~.control__indicator {
    background: #FFF;
}

.filter-bar {
    text-align: center;
    background-color: #983838;
    padding: 20px 0 15px;
}

.blog-page h4.filter-title,
.blog-page .h4.filter-title  {
    color: #FFF;
}

.side-bar h4, .side-bar .h4 {
    text-align: left;
    margin-top: 15px;
}

.side-bar .subscribe-form input[type="text"] {
    background: transparent;
    border-bottom: 1px solid #003943;
    width: 100%;
    padding: 10px 0;
    color: #003943;
    margin-bottom: 10px;
    font-size: 14px;
}

.side-bar .subscribe-form input[type="text"]::-webkit-input-placeholder {
    color: #003943;
}

.side-bar .subscribe-form input[type="text"]:-moz-placeholder {
    color: #003943;
}

.side-bar .subscribe-form input[type="text"]::-moz-placeholder {
    color: #003943;
}

.side-bar .subscribe-form input[type="text"]:-ms-input-placeholder {
    color: #003943;
}

.side-bar .m-buttons {
    text-align: center;
}

.side-bar .subscribe-form .m-buttons {
    margin: 15px 0;
}
.using-keytab .side-bar .subscribe-form .m-buttons:focus,
.using-keytab .blog-pagination a.blog-back-btn:focus{
    outline-color: #000;
    outline-offset: 1px;
}

.side-bar section a {
    text-decoration: underline;
    display: block;
    margin-top: 10px;
    color: #003943;
}

.side-bar #widget_tag_cloud h4 {
    margin-top: 20px;
}

.side-bar #widget_tag_cloud {
    max-width: 208px;
}

.side-bar * {
    text-shadow: none !important;
}

select {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.customSelect {
    width: 100%!important;
    max-width: 112px;
    z-index: 5 !important;
}

.customSelect.select-open {
    z-index: 6 !important;
}

.customSelect .selectList,
.selectList dl {
    width: 100%!important;
    border-radius: 0;
    padding: 0;
}

.customSelect .selectedValue {
    box-shadow: none;
    background: #983838;
    font-family: 'museo_sans700';
    border: none;
    border-radius: 0;
    color: #FFF;
    font-size: 13px;
    text-shadow: none;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    height: 36px;
    line-height: 37px;
    padding: 0 10px;
    overflow: hidden;
}

.customSelect dd {
    font-family: 'museo_sans700';
    font-size: 13px;
    color: #FFF;
    padding: 10px;
    border-top: 2px solid #983838;
    text-transform: capitalize;
}

.customSelect .selectList .selected {
    background: #983838;
    color: white;
}

.customSelect .selectList dd.hovered {
    background: #983838;
    color: white;
}

.customSelect .selectList dl {
    background: #e26864;
}

.customSelect .selectList {
    border: none;
    margin: 0;
    box-shadow: none;
}

.customSelect .caret {
    background: url(images/select-arrow.png) no-repeat center right;
    top: 15px;
    width: 21px;
    height: 12px;
    background-size: 14px auto;
    border: none;
}

/* Select7 */
.select7__parent {
    display: none;
    
  }
  
  .select7__wrapper {
    position: relative;
    max-width: 160px;
  }

  .select7__wrapper:after{
    content: "";
    background: url(images/select-arrow.png) no-repeat center right;
    top: 12px;
    width: 21px;
    height: 12px;
    background-size: 14px auto;
    border: none;
    position: absolute;
    right: 10px;
    pointer-events: none;
  }
  
  .select7__label {
    border: 0;
    padding: 0 10px;
    display: block;
    width: 100%;
    text-align: left;
    background: #983838;
    font-family: 'museo_sans700';
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    height: 36px;
    cursor: pointer;
  }
  
  .select7__dropdown {
    border-top: 2px solid #983838;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 10;
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
    background: #e26864;
  }
  
  .select7__wrapper.open .select7__dropdown {
    display: block;
  }
  
  .select7__option {
    font-family: 'museo_sans700';
    font-size: 13px;
    display: block;
    width: 100%;
    border: 2px solid #983838;
    border-top: 0;
    padding: 10px;
    text-align: left;
    text-transform: capitalize;
    color: #fff;
    background: #e26864;
  }

.select-container {
    width: 100%;
    margin: 15px 0;
    display: table;
    float: left;
}

.search-box .selectivo{
    background: none;
    display: block;
    width: 100%;
}

.search-box .selectivo__label, .search-box .selectivo__option{
    font-size: 17px;
    font-family: 'museo_sans300';
    line-height: 32px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    outline-color: #fff;    
}

.search-box .selectivo__label:after{
    content: "";
    background: url(images/select-arrow.png) no-repeat center right;
    top: 12px;
    right: 10px;
    width: 21px;
    height: 12px;
    background-size: 14px auto;
    border: none;
    position: absolute;
}

.search-box .selectivo__label{
    padding: 0 60px 0 50px;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
    position: relative;
}

.search-box .selectivo__option{
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 2px solid #983838;
}

.search-box .selectivo__option:hover{
    background: #003943;
}

.search-box .selectivo__dropdown{
    background: #e26864;
    border: 0;    
    top: 20px;
}

.side-bar .select-container .customSelect {
    max-width: 160px;
}

.tagcloud a {
    margin-bottom: 5px;
    text-transform: capitalize;
    display: inline-block;
    font-size: 14px !important;
    color: #003943;
}

.side-bar #widget_tag_cloud h4 {
    margin-bottom: 10px;
}

.filter-dropdown .customSelect {
    max-width: 100%;
}

.filter-dropdown .customSelect .selectedValue {
    line-height: 48px;
    height: 48px;
    color: #003943
}

.filter-dropdown .customSelect .selectValueWrap .caret {
    background-size: 18px auto;
    top: 20px;
    right: 15px;
}

.blog-footer-wrapper section.footer-section.slide-section,
.retail-footer-wrapper section.footer-section.slide-section {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    transform: none;
}


/*.post-section.blog-detail{background: transparent;}*/

.post-section.blog-detail .blog-post section {
    width: 65%;
    margin: 45px auto;
    color: #003943;
    font-size: 16px;
    line-height: 24px;
}

.post-section.blog-detail .blog-post section * {
    text-align: left;
    max-width: 100%;
}

.blog-page .social-icons {
    margin: 30px auto;
    width: 250px;
    display: block;
}

.blog-page .social-icons a {
    display: inline-block;
    width: 30px!important;
    height: 30px;
    margin: 0 10px;
    background: url(images/social-orange.png) no-repeat;
}

.blog-page .social-icons a.fb {
    background-position: 10px 0px;
}

.blog-page .social-icons a.insta {
    background-position: -54px 0px;
}

.blog-page .social-icons a.tw {
    background-position: -115px 0px;
}

.blog-page .social-icons a.gplus {
    background-position: -188px 0px;
}

.blog-page .social-icons a.rss {
    background: url(images/rss-icon.png) no-repeat top center;
}

.blog-page .social-icons a.share {
    background: url(images/share-icon.png) no-repeat top center;
    float: none;
    width: 30px !important;
}

.blog-page .social-icons a.share .at-icon-wrapper,
.blog-page .social-icons a.gplus .at-icon-wrapper,
.blog-page .social-icons a.tw .at-icon-wrapper,
.blog-page .social-icons a.fb .at-icon-wrapper,
.blog-page .social-icons a.insta .at-icon-wrapper {
    display: none;
}

.blog-page .side-bar .social-icons {
    margin: 14px 0;
    max-width: 100%;
}

.blog-page .side-bar .social-icons a {
    display: inline-block;
    width: 24px;
    height: 30px;
    margin: 0 10px;
    background: url(images/blog-social.png) no-repeat;
}

.blog-page .side-bar .social-icons a.fb {
    background-position: 0px 0px;
    margin: 0;
    width: 20px;
}

.blog-page .side-bar .social-icons a.insta {
    background-position: -59px 0px;
}

.blog-page .side-bar .social-icons a.tw {
    background-position: -127px 0px;
}

.blog-page .side-bar .social-icons a.gplus {
    background-position: -194px 0px;
}

.blog-page .side-bar .social-icons a.rss {
    background-position: -260px 0px;
    margin-left: 8px;
}

.blog-pagination {
    text-align: center;
    margin-bottom: 30px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.blog-pagination a,
.blog-page .wp-paginate a,
.blog-page .wp-paginate .current {
    display: inline-block;
    color: #983838;
    font-family: 'museo_sans500';
    font-size: 13px;
}

.blog-pagination a.blog-back-btn {
    color: #FFF;
    margin: 2px 40px;
}

.blog-image {
    display: block;
    width: 100%;
    height: 340px;
}

.blog-page .side-bar .addthis_toolbox.addthis_32x32_style span {
    display: none;
}

.subscribe_email {
    position: relative;
}

.subscribe_email .error-msg {
    position: absolute;
    right: 0;
    top: 10px;
    display: none;
}


/*.side-bar .subscribe-form input[type="text"].error{border:  1px solid #983838;}*/

.tagcloud a:after {
    content: ',';
    display: inline-block;
}

.mobile-sidebar .tagcloud a:after {
    content: '';
    display: inline-block;
}

#widget_tag_cloud .side-bar-title a,
#widget_text .side-bar-title a {
    display: none;
}

.side-bar ul li a {
    font-size: 14px;
    color: #003943;
}

.blog-pagination .navigation {
    display: block;
    text-align: center;
    width: 100%;
    padding-top: 30px;
    overflow: hidden;
}

.blog-pagination .navigation a,
.blog-pagination .navigation .current {
    background: transparent;
    border: none;
}

.blog-pagination .navigation .current {
    font-family: 'museo_sans900';
}

.blog-pagination .wp-paginate a:hover,
.blog-pagination .wp-paginate a:active {
    background: #983838;
    color: #FFF;
}

.blog-detail .blog-desc li {
    list-style-position: inside;
}

.blog-detail .blog-desc ul,
.blog-detail .blog-desc ol {
    padding-left: 15px;
    padding-top: 10px;
}

.blog-detail .blog-desc ul li {
    list-style-type: disc;
    text-align: left!important;
}

.blog-detail .blog-desc ol li {
    list-style-type: decimal;
    text-align: left!important;
}

.blog-detail .blog-desc a {
    font-family: 'museo_sans500';
    color: #003943;
    text-decoration: underline;
}

.blog-detail .blog-desc a:hover,
.blog-pagination a.blog-back-btn:hover {
    color: #983838;
}

.blog-detail .blog-post .social-icons {
    width: 151px;
    box-sizing: content-box;
    padding-left: 30px;
}

html.system section {
    z-index: 2;
}

html.system section#home {
    z-index: 0;
}


/*.inner-wrapper{transition: left ease-out 0.1s;}*/

#contact-page .topography,
#thank_you .fixed-topography,
#why_bozzuto .fixed-topography {
    display: block;
}


/* Animations */


/*@-webkit-keyframes wave{
    0%{background-position: 0 0;}
    100%{background-position: 500px 0;}
}
@-moz-keyframes wave{
    0%{background-position: 0 0;}
    100%{background-position: 500px 0;}
}
@-o-keyframes wave{
    0%{background-position: 0 0;}
    100%{background-position: 500px 0;}
}
@keyframes wave{
    0%{background-position: 0 0;}
    100%{background-position: 500px 0;}
}
.menu ul li a:hover:after,.bottom-section ul li.link-active-img a{
    -webkit-animation-animation: wave 10s infinite linear;
    -moz-animation-animation: wave 10s infinite linear;
    -o-animation: wave 10s infinite linear;
    animation: wave 10s infinite linear;

}*/


/* Gallery Page */

#gallery-page .gallery-viewport {
    position: fixed;
    overflow: hidden;
    width: 100%;
    top: 100px;
    bottom: 45px;
}

#gallery-page .gallery-full-width {}

#gallery-page .g-scroll {
    position: absolute;
    width: 100%;
    height: 100%;
}

#gallery-page .bottom-section .toggle-view {
    height: 22px;
    width: 22px;
    margin-right: 22px;
    background: url('images/grid-orange.png')no-repeat;
    background-size: cover;
    float: left;
    overflow: auto;
    margin-top: 11px;
}

#gallery-page .bottom-section .toggle-view.expand {
    background: url('images/grid-blue.png')no-repeat;
}

.g-slides li {
    height: 200px;
    width: 200px;
    float: left;
    background-size: cover !important;
    cursor: pointer;
    position: relative;
    outline-color: Highlight;
    outline-color: -webkit-focus-ring-color;
}

#gallery-page.expand .g-slides li {
    background-size: contain !important;
    background-position: center !important;
    cursor: default;
    
}

#gallery-page .gallery-full-width.expand .g-slides {
    float: left;
}

#gallery-page .gallery-full-width .g-slides li .g-caption {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.85);
    bottom: 0;
    width: 100%;
    display: none;
    padding-left: 130px;
    padding-right: 70px;
    padding-top: 30px;
    padding-bottom: 30px;
}

#gallery-page .gallery-full-width.expand .g-slides li .g-caption {
    display: table;
    opacity: 0;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    cursor: default;
}

html.system #gallery-page .gallery-full-width.expand .g-slides li:hover .g-caption {
    opacity: 1;
    z-index: 1;
}

#gallery-page .gallery-full-width .g-slides li .g-caption .cp-wave {
    width: 80px;
    position: absolute;
    left: 30px;
    height: 100%;
    top: 0;
    background: url('images/water.png')no-repeat;
    background-position: center;
    background-size: contain;
}

#gallery-page .gallery-full-width .g-slides li .g-caption p {
    font-size: 20px;
    line-height: 27px;
    color: #003943;
    font-family: 'museo_sans500';
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#gallery-page .gallery-full-width .g-slides li .g-caption .share {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -16px;
}

#gallery-page .gallery-full-width .g-slides li .g-caption .share img {
    width: 28px;
}

#gallery-page .controlnav {
    position: fixed;
    bottom: 50px;
    left: 0px;
    width: 42%;
    padding-left: 88px;
    padding-bottom: 10px;
}

#gallery-page .controlnav li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: transparent;
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #983838;
    cursor: pointer;
}

#gallery-page .controlnav li.active {
    background-color: #983838;
    border: 1px solid #983838;
}

#gallery-page .controlnav {
    display: none;
}

#gallery-page.expand .controlnav {
    display: block;
}

#gallery-page .gallery-full-width .g-slides li {
    -webkit-transition: opacity ease-out 0.5s;
    -moz-transition: opacity ease-out 0.5s;
    -ms-transition: opacity ease-out 0.5s;
    transition: opacity ease-out 0.5s;
}

#gallery-page .mCustomScrollBox:hover>.mCSB_scrollTools {
    opacity: 0;
}

#gallery-page .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    opacity: 0;
}

.gallery-flexslider .flex-direction-nav a::before {
    display: none;
}

.gallery-flexslider .flex-direction-nav a {
    font-size: 0;
    background-position: center !important;
}

#gallery-page .dropdown dt {
    display: none;
}

#gallery-page .bottom-section ul li {
    float: left;
}

html.device #gallery-page .gallery-full-width.expand .g-slides li.ipadhover .g-caption {
    opacity: 1;
    z-index: 1;
}


/* Gallery Custom Share */

#gallery-page .share-expand {
    position: absolute;
    height: 0;
    bottom: 87px;
    right: 17px;
    background: rgba(255, 255, 255, 0.85);
    z-index: 4;
    width: 45px;
    text-align: center;
    overflow: hidden;
    -webkit-transition: height 0.5s ease-out;
    -moz-transition: height 0.5s ease-out;
    -ms-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
}

#gallery-page .share-expand.open {
    height: 120px;
    height:85px;/*to remove twitter icon*/
    padding: 5px 0;
}

#gallery-page .share-expand .share-icon {
    height: 30px;
    width: 30px;
    display: block;
    margin: 5px auto;
}

#gallery-page .share-expand .share-icon.gallery-fb {
    background: url('images/share/g-fb.png')no-repeat;
    background-position: center;
    background-size: cover;
}

#gallery-page .share-expand .share-icon.gallery-twt {
    background: url('images/share/g-twt.png')no-repeat;
    background-position: center;
    background-size: cover;
}

#gallery-page .share-expand .share-icon.gallery-more {
    background: url('images/share/more.png')no-repeat;
    background-position: center;
    background-size: 27px;
}

#gallery-page .share-expand .share-icon.gallery-more img {
    opacity: 0;
}

html.system #gallery-page .share-expand .share-icon.gallery-fb:hover {
    background: url('images/share/g-fb-blue.png')no-repeat;
    background-position: center;
    background-size: cover;
}

html.system #gallery-page .share-expand .share-icon.gallery-twt:hover {
    background: url('images/share/g-twt-blue.png')no-repeat;
    background-position: center;
    background-size: cover;
}

html.system #gallery-page .share-expand .share-icon.gallery-more:hover {
    background: url('images/share/more-blue.png')no-repeat;
    background-position: center;
    background-size: 27px;
}

#gallery-page .mobile-slider .share-expand {
    bottom: 85px;
}

.share-expand a .at-icon-wrapper {
    opacity: 0;
    position: absolute;
}

.page-template-template-gallery #at20mc,
#gallery-page .share-expand .share-icon.gallery-more .mCS_img_loaded {
    display: none;
}


/* Ie specific styles for gallery */

@media screen\0 {
    #gallery-page .gallery-full-width .g-slides {
        float: none;
        display: block;
        clear: both;
    }
    #gallery-page .gallery-full-width.expand .g-slides {
        float: left;
        clear: none;
    }
}

#gallery-page .navigation {
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 50%;
    display: none;
}

#gallery-page.expand .navigation {
    display: block;
}

#gallery-page .navigation .prev {
    left: 20px;
    position: absolute;
    opacity: 0;
}

#gallery-page .navigation .next {
    right: 20px;
    position: absolute;
}

#gallery-page .navigation .next img,
#gallery-page .navigation .prev img {
    height: 35px;
}

#gallery-page.expand .navigation.end .next {
    opacity: 0;
}

#gallery-page.expand .navigation.scrolling .prev {
    opacity: 1;
}

#gallery-page.expand .navigation.begin .prev {
    opacity: 0;
}


/* Peninsula Page */

.peninsula-wrapper .mobile-intro {
    display: block;
    width: 100%;
    position: relative;
    min-height: 320px;
    background-size: cover!important;
    background-position: center !important;
}

.peninsula-wrapper .inner-caption {
    margin: 15px 0;
}

.peninsula-wrapper .p-intro-section .m-buttons {
    margin-top: 30px;
    display: inline-block;
}

.info_window div:last-child img {
    display: none;
}

.info_window .gm-style-iw {
    display: block;
}

.gm-style-iw .map-popup {
    background: #983838;
    border-top: 5px solid #003944;
    padding: 20px 30px;
    color: white;
    text-align: center;
    font-family: 'museo_sans500';
    margin-bottom: 20px;
    position: relative;
}

.map-popup #content-sect h3 {
    color: #003944;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.map-popup #content-sect p {
    margin: 4px 0;
    font-size: 15px;
    line-height: 15px;
}

.map-popup #content-sect a {
    color: white;
}

.gm-style-iw .map-popup #arrow_sect a {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #983838;
    bottom: -20px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
}

#key_display li.mariel {
    display: none;
}

.peninsula-wrapper .p-wave {
    display: none;
}

.peninsula-wrapper .mobile-map {
    display: none;
}

.gm-style-iw .map-popup .popup-close-icon a {
    display: block;
    width: 15px;
    height: 15px;
    background: red;
    position: absolute;
    right: 7px;
    top: 7px;
    background: url('images/close.png') no-repeat;
    background-size: cover;
    background-position: center;
}

.gm-style-iw+div {
    display: none;
}


/* New Edits*/

.home-content {
    position: relative;
}

#promo_mainwrap {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
}

.home-promo-overlay {
    width: 95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #983838;
    padding: 75px 3% 35px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    max-width: 680px;
}

.home-promo-overlay h3, .home-promo-overlay .h3 {
    margin-bottom: 25px;
    font-family: "AdobeGaramondSemiboldItalic";
    font-size: 22px;
    font-weight: 600;
}

.home-promo-overlay h2, .home-promo-overlay .h2 {
    font-size: 18px;
    color: #2c1c1c;
    text-transform: none;
}

#bozzuto-socialfeed-container {
    background-color: #003943;
    background: url(images/social-feed-bg.png) repeat;
    padding-bottom: 20px;
}

.social-name {
    color: #983838 !important;
}

.social-container {
    width: 100% !important;
}

.socialfeed-title {
    text-align: center;
    background: #983838;
    padding: 25px 0;
}

.socialfeed-title h2 {
    font-family: 'museo_sans500';
    color: #fff;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
}

#virtualTour {
    height: 600px;
}

.menu ul li.desktop-only {
    display: block;
}

.menu ul li.mobile-only {
    display: none;
}


/* green living */

#Greens .moble-view {
    display: none;
}

#Greens .image2 {
    background-position-y: 40% !important;
}


/*popup*/

.hid {
    display: none;
}

.spcl_arrow {
    width: 70%;
    max-width: 372px;
    height: auto;
    background-color: #fff;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "AdobeGaramondSemiboldItalic";
    color: #000;
    text-transform: none;
    font-size: 30px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px -1px 16px -7px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -1px 16px -7px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -1px 16px -7px rgba(0, 0, 0, 0.75);
    padding: 26px;
}

.spcl_descp {
    max-width: 445px;
    margin: 0 auto;
    line-height: 29px;
    width: 90%;
}

.close_specials {
    position: absolute;
    right: 8px;
    top: 10px;
    padding: 0 8px 0 8px;
    cursor: pointer;
    background: none;
    border: 0;
}

.spcl_descp.open {
    /*width: auto;
     max-width: 555px; chek  
    padding-left: 50px;
    padding-right: 50px;*/
    /* transition: ease-in; 
    flex-direction: column;
    max-width: 569px;*/
}

.spcl_descp.open .spcl_txt {
    display: none;
}

.spcl_descp.open .hid {
    display: block;
    margin-top: 5px;
}

.open .main_des {
    color: #fff !important;
    font-family: "AdobeGaramondSemiboldItalic";
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
    letter-spacing: 0.17px;
}

.open .main_des .pop_highlight {
    color: #983838;
}

.open .sub_des {
    color: #363636;
    font-size: 16px;
    text-transform: uppercase;
    /* margin-top: 10px; */
}

.mobi .main_des {
    color: #fff !important;
    font-family: "AdobeGaramondSemiboldItalic";
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 0.17px;
}

.mobi .main_des .pop_highlight {
    color: #fff;
}

.mobi .sub_des {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.hid {
    opacity: 0;
}

.open .hid {
    opacity: 0;
    transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
}

.open .opencheck.hid {
    opacity: 1;
    transition: 2.5s;
}

@media(max-width: 768px) {
    .mobi .main_des {
        margin-bottom: 0;
    }
}

@media(max-width: 480px) {
    .mobi .main_des {
        font-family: 'museo_sans300';
        font-size: 13px;
        letter-spacing: 0;
        /* line-height: 20px; */
    }
    .mobi .sub_des {
        font-size: 18px;
    }
}

.hywrap .control-label {
    line-height: 19px !important;
    font-family: 'museo_sans300';
    text-transform: uppercase;
}

.hywrap input,
.hywrap input[type="text"],
.hywrap select,
.hywrap textarea {
    border: none !important;
    border-bottom: 1px solid #fff !important;
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    margin-top: 0 !important;
    line-height: 19px !important;
    min-height: 32px !important;
    font-family: 'museo_sans300' !important;
}

.hywrap input[type=text],
.hywrap textarea,
.hywrap select {
    padding: 4px 6px !important;
}

#contact-page .hyly-wrapper button {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 3px 18px;
    text-shadow: 0 1px 0 #353535;
    border-width: 0;
    border-style: solid;
    border-color: #9BA2AD;
    background: #983838;
    box-shadow: 0 1px 0 #353535;
    -moz-box-shadow: 0 1px 0 #353535;
    -webkit-box-shadow: 0 1px 0 #353535;
}

#contact-page .hyly-wrapper .form-actions button {
    min-width: 130px;
    padding: 8px 15px!important;
    font-family: 'museo_sans700';
    font-size: 13px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -65px;
    border-radius: 0;
    -webkit-border-radius: 0;
}

#contact-page .hyly-wrapper .form-actions button:hover {
    background: #ffffff;
    color: #983838!important;
    box-shadow: inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838;
    -webkit-box-shadow: inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838;
    -moz-box-shadow: inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838;
    -o-box-shadow: inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838, inset 0 0 4px #983838;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}


/* #contact-page .hyly-wrapper .center-wrapper > div:last-child * {
    padding-bottom: 5px !important;

} */

#contact-page .hywrap .form-actions {
    padding-bottom: 50px!important;
    position: relative;
}

.hywrap {
    margin: 20px auto !important;
}

#more-info {
    margin-top: 15px !important;
}

#more-info a {
    color: rgb(245, 126, 110) !important;
    text-decoration: underline;
}

.hywrap .LV_invalid {
    color: #f57e6e !important;
    display: block;
    clear: both;
}

.hywrap select {
    position: relative;
    z-index: 0;
    opacity: 1;
    padding-left: 1px;
}

.hywrap select option {
    background: #48858F;
    font-size: 12px;
}

.hywrap .control-group.hy-signup {
    padding-bottom: 0!important;
    border-bottom: 1px solid #fff;
}

.hywrap .control-group.hy-signup .control-label {
    float: left;
    width: auto;
    padding-bottom: 0!important;
}

.hywrap .control-group.hy-signup .controls {
    float: right;
    padding-bottom: 0!important;
}

.hywrap .radio {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 26px !important;
    margin-right: 4px !important;
    text-align: left !important;
    width: auto !important;
    color: #fff;
}

.hywrap .control-group.hy-signup .controls label {
    margin-right: 60px!important;
    padding-bottom: 0!important;
    margin-bottom: 0;
}

.hywrap input,
.hywrap textarea,
.hywrap select {
    margin-top: 0!important;
}

.hywrap .radio input {
    margin-top: 0;
    width: auto;
    -webkit-appearance: radio;
    min-height: auto !important;
}

.hywrap .control-group.hy-signup .controls label:last-of-type {
    margin-right: 6px!important;
}

@media screen and (min-width: 769px) {
    .hywrap {
        max-width: 67% !important;
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 1025px) {
    .hywrap {
        max-width: 75% !important;
    }
}

@media screen and (max-width: 768px) {
    #more-info {
        display: none;
    }
    .hywrap .top_align .control-label,
    .hywrap select,
    .hywrap textarea,
    .hywrap input[type="text"] {
        font-size: 16px;
        line-height: 25px !important;
    }
    .hywrap .form-actions button {
        font-size: 15px !important;
    }
    #contact-page .hyly-wrapper .form-actions button {
        padding: 8px 50px !important;
    }
}

.mobile-only {
    display: none;
}

@media(max-width: 768px) {
    .desktop-only {
        display: none;
    }
    .mobile-only {
        display: block;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .open .opencheck.hid {
        max-width: 500px !important;
    }
    .spcl_descp {
        transition: none;
    }
}

.gm-ui-hover-effect:hover {
    opacity: 0;
}

.gm-ui-hover-effect {
    opacity: 0;
}

.gm-style .gm-style-iw-c {
    padding: 0;
    box-shadow: none;
    background-color: transparent;
}

.gm-style .gm-style-iw-d {
    overflow: visible !important;
}

.gm-style .gm-style-iw-t::after {
    background: transparent;
}

#ora-logo {
    position: absolute;
    top: 150px;
    right: 60px;
    z-index: 9;
    width: 150px;
    top: 185px;
}

#home {
    position: relative;
}

@media only screen and (max-width: 991px) {
    #ora-logo {
        width: 105px;
        right: 30px;
        top: 130px;
    }
}

@media only screen and (max-width: 768px) {
    #ora-logo {
        top: 15px;
    }
}

@media only screen and (max-width: 560px) {
    #ora-logo {
        width: 60px;
    }
}

@media only screen and (max-width: 360px) {
    #ora-logo {
        width: 50px;
        top: 15px;
        right: 15px;
    }
}


/*****Plugin styles*****/

#happeningsPage {
    width: 100%;
    padding-top: 100px;
    display: block;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

#happeningsPage .half-section {
    width: 100%;
    background: url(images/header/NavyTopographicPattern.jpg)no-repeat center center #003943;
    background-size: cover;
    float: left;
    height: 358px;
    position: relative;
    color: #FFF;
}

.happening-section {
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    display: table;
}

#happeningsPage .fts-mashup-post-wrap {
    background-color: #003945;
}

#happeningsPage .fts-mashup-post-wrap span.fts-jal-fb-user-name a,
#happeningsPage .fts-jal-single-fb-post .fts-jal-fb-user-name a,
#happeningsPage .fts-twitter-full-name {
    color: #fff !important;
    font-size: 22px !important;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 26.07px;
    font-family: "adobe-garamond-pro", "AdobeGaramondSemiboldItalic";
    font-style: italic;
}

#happeningsPage .fts-jal-single-fb-post .fts-jal-fb-user-name a:hover {
    color: #fff !important;
}

#happeningsPage .fts-mashup-post-wrap a {
    color: #983838;
    font-size: 15px;
}

#happeningsPage .fts-mashup-description-wrap,
#happeningsPage .fts-jal-fb-message p {
    font-family: 'museo_sans300';
    font-weight: 400;
    color: #fff;
    font-size: 14px;
}

#happeningsPage .slicker-instagram-placeholder:hover .slicker-instaG-photoshadow {
    background-color: transparent!important;
}

#happeningsPage .fts-jal-fb-message,
.fts-mashup .fts-jal-fb-message {
    line-height: 18px;
}

#happeningsPage .fts-mashup-description-wrap>a {
    font-weight: 400;
}

#happeningsPage .fts-mashup-media-top .fts-mashup-icon-wrap-right.fts-mashup-facebook-icon {
    position: absolute;
    top: 0;
}

#happeningsPage .fts-mashup-icon-wrap-right {
    position: absolute;
    top: 0;
    left: -45px;
    background-color: #983838;
    margin: 0 !important;
    width: 45px;
    height: 45px;
}

#happeningsPage .fts-mashup-icon-wrap-right a {
    display: block;
    width: 100%;
    height: 100%;
}

#happeningsPage .fts-mashup-icon-wrap-right a:before {
    top: -1px;
    color: #fff;
    left: 7px;
    font-size: 38px!important;
    line-height: 47px;
}


/*#happeningsPage .fts-mashup-icon-wrap-right.fts-mashup-facebook-icon{display:none;}*/

#happeningsPage .fts-mashup-media-top .fts-mashup-twitter-icon a:before {
    top: 15px;
    left: 9px !important;
}

#happeningsPage .fts-feed-type-facebook .fts-mashup-icon-wrap-right a::before {
    left: 12px;
    top: 1px;
}

#happeningsPage .fts-twitter-image {
    padding: 0;
    background-color: #983838;
    position: relative;
}

#happeningsPage .fts-twitter-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    justify-content: center;
}

#happeningsPage .fts-tweeter-wrap {
    width: 310px;
}

#happeningsPage .fts-twitter-text {
    background-color: #003945;
    font-family: "museo_sans300";
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    padding: 8px 15px;
}

#happeningsPage .fts-twitter-text a {
    color: #983838;
    font-size: 15px;
    font-weight: 400;
}

#happeningsPage .fts-powered-by-text {
    display: none !important;
}

#happeningsPage .fts-right .fts-uppercase {
    width: calc(100% - 15px);
    background-color: #003945;
    padding: 15px 0 0 15px;
}

#happeningsPage .fts-twitter-username img.twitter-image {
    display: none;
}

#happeningsPage .fts-tweeter-wrap .tweeter-info img {
    margin-top: 0 !important;
}

#happeningsPage .tweeter-info .fts-right {
    padding: 0 10px 0 45px;
}

#happeningsPage .fts-twitter-at-name {
    color: #fff;
}

#happeningsPage .fts-mashup-count-wrap .fts-share-wrap {
    float: left;
}

#happeningsPage .fts-mashup-count-wrap .fts-twitter-reply-wrap-left {
    float: none;
    padding: 10px 10px 0;
    background: transparent;
    margin-top: 0;
    width: auto;
    padding-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#happeningsPage .fts-tweeter-wrap .fts-twitter-reply-wrap {
    margin-left: 45px;
}

#happeningsPage .fts-tweeter-wrap .fts-twitter-reply-wrap-left {
    float: none;
    width: calc(100% - 75px);
    margin-left: 45px;
    background: #003945;
    margin-top: 0;
    padding-bottom: 8px;
}

#happeningsPage .fts-tweeter-wrap .fts-twitter-image {
    width: 45px;
    height: 45px;
}

#happeningsPage .fts-twitter-favorites,
#happeningsPage .fts-twitter-reply,
#happeningsPage .fts-twitter-retweet {
    color: #fff;
}

#happeningsPage .fts-tweeter-wrap .fts-twitter-image:after {
    font-family: FontAwesomeSlick;
    content: "\f099";
    font-size: 35px;
    font-weight: 100!important;
    position: absolute;
    top: 16px;
    left: 7px;
    color: #fff;
}

#happeningsPage .fts-tweeter-wrap .fts-right br {
    display: none;
}

#happeningsPage .fts-tweeter-wrap .fts-twitter-favorites {
    margin-top: 2px;
}

#happeningsPage .fts-twitter-reply-wrap {
    /*background: rgba(0, 0, 0, 0.6);*/
    margin-top: 0;
}

#happeningsPage .fts-tweet-others-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    justify-content: flex-end;
}

#happeningsPage .fts-tweet-reply-left {
    margin-left: 35px!important;
}

#happeningsPage .fts-slicker-facebook-posts .fts-jal-single-fb-post {
    background-color: #003945;
    padding: 10px 00px 8px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

#happeningsPage .fts-jal-fb-top-wrap {
    padding: 0 15px;
    position: relative;
}

#happeningsPage .fts-jal-fb-top-wrap .fts-jal-fb-user-thumb {
    position: absolute;
    left: -45px;
    top: -10px;
    margin-right: 0;
    background-color: #983838;
    margin-bottom: 0;
    width: 45px;
    height: 45px;
}

#happeningsPage .fts-jal-fb-top-wrap .fts-jal-fb-user-thumb a img {
    display: none;
}

#happeningsPage .fts-jal-fb-top-wrap .fts-jal-fb-user-thumb a {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

#happeningsPage .fts-jal-fb-top-wrap .fts-jal-fb-user-thumb a:after {
    color: #fff;
    font-family: FontAwesomeSlick;
    content: "\f09a";
    top: 1px;
    left: 11px;
    position: relative;
    font-size: 38px!important;
    line-height: 47px;
}

#happeningsPage .fts-share-wrap .ft-gallery-link-popup {
    padding-left: 10px;
    color: #983838;
}

#happeningsPage .fts-jal-single-fb-post a,
#happeningsPage .fts-share-wrap .ft-gallery-link-popup:hover,
#happeningsPage .fts-jal-single-fb-post a:hover {
    color: #fff !important;
}

#happeningsPage .fts-jal-single-fb-post a.fts-jal-fb-see-more {
    position: absolute;
    right: 10px;
}

#happeningsPage .fts-fb-large-photo {
    width: 100%;
    margin-top: 0;
}

#happeningsPage .fts-twitter-favorites:before,
#happeningsPage .fts-twitter-reply:before,
#happeningsPage .fts-twitter-retweet:before,
#happeningsPage .ft-gallery-link-popup:before,
#happeningsPage .slicker-instagram-image-likes:before,
#happeningsPage .fts-comment-instagram:before,
#happeningsPage .fts-mashup .fts-likes-shares-etc-wrap a,
#happeningsPage .fts-mashup-count-wrap .slicker-heart-comments-wrap li {
    color: #fff !important;
}

.hpng-grid_wrap {
    width: 90%;
    max-width: 1600px;
    margin: 30px auto 0;
}

.twitter .hpng-grid_wrap {
    margin-top: 45px;
}

.facebook .hpng-grid_wrap {
    margin-top: 30px;
}

.instagram .hpng-grid_wrap {
    margin-top: 30px;
}

#happeningsPage .slicker-heart-comments-wrap {
    z-index: 10;
}

#happeningsPage .fts-jal-fb-message p {
    font-size: 16px;
}

#happeningsPage .fts-feed-type-instagram .fts-mashup-icon-wrap-right.fts-mashup-facebook-icon a {
    position: relative;
}

#happeningsPage .fts-feed-type-instagram .fts-mashup-icon-wrap-right.fts-mashup-facebook-icon a:after {
    content: "";
    background: url(images/happenings/instagram.png) no-repeat center/30px;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 31px;
    height: 31px;
}

#happeningsPage .fts-feed-type-twitter .fts-mashup-icon-wrap-right.fts-mashup-facebook-icon a {
    position: relative;
}

#happeningsPage .fts-feed-type-twitter .fts-mashup-icon-wrap-right.fts-mashup-facebook-icon a:after {
    font-family: FontAwesomeSlick;
    content: "\f099";
    font-size: 35px;
    font-weight: 100!important;
    position: absolute;
    top: 16px;
    left: 7px;
    color: #fff;
}

#happeningsPage .fts-mashup .fts-jal-fb-user-name {
    margin-right: 0;
    padding-left: 15px;
    padding-top: 14px;
    color: #fff;
}

#happeningsPage .fts-mashup .fts-jal-fb-top-wrap .fts-jal-fb-user-name {
    padding-left: 0px;
}

#happeningsPage .fts-mashup-description-wrap {
    padding-left: 15px;
    padding-right: 15px;
    word-break: break-word;
}


/*Insta page*/

#happeningsPage a.fts-instagram-link-target.fts-slicker-backg.fts-instagram-img-link {
    background: #983838;
    position: absolute;
    margin: 0;
    left: -45px;
    width: 45px;
    height: 45px;
    padding: 0 !important;
}

#happeningsPage a.fts-instagram-link-target.fts-slicker-backg.fts-instagram-img-link span {
    width: 100% !important;
    height: 100% !important;
}

#happeningsPage .slicker-instagram-placeholder .fts-instagram-icon:before {
    content: "";
    background: url(images/happenings/instagram.png) no-repeat center/30px;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 31px;
    height: 31px;
}

#happeningsPage .fts-smallerthan-180 .fts-instagram-link-target span:before {
    content: "\f16d" !important;
}

#happeningsPage a.fts-slicker-backg {
    left: -45px;
    margin: 0;
}

#happeningsPage .slicker-instagram-placeholder {
    overflow: visible;
    width: 250px !important;
}

.instagram-placeholder .fts-see-on-instagram,
.slicker-instagram-placeholder .fts-see-on-instagram,
.slicker-instagram-placeholder .fts-share-wrap,
.slicker-instagram-placeholder .fts-slicker-backg,
.slicker-instagram-placeholder .slicker-date,
.slicker-instagram-placeholder .slicker-instagram-image-comments,
.slicker-instagram-placeholder .slicker-instagram-image-likes {
    opacity: 1 !important;
}

#happeningsPage .fts-insta-likes-comments-grab-popup {
    background-color: #003945;
    display: block !important;
    height: 32px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

#happeningsPage .fts-mashup-count-wrap .slicker-heart-comments-wrap li,
#happeningsPage .slicker-instagram-placeholder .slicker-heart-comments-wrap li {
    color: #fff !important;
}

#happeningsPage .fts-jal-fb-header {
    display: none;
}

#happeningsPage .tweeter-info .time {
    background-color: #192027;
    padding-left: 15px;
    display: block;
    color: #fff;
}

#happeningsPage .tweeter-info .time a,
#happeningsPage .tweeter-info .time a:hover,
#happeningsPage .fts-jal-fb-post-time {
    color: #fff;
}

#happeningsPage .fts-mashup .fts-jal-fb-post-time,
#happeningsPage .fts-mashup .fts-jal-fb-post-time {
    padding-left: 15px;
    color: #fff;
}

#happeningsPage .fts-mashup .fts-feed-type-facebook .fts-jal-fb-post-time {
    padding-left: 0;
}

#happeningsPage .fts-mashup-icon-wrap-right.fts-mashup-twitter-icon a:before {
    left: 6px!important;
}

#happeningsPage .hpng-filter-wrap {
    background-color: #983838;
    text-align: center;
    padding: 19px 0;
}

#happeningsPage .hpng-filter-wrap .row a {
    position: relative;
    padding-left: 32px;
    margin-right: 1.7vw;
    color: #fff;
    font-family: "museo_sans700";
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2.33px;
}

#happeningsPage .hpng-filter-wrap .row .col-1,
#happeningsPage .hpng-filter-wrap .row .col-2 {
    display: inline-block;
    padding: 20px 0 0 0;
}

#happeningsPage .hpng-filter-wrap .row a:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: transparent;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

#happeningsPage .hpng-filter-wrap .row a.is-checked:before {
    background-color: #fff;
}

#happeningsPage .fts-tweeter-wrap .tweeter-info {
    border-bottom: 0px;
}

#happeningsPage .fts-twitter-quoted-text-wrap {
    border: 0px solid #003945!important;
    background-color: #003945;
    color: #fff;
}

#happeningsPage .nores {
    padding: 20vh 0;
    text-align: center;
}

#happeningsPage .nores h2,
a.fts-twitter-at-name {
    color: #fff;
}


/*#happeningsPage .fts-mashup-error-check{display:none;}*/

#features .h_slider_caption {
    background-color: transparent;
}

#happeningsPage .fts-jal-single-fb-post a {
    color: #983838!important;
}

#happeningsPage .fts-jal-single-fb-post a:hover {
    color: #fff!important;
    opacity: 0.8;
}

#happeningsPage .fts-jal-single-fb-post .fts-likes-shares-etc-wrap a.fts-jal-fb-see-more {
    color: #fff !important;
}

#happeningsPage .fts-greater-than-width-height.fts-fb-video-on-page iframe {
    width: 100% !important;
}

#happeningsPage .fts-jal-fb-vid-wrap {
    position: relative;
    z-index: 1;
}

#happeningsPage .slicker-instagram-placeholder .ft-gallery-share-wrap {
    background: #003945;
}

.fts-twitter-quoted-text-wrap a:hover,
#happeningsPage .fts-twitter-at-name,
.fts-fb-location-img,
.fts-fb-location-name {
    color: #fff!important;
}

#happeningsPage .hpng-filter-wrap .row a.is_checked:before {
    background-color: #eff0e9;
}

div#blog-page.vertical-page {
    padding-top: 100px;
}

#twitter-feed-MerielMarinaBay {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/***call us text styling******/
#contact-page .office-hours>div div.callus span{
    white-space:nowrap;
    display:none;
} 
#contact-page .office-hours>div div.callus a.phonenumber{
    color:#fff;
    display:block;
}


.covid_popup,
.covid_popup * {
  box-sizing: border-box;
}

.covid_popup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: left;
  padding: 20px 8.7vw 20px 32px;
  background: #033943;
  line-height: 1.4;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .covid_popup {
    text-align: center;
    padding: 15px 32px 17px 32px;
    flex-direction: column;
  }
}
@media screen and (max-width: 480px) {
  .covid_popup {
    padding: 27px 10px 14px 10px;
  }
}

.covid_popup p {
  font-size: 14px;
}

.covid_popup_close {
  position: absolute;
  right: 10px;
  top: 10px;
  border: 0;
  background: url(images/close.png) no-repeat center;
  background-size: contain;
  width: 15px;
  height: 15px;
  font-size: 0;
  cursor: pointer;
  padding: 0;
}
@media screen and (max-width: 480px) {
  .covid_popup_close {
    top: 10px;
    right: 10px;
  }
}

.covid_btn_wrap {
  padding-left: 4.3vw;
}
@media screen and (max-width: 768px) {
  .covid_btn_wrap {
    padding-left: 0;
    margin-top: 15px;
  }
}

.covid_info p a {
  color: #fff;
  text-decoration: underline;
  display: inline-block;
  font-weight: 300;
}

.covid_btn_wrap a {
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  font-size: 14px;
  border: 1px solid #fff;
  padding: 10px 20px;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 480px) {
  .covid_btn_wrap a {
    font-size: 13px;
    padding: 6px 15px;
  }
}

.covid_btn_wrap a:hover {
  background: #fff;
  color: #033943;
}

.skip-nav {
    background: 0 0;
    color: #000;
    left: 0;
    padding: 1rem 1.5rem;
    position: absolute;
    top: -4.2rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: 9999;
    font-family: "museo_sans700";
    font-size: 18px;
}

.skip-nav:focus {
    background: #fff;
    -webkit-box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
    box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
    left: 0;
    outline: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.text-hidden{
    font-size: 0;
    height: 0;
}

.play-pause{
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 5;
}

.play-pause button{
    width: 40px;
    height: 40px;
    background: #983838;
    border-radius: 50%;
    padding: 0;
    text-indent: -9999px;
    border: 0;
    cursor: pointer;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

.play-pause button.play{
    background-image: url(images/play.svg);
    background-position: 11px center;
}

.play-pause button.pause{
    background-image: url(images/pause.svg);
}

.cache-play-pause{
    position: absolute;
    overflow: hidden;
    height: 0;
    visibility: hidden;
}

img[src*="bluekai"]{
    height: 0;
    position: absolute;
}

#bozzuto-socialfeed-iframe{
    width: 100%;
    overflow: hidden;
    border: 0;
}

.gm-err-message{
    color: #000 !important;
}

.wp-paginate .gap{
    color: #210606 !important;
}


.osano-cm-widget {
    display: none;
  }
  .osano-cm-disclosure__toggle, .osano-cm-expansion-panel__toggle,
  .osano-cm-disclosure__toggle:hover,
  .osano-cm-link:hover, .osano-cm-link:active, 
  .osano-cm-link {
    color: #000;
  } 
  .osano-cm-disclosure__toggle, .osano-cm-expansion-panel__toggle,
  .osano-cm-disclosure__toggle:hover,
  .osano-cm-link,
  .osano-cm-link:hover, 
  .osano-cm-link:active {
    color: #000;
  }
  /**********Progress Tracker*************/
  #progressTracker {
    bottom: 0;
    display: none;
    left: 0;
    padding: 16px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    background-color: hsla(0,0%,100%,.4);
}
.tracker-close {
    background-color: transparent;
    border: 0;
    font-size: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: .3s ease-out;
    transition-delay: .3s;
    width: 100%;
    opacity: 1;
}
.tracker-wrapper {
    background: #983838;
    color: #fff;
    left: 16px;
    opacity: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(calc(-50% + 10px));
    transition: .3s ease-out;
    display: flex;
    left: 50%;
    max-width: 960px;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    opacity: 1;
    max-height: 65vh;
    overflow: hidden;
    height: 675px;
}
.progress-image {
    display: block;
    width: 50%;
    object-fit: cover;
    max-height: none;
    height: 100%;
}
.progress-content {
    width: 50%;
    padding: 135px 58px 116px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.progress-close {
    display: block;
    font-size: 0;
    height: 28px;
    position: absolute;
    right: 18px;
    top: 18px;
    width: 28px;
    cursor: pointer;
    border: none;
    background-color: transparent;
}
.progress-close::after, .progress-close::before {
    background: #fff;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
    transform-origin: center;
    width: 100%;
}
.progress-close::before {
    transform: translate(-50%,-50%) rotate(-45deg);
}
.progress-close:after {
    transform: translate(-50%,-50%) rotate(45deg);
}
.progress {
    position: relative;
    height: 160px;
    width: 160px;
    margin: 0 auto 30px;
}

.progress-circle {
    transform: rotate(-90deg);
    margin:  0 auto;
}

.progress-circle-back {
	fill: none; 
	stroke: #D2D2D2;
	stroke-width: 7px;
}

.progress-circle-prog {
	fill: none; 
	stroke: #3f704d;
	stroke-width: 7px;  
	stroke-dasharray: 0 999;    
	stroke-dashoffset: 0px;
    transition: stroke-dasharray 0.7s linear 0s;
}

.progress-text {
	width: 100%;
	position: absolute;
	top: 75px;
	text-align: center;
	font-size: 24px;
    color: #fff;
}
.progress-heading {
    font-family: "adobe-garamond-pro","AdobeGaramondSemiboldItalic";
    font-style: italic;
    font-weight: 600;
    font-size: 37px;
    line-height: 40px;
    margin-bottom: 15px;
    text-align: center;
}
.progress-description {
    font-family: 'museo_sans300';
    font-weight: 400;
    font-size: 14px;
    text-align: center;
}
@media (max-width: 768px) {
    .progress-image {
        display: none;
    }
    .progress-content {
        width: 100%;
        padding: 40px;
    }
    .tracker-wrapper {
        max-height: 90vh;
        height: auto;
    }
    .progress-heading {
        font-size: 35px;
    }
}
.progress-close:hover {
    border: 1px solid white;
}

/********Top special banner***********/
.specials-slider-wrap {
    background-color: #983838;
    padding: 25px 4vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    z-index: 8;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0; 
    height: 69px;
    height: auto;
    justify-content: center;
}
.specials-slider-wrap.loaded {
    opacity: 1; 
}
.specials-slider-wrap .specials-content {
    color: #fff;
    font-family: 'museo_sans300';
    font-weight: 400;
    font-size: 16px;
}
.specials-slider-wrap .specials-content li {
    text-align: center;
}
.specials-slider-wrap .close-btn {
    display: block;
    font-size: 0;
    height: 28px;
    position: absolute;
    right: 18px;
    top: 18px;
    width: 28px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    top: 20px;
}
.specials-slider-wrap .close-btn:hover {
    border: 1px solid #fff;
}
.specials-slider-wrap .close-btn:before, 
.specials-slider-wrap .close-btn:after {
    background: #fff;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
    transform-origin: center;
    width: 100%;
}
.specials-slider-wrap .close-btn:before {
    transform: translate(-50%,-50%) rotate(-45deg);
}
.specials-slider-wrap .close-btn:after {
    transform: translate(-50%,-50%) rotate(45deg);
}
.specials-slider-wrap .specials-inner-wrap {
    padding-right: 20px;
}
/* body.home header {
    top: 69px;
} */
body.home header.menu-open {
    top: 0;
}
body .construction-wrapper .slide-section {
    background: none;
    background-color: #983838;
}
body .construction-wrapper .slide-section   h1 {
    margin-bottom: 15px;
}
body .construction-wrapper .topography {
    background: url(images/pattern-mobile.png) repeat;
    display: block !important;
}
.construction-wrapper .width50.right {
    width: 63%;
}
.construction-wrapper .width50.left {
    width: 37%;
}
@media (max-width: 768px) {
    body .construction-wrapper .slide-section .inner-page-content {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 0;   
    }
    body .construction-wrapper .slide-section .inner-page-content .left {
        padding-top: 60px;
    }
    .construction-wrapper .width50.right, .construction-wrapper .width50.left {
        width: 100%;
    }
}
/*specials*/
.specials_wrapper {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    /* align-items: flex-end; */
    align-items: center;
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, .2);
}

.specials_wrapper.specials_show {
    z-index: 500;
}
.specials_wrapper .specials_popup {
    display: none;
    background-color: #983838;
    color: #ffffff;
    width: 526px;
    max-width: calc(100% - 70px);
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    -webkit-box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    -moz-box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    padding: 49px 87px 24px;
    text-align: center;
    position: relative;
    /* margin: 20px auto 40px; */
    margin: 20px auto;
}
.m-buttons-reverse {
    color: #983838;
    background: #ffffff;
    text-transform: uppercase;
    border: 1px solid #fff;
    font-family: 'museo_sans700';
    padding: 8px 50px;
    font-size: 15px;
    display: block;
    margin: 20px 0;
}

.using-keytab .m-buttons-reverse:focus{
    outline-color: #ffffff;
}

html.system .m-buttons-reverse:hover {
    background: #983838;
    color: #ffffff;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
@media (max-width: 575.8px) {
    .specials_wrapper .specials_popup {
        padding: 54px 3.2vw 24px;
    }
}


@media (max-width: 991.8px) {

    .specials_wrapper .specials_popup .specials_copy,
    .specials_wrapper .specials_popup .fill_btn {
        margin-bottom: 16px;
    }
}

.specials_wrapper .specials_popup .specials_inner {
    width: 100%;
    height: 100%;
}

.specials_wrapper .specials_popup .popup_close {
    display: block;
    font-size: 0;
    height: 28px;
    position: absolute;
    right: 18px;
    top: 18px;
    width: 28px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    top: 20px;
}
.specials_wrapper .specials_popup .popup_close:hover {
    border: 1px solid #fff;
}
.specials_wrapper .specials_popup .popup_close:before, 
.specials_wrapper .specials_popup .popup_close:after {
    background: #fff;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
    transform-origin: center;
    width: 100%;
}
.specials_wrapper .specials_popup .popup_close:before {
    transform: translate(-50%,-50%) rotate(-45deg);
}
.specials_wrapper .specials_popup .popup_close:after {
    transform: translate(-50%,-50%) rotate(45deg);
}

.specials_wrapper .specials_popup .copy_small {
    font-size: 16px;
    line-height: 20px;
}
@media (max-width: 991.8px) {
    .specials_wrapper .specials_popup .copy_small {
        font-size: 16px;
        line-height: 20px;
    }
}

.sightmap-container {
    height: 800px;
}

.fp-tabs-block {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 60px;
}

.fp-tabs-block a {
    font-family: 'museo_sans700';
    background-color: #983838;
    border: 1px solid #fff;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    height: 38px;
    line-height: 35px;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding: 0px 40px;
    text-align: center;
}

@media (max-width: 768px) {
    .fp-tabs-block a{
        padding: 0px 10px;
    }
}

.fp-tabs-block a:hover {
    background-color: #fff;
    color: #983838;
    border: 1px solid #983838;
}

.fp-tabs-block .sightmap_cta {
    margin-left: 20px;
}

#fp-tabs-wrap a.active {
    background-color: #fff;
    color: #983838;
    border: 1px solid #983838;
}
/* Fee calc styles*/


body .rfwa-expense-guide-container h2{
    color: #fff;
    font-family: 'museo_sans500';
    letter-spacing: 1px;
}
body .rfwa-expense-guide-container p:not(.rfwa-group-description){
    color: #fff;
    font-family: 'museo_sans500';
    font-size: 17px;
}
body  .rfwa-expense-guide-container .rfwa-accordion-header h3{
    font-family: 'museo_sans300';
    font-size: 24px;
}
body .rfwa-expense-type.Required,
body .rfwa-expense-type-required{
    font-family: 'museo_sans300';
    letter-spacing: 1px;
    background: #003943;
    border-color: #003943;
}
body .rfwa-expense-list th{
    font-family: 'museo_sans700';
}
body  .rfwa-expense-list td{
    font-family: 'museo_sans300';
}
body p.rfwa-group-description,
body  .rfwa-expense-guide-container .rfwa-accordion-header h3,
body  .rfwa-expense-list td,
body .rfwa-expense-list th,
body .rfwa-expense-list .rfwa-expense-details,
body .rfwa-expense-list .rfwa-expense-amount.has-tooltip,
body .rfwa-expense-list .rfwa-expense-label{
    color: #003943;
}
body p.rfwa-group-description{
    font-family: 'museo_sans500';
}
body .rfwa-tooltip{
    font-family: 'museo_sans300';
}
body .rfwa-expense-footer{
    color: #fff;
    font-family: 'museo_sans300';
    font-size: 17px;
    margin-block: 50px 30px;
}

iframe[src*="https://my.hy.ly/chat"]{
    position: absolute;
    width: 0;
    height: 0;
    margin-top: -5px;
}
body [data-accordion="true"] .rfwa-expense-guide-container .rfwa-accordion-icon::before{
border-right-color: #003943;
border-bottom-color: #003943;
}
body .rfwa-expense-type-optional,
body .rfwa-expense-type-situational,
body .rfwa-expense-type.Optional, 
body .rfwa-expense-type.Situational{
    background-color:#fff;
    color: #003943;
    border: 1px solid #003943;
    letter-spacing: 0.5px;
}
body [data-accordion="true"] .rfwa-expense-guide-container .rfwa-accordion-header h3{
        color: #983838;
        font-size: 22px;
}
a.rfwa-fee-calculator{
    /* display: block;
        color: #fff;
    width: auto !important;
    height: auto;
    padding-left: 25px !important;
    margin: 14px 0 0; */
}
body .fee_table{
    background: #447174;
    clear: both;
}
#floorplans-detail a.rfwa-fee-calculator{
 display: flex;
 align-items: center;
        color: #fff;
    width: auto !important;
    height: auto;
    margin: 14px 0 -20px;
}
#floorplans-detail a.rfwa-fee-calculator strong{
    white-space: nowrap;
}
#floorplans-detail .rfwa-fee-calculator::before{
    background-position: -3px  center;
        height: 20px;
    position: relative;
    left: 0;
        top:auto;
    width: 28px;
}
body .rfwa-export-pdf-link:hover,
body .rfwa-export-pdf-link{
    color: #fff;
    font-family: 'museo_sans500';
}
 .result-col span.monthly-rent{
       white-space: nowrap;
display: flex;
    align-items: center;
    gap: 3px;
}

.fee_text{
   margin-block: 15px ;
   text-transform: capitalize;
}
.result-col .rfwa-fee-calculator{
    width: 20px !important;
    height: 22px;
}
.fee_text_col{
    display: block;
}
@media screen and (min-width: 769px) {
    .hidden_on_desk{
        display: none !important;
    }
    .fee_text_col{
        display: none !important;
    }
}
@media  screen and (max-width: 768px) {
    #floorplans-detail a.rfwa-fee-calculator{
        justify-content: center;
    }
     .result-col span.monthly-rent{
       justify-content: center;
}
}


