body {margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; overflow-x: hidden;}

p {color:#7e8082;}

h1, h2, h5 {text-transform:uppercase; color:#4b4e53; font-family: 'Lato', sans-serif;}

h3, h4, h6 {text-transform:none; color:#4b4e53; font-family: 'Lato', sans-serif;}

h1 {font-size:50px;}
h2 {font-size:36px;}
h3 {font-size:24px;}
h5 {font-size:18px; font-weight:700;}

input:focus, button:focus {outline: 0;}

h2 {position:relative; font-weight: 300;  padding:29px 0 26px 29px;}
h2:before {content:''; position:absolute; left:0; top:0; bottom:0; border-left:2px solid #4b4e53; }
h2 strong {font-weight: 900;}

h3 {font-weight: 300;}
h3 strong {font-weight: 900;}


header {padding-top: 20px;}

.header-search .search-form{display:none; position: absolute;right: 0;width: 200px; top: 34px;}
.header-search .search-toggle{display: inline-block;vertical-align: middle;padding: 10px;cursor: pointer;}


.navbar-toggle {border: 0;background: none;right: 40px;top: 47px;position: absolute;margin: 0;padding:2px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: none;}

.header-search .search-toggle { background: url(../images/sprite-image.png) 0 -23px no-repeat;padding: 0px;width: 20px; margin-top: 7px;margin-right: 6px;}
.header-search .search-toggle .fa, .fas {opacity: 0;}

.navbar-default {border: 0; background: transparent; position: absolute;width: 100%; margin-bottom: 0;}
.nav-primary .container-fluid {height:136px; padding-left: 0px; padding-right: 0px; background:url(../images/header-bg.png) 0 0 repeat-x; padding-top: 30px;}
#logo { background: url(https://palmsriverresort.com/wp-content/uploads/2019/03/image001k.png) no-repeat 20px 0; padding: 0; width: 244px; text-indent:-999em; margin-left: 0;}
.navbar-nav {float: right; margin-right:0; margin-top: 7px;}
.navbar-nav>li>a {font-size: 12px;  font-family: 'Open Sans', sans-serif; font-weight:500; text-transform: uppercase; padding:10px;}
.navbar-default .navbar-nav>li>a {color:#1a1a1a;}
.navbar-nav>li>a span {padding:0 2px 5px 2px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background: none; }
.navbar-default .navbar-nav>.active>a span, .navbar-default .navbar-nav>.active>a:hover span, .navbar-default .navbar-nav>.active>a:focus span {border-bottom:2px solid #000;}


.next-section {position: absolute;left: 0;right: 0;bottom:23px; margin: 0 auto;width:28px; height:48px; border: 2px solid #fff;border-radius: 15px; z-index:99; opacity: 1!important;}
.next-section:before {margin-left: 10px; width:3px; height:13px; display: block; background: url(../images/downline.jpg) 0 0 no-repeat; display: inline-block; text-align: center; content: ''; z-index: 999; animation: bounce 1s linear 0s infinite alternate;-webkit-animation: bounce 1s linear 0s infinite alternate;-moz-animation: bounce 1s linear 0s infinite alternate;-ms-animation: bounce 1s linear 0s infinite alternate;-o-animation: bounce 1s linear 0s infinite alternate;}

.menu-icon {position: absolute!important; right: 40px;top: 40px;}
.menu-icon .fas.fa-bars {font-size: 18px;}

.carousel-item {background-position: center center; background-size: cover; background-repeat: no-repeat;}
.owl-carousel .owl-item img { visibility:none;}
.tc-carousel-container {position: relative;}
.owl-stage-outer, .owl-stage, .owl-item, .carousel-item, .owl-carousel .owl-item img {height: 100%;}


h1.banner-title {position: absolute; font-weight:300; top:32%; left:11%; z-index: 9; mix-blend-mode: overlay; font-size: 153px;color: #fff;    line-height: 134px;}
h1.banner-title strong {font-weight: 900;}


.widget {padding:0; border:0; margin: 0;}

.more-link {font-size:14px; font-weight:400; text-transform: uppercase; color:#4b4e53; }
.more-link span {display: inline-block; width:23px; height:24px; background:url(../images/sprite-image.png) 10px 0 no-repeat; vertical-align: middle; }
.more-link:hover {text-decoration: none; color:#e30000;}


.black-bg {background: #000;}
.image-part .image {background-position: center center; background-repeat: no-repeat; background-size: cover; }
.image-part img {opacity:0; visibility:0;}

.our-park {background: #000; padding:120px 0 70px; border-top: 4px solid #f00;}
.our-park .col-sm-4 {margin-bottom:60px;}
.our-park span {text-transform: uppercase; color:#7e8082;}
.our-park .big-letter, .our-park .titles {display: inline-block; vertical-align: bottom;}
.big-letter {font-size:75px; font-weight:800; color:#4b4e53; font-family: 'Lato', sans-serif; line-height: 75px; margin-right:30px;}
.our-park p {margin-top: 10px;}



.feature-section .box-section .col-sm-6 {text-align: right; padding: 0; min-height:694px;}
.feature-section .box-section .content { position: absolute;text-align: left;top: 50%;left: 0;right: 0; margin:0 0 0 20%; width: 60%;transform: translateY(-50%); }

.feature-section .box-section .image-part .image {width: 100%;}
.feature-section .box-section .image-part img {min-height: 694px;}

.feature-section .box-section:nth-child(even) {float: right; width: 100%;}
.feature-section .box-section:nth-child(even) .content-part {float: right;}
.feature-section .box-section:nth-child(even) .content { text-align: left;  width: 65%;     padding-left:0;}

.feature-section .box-section h3 {font-size: 60px; position: relative; margin-bottom: 52px;}
.feature-section .box-section h3:after {content:''; position: absolute; width: 103px; border-bottom: 6px solid #4b4e53; bottom:-20px; left: 0;}
.feature-section .box-section h3 strong {font-weight: 900px; display: block;}


.home-sales {padding:120px 0 80px;}
.home-sales .box {min-height:95px;}
.home-sales .box h2 {margin: 0;}
.home-sales .box:first-child {padding-top:0;}
.home-sales .box {padding-top:18px; margin-bottom:50px;}
.home-sales .col-sm-3.box + .col-sm-6.box p {padding-right: 70px;}


.family-section {position: relative;}
.family-section .container {position: absolute; top:144px; left: 0; right: 0; margin: 0 auto; width: 1170px;}
.family-section h2, .family-section p {color:#fff;}
.family-section h2:before {border-left: 2px solid #fff;}


.getin-touch {background: #e30000; position: relative; padding:40px 0 50px;}
.getin-touch .container {position: relative;}
.getin-touch .black-part {background: #000; width:33%; height: 100%; position: absolute;right: 0;top: 0; z-index: 1;}
.getin-touch h3 {color:#000;}
.getin-touch input { position:absolute; z-index:2; right:17px; top:50%; margin-top:-18px; width: 183px; height: 49px; border: 2px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: #e30000; color:#fff; text-transform: uppercase; font-size: 14px;}
.getin-touch br {display: none;}


.gallery-section{position: relative; padding-bottom: 108px;}
.grid-item { width: 25%; }
.grid-item:hover .item-hover {display: block;}
.grid-item img { width:100%; }
.page-load-status {display: none; padding-top: 20px;border-top: 1px solid #DDD;text-align: center;color: #777;}
.view-more-button {height: 110px;background: #e30000;position: absolute;bottom: 0;width: 100%;}
.view-more-button h3 {color: #000; line-height: 65px; text-align: center;}

.item-hover {display: none !important; background: rgba(255,255,255,0.85); position: absolute; top:15px; bottom:15px; left:15px; right:15px;}
.item-hover .bottom-bar {position: absolute; bottom:0; height: 82px; width: 100%;}
.item-hover .icon {width:89px; height:100%; float: left; border-right: 1px solid #7e8082;}
.item-hover .icon img {width: auto; padding-left:38px;padding-top:30px;}
.item-hover .title {width:calc(100% - 90px); float: left; padding-left: 24px; padding-top: 15px;}
.item-hover .title h5 {margin-bottom:5px; line-height: 18px;}
.item-hover .title h5, .item-hover .title span {color:#7e8082; text-transform: uppercase;}
.item-hover .title span {font-family: 'Open Sans', sans-serif; font-size: 10px; font-weight: 500;}
.item-hover a {position: absolute;top: 0;left: 0;right: 0;bottom: 0; }


.our-blog {padding-top: 55px; padding-bottom: 50px;}
.our-blog .heading {position: relative; margin-bottom: 35px;}
.our-blog .more-link {position: absolute; top:48%; right: 0;}
.our-blog .item {margin-bottom:50px;}
.our-blog .item .date, .our-blog .item .title, .our-blog .item .content {display: inline-block; vertical-align: middle;}
.our-blog .item .date {
display:none;
font-size: 48px; color:#7e8082; font-weight: 300; margin-left: -3px;}
.our-blog .item .date sub {font-size:18px; text-transform: capitalize;}
.our-blog .item .title {margin-left: 12px; padding:8px 85px 8px 15px; position: relative; width: 293px}
.our-blog .item .title h5 {margin-bottom: 5px; margin-top: 5px;}
.our-blog .item .title span {font-size: 13px; text-transform: uppercase; color: #4b4e53; opacity: 0.8;}
.our-blog .item .title:before {content:''; position: absolute; left: 0; top: 0; bottom: 0; border-left:1px solid #e5e5e5;}
.our-blog .item .content {width: calc(100% - 400px);}
.our-blog sub {bottom: -0.08em;}

.testimonial-section {padding:95px 0 75px 0;}
.testimonial-section .quote-item {position: relative;}
.quote-item p {position: relative; width: 700px; float: left; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 14px; color:#7e8082; padding-left: 36px; padding-top: 25px; margin-right:100px;}
.quote-item p:before {content:'"'; position: absolute; top: 0; left:-17px; font-size: 90px; font-weight: 400; font-style: italic; font-family: 'Open Sans', sans-serif; color:rgba(126,128,130,0.31); line-height: 20px; }
.quote-item h6 {float: left; font-size: 14px; font-weight: bold; color:#4b4e53; text-transform: uppercase; font-family: 'Open Sans', sans-serif; text-align: center; position: relative; margin-top:24px;}
.quote-item h6:after { content:''; position: absolute; bottom:-40px; left: 0; width: 330%;  border-bottom: 1px solid #dedede;}
.quote-item h6 span {display: block; color:#7e8082; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; line-height: 20px;}
.quote-item img {position: absolute; right: 0; top: -8px;}


.footer-logo-link {border-top:1px solid #dedede; padding-top: 55px; padding-bottom: 43px;}
.footer-logo-link ul {margin: 0; padding: 0; list-style-type: none; text-align: center;}
.footer-logo-link ul li {margin:0 10px; padding: 0; display: inline-block; vertical-align: bottom;}

.subscribe-section {padding:75px 0; background: #4444;}
.subscribe-section .input-box {width:360px; height:45px; margin-top: 12px; border-bottom: 1px solid #52555a;}
.subscribe-section .input-box label {position: absolute; top:20px; left: 0;}
.subscribe-section .input-box.none label, .input-box.input-has-value label {display: none;}
.subscribe-section .input-box label h3 {margin: 0;}
.subscribe-section .input-box input {width:100%; height:44px; line-height:44px; border:0; background:transparent; font-size:24px; font-weight: 300; text-transform: uppercase; }

.footer-logo-link #gallery-1 {text-align: center;}
.footer-logo-link #gallery-1 img {border: 0;}
.footer-logo-link #gallery-1 .gallery-item {float:none;!important; width: auto!important; display: inline-block;margin-top: 10px;text-align: center;padding: 0 10px;}
.footer-logo-link br {display: none;}


.subscribe-section .input-box input.subscribe-btn {position: absolute; top:13px; right: 0; width: 144px; height: 43px; border: 0; text-transform: uppercase; background: #4b4e53; font-size: 14px; color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; line-height: 42px;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{display:inline-block;}
.subscribe-section .input-box label {font-size: 21px; font-weight: 300; color: #4b4e53; text-transform: uppercase; font-family: 'Lato', sans-serif;}
.subscribe-section .input-box label strong {font-weight:900;}


.footer-section {padding-top: 64px; font-family: 'Open Sans', sans-serif;}
.footer-section .link-section p {margin-bottom: 25px;}
.telephone {font-size: 33px; font-weight: 400; color:#7e8082;}
.email, .telephone:focus, .email:focus {color:#7e8082; text-decoration: none;}
.telephone:hover, .email:hover {color:#d3d3d3; text-decoration: none;}

.footer-section .link-section h5 {margin-bottom: 15px;}
.footer-section .link-section ul {margin: 0; padding: 0; list-style-type: none;}
.footer-section .link-section li {padding:6px 0;}
.footer-section .link-section li a {font-size: 14px; font-weight: 700; color:#7e8082; text-transform: uppercase;}
.footer-section .link-section li a:hover {text-decoration: none; color:#d3d3d3;}

.copyright {border-top: 1px solid #d3d3d3; padding:30px 0; margin-top:30px;}
.copyright small, .social {float:left;}
.copyright small{color:#7e8082;}
.social {float: right; margin-top: -10px;}
.social li {display: inline-block; margin-left:22px;}
.social li a {color:#4b4e53; font-size:21px;}
.social li a:hover {color:#d3d3d3;}



div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{display:none !important;}
.subscribe-section span.wpcf7-not-valid-tip {padding-top: 5px;}

.subscribe-section div.wpcf7 .ajax-loader {position: absolute;top: 27px;right: 210px;}
.subscribe-section div.wpcf7-mail-sent-ok {border: 0;margin-left: -14px;padding-left: 0;margin-top: 7px;margin-bottom: 0;}




keyframes bounce {
  0% {
    transform: translateY(0px);
    animation-timing-function: ease-in-out;
  }
    50% {
    transform: translateY(15px);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(0px);
    animation-timing-function: ease-in-out;
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0px);
    -webkit-animation-timing-function: ease-in-out;
  }
    50% {
    -webkit-transform: translateY(15px);
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(0px);
    -webkit-animation-timing-function: ease-in-out;
  }
}
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(0px);
    -moz-animation-timing-function: ease-in-out;
  }
    50% {
    -moz-transform: translateY(15px);
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(0px);
    -moz-animation-timing-function: ease-in-out;
  }
}
@-ms-keyframes bounce {
  0% {
    -ms-transform: translateY(0px);
    -ms-animation-timing-function: ease-in-out;
  }
    50% {
    -ms-transform: translateY(15px);
    -ms-animation-timing-function: ease-in-out;
  }
  100% {
    -ms-transform: translateY(0px);
    -ms-animation-timing-function: ease-in-out;
  }
}
@-o-keyframes bounce {
  0% {
    -o-transform: translateY(0px);
    -o-animation-timing-function: ease-in-out;
  }
    50% {
    -o-transform: translateY(15px);
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(0px);
    -o-animation-timing-function: ease-in-out;
  }
}
/* Color Buttons
------------------------------------------------------------ */

.button-blue,
.button-gray,
.button-green,
.button-purple,
.button-red,
.button-yellow {
    color: #fff;
    padding: 5px 10px;
}

.button-blue:hover,
.button-gray:hover,
.button-green:hover,
.button-purple:hover,
.button-red:hover,
.button-yellow:hover {
    text-decoration: none;
}

.button-blue {
    background-color: #afcde3;
    border: 1px solid #afcde3;
}

.button-blue:hover {
    background-color: #83a2be;
    border: 1px solid #83a2be;
}

.button-gray {
    background-color: #bdbdbd;
    border: 1px solid #bdbdbd;
}

.button-gray:hover {
    background-color: #919191;
    border: 1px solid #919191;
}

.button-green {
    background-color: #b2ce96;
    border: 1px solid #b2ce96;
}

.button-green:hover {
    background-color: #86a36e;
    border: 1px solid #86a36e;
}

.button-purple {
    background-color: #bebde9;
    border: 1px solid #bebde9;
}

.button-purple:hover {
    background-color: #9291c7;
    border: 1px solid #9291c7;
}

.button-red {
    background-color: #e9b3b3;
    border: 1px solid #e9b3b3;
}

.button-red:hover {
    background-color: #c78787;
    border: 1px solid #c78787;
}

.button-yellow {
    background-color: #fadf98;
    border: 1px solid #fadf98;
}

.button-yellow:hover {
    background-color: #ecb870;
    border: 1px solid #ecb870;
}

/* Youtube
------------------------------------------------------------ */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}