.thesaas-sections-split .section,
.thesaas-sections-split .main-content .topbar,
.thesaas-sections-split .main-content .site-footer {
  margin: 30px 50px 100px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
  border: 1px solid #ebebeb;
}

.thesaas-sections-split .main-content .topbar {
  position: static;
}

.thesaas-sections-split .main-content .topbar .topbar-toggler {
  display: none;
}

.thesaas-sections-split .section-info {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding-top: 60px;
}

.thesaas-sections-split.topbar-reveal .main-content .topbar-nav {
  display: none;
}

@media (max-width: 768px) {

  .thesaas-sections-split .section,
  .thesaas-sections-split .main-content .site-footer {
    margin: 30px 0 100px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }

}


/*//////////////////////////////*/
/*Custom*/
/*/////////////////////////////*/

/*section p {
  font-style: italic;
}*/

.btn:hover img {
  transform: scale(1.1);
  transition-delay: .2s;
}

p.pintro {
  font-family: 'PT Serif', serif;
  font-size: 38px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 600;
}

h2 {
  font-family: 'Dancing Script';
}

.h2, h2 {
  font-size: 48px;
}

h3 {
  font-size:1.4rem;
  margin-bottom: 20px;
  font-family: 'PT Serif', serif;
  font-style: italic;
}

h1.orange, h2.orange {
    color:#f67e00;
}

h2.orangelight {
    color:#ef9f3c;
}

h2.blue {
    color:#345397;
}

h2.green {
    color:#6b9f52;
}

img.img-paleta {
  margin: 20px 0;
}

img.img-item {margin-right: 15px;}

/*Formularios*/

#form1 {
    margin-left: 20px;
    padding-left: 0;
}

#frm-Contact label {
    display: block;
    font-weight: 400 !important;
}

ul#form1 {
    list-style: none;
}

#frm-Contact li {
    margin-bottom: 15px;
}

#frm-Contact li.gf_left_half {
    float: left;
    margin-bottom: 15px;
    width: 50%;
}

#frm-Contact a {
    text-decoration: underline;
}

#btn-form1 {
    background-color: #f67e00;
    color: #fff;
    border: 1px solid #f67e00;
    box-shadow: none;
    border-radius: 45px;
    padding: 4px 42px;
    margin-left: 20px;
}

#btn-form1:hover {
    color:#f67e00;
    background-color: #fff;
}

#frm-Contact textarea, #frm-Contact select{
    width: 90%;
}

#frm-Contact input {
    width: 80%;
}

#frm-Contact .hashtag {
    font-size: 19px;
}

.btn-bases {
    margin-bottom: 15px;
    margin-left: 20px;
    margin-top: -5px;
}

.btn-bases a {
    color:#93754f;
}

#frm-Contact textarea, #frm-Contact input, #frm-Contact select{
    border:1px solid #93754f;
}

#postales-xl p {font-size: 16px;}


/*Fin Form*/

@media (min-width: 992px) {
  .posabt {
    position: absolute;
    right: 0;
    top: 0;
}

  .posrel {position: relative;}

  .offset-1 {
    margin-left: 11%;
  }

  .offset-1.offset-custom {
    margin-left: 2%;
  }

  .div-postales div {
        display: inline-block;
        width: 45%;
    }

    .div-postales {
        padding-left: 20px;
        margin-bottom: 30px;
    }

    .div-postales > div {
        margin-right: 15px;
    }
}

@media (min-width: 992px) and (max-width: 1699px) {
  .div-postales {
        width: 100%;
  }
}

@media (min-width: 1700px) {
  .div-postales {
        width: 940px;
  }
}

@media (min-width: 401px) and (max-width: 991px) {
  .posabt {margin-top:30px;}

  .offset-1.offset-custom {margin: 0 auto;}

  .mb-mobile {margin-bottom: 50px;}

  #frm-Contact {width: 90%; margin: 0 auto;}

  h2 {line-height: 1;}

  .div-postales div {
        display: inline-block;
        width: 95%;
    }

    .div-postales {
        padding-left: 20px;
        margin-bottom: 30px;
    }

    .div-postales > div {
        margin-right: 15px;
    }
}

.foo-custom {
    background-image: url("../img/img_Footer.jpg");
    padding: 50px 0;
    background-repeat: no-repeat;
    background-position: center 0;
}

.swiper-pagination {
  position: static;
  margin-top: -10px;
}

@media (min-width: 1200px) {

  nav.topbar .container {
    width: 70% !important;
  }
}

.section.pbcustom {
  padding-bottom: 180px;
}

.pt20 {
  padding-top: 20px;
}

/*.video-responsive {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.canvas,
.video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background: #000;
  z-index: 5;
}

#over_video{
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  z-index: 10;
}*/

a.postal { display: inline-block; }

a.postal img {
  visibility: hidden;
  opacity: 0;
  width: 100%;
}

#agaete,
#tamadaba,
#roque,
#dunas {
    width: 100%;
    height: auto;

    background-image: url('../img/Image_Norte_Front.jpg');
    background-size: 100%;

    transition: all 1s linear;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;

    position: relative;
    left: 0;
    top: 0;
}

#agaete:after,
#tamadaba:after,
#roque:after,
#dunas:after {
    content: '';

    background-size: 100%;

    -webkit-transform: rotateY( 180deg );
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;

    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

#agaete:hover,
#tamadaba:hover,
#roque:hover,
#dunas:hover {
  -webkit-transform: rotateY( 180deg );
}

#agaete { background-image: url('../img/Image_Norte_Front.jpg'); }
#tamadaba { background-image: url('../img/Image_Tamadaba_Front.jpg'); }
#roque { background-image: url('../img/Image_Roque_Nublo_Front.jpg'); }
#dunas { background-image: url('../img/Image_Dunas_Maspalomas_Front.jpg'); }

#agaete:after { background-image: url('../img/Image_Norte_Back.jpg'); }
#tamadaba:after { background-image: url('../img/Image_Tamadaba_Back.jpg'); }
#roque:after { background-image: url('../img/Image_Roque_Nublo_Back.jpg'); }
#dunas:after { background-image: url('../img/Image_Dunas_Maspalomas_Back.jpg'); }

/*
#agaete,
#tamadaba,
#roque,
#dunas {
  transition:all 1s ease-in-out;
  perspective: 800px;
  perspective-origin: 50% 100px;
}

#agaete:hover,
#tamadaba:hover,
#roque:hover,
#dunas:hover {
  transform:rotateY(180deg);
} */

@media (max-width: 400px) {
  .div-postales div {
        display: inline-block;
        width: 45%;
        min-width: 310px;
    }
}

@media (max-width: 500px) {
    .section {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }

    .h-fullscreen-top {
      height: initial !important;
    }

    div#over_video div.pt-150 {
      padding-top: 90px !important;
    }

    div#over_video p img {
      max-width: 70% !important;
    }

    div#over_video div.video-btn-wrapper {
      padding-top: 20px !important;
    }

    div#over_video div.video-btn-wrapper img {
      max-width: 50% !important;
    }
}

.orangelight {
    color: #ef9f3c !important;
}

/* This used to work for the parent element of button divs */
/* But it does not work with newer browsers, the below doesn't hide the play button parent div */

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

@media (min-width: 501px) and (max-width: 1600px) {
  div.div-Custom-Postal {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 100% !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  div.div-Custom-Postal:first-of-type { margin-left: 1%; }

  div.div-Custom-Postal > h3 { width: 93% !important; }

  div.div-Custom-Postal form ul#form1 { width: 100% !important; }
}

div.div-Custom-Postal > h3 { margin: 0 !important; }

div.div-Custom-Postal form ul#form1 > li:first-child { text-align: center !important; }

#frm-Contact select { height: 32px !important; }
#frm-Contact input#name { width: 90% !important; }

/*************************************************************/
/*************************************************************/
/*************************************************************/

@media (max-width: 991px) {
  .topbar-left {width: 100%;}
  .topbar-brand {margin:0 auto; padding-right:50px; }

  .pdb-mb {padding-top: 50px;}

  .topbar-nav .menu-languages span {display: none;}
}

.topbar.topbar-inverse .topbar-nav > .nav-item > .nav-link.active {color: #f67e00;}