/* webfonts */
/*cmdesign*/
/*fff*/


.nunito-nav {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

@font-face {
	font-family: 'Orleans Web';
	src: url('/wp-content/themes/sbpolo/assets/webfonts/Orleans-Light-Web.woff2') format('woff2'),
		 url('/wp-content/themes/sbpolo/assets/webfonts/Orleans-Light-Web.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	}

.Orleans-Light-Web {
	font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
	}


@font-face {
	font-family: 'Schnyder';
	src: url('/wp-content/themes/sbpolo/assets/webfonts/SchnyderWideM-Demi.otf') format('otf');
	font-weight: 400;
	font-style: normal;
	}



/* ==========================================================================
	Base
	========================================================================== */
html {
    height: 101%;
    font-size: 16px;
    background: #fff;
}
body {
	  font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
    min-height: 100%;
    background: #fbfcfc;
	background-color: #fbfcfc;
    padding: 0;
    margin: 0;
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
	overflow: hidden;
	background-image: url('https://sbpolo.intercommobile.com/wp-content/uploads/2024/05/greenbg2.jpg');
	
}

body.loaded{
	overflow: auto
}
body, textarea {

}
.serif {
    font-family: times, serif;
    font-weight: 400;
    font-style: normal;
}
/* ==========================================================================
   global type
   ========================================================================== */
h1, h2, h3, h4 {
    padding: 0px 0 0px;
    color: #000000;
}
h1 {
    font-family: 'Schnyder';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    color: #e8cabd;
    font-size: 8vw;
    margin-top: 0px;
	text-align: center;
}

.h1replace {
    font-family: 'Orleans Web';
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    color: #143246;
    font-size: 8vw;
    margin-top: 0px;
}

#intro .row .privacy h1{
		font-size:24px;
	font-family: "Nunito", sans-serif;
	font-weight: 600;
	 color: #143246;
	margin-top: 20px;
	text-align: center;
	}

h1.singlelineh3{
	text-align: center;
}

h1 span {
    font-family: 'Orleans Web';
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
}
h1.bold, h2.bold, h3.bold, h4.bold, h5.bold {}
h2 {
    font-size: 1.3em;
    padding: 0px 0 20px;
	color: #143246;
	  font-family: "Nunito", sans-serif;
	font-weight: 600;
}
.introContent span.leaderCopy {
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 1.8em;
    color: #97bf69;
    display: inline;
}
.introContent span span.leaderCopy2 {
    font-family: 'Open Sans', arial, helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #898989;
    display: inline;
}
.introContent.parks {
    text-align: center;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
.row-eq-height {
    display: block;
}
.moreArrow {
    display: inline-block;
    margin-left: 6px;
    margin-bottom: 3px;
}
.learnMore {

    font-style: italic;
    font-weight: 700;
}
a {
    color: #ffffff;
}
a:hover {
    color: #ffffff;
}

.privacy a{
	color: #143246;
}
h3 {
    font-family: "Nunito", sans-serif;
    font-weight: 600;
    font-size: 18em;
    line-height: 1.3em;
    padding: 0px 0 20px;
	color: #143246;
}

.titlenonmoving h3{
	font-size: 9vw;
	   font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
    
    color: #ffffff;
	
}


h4 {
    font-size: 1.1em;
    padding: 0px 0 20px;
}
h5 {
    font-size: 1.0em;
    padding: 0px 0 15px;
}
h6 {
    font-size: 0.9em;
    font-weight: 700;
    padding: 0px 0 15px;
}
p {
     font-family: 'Orleans Web';
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
    font-size: 24px;
    line-height: 1.9em;
    padding: 0px 0 30px;
	color: #e8cabd;
	text-align: center;
}

p.whitecopy span{
	 font-weight: 800;
}
ol {
    list-style: inside decimal;
}
ul {
    list-style: outside disc;
    /*margin-left: 14px;*/
}
ol, ul, dl {
    /*padding: 5px 0 12px 12px;*/
    vertical-align: baseline;
}
dl {
    padding: 5px 0 12px 0px;
}
ul li {
    font-size: 1em;
    line-height: 1.4em;
    margin-right: 10px;
    margin-left: 0px;
    padding: 0em 0 8px 3px;
    vertical-align: baseline;
}
ul li ul {
    margin-top: 6px;
}
ul li li {
    font-size: 1.0em;
    list-style: circle;
}

	
	#intro .row .privacy ul{
		padding: 10px 20px;
		color: #143246;
	}
	
	 #intro .row .privacy ul li {
           font-size: 16px;
        line-height: 26px;
		 color: #143246;
		 padding-bottom: 20px;
    }


ol li {
    font-size: 0.9em;
    line-height: 1.2em;
    margin-right: 20px;
    padding: 0em 0 0.5em 1.7em;
    vertical-align: baseline;
}
ol li li {
    font-size: 1.0em;
}
dl dt, dl dd {
    font-size: 0.9em;
    line-height: 1.0em;
    margin-right: 10px;
    margin-left: 0px;
    padding: 0em 0 3px 0px;
    vertical-align: baseline;
    font-weight: 700;
}
dl dd {
    padding: 0em 0 9px 0px;
    font-weight: 400;
}
img.alignright {
    float: right;
    margin: 3px 0px 12px 12px;
}
img.alignleft {
    float: left;
    margin: 3px 12px 12px 0px;
}
img.aligncenter {
    margin: 3px auto 3px auto;
}
#myVideo {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
.semanticList, .semanticList li {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 1.0em;
    line-height: 1.0em;
}
/* ==========================================================================
	structure
	========================================================================== */
#outerWrap {
    position: relative;
    height: auto;
    overflow: hidden;
}
#pageWrap {
    position: relative;
    min-height: 100%;
    height: auto;

    overflow: hidden;
}
section {
    width: 100%;
    background-color: none;
    z-index: 500;
    position: relative;
}
.pad {
    padding-left: 15px;
    padding-right: 15px;
}
.noPad {
    padding-left: 0px;
    padding-right: 0px;
}
body.loading {
    height: 100%;
}
#preload {
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}



#headgrove{
	display: none;
}

.splashContent #slides #myVideo{
    width: 100%!important; 
    height: auto!important; 
	top:0px!important;
    /*object-fit: cover;  */
}

.splashContent #slides img  {
	
	 width: 100%!important; 
    height: auto!important; 
	top:0px!important;
	left: 0px!important;
}



/* pace loader extention */

#wpcpro-wrapper-50 #sp-wp-carousel-pro-id-50.wpcp-carousel-section.sp-wpcp-50 .wpcp-prev-button, 
#wpcpro-wrapper-50 #sp-wp-carousel-pro-id-50.wpcp-carousel-section.sp-wpcp-50 .wpcp-next-button  {
	
margin-top: 60px;	
}

body.club-lifestyle .wpcpro-wrapper .wpcp-carousel-section.nav-vertical-on-hover .wpcp-next-button, 
body.club-lifestyle .wpcpro-wrapper .wpcp-carousel-section.nav-vertical-on-hover .wpcp-prev-button, 
body.club-lifestyle .wpcpro-wrapper .wpcp-carousel-section.nav-vertical-center-inner .wpcp-next-button, 
body.club-lifestyle .wpcpro-wrapper .wpcp-carousel-section.nav-vertical-center-inner .wpcp-prev-button {
	margin-top: -60px!important;
}

#wpcpro-wrapper-60 #sp-wp-carousel-pro-id-60.sp-wpcp-60 .wpcp-all-captions .wpcp-image-caption a, #wpcpro-wrapper-60 #sp-wp-carousel-pro-id-60.sp-wpcp-60 .wpcp-all-captions .wpcp-image-caption{
	display: block;
	margin-top: 30px;
	font-family: 'Orleans Web'!important;
	font-weight: 300!important;
	font-style: normal!important;
	
}

.wpcpro-wrapper .wpcp-carousel-section.detail-with-overlay.content-box.box-on-bottom .wpcp-single-item .wpcp-all-captions {
transform: translateY(-40%);
}

.csstransitions .topSubNav{
	position: fixed; 
	
	z-index: 1050; 
	width: 100%; 
	height: 60px; 
	background-color: #143246;
	-webkit-transition: opacity 1500ms, ease 1500ms;
    -moz-transition: opacity 1500ms, ease 1500ms;
    -ms-transition: opacity 1500ms, ease 1500ms;
    -o-transition: opacity 1500ms, ease 1500ms;
    transition: opacity 1500ms, ease 1500ms;
    opacity: 0;
}

.csstransitions .loaded .topSubNav{
	
	opacity: 1;
}

.acf-gallery .slick-prev, 
.acf-gallery .slick-next {
    font-size: 20px; /* Adjust size as needed */
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20; /* Ensure arrows are above the images */
    background-color: transparent; /* Optional: add background color */
    color: #fff; /* Arrow color */
    border: none;
}



.acf-gallery .slick-prev {
    left: 10px; /* Distance from the left edge. Adjust as needed. */
}

.acf-gallery .slick-next {
    right: 10px; /* Distance from the right edge. Adjust as needed. */
}

/* Optional: Add hover effect */
.acf-gallery .slick-prev:hover,
.acf-gallery .slick-next:hover {
    color: #DC0104; /* Change arrow color on hover */
}

/* Hide arrows if not hovered */
.acf-gallery .slick-slide {
    opacity: 1;
}

.acf-gallery:hover .slick-slide {
    opacity: 1;
}


.acf-gallery img:hover{
	 cursor: zoom-in;
} 



#loadcon1, #loadcon2, #loadcon3{
	opacity: .2;
	transition: opacity 0.3s ease; /* Optional: smooth transition */
}

.loadcon1, .loadcon2, .loadcon3, .loadcon4, .loadcon5, .loadcon6, .loadcon7, .loadcon8, .loadcon9{
	opacity: .1;
	transition: opacity 1s ease; /* Optional: smooth transition */
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;

	z-index: 0;
	position: fixed;
	margin: auto;
	top: -1200px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 200px;
	height: 100px;
	overflow: hidden;
}

.pace .pace-progress {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;

	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	display: block;
	position: absolute;
	right: 100%;
	margin-right: -7px;
	width: 93%;
	top: 7px;
	height: 14px;
	font-size: 12px;
	background: #29d;
	color: #29d;
	line-height: 60px;
	font-weight: bold;
	font-family: Helvetica, Arial, "Lucida Grande", sans-serif;

	-webkit-box-shadow: 120px 0 #fff, 240px 0 #fff;
	-ms-box-shadow: 120px 0 #fff, 240px 0 #fff;
	box-shadow: 120px 0 #fff, 240px 0 #fff;
}

.pace .pace-progress:after {
	content: attr(data-progress-text);
	display: inline-block;
	position: fixed;
	width: 45px;
	text-align: right;
	right: 0;
	padding-right: 16px;
	top: 4px;
}



.pace .pace-progress[data-progress-text="0%"]:after { right: -200px }
.pace .pace-progress[data-progress-text="1%"]:after { right: -198.14px }
.pace .pace-progress[data-progress-text="2%"]:after { right: -196.28px }
.pace .pace-progress[data-progress-text="3%"]:after { right: -194.42px }
.pace .pace-progress[data-progress-text="4%"]:after { right: -192.56px }
.pace .pace-progress[data-progress-text="5%"]:after { right: -190.7px }
.pace .pace-progress[data-progress-text="6%"]:after { right: -188.84px }
.pace .pace-progress[data-progress-text="7%"]:after { right: -186.98px }
.pace .pace-progress[data-progress-text="8%"]:after { right: -185.12px }
.pace .pace-progress[data-progress-text="9%"]:after { right: -183.26px }
.pace .pace-progress[data-progress-text="10%"]:after { right: -181.4px }
.pace .pace-progress[data-progress-text="11%"]:after { right: -179.54px }
.pace .pace-progress[data-progress-text="12%"]:after { right: -177.68px }
.pace .pace-progress[data-progress-text="13%"]:after { right: -175.82px }
.pace .pace-progress[data-progress-text="14%"]:after { right: -173.96px }
.pace .pace-progress[data-progress-text="15%"]:after { right: -172.1px }
.pace .pace-progress[data-progress-text="16%"]:after { right: -170.24px }
.pace .pace-progress[data-progress-text="17%"]:after { right: -168.38px }
.pace .pace-progress[data-progress-text="18%"]:after { right: -166.52px }
.pace .pace-progress[data-progress-text="19%"]:after { right: -164.66px }
.pace .pace-progress[data-progress-text="20%"]:after { right: -162.8px }
.pace .pace-progress[data-progress-text="21%"]:after { right: -160.94px }
.pace .pace-progress[data-progress-text="22%"]:after { right: -159.08px }
.pace .pace-progress[data-progress-text="23%"]:after { right: -157.22px }
.pace .pace-progress[data-progress-text="24%"]:after { right: -155.36px }
.pace .pace-progress[data-progress-text="25%"]:after { right: -153.5px }
.pace .pace-progress[data-progress-text="26%"]:after { right: -151.64px }
.pace .pace-progress[data-progress-text="27%"]:after { right: -149.78px }
.pace .pace-progress[data-progress-text="28%"]:after { right: -147.92px }
.pace .pace-progress[data-progress-text="29%"]:after { right: -146.06px }
.pace .pace-progress[data-progress-text="30%"]:after { right: -144.2px }
.pace .pace-progress[data-progress-text="31%"]:after { right: -142.34px }
.pace .pace-progress[data-progress-text="32%"]:after { right: -140.48px }
.pace .pace-progress[data-progress-text="33%"]:after { right: -138.62px }
.pace .pace-progress[data-progress-text="34%"]:after { right: -136.76px }
.pace .pace-progress[data-progress-text="35%"]:after { right: -134.9px }
.pace .pace-progress[data-progress-text="36%"]:after { right: -133.04px }
.pace .pace-progress[data-progress-text="37%"]:after { right: -131.18px }
.pace .pace-progress[data-progress-text="38%"]:after { right: -129.32px }
.pace .pace-progress[data-progress-text="39%"]:after { right: -127.46px }
.pace .pace-progress[data-progress-text="40%"]:after { right: -125.6px }
.pace .pace-progress[data-progress-text="41%"]:after { right: -123.74px }
.pace .pace-progress[data-progress-text="42%"]:after { right: -121.88px }
.pace .pace-progress[data-progress-text="43%"]:after { right: -120.02px }
.pace .pace-progress[data-progress-text="44%"]:after { right: -118.16px }
.pace .pace-progress[data-progress-text="45%"]:after { right: -116.3px }
.pace .pace-progress[data-progress-text="46%"]:after { right: -114.44px }
.pace .pace-progress[data-progress-text="47%"]:after { right: -112.58px }
.pace .pace-progress[data-progress-text="48%"]:after { right: -110.72px }
.pace .pace-progress[data-progress-text="49%"]:after { right: -108.86px }
.pace .pace-progress[data-progress-text="50%"]:after { right: -107px }
.pace .pace-progress[data-progress-text="51%"]:after { right: -105.14px }
.pace .pace-progress[data-progress-text="52%"]:after { right: -103.28px }
.pace .pace-progress[data-progress-text="53%"]:after { right: -101.42px }
.pace .pace-progress[data-progress-text="54%"]:after { right: -99.56px }
.pace .pace-progress[data-progress-text="55%"]:after { right: -97.7px }
.pace .pace-progress[data-progress-text="56%"]:after { right: -95.84px }
.pace .pace-progress[data-progress-text="57%"]:after { right: -93.98px }
.pace .pace-progress[data-progress-text="58%"]:after { right: -92.12px }
.pace .pace-progress[data-progress-text="59%"]:after { right: -90.26px }
.pace .pace-progress[data-progress-text="60%"]:after { right: -88.4px }
.pace .pace-progress[data-progress-text="61%"]:after { right: -86.53999999999999px }
.pace .pace-progress[data-progress-text="62%"]:after { right: -84.68px }
.pace .pace-progress[data-progress-text="63%"]:after { right: -82.82px }
.pace .pace-progress[data-progress-text="64%"]:after { right: -80.96000000000001px }
.pace .pace-progress[data-progress-text="65%"]:after { right: -79.1px }
.pace .pace-progress[data-progress-text="66%"]:after { right: -77.24px }
.pace .pace-progress[data-progress-text="67%"]:after { right: -75.38px }
.pace .pace-progress[data-progress-text="68%"]:after { right: -73.52px }
.pace .pace-progress[data-progress-text="69%"]:after { right: -71.66px }
.pace .pace-progress[data-progress-text="70%"]:after { right: -69.8px }
.pace .pace-progress[data-progress-text="71%"]:after { right: -67.94px }
.pace .pace-progress[data-progress-text="72%"]:after { right: -66.08px }
.pace .pace-progress[data-progress-text="73%"]:after { right: -64.22px }
.pace .pace-progress[data-progress-text="74%"]:after { right: -62.36px }
.pace .pace-progress[data-progress-text="75%"]:after { right: -60.5px }
.pace .pace-progress[data-progress-text="76%"]:after { right: -58.64px }
.pace .pace-progress[data-progress-text="77%"]:after { right: -56.78px }
.pace .pace-progress[data-progress-text="78%"]:after { right: -54.92px }
.pace .pace-progress[data-progress-text="79%"]:after { right: -53.06px }
.pace .pace-progress[data-progress-text="80%"]:after { right: -51.2px }
.pace .pace-progress[data-progress-text="81%"]:after { right: -49.34px }
.pace .pace-progress[data-progress-text="82%"]:after { right: -47.480000000000004px }
.pace .pace-progress[data-progress-text="83%"]:after { right: -45.62px }
.pace .pace-progress[data-progress-text="84%"]:after { right: -43.76px }
.pace .pace-progress[data-progress-text="85%"]:after { right: -41.9px }
.pace .pace-progress[data-progress-text="86%"]:after { right: -40.04px }
.pace .pace-progress[data-progress-text="87%"]:after { right: -38.18px }
.pace .pace-progress[data-progress-text="88%"]:after { right: -36.32px }
.pace .pace-progress[data-progress-text="89%"]:after { right: -34.46px }
.pace .pace-progress[data-progress-text="90%"]:after { right: -32.6px }
.pace .pace-progress[data-progress-text="91%"]:after { right: -30.740000000000002px }
.pace .pace-progress[data-progress-text="92%"]:after { right: -28.880000000000003px }
.pace .pace-progress[data-progress-text="93%"]:after { right: -27.02px }
.pace .pace-progress[data-progress-text="94%"]:after { right: -25.16px }
.pace .pace-progress[data-progress-text="95%"]:after { right: -23.3px }
.pace .pace-progress[data-progress-text="96%"]:after { right: -21.439999999999998px }
.pace .pace-progress[data-progress-text="97%"]:after { right: -19.58px }
.pace .pace-progress[data-progress-text="98%"]:after { right: -17.72px }
.pace .pace-progress[data-progress-text="99%"]:after { right: -15.86px }
.pace .pace-progress[data-progress-text="100%"]:after { right: -14px }


.pace .pace-activity {
	position: absolute;
	width: 100%;
	height: 28px;
	z-index: 2001;
	box-shadow: inset 0 0 0 2px #29d, inset 0 0 0 7px #FFF;
	border-radius: 10px;
}

.pace.pace-inactive {
	display: none;
}



/*---------*/

.preloader-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0; 
  bottom: 0;
  background: rgba(0,0,0,1);
  z-index : 2; 
}

.percentage {
  z-index: 100;
  border: 1px solid #ccc;
  text-align:center;
  color: #fff;
  line-height: 30px;
  font-size : 15px;
}

.loader,
.percentage{
  height: 30px;
  max-width: 500px; 
  border: 2px solid #69AF23;
  border-radius: 20px;
  font-weight: 300;
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  right: 0;
  margin : auto; 
}
.loader:after,
.percentage:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.trackbar {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  opacity: 0.99;
}

.loadbar {
  width: 0%;
  height: 100%;
  background: repeating-linear-gradient(
  45deg, 
    #008737, 
    #008737 10px, 
    #69AF23 10px,
    #69AF23 20px
  ); /* Stripes Background Gradient */
  box-shadow: 0px 0px 14px 1px #008737; 
  position: absolute;
  top: 0;
  left: 0;
  animation: flicker 5s infinite;
  overflow: hidden;
}

.glow {
  width: 0%;
  height: 0%;
  border-radius: 20px;
  box-shadow: 0px 0px 60px 10px #008737;
  position: absolute;
  bottom: -5px;
  animation: animation 5s infinite;
}

@keyframes animation {
  10% {
    opacity: 0.9;
  }
  30% {
    opacity: 0.86;
  }
  60% {
    opacity: 0.8;
  }
  80% {
    opacity: 0.75;
  }
}
/*---------*/
#loader {
    opacity: 1;
}
.loading #loader {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    opacity: 1;
}
#loader #loaderContentWrap {
    display: table;
    position: absolute;
    width: 200px;
    height: 110px;
    vertical-align: middle;
    text-align: center;
    top: 300px;
    left: 50%;
    margin-top: -75px;
    margin-left: -106px;
}
#loader #loaderContent {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 216px;
    height: 110px;
}
#loader #loaderContent h5 {
    text-transform: uppercase;
}
body.loading #outerWrap, body.loading #pageWrap, body.loading section {
    opacity: 0;
}
.lt-ie9 body.loading #outerWrap, .lt-ie9 body.loading #pageWrap, .lt-ie9 body.loading section, .no-js.lt-ie9 section {
    display: none;
}
body.loaded #outerWrap, body.loaded #pageWrap, body.loaded section, .no-js section {
    opacity: 1;

}
.lt-ie9 body.loaded #outerWrap, .lt-ie9 body.loaded #pageWrap, .lt-ie9 body.loaded section, .no-js.lt-ie9 section {
    display: block;
}
.row {
    margin: 0 auto;
}

table.iconHorizontal{
	width: 80%;
	margin: 30px auto 20px auto;
}

table.iconHorizontal td{
	padding: 0px 5px 0px 5px;
}

#sp-wp-carousel-pro-id-50, #sp-wp-carousel-pro-id-60 {
	overflow: visible!important;
}

.wp-carousel-pagination {
    /* Set your desired height */
    height: 1px; /* Adjust as needed */
    /* Add other styles as needed */
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
	height: 2px; 
}


table#firstIcons tr td{
	padding-bottom: 15px;
}

table#firstIcons{
	display: none;
}

table#firstIconsMobile{
	display: table;
	margin-top: 20px;
	margin-bottom: 40px;

}


.numHolder{
	padding-top: 0px; padding-bottom: 0px;
}

.csstransitions .transparent-gradient{
	-webkit-transition: opacity 1500ms, ease 1500ms;
    -moz-transition: opacity 1500ms, ease 1500ms;
    -ms-transition: opacity 1500ms, ease 1500ms;
    -o-transition: opacity 1500ms, ease 1500ms;
    transition: opacity 1500ms, ease 1500ms;
	 transition-delay: 1s;
    opacity: 0;
}

.csstransitions .loaded .transparent-gradient {
   
    opacity: 1;
}

.csstransitions .footNav{
	opacity: 1;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
}

.csstransitions .footNav.tranny{
	
	 -webkit-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -moz-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -ms-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -o-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
	opacity: 1;
	padding-top: 10px;
	padding-bottom: 10px;

	
	
}

.firstBG{
	position: relative; 
	/*background-image:url(/wp-content/uploads/2024/03/numbers-bg.png); */
	background-position: center -100px;  
	background-repeat: no-repeat;
  	background-size:cover;
}


.csstransitions .numberCounts{
	
	font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
	font-size: 48px;
	line-height: 65px;
	opacity: 0;
	padding-top: 60px;
	
	position: relative; 
	margin: auto; 
	max-width: 90%;
	
}



.csstransitions .numberCounts.tranny {
    -webkit-transition: opacity 1000ms ease, padding 1000ms ease;
    -moz-transition: opacity 1000ms ease, padding 1000ms ease;
    -ms-transition: opacity 1000ms ease, padding 1000ms ease;
    -o-transition: opacity 1000ms ease, padding 1000ms ease;
    transition: opacity 1000ms ease, padding 1000ms ease;
	opacity: 1;
    padding-top: 0px;
    margin-top: 0px;
}




.numberCounts > div{
	padding-right: 10px;
	height: 200px;
}


.numberCounts h3{
	font-size: 18px;
	font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
	padding-bottom: 0px;
}

.numberCounts p{
	font-size: 14px;
	font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
	line-height: 24px;
	display: block;
	padding-right: 0px;
	margin-top: 8px;
}

.row .tourData p{
	color: #fff
}

.sp-tab__tab-content .row .tourData {
	padding-left: 0px!important;
}

.sp-tab__tab-content .row .tourData p{
	color: #fff!important;
	font-family: "Nunito", sans-serif!important;
	font-size: 18px!important;
}

.sp-tab__tab-content .row .tourData table tr td{
	color: #fff!important;
	font-family: "Nunito", sans-serif!important;
	font-size: 20px!important;
}

.sp-tab__tab-content .row .tourData table tr td img{
	
	display: inline-block;
	margin-right: 10px;
}


.sp-tab__tab-content .row .tourData table{
	height: 80px!important;
}

h2.sp-tab__section_title_383, #poststuff h2.sp-tab__section_title_383{
	display: none!important;
}

#sp-tabpro-wrapper_383.sp-tab__lay-default .sp-tab__tab-content .sp-tab__card-header, #sp-tabpro-wrapper_383.sp-tab__lay-default > ul .sp-tab__nav-item .sp-tab__tab_title{
	color: #ffffff!important;
	font-family: "Nunito", sans-serif!important;
	font-size: 18px!important;
	font-weight: 400!important;
}

.sp-tab__tab-content h4.sp-tab__tab_title{
	color: #fff!important;
}

.sp-tab__tab-content .row .tourData p.par{
	font-size: 38px!important;
	font-family: 'Orleans Web'!important;
	font-weight: 400!important;
	
}

.sp-tab__tab-content .row .tourData p.par span{
	display:inline-block; margin-left: 5px; margin-right: 5px;
}

.sp-tab__tab-content .row .tourData h3{
	font-weight: 800!important;
	margin:0px!important;
	padding-bottom: 20px!important;
}

#sp-tabpro-wrapper_383.sp-tab__lay-default > ul{
	border-top: solid 1px #405161!important;
	border-bottom: solid 1px #405161!important;
	padding-top: 30px!important;
	margin-top: 30px;
	margin-bottom: 30px;
}

#sp-tabpro-wrapper_383 .sp-tab__nav-tabs .sp-tab__nav-item .sp-tab__nav-link.sp-tab__active {
	
	background-image: url("/wp-content/uploads/2024/04/tour-highlight.png"); 
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: top center;
	
}

#sp-tabpro-wrapper_383 .sp-tab__nav-tabs .sp-tab__nav-item .sp-tab__nav-link.sp-tab__active .sp-tab__tab_title{
	color: #143246!important;
}


#sp-tabpro-wrapper_383.sp-tab__lay-default > ul li > label, #sp-tabpro-wrapper_383.sp-tab__lay-default > ul.sp-tab__nav > .slick-list .sp-tab__nav-item > label, #sp-tabpro-wrapper_383.sp-tab__lay-default > ul li > a{
	padding-bottom: 0px!important;
	padding-top: 0px!important;
}


.row .modNoimgCopy.photolargeBG a.btn{
	color: #ffffff;
	background-color: rgba(0,0,0,0.00);
	border: solid 1px #ffffff!important;
	border-radius: 0px!important;
	text-transform: uppercase;
	font-weight: bold;
}

.csstransitions .row .modNoimgCopy.photolargeBG{

	opacity: 0;
	height: 700px; 
	transform: translateY(0px); 
	background-image: url('/wp-content/uploads/2024/05/dream-BG3.jpg'); 
	background-size: cover; 
	background-position: center;
	
	
}

.csstransitions .row .modNoimgCopy.photolargeBGgolf{

	opacity: 0;
	height:700px; 
	transform: translateY(0px); 
	background-image: url(/wp-content/uploads/2024/04/getImage-7.gif-3.jpeg); 
	background-size: cover; 
	background-position: center;
	
}



.csstransitions .row .modNoimgCopy.photolargeBG.tranny, .csstransitions .row .modNoimgCopy.photolargeBGgolf.tranny{

  -webkit-transition: opacity 1500ms ease 1s;
    -moz-transition: opacity 1500ms ease 1s;
    -ms-transition: opacity 1500ms ease 1s;
    -o-transition: opacity 1500ms ease 1s;
    transition: opacity 1500ms ease 1s;
	opacity: 1;

}


.csstransitions .row .modNoimgCopy.photolargeBG .texthold, .csstransitions .row .modNoimgCopy.photolargeBGgolf .texthold{
	
	padding-top: 100px;
	padding-bottom: 0px;
	opacity: 0
	
}

.csstransitions .row .modNoimgCopy.photolargeBG .texthold.tranny{

  -webkit-transition: opacity 1500ms ease 1s, padding 1500ms ease 1s;
    -moz-transition: opacity 1500ms ease 1s, padding 1500ms ease 1s;
    -ms-transition: opacity 1500ms ease 1s, padding 1500ms ease 1s;
    -o-transition: opacity 1500ms ease 1s, padding 1500ms ease 1s;
    transition: opacity 1500ms ease 1s, padding 1500ms ease 1s;
	opacity: 1;
    padding-top: 0px;
	padding-bottom: 60px;
    margin-top: 0px;

}

.row .photoG001 .texthold, .row .photoG002 .texthold {
	opacity: 1;
    padding-top: 80px;
	padding-bottom: 60px;
    margin-top: 0px;
	text-align: center;
}

#intro .setHeightChildshort {
		height: 250px;
		position: relative;
		
	}

body.team #intro .setHeightChildshort{
	height: 350px;
}

.row .photoG001 .texthold h3{
	font-family: 'Orleans Web';
	font-weight: 300;
	color: #ffff;
	font-size: 9vw;
	margin-bottom: 0px;
	line-height: 48px;
}

.row .photoG001 .texthold.teampage h3{
	
	font-family: "Nunito", sans-serif;
	font-weight: 800;
	font-size: 24px;
	color: #ffffff;
	padding: 30px 0px 0px;
	margin: 0px;
	line-height: inherit;
}

.row .photoG001 .texthold.teampage p{
	
	font-family: "Nunito", sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #ffffff;
	margin-top: 0px;
	line-height: inherit;

}

.row .photoG002 .texthold h3, body.real-estate .row .photoG002 h3{
	font-family: 'Orleans Web';
	font-weight: 300;
	color: #143246;
	font-size: 9vw;
	margin-bottom: 0px;
	line-height: 48px;
}

	body.real-estate .row .photoG002 h3{
		text-align: center;
	}



.bioadjuster{
	padding-left: 0px;
	
}

.bioadjuster img{
		width: 90%;
		
	}

.closePropertyx{
	position: absolute; right: 20px; top: 20px; z-index:100000;
	opacity: .4;
}

.closePropertyx:hover{
	opacity: 1;
	
}

.row .teambios p.whitecopy{
	color: #ffffff;
	font-size: 18px;
	padding-bottom: 10px;
	line-height: 35px;
	text-align: center;
}

.titlenonmoving{
	padding-top: 50px;
	text-align: center;
}

p.biotitle{
	
	font-family: 'Orleans Web';
	font-weight: 300;
	font-size: 34px;
	color: #fff;
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height: 48px;
	text-align: center;
	
}

.row .photoG001 .texthold p.whitecopy{
	text-align: center;
	color: #ffffff;
	display: block;
	max-width: 800px;
	margin: auto;
	font-size: 16px;
}

.row .photoG002 .texthold p.whitecopy{
	text-align: center;
	color: #143246;
	display: block;
	max-width: 800px;
	margin: auto;
	font-size: 16px
}
.maxWidthContent {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}
.box_rotate {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
.box_transition {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.box_rotate2 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.box_transition2 {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.fancybox-slide--iframe .fancybox-content {
    max-width: 100%;
    max-height: 100%;
    margin: 0;
}

#mobNav {
	width: 30px;
	height: 30px;
	position: fixed;
	z-index: 1100;
	right: 25px;
	top: 15px;
	overflow: hidden
}
#mobNav div {
	height: 2px;
	background-color: #fff;
	width: 100%;
	margin-bottom: 6px;
	position: absolute
}
#mobNav div#line2 {
	top: 10px
}
#mobNav div#line3 {
	top: 20px
}
#mobNavBg {
	position: absolute;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	display: none
}
#mobNavwid {
	position: fixed;
	width: 0;
	height: 100vh;
	display: inline-block;
	background-color: #143246;
	z-index: 1001;
	top: 40px;
	right: 0px;
	padding-top: 35px;
	padding-bottom: 25px;
	overflow: hidden
}
#mobNavwid li {
	list-style-type: none;
	width: 90vw;

	margin-left: 0px;
	border-bottom-style: solid;
	border-bottom-color: #3e3e3e;
	border-bottom-width: 1px;
	padding-bottom: 0px;
}
#mobNavwid li img {
	margin-right: 15px
}
#mobNavwid li a {
	 font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
	padding-left: 20px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
	vertical-align: 0;
	display: block;
	padding-bottom:20px;
	padding-top: 20px;
	width: 100%;
	height: 100%;
}

#mobNavwid li a.current-page{
	text-decoration: underline;
}

#mobNavwid li a:active{
	
	color: #fff;
	background-color: #385977;
	
}

/* ==========================================================================
   svg loader
   ========================================================================== */
.loadSpinner {
    width: 216px;
    height: 110px;
    position: relative;
    margin: auto;
}
.loadSpinner img {
    position: absolute;
    z-index: 2;
}

.introContent {
    display: block;
    max-width: 775px;
    margin: auto;
    position: relative;
    /*top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);*/
    padding-top: 50px;
    margin-top: 60px;
}
.csstransitions .row .introContent.tranny {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    padding-top: 0px;
    margin-top: 0px;
}
.bottomLogo {
    opacity: 0;
    margin-bottom: 20px; margin-top: 20px;
}
.csstransitions .bottomLogo.tranny {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    opacity: 1;
}

.row .introContent h1, .row .introContent .h1replace {
    opacity: 0;
}

body.team .row .introContentshort, body.contact-us .row .introContentshort, body.careers .row .introContentshort{
	
	position: absolute;
  top: 50%;
left: 50%;
  transform: translate(-50%, -50%);
	width: 97%;
	
}

.row .introContentshort h1 {
	
   text-align: center;
	margin-bottom: 10px;
}

.row .introContentshort p {
	
	text-align: center;
	
}

.row .introContent #blueLineDivide {
    opacity: 0;
}
.row .introContent p {
    opacity: 0;
    padding-top: 50px;
    padding-bottom: 70px;
}
.row .introContent a.btn {
    opacity: 0;
}
.csstransitions .row .introContent.tranny h1, .csstransitions .row .introContent.tranny .h1replace, .csstransitions .row .introContent.tranny #blueLineDivide {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    opacity: 1;
}
.csstransitions .row .introContent.tranny p {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    opacity: 1;
    padding-top: 0px;
    padding-bottom: 20px;
}
.csstransitions .row .introContent.tranny a.btn {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    opacity: 1;
}
.babyBlueBG {
    background-color: #fff;
}

.footerDivider{
	width: 100%; margin: auto; display: block; height: 1px; background-color: rgba(251,0,4,1.00); opacity: .2; position: relative; right: 0px; top: 20px;
}



.footerInfo{
	color: #b88d66;
	font-size: 4vw;
	padding-top: 40px; 
	padding-left: 50px;
	text-align: center;
	padding-right: 50px;
}

.bottomLittleNav1{
	text-align: center;
}

.bottomLittleNav1 p{
	text-align: center;
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
}

.bottomLittleNav1 img{
	
	display: inline-block;
	}

.bottomLittleNav2 table{
	  display: flex;
  justify-content: center;
	width: 100%;
	}

.bottomLittleNav2 p{
	display: block; 
	margin-right: 0px; 
	float:none;
	text-align: center;
}

.bottomLittleNav2 img{
	float:none;
	display: block;
	}

.row.formRow .logoPict{
	height:500px;
	  background-image: url('/wp-content/uploads/2024/03/form-image2.jpg');
	background-size: 100% auto;
	background-position: bottom;
    background-repeat: no-repeat;
	
	padding-left: 0px; padding-right: 0px;  position: relative;
	
}

body.careers .row.formRow .logoPict{
	height: 450px;
}

.row.formRow .logoPict2{
	height:500px;
	background-image: url('/wp-content/uploads/2024/04/contactus-halfpage.jpg');
	background-size: 100% auto;
	background-position: bottom;
    background-repeat: no-repeat;
	
	padding-left: 0px; padding-right: 0px;  position: relative;
	
}


.row.formRow .logoPict img, .row.formRow .logoPict2 img{
position: absolute; 
	bottom: 60px; left: 50%; width: 300px; margin-left: -150px; height: auto;
}

.rightPaddingClub{
	padding-right: 15px;
	
}

#property-module{
	 -webkit-transition: opacity 1000ms ease, padding 1000ms ease;
    -moz-transition: opacity 1000ms ease, padding 1000ms ease ;
    -ms-transition: opacity 1000ms ease, padding 1000ms ease ;
    -o-transition: opacity 1000ms ease, padding 1000ms ease ;
    transition: opacity 1000ms ease, padding 1000ms ease ;
    opacity: 1;
}

p.propertyTypeMod{
	
		font-family: "Nunito", sans-serif;
	font-weight: 600;
	color: #cf152d;
	margin-top: 10px;
	font-size: 16;
	text-transform: uppercase;
	padding-bottom: 10px;
}

p.propertyAddMod{
	
	font-family: "Nunito", sans-serif;
	font-weight: 600;
    font-style: normal;
    font-size: 28px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

p.propertyDetailsMod{
		font-family: "Nunito", sans-serif;
	font-weight: 600;
	font-size: 18px;
	padding-bottom: 5px;
}

p.morePropDetails{
	
		font-family: "Nunito", sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	margin-top: 15px;
	
}

#property-module.faded{
	opacity: 0;
}

div.real-estate-mod{
	background-color: #143246; 
	width: 100%; 
	padding: 20px; 
	position: relative; 
	bottom: 0px; 
	color: #fff; 
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}

div.real-estate-mod:hover{
	background-color: #265a7d;
	cursor: pointer;
}

/*property popups in real estate*/

#property-module p.property-call-adresss{
	
	font-family: 'Orleans Web';
    font-weight: 400;
    font-style: normal;
    font-size: 38px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	text-align: left;
	line-height: 38px;
	
}

#property-module p.property-call-price{
	font-family: 'Orleans Web';
    font-weight: 400;
    font-style: normal;
    font-size: 38px;
	padding-bottom: 0px;
	text-align: left;
	margin-bottom: 5px;
	padding-top: 0px;
	margin-top: 0px;
}

#property-module p.property-call-rooms{
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 20px;
}

#property-module p span{
	display: inline-block;
	margin: 0px 10px;
}


.acf-gallery img {
  width: 100%;  /* Makes the image fill the width of its container */
  height: auto; /* Scales the height according to the width, maintaining aspect ratio */
  object-fit: cover; /* Ensures the image covers the container without losing its aspect ratio */
}




/*new animation sets --------- */

.csstransitions .row .singleline {
    opacity: 0;
	padding-top: 140px;
	padding-bottom: 40px;
	padding-left: 0px;
	padding-right: 0px;

}

.csstransitions .row .singleline.tranny  {
    -webkit-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -moz-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -ms-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -o-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    opacity: 1;
    padding-top: 40px;
    padding-bottom: 60px;
	
}


.csstransitions .row .singlelineEqual {
    opacity: 0;
	padding-top: 120px;
	padding-bottom: 0px;

}

.csstransitions .row .singlelineEqual.tranny  {
    -webkit-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -moz-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -ms-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -o-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    opacity: 1;
    padding-top: 10px;
    padding-bottom: 10px;
}

.csstransitions .row.people div{
	opacity: 0;
	padding-bottom: 50px;
	padding-left: 30px;
	padding-right: 30px;
}

.csstransitions .row.people div.tranny{
    -webkit-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -moz-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -ms-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -o-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    opacity: 1;

}

.csstransitions .row .singlelineEqual2 {
    opacity: 0;
	padding-top: 60px;
	padding-bottom: 40px;

}

.csstransitions .row .singlelineEqual2.tranny  {
    -webkit-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -moz-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -ms-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -o-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    opacity: 1;
    padding-top: 0px;
    padding-bottom: 100px;
	padding-left: 15px;
	padding-right: 15px;
}


.row .texthold .btnMover {
    opacity: 0;
	padding-top: 40px;
	padding-bottom: 0px;
}

.csstransitions .row .texthold.tranny .btnMover {
    -webkit-transition: opacity 1500ms ease 1000ms, padding 1500ms ease 1000ms;
    -moz-transition: opacity 1500ms ease 1000ms, padding 1500ms ease 1000ms;
    -ms-transition: opacity 1500ms ease 1000ms, padding 1500ms ease 1000ms;
    -o-transition: opacity 1500ms ease 1000ms, padding 1500ms ease 1000ms;
    transition: opacity 1500ms ease 1000ms, padding 1500ms ease 1000ms;
    opacity: 1;
	padding-top: 0px;
	padding-bottom: 40px;
}


.onlyFadUp { opacity: 0;
	
	padding-left: 0px;

}


.onlyFadUp.tranny {
    -webkit-transition: opacity 2000ms ease 1500ms, padding 2000ms ease 1000ms;
    -moz-transition: opacity 2000ms ease 1500ms, padding 2000ms ease 1000ms;
    -ms-transition: opacity 2000ms ease 1500ms, padding 2000ms ease 1000ms;
    -o-transition: opacity 2000ms ease 1500ms, padding 2000ms ease 1000ms;
    transition: opacity 2000ms ease 1500ms, padding 2000ms ease 1000ms;
    opacity: 1;
padding-left: 0px;
	padding-right: 0px;
}

.csstransitions .footMover {
	opacity: 0;
	padding-top: 30px;
	padding-bottom: 40px;
}

.csstransitions .footMover.tranny {
    -webkit-transition: opacity 500ms ease , padding 500ms ease ;
    -moz-transition: opacity 500ms ease , padding 500ms ease ;
    -ms-transition: opacity 500ms ease 500ms, padding 500ms ease;
    -o-transition: opacity 500ms ease 500ms, padding 500ms ease;
    transition: opacity 500ms ease , padding 500ms ease ;
    opacity: 1;
	padding-top: 30px;
	padding-bottom: 40px;
}

.footLogoHolder{
	padding-left: 50px; 
	padding-right: 50px;
	position: relative; 
	font-size: 12px; 
	text-align: center; 
	font-weight: bold
}

img.flagIcon{width: 80%; height: auto}

/*new animation sets end */
	body.careers #intro .setHeightChildshort {
		
		height: 350px;
		
	}

body.careers .career-form{
	background-color: #455a64; display: flex; justify-content: center; align-items: center; padding-top: 40px; padding-bottom: 40px;
}

.secondColFad{
	opacity: 0;
}

.secondColFad.tranny{
	
	 -webkit-transition: opacity 1000ms ease 1200ms, padding 1000ms ease 1200ms;
    -moz-transition: opacity 1000ms ease 1200ms, padding 1000ms ease 1200ms;
    -ms-transition: opacity 1000ms ease 1200ms, padding 1000ms ease 1200ms;
    -o-transition: opacity 1000ms ease 1200ms, padding 1000ms ease 1200ms;
    transition: opacity 1000ms ease 1200ms, padding 1000ms ease 1200ms;
    opacity: 1;
    top: 0px;
    padding-top: 0px;
	
}

.row .modNoimgCopy {
    text-align: center;

}
.row .modNoimgCopy .texthold {
    position: relative;

}
.row .modNoimgCopy .texthold h2 {
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: bold;
    padding-top: -50px;
    padding-bottom: 0;
    opacity: 0;
}
.csstransitions .row .modNoimgCopy .texthold.tranny h2 {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    opacity: 1;
    top: 0px;
    padding-top: 0px;
}
.row .modNoimgCopy .texthold h3 {
    font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
    font-size: 11vw;
    color: #ffffff;
    opacity: 0;
    top: 50px;
    ;
    padding-top: 50px;
    padding-bottom: 50px;
}
.csstransitions .row .modNoimgCopy .texthold.tranny h3 {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    opacity: 1;
    top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.row .modNoimgCopy .texthold p {
    display: block;
    max-width: 800px;
    font-size: 24px;
    margin: auto;
    color: #ffffff;
    opacity: 0
}
.csstransitions .row .modNoimgCopy .texthold.tranny p {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    opacity: 1;
}

.row .modNoimgCopy.Nav .Nav {
    padding: 70px 0 10px 0;
    opacity: 0;
}
.csstransitions .row .modNoimgCopy.Nav .Nav.tranny {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    opacity: 1;
    padding: 40px 0 40px 0;
}
.row .Nav {
    opacity: 0;
    font-size: 10vw;
}

.nav{
	  	font-family: 'Orleans Web';
  		font-optical-sizing: auto;
  		font-weight: 400;
  		font-style: normal;
		position: absolute;
		z-index: 1000;
		top:80px;
	    left: 50%; /* Center horizontally */
    	transform: translateX(-50%); /* Adjust horizontal positioning */
		display: none;
		text-transform: uppercase;
		width: 100%;
	
	}


.nav ul li{
	font-size: 16px;
	padding: 0px 30px 0px 30px;
}
.nav ul li ul.sub-menu{
	list-style-type: none;
	display: block;
	opacity: 0;
	padding-top: 10px;
}

.nav ul li:hover ul.sub-menu{
	 -webkit-transition: opacity 1000ms ease, padding 1000ms ease;
    -moz-transition: opacity 1000ms ease, padding 1000ms ease;
    -ms-transition: opacity 1000ms ease, padding 1000ms ease;
    -o-transition: opacity 1000ms ease, padding 1000ms ease;
    transition: opacity 1000ms ease, padding 1000ms ease;
	padding-top: 0px;
	opacity: 1;
}


.nav ul li ul.sub-menu li{
	padding: 0px 0px 15px 0px;
	max-width: 130px;
	list-style:none;
	float: none!important;
	text-align: center
}

.nav ul li ul.sub-menu li a{
padding: 0px;
}

.gal-nav-containter {
  display: flex;
  justify-content: center;
}

.gallery_nav {
  display: flex;
	padding-top: 20px;
	padding-bottom: 10px;
}

.gallery_nav li a{
	display: block;
	padding: 8px;
	margin-left: 0px;
	margin-right: 0px;
}

.gallery_nav li.current-gallery a{
	border: solid 1px rgba(41,38,168,1.00);
	width: 100%;
}


.nav ul, .top_nav ul, .gallery_nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: center;

}

.nav li, .top_nav li {
  float: left;
	
}

.gallery_nav li {
	float:none;
	text-align: center;
}

body.real-estate .gallery_nav li {
	float:left;
}

.vidGolfBox {
		padding-left: 0px;
		padding-right: 0px;
	}


#sp-tabpro-wrapper_383.sp-tab__lay-default .sp-tab__tab-content > .sp-tab__tab-pane {
	padding-left: 0px!important;
	padding-right: 0px!important;
}


.nav li a, .top_nav li a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 20px;
  text-decoration: none;
}



.gallery_nav li a {
	 font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  display: inline-block;
  color: #987959;
  text-align: center;
  padding: 12px;
  text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
	transition: color 0.3s; /* Smooth color transition */
}

.gallery_nav li a::before {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 0px;
	right:0;
    width: 100%;
    height: 1px; /* Underline height */
    background-color: #000; /* Underline color */
	opacity: 0;
    transform: translateY(100%);
    transition: transform 0.3s; /* Smooth transition for sliding */
  }

 .gallery_nav li a:hover {
    color: #555; /* Change link color on hover */
	opacity: 1;
  }

 .gallery_nav li a:hover::before {
    transform: translateY(-400%); /* Slide the underline up */
  }


.nav li a:hover, .top_nav li a:hover {
  text-decoration: underline;
	
}

.nav li a.current-page{
	
	text-decoration: underline;
	  color: #ffffff;
	
}
.nav.footer li a.current-page{
	
	text-decoration: underline;
	  color: #987959;
}



.top_nav{
	
	font-family: "Nunito", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
	position: absolute;
	z-index: 1000;
	top:3px;
	right: 70px;
	
}


.top_nav ul li:last-child{
	display:none;
}

.top_nav ul li:nth-child(2){
	display:none;
}


/* liuttle nav dividers*/
.top_nav ul li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 1px; /* Width of the divider line */
  height: 8px; /* Height of the divider line */
  background-color: #fff; /* Color of the divider line */
  margin-left: 5px; /* Adjust spacing between the divider and the next item */
	margin-top: 2px;
}

.nav.footer ul li:not(:last-child)::after {

}


.nav.footer{
	
		font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
  font-optical-sizing: auto;
	width:fit-content;
top:20px;
	font-size: 14px;
	color: #987959;
	margin: auto;
	opacity: 1;
}

.nav.footer li a{

  color: #987959;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}



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


.horFootNav{
	max-width: 100px; display: none; 
}

	body.golf .golfIcon{
		padding-right: 0px;
	}

.sp-tab__lay-default ul>li>label>span, .sp-tab__lay-default ul>li>a>span{
		padding-top: 4px;
	}

.contactFormContain{
	background-color: #455a64; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	padding-top: 60px; 
	padding-bottom: 60px;
}


#gform_1_validation_container{
	display: none!important;
	opacity: 0!important;
	visibility: hidden!important;
}

.gfield_validation_message{
	position: absolute!important;
}

#gform_wrapper_1 input[type="text"],
.gform_wrapper .gfield input[type="text"],
#gform_wrapper_1 input[type="email"],
.gform_wrapper .gfield input[type="email"],
#gform_wrapper_1 input[type="tel"],
.gform_wrapper .gfield input[type="tel"]

{
  background: none;
  border: none;
  border-bottom: 1px solid #6a818f; /* Adjust as needed */
  outline: none;
	border-radius: 0px;
	color: #fff;
	font-size: 18px;
	
}

.gform-theme--foundation .gfield select.large{
	
	 background: none;
  	border: none;
  	border-bottom: 1px solid #6a818f; /* Adjust as needed */
  	outline: none;
	border-radius: 0px;
	color: #83a0b1;
	font-size: 18px;
	
}

.gform-theme--foundation .gfield select.large option.gf_placeholder{
	
	
}




.gform-theme--foundation .gfield textarea.small{
	
	 background: none;
  border: none;
  border-bottom: 1px solid #6a818f; /* Adjust as needed */

  outline: none;
	border-radius: 0px;
	color: #83a0b1;
	font-size: 18px;
	height: 20px;
	
}




/* Change font and color of placeholder text in Gravity Forms */
#gform_wrapper_1 ::-webkit-input-placeholder, #gform_wrapper_2 ::-webkit-input-placeholder { /* For WebKit browsers */
     font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
	font-size: 18px;
  font-weight: 600;
  font-style: normal;
    color: #83a0b1; /* Change color */
}
#gform_wrapper_1 :-moz-placeholder, #gform_wrapper_2 :-moz-placeholder { /* For Mozilla Firefox */
     font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
    color: #83a0b1; /* Change color */
}
#gform_wrapper_1 ::-moz-placeholder, #gform_wrapper_2 ::-moz-placeholder { /* For older versions of Mozilla Firefox */
     font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
    color: #83a0b1; /* Change color */
}
#gform_wrapper_1 :-ms-input-placeholder, #gform_wrapper_2 :-ms-input-placeholder { /* For Microsoft Edge */
     font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
    color: #83a0b1; /* Change color */
}

#gform_wrapper_1 .gform_footer input[type="submit"], #gform_wrapper_2 .gform_footer input[type="submit"] {
    background-color: #cf152d; /* Change color */
    color: #fff; /* Change text color */
    border: none; /* Remove border */
	border-radius: 25px;
    padding: 12px 70px; /* Adjust padding */
	margin-top: 30px;
}

#gform_wrapper_1 .gform_title, #gform_wrapper_2 .gform_title {
    display: none;
}

#gform_confirmation_message_1, #gform_confirmation_message_2{
	color: #fff;
	text-align: center;

	font-family: 'Times New Roman';
font-weight: 400;
font-size: 38px;
line-height: 50px;
padding-top: 90px;

	
}

/* Remove blue focus outline from Gravity Forms */
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus,
.gform_wrapper .ginput_container input:focus,
.gform_wrapper .ginput_container select:focus,
.gform_wrapper .ginput_container textarea:focus {
    outline: none !important;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.gform_wrapper select {
    box-shadow: none !important;
}

.formRow h3{
	
	font-family: 'Orleans Web';
	font-weight: 400;
	color:#fff;
	font-size: 52px;
	line-height: 50px;
	padding-bottom: 50px;

}

a.realestateBTN {
	display: block;
	width: 250px; 
	padding: 10px 30px; 
	text-align: center;
	border: solid 1px #143246;
	color:#143246;
	font-weight: 400px;
	font-family: "Nunito", sans-serif;
	font-size: 16px;
	margin-bottom: 15px;
}

.csstransitions .row .Nav.tranny {
    -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
    opacity: 1;
}
.fancybox-is-open .fancybox-bg {
    opacity: .6;
}
.row .modNoimgCopy.Nav h2 {
    font-weight: bold;
    padding-bottom: 0px;
    color: #ffffff;
    font-size: 2.6vw;
    letter-spacing: 0px;
}
.row .modNoimgCopy.Nav h2 div {
    display: inline;
    text-decoration: underline;
}
.row .modNoimgCopy.Nav h2 span {
    display: inline-block;
    margin: 0px 8px;
}
.row .modNoimgCopy.Grey {
    background-color: #434747;
}
.row .modNoimgCopy.Grey h3 {
    color: #5eb3e4;
}
.row .modNoimgCopy.Grey p, .row .modNoimgCopy.Grey h2 {
    color: #ffffff;
}
.row .modNoimgCopy.Grey .btn {
    background-color: #5eb3e4;
    border: 0px;
}
/* talisker callButton*/
.fancybox-slide {
    padding: 0px;
}

.numberSpacer{
	height: 0px;
}

.csstransitions .callButton.tranny {
    position: relative;
    -webkit-transition: opacity 1000ms ease 600ms, top 1000ms ease 600ms;
    -moz-transition: opacity 1000ms ease 600ms, top 1000ms ease 600ms;
    -ms-transition: opacity 1000ms ease 600ms, top 1000ms ease 600ms;
    -o-transition: opacity 1000ms ease 600ms, top 1000ms ease 600ms;
    transition: opacity 1000ms ease 600ms, top 1000ms ease 600ms;
    opacity: 1;
    top: 0px;
}
.callButton {
    border: solid #773240 1px;
    display: table;
    margin: 30px 15px;
    text-align: center;
    color: #773240;
    padding: 10px 40px 15px 40px;
    position: relative;
    text-transform: uppercase;
    font-family: "Palatino";
    font-size: 2.0em;
    letter-spacing: .05em;
    top: 50px;
    opacity: 0;
}
.callButton a {
    color: #773240;
}
.callButton > div:nth-child(1) {
    font-size: .5em;
    font-family: 'brandonMedium', arial, helvetica, sans-serif;
    margin: -20px auto 0px auto;
    text-align: center;
    color: #773240;
    padding: 5px 10px;
    text-transform: uppercase;
    background-color: #ffffff;
    position: relative;
    top: -5px;
    display: table;
}
.callButton.callWider {
    max-width: 850px !important;
    opacity: 1 !important;
    top: 0px !important;
}
.callButton .row div {
    font-size: .45em;
    font-family: 'brandonLight', arial, helvetica, sans-serif;
    text-align: center;
    color: #773240;
    padding: 5px 10px;
    text-transform: uppercase;
    line-height: 2em;
}
.callButton .row div ul {
    list-style: none;
    font-weight: 700;
}
/* location page call boxes*/
.callButton.locPage {
    margin: 80px 10px;
    padding: 20px;
    min-height: 720px;
}
.callButton.locPage > div:nth-child(1) {
    font-size: .8em;
    font-family: 'Palatino';
    margin: -38px auto 0px auto;
    text-align: center;
    color: #000000;
    padding: 5px 10px;
    text-transform: uppercase;
    background-color: #ffffff;
    position: relative;
    top: -5px;
    display: table;
}
.callButton.locPage .row div {
    font-size: .5em;
    font-family: 'brandonLight', arial, helvetica, sans-serif;
    text-align: center;
    color: #000000;
    padding: 5px 10px;
    text-transform: none;
    font-weight: 700;
    line-height: 1.7em;
    letter-spacing: normal;
}
/* ==========================================================================
   Homepage splash
   ========================================================================== */
#splash {
    position: relative;
    z-index: 10;
}
#splashOverlay {
    position: fixed;
    height: 100%;
    width: 100%;
}
.bodyiOS #splashOverlay {
    position: absolute;
}
#splash .splashContent {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -moz-backface-visibility: hidden;
    width: 100%;
    height: 100%;
}

.nobr {
    white-space: nowrap;
}
.bodyiOS #splash .splashContent {
    background-attachment: scroll;
}
#tempHead {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 100;
}
#tempHead img {
    position: relative;
    top: 25px;
    left: 20px;
    width: 70vw;
    height: auto
}

.calloutGrid .newsFlex {
    display: block;
}
.calloutGrid .newsFlex .calloutImage .wide-container {
    height: 450px;
}
.BlueLineLink {
    font-family: 'Brunel Hairline Web';
    font-weight: 400;
    color: #ffffff;
    font-size: 22px;
    padding: 20px 10px 20px 0 !important;
    text-align: right;
}
#splash .hsCaption {
    display: table;
    text-align: center;
    vertical-align: top;
    width: 100%;
    height: 80%;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
  bottom: 100px;
}

body.gallery #splash .hsCaption {
	
	top: 50%;
}


#splash .hsCaption.lowerCopy {
    height: 110%;
    position: relative;
}
#splash .hsCaptionText {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#splash .hsCaptionText .HLline2 {
    position: relative;
    color: #047cc0;
    font-size: 16vw;
    opacity: 1;
    font-family: "Brunel Poster Web";
    text-transform: uppercase;
}
#splash .hsCaptionText .HLline3 {
    position: relative;
    /*font-weight: 600;*/
    display: block;
    overflow: visible;
    padding: 50px 0 0 0px;
    margin: 0px;
    color: #ffffff;
    font-size: 5vw;
    margin-left: 0px;
    letter-spacing: 6px;
    font-family: "Optima";
    text-transform: uppercase;
}
#splash .hsCaptionText h2.lineTwo.pageTwo {
    color: #ffffff;
    text-shadow: 0px 0px 20px #000000;
}
#splash .hsCaptionText .HLline1 {
    font-family: "Orleans Web";
	font-weight: 300;
	font-style: normal;
    font-size: 6vw;
    color: #ffffff;
    white-space: normal;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.28);
}
.csstransitions #splash .hsCaptionText .HLline1 {
    -webkit-transition: opacity 2000ms ease 2500ms, padding 3000ms ease 2500ms;
    -moz-transition: opacity 2000ms ease 2500ms, padding 3000ms ease 2500ms;
    -ms-transition: opacity 2000ms ease 2500ms, padding 3000ms ease 2500ms;
    -o-transition: opacity 2000ms ease 2500ms, padding 3000ms ease 2500ms;
    transition: opacity 2000ms ease 2500ms, padding 3000ms ease 2500ms;
    opacity: 0;
    padding-top: 40px;
	
}

.csstransitions .loaded #splash .hsCaptionText .HLline1 {
    padding-top: 0px;
    opacity: 1;
	
}


.csstransitions #loadingIcons {
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    opacity: 1;
	position: absolute; 
	top:50%; 
	left:auto; 
	margin-top: -50px; 
	margin-left:auto;
	z-index: 1000;
	width: 100%;

}

.csstransitions .loaded #loadingIcons {
   
    opacity: 0;
}

.lasticon{
	display: none;
}

.csstransitions .header-logo{
	position: fixed; 
	top: 0px; 
	left: 5px; 
	width: 100px;
	margin-left: 0px;

	color: #ffffff;
	  -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    opacity: 0;
	z-index: 3000;
}

.csstransitions .loaded .header-logo {
   
    opacity: 1;
}

.csstransitions .nav{
	-webkit-transition: opacity 1500ms, ease 1500ms;
    -moz-transition: opacity 1500ms, ease 1500ms;
    -ms-transition: opacity 1500ms, ease 1500ms;
    -o-transition: opacity 1500ms, ease 1500ms;
    transition: opacity 1500ms, ease 1500ms;
    opacity: 0;
}

.csstransitions .loaded .nav{
   
    opacity: 1;
}














.csstransitions #splash .hsCaptionText .HLline2 {
    -webkit-transition: opacity 2000ms ease 1500ms, margin 3000ms ease 1200ms;
    -moz-transition: opacity 2000ms ease 1500ms, margin 3000ms ease 1200ms;
    -ms-transition: opacity 2000ms ease 1500ms, margin 3000ms ease 1200ms;
    -o-transition: opacity 2000ms ease 1500ms, margin 3000ms ease 1200ms;
    transition: opacity 2000ms ease 1500ms, margin 3000ms ease 1200ms;
    opacity: 0;
    margin-left: -10px;
    margin-left: 0px;
    margin-bottom: 5px;
}
.csstransitions #splash .hsCaptionText .HLline3 {
    -webkit-transition: opacity 2000ms ease 2200ms, padding 3000ms ease 1200ms;
    -moz-transition: opacity 2000ms ease 2200ms, padding 3000ms ease 1200ms;
    -ms-transition: opacity 2000ms ease 2200ms, padding 3000ms ease 1200ms;
    -o-transition: opacity 2000ms ease 2200ms, padding 3000ms ease 1200ms;
    transition: opacity 2000ms ease 2200ms, padding 3000ms ease 1200ms;
    opacity: 0;
    margin-left: 0px;
    padding-top: 250px;
}
.csstransitions .button5 {
    -webkit-transition: opacity 2000ms ease 2200ms, top 2000ms ease 2200ms;
    -moz-transition: opacity 2000ms ease 2200ms, top 2000ms ease 2200ms;
    -ms-transition: opacity 2000ms ease 2200ms, top 2000ms ease 2200ms;
    -o-transition: opacity 2000ms ease 2200ms, top 2000ms ease 2200ms;
    transition: opacity 2000ms ease 2200ms, top 2000ms ease 2200ms;
    top: 500px;
    opacity: 0;
}
.csstransitions .loaded #splash .hsCaptionText .HLline3 {
    margin-left: 0px;
    opacity: 1;
    top: -10px;
    margin-bottom: 5px;
    padding-top: 50px;
}
.csstransitions .loaded #splash .hsCaptionText .HLline2 {
    margin-left: 0px;
    opacity: 1;
    line-height: .7em;
    margin-bottom: 5px;
    margin-top: 1px;
}

.HLline1 img {
    width: 80vw;
    height: auto;
}
.button5 {
    position: absolute;
}
.csstransitions .loaded .button5 {
    font-family: 'HCo Ideal Sans SSm';
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    position: absolute;
    z-index: 300;
    top: 480px;
    right: 33%;
    background-color: #0099a8;
    border: none;
    color: white;
    padding: 10px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    border-radius: 20px;
    opacity: 1;
}
.button6 {
    opacity: 0;
}
.csstransitions .loaded .button6{
    -webkit-transition: opacity 500ms ease, bottom 500ms ease;
    -moz-transition: opacity 500ms ease, bottom 500ms ease;
    -ms-transition: opacity 500ms ease, bottom 500ms ease;
    -o-transition: opacity 500ms ease, bottom 500ms ease;
    transition: opacity 500ms ease, bottom 500ms ease;
    font-family: 'HCo Ideal Sans SSm';
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    position: fixed;
    top: inherit;
    z-index: 300;
    bottom: -80px;
    right: 30%;
    background-color: #0099a8;
    border: none;
    color: white;
    padding: 15px 60px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    border-radius: 15px;
    opacity: 0;
    cursor: pointer;
}

.button7 {

    font-family: 'HCo Ideal Sans SSm';
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;

    z-index: 300;
    right: 30%;
    background-color: #0099a8;
    border: none;
    color: white;
    padding: 10px 20px 10px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    display: block;
    width: 125px;
    margin:auto;
    border-radius: 15px;
    opacity: 1;
    cursor: pointer;
}

.csstransitions .loaded .button6.showBut {
    opacity: 1;
    bottom: -20px;
}
.csstransitions .loaded .button5:hover {
    text-decoration: underline;
    color: #ffffff;
}
.button5:visited {
    color: #ffffff;
}
.button5:focus {
    color: #ffffff;
    text-decoration: none;
}
.fullWidthCallouts .bgcover {
    opacity: 0;
    height: 600px;
}
.csstransitions .fullWidthCallouts.tranny .bgcover {
    -webkit-transition: opacity 1000ms ease 1000ms, top 3000ms ease 1000ms;
    -moz-transition: opacity 1000ms ease 1000ms, top 3000ms ease 1000ms;
    -ms-transition: opacity 1000ms ease 1000ms, top 3000ms ease 1000ms;
    -o-transition: opacity 1000ms ease 1000ms, top 3000ms ease 1000ms;
    transition: opacity 1000ms ease 1000ms, top 3000ms ease 1000ms;
    opacity: 1;
}
.fullWidthCallouts .wide-container .galleryLable {
    position: absolute;
    top: 38%;
    font-size: 12vw;
    font-family: 'Brunel Hairline Web';
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    width: 100%;
    padding-top: 80px;
    opacity: 0
}
.csstransitions .fullWidthCallouts .wide-container .galleryLable.tranny {
    -webkit-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -moz-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -ms-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -o-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    opacity: 1;
    padding-top: 0px;
}


.csstransitions table .icon1fad, 
.csstransitions table .icon2fad, 
.csstransitions table .icon3fad,
.csstransitions table .icon4fad,
.csstransitions table .icon5fad,
.csstransitions table .icon6fad,
.csstransitions table .icon7fad,
.csstransitions table .icon8fad,
.csstransitions table .icon9fad

{
	opacity: .1;

}

.csstransitions table.tranny .icon1fad,
.csstransitions table.tranny .icon2fad,
.csstransitions table.tranny .icon3fad,
.csstransitions table.tranny .icon4fad,
.csstransitions table.tranny .icon5fad,
.csstransitions table.tranny .icon6fad,
.csstransitions table.tranny .icon7fad,
.csstransitions table.tranny .icon8fad,
.csstransitions table.tranny .icon9fad
{
	-webkit-transition: opacity 1000ms ease;
    -moz-transition: opacity 1000ms ease;
    -ms-transition: opacity 1000ms ease;
    -o-transition: opacity 1000ms ease;
    transition: opacity 1000ms ease;
    opacity: 1;
  
}

.csstransitions table.tranny .icon1fad{transition-delay: 1000ms;}

.csstransitions table.tranny .icon2fad{transition-delay: 1200ms;}

.csstransitions table.tranny .icon3fad{transition-delay: 1300ms;}

.csstransitions table.tranny .icon4fad{transition-delay: 1400ms;}

.csstransitions table.tranny .icon5fad{transition-delay: 1600ms;}

.csstransitions table.tranny .icon6fad{transition-delay: 1900ms;}

.csstransitions table.tranny .icon7fad{transition-delay: 2200ms;}

.csstransitions table.tranny .icon8fad{transition-delay: 2600ms;}

.csstransitions table.tranny .icon9fad{transition-delay: 3200ms;}



.blue-blend {
    display: none;
}

a.firstBtn{
	margin: 30px auto;
}
#content {
    position: relative;
  
    z-index: 50;
    top: 50px;
    margin-bottom: 0px;
    opacity: 0;
    border-top: 0px solid #ffffff;
}
.csstransitions .loaded #content {
    -webkit-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
    -moz-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
    -ms-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
    -o-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
    transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
    opacity: 1;
    top: 20px;
    margin-bottom: 0px;
}

	body.gallery.loaded #content, 
	body.contact-us.loaded #content, 
body.team.loaded #content, 
body.privacy.loaded #content,
body.careers.loaded #content{
		
		  -webkit-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -moz-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -ms-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -o-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        opacity: 1;
        top: 0px;
        margin-bottom: 0px;
		
		
	}


body.home.loaded #content{

	top:0px;
	margin-bottom: 0px;
}



.no-js #content, .lt-ie9 #content {
    top: -100px;
    margin-bottom: -100px;
}
/* ==========================================================================
   Homepage Intro
   ========================================================================== */
.trannyOverride {
    opacity: 1 !important;
    top: 0px !important;
}
#intro {
    padding-top: 0px;
    padding-bottom: 0px;
}
#intro {
    text-align: center;
    -webkit-transition: opacity 1500ms ease;
    -moz-transition: opacity 1400ms ease;
    -ms-transition: opacity 1500ms ease;
    -o-transition: opacity 1500ms ease;
    transition: opacity 1500ms ease;
    opacity: 1;
}

#intro .privacy {
	
	text-align: left;
	
}
#intro.leftcopyy {
    text-align: center;
}
#intro .setHeightChild {
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    height: 680px;
}

body.club-lifestyle #intro .setHeightChild {
	height: 480px;
}

body.real-estate #intro .setHeightChild {
	height: 560px;
}


body.club-lifestyle .clubQuoteBox{
	padding-left: 60px; padding-top: 20px; padding-right: 60px; border-left: solid 0px #cf152d; padding-bottom: 80px; 
}

body.golf .golfQuoteBox{
	
	
	line-height: 28px;
	color: #143246; 
	margin-bottom: 10px;
	display: block; 
									
	padding-left: 120px; 
	padding-right: 120px; 
	padding-top: 0px; 
	padding-bottom: 70px;
	border-left: solid 0px #cf152d;
}

body.golf #intro .golfQuoteBox h2{
	margin-top: 0px;
	font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
	font-size: 24px;
	margin-bottom: 0px;
}

body.golf #intro .golfQuoteBox h2 span{
	font-size: 48px;
}

body.golf #intro .golfQuoteBox p{
	
	margin-top: 0px;
	font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
	font-size: 20px;
	padding-bottom: 10px;
	line-height: 24px;
	
}
.csstransitions #intro.tranny {
    opacity: 1;
}
.mobileNoBreak {
    white-space: nowrap;
}
span.noHanger {
    white-space: nowrap;
}
.mobileBR {
    display: block;
}

#intro h1.topTal {
    position: relative;
    color: #000;
    font-size: .8em;
    letter-spacing: 0.25em;
    opacity: 1;
    font-family: "brandonMedium";
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    padding-bottom: 15px;
}
#intro h2 {
    font-size: 1.4em;
    padding-bottom: 10px;
    margin-top: 30px;
}
#intro h3 {
    font-size: 1.4em;
    padding-bottom: 10px;
    margin-top: 50px;
}
.visualAidScroll {
    visibility: hidden;
    display: none;
}
/* ==========================================================================
   Homepage callouts
   ========================================================================== */
/*blue mod half*/
.calloutGrid.moduleHalfBlue .calloutTextContent {
    background-color: #faefeb;
    color: #b88d66;
    text-align: left;
}
.calloutGrid.moduleHalfBlue .calloutTextContent .coTextWrap {
    color: #b88d66;
    text-align: left;
}
.calloutGrid.moduleHalfBlue .calloutTextContent .coTextWrap h2 {
    color: #b88d66;
    font-family: 'Orleans Web';
	font-weight: 400;
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 10px;
	margin-top: 0px;
}
.calloutGrid.moduleHalfBlue .calloutTextContent .coTextWrap p {
    font-size: 20px;
	font-family: 'Orleans Web';
	color: #b88d66;
	text-align: left;
}
.calloutGrid.moduleHalfBlue .calloutTextContent .coTextWrap p a {
    color: #fff;
    text-decoration: underline;
    text-transform: none;
    font-style: italic;
}

.testWidther{
	padding: 0px 80px;
}
.moduleHalfBlue.news .calloutTextContent {
    border-right: solid 0px #ffffff;
    border-top: solid 5px #ffffff;
    border-bottom: solid 5px #ffffff;
}
.moduleHalfBlue.news .calloutImage {
    border-left: solid 0px #ffffff;
    border-top: solid 5px #ffffff;
    border-bottom: solid 5px #ffffff;
}
.calloutGrid.news .calloutImage {
    height: auto !important;
}
.moduleHalfBlue .calloutRow .calloutTextContent a.btn, .moduleHalfBlue .calloutRowFlip .calloutTextContent a.btn {
    margin: 30px 0px 0px;
}
/*grey mod*/
.moduleHalfGrey .calloutTextContent {
    background-color: #434747;
    text-align: left;
}
.calloutGrid.moduleHalfGrey .calloutTextContent h2 {
    color: #5eb3e4;
    text-align: left;
    font-size: 17px;
    letter-spacing: 1px;
    padding: 0px 0 10px;
    font-weight: bold;
}
.calloutGrid.moduleHalfGrey .calloutTextContent h3 {
    font-family: 'Brunel Hairline Web';
    font-weight: 400;
    color: #ffffff;
    text-align: left;
    font-size: 48px;
}
.calloutGrid.moduleHalfGrey .calloutTextContent h3 span {
    color: #5eb3e4;
    font-size: 80px;
    font-weight: 400;
    font-stretch: normal;
}
.calloutGrid.moduleHalfGrey .calloutTextContent p {
    color: #ffffff;
    text-align: left;
    margin: 5px 0px 10px;
    font-size: 14px;
}
.calloutGrid.moduleHalfGrey .calloutRow .calloutTextContent a.btn, .calloutGrid.moduleHalfGrey .calloutRowFlip .calloutTextContent a.btn {
    margin: 0px;
}
/* first gallery mod on home page*/
.moduleHalfBlue.first .calloutTextContent .coTextWrap {
    width: 300px;
    margin: auto;
}
.moduleHalfBlue.first .calloutTextContent .coTextWrap h2 {
    font-family: 'Brunel Hairline Web';
    font-weight: 400;
    font-size: 65px;
    line-height: 65px;
    padding-bottom: 30px;
}
.moduleHalfBlue.first .calloutTextContent .coTextWrap h2 span {
    font-family: 'Brunel Hairline Web';
    font-weight: 400;
    font-style: italic;
}
.csstransitions .moduleHalfBlue .calloutTextContent .coTextWrap.tranny h2 {
    -webkit-transition: opacity 2000ms ease 300ms, padding 2500ms ease 1300ms;
    -moz-transition: opacity 2000ms ease 300ms, padding 2500ms ease 1300ms;
    -ms-transition: opacity 2000ms ease 300ms, padding 2500ms ease 1300ms;
    -o-transition: opacity 2000ms ease 300ms, padding 2500ms ease 1300ms;
    transition: opacity 2000ms ease 300ms, padding 2500ms ease 1300ms;
    padding-bottom: 10px
}
.topadjust1, .topadjust2 {
    margin-top: 0px;
}
.slides-navigation {
    top: 93%;
}
.calloutGrid .slides-navigation a.next {
    right: 50px;
    opacity: 0;
}
.csstransitions .calloutGrid .slides-navigation a.next.tranny {
    -webkit-transition: opacity 1300ms ease 300ms, right 1300ms ease 300ms;
    -moz-transition: opacity 1300ms ease 300ms, right 1300ms ease 300ms;
    -ms-transition: opacity 1300ms ease 300ms, right 1300ms ease 300ms;
    -o-transition: opacity 1300ms ease 300ms, right 1300ms ease 300ms;
    transition: opacity 1300ms ease 300ms, right 1300ms ease 300ms;
    opacity: 1;
    right: 10px
}
.calloutGrid .slides-navigation a.prev {
    left: 50px;
    opacity: 0;
}
.csstransitions .calloutGrid .slides-navigation a.prev.tranny {
    -webkit-transition: opacity 1000ms ease 300ms, left 1000ms ease 300ms;
    -moz-transition: opacity 1000ms ease 300ms, left 1000ms ease 300ms;
    -ms-transition: opacity 1000ms ease 300ms, left 1000ms ease 300ms;
    -o-transition: opacity 1000ms ease 300ms, left 1000ms ease 300ms;
    transition: opacity 1000ms ease 300ms, left 1000ms ease 300ms;
    opacity: 1;
    left: 15px
}
#ledgend {
    width: 140px;
    height: auto;
    right: 30%;
}
.newWidth {
    width: 100%;
    margin: 0 auto
}
.newssHeight {
    height: auto;
}
.calloutGrid #slides-fullscreen .slides-navigation a.next {
    right: 50px;
    opacity: 1;
}
.slides-navigation.doublegal {
    right: 10px;
}
.bottomBGcopy {
    background-image: url('/fullwidth-fam.jpg');
    background-position: 50%;
    background-size: 1100px;
    height: 450px;
}
img.angleImage {
    position: absolute;
    right: 0px;
    z-index: 130
}
.noAngleGallery img.angleImage {
    display: none;
}
.csstransitions .row.fullWidthCallouts.tranny {
    position: relative;
    -webkit-transition: opacity 2000ms ease 1s, top 1000ms ease 1s;
    -moz-transition: opacity 2000ms ease 1s, top 1000ms ease 1s;
    -ms-transition: opacity 2000ms ease 1s, top 1000ms ease 1s;
    -o-transition: opacity 2000ms ease 1s, top 1000ms ease 1s;
    transition: opacity 2000ms ease 1s, top 1000ms ease 1s;
    opacity: 1;
    top: 0px;
}
.row.fullWidthCallouts {
    text-align: center;
    top: 0px;
    opacity: 0;
}
.row.fullWidthCallouts p {
    font-size: 1.05em;
    line-height: 1.5em;
}
.row.fullWidthCallouts h1 {
    font-size: .9em;
    font-family: "brandonMedium";
    letter-spacing: .2em
}
.row.fullWidthCallouts h2 {
    font-size: 1.9em;
    letter-spacing: .05em;
}
.row.fullWidthCallouts > div, .row.fullWidthCalloutsMaper > div {
    padding: 0px 0px;
}


.row.fullWidthCallouts .quoteCall {
    font-size: 14px;
    color: #fff;
    text-align: left;
    position: absolute;
    bottom: 10px;
    left: 30px;
    opacity: 0;
}

.mobilespace {
    display: block;
    height: 25px;
}
.calloutGrid {
    position: relative;
    z-index: 50;
    padding: 0px 0;
}
.calloutGrid .row {
    display: block;
    position: relative;
    z-index: 80;
}
.calloutGrid .calloutImage {
    position: relative;
    height: 320px;
    z-index: 100;
    overflow: hidden;
}
.calloutGrid .calloutImage {
    top: 0px;
    opacity: 0;
}
.csstransitions .calloutGrid .calloutImage.tranny {
    -webkit-transition: opacity 1500ms ease 1s;
    -moz-transition: opacity 1500ms ease 1s;
    -ms-transition: opacity 1500ms ease 1s;
    -o-transition: opacity 1500ms ease 1s;
    transition: opacity 1500ms ease 1s;
    top: 0px;
    opacity: 1;
}
.calloutGrid .calloutImage div {
    position: relative;
    height: 100%;
    width: 100%;
    z-index: 100;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}
.footMargs {
    padding: 0px 0px 0 0;
    margin-top: -30px;
}
.berlogo {
    padding: 10px 155px;
}
.chat-hold {
    width: 170px;
    height: auto;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -85px
}
.csstransitions .calloutGrid .coTextWrap.tranny {
    -webkit-transition: opacity 2000ms ease 1s, padding 2000ms ease 1s;
    -moz-transition: opacity 2000ms ease 1s, padding 2000ms ease 1s;
    -ms-transition: opacity 2000ms ease 1s, padding 2000ms ease 1s;
    -o-transition: opacity 2000ms ease 1s, padding 2000ms ease 1s;
    transition: opacity 2000ms ease 1s, padding 2000ms ease 1s;
    padding-top: 0px;
    padding-left: 35px;
    opacity: 1;
}
.csstransitions .coTextWrap {
    padding-right: 15px;
    padding-top: 0px;
    padding-left: -30px;
    opacity: 0;
    position: relative;
    z-index: 150;
    margin-top: 20px;
    /*margin-bottom: 70px;*/
}
.calloutGrad .calloutText {
    text-align: center;
    position: relative;
}
.calloutGrid .calloutTextContent {
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
    z-index: 130;
}
.calloutGrid .coTextBg {
    content: "";
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    z-index: 120;
}
.calloutGrid .coTextBg:after {
    content: "";
    position: relative;
    background: #0b6595;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    z-index: 130;
    opacity: 0;
}
.lt-ie9 .calloutGrid .coTextBg:after {
    visibility: hidden;
}
.csstransitions .calloutGrid .coTextBg:after {
    -webkit-transition: width 1500ms ease 0ms, opacity 1500ms ease 1500ms;
    -moz-transition: width 1500ms ease 0ms, opacity 1500ms ease 1500ms;
    -ms-transition: width 1500ms ease 0ms, opacity 1500ms ease 1500ms;
    -o-transition: width 1500ms ease 0ms, opacity 1500ms ease 1500ms;
    transition: width 1500ms ease 0ms, opacity 1500ms ease 1500ms;
    width: 60%;
    opacity: 1;
}
.csstransitions .calloutGrid .tranny .coTextBg:after {
    width: 100%;
    opacity: 0;
}
.calloutGrid .coDarken .coTextBg:after {
    opacity: 1 !important;
    visibility: visible;
}
.calloutGrid .calloutTextContent h3 {
    padding-bottom: 5px;
    color: #000000;
}
.calloutGrid .coDarken .calloutTextContent h3, .calloutGrid .coDarken .calloutTextContent p {
    color: #fff;
}
.calloutGrid .coTextWrap {
    padding-right: 15px;
    position: relative;
    z-index: 150;
}
.btnHolder {
    display: block;
    text-align: center;
    padding-bottom: 20px;
    position: relative;
}
/* callout styles 111 */
.angleMask {
    display: none;
}
a.btn {
    display: table;
    color: #ffffff;
    margin: 10px auto;
    padding: 15px 55px;
    border: solid 0px #fff;
    border-radius: 25px;
    width: auto;
    font-size: 16px;
  position: relative;
  text-decoration: none;
	background-color: #b88d66;
	line-height: 2;
}
a.btn:hover {
    color: #ffffff;
   
}


a.btn::after {
  content: '';
  position: absolute;
  bottom: 15px;
  left: 45px;
	right: 45px;
  width:auto;
  height: 1px;
  background-color: #fff; /* Adjust color as needed */
  transform: translateY(500%);
 transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
  opacity: 0; /* Initially set opacity to 0 */
}

a.btn:hover::after {
   transform: translateY(0);
  opacity: .8; /* Fade in the underline on hover */
}


.calloutGrid .calloutRow .calloutTextContent a.btn, .calloutGrid .calloutRowFlip .calloutTextContent a.btn {
    display: table;
    color: #ffffff;
    font-family: 'Orleans Web';
	font-weight: 300;
	font-style: normal;
    margin: 0px;
    padding: 10px 0px;
    border-radius: 0px;
    font-size: 20px;
    text-transform: uppercase;
    width: 200px;
}
.calloutGrid.moduleHalfGrey .calloutRow .calloutTextContent a.btn, .calloutGrid.moduleHalfGrey .calloutRowFlip .calloutTextContent a.btn {
    background-color: #5eb3e4;
    border: 0px;
}
.calloutGrid .calloutRow .calloutTextContent a.btn:hover, .calloutGrid .calloutRowFlip .calloutTextContent a.btn:hover {}
/* ==========================================================================
   Learn more buttons
   ========================================================================== */
.chunky, a.chunky:visited, a.chunky:focus {
    display: inline-block;
    margin: 0 auto;
    line-height: 2.5em;
    font-size: 0.85em;
    letter-spacing: 0.08em;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 27px 0 27px;
    background: #97bf69;
    /*background: rgba(42,124,154,1);*/
}
.csstransitions .chunky {
    -webkit-transition: background 400ms ease;
    -moz-transition: background 400ms ease;
    -ms-transition: background 400ms ease;
    -o-transition: background 400ms ease;
    transition: background 400ms ease;
}
.chunkyTrans, a.chunkyTrans:visited, a.chunkyTrans:focus {
    border: 2px solid #fff;
    padding: 0 25px 0 25px;
    background: #3968a5;
    line-height: 2.3em;
}
.chunky .chunkyText, button .buttonTextWrap {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    position: relative;
}
button .buttonTextWrap {
    overflow: hidden;
}
.chunky .chunkyText span, button .buttonTextWrap .buttonText {
    display: inline-block;
    position: relative;
}
.chunky .chunkyText span:after, button .buttonTextWrap .buttonText:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    background: #fff;
    height: 2px;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    -webkit-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
    -moz-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
    -ms-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
    -o-transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, bottom 500ms ease 0ms;
}

.chunky:hover {
    text-decoration: none;
    color: #fff;
}
.chunky:hover .chunkyText span:after {
    bottom: 7px;
    opacity: 1;
}
.chunkyTrans:hover .chunkyText span:after {
    bottom: 7px;
}
button:hover .buttonTextWrap .buttonText:after {
    bottom: 9px;
    opacity: 0.75;
}
.chunkyBtn {
    border: none;
    outline: none;
}

.BlueOverImage {
    font-family: 'Brunel Hairline Web';
    font-size: 90px;
    line-height: 90px;
    color: #5eb3e4;
    display: block;
    position: absolute;
    top: 50%;
    bottom: 50%;
    width: 100%;
    text-align: center;
    margin-top: -100px;
}
.mainsp {
    margin-left: -160px;
}
/* ==========================================================================
  iPhone 6 aand 6+ adjustments
   ========================================================================== */
@media only screen and (min-width : 23em) {
    /*tadpole*/
    #visiting .visitingLogo p {
        font-size: .9em;
    }
}
@media only screen and (orientation:landscape) {
    /* Styles for Landscape screen */
    #content {
        position: relative;
        z-index: 50;
        top: 0;
        margin-bottom: -0px;
        opacity: 1;
    }
}
/* =========== Approx iPhone 4 Landscape =========== */
@media only screen and (min-width : 30em) {
    /* ==========================================================================
   Homepage splash @30em
   ========================================================================== */
    .csstransitions #splash .hsCaptionText .HLline2 {
        margin-left: -130px;
    }
    /* ==========================================================================
   Map @30em
   ========================================================================== */
    #mapContent {
        height: 710px !important;
    }
    /* ==========================================================================
   Homepage callouts @30em
   ========================================================================== */
    .calloutGrid .calloutImage {
        height: 300px;
    }
    .calloutGrid .calloutImage div {
        background-position: center top;
        background-color: #000000;
    }
}
/* =========== Approx iPad Portait, Sidr menu no longer active =========== */
@media only screen and (min-width: 48em) {
    /* ==========================================================================
   header bar @48em
   ========================================================================== */
    .mobilespace {
        display: block;
        height: 0px;
    }
    .fancybox-slide {
        padding: 44px;
    }
	
	.bottomLittleNav2 table{
	  display: flex;
  justify-content: right;
	}
	
	.contactFormContain{
	background-color: #455a64; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	padding-top: 140px; 
	padding-bottom: 60px;
}
	
	.bottomLittleNav2 p{

	margin-right: 30px; 
	float: right
}
	
	.bioadjuster{
	padding-left: 40px
}
	
	.bioadjuster img{
		width: 180px;
		
	}
	
	.top_nav ul li:last-child{
	display:block;
}
	
	.top_nav ul li:nth-child(2){
	display:block;
}
	
	.top_nav ul li:nth-child(2)::after{
	width: 1px; 
}
	
.splashContent #slides #myVideo {
    width: 100%; 
    height: 100% !important; 
    /*object-fit: cover;  */
}
	
	.splashContent #slides img  {
		  width: 100%; 
    height: 100% !important; 
    object-fit: cover;  
	}
	#headgrove{
	display: block;
}

	
	.titlenonmoving h3{
	font-size: 52px;
		text-align: center
	}
	
	.row .teambios p.whitecopy {
		text-align: left;
	}
	
	p.biotitle{
		
	text-align: left;	
	}

.bottomLittleNav2 img{

	display: block;
	}
	
	.bottomLittleNav1 {
		text-align: left;
	}
	
	.gallery_nav {
  	display: flex;
		padding-top: 15px;
	padding-bottom: 40px;
}
	
	.gallery_nav li.current-gallery a{
	border: solid 1px rgba(41,38,168,1.00);
	width: auto;
}
	.gallery_nav li {
	float:left;
}
	
	.gallery_nav li a{
	display: block;

	margin-left: 5px;
	margin-right: 5px;
}

	
	#sp-tabpro-wrapper_383 .sp-tab__nav-tabs .sp-tab__nav-item .sp-tab__nav-link.sp-tab__active {
	
	background-image: url("/wp-content/uploads/2024/04/tour-highlight.png"); 
	background-size: 50px 50px;
	background-repeat: no-repeat;
	background-position: top center;
	
}
	
	#sp-tabpro-wrapper_383.sp-tab__lay-default > ul li > label, #sp-tabpro-wrapper_383.sp-tab__lay-default > ul.sp-tab__nav > .slick-list .sp-tab__nav-item > label, #sp-tabpro-wrapper_383.sp-tab__lay-default > ul li > a{
	padding-bottom:15px!important;
	padding-top: 15px!important;
}
	
	.sp-tab__lay-default ul>li>label>span, .sp-tab__lay-default ul>li>a>span{
		padding-top: 0px;
	}
	
	#intro .row .privacy h1{
		text-align: left;
	margin-top: 80px;	
	}
	
	body.careers .row.formRow .logoPict{
	height: 740px;
}
	
	.numberSpacer{
	height: 50px;
}
	.vidGolfBox {
		padding-left: 15px;
		padding-right: 15px;
	}

	
.sp-tab__tab-content .row .tourData table tr td{
	font-size: 14px!important;
}
	
	#sp-tabpro-wrapper_383.sp-tab__lay-default .sp-tab__tab-content > .sp-tab__tab-pane {
	padding-left: 20px!important;
	padding-right: 20px!important;
}
	
	.footerDivider{
		
		width: 1px; margin: auto; display: block; height: 80px; background-color: rgba(251,0,4,1.00); opacity: .2; position: absolute; right: 0px; top: 50px;

}
	
	.horFootNav{
	max-width: 1100px; margin: auto; display: block; height: 1px; background-color: #987959; opacity: .4
}
	
.csstransitions .footNav{
	padding-top: 20px;
	padding-bottom: 120px;
	display: block;
	opacity: 1
}
	
	.csstransitions .footNav.tranny{
	
	 -webkit-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -moz-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -ms-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    -o-transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
    transition: opacity 1000ms ease 500ms, padding 1000ms ease 500ms;
	opacity: 1;
	padding-top: 20px;
	padding-bottom: 120px;

	
	
}
	
	
	.csstransitions #splash .hsCaptionText .HLline1 {
    -webkit-transition: opacity 2000ms ease 1500ms, padding 3000ms ease 1200ms;
    -moz-transition: opacity 2000ms ease 1500ms, padding 3000ms ease 1200ms;
    -ms-transition: opacity 2000ms ease 1500ms, padding 3000ms ease 1200ms;
    -o-transition: opacity 2000ms ease 1500ms, padding 3000ms ease 1200ms;
    transition: opacity 2000ms ease 1500ms, padding 3000ms ease 1200ms;
    opacity: 0;
    padding-top: 100px;
	
}

.csstransitions .loaded #splash .hsCaptionText .HLline1 {
    padding-top: 0px;
    opacity: 1;
	
}
	
	
	
	
	.sp-tab__tab-content .row .tourData {
	padding-left: 40px!important;
}


	.row .introContentshort{
		width: 500px;
		margin: auto;
	}

.footerInfo{
	color: #b88d66;
	font-size: 20px;
	line-height: 32px;
	text-align: left;
	padding-right: 15px;
	padding-top: 0px;
}
	
.bottomLittleNav1 p{
	text-align: left;
	display: inline-block; 
	margin-left: 10px;
	font-size: 14px;
}
	
	.bottomLittleNav1 img{
		margin: 0 0 0 0;
	}
	
	.bottomLittleNav1 img{
		margin: auto;
	display: inline-block;
	}

	
.row.formRow .logoPict img, .row.formRow .logoPict2 img{
	position: absolute; bottom: 130px; left: 50%; width: 400px; margin-left: -200px; height: auto;
}
	
	.row.formRow .logoPict{
	height: 940px;
	}
	
	.row.formRow .logoPict2{
		
		height: 800px;
	}
	
	.lasticon{
	display: table-column;
}
	
	body.club-lifestyle .clubQuoteBox{
	padding-left: 80px; padding-top: 20px; padding-right: 60px; border-left: solid 1px #cf152d; padding-bottom: 0px; 
}
	
	.csstransitions .topSubNav{
		position:absolute; }
	
	.csstransitions .header-logo, body.home .header-logo{
	position: absolute; 
	top: 70px; 
	left: 50%; 
	margin-left: -125px;
	width: 250px; 
	}
	
	.csstransitions .row .modNoimgCopy.photolargeBG{


	height: 800px; 

	
}

	
	.csstransitions #loadingIcons {
		
		-webkit-transition: opacity 500ms;
		-moz-transition: opacity 500ms;
		-ms-transition: opacity 500ms;
		-o-transition: opacity 500ms;
		transition: opacity 500ms;
		opacity: 1;
		position: absolute; 
		top:50%; 
		left: 50%; 
		margin-top: -50px; 
		margin-left: -400px; 
		z-index: 1000;
		width: 750px;

	}
	
	.firstBG{

	background-position: center top ;  

}
	
	.csstransitions .row .singleline {
    opacity: 0;
	padding-top: 160px;
	padding-bottom: 60px;
	padding-left: 0px;
	padding-right: 0px;

}
	
	.csstransitions .row .singleline.tranny  {
    -webkit-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -moz-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -ms-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -o-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    opacity: 1;
    padding-top: 80px;
    padding-bottom: 140px;
}
	
	.csstransitions .row .singlelineEqual.tranny  {
    -webkit-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -moz-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -ms-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -o-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    opacity: 1;
    padding-top: 60px;
    padding-bottom: 60px;
}
	
	.csstransitions .row .singlelineEqual2.tranny  {
    -webkit-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -moz-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -ms-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    -o-transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    transition: opacity 1000ms ease 1s, padding 1000ms ease 1s;
    opacity: 1;
    padding-top: 0px;
    padding-bottom: 100px;
	padding-left: 15px;
	padding-right: 15px;
}
	
	.onlyFadUp { opacity: 0;
	
	padding-left: 200px;

}
	
	
	.row .photoG001 .texthold h3{
	font-size: 52px;
	margin-bottom: 10px;

}
	
	
	.row .photoG002 .texthold h3, body.real-estate .row .photoG002 h3{
		
		font-size: 52px;
		margin-bottom: 20px;
	}
	
	body.real-estate .row .photoG002 h3{
		text-align: center;
	}
	
	img.flagIcon{width: 400px; height: auto}
	
	.csstransitions .numberCounts{
	font-size: 44px;
		max-width: 1100px;
	}
	
	
	
	.numberCounts > div{
	padding-right: 60px;
}
	
	.numberCounts p{
	padding-right: 40px;
	}
	
	.numberCounts h3{
	font-size: 22px;
}

.numberCounts p{
	font-size: 18px;
}
	
	.numHolder{
	padding-top: 160px; 
	padding-bottom: 160px;
}

	
	table.iconHorizontal{
	width: 150px; margin: 20px auto 40px auto;
}
	table.iconHorizontal td{
	padding: 0px 20px 0px 20px;
}
	
	table#firstIcons{
	display: table;
}

	
	table#firstIconsMobile{
	display: none;
}
    
     .bottomLogo{

    margin-top: 50px; margin-bottom: 100px;
}

    .footer-top .footer-logo {
        padding: 20px 60px 70px 40px;
        border-right: solid 1px #64869b;
    }
    .moduleHalfBlue.news .calloutTextContent {
        border-right: solid 5px #ffffff;
        border-top: solid 10px #ffffff;
        border-bottom: solid 10px #ffffff;
    }
    .moduleHalfBlue.news .calloutImage {
        border-left: solid 5px #ffffff;
        border-top: solid 10px #ffffff;
        border-bottom: solid 10px #ffffff;
    }
    .BlueLineLink {
        font-family: 'Brunel Hairline Web';
        font-weight: 400;
        color: #ffffff;
        font-size: 38px;
        padding: 20px 150px 20px 0 !important;
        text-align: right;
    }
    .BlueLineLink .textH {
        padding-right: 80px;
        opacity: 0;
    }
    .footer-top .legalfoot {
        font-size: 10px;
        line-height: 19px;
        text-align: justify;
        padding: 0px 10px 0 0;
    }
    .footMargs {
        padding: 60px 80px 0 0;
        margin-top: 0px;
    }
	
	#mobNav {
	display: none;
	}
	
	.nav{
		display: block;
	}
	
	
	.top_nav{
	
	font-family: 'Orleans Web';
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
	position: absolute;
	z-index: 1000;
	top:5px;
	right: 120px;
	display: flex;
}
	
	.transparent-gradient {
  background: linear-gradient(to bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));
		position: absolute; 
		top:0px; 
		width: 100%; 
		height: 263px; 
		z-index: 100;
}

	
	
    .csstransitions .BlueLineLink .textH.tranny {
        -webkit-transition: opacity 2s ease, padding 2s ease;
        -moz-transition: opacity 2s ease, padding 2s ease;
        -ms-transition: opacity 2s ease, padding 2s ease;
        -o-transition: opacity 2s ease, padding 2s ease;
        transition: opacity 2s ease, padding 2s ease;
        padding-right: 0px;
        opacity: 1;
    }
    .bottomBGcopy {
        background-image: url('/fullwidth-fam.jpg');
        height: 800px;
    }
    .mainsp {
        margin-left: 0px;
    }
    .introContent .subPageNav {
        margin-bottom: 50px;
        margin-top: -30px;
        display: block;
    }
    .chat-hold {
        width: 250px;
        height: auto;
        position: absolute;
        bottom: 0px;
        right: 350px
    }
    .mapHolder {
        width: 100%;
        left: 0px;
    }
    .container-svgfix {
        padding-top: 37%;
    }
    .callButton {
        margin: 80px auto;
    }
    .newWidth {
        width: 350px;
        margin: 0 auto;
    }
    .newssHeight {
        height: 700px;
    }
    .calloutGrid .newsFlex {
        display: flex;
        flex-wrap: wrap;
    }
    .calloutGrid .newsFlex .calloutImage .wide-container {
        display: flex;
        flex-wrap: wrap;
        height: 535px;
    }
    .row.fullWidthCallouts .phoneBtn {
        width: 600px;
    }
    .row.fullWidthCallouts .phoneBtnBistro {
        width: 750px;
        margin-bottom: 200px;
    }
    .mobileBR {
        display: none;
    }
   
    .calloutGrid .slides-navigation a.prev {
        left: 100px;
        opacity: 0;
    }
    .csstransitions .calloutGrid .slides-navigation a.prev.tranny {
        -webkit-transition: opacity 1000ms ease 300ms, left 1000ms ease 300ms;
        -moz-transition: opacity 1000ms ease 300ms, left 1000ms ease 300ms;
        -ms-transition: opacity 1000ms ease 300ms, left 1000ms ease 300ms;
        -o-transition: opacity 1000ms ease 300ms, left 1000ms ease 300ms;
        transition: opacity 1000ms ease 300ms, left 1000ms ease 300ms;
        opacity: 1;
        left: 50px
    }
    .row.fullWidthCallouts .quoteCall {
        font-size: 24px;
        max-width: 800px;
        left: 150px;
    }
    .row.fullWidthCallouts .quoteCall h2 {
        font-family: 'Brunel Hairline Web';
        hanging-punctuation: first;
        font-weight: 400;
        font-size: 65px;
        line-height: 60px;
        color: #fff;
        text-transform: none;
    }
    .row.fullWidthCallouts .quoteCall h2 span {
        font-family: 'Brunel Hairline Web';
        font-size: 65px;
        font-weight: 400;
        font-style: italic;
    }
    .row .Nav {
        font-size: 16px;
    }
	
	
    .row .modNoimgCopy.Nav h2 {
        font-size: 16px;
    }
    .fullWidthCallouts .wide-container .galleryLable {
        top: 38%;
        font-size: 90px;
    }
    .row .modNoimgCopy {
      
    }
    .topadjust1 {
        margin-top: -130px;
    }
    .topadjust2 {
        margin-top: -80px;
    }
    .slides-navigation {
        top: 48%;
    }
    .calloutGrid .slides-navigation a.next {
        right: 150px;
        opacity: 0;
    }
    .csstransitions .calloutGrid .slides-navigation a.next.tranny {
        -webkit-transition: opacity 1300ms ease 300ms, right 1300ms ease 300ms;
        -moz-transition: opacity 1300ms ease 300ms, right 1300ms ease 300ms;
        -ms-transition: opacity 1300ms ease 300ms, right 1300ms ease 300ms;
        -o-transition: opacity 1300ms ease 300ms, right 1300ms ease 300ms;
        transition: opacity 1300ms ease 300ms, right 1300ms ease 300ms;
        opacity: 1;
        right: 50px
    }
    #ledgend {
        width: 222px;
        height: 69px;
        right: 21%;
    }
    .slides-navigation.doublegal {
        right: -25px;
    }
    /* ==========================================================================
   Homepage splash @48em
   ========================================================================== */
    .csstransitions .loaded .button6 {
        display: none;
    }
    .csstransitions .button5 {
        -webkit-transition: opacity 2000ms ease 2200ms, bottom 2000ms ease 2200ms;
        -moz-transition: opacity 2000ms ease 2200ms, bottom 2000ms ease 2200ms;
        -ms-transition: opacity 2000ms ease 2200ms, bottom 2000ms ease 2200ms;
        -o-transition: opacity 2000ms ease 2200ms, bottom 2000ms ease 2200ms;
        transition: opacity 2000ms ease 2200ms, bottom 2000ms ease 2200ms;
        bottom: -50px;
        opacity: 0;
    }
    .csstransitions .loaded .button5 {
        font-family: 'HCo Ideal Sans SSm';
        font-weight: 600;
        font-style: normal;
        text-transform: uppercase;
        position: fixed;
        top: inherit;
        z-index: 300;
        bottom: -20px;
        right: 11%;
        background-color: #0099a8;
        border: none;
        color: white;
        padding: 15px 60px 30px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
        margin: 4px 2px;
        border-radius: 15px;
        opacity: 1;
        cursor: pointer;
    }
    h1 {
        font-size: 46px;
        margin-top:0px;
    }
	
	.row .introContent .h1replace{
		font-size: 41px;
        margin-top:0px;
		margin-bottom: 10px;
	}
	
    #tempHead .navHolder span {}
    #splash .hsCaption {
        height: 80%;
    }
	
	body.gallery #splash .hsCaption {
	
	top: 40%;
}
	
    #splash .hsCaptionText {
        top: 20%
    }
    #splash .hsCaptionText .HLline2 {
        font-size: 4.5em;
        white-space: nowrap;
    }
    #splash .hsCaptionText .HLline3 {
        font-size: 28px;
        letter-spacing: 10px;
        white-space: nowrap;
    }
    .csstransitions #splash .hsCaptionText .HLline1 {
        margin-left: 0px;
    }
    .HLline1 img {
        width: 274px;
        height: auto;
    }
    .csstransitions #splash .hsCaptionText .HLline2 {
        margin-left: 0px;
    }
    .csstransitions #splash .hsCaptionText .HLline3 {
        margin-left: 0px;
    }
    .mobileNoBreak {
        white-space: normal;
    }
    #content {
        position: relative;
        z-index: 50;
        top: 50px;
        margin-bottom: 0px;
        opacity: 0;
    }
    .csstransitions .loaded #content {
        -webkit-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -moz-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -ms-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -o-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        opacity: 1;
        top: 22px;
        margin-bottom: 0px;
    }
	
	.csstransitions body.home.loaded #content{
	top: 22px;
}
	
	body.gallery #content, body.contact-us #content, body.team #content{
		 opacity: 0;
        top: 0px;
		
	}
	
	#sp-tabpro-wrapper_383.sp-tab__lay-default .sp-tab__tab-content .sp-tab__card-header, #sp-tabpro-wrapper_383.sp-tab__lay-default > ul .sp-tab__nav-item .sp-tab__tab_title{
		font-size: 34px!important;}
	
	body.golf #intro .golfQuoteBox h2{
	margin-top: 30px;
}
	
	body.golf #intro .golfQuoteBox p{
	line-height: 28px;
}
	
	body.golf .golfIcon{
		padding-right: 40px;
	}

	
	body.golf .golfQuoteBox{
	padding-left: 110px; 
		padding-top: 20px; 
		padding-right: 130px; 
		border-left: solid 1px #cf152d;
}
	
	body.gallery.loaded #content, body.contact-us.loaded #content, body.team.loaded #content, body.privacy.loaded #content, body.careers.loaded #content{
		
		  -webkit-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -moz-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -ms-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        -o-transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        transition: opacity 1000ms ease 1000ms, top 1000ms ease 1000ms;
        opacity: 1;
        top: -230px;
        margin-bottom: -230px;
		
		
	}
	
	.csstransitions .footMover {
	opacity: 0;
	padding-top: 60px;
	padding-bottom: 40px;
}

.csstransitions .footMover.tranny {
    -webkit-transition: opacity 500ms ease , padding 500ms ease ;
    -moz-transition: opacity 500ms ease , padding 500ms ease ;
    -ms-transition: opacity 500ms ease 500ms, padding 500ms ease;
    -o-transition: opacity 500ms ease 500ms, padding 500ms ease;
    transition: opacity 500ms ease , padding 500ms ease ;
    opacity: 1;
	padding-top: 150px;
	padding-bottom: 100px;
}
	
	.footLogoHolder{
	padding-left: 10px; 
		padding-right: 10px;
	position: relative; 
	font-size: 11px; 
	text-align: center; 
	font-weight: bold
}

	
	a.firstBtn{
	margin: 30px 0px;
}
	
	.rightPaddingClub{
	padding-right: 100px;
		
}
	
    /* ==========================================================================
   Homepage Intro @48em
   ========================================================================== */
    #intro {
        max-width: 920px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        padding-top: 100px;
        padding-bottom: 0px;
    }
	

	#intro.short {
		padding-top: 0px;
		
	}
	
	body.gallery #intro{
		padding-top: 40px;
	}
	
    #intro.leftcopyy {
        text-align: left;
    }
    #intro .setHeightChild {
        padding-top: 0px;
        padding-bottom: 0px;
        height: 500px;
    }
	
	body.club-lifestyle #intro .setHeightChild {
	height: 550px;
}
	
	body.real-estate #intro .setHeightChild {
	height: 550px;
}
	
	body.golf #intro .setHeightChild {
		height: 600px;
	}

	
	#intro .setHeightChildshort {
		height: 250px;
		position: relative;
		
	}
	

	body.team #intro .setHeightChildshort{
	height: 250px;
}
	
	
	
    #intro h1.topTal {
        position: relative;
        color: #000;
        font-size: 1.1em;
        letter-spacing: 0.25em;
        opacity: 1;
        font-family: "brandonMedium";
        font-style: normal;
        font-weight: normal;
        text-transform: uppercase;
        padding-bottom: 15px;
    }
    #intro h2 {
        font-size: 1.4em;
        padding-bottom: 10px;
        margin-top: 30px;
    }
    #intro p {
        font-size: 24px;
        line-height: auto;
    }
	
	 #intro .row .privacy p {
        padding-bottom: 15px;
    }
	
	#intro .row .privacy ul{
		padding: 10px 40px;
	}
	
	 #intro .row .privacy ul li {
           font-size: 15px;
        line-height: 26px;
		 color: #143246;
    }
	
	body.careers .career-form{
	background-color: #455a64; display: flex; justify-content: center; align-items: center; padding-top: 120px; padding-bottom: 80px;
}
	
	
    /* ==========================================================================
   Homepage callouts @48em
   ========================================================================== */
    .calloutGrid .calloutRow:nth-child(even) .calloutImage {
        float: right;
    }
    .calloutGrid .calloutRowFlip:nth-child(odd) .calloutImage {
        float: right;
    }
    .calloutGrid p {
        font-size: 1em;
        line-height: 1.6em;
        margin: 0 0px;
    }
    .berlogo {
        padding: 0px 35px;
    }
    .calloutGrid a {
        color: #034584;
        font-family: "Verlag A", "Verlag B";
        font-style: normal;
        font-weight: 700;
        font-size: 1em;
        text-transform: uppercase;
    }
    a.pageTwo {
        color: #034584;
        font-family: "Verlag A", "Verlag B";
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1em;
        margin-bottom: 30px;
    }
    .bgcover {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .calloutGrid .calloutImage {
        height: 380px;
    }
    .calloutGrid .calloutTextContent {
        display: table;
        height: 380px;
        vertical-align: middle;
        padding: 0;
        width: 100%;
    }
    .calloutGrid .coTextWrap {
        padding-top: 135px;
        padding-left: 35px;
        margin-left: auto;
        margin-right: auto;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .calloutGrid .calloutRowFlip .coTextWrap {
        /*padding-left: 30px;
        padding-right: 0px;*/
    }
    .calloutGrid .calloutRow .coTextWrap {
        /*padding-left: 0px;
        padding-right: 30px;*/
    }
    .calloutGrid .coTextInnerWrap {
        max-width: 380px;
        display: inline-block;
        margin: 0 auto;
    }
    .calloutGrid .calloutTextContent .btnHolder {
        padding-bottom: 0;
    }
    .row .modNoimgCopy .texthold h3 {
        font-size: 55px;
    }
    .csstransitions .row .modNoimgCopy .texthold.tranny h3 {
        -webkit-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
        -moz-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
        -ms-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
        -o-transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
        transition: opacity 1000ms ease 600ms, padding 1000ms ease 600ms;
        opacity: 1;
        top: 0px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .row .modNoimgCopy .texthold h2 {
        font-size: 18px;
        letter-spacing: 0px;
        font-weight: bold;
        padding-top: -50px;
        padding-bottom: 0;
        opacity: 0;
    }
    .fullWidthCallouts .bgcover {
        height: 800px;
    }
    /* ==========================================================================
   Learn more buttons @48em
   ========================================================================== */
    .chunky, a.chunky:visited, a.chunky:focus {
        line-height: 2.7em;
        font-size: 1em;
        letter-spacing: 0em;
        padding: 0 25px 0 25px;
    }
    .chunkyTrans, a.chunkyTrans:visited, a.chunkyTrans:focus {
        padding: 0 33px 0 33px;
        line-height: 2.5em;
    }
}
/* ===== == = === bootstrap "medium" viewport breakpoint ipad=== = == ===== */
@media only screen and (min-width: 62em) {
    /* ==========================================================================
   header bar @62em
   ========================================================================== */
    #intro .homeNews {
        padding-bottom: 60px;
    }
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    #intro p {
        font-size: 24px;
        line-height: auto;
    }
    #siteHeader .row {
        margin-left: auto;
    }
    #siteHeader #identity {
        text-align: center;
    }
    #siteHeader #identity img {
        width: 411px;
        height: auto;
        margin: 10px auto 0;
    }
    /* ==========================================================================
   Homepage Intro @62em
   ========================================================================== */
    #intro .setHeightChild, #teamCall .setHeightChild {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .home #intro .setHeightChild {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #splash .hsCaptionText .HLline1 {
        font-size: 3.9em;
        white-space: nowrap;
    }
    /* ==========================================================================
   Homepage callouts @62em
   ========================================================================== */
    #homeCallouts {
        margin-top: 30px;
    }
    .calloutGrid .calloutImage {
        height: 550px;
    }
    .calloutGrid .calloutTextContent {
        height: 550px;
    }
    .calloutGrid .coTextInnerWrap {
        max-width: 380px;
    }
    /* ==========================================================================
  Connect Page Contact Form @48em
   ========================================================================== */
    #register {
        margin-bottom: 120px;
    }
}
/* ==========================================================================
   ipad last ditch effors @64
   ========================================================================== */
@media only screen and (min-width: 64em) {
    /* For general iPad layouts */
    #noFingerMap {
        display: block;
    }
}
/* ===== == = === arbitrary breakpoint === = == ===== */
@media only screen and (min-width: 69em) {
    /* ==========================================================================
   header bar @69em
   ========================================================================== */
    .topadjust1 {
        margin-top: -160px;
    }
    .topadjust2 {
        margin-top: -110px;
    }
    #noFingerMap {
        display: none;
    }
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    /* ==========================================================================
   Homepage Intro @69em
   ========================================================================== */
    .home #intro .setHeightChild {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    /* ==========================================================================
   Homepage callouts @69em
   ========================================================================== */
    #homeCallouts {
        margin-top: 0px;
    }
    .calloutGrid .calloutImage {
        height: 555px;
    }
    .calloutGrid .calloutTextContent {
        height: 555px;
    }
    /* ==========================================================================
   Homepage gallery @69em
   ========================================================================== */
    #slidesFU ul li, #slidesFU ul li a {
        height: 250px !important;
    }
    #slidesFU .hsCaption {
        height: 250px;
    }
    #slidesFU a:hover .hsCaption {
        height: 250px;
    }
    #slidesFU .hsCaptionText {
        height: 250px;
    }
    #splash .hsCaptionText .HLline2 {
        font-size: 120px;
        white-space: nowrap;
    }
    #splash .hsCaptionText .HLline1 {
        font-size: 54px;
		line-height: 66px;
        white-space: nowrap;
		padding-bottom: 5px;
    }
}
/* ===== == = ===1269px - bootstrap "large" viewport breakpoint === = == ===== */
@media only screen and (min-width: 75em) {
    /* ==========================================================================
   Helper classes
   ========================================================================== */
    .bgcover {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .bgcontain {
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
    /*
 * Image replacement
 */
    .ir {
        background-color: transparent;
        border: 0;
        overflow: hidden;
        /* IE 6/7 fallback */
        *text-indent: -9999px;
    }
    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

    /*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
    .hidden, .hiddenElement {
        visibility: hidden !important;
        display: none !important;
    }
    /*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
    .visuallyhidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }
    /*
 * Hide visually and from screenreaders, but maintain layout
 */
    .invisible {
        visibility: hidden;
    }
    .row .spacerCol {
        min-height: 5px;
        padding-top: 5px;
    }
    /* ==========================================================================
   bootstrap col width helpers for IE8
   ========================================================================== */
    .lt-ie9 .col-xs-2 {
        width: 16.6667%;
        float: left;
    }
    .lt-ie9 .col-xs-4 {
        width: 33.3333%;
        float: left;
    }
    .lt-ie9 .col-xs-5 {
        width: 41.6667%;
        float: left;
    }
    .lt-ie9 .col-xs-6 {
        width: 50%;
        float: left;
    }
    .lt-ie9 .col-xs-7 {
        width: 58.3333%;
        float: left;
    }
    .lt-ie9 .col-xs-8 {
        width: 66.6667%;
        float: left;
    }
    .lt-ie9 .col-xs-10 {
        width: 83.3333%;
        float: left;
    }
    .lt-ie9 .col-xs-12 {
        width: 100%;
        float: left;
    }
    .lt-ie9 .col-sm-2 {
        width: 16.6667%;
        float: left;
    }
    .lt-ie9 .col-sm-4 {
        width: 33.3333%;
        float: left;
    }
    .lt-ie9 .col-sm-5 {
        width: 41.6667%;
        float: left;
    }
    .lt-ie9 .col-sm-6 {
        width: 50%;
        float: left;
    }
    .lt-ie9 .col-sm-7 {
        width: 58.3333%;
        float: left;
    }
    .lt-ie9 .col-sm-8 {
        width: 66.6667%;
        float: left;
    }
    .lt-ie9 .col-sm-10 {
        width: 83.3333%;
        float: left;
    }
    .lt-ie9 .col-sm-12 {
        width: 100%;
        float: left;
    }
    .lt-ie9 .col-md-2 {
        width: 16.6667%;
        float: left;
    }
    .lt-ie9 .col-md-4 {
        width: 33.3333%;
        float: left;
    }
    .lt-ie9 .col-md-5 {
        width: 41.6667%;
        float: left;
    }
    .lt-ie9 .col-md-6 {
        width: 50%;
        float: left;
    }
    .lt-ie9 .col-md-7 {
        width: 58.3333%;
        float: left;
    }
    .lt-ie9 .col-md-8 {
        width: 66.6667%;
        float: left;
    }
    .lt-ie9 .col-md-10 {
        width: 83.3333%;
        float: left;
    }
    .lt-ie9 .col-md-12 {
        width: 100%;
        float: left;
    }
    /* Clearing floats ------------------------------------------------------------------*/
    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    html[xmlns] .clearfix {
        display: block;
    }
    * html .clearfix {
        height: 1%;
        clear: both;
    }
    /*footer addons*/
    #splash .chunkyTrans, #splash a.chunkyTrans:visited, #splash a.chunkyTrans:focus {
        background-color: transparent !important;
        background: none;
        margin-top: 30px;
        padding-left: 45px !important;
        padding-right: 45px !important;
        font-weight: bold;
    }
    /* ==========================================================================
   super wide - 1900px
   ========================================================================== */
}
@media only screen and (min-width: 100em) {
    .topadjust2 {
        margin-top: -150px;
    }
    .maprower {
        margin-top: -30px;
    }
}
/*form stuff*/
body.regform, body.thanks-page {
    color: #000000;
    background-image: url('/wp-content/themes/html5blank/pop-bg.jpg');
    background-position: 50% 0px;
    font-family: 'HCo Ideal Sans SSm';
    font-weight: 200;
    font-style: normal;
    font-size: 13px;
}
body.regform h1, body.thanks-page h1{
    font-family: 'Optima';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-size: 28px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #000;
}

body.thanks-page h1{
    font-size: 32px;
}

body.regform p, body.thanks-page p{
    font-family: 'HCo Ideal Sans SSm';
    font-weight: 200;
    font-style: normal;
    font-size: 13px;
    margin-left: 25px;
    margin-right: 25px;
    line-height: 20px;
    color: #000;
    padding: 0px;
}



.row.formElement {
    position: relative;
}
.row.formElement input {
    width: 100%;
    height: 30px;
    background-color: rgba(0, 0, 0, 0);
    border-top-style: hidden;
    border-right-style: hidden;
    border-left-style: hidden;
    border-bottom-style: groove;
    border-radius: 0;
    border-width: 1px;
    border-color: #000000;
}
.row.formElement input:focus {
    outline-width: 0;
    outline: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'HCo Ideal Sans SSm';
    font-weight: 200;
    font-style: normal;
    color: #707070;
    font-size: 14px;
}
::-moz-placeholder { /* Firefox 19+ */
    font-family: 'HCo Ideal Sans SSm';
    font-weight: 200;
    font-style: normal;
    color: #707070;
    font-size: 14px;
}
:-ms-input-placeholder { /* IE 10+ */
    font-family: 'HCo Ideal Sans SSm';
    font-weight: 200;
    font-style: normal;
    color: #707070;
    font-size: 14px;
}
:-moz-placeholder { /* Firefox 18- */
    font-family: 'HCo Ideal Sans SSm';
    font-weight: 200;
    font-style: normal;
    color: #707070;
    font-size: 14px;
}
ul li {
    margin: 0px;
}
body .gform_wrapper .validation_error {
    display: none !important;
}
body .gform_wrapper ul li.gfield {
    margin-top: 0px !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    display: none !important;
}
.gform_wrapper li.gfield.gfield_error {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.gform_wrapper li.gfield.gfield_error{
    border: 0px!important;
    background-color: rgba(255,223,224,0)!important;
}



.row.formElement input[type=submit] {
    font-family: 'HCo Ideal Sans SSm';
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: rgba(0, 0, 0, 1);
    background-color: #0099a8;
    border: none;
    color: white;
    padding: 10px 60px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    /*margin:30px 2px;*/
    cursor: pointer;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    height: 45px;
    width: 200px;
    position: absolute;
    right: 0px;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li{
    display: inline-block;
}
/* The container */
.containerRadio {
    display: block;
    position: relative;
    padding-left: 0px;
    top: 6px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default radio button */

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio]{
    width: 20px;
    height: 10px;
    margin-top: 0px;
position: relative;
    z-index: 10;
}

.gform_wrapper ul.gfield_radio li label{
    margin-right: 0px;
    font-family: 'HCo Ideal Sans SSm';
    font-weight: 200;
    font-style: normal;
    font-size: 13px;
    padding-left:0px;
    height:20px;
    width: 50px;
    
}

.containerRadio input {
    
    opacity: 0;
    cursor: pointer;
    width: 50px;

}
/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px #000000;
    border-radius: 50%;
}
/* On mouse-over, add a grey background color */
.containerRadio:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.containerRadio input:checked ~ .checkmark {
    background-color: rgba(0, 0, 0, 0);
    
}

.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label, .gform_wrapper label.gfield_label{
    font-weight: 200!important;

 
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    
}
/* Show the indicator (dot/circle) when checked */
.containerRadio input:checked ~ .checkmark:after {
    display: block;
}
/* Style the indicator (dot/circle) */
.containerRadio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: black
}



/*custom check box*/
/* Customize the label (the container) */


.gform_wrapper .gfield_checkbox li input[type=checkbox]{
    width: 30px!important;
    height: 30px!important;
    vertical-align: top!important;
    margin-top: 3px!important;
    margin-right: 5px!important;
}

.containerCheck {
    display: block;
    position: relative;
    top: 10px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */
.containerCheck input {
    position: relative;
    z-index: 100;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.checkmarkCheck {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px #000000;
}
/* On mouse-over, add a grey background color */
.containerCheck :hover input ~ .checkmarkCheck {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.containerCheck input:checked ~ .checkmarkCheck {
    background-color: rgba(0, 0, 0, 0);
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkCheck:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.containerCheck input:checked ~ .checkmarkCheck:after {
    display: block;
}
/* Style the checkmark/indicator */
.containerCheck .checkmarkCheck:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #000000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkCSS .ginput_container_checkbox{
    
    margin-top: 22px!important;
   
}

.checkCSS .ginput_container_checkbox ul li label{
    
     font-family: 'HCo Ideal Sans SSm'!important;
    font-weight: 200!important;
    font-style: normal!important;
    font-size: 13px!important;
    margin-top: -5px;
    margin-left: -15px;

}

/* custom select*/

.s-hidden {
    visibility:hidden;
    padding-right:10px;
}
        
.select {
    cursor:pointer;
    display:inline-block;
    position:relative;
    color: #707070;
    text-align: left;
    font-size: 14px;
    border-bottom:1px solid #000000;
    background-color:rgba(0, 0, 0, 0);
    width: 100%;
    padding: 5px!important;
    margin-top: 13px;
    
}
.styledSelect {
    position:absolute;
    top:5px;
    right:0;
    bottom:0;
    left:0;
    background-color:rgba(0, 0, 0, 0);
    padding:0px!important;
    
}
.styledSelect:after {
    content:"";
    width:0;
    height:0;
    border:5px solid transparent;
    border-color:black transparent transparent transparent;
    position:absolute;
    top:9px;
    right:6px;
}
.styledSelect:active, .styledSelect.active {
    background-color:rgba(0, 0, 0, 0);
}
.options {
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:999;
    margin:0 0;
    padding:7px 0;
    list-style:none;
    border:1px solid #ccc;
    background-color:white;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
.options li {
    padding:0 6px;
    margin:0 0;
    padding:0 10px;
}
.options li:hover {
    background-color:#39f;
    color:white;
}
        
       
         /* select end*/

.framecont {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    padding: 20px 20px
}
.bottomLine {
    position: fixed;
}


.adDiver > label{
    font-size: 13px!important;
    margin-top: 30px!important;
}

form.theForm {}
@media only screen and (min-width: 700px) {
    .framecont {
        width: 100%;
        padding: 30px 80px
    }
    .bottomLine {
        position: absolute;
    }
}