/*
Theme Name: Property
Theme URI: https://www.gemestates.es/themes/property/
Author: Vaheed Nd
Author URI: https://www.gemestates.es/
Description: Property
Version: 2.08
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: property
Tags: 
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

/*FONTS*/

@font-face {
    font-family: 'icomoon';
    src:    url('assets/fonts/icomoon92b7.eot?lxahou');
    src:    url('assets/fonts/icomoon92b7.eot?lxahou#iefix') format('embedded-opentype'),
        url('assets/fonts/icomoon92b7.ttf?lxahou') format('truetype'),
        url('assets/fonts/icomoon92b7.woff?lxahou') format('woff'),
        url('assets/fonts/icomoon92b7.svg?lxahou#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.content-block .content-body a{
    color: #fff;
}
.icon-star-empty:before {
    content: "\e900";
}
.icon-star-full:before {
    content: "\e901";
}
.icon-beds:before {
    content: "\e902";
}
.icon-baths:before {
    content: "\e903";
}
.icon-peeps:before {
    content: "\e904";
}
.single-gemestatesblog h2, .single-gemestatesblog h3, .single-gemestatesblog h4, .single-gemestatesblog h5 {
    color: #454543;
    font-weight: bold;
}
.single-gemestatesblog h3 {
  font-size: 18px;
}
.bodywrap {
    display: inline-block;
    width: 100%;
    height: auto;
}
.gembodywrap {
    margin-bottom: 45px;
}
a.testm.btn {
    background-color: #29abe2;
}
.userinfo {
    background-color: #eef6f7;
    border-radius: 5px;
    padding: 0px 15px;
    border: 2px solid #afd2d5;
    margin-top: 30px;
}
ul.submn.right li {
    float: right;
}
.footer-gem-estates-logo {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    float: none;
}
.footer-gem-estates-logo img {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    position: relative;
}
/*END FONTS*/

html {
   background-color: #ECF2F6;
}

a {
   color: #fff;

}
a:hover {
   color: #43AEBC;
   text-decoration: none;

}
.footerjoinbtn a {
    display: none;
}
.footer-top-copy a {
    color: #00BCD4;
}
.gemblogcontent a, .colophon a {
    color: #29abe2;
}
body {

}

/*load of duplicates follow.. beware...*/

.menu .submn {
   padding: 0;
   margin: 0;
   text-align: justify;
   width: 100%;
   line-height: 2rem;
   font-size: 1.3rem;
}

.menu .submn li {
   display: block;
   position: relative;
   white-space: nowrap;
   top: 2.2rem;
}

.menu .submn:before {
   content: '';
   display: block;
   width: 40%;
   margin-bottom: -2.2rem;
}

.menu .submn:after {
   content: '';
   display: inline-block;
   width: 40%;
}

.submn.left {
   float: none;
}

.submn.right {
   float: none;
}

.menu li a {
   padding: 1.2rem 1.5rem;
   display: block;
   line-height: 1;
}

.menu .logo-menu-item {
}

.menu .logo-menu-item li {
}

.menu .logo-menu-item li a {
}
.gem-estates-logo {
    float: left;
}
.gem-space-logo {
    float: right;
}
.textwidget.custom-html-widget {
    padding: 0px 0;
    vertical-align: middle;
    text-align: right;
}
.logo-center {
   position: relative;
   width: 8%;
   display: none;
   vertical-align: bottom;
}
.content-block h2 a {
    color: #fff;
}
.logo-center img {
   position: absolute;
   right: 0;
   left: 0;
   z-index: 1;
   margin: auto;
   bottom: -4rem;
}
.titles-inner h1 {
    border-bottom: 2px solid;
    margin-bottom: 30px;
}
.footer-menu ul.submn.left li a {
    color: #84c8ce;
}
.site-footer {
    background-color: #eff5f8;
}
h2.content-heading {
    color: #43aebc;
}
.managment .inline-block {
    display: inline-block;
    float: left;
    vertical-align: top;
    /* width: 100%; */
}
.inline-block.belowbox {
    float: none;
}
.aboutus .image-block {
    height: 385px;
}
.page-id-78 .aboutus .image-block {
    height: 406px;
}
.testbox {
    padding: 2rem;
    background-color: #c6dfe1ba;
    margin-bottom: 10px;
}
.testbox p strong {
    text-align: right;
    display: block;
}
.top-contact.col-sm-6 {
    margin-top: 15px;
}
.wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
    height: 34px;
    border: 1px solid #65c2ce;
}
.wpcf7-form textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 130px;
    border: 1px solid #65c2ce;
}
.wpcf7-form input.wpcf7-form-control.wpcf7-captchar {
    width: 100%;
    height: 34px;
    border: 1px solid #65c2ce;
}
.address {
    margin-top: 20px;
    font-size: 20px;
}
.address a {
    color: #43aebc;
}
.partner-logos {
    display: inline-block;
}
.partner-logos ul li {
    float: left;
    list-style: none;
    display: block;
}
.alignright {
    float: right;
}
.cont-box {
    text-align: center;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
}
.midtitle {
    font-size: 20px;
    margin: 10px 0px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.cont-box.secline p {
    min-height: 75px;
}
.cont-box p {
    padding-top: 10px;
}
h2.content-heading.fisrdt {
    min-height: 52px;
}
.midtitle span {
    font-size: 25px;
    font-weight: bold;
    line-height: 35px;
}
.moreinfo a {
    background-color: #29abe2;
    padding: 15px;
    border-radius: 10%;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
}
.moreinfo a {
    background-color: #1c83af;
    padding: 15px;
    border-radius: 9999px;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    border: 2px solid #96ddf0;
}
.moreinfo a:hover {
    background-color: #96ddf0;
    padding: 15px;
    border-radius: 9999px;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    border: 2px solid #1c83af;
    color: #fff;
}
.membershipbox {
    background-color: #b6d5d8;
    display: inline-block;
    padding: 15px;
    width: 100%;
    border: 1px solid #c1b9b9;
    margin-bottom: 15px;
}
.membershipbox h2 {
    text-align: center;
}
.membershipbox ul {
    padding-inline-start: 10px;
}
.membershipbox ul li {
    list-style: none;
    line-height: 45px;
}
body > header {
   margin-bottom: 6rem;
}

.nav-toggle {
   display: block;
   text-align: right;
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

.banner .hdimg {
   height: 15rem;
   background-color: black;
}

.home-slider {
   position: relative;
   overflow: hidden;
   max-height: calc(100vh - 10rem);
}

.home-slider .slick-slide img {
   width: 100%;
}

body {
   font-family: 'Raleway', sans-serif;
   color: #454543;
   font-size: 1.5rem;
}

h1, h2, h3 {
   text-transform: uppercase;
}

h1 {
   color: #43AEBC;
   font-weight: 300;
   font-size: 2.5rem;
   letter-spacing: .2rem;
}

h2 {
   color: #fff;
   margin-top: 0;
   font-size: 2.3rem;
   letter-spacing: .2rem;
}

.row {
}
.site-header {
    margin-bottom: 6rem;
    margin-top: 40px;
}

.content-body a, .inverse {
   color: #43AEBC;
}

.content-body a:hover, .inverse:hover {
   color: #454543;
}


.inverse-b {
   color: #454543;
}

.inverse-b:hover {
   color: #43AEBC;
}

.share {
   text-transform: uppercase;
   letter-spacing: 0.1rem;
   font-size: 2.1rem;
   font-weight: 300;
   color: #43AEBC;
   text-align: center;
   margin-bottom: 3rem;
}


.more {
   margin-bottom: 8rem;
   text-transform: uppercase;
   font-size: 2.1rem;
}

.more > div {
   text-align: center;
   background-color: #A4C8D0;
}

.more > div a {
   line-height: 4rem;
}

body > footer {
   background-color: #ECF2F6;
}

.footer-menu {
   border-top: 2px solid #A4C8D0;
   border-bottom: 2px solid #A4C8D0;
   margin-bottom: 4rem;
   text-transform: uppercase;
}

.colophon {
   font-size: 1.1rem;
   text-align: center;
   letter-spacing: .2rem;
   padding-bottom: 3rem;
}

.colophon .fa-heart {
   font-size: 90%;
}

#slider-nav .slick-track {
   margin-left: -1.5rem;
   margin-right: -1.5rem;
}


#slider-nav .slick-slide img {
   padding: 3rem 1.5rem;
}

.nav.nav-tabs > li:nth-child(1) a {
   background-color: #E0D1BD;
}

.nav.nav-tabs > li:nth-child(2) a {
   background-color: #E8D7BF;
}

.nav.nav-tabs > li:nth-child(3) a {
   background-color: #ECDECA;
}

.nav.nav-tabs > li:nth-child(4) a {
   background-color: #F0E7D6;
}

.nav.nav-tabs > li:nth-child(5) a {
   background-color: #F6EEE4;
}

.nav.nav-tabs > li:nth-child(6) a {
   background-color: #FBF7F1;
}

.nav-tabs > li {
   width: 100%;
}

@media (min-width: 768px) {
}

.nav.nav-tabs > li a {
   border-radius: 0;
   color: #A4C8D0;
   border: 0;
   margin: 0;
   text-align: center;
}

.nav.nav-tabs > .active a {
   background-color: #A4C8D0 !important;
   color: #fff !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
   border: 0;
}

.sandy {
   background-color: #E8D7BF;
   padding: 3rem;
   margin-bottom: 3rem;
}

.slick-slide img:focus,
.slick-track:focus,
.slick-slide:focus {
   outline: none;
}

.cta {
   height: 50vh;
   max-height: 600px;
   background-size: cover;
   position: relative;
   margin-bottom: 8rem;
}

.villa-tile {
   background-color: #E8D7BF;
   min-height: 36rem;
}

.villa-tile-head {
   padding-top: 3rem;
   padding-right: 3rem;
}

.villa-tile-head h2 {
   margin: 0;
   color: #43AEBC;
   padding: 1rem;
   padding-left: 3rem;
   float: left;
}

.villa-info {
   float: right;
   color: white;
   font-size: 2.3rem;
   border: 2px solid;
   border-bottom: 0;
}

.villa-info > div {
   width: 8rem;
   float: left;
   padding: 1rem;
   line-height: 2.4rem;
}

.villa-info .beds {
   background-color: white;
   color: #E8D7BF;
}

.villa-tile-head h3 {
   clear: both;
   color: white;
   margin: 0;
   padding-top: 1rem;
   padding-left: 3rem;
   border-top: 2px solid;
   font-size: 1.8rem;
}

.villa-tile-body {
   padding: 3rem;
   padding-top: 1rem;
}
 @media (max-width: 767px) { 
     ul.submn.right li {
    float: none;
}
.footer-menu {
    height: auto;
}
.footer-menu .menu li a {
    text-align: center;
}
.textwidget.custom-html-widget {
    text-align: center;
}
.top-contact.col-sm-6 {
    margin-top: 5px;
}
.page-template-inner-page-template .top-title {
        padding-top: 10px;
    }
 }
@media screen and (max-width: 1024px) and (min-width: 992px) {
	.cont-box {
    min-height: 335px;
}
.top-title.col-sm-6 {
    width: 70%;
}
.top-contact.col-sm-6 {
    width: 30%;
}
}

@media (max-width: 991px) {

.villa .col-md-4 {margin-bottom: 0}
.villa .col-md-8 {margin-bottom: 3rem}


}

.fillit {
   width: 100%;
   height: 100%;
}

.read-more {
   color: #454543;
}

.read-more:hover {
   color: white;
}



.body-wrap {

   margin-bottom: 16rem;
}


@media (max-width: 480px) {

   .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
   .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
   .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
   .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
   .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
   .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
   .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
   .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
   .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
   .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
   .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
   .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
      padding: 0;
   }

    .content-body, .content-heading, .cform {

      padding-left: 1.5rem;
      padding-right: 1.5rem;
   }

   .gemblogcontent {
    margin-right: 15px;
    margin-left: 15px;
}



}

/*HEADER*/

.top-menu {
   background-color: #ffffff;
   text-transform: uppercase;
   font-weight: 300;
   letter-spacing: 0.1rem;
   line-height: 4rem;
   font-size: 2.1rem;
   /* position: fixed; */
   z-index: 20;
   width: 100%;
   /*opacity: 0.96;*/
   margin-top: -40px;

    /*make this a bit smaller for mobile..*/
   font-size: 80%;
   text-align: center;
}
.textwidget.custom-html-widget a {
    color: #00040a;
    font-weight: bold;
}
.top-contact {
   color: #00040a;
   text-align: center;
}


@media (min-width: 768px) {

  .top-menu {
    
    text-align: left;
    position: fixed;


  }
  .top-contact {
   text-align: right; 
  }

}

@media (min-width: 992px) {

  .top-menu {

    font-size: 100%;

    
  }

}

/*wp admin bar shiz*/
.admin-bar .top-menu {
   /*top: 32px;*/
   /*z-index: 20;*/
}

.admin-bar .fixednavigation {

  margin-top: 70px; 

}  


.top-title {

}


.main-menu .menu {
   text-transform: uppercase;

}

.main-menu {
   background-color: #afd2d5;
   font-size: 1.6rem;
   font-weight: 300;
   text-align: center;
   height: 40px;
}


.menu {
   
}

.menu .submn {
   padding: 0;
   margin: 0;
   text-align: justify;
   width: 100%;
   line-height: 2rem;
   font-size: 1.3rem;

}
.menu .submn li {
   display: block;
    position: relative;
   white-space: nowrap;
   top: 2.2rem;;;
}
.menu .submn:before {
    content: '';
    display: block;
    width: 40%;
   margin-bottom: -2.2rem;
}
.menu .submn:after {
    content: '';
    display: inline-block;
    width: 40%;
}


.submn.left {
   float: none;;
}
.submn.right {
   float: none;
}

.menu li a {
   padding: 1.2rem 1.5rem;
   display: block;
   line-height: 1;
}



.menu .logo-menu-item {

}
.menu .logo-menu-item li {

}
.menu .logo-menu-item li a {

}


.logo-center {
   position: relative;
   width: 8%;
   display: none;
   vertical-align: bottom;

}
.logo-center img {
   position: absolute;
   right: 0;
   left: 0;
   z-index: 40;
   margin: auto;
   bottom: -4rem;
   transition: all .5s ease;
}



body > header {
   margin-bottom: 6rem;
   margin-top: 40px;
}


.nav-toggle {
   display: block;
   text-align: right;
   padding: 1.5rem;
   float: right;
}

@media (min-width: 768px) {


   .nav-toggle {
      display: none;
      text-align: left;
   }

   .menu .submn {
      width: 50%
   }

   .submn.left {
      float: left;
   }

   .submn.right {
      float: right;
   }

   .menu .submn li {
      display: inline-block;
   }
}
@media (min-width: 992px) {

   .menu .submn {
      font-size: inherit;
      line-height: inherit;
   }

   .logo-center {
      display: inline-block;
   }

   .menu .submn {
      width: 46%;
   }


}
@media (min-width: 1200px) {

   .logo-center {
      width: 20%;
      transition: all 1s ease;
   }

   .menu .submn {
      width: 40%;
   }

}
/*banner*/

.banner .hdimg {
height: 36rem;
background-color: black;
background-size: cover;
background-position: 50% 50%;
}

/*home-slider*/

.home-slider {
   position: relative;
   overflow: hidden;
   max-height: calc(100vh - 10rem);
}

.home-slider .slick-slide img {
   width: 100%;
}

/*END HEADER*/


body {
   font-family: 'Raleway', sans-serif;
   /*font-family: 'Montserrat', sans-serif;*/
   color: #454543;
   font-size: 1.5rem;
}


h1, h2, h3 {
   text-transform: uppercase;
}
h1 {
   color: #43AEBC;
   font-weight: 500;
   font-size: 2.2rem;
   letter-spacing: .2rem;
}
h2 {
   color: #fff;
   margin-top: 0;
   font-size: 2.3rem;
   letter-spacing: .2rem;
}

/*END HOME*/

/*STATES*/

.row {
}

.col-md-4 {
   
   /*may be too aggressive..*/
   
margin-bottom: 3rem;
   
overflow: hidden;
}
/*LINKS*/


.links-title {
    color: #43AEBC;
    font-size: 3.6rem;
    text-align: center;
    margin-bottom: 6rem;
}

.links .row > div {

   overflow: hidden;
}

.image-block {
   height: 360px;
   background-size: cover;
   background-position: 50% 50%;
   background-color: #F9F9F9;
}   
   /*margin-bottom: 3rem;*/

.image-block:hover .centro {
   top: 15%;
}
.image-block:hover .preview {

   top: 0%;
   
}

.image-block.hover .centro {
   top: 20%;
}
.image-block.hover .preview {

   top: 0%;
}

.image-block.hover .centro {
   top: 20%;
}
.image-block.hover .preview {

   top: 0%;
}

.image-block h2 {
   text-transform: uppercase;
   font-size: 2.3rem;
   letter-spacing: .2rem;
   font-weight: 500;
   background-size: cover;
   position: relative;
   background-position: 50% 50%;
   z-index: 3;
   transition: all 0.5s ease;
}
.image-block a {

}


.image-block .preview {
   position: absolute;
   top: 100%;
   padding: 2rem;
   padding-top: 9rem;
   height: 36rem;
   width: 100%;
   transition: all 0.5s ease;
   background-color: rgba(88,115,121,0.75);
   text-shadow: 1px 4px 10px rgba(39, 39, 39, 0.79);
   text-align: center;
}

@media (min-width: 768px) {
   .image-block .preview {width: calc(100% - 3rem);}
}
@media (min-width: 992px) {
   .image-block .preview {width: 293.33px;}
}
@media (min-width: 1200px) {
   .image-block .preview {width: 36rem;}
}

.image-block p {

   color: white;

}

.content-block {
   background-color: #A4C8D0;
   padding: 1rem 2rem;
   min-height: 360px;
   margin-bottom: 5rem;
}

.centro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-shadow: 2px 1px 5px rgba(0,0,0,0.74);
  text-align: center;
}

/*END LINKS*/
/*STATES*/

.inverse {
   color: #43AEBC;
}
.inverse:hover {
   color: #454543;
}

/*END STATES*/
/*SHARE*/
.share {
text-transform: uppercase;
letter-spacing: 0.1rem;
font-size: 2.1rem;
font-weight: 300;
color: #43AEBC;
text-align: center;
}
/*END SHARE*/
/*MORE*/
.more > div {
   text-align: center;
   background-color: #A4C8D0;
}
.more > div a {
   line-height: 4rem;

}
/*END MORE*/
/*FOOTER*/

body > footer {
   background-color: #ECF2F6;
   
}
.footer-menu {
   border-top: 2px solid #A4C8D0;
   border-bottom: 2px solid #A4C8D0;
   margin-bottom: 3rem;
   height: 40px;
}
.colophon {
   font-size: 1.1rem;
   text-align: center;
   letter-spacing: .2rem;
   padding-bottom: 3rem;
}
.colophon .fa-heart {
   font-size: 90%;
}
/*END FOOTER*/

/*SINGLE PROP*/

/*slider..*/

#slider-nav .slick-track {
   margin-left: -1.5rem;
   margin-right: -1.5rem;
}

#slider-nav .slick-slide img {
   padding: 3rem 1.5rem;
}

.nav.nav-tabs > li:nth-child(1) a {

   background-color: #E0D1BD; 
}
.nav.nav-tabs > li:nth-child(2) a {

   background-color: #E8D7BF;
}

.nav.nav-tabs > li:nth-child(3) a {

   background-color: #ECDECA;
}

.nav.nav-tabs > li:nth-child(4) a {

   background-color: #F0E7D6;
}

.nav.nav-tabs > li:nth-child(5) a {

   background-color: #F6EEE4;
}

.nav.nav-tabs > li:nth-child(6) a {

   background-color: #FBF7F1;
}
.nav-tabs > li  {

   width:   100%;
}
@media (min-width: 768px) {
   .nav-tabs > li  {

      width:   16.666666%;
   }
}
.nav.nav-tabs > li a {
   border-radius: 0;
   color: #A4C8D0;
   border: 0;
   margin: 0;
   text-align: center;
}
.nav.nav-tabs > .active a {
   background-color: #A4C8D0 !important;
   color: #fff !important;

}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border: 0;
}

.sandy {
   background-color: #E8D7BF;
}

/*END SINGLE PROP*/
/*slider global*/

.slick-slide img:focus,
.slick-track:focus,
.slick-slide:focus {
        
    outline: none;

}
.cta {
   height: 50vh;
   max-height: 600px;
   background-size: cover;
   background-position: 50% 50%;
   position: relative;
   background-attachment: fixed;
   margin-bottom: 8rem;
   
}


.villa-tile {
   background-color: #E8D7BF;
   min-height: 36rem;
   
}


.villa-tile-head {
   padding-top: 3rem;
   padding-right: 3rem;

}
.villa-tile-head h2 {
   margin: 0;
   color: #43AEBC;
   padding: 1rem;
   padding-left: 3rem;
   float: left;
}

.villa-info {
   float: right;
   color: white;
   font-size: 2.3rem;
   border: 2px solid;
   border-bottom: 0;
}

.villa-info > div {

   width: 8.8rem;
   float: left;
   padding: 1rem;
   line-height: 2.4rem;


}

/*titles*/
.titles {
   text-align: center;
}

.titles h1, .titles h2 {

   color: #43AEBC;
   padding: 1.5rem;
}

.page .titles h1 {
   font-weight: 600;
   font-size: 3.6rem;
}
.page .titles h2 {

   border-top: 2px solid;
   font-weight: 300;

}
.page.page-template-default .titles h1 {
   border-bottom: 2px solid;
}
.page.page-template-default .titles h2 {
   border: 0;
}
.page.page-template-default .titles {

   margin-bottom: 3rem;
}
/*end titles*/
/*single property*/
.single-property .titles {
   text-align: left;
}


.single-property .titles h1, .single-property .titles h2 {

   margin: 0;
   padding: 0;
   font-size: 3.4rem;

}
.single-property .titles h1 {
   font-weight: 300
}
.single-property .titles h2 {

 font-weight: 600
}

.single-property .titles-inner{
   border-bottom: 2px solid #43AEBC;
   margin: 3rem;
   padding-bottom: 1.5rem;


}
.property-aside h3 {
   color: #43AEBC;
   font-weight: 300;
   text-align: center;
   margin-top: 0;
   margin-bottom: 1.5rem;

}

@media (min-width: 992px) {
.key-facts {
   min-height: 46.233rem;
}
}

@media (min-width: 1200px) {
   
.key-facts {
   min-height: 56.2rem;
   
}
}

.key-facts .villa-info {
   float: none;
   border: 2px solid;
   border-bottom: 0;
   background-color: white;
}

.key-facts .villa-info:after {
    content:"";
    display:block;
    clear:both;
}

.key-facts .villa-info > div {
   width: 33%;
   text-align: center;
   background-color: white;
   color: #E8D7BF;
}

.key-facts .villa-info > .beds {
   color: white;
   background-color: #E8D7BF;
}
.facts-content {
   clear: both;
}
hr.divider {
    margin-left: -3rem;
    margin-right: -3rem;
    height: 2px;
    border: 0;
    background-color: white;
    margin-top: 0;
    margin-bottom: 3rem;
}

/*end single property*/

/*boxes*/
.boxes > .row {
   text-align: center;
}
.inline-block  {
   display: inline-block;
   float: none;
   vertical-align: top;
   /*width: 100%;*/

}

@media (max-width: 767px) {
   .inline-block {
      width: 100%;
   }
 .main-menu {
   background-color: #454543;
}
.site-footer {
    padding-bottom: 30px;
}
.footerjoinbtn {
    text-align: center;
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
    position: fixed;
    bottom: 0;
    font-size: 25px;
    background-color: #454543;
    font-weight: bold;
    padding: 10px 0px;
        z-index: 11;
}
.partner-logos ul {
    padding: 0;
}
.partner-logos ul li {
    float: none;
    list-style: none;
    text-align: center;
}
.partner-logos {
    display: inline-block;
    width: 100%;
}
}
/*end boxes*/
/*page*/
.page.page-template-default .content h2 {
   color: #43AEBC;
   font-weight: 300;
}
/*end page*/
/*single prop*/

.tabbage {
   margin-bottom: 3rem;
}

.property-map {
   margin-bottom: 3rem;  
}
.enquire-now label {
   color: white;
   text-transform: uppercase;
   margin: 0;


}
.enquire-now .form-group {
   margin-bottom: 0.5rem;
}
.booking-notes {
   padding-left: 2rem;
   padding-right: 2rem;
   text-align: justify;
}
/*end single prop*/
/*forms general*/
.form-control {
   border-radius: 0;
}

.form-submit {
   text-align: center;

}
.form-submit input {
   width: 50%;
   max-width: 15rem;
   color: white;
   background-color: #43AEBC;
   border-radius: 0;
   text-transform: uppercase;
}
.form-submit input:hover {
   background-color: white;
   color: #43AEBC;
}

.form-submit .ajax-loader {
   display: none;
}
/*end forms general*/
/*contact*/
.cform h2 {
   color: #43AEBC;
}
.cform input, .cform textarea {
   background-color: #ECF2F6;  
}
.form-submit input {
    background-color: #43AEBC;
}
/*end contact*/
/*testimonilas*/

.testimonials-head {
   border-bottom: 2px solid;
   margin-left: 3rem;
   margin-right: 3rem;
}

.lefty {
   font-weight: 300;
}

.testimonials-head, .testimonial-head  {
   color: #43AEBC;
   text-transform: uppercase;
}

.testimonials h2  {

   font-size: 3.6rem;
   text-align: center;
}

.testimonial {
margin: 9rem 3rem;
position: relative;
background-color: #F3EADE;
min-height: 180px;
padding-bottom: 1.5rem;
}
.more-testimonials {
   text-align: center;
   color: #454543;
}
.more-testimonials p {
   margin: 0;
}
.more-testimonials a {
   display: block;
   padding: 1.5rem;
   font-style: italic;
   font-size: 2rem;
}
.testimonial-thumb {
   background-color: grey;
   height: 220px;
   width: 180px;
   float: left;
   margin-bottom: 1rem;
   margin-right: 1.5rem;
}
.testimonial-body, .testimonial-head {
    margin-left: 1.5rem;
    margin-right: 3rem; 
    padding-top: 1.5rem;
}

.testimonial-head {
   border-bottom: 2px solid white;
   margin-bottom: 1.5rem;
}

.testimonial-body {
   clear: both;
}
@media (min-width: 768px) {
  
  .testimonial-body, .testimonial-head {

    margin-left: 210px;
  }
  .testimonial-thumb {
   
     position: absolute;
     top: -40px;
     left: 0;
     float: none;
     margin: 0;
  }

}
.open-quote {
   position: absolute;
   top: -3rem;
   left: -27px;
}
.close-quote {
   position: absolute;
   right: -27px;
   bottom: -3rem;
}
.testimonial .read-more {
   display: none;
}
/*end testimolials*/
.fixednavigation {
  position: fixed;
  top: 79px;
  z-index: 20;
  width: 100%;
}
.fixednavigation .logo-center{
  
width: 7% !important;
  
z-index: 50;
}
.fixednavigation .logo-center img {
  bottom: -2.1rem;
  z-index: 50;
}

@media (max-width: 767px) {

  .show-nav {
    max-height: 1000px !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-left: 3rem;
  }

  .fixednavigation {
      top: 0;
      margin: 0 !important;
              height: 60px;
  }

}

.no-testimonials {
  
  padding: 3rem 3rem 0;
  text-align: center;
  
}

/*slick slider nav*/
.slick-prev,
.slick-next
{
    position: absolute;
    top: 50%;
    
    display: block;
    width:30px;
    height:39px;
    
    margin-top: -22px;
    padding: 0;
    
    cursor: pointer;

    font-size: 0;
    line-height: 0;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;

    z-index: 2;

}

.slick-prev:hover,
.slick-next:hover {
    opacity: 0.8;
}

.slick-prev
{
    left: 5px;
    background-image: url('assets/images/arrow-left.png');
}

.slick-next
{
    right: 5px;
    background-image: url('assets/images/arrow-right.png');
}
/*end slick slider nav*/

@media (max-width:767px) {
  .main-menu .menu.nav-collapse {
    visibility: hidden;
    float: left;
    max-height: 52px;
    opacity: 0;
    transition: all .5s ease-in-out;
  }
}
/*password protect form..*/
.post-password-form {
    text-align: center;
}

/*new top bar conditionals..*/
@media (max-width:767px) {
.gem-space-logo {
    float: none;
    width: auto;
    display: none;
}
.footerjoinbtn a {
    display: block;
}
.page-template-inner-page-template .gem-space-logo {
    display: none;
}
.textwidget.custom-html-widget {
    padding: 0px 0;
}
.gem-estates-logo {
    float: none;
}
.top-title.is-fixed .gem-space-logo {
    display: none;
}
.page-template-aboutus-page-template .top-title {
    position: relative;
    top: 15px;
    color: white;
    left: 0px;
}
  .top-title {
    position: revert;
    top: 45px;
    color: white;
    left: 15px;
    background-color:#fff;
  }

  .admin-bar .top-title {
      top: 90px;
  }

  .home .top-title {
    position: relative;
    top: 0;
    left: 0;
  }

  .top-title.is-fixed {
    position: fixed;
    top: 0px;
    z-index: 25;
    color: white;
    left: 0px;
  }
  .top-title.is-fixed img{
  	width: 63%;
    float: left;
    height: auto;
  }
  .body-wrap {
    margin-bottom: 0rem;
}
  .top-title.is-hidden {
    visibility: hidden;
    display: none;
    opacity: 0;
  }
  .page-template-aboutus-page-template .site-header{
    margin-bottom: 0rem;
    margin-top: 35px;
  }
   .page-template-aboutus-page-template .top-menu{
  	line-height: 6rem;
  }
  .page-template-managment-page-template .site-header{
    margin-bottom: 0rem;
    margin-top: 35px;
  }
  .page-template-managment-page-template .top-title{
  	width:100%;
  	left: 0;
  }
  .page-template-inner-page-template .top-menu{
  	    height: 125px;
  }
  .page-template-inner-page-template .top-title{
padding-top:5px;
  	left: 0;
  }
  .page-template-inner-page-template .site-header{
    margin-bottom: 0rem;
    margin-top: 35px;
  }
  .cont-left, .cont-right {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.cont-left .content-heading {
    padding: 0;
}
.cont-right .content-heading {
    padding: 0;
}
}



.cform {
  margin-bottom: 3rem;
}


a .fa {color: #43AEBC;font-size: 1.2em}

.shariff.shariff-main {
    display: inline-block !important;
    vertical-align: top;
    margin-top: -0.15em;
}

.text-dark {
    color: #454543;
}


.legal-bits {
    font-size: 1.1rem;
    text-align: center;
    letter-spacing: .1rem;
    margin-bottom: 0.8rem;
    
}

.legal-bits ul {
    display: inline-block;
}

.legal-bits li {
    display: inline-block;
}

.legal-bits li:after {
    content: '|';
    display: inline-block;
    margin-left: 0.4rem;
}

.legal-bits li:last-child:after {
    content: none;
}

.legal-bits a {
    color: #454543;
}

.legal-bits a:hover {
    color: #41aebc;
}