/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    https://graphicbob.com/
 Description:  A child theme of Twenty Twenty WordPress theme.
 Author:       Robert Long
 Author URI:  https://graphicbob.com/
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../twentytwenty/style.css");




/*======================FONTS====================*/

@import url('https://fonts.googleapis.com/css2?family=Sonsie+One&display=swap');
/*font-family: 'Sonsie One', cursive;*/


@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
/*font-family: 'Staatliches', cursive;*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/*======================FONTS====================*/





/*======================HEADER====================*/

body {
	background-color: #fff !important;
	line-height: 1.5 !important;
	color: #000 !important;
	font-size: 18px !important;
	letter-spacing: normal !important;
	font-family: 'Roboto Condensed', Sans-Serif !important;
	font-weight: 300;
}


body p{
	font-size: 18px;
	font-family: 'Roboto Condensed', Sans-Serif !important;
	color:#555;
	font-weight: 300;
}



body h1{
	font-size:65px;	
	font-family: 'Sonsie One', cursive;
	margin:0 0 20px !important;
}


body h2{
	font-size:40px;	
	font-family: 'Staatliches', cursive !important;
	margin:0 0 10px !important;
	font-weight: 400;
	letter-spacing: 0.2px;
}


body h3{
	font-size:35px;	
	font-family: 'Staatliches', cursive !important;
	margin:0 0 20px;
	font-weight: 400;
	letter-spacing: 0.2px;
}


body h4{
	font-size:28px;	
	font-family: 'Staatliches', cursive !important;
	margin:0 0 20px;
	font-weight: 400;
	letter-spacing: 0.2px;
}



body h5{
	font-size:20px;	
	font-family: 'Staatliches', cursive !important;
	margin:0 0 20px;
	font-weight: 400;
	letter-spacing: 0.2px;
}


body a:focus, body input:focus, body select:focus, body button:focus{
	outline:none;
	text-decoration:none;
	box-shadow:none;
}


body a, body input, body select, body button, i{
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}


body .section-inner {
    width: 100%;
}


.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}



#site-header {
    background: transparent;
    position: fixed;
    top:0px;
    left: 0;
    right: 0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	z-index: 500;
}


#site-header.f-header{
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
	background: #fff;
}


#site-header .site-logo.faux-heading {
    margin-top: 0;
}


.header-navigation-wrapper {
    position: relative;
    background: #fff;
    height: 86px;
}


.header-navigation-wrapper::before {
    content: "";
    display: block;
    width: calc(100% - 50%);
    height: 86.6px;
    background: #fff;
    position: absolute;
    top: 0;
    transform: skew(-27deg);
    -webkit-transform: skew(-27deg);
    -moz-transform: skew(-27deg);
    -ms-transform: skew(-27deg);
    left: -30px;
}



body #site-header::after {
    content: "";
    display: block;
    width: calc(100% - 54%);
    height: 86px;
    background: #000;
    position: absolute;
    top: 0;
    transform: skew(-27deg);
    -webkit-transform: skew(-27deg);
    -moz-transform: skew(-27deg);
    -ms-transform: skew(-27deg);
    left: -40rem;
}


body #site-header::before {
    content: "";
    display: block;
    width: calc(100% - 50%);
    height: 86px;
    background: #fff;
    position: absolute;
    top: 0;
    right: -40rem;
}


#site-header ul.primary-menu {
    margin: 0;
}


#site-header .custom-logo-link {
    position: relative;
    z-index: 2;
}



#site-header .header-inner {
    padding: 0;
}



#site-header .site-description, #site-header .header-toggles.hide-no-js {
    display: none;
}


#site-header .header-navigation-wrapper ul li a {
    color: #000;
    text-decoration: none;
    font-family: 'Roboto Condensed', Sans-Serif;
    font-weight: 600;
    font-size: 21px;
}


#site-header .header-navigation-wrapper ul li a:hover {
    color: #01B6AD;
}

#site-header .primary-menu > li > .icon {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #000;
    transform: none;
	top: calc(50% - 0px);
}


#site-header .primary-menu > li {
    margin-top: 0;
}


#site-header .primary-menu > li > .icon::after, 
#site-header .primary-menu > li > .icon::before, 
body:not(.overlay-header) .primary-menu ul::after, 
body:not(.overlay-header) .primary-menu ul::before {
    display: none;
}


body:not(.overlay-header) #site-header .primary-menu ul {
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
    left: 0;
    right: auto;
	visibility: hidden;
	padding: 5px 0;
	width: 25rem;
}


body:not(.overlay-header) #site-header .primary-menu li:hover ul.sub-menu {
	visibility: visible;
}


#site-header .primary-menu > li {
    padding: 2.8rem 0;
}


#site-header .primary-menu ul.sub-menu li {
    padding: 0;
}


#site-header .primary-menu ul.sub-menu li a {
    padding: 9px 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    font-size: 18px;
}


#site-header .primary-menu ul.sub-menu li:last-child a {
    border-bottom: none;
}

.primary-menu li.current-menu-item > a, 
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
    color: #01B6AD !important;
}


.primary-menu li.menu-item-has-children:hover > ul, 
.primary-menu li.menu-item-has-children:focus > ul, 
.primary-menu li.menu-item-has-children.focus > ul {
    transform: translateY(-24px);
    -webkit-transform: translateY(-24px);
    -moz-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
}



.primary-menu ul li.menu-item-has-children:hover > ul, 
.primary-menu ul li.menu-item-has-children:focus > ul, 
.primary-menu ul li.menu-item-has-children.focus > ul {
    left: calc(100% - 6px) !important;
    top: 24px;
    right: 0 !important;
}






.menu-modal {
    z-index: 9999;
}

.toggle.nav-toggle.mobile-nav-toggle .toggle-icon {
    background: url("images/hamburger-n.png") no-repeat 0 0;
    width: 32px;
    height: 32px;
    background-size: 30px;
}


.toggle.nav-toggle.mobile-nav-toggle .toggle-icon svg, 
.toggle.search-toggle.mobile-search-toggle {
    display: none;
}


.toggle.search-toggle.mobile-search-toggle, 
.toggle.nav-toggle.mobile-nav-toggle .toggle-text {
    display: none;
}


.toggle.search-toggle.mobile-search-toggle svg {
    color: #9d9d9d;
}


.toggle.nav-toggle.mobile-nav-toggle .toggle-inner {
    padding-top: 0;
}


.menu-modal .menu-modal-inner .menu-wrapper nav ul li {
    border-top: 1px solid #000;
    padding: 0;
    -webkit-transition: unset;
    transition: unset;
}


.menu-modal .menu-modal-inner .menu-wrapper nav ul li a {
    color: #fff;
    padding: 20px;
    text-transform: uppercase;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
	font-size: 14px;
    text-decoration: none;
}


.menu-modal .menu-modal-inner .menu-wrapper nav ul li a:hover, 
.menu-modal .menu-modal-inner .menu-wrapper nav ul li a:focus {
    color: #fff;
    background-color: #01b6ad;
}

.menu-modal-inner {
    background: #252525;
}

.menu-modal .mobile-menu {
    margin-top: 10px;
}

.menu-modal .menu-modal-inner button.sub-menu-toggle {
    border-left: 0.1rem solid #000;
}

.toggle.sub-menu-toggle.fill-children-current-color {
    color: #fff;
}

.menu-modal .modal-menu li {
    border-color: #000;
}


.menu-wrapper.section-inner {
    width: 100%;
}

.menu-modal button.close-nav-toggle {
    padding: 3rem 0;
}


.nav-toggle {
    z-index: 99;
}


.menu-modal button.close-nav-toggle {
    padding: 3rem 20px;
    color: #fff;
}


/*======================HEADER====================*/




/*======================FOOTER====================*/

#site-footer {
    position: relative;
    background: #000;
    z-index: 2;
    overflow: hidden;
	margin-top: 60px;
}

#site-footer::after {
    content: "";
    display: block;
    width: 300px;
    height: 300px;
    background: rgba(255,255,255,0.05);
    position: absolute;
    top: -190px;
    border-radius: 100%;
	left:0;
}


#site-footer::before {
    content: "";
    display: block;
    width: 300px;
    height: 300px;
    background: rgba(255,255,255,0.05);
    position: absolute;
    top: 40px;
    border-radius: 100%;
    right: 0;
}


#site-footer .footer-menu ul {
    display: flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    margin: 0;
    width: 100%;
    padding: 0;
}


#site-footer .footer-menu li .sub-menu {
    display: none;
}

#site-footer .footer-menu li {
    list-style: none;
    margin: 0 20px 10px;
}


#site-footer .footer-menu li a {
    color: #fff;
    text-decoration: none;
    font-family: 'Roboto Condensed', Sans-Serif;
    font-weight: 600;
    font-size: 21px;
}


#site-footer .footer-menu li a:hover {
    color: #01B6AD;
}


#site-footer .section-inner {
    display: none;
}


.footer-copyright .footer-copyright {
    text-align: center;
    color: #fff;
	font-family: 'Roboto Condensed', Sans-Serif;
	font-weight: 600;
	font-size: 21px;
}


#site-footer .container {
    position: relative;
    z-index: 1;
}



#back_top {
    position: fixed;
    bottom: 90px !important;
    right: 15px;
    width: 50px;
    height: 50px;
    z-index: 999;
}



.grecaptcha-badge {
	z-index: 999 !important;
}







#back_top a {
	background: url("images/back-to-top.png") no-repeat;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-size: 100%;
	display: block;
	padding: 5px;
}

#back_top a:hover {
	opacity:0.8;
}



/*======================FOOTER====================*/





/*======================SLIDER====================*/

.banner-slider {
    height: 100vh;
	margin-bottom: 70px;
	overflow: hidden;
}

.banner-slider .flexslider ul li img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: top;
}

.banner-slider .flexslider .caption-wrap {
    opacity: 1;
    top: 0;
    right: 0;
    height: 100%;
    background: rgba(0,0,0,0.5);
}


.banner-slider .flexslider .caption-wrap .caption {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
	z-index: 9;
}

.banner-slider .flexslider .caption-wrap::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    background: rgba(255,255,255,0.1);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.banner-slider .flexslider .caption-wrap .caption h1 {
    margin: 0;
    text-transform: capitalize;
    text-shadow: 0 7px 0 rgba(0,0,0,0.5);
}


.banner-slider .flexslider .caption-wrap .caption h1 span {
    display: block;
    color: #01B6AD;
    font-size: 45px;
}


.banner-slider .metaslider .flexslider .flex-direction-nav a.flex-next {
    right: 40px;
    background: url("images/next-arrow.png") no-repeat 0 0;
	width: 50px;
    height: 50px;
    background-size: 100%;
    border-radius: 100%;
	opacity: 1;
}

.banner-slider .metaslider .flexslider .flex-direction-nav a.flex-prev {
    left: 40px;
    background: url("images/pre-arrow.png") no-repeat 0 0;
	width: 50px;
    height: 50px;
    background-size: 100%;
    border-radius: 100%;
	opacity: 1;
}


.banner-bottom-arrow {
    position: absolute;
    width: 24px;
    height: 24px;
    bottom: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


.chevron {
	position: absolute;
	width: 28px;
	height: 8px;
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
	-webkit-transform: scale3d(0.5, 0.5, 0.5);
	-moz-transform: scale3d(0.5, 0.5, 0.5);
	-ms-transform: scale3d(0.5, 0.5, 0.5);
	animation: move 3s ease-out infinite;
}

.chevron:first-child {
    animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
	content: ' ';
	position: absolute;
	top: 0;
	height: 100%;
	width: 51%;
	background: #fff;
}

.chevron:before {
	left: 0;
	transform: skew(0deg, 30deg);
	-webkit-transform: skew(0deg, 30deg);
	-moz-transform: skew(0deg, 30deg);
	-ms-transform: skew(0deg, 30deg);
}

.chevron:after {
	right: 0;
	width: 50%;
	transform: skew(0deg, -30deg);
	-webkit-transform: skew(0deg, -30deg);
	-moz-transform: skew(0deg, -30deg);
	-ms-transform: skew(0deg, -30deg);
}

.bottom-arrow-icon a, .bottom-arrow-icon a:focus, .bottom-arrow-icon a:hover {
    color: #fff;
    font-weight: 700;
	text-decoration: none;
}


@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}

.bottom-arrow-icon {
	display: block;
	margin-top: 75px;
	margin-left: -35px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: .25;
	animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
  to {
    opacity: 1;
  }
}


.default-fluid-banner {
    position: relative;
    margin-bottom: 70px;
    padding-top: 38.25%;
}


.default-fluid-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}


.default-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    z-index: 10;
    width: 100%;
    text-align: center;
    padding: 0 20px;
}


.default-caption  h1{
    color:#fff;
	text-shadow: 0 7px 0 rgba(0,0,0,0.5);
}


.default-fluid-banner::after{
	position:absolute;
	content:"";
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: rgba(0,0,0,0.4);
}


.default-fluid-banner::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    background: rgba(255,255,255,0.1);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 1;
}



.banner-slider .flex-control-paging li a.flex-active {
    background: #01B6AD;
}

.banner-slider .flex-control-paging li a {
    background: #000;
}


/*======================SLIDER====================*/



/*======================HOME====================*/


.btn-section {
    margin: 70px 0;
    text-align: center;
}


.btn-section a, .wpcf7 form input[type="submit"], 
body #site-content input[type="submit"] {
	border: 2px solid #01B6AD;
	padding: 12px 30px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	border-radius: 50px;
	text-transform: uppercase;
	background: #01B6AD;
	font-family: 'Roboto Condensed', Sans-Serif;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
}


.btn-section a:hover, .wpcf7 form input[type="submit"]:hover, 
body #site-content input[type="submit"]:hover {
    background: transparent;
	color: #01B6AD;
}


.featured-content-inner {
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
}



.featured-content-inner .left-content {
    width: 48%;
    position: relative;
    padding: 20px;
}



.left-content-inner {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 20px;
}


.featured-content-inner .left-content::before {
    content: "";
    display: block;
    width: 80%;
    height: 100%;
    background: rgba(1,182,173,0.9);
    position: absolute;
    top: 0;
    left: 0px;
    box-shadow: 117px 18px 11px 0 rgba(0,0,0,0.1);
}


.featured-content-inner .right-form {
    width: 45%;
}


.wpcf7 .form-inner-wrapper br {
    display: none;
}


.wpcf7 .form-inner-wrapper p{
	margin:0 0 24px;
}


.wpcf7 .form-inner-wrapper label {
    margin: 0 0 15px;
}


.wpcf7 .form-inner-wrapper input[type="text"], input[type="email"], 
.wpcf7 .form-inner-wrapper textarea, .wpcf7 .form-inner-wrapper select{
	color: #000 ;
	font-size: 15px;
	letter-spacing: normal;
	font-family: 'Roboto Condensed', Sans-Serif;
	font-weight:normal;
	outline: none;
	border-radius: 0;
	border: 1px solid #ddd;
	width: 100%;
	font-size: 18px;
	color: #000;
	background-color: #fff;
}


.wpcf7 .form-inner-wrapper input[type="text"]:focus,
.wpcf7 .form-inner-wrapper input[type="email"]:focus,
.wpcf7 .form-inner-wrapper textarea:focus, .wpcf7 .form-inner-wrapper select:focus {
	border: 1px solid #666;
	box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
	transition: border 0.4s ease-in-out;
}



.wpcf7 .form-inner-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: #fff url("images/select-new-arrow.png") no-repeat right center;
    background-size: 54px;
    height: 54px;
    padding: 0 70px 0 13px;
    color: #555;
}


.wpcf7 .form-inner-wrapper textarea{
	resize:none;
}


.wpcf7 .form-inner-wrapper input::-webkit-input-placeholder { 
   color: #555; opacity:1;
}

.wpcf7 .form-inner-wrapper input::-moz-placeholder { 
   color: #555;  opacity:1;
}

.wpcf7 .form-inner-wrapper input:-ms-input-placeholder { 
   color: #555;  opacity:1;
}

.wpcf7 .form-inner-wrapper input:-moz-placeholder { 
   color: #555;  opacity:1;
}

.wpcf7 .form-inner-wrapper textarea::-webkit-input-placeholder { 
   color: #555; opacity:1;
}

.wpcf7 .form-inner-wrapper textarea::-moz-placeholder { 
   color: #555;  opacity:1;
}

.wpcf7 .form-inner-wrapper textarea:-ms-input-placeholder { 
   color: #555;  opacity:1;
}

.wpcf7 .form-inner-wrapper textarea:-moz-placeholder { 
   color: #555;  opacity:1;
}


.full-width-image-wrapper {
    background-size: cover;
    padding: 20% 0;
    position: relative;
    background-attachment: fixed;
	margin-top: 70px;
}

/*======================HOME====================*/




/*======================DEFAULT PAGE====================*/

/*
.page-template-default article {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}
*/



.page-template-default .default-fluid-banner {
    margin-bottom: 58px;
}



.page-template-default article .post-inner.thin {
    padding-top: 0;
    padding-bottom: 20px;
}



.post-meta-wrapper.post-meta-edit-link-wrapper {
    display: none;
}


.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100% !important;
    width: 100% !important;
}


article .entry-content h2 {
    margin-top: 30px !important; 
    margin-bottom: 10px !important; 
}


article .entry-content h2:first-child {
    margin-top:0px !important;
}


article .entry-content h3 {
    margin:30px 0 10px !important; 
}


article .entry-content h3:first-child {
    margin-top:0px !important;
}


article .entry-content h4 {
	margin:30px 0 10px !important; 
}


article .entry-content h4:first-child {
    margin-top:0px !important;
}



/*======================DEFAULT PAGE====================*/




/*======================ABOUT PAGE====================*/


.about-container {
    margin-bottom: 40px;
}


.about-container .container {
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
}


.about-container .about-left {
    width: 51%;
	position: relative;
}


.about-container .about-right {
    width: 45%;
    padding: 20px;
    position: relative;
}


.about-container .about-left img {
    width: 100%;
}


.about-container .about-right::after {
    content: "";
    display: block;
    width: 80%;
    height: 100%;
    background: rgba(1,182,173,0.9);
    position: absolute;
    top: 0;
    left: 0px;
    box-shadow: 117px 18px 11px 0 rgba(0,0,0,0.1);
}


.about-right-inner {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 20px;
}



/*======================ABOUT PAGE====================*/






/*======================CONTACT PAGE====================*/

.contact-wrapper{
    margin-top:0px;
}


.contact-wrapper-inner {
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
}


.contact-wrapper-inner .contact-left {
    width: 47%;
}



.contact-wrapper-inner .contact-right {
	width: 48%;
}


.contact-right-inner .contact-image {
    position: relative;
    padding: 20px;
}


.contact-image {
    margin-top: 15px;
    position: relative;
    padding: 20px;
}


.contact-image-inner {
	position: relative;
	z-index: 2;
	background: #fff;
	padding: 20px;
}


.contact-image::after {
    content: "";
    display: block;
    width: 80%;
    height: 100%;
    background: rgba(1,182,173,0.9);
    position: absolute;
    top: 0;
    left: 0px;
    box-shadow: 117px 18px 11px 0 rgba(0,0,0,0.1);
	z-index: -1;
}


.contact-image-inner img {
    width: 100%;
}



.contact-wrapper .map {
    margin-top: 40px;
    padding-top: 35.25%;
	position:relative;
}


.map iframe {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}



.contact-deatils {
    margin-top: 40px;
}


.contact-deatils p {
    margin: 0;
}


.contact-deatils .our-address div {
    position: relative;
    padding-left: 40px;
	margin-bottom: 20px;
}



.contact-deatils div i {
    position: absolute;
    left: 0;
    top: 7px;
	color: #01B6AD;
}


.contact-deatils div strong {
    display: block;
}


.contact-deatils a {
    color: #01B6AD;
    text-decoration: none;
}


.page-template-contact-tpl #site-footer {
    margin-top: 0;
}


/*======================CONTACT PAGE====================*/






/*======================LOGIN AND REGISTER AND PROFILE PAGE====================*/

.login-container {
    padding: 0 0 90px;
}


.login-container .container {
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: space-evenly;
	-webkit-justify-content: space-evenly;
	-moz-justify-content: space-evenly;
	-ms-justify-content: space-evenly;
}


.login-container .section-left, 
.login-container .section-right, #wppb-recover-password-container {
    width: 47%;
    border: 1px solid rgba(0,0,0,0.1);
    position: relative;
    background: #fff;
    padding: 40px;
}


#site-content #wppb-recover-password-container {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto;
}


#site-content #wppb-recover-password-container ul li label {
    display: block;
    width: 100%;
}



.login-container .section-left:before, 
.login-container .section-left:after, 
.login-container .section-right:before, 
.login-container .section-right:after, 
#wppb-recover-password-container:before, 
#wppb-recover-password-container:after, 
#site-content .register-container form:before, 
#site-content .register-container form:after, 
.page-id-65 .entry-content:before, 
.page-id-65 .entry-content:after{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}


.login-container .section-left:after, 
.login-container .section-right:after, 
#wppb-recover-password-container:after, 
#site-content .register-container form:after, 
.page-id-65 .entry-content:after{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}


#site-content .register-container form ul li input[type="checkbox"] {
    padding: 0;
}


#site-content .register-container form, .page-id-65 #site-content .entry-content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 70px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 40px;
    position: relative;
	background: #fff;
}


#wppb_register_pre_form_message {
    text-align: center;
}


#wppb_register_pre_form_message img {
    display: none;
}


.page-id-65 #site-content .entry-content {
    margin-top: 14px;
    margin-bottom: 0;
}



#site-content .register-container form ul {
    max-width: 100%;
}


#site-content .login-container .wppb-user-forms form .input, 
#site-content .register-container form ul li input.text-input, 
#site-content .register-container form ul li textarea, 
#site-content #wppb-recover-password-container ul li input, 
#site-content .wppb-user-forms ul li input, 
#site-content .wppb-user-forms ul li textarea {
    color: #000;
    font-size: 15px;
    letter-spacing: normal;
    font-family: 'Roboto Condensed', Sans-Serif;
    font-weight: normal;
    outline: none;
    border-radius: 0;
    border: 1px solid #ddd;
    font-size: 18px;
    color: #000;
    background-color: #fff;
    padding: 14px 10px;
	resize:none;
}


#site-content #wppb-recover-password-container ul {
    margin-bottom: 20px;
}


#site-content .login-container .wppb-user-forms form .input, 
#site-content #wppb-recover-password-container ul li input {
	width: 100%;
}



#site-content .wppb-user-forms ul li select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	background: #fff url("images/select-new-arrow.png") no-repeat right center;
	background-size: 54px;
	height: 54px;
	padding: 0 70px 0 5px;
	color: #000;
	border: 1px solid #ddd;
	font-family: 'Roboto Condensed', Sans-Serif;
	font-size: 18px;
}


#site-content #select_user_to_edit_form .wppb-form-field > span {
    margin-left: 29.4%;
    width: 68.7% !important;
}



#site-content #select_user_to_edit_form .select2-container .select2-selection--single {
    height: 52px;
    border: 1px solid #ddd;
    border-radius: 0;
}


#site-content #select_user_to_edit_form .select2-container--default .select2-selection--single 
.select2-selection__rendered {
    color: #000;
    line-height: 47px;
    padding: 0 64px 0 6px;
    font-size: 18px;
}



#site-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
    position: absolute;
    background-size: 54px !important;
    width: 52px;
    background: #fff url("images/select-new-arrow.png") no-repeat right center;
    top: 0;
    right: 0;
}



#site-content .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}




#site-content .login-container .wppb-user-forms form .input:focus, 
#site-content .register-container form ul li input.text-input:focus, 
#site-content .register-container form ul li textarea:focus, 
#site-content .wppb-user-forms ul li input:focus, 
#site-content .wppb-user-forms ul li textarea:focus, 
#site-content .wppb-user-forms ul li select:focus {
	border: 1px solid #666;
	box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
	transition: border 0.4s ease-in-out;
}



#site-content .login-container .section-left label {
    display: block;
    width: 100%;
}


.login-container a {
    color: #01B6AD;
    font-style: italic;
}


.login-container .section-left .login-submit {
    padding-top: 10px;
}


/*======================LOGIN AND REGISTER AND PROFILE PAGE====================*/




/*======================Owner MAIN PAGE====================*/


.owners-main {
	display: inline-block;
}


.owners-main .owners-list-section {
    width: 31%;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 20px;
    position: relative;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
	float: left;
}


.shadow-box-list {
    border: 1px solid rgba(0,0,0,0.1);
    padding: 20px;
    position: relative;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
}


.owners-main .owners-list-section ul, .shadow-box-list ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 25px;
}


.owners-main .owners-list-section ul li, .shadow-box-list ul li {
    margin: 0;
    position: relative;
    padding: 9px 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}


.owners-main .owners-list-section ul li:last-child {
    border-bottom: none;
}


.owners-main .owners-list-section ul li::after, .shadow-box-list ul li:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #01B6AD;
    position: absolute;
    top: 20px;
    left: -24px;
}


.owners-main .owners-list-section ul li a, .shadow-box-list ul li a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
    display: inline-block;
	font-size: 17px;
}


.owners-main .owners-list-section ul li a:hover, .shadow-box-list ul li a:hover {
    color: #01B6AD;
}


.owners-main .owners-video-section {
    width: 65%;
    background: #fff;
    padding: 20px;
    position: relative;
    float: right;
}

.owners-main .video {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 20px;
}

.owners-main .owners-video-section::after {
    content: "";
    display: block;
    width: 80%;
    height: 100%;
    background: rgba(1,182,173,0.9);
    position: absolute;
    top: 0;
    left: 0px;
    box-shadow: 170px 18px 11px 0 rgba(0,0,0,0.1);
}


.owners-main .video img {
    width: 100%;
}


.owners-main .video a {
    display: block;
    position: relative;
	text-decoration:none;
	color: #000;
}


.owners-main .video span {
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 270px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 250px 250px 0 0;
    padding: 62px 0 39px;
    height: 130px;
    color: #000;
    font-weight: 700;
}


/*======================Owner MAIN PAGE====================*/





/*======================Meeting Agenda PAGE====================*/


.meeting-section .meeting-agenda {
    width: 50%;
}


.shadow-box-list ul li:last-child {
    border-bottom: none;
}


/*======================Meeting Agenda PAGE====================*/





/*======================Board Of Directors====================*/


.director-section {
    text-align: center;
    margin-top: 0;
}


.director-section h2 a{
    font-family: 'Playball', cursive !important;
}



.director-section ul {
	list-style: none;
	margin: 50px 0 0;
	padding: 0;
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
}


.director-section ul li {
    margin: 0 10px 30px;
    width: 22%;
}


.director-section ul li .team-img {
	width: 240px;
	height: 240px;
	margin: 0 auto 17px;
	border-radius: 100%;
	border: 10px solid #fff;
	box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);
	overflow: hidden;
	position: relative;
}


.director-section ul li .team-img::before {
    content: '';
    background: rgba(1,182,173,0.9);
    height: 0;
    width: 100%;
    opacity: 0.6;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
}


.director-section ul li .team-img:hover::before {
    height: 100%;
}



.director-section ul li .team-img strong {
    color: #000;
    background: #fff;
    width: 100%;
    padding: 30px 10px 45px;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    position: absolute;
    bottom: -120px;
    left: 0;
    z-index: 2;
    transition: transform 0.5s ease 0.2s,bottom 0.5s ease 0.1s;
    -webkit-transition: transform 0.5s ease 0.2s,bottom 0.5s ease 0.1s;
    -moz-transition: transform 0.5s ease 0.2s,bottom 0.5s ease 0.1s;
    -ms-transition: transform 0.5s ease 0.2s,bottom 0.5s ease 0.1s;
    margin: 0;
}



.director-section ul li .team-img:hover strong {
    bottom: 0;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
}



.director-section ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.director-section ul li strong {
    text-transform: uppercase;
    font-size: 20px;
}


.director-section ul li p {
    margin-bottom: 0;
}


.director-section ul li p a, .director-section ul li a {
    text-decoration: none;
	color:#000;
}


.certifications-link {
    margin-top: 50px;
}


.certifications-link a {
    color: #01B6AD;
    text-decoration: none;
}





/*======================Board Of Directors====================*/




/*======================Condo Docs====================*/


.condo-iframe {
	background: #fff;
	padding: 20px;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
	margin: 25px 0 40px;
}


.condo-iframe iframe {
	border: none;
}


/*======================Condo Docs====================*/





/*======================Unit Owner Directory====================*/


.unit-owners-directory-container select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: #fff url("images/select-new-arrow.png") no-repeat right center;
    border: 1px solid #ddd;
    background-size: 54px;
    height: 54px;
    padding: 0 70px 0 13px;
    color: #555;
	font-size: 16px;
}



.unit-owners-directory-container input[type="search"] {
    color: #000;
    font-size: 15px;
    letter-spacing: normal;
    font-family: 'Roboto Condensed', Sans-Serif;
    font-weight: normal;
    outline: none;
    border-radius: 0;
    border: 1px solid #ddd;
    width: 100%;
    font-size: 16px;
    color: #000;
    background-color: #fff;
}



.unit-owners-directory-container select:focus, 
.unit-owners-directory-container input[type="search"]:focus {
    border: 1px solid #666;
    box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.2);
    transition: border 0.4s ease-in-out;
}



.unit-owners-directory-container label {
    font-size: 20px;
}



.unit-owners-directory-container table {
    border: 1px solid rgba(0,0,0,0.1);
}


.unit-owners-directory-container .dataTables_length, 
.unit-owners-directory-container .dataTables_filter {
    margin-bottom: 20px;
}


.unit-owners-directory-container .dataTables_filter {
    white-space: unset;
}


.unit-owners-directory-container .dataTables_filter label {
	display: flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	white-space: nowrap;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
}


.unit-owners-directory-container table thead th {
    background-color: #000;
    color: #fff;
    font-weight: 700;
}


.unit-owners-directory-container table thead th:hover {
    background-color: #01B6AD !important;
}



.unit-owners-directory-container table thead th:hover {
    background-color: #000;
}


.unit-owners-directory-container table caption {
    display: none;
}


.unit-owners-directory-container table caption a {
	border: 2px solid #01B6AD;
	padding: 12px 30px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	border-radius: 50px;
	text-transform: uppercase;
	background: #01B6AD;
	font-family: 'Roboto Condensed', Sans-Serif;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	margin: 20px 0;
}


.unit-owners-directory-container table caption a:hover {
    background: transparent;
    color: #01B6AD;
}



.unit-owners-directory-container .paging_simple .paginate_button.next::after, 
.unit-owners-directory-container .paging_simple .paginate_button.previous::before {
    display:none;
}


.unit-owners-directory-container .dataTables_paginate a {
    background: #01B6AD;
    color: #fff !important;
    padding: 3px 17px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 50px;
    border: 2px solid #01B6AD;
}


.unit-owners-directory-container .paginate_button.disabled {
    color: #fff !important;
    background: #01B6AD;
    opacity: 0.6;
}


.unit-owners-directory-container .dataTables_paginate a:hover {
    background: transparent;
    color: #01B6AD !important;
}



.unit-owners-directory-container table td {
    border: 1px solid rgba(0,0,0,0.1);
}


.unit-owners-directory-container #tablepress-1_info, 
.unit-owners-directory-container #tablepress-1_paginate {
    margin-top: 30px;
    padding: 0 !important;
}



/*======================Unit Owner Directory====================*/




/*======================FAQ====================*/


.roll-out-list {
    margin-top: 20px;
}


.item-roll-out {
    border: 1px solid rgba(0,0,0,0.1);
}


.item-roll-out .item-head {
    position: relative;
    padding: 15px 20px 15px 75px;
    cursor: pointer;
    background: #01B6AD;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
}


.item-roll-out .item-head.close {
    background: transparent;
}


.item-roll-out .item-head.close h3{
    color:#000;
}



.item-roll-out .roll-list {
    margin-bottom: 20px;
    padding: 15px 20px 0 15px;
}


.item-head h3 {
    display: block;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: normal;
    font-size: 26px;
	color:#fff;
}


.item-head h3::before {
    content: "";
    border-bottom: 32px solid rgba(0, 0, 0, 0);
    border-left: 20px solid #eee;
    border-top: 32px solid rgba(0, 0, 0, 0);
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 40px;
}



.item-head h3::after {
    width: 40px;
    height: 63px;
    background: #eee;
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}


.item-roll-out .item-head::after, .item-roll-out .item-head::before {
    background: #01B6AD;
    content: '';
    height: 5px;
    left: 18px;
    position: absolute;
    top: 28px;
    width: 15px;
    transition: transform 500ms ease;
    -webkit-transition: transform 500ms ease;
    -moz-transition: transform 500ms ease;
	z-index:1;
}


.item-roll-out .item-head.close::after {  
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.item-roll-out .item-head.close::before {
    transform-origin: center;
     transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
	
}

.item-roll-out .item-head.close:hover::after, .item-roll-out .item-head.close:hover::before, .item-roll-out .item-head.close::before, .item-roll-out .item-head.close::after {
    background: #01B6AD;
}



.container.faq-container {
    padding-bottom: 40px;
}



/*======================FAQ====================*/




/*======================Floor Plan====================*/

.page-id-266 .entry-content img {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
    padding: 20px;
	margin-top: 10px;
}


/*======================Floor Plan====================*/



/*======================Rules Regulations====================*/

.regulations-section, .regulations-address-section {
    display: inline-block;
    width: 100%;
}


.regulations-section .regulations-content {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}


.regulations-section .regulations-image-outer {
    float: right;
    width: 51%;
}


.regulations-address-section .rule-address-outer {
    width: 44%;
}


.regulations-section .regulations-image {
    padding: 20px;
    position: relative;
}


.regulations-section .regulations-image-inner {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 20px;
}


.rule-adreess h4 {
    font-size: 23px;
}


.regulations-section .regulations-image::after {
    content: "";
    display: block;
    width: 80%;
    height: 100%;
    background: rgba(1,182,173,0.9);
    position: absolute;
    top: 0;
    left: 0px;
    box-shadow: 120px 18px 11px 0 rgba(0,0,0,0.1);
}


.regulations-image-outer .btn-section {
    margin-bottom: 0;
}


.rule-address-outer .rule-adreess {
    text-align: center;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 30px;
    margin-bottom: 25px;
    box-shadow: 0 11px 11px 0 rgba(0,0,0,0.1);
}


.rule-address-outer .rule-adreess ul {
    margin: 0;
    padding: 0;
}


.rule-address-outer .rule-adreess ul li {
    margin: 0px 0 0px;
    list-style: none;
}


.rule-adreess ul li i {
    color: #01B6AD;
    margin-right: 10px;
}

.rule-adreess ul li a{
	color: #01B6AD;
	text-decoration:none;
}


.rule-address-outer h3 {
    text-align: center;
}


/*======================Rules Regulations====================*/




/*======================Weather Surf Conditions====================*/


.weather-surf-conditions-container .container {
    display: inline-block;
    width: 100%;
    padding: 0;
}


.weather-surf-conditions-container .about-right {
    float: right;
}


.weather-surf-conditions-container .about-left {
    float: left;
    padding-right: 40px;
}


.weather-surf-conditions-container .about-left p {
    font-weight: 700;
    color: #000;
}


.weather-surf-conditions-container .about-left p a {
    color: #000; font-weight: normal;
}


/*======================Weather Surf Conditions====================*/





/*======================SEARCH PAGE ERROR PAGE====================*/

.footer-nav-widgets-wrapper.header-footer-group {
    display: none;
}


#site-content .search-form label input {
    padding: 5px 16px;
    margin: 0 17px 0 0;
}


body.error404 #site-content {
    padding: 0 20px 100px;
}


body.search header.archive-header h1 span {
    color: #01B6AD ;
}


body.search header.archive-header {
    padding: 0;
}


body.search #site-content {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px 100px;
}


body.search #site-content .post-inner {
    min-height: 100px;
    padding-top: 20px;
}



.navigation.pagination .nav-links a {
    color: #000;
}


.navigation.pagination .nav-links span.current, 
.navigation.pagination .nav-links a:hover {
    color: #01B6AD;
	text-decoration:none;
}





@media (max-width:767px){
		
	body.error404 #site-content .search-form {
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
	}


	body.error404 #site-content .search-form input {
		width: 100%;
		margin: 0 0 16px;
	}
	
	
}/*====media close====*/



/*======================SEARCH PAGE ERROR PAGE====================*/




/*==========================================================================================================================================================RESPONSIVE====================================================================================================================================================================*/




/*======================HEADER====================*/


@media (max-width:1000px){
	
		
	#site-header .header-titles-wrapper {
		padding: 0;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
	}


	#site-header {
		margin-top: 0;
		background: #000;
		padding: 10px 0;
	}


	#site-header.f-header {
		margin-top: 0;
	}



	#site-header .site-logo img {
		max-height: 7rem !important;
	}


	#site-header .nav-toggle {
		right: 0;
	}


	body #site-header::before, body #site-header::after {
		display: none;
	}
	
	
	.default-fluid-banner {
		margin-top: 88px;
	}
	
	
	#site-header.f-header {
		background: #000;
	}


	
}/*====media close====*/



@media only screen and (min-width:1000px) and (max-width:1000px){
	
	body #site-header::before, body #site-header::after {
		display: block;
	}	
	
	#site-header {
		background: transparent;
		padding:0;
	}
	
	
	.default-fluid-banner {
		margin-top: 0px;
	}
	
	
	#site-header.f-header {
		background: #fff;
	}
	
	
}/*====media close====*/



@media only screen and (min-width:1000px) and (max-width:1240px){
	
	body #site-header::after {
		width: calc(100% - 75%);
		left: -100px;
	}
	
	
	#site-header .header-navigation-wrapper ul li a {
		font-size: 17px;
	}
	
}/*====media close====*/



@media only screen and (min-width:1700px){
	
	body #site-header::after {
		width: calc(100% - 53%);
	}
	
}/*====media close====*/



/*======================HEADER====================*/




/*======================HOME AND SLIDER====================*/


@media (max-width:800px){
	

    body h1 {
		font-size: 8vmin;
	}

	body h2 {
		font-size: 34px;
	}


	body h3 {
		font-size: 30px;
	}
	
	
	.banner-slider .flexslider .caption-wrap .caption h1 span {
		font-size: 28px;
	}
	
}/*====media close====*/




@media (max-width:767px){
		
	.banner-slider, .banner-slider .flexslider ul li img {
		height: auto;
	}	

	.banner-slider .flex-direction-nav {
		display: none;
	}


	.full-width-image-wrapper {
		padding: 0 0 56.25%;
		background-attachment: scroll;
	}
	
	
	.banner-bottom-arrow {
		display: none;
	}
	
	
	.banner-slider {
		padding-top: 89px;
	}
	
	
	.banner-slider {
		margin-bottom: 40px;
	}

	
	
}/*====media close====*/



@media (min-width:767px){
	
	.banner-slider .flex-control-nav.flex-control-paging {
		display: none;
	}	
	
}/*====media close====*/





/*======================HOME AND SLIDER====================*/



/*======================FOOTER====================*/


@media (max-width:767px){
		
	#site-footer .footer-menu li {
		margin: 0;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid rgba(255,255,255,0.05);
		padding: 14px 0;
	}	
	
	
	#site-footer .footer-menu li:last-child {
		border-bottom: none;
	}


	#site-footer .footer-menu li a, .footer-copyright .footer-copyright {
		font-size: 18px;
	}


	#back_top a, #back_top {
		width: 40px;
		height: 40px;
	}
	
	
	#back_top {
		bottom: 60px;
	}
	
	
	#site-footer {
		padding-bottom: 0;
	}
	
	
	#site-footer .footer-copyright {
		background: #01B6AD;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 13px 10px;
	}
	
	
	#site-footer .footer-menu {
		padding-bottom: 75px;
	}

	
}/*====media close====*/




@media only screen and (min-width:767px) and (max-width:1000px){
	
	#site-footer .footer-menu li {
		list-style: none;
		margin: 0 15px 10px;
	}	


	#site-footer .footer-menu li a, .footer-copyright .footer-copyright {
		font-size: 17px;
	}

	
	
}/*====media close====*/





/*======================FOOTER====================*/




/*======================ABOUT====================*/


@media (max-width:767px){
	
	.featured-content-inner .left-content, 
	.about-container .about-left, 
	.contact-wrapper-inner .contact-left {
		width: 100%;
		margin-bottom: 50px;
	}

	
	.featured-content-inner .right-form, 
	.about-container .about-right, 
	.contact-wrapper-inner .contact-right {
		width: 100%;
	}

	
	.featured-content-inner .left-content::before, 
	.about-container .about-right::after, 
    .contact-image::after, .owners-main .owners-video-section::after {
		box-shadow: 75px 18px 11px 0 rgba(0,0,0,0.1);
	}
	
	.about-container .about-left {
		order: 2;
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		margin-top: 70px;
		margin-bottom: 0px;
	}

	
}/*====media close====*/




@media only screen and (min-width:767px) and (max-width:900px){
	
	.featured-content-inner .left-content::before, 
	.about-container .about-right::after, 
    .contact-image::after {
		box-shadow: 70px 18px 11px 0 rgba(0,0,0,0.1);
	}		
	
}/*====media close====*/




@media only screen and (min-width:900px) and (max-width:1200px){
	
	.featured-content-inner .left-content::before, 
	.about-container .about-right::after, 
    .contact-image::after {
		box-shadow: 90px 18px 11px 0 rgba(0,0,0,0.1);
	}		
	
}/*====media close====*/




/*======================ABOUT====================*/




/*======================LOGIN AND REGISTER AND PROFILE PAGE====================*/


@media (max-width:1000px){
		
	#site-content .register-container form, 
	.page-id-65 #site-content .entry-content {
		padding: 30px 20px;
	}	


	#site-content .register-container form ul li h4 {
		margin-top: 30px;
		margin-bottom: 0;
	}


	#site-content .register-container form ul li:first-child h4, 
	article .entry-content .wppb-user-forms ul li:first-child h4 {
		margin-top: 0 !important;
	}


	article .entry-content .wppb-user-forms ul li h4 {
		margin-top: 30px !important;
		margin-bottom: 0 !important;
	}



	.login-container .section-left, 
	.login-container .section-right, 
	#wppb-recover-password-container {
		width: 100%;
		padding: 30px 20px;
	}


	.login-container .section-left {
		margin-bottom: 50px;
	}
	
	
	#site-content #select_user_to_edit_form .select2-container--default .select2-selection--single .select2-selection__rendered {
		padding: 0 64px 0 10px;
	}
	
	
	#site-content #select_user_to_edit_form .wppb-form-field > span {
		margin-left: 30.4%;
		width: 69.9% !important;
	}

	
	
}/*====media close====*/




@media (max-width:400px){
	
	#site-content #select_user_to_edit_form .wppb-form-field > span {
		margin-left: 0;
		width: 100% !important;
	}	
	
	
}/*====media close====*/




/*======================LOGIN AND REGISTER AND PROFILE PAGE====================*/



/*======================rules-regulations====================*/


@media only screen and (max-width:767px){
	
    .regulations-address-section .rule-address-outer {
		width: 100%;
		margin-top: 40px;
		display: inline-block;
	}
	
	
	.regulations-section .regulations-image-outer {
		width: 100%;
	}
	
	
	.regulations-section .regulations-image::after {
		box-shadow: 75px 18px 11px 0 rgba(0,0,0,0.1);
	}
	
	
}/*====media close====*/



@media only screen and (max-width:900px){

	.regulations-section .regulations-content {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.regulations-image-outer .btn-section {
		margin-top: 40px;
	}
	
	
}/*====media close====*/




@media only screen and (min-width:767px) and (max-width:900px){
	
	.regulations-section .regulations-image::after {
		box-shadow: 70px 18px 11px 0 rgba(0,0,0,0.1);
	}		
	
}/*====media close====*/




@media only screen and (min-width:900px) and (max-width:1200px){
	
	.regulations-section .regulations-image::after {
		box-shadow: 105px 18px 11px 0 rgba(0,0,0,0.1);
	}		
	
}/*====media close====*/





@media only screen and (max-width:1200px){
	
	
	.regulations-address-section .rule-address-outer h3 {
		font-size: 26px;
	}
	
	
	.rule-adreess h4 {
		font-size: 21px;
	}
	
	
	.rule-address-outer .rule-adreess ul li {
		font-size: 17px;
	}	
	
	
}/*====media close====*/





/*======================rules-regulations====================*/



/*======================FAQ====================*/


@media only screen and (max-width:767px){
	
	.item-head h3 {
		font-size: 20px;
	}


	.item-head h3::before, .item-head h3::after {
		display: none;
	}	

	.item-roll-out .item-head::after, .item-roll-out .item-head::before {
		top: 25px;
	}


	.item-roll-out .item-head {
		padding-left: 55px;
	}


	.item-roll-out .item-head::after, .item-roll-out .item-head::before {
		background: #fff;
	}

	
}/*====media close====*/


/*======================FAQ====================*/




/*======================Contact US====================*/



@media only screen and (max-width:767px){
	
	.contact-wrapper .map {
		padding-top: 45.25%;
	}	
	
}/*====media close====*/



/*======================Contact US====================*/




/*======================Insurance====================*/


@media only screen and (max-width:767px){
	
	
	.owners-main {
		display: flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
	}


	.owners-main .owners-list-section {
		width: 100%;
		order: 2;
		-webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		margin-top: 50px;
	}


	.owners-main .owners-video-section {
		width: 100%;
	}



	.owners-main .owners-list-section ul li a, 
	.shadow-box-list ul li a {
		font-weight: 500;
		font-size: 16px;
	}

	
	
}/*====media close====*/



@media only screen and (min-width:767px) and (max-width:900px){


    .owners-main .owners-list-section ul li a, 
	.shadow-box-list ul li a {
		font-weight: 500;
		font-size: 16px;
	}
	
	
	.owners-main .owners-video-section::after {
		box-shadow: 100px 18px 11px 0 rgba(0,0,0,0.1);
	}
	
	
	.owners-main .owners-list-section {
		width: 34%;
	}
	
	
	.owners-main .owners-video-section {
		width: 61%;
	}
	
	
	
}/*====media close====*/



@media only screen and (min-width:900px) and (max-width:1200px){
	
	
	.owners-main .owners-video-section::after {
		box-shadow: 130px 18px 11px 0 rgba(0,0,0,0.1);
	}	
	
	
}/*====media close====*/





/*======================Insurance====================*/




/*======================Owners====================*/


@media only screen and (max-width:767px){
	
	
	.owners-main .video span {
		width: 152px;
		height: 73px;
		font-size: 15px;
		padding: 33px 0 30px;
	}


	.director-section ul li {
		width: 100%;
	}


	.director-section ul li strong {
		font-size: 18px;
	}


	.unit-owners-directory-table-wrapper .dataTables_length, 
	.unit-owners-directory-table-wrapper .dataTables_filter {
		width: 100%;
	}


	.unit-owners-directory-table-wrapper label input {
		width: 100%;
		margin:0px;
	}


	.dataTables_wrapper {
		overflow-x: auto;
		padding-bottom: 33px;
	}


	.dataTables_wrapper .tablepress {
		width: 766px;
		max-width: 766px;
	}


	.unit-owners-directory-table-wrapper .dataTables_paginate {
		float: left;
		margin-top: 20px !important;
		width: 100%;
	}



	.weather-surf-conditions-container .about-left {
		margin: 0 0 30px;  padding: 0;
	}




	
}/*====media close====*/





@media only screen and (min-width:767px) and (max-width:900px){
	
	
	.director-section ul li {
		margin: 0 auto 40px;
		width: 48%;
	}	
	
	
}/*====media close====*/




@media only screen and (min-width:900px) and (max-width:1200px){
	
	.director-section ul li .team-img {
		width: 180px;
		height: 180px;
	}


	.director-section ul li .team-img strong {
		padding: 18px 10px 30px;
		font-size: 18px;
	}
	
	
}/*====media close====*/








/*======================Owners====================*/










@media only screen and (max-width:900px){
	
	
	.meeting-section .meeting-agenda {
		width: 100%;
	}	
	
	
}/*====media close====*/



@media (min-width: 700px){
	
	.post-inner, #site-content {
		min-height: 500px;
	}
	
}