/* Complete Webiste Font */
/* Font Color  */
/* Webiste Core Color For NSUI #0093b2*/
/* End */
/* View Profile Icon Display */
/* Header Nav Drop Down */
.teetime-webservice .ui-overlay-a, .teetime-webservice .ui-page-theme-a, .teetime-webservice .ui-page-theme-a .ui-panel-wrapper {
  background-color: #fff !important; }

.teeTimeContent ul {
  background: #fff !important; }

/* For Club dark blue color */
/* Media Query */
/* Member Roaster & New Member Setting  */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* For teeShett Time Fonts and Reservation Button Padding */
/* For Tee Sheet Reservation Button Color and Icons Color */
/* New Template Color Combination Varibale  */
/* Media Query  */
/* MT#0205990: Tee Time : Preferences based Player Type Selection option on reservation screen */
/* Teetime Color Configuration */
.aui .portlet-asset-publisher .asset-content, .aui .portlet-asset-publisher .asset-summary, .aui .portlet-asset-publisher .asset-title, .aui .portlet-asset-publisher .header-title, .aui .portlet-asset-publisher li.title-list, .aui .portlet-blogs .entry-body, .aui .portlet-blogs .entry-title, .aui .portlet-blogs .header-title, .aui .portlet-journal-content .journal-content-article, .aui .portlet-message-boards .header-title, .aui .portlet-message-boards .thread-body {
  word-break: keep-all;
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none; }

.row:before, .row:after {
  display: none !important; }

aui,
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  width: 100%; }

body {
  position: relative;
  min-height: 100%;
  width: 100%; }

#mm-0 {
  min-height: 100%;
  padding-bottom: 0px; }

#push {
  min-height: 202px;
  position: relative; }

/* ----------- start 200px to 767px ----------- */
@media screen and (min-width: 200px) and (max-width: 767px) {
  #push {
    min-height: 327px !important; } }
/* end 200px to 667px ----------- */
/* ----------- start 768px to 1024px ----------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #push {
    min-height: 204px !important; } }
/* end 200px to 667px ----------- */
#wrap {
  min-height: 100%;
  position: relative; }

/* --------Body Container ----------- */
/* Admin Class  */
.lfr-add-panel .add-content-menu .accordion .nav-list .lfr-content-item {
  width: 100% !important; }

@media screen and (max-width: 1920px) and (min-width: 1250px) {
  .navigation-container {
    width: 915px !important; } }
header.header_like_baycolony.small {
  /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
  background: rgba(9, 68, 130, 0.9);
  height: auto !important; }

header.header_like_baycolony.small .main-logo-wrapper {
  padding: 7px 0px 0px; }

header.header_like_baycolony.small .main-logo-wrapper .site-title .logo img {
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

header.header_like_baycolony.small .nav-bg #textured-cssmenu {
  margin-top: 10px; }

header.header_like_baycolony.small .nav-bg #textured-cssmenu ul li a {
  padding: 0px 0px 55px; }

@media screen and (min-width: 1367px) and (max-width: 1412px) {
  header.header_like_baycolony.small .nav-bg #textured-cssmenu ul li a {
    /* padding: 0px 0px 46px; */ } }
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  header.header_like_baycolony.small .nav-bg #textured-cssmenu ul li a {
    /*padding:  0px 0px 47px; */ } }
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony.small .nav-bg #textured-cssmenu ul li a {
    /* padding: 0px 0px 48px; */ } }
header.header_like_baycolony.small .nav-bg #textured-cssmenu ul li.active:after {
  content: "";
  bottom: 40px; }

@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony.small .nav-bg #textured-cssmenu ul li.active:after {
    /* bottom: 30px; */ } }
header.header_like_baycolony.small .nav-bg #textured-cssmenu > ul > li:hover > ul {
  top: 75px;
  padding-top: 0px !important;
  margin-top: 0px !important; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  header.header_like_baycolony.small .nav-bg #textured-cssmenu > ul > li:hover > ul {
    /* top: 60px; */ } }
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony.small .nav-bg #textured-cssmenu > ul > li:hover > ul {
    /* top: 60px !important; */ } }
header.header_like_baycolony.small .nav-bg #textured-cssmenu > ul > li:hover:before {
  bottom: 38px;
  content: ""; }

@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony.small .nav-bg #textured-cssmenu > ul > li:hover:before {
    /* bottom: 30px; */ } }
header.header_like_baycolony.small .nav-bg #textured-cssmenu > ul > li:focus > ul {
  top: 75px;
  padding-top: 0px !important;
  margin-top: 0px !important; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  header.header_like_baycolony.small .nav-bg #textured-cssmenu > ul > li:focus > ul {
    /* top: 53px; */ } }
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony.small .nav-bg #textured-cssmenu > ul > li:focus > ul {
    /* top: 60px !important; */ } }
header.header_like_baycolony.small .nav-bg #textured-cssmenu > ul > li:before {
  bottom: 38px;
  content: ""; }

@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony.small .nav-bg #textured-cssmenu > ul > li:before {
    /* bottom: 30px; */ } }
header.header_like_baycolony.small #textured-cssmenu > ul > li:hover > ul {
  top: 75px;
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

header.header_like_baycolony.small #textured-cssmenu > ul > li:focus > ul, header.header_like_baycolony.small #textured-cssmenu > ul > li:focus-within > ul {
  top: 75px;
  padding-top: 0px !important;
  padding-bottom: 0px !important; }

header.header_like_baycolony.small .user-greeting-area {
  margin: 0px 0px 0 15px;
  transition: all 0.3s linear 0s; }

header.header_like_baycolony.small .user-greeting-area a {
  background-color: #6b8fb4 !important;
  /* @media screen and (min-width: 1200px) and (max-width: 1366px) {
  	padding: 37px 10px 36px;
  }
  @media (min-width: 1024px) and (max-width: 1199px) {
  	padding: 31px 10px 32px;
  } */ }

@keyframes animationFrames {
  0% {
    opacity: 0;
    transform: translate(0px, -49px); }

  100% {
    opacity: 1;
    transform: translate(0px, 0px); } }

@-moz-keyframes animationFrames {
  0% {
    opacity: 0;
    -moz-transform: translate(0px, -49px); }

  100% {
    opacity: 1;
    -moz-transform: translate(0px, 0px); } }

@-webkit-keyframes animationFrames {
  0% {
    opacity: 0;
    -webkit-transform: translate(0px, -49px); }

  100% {
    opacity: 1;
    -webkit-transform: translate(0px, 0px); } }

@-o-keyframes animationFrames {
  0% {
    opacity: 0;
    -o-transform: translate(0px, -49px); }

  100% {
    opacity: 1;
    -o-transform: translate(0px, 0px); } }

@-ms-keyframes animationFrames {
  0% {
    opacity: 0;
    -ms-transform: translate(0px, -49px); }

  100% {
    opacity: 1;
    -ms-transform: translate(0px, 0px); } }

header.header_like_baycolony {
  position: fixed;
  width: 100%;
  padding: 0px 0 0px 0;
  z-index: 9;
  top: 0px;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 100%);
  height: auto;
  /* background-color: $headernavigationcolor;
  box-shadow: rgba(0, 0, 0, 0.1) 3px 0px 10px; */
  /* Humberger Icon Classes */
  /* active classes */
  /* CSS for displaying sub-menus through tabs start */
  /* CSS for displaying sub-menus through tabs start */ }

@media (min-width: 220px) and (max-width: 1023px) {
  header.header_like_baycolony {
    margin: 0 0 0 0 !important;
    position: relative; } }
header.header_like_baycolony .main-logo-wrapper {
  display: block;
  vertical-align: top;
  transition: all 0.3s ease-out;
  padding: 15px 0 0 0;
  margin: 0 0 0 0; }

header.header_like_baycolony .main-logo-wrapper .site-title {
  text-align: left;
  transition: all 0.3s ease-out; }

header.header_like_baycolony .main-logo-wrapper .site-title .logo img {
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  animation: rotateElement 6000ms infinite linear; }

header.header_like_baycolony .container-padding {
  padding: 0 5.8%; }

@media screen and (min-width: 992px) and (max-width: 1800px) {
  header.header_like_baycolony .container-padding {
    padding: 0 1%; } }
header.header_like_baycolony .mm-panels,
header.header_like_baycolony .mm-panels > .mm-panel {
  background: #094482 !important; }

header.header_like_baycolony .mm-listview li a,
header.header_like_baycolony .mm-title {
  color: "times-new-roman", sans-serif !important;
  font-size: 15px;
  font-family: "times-new-roman", sans-serif !important; }

header.header_like_baycolony .nav-bg {
  text-align: right; }

header.header_like_baycolony .nav-bg nav {
  text-align: right;
  vertical-align: top;
  display: inline-block; }

header.header_like_baycolony .nav-bg #textured-cssmenu {
  margin-top: 53px;
  transition: all 0.3s ease-out; }

header.header_like_baycolony .nav-bg #textured-cssmenu a {
  font-family: "times-new-roman", sans-serif !important;
  text-transform: none !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu a:hover {
  text-decoration: none !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-left: 0;
  align-items: center;
  font-size: 0; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul:last-child {
  justify-content: flex-end; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li {
  /* margin-left: 34px; */ }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li:hover > ul, header.header_like_baycolony .nav-bg #textured-cssmenu ul li:focus > ul {
  top: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px; }

@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li:hover > ul, header.header_like_baycolony .nav-bg #textured-cssmenu ul li:focus > ul {
    margin-top: 0px; } }
header.header_like_baycolony .nav-bg #textured-cssmenu ul li:last-child a {
  border-right: 0 !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li:last-child ul {
  /* margin-left: -33px !important; */ }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li:last-child ul li:last-child:hover ul, header.header_like_baycolony .nav-bg #textured-cssmenu ul li:last-child ul li:last-child:focus ul, header.header_like_baycolony .nav-bg #textured-cssmenu ul li:last-child ul li:last-child:focus-within ul {
  /* margin-left:-440px !important; */ }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li:last-child ul li:focus-within ul {
  margin-left: 0px !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li:last-child ul li ul {
  margin-left: 0px !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li:last-child ul li ul:focus-within {
  margin-left: 0px !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li ul li:last-child:hover ul {
  margin-left: 0px !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li ul li:focus-within ul {
  margin-left: 0px !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li:first-child {
  margin-left: 0px !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li:first-child a {
  border-right: 0 !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li:first-child ul {
  margin-left: 0px !important; }

@media screen and (min-width: 1600px) and (max-width: 1860px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li {
    margin-left: 18px; } }
@media screen and (min-width: 1550px) and (max-width: 1599px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li {
    margin-left: 10px; } }
@media screen and (min-width: 1400px) and (max-width: 1549px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li {
    margin-left: 10px; } }
@media screen and (min-width: 1366px) and (max-width: 1399px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li {
    margin-left: 15px; } }
@media screen and (min-width: 1200px) and (max-width: 1365px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li {
    margin-left: 10px; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li {
    margin-left: 5px; } }
header.header_like_baycolony .nav-bg #textured-cssmenu ul li a {
  font-size: 14px;
  /* padding: 0px 25px 52px; */
  color: #fff !important;
  text-transform: uppercase !important;
  font-weight: 500;
  transition: all 0.25s ease-out;
  letter-spacing: 0px; }

@media screen and (min-width: 1367px) and (max-width: 1412px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li a {
    font-size: 14px;
    /* padding: 0px 0px 46px; */ } }
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li a {
    font-size: 13px;
    /* padding: 0px 0px 55px; */
    letter-spacing: 0px; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li a {
    font-size: 12px;
    padding: 0px 0px 56px;
    letter-spacing: 0; } }
header.header_like_baycolony .nav-bg #textured-cssmenu ul li a:hover {
  color: #fff !important;
  text-decoration: none;
  transition: all 0.3s linear 0s; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul li:before {
  left: 0;
  right: 0;
  bottom: 22px;
  width: 0;
  content: "";
  position: absolute;
  height: 2px;
  background-color: #fff;
  margin: 0 auto;
  transition: all 0.15s ease-in-out; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li:before {
    bottom: 30px; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul li:before {
    bottom: 38px; } }
header.header_like_baycolony .nav-bg #textured-cssmenu ul li:hover:before {
  content: "";
  width: 100%; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul ul {
  background: rgba(255, 255, 255, 0.89); }

header.header_like_baycolony .nav-bg #textured-cssmenu ul ul li {
  border-bottom: 1px solid #fff;
  margin-left: 0px !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul ul li:last-child {
  border-bottom: 0; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul ul li:last-child a {
  /* padding-right: 0 !important; */
  border-right: 0 !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul ul li a {
  background: #094482;
  color: #fff !important;
  font-weight: normal;
  line-height: 28px;
  padding: 0px 0px !important;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  width: 190px;
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: capitalize !important;
  margin: 0 0px; }

@media screen and (min-width: 1367px) and (max-width: 1412px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul ul li a {
    font-size: 14px !important; } }
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul ul li a {
    font-size: 14px !important; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony .nav-bg #textured-cssmenu ul ul li a {
    font-size: 12px !important; } }
header.header_like_baycolony .nav-bg #textured-cssmenu ul ul li a:hover {
  color: #fff !important;
  background-image: none !important;
  transition: all 0.3s linear 0s;
  background-color: #06315f; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul ul li:hover:after {
  content: "";
  display: none; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul ul li:hover:before {
  content: "";
  display: none; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul ul li:before {
  content: "";
  display: none; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul ul ul {
  top: 0px !important;
  padding-top: 0px; }

header.header_like_baycolony .user-greeting-area {
  display: inline-block;
  margin: 32px 0px 0 15px;
  transition: all 0.3s linear 0s;
  /* transition: all 0.3s linear 0s;
  float: right;
  position: relative;
  z-index: 1; */
  /* @media (min-width: 1024px) and (max-width: 1199px) {
  	margin: 0 0px 0 0px;
  }
  @media (min-width: 220px) and (max-width: 1023px) {
  	margin: 0 0px 0 0px;
  } */ }

header.header_like_baycolony .user-greeting-area a {
  padding: 10px 30px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  transition: all 0.3s linear 0s;
  background-color: #094482;
  font-family: "times-new-roman", sans-serif;
  display: inline-block;
  font-weight: 400; }

@media screen and (min-width: 1367px) and (max-width: 1412px) {
  header.header_like_baycolony .user-greeting-area a {
    font-size: 14px;
    /* padding: 13px 30px; */ } }
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  header.header_like_baycolony .user-greeting-area a {
    /* padding: 13px 30px; */
    font-size: 14px;
    line-height: normal; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony .user-greeting-area a {
    font-size: 14px;
    padding: 13px 10px; } }
@media (min-width: 220px) and (max-width: 1023px) {
  header.header_like_baycolony .user-greeting-area a {
    font-size: 12px;
    padding: 13px 8px; } }
header.header_like_baycolony .user-greeting-area a:hover {
  background-color: #06315f !important;
  color: #fff; }

header.header_like_baycolony div#mm-menu-headerDIV {
  background-color: #094482;
  transition: all 0.3s ease-out;
  margin: 10px auto;
  display: none; }

header.header_like_baycolony div#mm-menu-headerDIV a {
  color: #fff;
  font-size: 16px;
  padding: 15px;
  display: inline-block; }

header.header_like_baycolony li.textured-nav-parent.top-li.active {
  color: #000000 !important; }

header.header_like_baycolony li.textured-nav-parent.top-li.active:after {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  content: "";
  position: absolute;
  bottom: 22px;
  height: 2px;
  background-color: #fff;
  margin: 0 auto;
  max-width: 100%;
  transition: all 0.15s ease-in-out; }

@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony li.textured-nav-parent.top-li.active:after {
    bottom: 38px; } }
header.header_like_baycolony li.textured-nav-parent.top-li.active span.textured-nav-heading.textured-nav-heading-selected.active, header.header_like_baycolony li.textured-nav-parent.top-li.active span.textured-nav-heading.textured-nav-heading-unselected {
  color: rgba(9, 67, 130, 0.8) !important; }

header.header_like_baycolony #textured-cssmenu ul ul li a .textured-nav-selected-item.active {
  background-color: #000000;
  color: #094482; }

header.header_like_baycolony #textured-cssmenu ul ul li ul li a .textured-nav-selected-item-level2.active {
  background-color: #000000;
  color: #094482; }

header.header_like_baycolony #textured-cssmenu ul ul li ul li ul li a .textured-nav-selected-item-level3.active {
  background-color: #000000;
  color: #094482; }

header.header_like_baycolony #textured-cssmenu .top-li span.textured-nav-heading.textured-nav-heading-selected.active {
  cursor: pointer;
  color: #fff !important; }

header.header_like_baycolony #textured-cssmenu ul ul li a span {
  display: block;
  margin: 0 !important;
  padding: 10px 15px 10px !important; }

@media screen and (min-width: 1024px) and (max-width: 1366px) {
  header.header_like_baycolony #textured-cssmenu ul ul li a span {
    padding: 10px 15px 10px !important; } }
header.header_like_baycolony #textured-cssmenu > ul > li:hover > ul,
header.header_like_baycolony #textured-cssmenu > ul > li:focus > ul,
header.header_like_baycolony #textured-cssmenu > ul > li > a:hover + ul,
header.header_like_baycolony #textured-cssmenu > ul > li > a:focus + ul,
header.header_like_baycolony #textured-cssmenu > ul > li:focus-within > ul,
header.header_like_baycolony #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > ul {
  opacity: 1;
  display: block !important;
  z-index: 1000;
  left: 0px;
  top: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px; }

header.header_like_baycolony #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > a {
  background-color: #000000;
  color: #094482 !important; }

header.header_like_baycolony #textured-cssmenu > ul > li > ul > li:focus-within > ul > li:focus-within > a {
  background-color: #000000;
  color: #094482 !important; }

header.header_like_baycolony #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > ul {
  left: 301px !important;
  top: 0 !important; }

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  header.header_like_baycolony #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > ul {
    left: 301px !important; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  header.header_like_baycolony #textured-cssmenu > ul > li:focus-within > ul > li:focus-within > ul {
    left: 301px !important; } }
header.header_like_baycolony li.textured-nav-parent.top-li.active a span.textured-nav-heading-selected {
  color: #fff !important; }

header.header_like_baycolony li.textured-nav-parent.top-li span.textured-nav-heading-unselected:hover {
  color: #fff !important; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul .top-li > a:before {
  content: "";
  width: 2px;
  height: 18px;
  left: -27px;
  /* right: 0; */
  position: absolute;
  background: #fff;
  top: -2px; }

/* header.header_like_baycolony .main-logo-wrapper .site-title .logo img {
	animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
} */
header.header_like_baycolony .nav-bg #textured-cssmenu ul .top-li {
  margin: 0px 25px 0px;
  padding-bottom: 40px; }

header.header_like_baycolony .nav-bg #textured-cssmenu ul .top-li:first-child > a:before {
  display: none !important; }

header.header_like_baycolony .greeting-wrappeer {
  display: inline-block;
  margin: 7px 0 0;
  transition: all 0.3s linear 0s;
  float: right;
  position: relative;
  z-index: 1; }

.greeting-wrappeer :before, .greeting-wrappeer :after {
  content: "";
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0; }

header.header_like_baycolony .greeting-wrappeer a {
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  position: relative; }

.greeting-wrappeer a:after {
  top: 0;
  left: 100%;
  width: 0;
  height: 100%;
  mix-blend-mode: lighten;
  background: #06315f;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1); }

.greeting-wrappeer a:hover:after {
  width: 100%;
  height: 100%;
  left: 0; }

header {
  /*Navigation Menu Text To Humburger Icon */ }

@media (min-width: 300px) and (max-width: 767px) {
  header .public-menu-overlay-menu {
    background: #fff;
    z-index: 1;
    position: relative;
    padding: 0px 10px !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  header .public-menu-overlay-menu {
    background: #fff;
    z-index: 1;
    position: relative;
    padding: 0px 10px !important; } }
header .public-menu-overlay-menu .site-title {
  text-align: center !important;
  padding: 5px 5px; }

@media (min-width: 767px) and (max-width: 1023px) {
  header .public-menu-overlay-menu .site-title {
    text-align: center !important; } }
header .public-menu-overlay-menu .site-title img {
  width: 60px !important; }

header .public-menu-overlay-menu ul {
  margin: 0px; }

header .public-menu-overlay-menu ul li {
  list-style: none;
  width: 100% !important; }

@media (min-width: 300px) and (max-width: 767px) {
  header .public-menu-overlay-menu ul li {
    display: inline-block;
    width: 32.5% !important;
    text-align: center; } }
@media (min-width: 767px) and (max-width: 1023px) {
  header .public-menu-overlay-menu ul li {
    display: inline-block;
    width: 32.6% !important;
    text-align: center; } }
@media (min-width: 300px) and (max-width: 767px) {
  header .public-menu-overlay-menu .humburger {
    right: 30px; } }
header .public-menu-overlay-menu .humburger:after {
  content: "Menu";
  position: relative;
  top: 0px;
  left: 60px;
  color: #094482; }

header .member-login-text p a {
  color: #fff;
  text-transform: uppercase !important;
  background: #094482 !important;
  border-radius: 10px;
  color: #fff !important;
  padding: 3px 20px !important; }

header .member-login-text p a:hover {
  color: #fff;
  text-decoration: underline !important; }

/* @import "footer/footer_basic";
@import "footer/footer_like_amarillocc";
@import "footer/footer_like_morriscc";
@import "footer/footer_like_salesdemo";
@import "footer/footer_like_thelakesgolfclub"; */
footer.footer_like_baycolony {
  width: 100%;
  bottom: 0px;
  /* #footer-quick-links ul li::before {
  	content: url(../images/club-images/footer-bullet.png);
  	padding-right: 10px;
  } */
  /* ----------- start 200px to 667px ----------- */
  /* end mobile footer classes */
  /* --------- end 200px to 667px ----------- */ }

footer.footer_like_baycolony .weather-container {
  background-color: none !important;
  position: relative;
  top: 8px;
  width: auto !important; }

footer.footer_like_baycolony .weather-container .right-col {
  float: left !important;
  margin-right: 10px; }

footer.footer_like_baycolony .weather-container .temp {
  font-size: 16px !important; }

footer.footer_like_baycolony .weather-container .weather-desc {
  display: none !important; }

footer.footer_like_baycolony .weather-container .weather-wind {
  display: none !important; }

footer.footer_like_baycolony #footer {
  position: relative;
  width: 100%;
  bottom: 0;
  font-family: "times-new-roman", sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: 0px;
  background-color: #f6f5f3;
  color: #7d7d7d;
  padding: 0px; }

footer.footer_like_baycolony #footer a {
  color: #7d7d7d;
  transition: all 0.3s linear 0s; }

footer.footer_like_baycolony #footer a:hover {
  color: #ccc !important;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

footer.footer_like_baycolony #footer .footer-wrapper-2 a:hover {
  color: #000 !important; }

footer.footer_like_baycolony #footer p {
  margin-bottom: 0px !important; }

footer.footer_like_baycolony #footer-social-icons i {
  color: #7d7d7d;
  display: inline-block;
  font-size: 20px;
  line-height: normal;
  text-align: left;
  transition: all 0.3s ease-in-out 0s;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0;
  margin-bottom: 0px; }

footer.footer_like_baycolony #footer-social-icons i.active,
footer.footer_like_baycolony #footer-social-icons i:focus,
footer.footer_like_baycolony #footer-social-icons i:hover {
  color: #ccc;
  transition: all 0.3s ease-in-out 0s; }

footer.footer_like_baycolony #footer-quick-links ul {
  display: block;
  list-style: none;
  margin: 0px; }

footer.footer_like_baycolony #footer-quick-links ul li {
  margin-bottom: 0px;
  display: inline-block;
  padding: 0 12px; }

footer.footer_like_baycolony .footer-links {
  margin-top: 18px;
  letter-spacing: 0.6p; }

footer.footer_like_baycolony .footer-links ul {
  margin: 0;
  padding: 0;
  list-style: none; }

footer.footer_like_baycolony .footer-links li {
  padding: 0 13px;
  border-right: 1px solid #904c1e;
  font-weight: 200;
  text-transform: uppercase;
  line-height: 16px;
  display: inline-block; }

footer.footer_like_baycolony .footer-links li:first-child {
  padding-left: 0; }

footer.footer_like_baycolony #footer ul li:last-child {
  border-right: 0;
  padding-right: 0; }

footer.footer_like_baycolony .footer-info-wrapper {
  padding: 30px 0 50px;
  background-color: #094382;
  box-shadow: 0 0.3em 2em rgba(0, 0, 0, 0.25); }

footer.footer_like_baycolony .footer-info-wrapper p, footer.footer_like_baycolony .footer-info-wrapper a {
  color: #fff !important;
  font-size: 16px !important;
  line-height: 28px;
  text-transform: uppercase;
  text-align: right !important; }

@media (min-width: 1024px) and (max-width: 1199px) {
  footer.footer_like_baycolony .footer-info-wrapper p, footer.footer_like_baycolony .footer-info-wrapper a {
    font-size: 14px !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  footer.footer_like_baycolony .footer-info-wrapper p, footer.footer_like_baycolony .footer-info-wrapper a {
    font-size: 12px !important; } }
@media (min-width: 300px) and (max-width: 767px) {
  footer.footer_like_baycolony .footer-info-wrapper p, footer.footer_like_baycolony .footer-info-wrapper a {
    font-size: 10px !important; } }
@media (min-width: 300px) and (max-width: 767px) {
  footer.footer_like_baycolony .footer-info-wrapper p, footer.footer_like_baycolony .footer-info-wrapper a {
    text-align: center !important; } }
footer.footer_like_baycolony .footer-wrapper-2 {
  background-color: #f6f5f3;
  color: #fff;
  font-size: 12px !important; }

footer.footer_like_baycolony .footer-wrapper-2 a {
  color: #7d7d7d !important;
  text-decoration: underline; }

footer.footer_like_baycolony .footer-copy-right {
  margin: 12px 0 6px;
  line-height: 20px;
  color: #7d7d7d; }

footer.footer_like_baycolony .footer-contact-wrapper {
  text-transform: none;
  margin-top: 10px; }

footer.footer_like_baycolony .footer-contact-wrapper i {
  margin-right: 8px;
  font-size: 18px; }

footer.footer_like_baycolony .footer-logo-wrapper {
  max-width: 200px !important;
  display: inline-block;
  overflow: hidden;
  transform: scale(0.7);
  margin: -40px 0px; }

footer.footer_like_baycolony .footer-logo-wrapper img {
  margin-bottom: 10px;
  filter: saturate(0) contrast(1.1) invert(1);
  min-width: 440px !important; }

footer.footer_like_baycolony .footer-contact-wrapper i.fa.fa-phone {
  vertical-align: middle; }

footer.footer_like_baycolony .footer-wrapper-2 a:hover {
  color: #000 !important; }

footer.footer_like_baycolony .footer-address-wrapper i {
  margin-right: 15px;
  vertical-align: middle; }

footer.footer_like_baycolony #footer-social-icons {
  /* 		margin-top: 8px;
  		padding-top: 0px; */ }

footer.footer_like_baycolony #footer h6 {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 5px; }

footer.footer_like_baycolony .footer-social-icons-left {
  background-image: url(../images/club-images/footer-line.jpg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: right 17px;
  padding-right: 5px; }

footer.footer_like_baycolony .footer-address-wrapper p {
  line-height: 35px; }

@media screen and (min-width: 200px) and (max-width: 767px) {
  footer.footer_like_baycolony {
    /* mobile footer classes */ }

  footer.footer_like_baycolony .footer-address-wrapper.text-left {
    text-align: center !important; }

  footer.footer_like_baycolony #footer-social-icons {
    text-align: center !important; }

  footer.footer_like_baycolony .footer-contact-wrapper {
    margin-top: 20px;
    margin-bottom: 20px; }

  footer.footer_like_baycolony .footer-copy-right {
    text-align: center !important; }

  footer.footer_like_baycolony .footer-links ul {
    margin: 0 auto !important;
    padding: 0;
    display: block !important;
    text-align: center !important; }

  footer.footer_like_baycolony .footer-links ul li {
    display: inline-block !important;
    padding: 0 4px !important; }

  footer.footer_like_baycolony .footer-contact-wrapper span {
    display: block;
    text-align: center !important;
    margin-bottom: 15px; }

  footer.footer_like_baycolony #footer-quick-links ul li {
    padding: 0 0 3px !important; }

  footer.footer_like_baycolony .footer-social-icons-right {
    margin-top: 10px;
    border-top: 1px solid #231f20;
    padding-top: 10px; }

  footer.footer_like_baycolony .footer-social-icons-left {
    background-image: none !important; }

  footer.footer_like_baycolony #footer {
    font-size: 14px;
    padding-bottom: 40px !important;
    text-align: center !important; }

  footer.footer_like_baycolony .footer-info-wrapper {
    padding-bottom: 15px !important; }

  footer.footer_like_baycolony .footer-links {
    margin-bottom: 15px !important;
    margin-top: 20px !important; }

  footer.footer_like_baycolony div#footer-quick-links {
    text-align: center !important; }

  footer.footer_like_baycolony .footer-weather {
    text-align: center !important; }

  footer.footer_like_baycolony .footer-wrapper-2 {
    margin-bottom: 20px; } }
@media screen and (min-width: 768px) and (max-width: 979px) {
  footer.footer_like_baycolony .footer-links ul li {
    padding: 0 5px !important;
    font-size: 10px !important;
    line-height: 12px; }

  footer.footer_like_baycolony .footer-copy-right {
    font-size: 10px;
    margin: 10px 0 !important; }

  footer.footer_like_baycolony .footer-links {
    margin-top: 22px !important; }

  footer.footer_like_baycolony #footer-social-icons i {
    font-size: 17px !important;
    height: 10px !important;
    width: 10px !important;
    margin-left: 5px !important;
    margin-right: 5px !important; }

  footer.footer_like_baycolony .footer-logo-wrapper {
    margin: 0 5px !important; } }
@media screen and (min-width: 768px) and (max-width: 979px) and (min-width: 300px) and (max-width: 767px) {
  footer.footer_like_baycolony .footer-wrapper-2 {
    margin-bottom: 45px !important; } }
@media screen and (min-width: 768px) and (max-width: 979px) {
  footer.footer_like_baycolony .footer-address-wrapper i {
    margin-right: 5px !important; } }
@media screen and (min-width: 768px) and (max-width: 979px) {
  footer.footer_like_baycolony #footer {
    font-size: 11px !important;
    letter-spacing: 0 !important; } }
@media screen and (min-width: 768px) and (max-width: 979px) {
  footer.footer_like_baycolony .footer-social-icons-left {
    padding-right: 8px !important; } }
@media screen and (min-width: 980px) and (max-width: 1025px) {
  footer.footer_like_baycolony .footer-links ul li {
    padding: 0 6px !important;
    font-size: 13px !important; }

  footer.footer_like_baycolony .footer-copy-right {
    font-size: 13px !important; }

  footer.footer_like_baycolony #footer {
    font-size: 12px !important;
    line-height: 20px; }

  footer.footer_like_baycolony #footer-social-icons i {
    margin-left: 6px !important;
    margin-right: 6px !important; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  footer.footer_like_baycolony #footer-quick-links ul {
    margin-left: 0 !important; }

  footer.footer_like_baycolony #footer-quick-links ul li::before {
    padding-right: 2px !important; }

  footer.footer_like_baycolony .footer-address-wrapper i {
    margin-right: 8px !important; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  footer.footer_like_baycolony #footer .footer-links {
    margin-bottom: 15px; }

  footer.footer_like_baycolony #footer h6 {
    font-size: 11px !important; } }
@media screen and (min-width: 1025px) and (max-width: 1199px) {
  footer.footer_like_baycolony #footer {
    font-size: 14px !important; }

  footer.footer_like_baycolony .footer-links li {
    padding: 0 8px !important; } }
@media screen and (min-width: 1201px) and (max-width: 1599px) {
  footer.footer_like_baycolony #footer {
    font-size: 15px !important; } }
/* Mobile Version Menu  */
.humburger {
  position: relative; }

@media (min-width: 300px) and (max-width: 767px) {
  .humburger {
    right: 30px; } }
.humburger:after {
  content: "Menu";
  position: relative;
  top: 3px;
  left: 60px;
  color: #9ad7dd; }

.humburger .l1, .humburger .l2, .humburger .l3 {
  position: absolute;
  display: block;
  margin: auto;
  top: 48%;
  left: 30px;
  height: 3px;
  width: 20px;
  background-color: #094482;
  transition: all 0.2s ease-out; }

.humburger .l1 {
  top: 23%; }

.humburger .l3 {
  top: 72%; }

.humburger.active .l1 {
  transform: rotate(45deg);
  top: 48%; }

.humburger.active .l2 {
  opacity: 0; }

.humburger.active .l3 {
  transform: rotate(-45deg);
  top: 48%; }

/* End */
.portlet-borderless-container {
  min-height: 100% !important;
  padding: 0px !important;
  margin-bottom: 0px !important; }

/******************************************** 
TABLE OF CONTENT
1-  Mobile Menu Side Bar - MM Menu
2-  No Page Found Styles
3-  UI Styles
4-  Back To Top Styles
5-	Slider Classes
6-	Custom Layout for Amarillo Styles
7-	Private Landing for Amarillo Styles



********************************************/
/* Mobile Menu Side Bar - MM Menu
****************************************************/
.mm-navbar {
  background: #fff !important; }

.mm-panels > .mm-panel > div {
  background: #fff !important; }

.mm-panels > .mm-panel > div a {
  color: rgba(9, 67, 130, 0.8) !important; }

.mm-panels, .mm-panels > .mm-panel {
  background: #fff !important;
  color: #8A1F03 !important !important; }

.mm-panels a:hover, .mm-panels > .mm-panel a:hover {
  color: #8A1F03 !important !important; }

.mm-panels .mm-listview > li, .mm-panels > .mm-panel .mm-listview > li {
  border-top: 1px solid #dedede !important; }

.mm-panels .mm-listview > li .mm-next, .mm-panels > .mm-panel .mm-listview > li .mm-next {
  background: transparent !important; }

.mm-panels .mm-listview > li .mm-next:before, .mm-panels .mm-listview > li .mm-next:after, .mm-panels > .mm-panel .mm-listview > li .mm-next:before, .mm-panels > .mm-panel .mm-listview > li .mm-next:after {
  border-color: #dedede !important; }

/* No Page Found Styles 
****************************************************/
section#portlet_status {
  max-width: 450px;
  position: fixed;
  left: 0px !important;
  right: 0px !important;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto auto;
  box-shadow: 0px 0px 5px 1200px rgba(0, 0, 0, 0.3), 0px 3px 15px 3px rgba(0, 0, 0, 0.9);
  z-index: 999;
  vertical-align: middle;
  max-height: 210px;
  background: white; }

section#portlet_status > header {
  display: none !important; }

section#portlet_status > header > span.portlet-title-text {
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: bold; }

section#portlet_status code.lfr-url-error {
  text-overflow: ellipsis;
  max-width: 96%;
  overflow: hidden; }

/* UI Styles 
****************************************************/
aui, html, body {
  min-height: 100% !important;
  height: 100%; }

/* Login Classes 
****************************************************/
/* div.login-card {
	height: 100%;
	padding: 10px 41px 20px;
	z-index: 999;
	background-color: rgba(255, 255, 255, 0.9);
	width: 45%;
	margin: 50px auto;
	box-shadow: 0 0 75px rgba(11, 12, 15, 0.3);
	@media screen and (max-width: 768px) and (min-width: 200px) {
		width: 77%;
	}
	.navigation {
		background-color: transparent !important;
		border: none !important;
	}
	.taglib-text {
		color: $dark-fontColor;
	}
	.login-heading > h2 {
		font-size: $fontsize1 !important;
		color: $primary-bg !important;
		border-bottom: 1px solid $primary-bg;
		padding: 20px 0 20px 0 !important;
		line-height: 50px !important;
		margin: 0 !important;
	}
	.forgot-password-heading > h2 {
		font-size: $fontsize1 !important;
		color: $primary-bg !important;
		border-bottom: 1px solid $primary-bg;
		padding: 20px 0 20px 0 !important;
		line-height: 50px !important;
		margin: 0 !important;
	}
	.control-group {
		margin-top: 10px;
	}

	#_58_rememberMeCheckbox {
	  float: inherit !important;
	  margin-bottom: 0 !important;
	  margin-right: 0 !important;
	  margin-top: 0 !important;
	}

	input#_58_showPasswordCheckbox {
	  float: inherit !important;
	  margin-bottom: 0 !important;
	  margin-right: 0 !important;
	  margin-top: 0 !important;
	}

	.control-group input {
	  display: block;
	  margin-bottom: 10px;
	}
} 

/* Back To Top Styles 
****************************************************/
#back-top {
  bottom: 50px;
  right: 30px;
  position: fixed;
  z-index: 120;
  width: 45px;
  height: 40px; }

@media screen and (min-width: 200px) and (max-width: 767px) {
  #back-top {
    bottom: 45px !important;
    right: 15px !important; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #back-top {
    bottom: 143px !important;
    right: 30px !important; } }
#back-top a {
  display: block;
  text-align: center;
  padding: 0px;
  transition: all 1s ease 0s;
  filter: invert(0); }

#back-top a:hover img {
  filter: invert(1); }

/* Back To Top Styles 
****************************************************/
.html-generator-portlet .NotGeneric-Title {
  font-family: "times-new-roman", sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 300 !important; }

.html-generator-portlet .rev_slider .slotholder:after {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  /* black overlay with 50% transparency */
  background: rgba(0, 0, 0, 0.3); }

#slide_arrow {
  bottom: 30px;
  position: fixed;
  text-align: center !important;
  width: 100%;
  z-index: 99; }

#slide_arrow .demo-instructions {
  font-size: 12px !important;
  margin: 0px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  padding-bottom: 5px !important;
  font-weight: 300 !important;
  letter-spacing: 5px !important; }

#slide_arrow .demo-arrow {
  position: relative;
  color: #fff !important;
  animation: demo-arrow 0.4s ease-in-out infinite alternate;
  margin: 0px;
  font-size: 20px !important; }

#slide_arrow a {
  color: inherit; }

@keyframes demo-arrow {
  0% {
    top: 0; }

  100% {
    top: 10px; } }

/* Content Styling Area  */
.inner-page-top-bottom-margin {
  margin: 120px auto; }

@media (min-width: 1024px) and (max-width: 1199px) {
  .inner-page-top-bottom-margin {
    margin: 100px auto !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  .inner-page-top-bottom-margin {
    margin: 80px auto !important; } }
@media (min-width: 300px) and (max-width: 767px) {
  .inner-page-top-bottom-margin {
    margin: 60px auto !important; } }
.cst-heading .title h1 {
  font-size: 90px !important;
  line-height: 90px;
  margin-left: 0;
  font-weight: 500;
  color: #cedae6 !important;
  font-family: "times-new-roman", sans-serif !important;
  margin-bottom: 0 !important; }

@media (min-width: 300px) and (max-width: 767px) {
  .cst-heading .title h1 {
    font-size: 100px !important;
    line-height: 110px !important;
    margin-bottom: 50px !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  .cst-heading .title h1 {
    font-size: 80px !important;
    line-height: 110px !important;
    margin-bottom: 50px !important; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  .cst-heading .title h1 {
    font-size: 100px !important;
    line-height: 110px !important;
    margin-bottom: 50px !important; } }
.cst-heading .sub-title {
  margin-top: 5px; }

@media (min-width: 300px) and (max-width: 767px) {
  .cst-heading .sub-title {
    margin-top: -60px; } }
@media (min-width: 767px) and (max-width: 1023px) {
  .cst-heading .sub-title {
    margin-top: -60px !important; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  .cst-heading .sub-title {
    margin-top: -60px; } }
.cst-heading .sub-title h3 {
  font-size: 20px !important;
  color: #094482 !important;
  font-weight: 700 !important;
  padding-top: 8px;
  padding-bottom: 24px;
  margin-bottom: 0 !important;
  letter-spacing: 1px !important;
  line-height: 24px;
  text-transform: uppercase !important;
  font-weight: 900 !important; }

@media (min-width: 300px) and (max-width: 767px) {
  .cst-heading .sub-title h3 {
    font-size: 12px !important;
    line-height: 24px !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  .cst-heading .sub-title h3 {
    font-size: 12px !important;
    line-height: 24px !important; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  .cst-heading .sub-title h3 {
    font-size: 12px !important;
    line-height: 24px !important; } }
/* Amenities And Interests */
.aui #ui-area .amenities-interrests .cst-heading-style h1 {
  font-family: "times-new-roman", sans-serif !important;
  font-size: 48px !important;
  text-align: center; }

@media (min-width: 300px) and (max-width: 767px) {
  .aui #ui-area .amenities-interrests .cst-heading-style h1 {
    font-size: 30px !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  .aui #ui-area .amenities-interrests .cst-heading-style h1 {
    font-size: 35px !important; } }
.aui #ui-area .amenities-interrests .cst-heading-style h1:after {
  content: "";
  border-bottom: 1px solid #34252f;
  width: auto;
  display: block;
  text-align: center;
  margin: 0 auto 70px;
  max-width: 70px;
  padding-bottom: 30px; }

.aui #ui-area .amenities-interrests .cst-heading-style h6 {
  font-family: "times-new-roman", sans-serif !important;
  font-weight: 400 !important;
  text-align: center; }

@media (min-width: 300px) and (max-width: 767px) {
  .aui #ui-area .amenities-interrests .cst-heading-style h6 {
    font-size: 15px !important; } }
.aui #ui-area .amenities-interrests .col-lg-4, .aui #ui-area .amenities-interrests .col-sm-4 {
  padding: 0px !important; }

.aui #ui-area .amenities-interrests .title {
  color: white;
  text-align: center;
  padding: 1em 0em;
  text-transform: uppercase;
  letter-spacing: 4px; }

.aui #ui-area .amenities-interrests .box-el {
  display: flex;
  max-width: 1400px;
  margin: auto; }

.aui #ui-area .amenities-interrests .box {
  height: 680px;
  border: 0px !important;
  width: 100%;
  margin: 0px;
  background-position: center;
  background-size: cover;
  position: relative; }

@media (min-width: 300px) and (max-width: 767px) {
  .aui #ui-area .amenities-interrests .box {
    height: 500px !important;
    margin: 10px 0px !important; } }
.aui #ui-area .amenities-interrests .box:hover .the-content-box {
  transform: translateY(0%);
  background: #094482; }

.aui #ui-area .amenities-interrests .box:hover .the-content-box hr {
  width: 20%;
  transition-delay: 400ms;
  margin: 15px 0px !important;
  margin: auto !important;
  text-align: center;
  margin-bottom: 30px !important; }

.aui #ui-area .amenities-interrests .box:hover .the-content-box p {
  opacity: 1;
  transition: all 400ms ease;
  transform: translateY(0%);
  transition-delay: 600ms; }

.aui #ui-area .amenities-interrests .box:hover .the-content-box a {
  opacity: 1;
  transform: translateX(0%);
  transition-delay: 900ms; }

.aui #ui-area .amenities-interrests .box-inner {
  position: absolute;
  height: 60%;
  width: 100%;
  top: 40%;
  left: 0;
  overflow: hidden; }

@media (min-width: 300px) and (max-width: 767px) {
  .aui #ui-area .amenities-interrests .box-inner {
    top: 20%;
    height: 80%; } }
.aui #ui-area .amenities-interrests .the-content-box {
  position: relative;
  height: 100%;
  width: 100%;
  background: rgba(9, 68, 130, 0.7);
  color: white;
  transform: translateY(60%);
  transition: all 600ms ease; }

.aui #ui-area .amenities-interrests .the-content-box h1 {
  padding: 50px 0px 0px;
  margin: 0;
  font-family: "times-new-roman", sans-serif !important;
  font-size: 20px !important;
  padding: 50px 0px 0px 0px !important;
  color: #fff !important;
  font-weight: 600 !important;
  text-align: center; }

.aui #ui-area .amenities-interrests .the-content-box hr {
  background: #fff;
  height: 3px;
  margin-bottom: 50px !important;
  border: none;
  margin: 1em 0em 0em 0em;
  width: 0;
  transition: all 400ms ease;
  margin: auto !important;
  text-align: center; }

.aui #ui-area .amenities-interrests .the-content-box p {
  opacity: 0;
  font-family: "times-new-roman", sans-serif !important;
  transition: all 900ms ease;
  transform: translateY(40%);
  font-weight: 300 !important;
  color: #fff !important;
  font-size: 14px !important;
  padding: 0px 10px !important;
  margin-bottom: 60px !important; }

.aui #ui-area .amenities-interrests .the-content-box a {
  display: inline-block;
  font-family: helvetica;
  padding: 0.5em 1em;
  color: white;
  text-decoration: none;
  font-weight: 400;
  position: relative;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 5px !important;
  transition: all 600ms ease;
  opacity: 0;
  transform: translateX(20%); }

.aui #ui-area .amenities-interrests .content-box-inner {
  padding: 0em 1em; }

/* Membership Request Infomration */
#ui-area .membership-information-row {
  margin-top: 110px;
  background-color: #f6f4f3;
  padding: 72px 0px; }

#ui-area .membership-information-row .cst-heading-style h1 {
  font-family: "times-new-roman", sans-serif !important;
  font-size: 48px !important;
  text-align: center; }

@media (min-width: 300px) and (max-width: 767px) {
  #ui-area .membership-information-row .cst-heading-style h1 {
    font-size: 25px !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  #ui-area .membership-information-row .cst-heading-style h1 {
    font-size: 35px !important; } }
#ui-area .membership-information-row .cst-heading-style h1:after {
  content: "";
  border-bottom: 1px solid #34252f;
  width: auto;
  display: block;
  text-align: center;
  margin: 0 auto 40px;
  max-width: 70px;
  padding-bottom: 30px; }

#ui-area .membership-information-row .cst-heading-style h6 {
  font-family: "times-new-roman", sans-serif !important;
  font-weight: 400 !important; }

@media (min-width: 300px) and (max-width: 767px) {
  #ui-area .membership-information-row .cst-heading-style h6 {
    font-size: 15px !important; } }
#ui-area .membership-information-row .ui-widget-content {
  background-color: #f6f4f3 !important; }

#ui-area .membership-information-row .ui-widget-content .ui-outputlabel {
  font-size: 13px !important;
  color: #afaeae !important;
  font-weight: 400 !important;
  font-family: "times-new-roman", sans-serif !important;
  line-height: normal !important;
  padding: 0px !important; }

#ui-area .membership-information-row .ui-widget-content input, #ui-area .membership-information-row .ui-widget-content textarea {
  border: 0px !important;
  background-color: #f6f4f3 !important;
  border-bottom: 1px solid #546a82 !important;
  font-family: "times-new-roman", sans-serif !important;
  padding: 10px 0px !important;
  font-size: 20px !important; }

#ui-area .membership-information-row .ui-widget-content input:focus, #ui-area .membership-information-row .ui-widget-content textarea:focus {
  outline: none !important;
  border-bottom: 2px solid red !important; }

#ui-area .membership-information-row .fd-select-one-menu {
  border: 0px !important; }

#ui-area .membership-information-row .ui-selectonemenu .ui-selectonemenu-label {
  border: 0px !important;
  background-color: #f6f4f3 !important;
  border-bottom: 1px solid #546a82 !important;
  font-family: "times-new-roman", sans-serif !important;
  padding: 10px 0px !important;
  font-size: 20px !important; }

#ui-area .membership-information-row .ui-selectonemenu .ui-selectonemenu-label:focus {
  outline: none !important;
  border-bottom: 1px solid red !important; }

#ui-area .membership-information-row .ui-selectonemenu .ui-selectonemenu-label .ui-state-default {
  background: transparent !important;
  border-bottom: 1px solid #546a82 !important; }

#ui-area .membership-information-row .form-designer-primefaces-portlet .ui-selectonemenu-trigger.ui-state-default {
  background: #f6f4f3 !important;
  border: 0px !important;
  border-bottom: 1px solid #546a82 !important;
  border-radius: 0 !important; }

#ui-area .membership-information-row .form-designer-primefaces-portlet .btn-responsive a {
  text-align: center;
  background-color: #094482 !important;
  display: inline-block !important;
  width: auto !important;
  border-radius: 0px !important;
  text-transform: capitalize;
  padding: 10px 80px;
  font-family: "times-new-roman", sans-serif !important;
  font-size: 14px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 2px;
  cursor: pointer !important; }

#ui-area .membership-information-row .form-designer-primefaces-portlet .btn-responsive a:hover {
  background-color: #073565 !important; }

#ui-area .membership-information-row .form-designer-primefaces-portlet .btn-responsive {
  display: block !important;
  width: 100%;
  text-align: center; }

/* Private landing Classes Start
****************************************************/
/* Left Panel Classes Start
****************************************************/
/* Quick Links Classes Start 
****************************************************/
.quick-link-wrapper h1 {
  font-size: 24px !important;
  font-family: "times-new-roman", sans-serif !important;
  color: #7d7d7d !important;
  margin: 5px 0 10px 0;
  text-transform: capitalize; }

.quick-link-wrapper ul.quick-links-list {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0 auto 42px !important; }

@media screen and (max-width: 767px) and (min-width: 220px) {
  .quick-link-wrapper ul.quick-links-list {
    display: block important;
    flex-direction: column !important;
    margin: 0 auto 5px !important; } }
.quick-link-wrapper ul.quick-links-list li {
  flex-grow: 1;
  list-style: outside none none;
  text-align: center;
  transition: all 0.3s linear 0s;
  width: 100%;
  margin: 0 10px !important;
  padding: 0 !important;
  margin-top: 10px;
  padding: 70px 0 15px !important;
  display: block;
  background-color: #094482;
  transition: all 0.3s linear 0s;
  text-decoration: none !important;
  color: #fff !important;
  box-shadow: 0 0 25px rgba(11, 12, 15, 0.3); }

@media screen and (max-width: 767px) and (min-width: 220px) {
  .quick-link-wrapper ul.quick-links-list li {
    margin: 10px auto !important; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  .quick-link-wrapper ul.quick-links-list li {
    padding: 30px 0 15px !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  .quick-link-wrapper ul.quick-links-list li {
    padding: 30px 0 15px !important; } }
@media (min-width: 300px) and (max-width: 767px) {
  .quick-link-wrapper ul.quick-links-list li {
    padding: 30px 0 15px !important; } }
@media screen and (max-width: 979px) and (min-width: 220px) {
  .quick-link-wrapper ul.quick-links-list li {
    padding: 20px 0 5px !important; } }
.quick-link-wrapper ul.quick-links-list li:hover, .quick-link-wrapper ul.quick-links-list li:active, .quick-link-wrapper ul.quick-links-list li:focus {
  color: #fff !important;
  background-color: #6b8fb4 !important;
  transition: all 0.3s linear 0s; }

.quick-link-wrapper ul.quick-links-list li:first-child {
  margin-left: 0 !important; }

.quick-link-wrapper ul.quick-links-list li a {
  color: #fff !important;
  font-weight: bold !important;
  font-family: "times-new-roman", sans-serif !important; }

.quick-link-wrapper ul.quick-links-list li span {
  font-family: "times-new-roman", sans-serif !important;
  text-align: center;
  font-weight: bold !important;
  margin: 0 auto;
  text-transform: none;
  font-size: 16px;
  display: block;
  letter-spacing: 0px; }

@media (min-width: 1024px) and (max-width: 1199px) {
  .quick-link-wrapper ul.quick-links-list li span {
    font-size: 13px !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  .quick-link-wrapper ul.quick-links-list li span {
    font-size: 10px !important; } }
@media (min-width: 300px) and (max-width: 767px) {
  .quick-link-wrapper ul.quick-links-list li span {
    font-size: 10px !important; } }
.quick-link-wrapper ul.quick-links-list li span img {
  margin-bottom: 28px;
  transition: all 0.3s linear 0s;
  box-shadow: none !important;
  border: none !important; }

@media (min-width: 300px) and (max-width: 767px) {
  .quick-link-wrapper ul.quick-links-list li span img {
    width: 40px; } }
@media (min-width: 767px) and (max-width: 1023px) {
  .quick-link-wrapper ul.quick-links-list li span img {
    width: 40px; } }
@media (min-width: 1024px) and (max-width: 1199px) {
  .quick-link-wrapper ul.quick-links-list li span img {
    width: 40px; } }
.quick-link-wrapper ul.quick-links-list li ul {
  margin: 0px; }

.quick-link-wrapper ul.quick-links-list li ul li {
  display: inline;
  padding: 0px !important;
  margin: 0px !important;
  background: transparent !important;
  box-shadow: none; }

.quick-link-wrapper ul.quick-links-list li ul li a {
  font-size: 13px;
  color: #fff !important; }

.quick-link-wrapper ul.quick-links-list li ul li a:hover {
  background: transparent !important;
  text-decoration: underline !important; }

.quick-link-wrapper ul.quick-links-list li ul li a:after {
  content: "|";
  padding: 0px 5px; }

.quick-link-wrapper ul.quick-links-list li ul li a:after:last-child {
  display: none !important; }

.sub-last-li a:after {
  display: none; }

/******* Quick Links Classes End *********/
/* Announcement Classes Start 
****************************************************/
.announcement-wrapper-home {
  margin: 25px 0 25px 0; }

.announcement-wrapper-home .ui-panel-content {
  padding: 0 !important; }

.announcement-wrapper-home h2 {
  margin-bottom: 30px !important; }

.announcement-wrapper-home .bx-wrapper {
  border: none !important;
  margin-bottom: 0px !important;
  box-shadow: none !important; }

.announcement-wrapper-home .bx-wrapper .bx-viewport {
  border: none !important;
  box-shadow: none !important; }

.announcement-wrapper-home .announcement-portlet {
  border: 0px solid #094482;
  box-shadow: 0 0 30px rgba(11, 12, 15, 0.3); }

.announcement-wrapper-home .announcement-portlet .ui-grid-col-1.delete-icon.layout6DeleteIcon {
  width: 50%; }

.announcement-wrapper-home .announcement-portlet .ui-grid-col-1.delete-icon.layout6DeleteIcon i {
  color: #7d7d7d; }

.announcement-wrapper-home .announcement-portlet .ui-grid-col-1.edit-icon.layout6EditIcon {
  width: 50%; }

.announcement-wrapper-home .announcement-portlet .ui-grid-col-1.edit-icon.layout6EditIcon i {
  color: #7d7d7d; }

.announcement-wrapper-home .announcement-portlet .ann-browse-btn {
  color: #7d7d7d !important; }

.announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar {
  background-color: #094482 !important;
  position: relative !important; }

.announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-description span.announcement-title {
  color: #fff !important;
  margin-left: 0;
  font-size: 24px !important;
  text-transform: capitalize;
  margin-left: 0 !important;
  font-family: "times-new-roman", sans-serif;
  font-weight: normal;
  display: inline-block; }

.announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-description .announcement-short-description {
  font-size: 16px !important;
  color: #fff !important;
  text-transform: capitalize;
  font-family: "times-new-roman", sans-serif;
  width: 100%; }

.announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls {
  border-bottom: none;
  background: #fff !important;
  margin: 0; }

.announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls ul li a i {
  font-size: 16px !important;
  background-color: #094482;
  border-radius: 100%;
  width: 30px !important;
  height: 30px;
  line-height: 30px;
  color: #fff; }

.announcement-wrapper-home .announcement-portlet .announcement .announcement-bottom-bar .announcement-controls li.announcement-pagination {
  color: #094482 !important;
  vertical-align: top;
  margin-top: 14px !important;
  font-size: 16px !important;
  font-family: "times-new-roman", sans-serif !important; }

/******* Announcement Classes End*********/
/* Upcoming portlet classes view 
****************************************************/
.home-events-wrapper {
  margin: 40px 0 0 0; }

.home-events-wrapper .home-events-area {
  padding: 10px 0px 25px; }

.home-events-wrapper .home-events-area h2 {
  margin-bottom: 30px !important; }

.home-events-wrapper .events-portlet {
  margin-bottom: 30px;
  padding-bottom: 50px !important;
  border: 0px solid #094482 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1) !important; }

.home-events-wrapper .events-portlet li.events-list-li {
  background-color: transparent !important;
  padding-bottom: 10px;
  font-size: 22px !important;
  border-bottom: 1px solid #eae2ce !important; }

.home-events-wrapper .events-portlet li.events-list-li a.ui-widget {
  color: #7d7d7d !important;
  font-size: 18px !important;
  text-decoration: none; }

@media (min-width: 1024px) and (max-width: 1199px) {
  .home-events-wrapper .events-portlet li.events-list-li a.ui-widget {
    font-size: 14px !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  .home-events-wrapper .events-portlet li.events-list-li a.ui-widget {
    font-size: 14px !important; } }
@media (min-width: 300px) and (max-width: 767px) {
  .home-events-wrapper .events-portlet li.events-list-li a.ui-widget {
    font-size: 14px !important; } }
.home-events-wrapper .events-portlet li.events-list-li .ui-widget {
  font-family: "times-new-roman", sans-serif !important; }

.home-events-wrapper .events-portlet .events-event-date {
  font-family: "times-new-roman", sans-serif !important;
  font-size: 18px !important;
  color: #094482 !important;
  font-weight: 700 !important; }

@media (min-width: 1024px) and (max-width: 1199px) {
  .home-events-wrapper .events-portlet .events-event-date {
    font-size: 14px !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  .home-events-wrapper .events-portlet .events-event-date {
    font-size: 14px !important; } }
@media (min-width: 300px) and (max-width: 767px) {
  .home-events-wrapper .events-portlet .events-event-date {
    font-size: 14px !important; } }
.home-events-wrapper .events-portlet .ui-datagrid-column {
  background: #fff !important; }

.home-events-wrapper .events-portlet .events-advancelisting-eventname {
  font-size: 20px !important;
  color: #7d7d7d !important;
  margin: 0px;
  letter-spacing: 0 !important;
  font-family: "times-new-roman", sans-serif !important;
  text-transform: capitalize !important; }

.home-events-wrapper .events-portlet .events-advancelisting-event {
  background: #fff !important;
  border: none !important; }

.home-events-wrapper .events-portlet .events-advancelisting-eventdetail {
  border-bottom: none !important;
  background: #fff !important;
  padding: 0px !important; }

.home-events-wrapper .events-portlet .events-title {
  font-size: 25px;
  font-family: "times-new-roman", sans-serif !important;
  letter-spacing: 0px !important;
  text-transform: capitalize;
  font-weight: 400;
  display: none; }

/* end Upcoming portlet classes view */
/* Side Navigation style */
.side-nav .sidenav-custom-ul li a {
  font-family: "times-new-roman", sans-serif !important;
  text-transform: uppercase;
  color: #fff;
  background-color: #094482;
  margin-bottom: 10px;
  padding: 0px 15px;
  letter-spacing: 0px !important;
  transition: all 0.3s linear 0s; }

.side-nav .sidenav-custom-ul li a:hover {
  padding-left: 25px !important;
  background-color: #021f3e !important; }

/* Custom Class Portlet Changes MT#0206046: Bay Colony UAT Changes*/
.calendar-portlet fieldset .property-list {
  color: #000 !important; }

/* Private landing End 
****************************************************/
/* Staff Pages Style */
.three-colum-layout .custom-images img {
  border: 6px solid #ddd;
  margin-bottom: 20px;
  object-fit: cover;
  width: 300px !important;
  height: 300px !important; }

.three-colum-layout .custom-images img:hover {
  cursor: pointer; }

/* Banner Styling */
@media (min-width: 1024px) and (max-width: 1199px) {
  #rev_slider_4_2_wrapper {
    min-height: auto !important; } }
@media (min-width: 767px) and (max-width: 1023px) {
  #rev_slider_4_2_wrapper {
    min-height: auto !important; } }
@media (min-width: 300px) and (max-width: 767px) {
  #rev_slider_4_2_wrapper {
    min-height: auto !important; } }
#rev_slider_4_2_wrapper .Newspaper-Title-Centered {
  text-transform: uppercase; }

#rev_slider_4_1 .Newspaper-Title-Centered {
  text-transform: uppercase; }

/* MT#0263446: Bay Colony Community Association_Connect _ Hover images to appear small and in one line - Start */
#ui-area .beach-club {
  font-size: 0;
  margin-bottom: 40px; }

#ui-area .beach-club .beach-club-boxes {
  display: inline-block;
  /* width: 218px; */
  font-size: 14px;
  /* margin-right: 5px; */ }

@media screen and (min-width: 1900px) {
  #ui-area .beach-club .beach-club-boxes {
    /*  width: 224px; */ } }
@media screen and (min-width: 220px) and (max-width: 767px) {
  #ui-area .beach-club .beach-club-boxes {
    /* width: 100%; */
    /*  margin-right: 0px; */
    margin-bottom: 5px; } }
@media screen and (min-width: 768px) and (max-width: 979px) {
  #ui-area .beach-club .beach-club-boxes {
    /* width: 134px; */ } }
@media screen and (min-width: 980px) and (max-width: 1199px) {
  #ui-area .beach-club .beach-club-boxes {
    /*  width: 178px; */ } }
#ui-area .beach-club .beach-club-boxes:last-child {
  margin-right: 0px;
  margin-bottom: 0px; }

#ui-area .tennis-club {
  font-size: 0;
  margin-bottom: 40px; }

#ui-area .tennis-club .tennis-club-boxes {
  display: inline-block;
  /* width: 336px; */
  font-size: 14px;
  /* margin-right: 5px; */ }

@media screen and (min-width: 1900px) {
  #ui-area .tennis-club .tennis-club-boxes {
    /*  width: 376px; */ } }
@media screen and (min-width: 220px) and (max-width: 767px) {
  #ui-area .tennis-club .tennis-club-boxes {
    width: 100%;
    /*  margin-right: 0px; */
    margin-bottom: 5px; } }
@media screen and (min-width: 768px) and (max-width: 979px) {
  #ui-area .tennis-club .tennis-club-boxes {
    /* width: 226px; */ } }
@media screen and (min-width: 980px) and (max-width: 1199px) {
  #ui-area .tennis-club .tennis-club-boxes {
    /*  width: 300px; */ } }
#ui-area .tennis-club .tennis-club-boxes:last-child {
  margin-right: 0px;
  margin-bottom: 0px; }

/* MT#0263446: Bay Colony Community Association_Connect _ Hover images to appear small and in one line - End */
/* Side Nav For Mobile */
span.sidenav-mobile-view-heading {
  background: #7d7d7d !important;
  font-size: 16px !important; }

.sidenav-mobile-view-div {
  padding: 0 !important; }

/* side Navigation */
.sidenav-session-ul {
  padding: 0;
  margin: 0 !important; }

span.sidenav-session-heading {
  color: #fff;
  padding: 0px !important;
  text-shadow: none;
  font-weight: 400;
  text-align: center !important;
  text-transform: initial !important; }

@media (min-width: 1200px) and (max-width: 2200px) {
  span.sidenav-session-heading {
    font-size: 18px !important; } }
@media (min-width: 2201px) and (max-width: 4000px) {
  span.sidenav-session-heading {
    font-size: 28.8px !important; } }
.sidenav-session-children {
  margin: 0 !important;
  padding: 0 !important; }

.sidenav-session-children .subLeft {
  border-bottom: 1px solid #fff;
  display: block !important;
  max-width: 308px;
  width: 100%;
  margin-bottom: 6px !important; }

.sidenav-session-children .subLeft a {
  color: #333333;
  background: #ccc;
  line-height: normal;
  font-weight: 400;
  text-align: center !important;
  width: 100%;
  transition: all 0.3s ease; }

.sidenav-session-children .subLeft a span {
  outline: 3px solid #ccc;
  width: 100% !important;
  padding: 10px 15px;
  line-height: normal;
  text-decoration: none;
  outline-offset: -3px !important;
  transition: all 0.3s ease;
  width: calc(100% - 30px) !important; }

.sidenav-session-children .subLeft a span:hover {
  outline: 3px solid #094482 !important;
  background: #ccc !important;
  color: #fff !important; }

@media (min-width: 1200px) and (max-width: 2200px) {
  .sidenav-session-children .subLeft a span {
    font-size: 16px !important; } }
@media (min-width: 2201px) and (max-width: 4000px) {
  .sidenav-session-children .subLeft a span {
    font-size: 25.6px !important; } }
.sidenav-session-children .subLeft a span.side-nav-session-selected-item {
  outline: 3px solid #094482 !important; }

.sidenav-session-children .subLeft:focus-within a {
  background: #ccc !important;
  color: #fff !important; }

.more-detail-side-nav ul ul {
  margin-top: 0px !important;
  padding-top: 0 !important; }

/* Media Query For Side Navigation*/
@media screen and (max-width: 1250px) and (min-width: 500px) {
  sidenav-session-ul {
    margin: 0px !important; }

  span.sidenav-session-heading {
    padding: 0 0 10px 0 !important;
    font-size: 20px !important; }

  .sidenav-session-ul {
    margin: 10px 20px !important; } }
/* mobile view classes */
.sidenav-mobile-view-div .sidenav-mobile-view-ul ul li a {
  background-color: #094482 !important; }

/*Custom Css Side Nav Overwrite*/
@media (min-width: 1200px) and (max-width: 2200px) {
  .sidenav-custom-ul li, .sidenav-custom-ul .selected-link .selected,
  .sidenav-custom-ul span.un-selected {
    font-size: 16px !important; } }
@media (min-width: 2201px) and (max-width: 4000px) {
  .sidenav-custom-ul li, .sidenav-custom-ul .selected-link .selected,
  .sidenav-custom-ul span.un-selected {
    font-size: 25.6px !important; } }
/* On Mobile Member Login */
.Member-login-footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  text-align: center;
  background-color: #094482;
  color: #fff;
  text-transform: capitalizee;
  line-height: 3;
  z-index: 110;
  border-radius: 0px; }

.Member-login-footer a {
  color: #fff !important;
  font-size: 12px !important; }

.Member-login-footer a:hover {
  color: white; }

.Member-login-footer h2 {
  font-size: 14px;
  margin: 0px;
  text-shadow: none;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: "times-new-roman", sans-serif; }

.Member-login-footer #user-greeting {
  font-size: 22px;
  color: #8A1F03 !important; }

.Member-login-footer .mobile-Oaks-logo img {
  width: 70px !important;
  padding-top: 8px !important; }

.Member-login-footer #user-greeting-phone img.phone-m-image {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  min-height: 27px;
  border: 1px solid #560a0e;
  margin-right: 10px;
  vertical-align: middle; }

/*End On Mobile Member Login */
@media screen and (min-width: 768px) {
  .mm_login.login-page .navbar {
    display: none; } }
.mm_login.login-page .background-wrap {
  background: #fff;
  background-image: url(/documents/10184/42953403/image-ZSMAIzrE.jpg); }

@media screen and (max-width: 767px) {
  .mm_login.login-page .background-wrap {
    background-image: none !important; } }
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap {
    min-height: 87vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; } }
.mm_login.login-page .background-wrap a.logo {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px; }

.mm_login.login-page .background-wrap a.logo img {
  max-width: 129px;
  max-height: 83px; }

.mm_login.login-page .background-wrap .login-wrap {
  max-width: 805px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

@media screen and (max-width: 767px) {
  .mm_login.login-page .background-wrap .login-wrap .login-style {
    padding-top: 40px; }

  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login {
    padding-top: 12px; }

  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left {
    padding: 20px 18px 8px; }

  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .login-heading {
    margin-bottom: 0 !important; }

  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .login-heading h2 {
    margin-bottom: 8px !important; }

  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form input[type=text] {
    margin-bottom: 12px;
    width: 100%; }

  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form label[for=_58_rememberMeCheckbox] {
    margin-top: 12px; }

  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form #divTogglePassword .checkbox #_58_showPasswordCheckbox {
    opacity: 0; }

  .mm_login.login-page .background-wrap .login-wrap .login-style #content-wrapper-login .login-col-left .login-card form .button-holder {
    margin-top: 8px; } }
@media screen and (max-width: 767px) {
  .mm_login.login-page .background-wrap #content-wrapper-login {
    padding: 16px 8px 0; } }
@media screen and (max-width: 480px) {
  .mm_login.login-page .background-wrap #content-wrapper-login {
    padding: 16px 5px 0; } }
@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login {
    padding: 16px 17px 19px; } }
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
  box-sizing: border-box;
  display: block; }

@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    display: inline-block; } }
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left {
  padding: 26px;
  margin-bottom: 36px; }

@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left {
    margin-bottom: 0; } }
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left h2 {
  font-size: 20px;
  color: #000;
  text-align: left;
  line-height: 23px;
  text-transform: none;
  font-weight: 600; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card {
  text-align: left; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form {
  margin-bottom: 10px; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .login-heading {
  margin-bottom: 16px !important; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group {
  margin-bottom: 12px; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input {
  margin-bottom: 0;
  height: 36px; }

@media (min-width: 300px) and (max-width: 767px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input {
    width: 100%; } }
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group input[type=password] {
  margin-bottom: 10px; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form .control-group label.control-label {
  color: #7d7d7d;
  text-transform: none; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-card form label.checkbox {
  margin-left: 0;
  font-size: 14px !important; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-label, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .password-label {
  font-weight: normal;
  font-size: 16px;
  color: #7d7d7d;
  text-transform: none;
  line-height: 40px; }

@media (min-width: 300px) and (max-width: 767px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .login-label, .mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .password-label {
    font-size: 12px !important; } }
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .button-holder {
  margin-top: 20px; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .button-holder .btn {
  margin-top: 16px;
  display: block;
  background: red;
  text-shadow: none;
  border: none;
  box-shadow: none;
  padding: 6px 6px 8px !important;
  border-radius: 3px !important;
  width: 99%; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation {
  text-align: center;
  background: transparent !important; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation a.taglib-icon img {
  display: none; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation .taglib-text {
  font-weight: 500;
  font-size: 14px;
  color: #000;
  text-decoration: underline; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-left .navigation .taglib-captcha .captcha {
  margin-bottom: 10px; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
  margin-left: 0; }

@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    padding: 10px 0px 10px 20px; } }
@media screen and (min-width: 980px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right {
    padding: 22px 0px 10px 30px; } }
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1 {
  font-size: 20px;
  color: #000;
  line-height: 30px;
  margin-bottom: 16px; }

@media screen and (max-width: 480px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1 {
    font-size: 20px; } }
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h1:not(:first-of-type) {
  margin-top: 24px; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 8px; }

@media screen and (max-width: 480px) {
  .mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2 {
    font-size: 20px; } }
.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right h2:not(:first-of-type) {
  margin-top: 24px; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right hr {
  margin-top: 8px;
  margin-bottom: 8px;
  border-top: 1px solid #ede9e6;
  border-bottom: none; }

.mm_login.login-page .background-wrap #content-wrapper-login .login-col-right p {
  font-family: "times-new-roman", sans-serif !important; }

.mm_login.login-page .background-wrap > .container-fluid.block {
  padding-top: 64px;
  padding-bottom: 20px; }

@media screen and (min-width: 768px) {
  .mm_login.login-page .background-wrap > .container-fluid.block {
    padding-top: 180px;
    padding-bottom: 80px; } }
.mm_login.login-page #ui-area {
  background: rgba(255, 255, 255, 0.9);
  padding: 0; }

.mm_login.login-page .site-footer {
  margin-top: 0; }