@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i'); /* font-family: 'Lato', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Prata:400%7CLato:300'); /* font-family: 'Prata', sans-serif; */

/* _custom_design/main.css v.2.0.0 - last modified 24.07.2018 (see config/version_history.php for details)*/
/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Main options */

html {min-width: 350px;}
body {font-family: "Lato",sans-serif; min-width: 350px; background: #F9F9F9;}
h1, h2, h3, h4, h5, .th-country-text { font-family: Prata;}
h2 {font-size: 36px;}
p {font-size: 20px; font-weight: 300;}
li {padding-bottom: 10px;}

.swiper { width: 600px; height: 300px;}

.th_custom_pages_1 .th-main-menu-container{ background: rgba(255, 255, 255, 0); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(2px); }
.th-main-menu-container{ background: #212F0F; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); backdrop-filter: blur(2px); }


.th-custom-design-title-intro {}
.th-custom-design-title {}
.th-custom-design-title-underline {}
.th-custom-design-title-subtitle {}

.th-custom-design-paragraph-title-intro {}
.th-custom-design-paragraph-title {}
.th-custom-design-paragraph-title-underline {}
.th-custom-design-paragraph-subtitle {}
.th-custom-design-paragraph-text {}

a.th-custom-design-button {border: 1px solid #000; padding: 10px 20px; color: #000;}
a.th-custom-design-button:hover {background-color: #000; color: #fff; text-decoration: none;}

.th-custom-class-1 {font-size: 50px;}
.th-custom-class-2 {font-size: 30px;}
.th-custom-class-3 {font-size: 20px;}
.th-custom-class-4 {font-size: 16px;}
.th-custom-class-5 {font-size: 10px;}

.th-custom-class-6 {font-size: 25px;}

.th-custom-color-class-1 {color: #b90000;}
.th-custom-color-class-2 {color: #00b900;}
.th-custom-color-class-3 {color: #0095b9;}
.th-custom-color-class-4 {color: #0032b9;}
.th-custom-color-class-5 {color: #b900b9;}



/* Global */
.th-color-black{color: black !important;}
.th-h-30{height: 30px;}
.th-text-home, .th-headquarters, .th-countries, .th-trust-us, .th-contact-form, .th-text-intro-p {padding: 5% 7% 0% 7%;text-align: center;}
.th-mt-2{margin: 20px 0px 0px 0px;}
.th-mt-0{margin: 0px;}

/* Index */
.th_custom_pages_1 .th_menu_t13 {padding-bottom: 0px;}

/* Hero */
.th-hero-background{display: flex;align-items: center;justify-content: center;}
.th-hero-image {display: flex; object-fit: cover; height: 700px; width: 100%; background-image:url("/_custom_content/img/hero-image.jpg");opacity: 0.7;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.th-hero-text{z-index: 1;padding: 40px;text-align: center;color: #fff;position: relative;}
.th-carousel-item{height: 700px;background-color: black; display: flex;align-items: center;justify-content: center;}
.th-carousel-title{display: flex;flex-direction: column;align-items: center;}
.th-carousel-title h1{margin-top: 0px;}
.th-carousel-title img{z-index: 1;position: relative;width: 250px;}
.carousel-control{width: auto !important;margin: 0px 50px;}

.th-carousel-image{display: grid; width: 100%; position: absolute; grid-template-columns: 100%; justify-items: center;}

.th-hero-image{animation:example 6.6s ease-in-out infinite;}

@media (max-width: 768px) {
    @keyframes example {
        0%  { height: 700px;}
        10%  { height: 700px;}
        90% {height: 850px;}
        100% { height: 850px;}
  }
}

@media (min-width: 768px) {
    @keyframes example {
        0%  {width: 100%;}
        5%  { width: 100%;}
        95% {width: 110%;}
        100% {width: 110%;}
    } 
}

.carousel-inner>.item {transition: transform 0.6s !important;}

/* Headquarters */
.th-headquarters{text-align: center;}
.th-headquarters-block{display: grid;grid-template-columns: 1fr auto 1fr;padding: 30px;align-items: center;}
.th-divisor-line{margin-bottom: 30px;margin-top: 30px;width: 50%;place-self: center;height: 75%;border-right: solid black 1px;border-bottom: solid black 0px;}
.th-title-headquarter{margin: 0 0 10px;font-weight: bolder;}

/* Countries */
.th-countries{display: grid;grid-template-columns: 1fr 1fr;justify-items: center;justify-content: center;align-items: center;}
.th-country-image{object-fit: cover;height:400px;width:100%;opacity: 0.7;z-index: 0;transition: all 0.2s ease-out;}
.th-country-image:hover{opacity: 1;transition: all 0.2s ease-out;}
.th-country-block{background-color: black;overflow: hidden;width: 90%;height: 370px;background-position: center;background-size: cover;margin: 10px 0px;}
.th-country-text{padding: 50px;z-index: 1;position: absolute;color: white;}
.th-country-link{display: flex;align-items: center;justify-content: center;}

/* Text intro */
.th-text-intro-p{text-align: center; padding-bottom: 5%;}

/* Trust us */
.th-trust-us{text-align:center; padding-bottom: 5%;background: white;}
.th-members{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content: center;justify-items: center;}
.th-single-member{margin: 40px;height: 125px;display: flex;width: 100%;justify-content: center;align-items: center;}
.th-member-logo{object-fit: cover;width: auto;height: auto;max-width: 50%;max-height: 60%;}

@-webkit-keyframes scroll {
    0% {transform: translateX(0);}
    100% {transform: translateX(calc(-250px * 7));}
}

@keyframes scroll {
    0% {transform: translateX(0);}
    100% {transform: translateX(calc(-250px * 7));}
}
.th-slider { background: white; margin: auto; overflow: hidden; position: relative; /*width: 1060px;*/}
.th-slider::before, .th-slider::after { content: ""; height: 100px; position: absolute; width: 200px; z-index: 2;}
.th-slider::after { right: 0; top: 0; transform: rotateZ(180deg);}
.th-slider::before { left: 0; top: 0;}
.th-slider .th-slide-track { -webkit-animation: scroll 40s linear infinite; animation: scroll 40s linear infinite; display: flex; width: calc(250px * 14);}
.th-slider .th-slide { height: 100px; width: 250px;}

/* Footer */
.th-link-conditions-generales,.th-link-conditions-generales:hover{color: white;text-decoration: none;font-weight: 300;}
.th-conditions-generales-block{padding: 50px 0 50px 0px;width: 100%;background-color: #F9F9F9;display: flex;justify-content: center;}
.th-conditions-generales, .th-conditions-generales-block{text-align: left;}
.th-social-link{margin: 0px 10px;display: inline-grid;width: 1.25em;justify-items: center;align-items: center;}
.th-footer-copyright p, .th-texts-contact-block p {font-weight: 500;}

i{color: #e3e3e3;transition-duration: 0.4s;}
i:hover{color: #e3e3e3;opacity: 0.7; }

.th-footer-logo, .th-footer-menu-links, .th-footer-social-links, .th-conditions-generales{padding: 20px 0px 20px 0px;text-align: center;}
.th-footer-block{background-color: #212F0F;color: white;}
.th-footer-menu{padding: 5vh 0px;display: flex;align-items: center;flex-direction: column;}
.th-footer-logo img{width: 200px;}
.th-footer-link{color: white;padding: 5px;}
.th-footer-link:hover{color: white;opacity: 0.7;text-decoration: none;}
.th-footer-copyright{padding: 10px 0px;text-align:center;background-color: #292929;}
.th-footer-copyright p{font-size: 12px;margin: 0px;}
.th-footer-copyright p img{width: 10px;margin-left: 5px;}

/* Page contact */
.th-title-page-contact{margin-top: 50px !important;}
.th-headquarters-contact{padding: 0% 15% 3% 15%;;display: grid;grid-template-columns: 1fr 1fr;align-items: start;justify-items: center;}
.th-btn-details{align-self: end; width: 100%;}
.form-control{ background-color: #f4f5f4;border-radius: 0px;border: none;box-shadow: none; }
.th-btn-contact{width: 100%;color: white; border-radius: 0px;border: solid;border-color: black;border-width: 1px;background-color: black;text-transform: uppercase; transition-duration: 0.4s; }
.th-btn-contact:hover{ background-color: white; color: black; transition-duration: 0.4s;}
.th-submit-contact{font-size: 12px;margin: 0px;}
.th-submit-details{ padding: 10px; border: 1px solid black; background-color: black; font-size: 12px; margin: 0px; color: white; text-decoration: none; display: grid; justify-items: center; text-transform: uppercase;}
.th-submit-details:hover, .th-submit-details:focus{ border: 1px solid black; background-color: white; font-size: 12px;margin: 0px; color: black; text-decoration: none;}
.th-headquarters-contact-block{display: grid;grid-template-columns: 1fr;/* padding: 5%; */align-items: center;}
.th-headquarters-contact-block{padding-top: 50px;}
.th-contact-form {width: 100%;}
.th-contact-title{width: 100%;display: grid;justify-items: center;margin-top: 20px;padding:0px 5%;}
.th-contact-link{text-decoration: none;color: black;font-size: 18px;}
.th-contact-link:hover{text-decoration: none;color: black;opacity: 0.6;}
.th-map-container{height: 300px;}
.th-single-headquarter a{color: black; }
.th-single-headquarter a:hover {text-decoration: none; opacity: 0.5;}
#message{padding: 6px 12px 90px 12px;}
textarea::placeholder{text-transform: capitalize;}

/* Buy */
.th-propeties-block{width: 80%;display: grid;grid-template-columns: 1fr 1fr 1fr;justify-items: center;padding: 10px 10px;background: white;margin-right: auto;margin-left: auto;}
.th-propeties-background, .th-services-background{background-color: #F9F9F9;padding: 50px; margin-right: auto;margin-left: auto;display: grid;justify-items: center;}
.th-single-propety {box-shadow: 0px 0px 8px -5px black;margin: 10px;display: flex;flex-direction: column;justify-content: space-between; width: calc(100% - 20px);}
.th-propety-image{object-fit: cover;width: 100%;height: 250px;}
.th-title-description{padding: 20px;}
.th-icons-description {display: grid;grid-template-columns: 1fr;align-items: start;justify-content: center;justify-items: center;padding: 0px 0px 0px 0px;}
.th-single-propety .th-price {padding: 10px 20px 10px 20px; font-size: 18px; font-weight: 300;}
.th-icons-block, .th-text-icon-block{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr ;justify-items: center;}
.th-text-icon-block{color: white;padding-top: 10px;}
.th-icon-property{margin-bottom: 10px; height: 25px;}
.th-text-icon-description{text-align: center;display: grid;justify-items: center;}
.th-text-icon-description p{font-size: 14px;}
.th-title-page-about, .th-title-page-propeties,.th-text-page-propeties-description, .th-text-page-propeties, .th-title-page-contact{text-align: center;margin: 0px 50px 50px 50px;}
.th-text-page-propeties-description, .th-text-page-propeties{margin-top: 0px;text-align: center;}

/* Services */
.th-services-block{width: 60%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;justify-items: center;padding: 10px 10px;margin-right: auto;margin-left: auto;justify-content: center;}
.th-service{width: 100%;height: 350px;align-self: flex-end;text-align: center;padding: 30px;background-color: white;border: solid 2px #f9f9f9;transition: 0.4s;display: grid;justify-items: center;}
.th-service:hover{z-index: 100;box-shadow: 0 70px 70px rgb(0 0 0 / 20%);transform: translate(0, -10px);transition: 0.4s;}
.th-service-icon{margin: 0px 50px 50px 50px;width: 60px;}
.th-text-block-services{padding: 10px;}

/* About */
.th-contact-block{/* width: 80%; */justify-items: center;background: #F9F9F9;margin-right: auto;margin-left: auto;}
.th-about-block{display: grid;grid-template-columns: 10% 80% 10%;justify-items: center;background: white;margin-right: auto;margin-left: auto;}
.th-texts-contact-block{font-family: Prata;text-align: center;padding: 5%;}
.th-texts-contact-block h3{font-size: 20px;}
.th-about-image, .th-about-text{padding: 30px; text-align: center;}
.th-about-text h2 {margin: 0px 20px 20px 20px;}

/* International */
.th-text-block-international{padding: 0px 20px 20px 20px;}

/* Property */
.th-property-all-description{width: 75%; padding: 50px 100px;background-color: white;}
.th-property-all-description-title{padding: 25px 0px 0px 0px;}
.th-details-desciption{display: grid;grid-template-columns: 1fr 1fr 1fr;padding-top: 10px;}
.th-property-title-block, .th-property-description, .th-property-price {width: 100%;align-self: center;padding: 20px;}
.th-details-place, .th-details-bed, .th-details-room, .th-details-bathroom, .th-details-size, .th-details-peb{display: flex;flex-direction: column;align-items: center;padding: 0px 0px;}
.th-details-bed, .th-details-place, .th-details-room, .th-details-bathroom, .th-details-size {border-right: solid 1px;width: 100%;height: 100%;}
.th-property-image-icons{display: grid;grid-template-columns: 1fr 1fr;background-color: #F9F9F9;}
.th-property-image{width: 100%;object-fit :cover;height: 100%;}
.th-property-description{text-align: center;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;align-items: start;justify-content: center;justify-items: center;}
.th-property-icons-description{
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    width: inherit;
    height: 100%;
    width: 100%;
    color: white;
    background-color: #292929;
    justify-content: space-between;
}
.th-property-icons-description .th-submit-details{align-self: end;}
.th-property-icons-description .th-submit-details:hover{align-self: end;}
.th-property-title-block{/* padding: 0px 100px; */}
.th-property-title-text{font-size: 25px;}
.th-carousel-swiper {width: 100%;height: 100%;display: grid;width: 100%;height: 700px;}
.th-carousel-swiper{grid-template-rows: 80% auto;}
.th-submit-details-property{width: 100%; padding: 10px; border: 1px solid black; background-color: black; font-size: 12px; margin: 0px; color: white; text-decoration: none; display: grid; justify-items: center; text-transform: uppercase;}
.th-submit-details-property:hover, .th-submit-details:focus{ border: 1px solid black; background-color: white; font-size: 12px;margin: 0px; color: black; text-decoration: none;}

/* Conditions */
.th-overflow-table{overflow-x: none;}
.table{color: black;}
.table-bordered>thead>tr>th {border-bottom-width: 1px;}
.th-conditions-generales-block p{font-size: 14px;font-weight: 500;}
.th-conditions-generales-block h3{font-size: 16px;font-weight: 500;}
.th-conditions-generales-block h2{font-size: 25px;font-weight: 500;}
.th-conditions-background{width: 80%;padding: 0px 20px;background-color: white;}
.th-link-sur-conditions-generales, .th-link-sur-conditions-generales:hover {text-decoration: none;font-weight: 300;color: black;line-break: anywhere;}
.th-link-sur-conditions-generales:hover, .th-link-sur-conditions-generales:focus{opacity: 0.6;}

/* Swiper */ 
.swiper-button-next, .swiper-button-prev{padding: 40px;}
.swiper-free-mode>.swiper-wrapper {justify-content: space-between;}
.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 101% ;height: 100%;object-fit: cover;}
.swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.swiper-slide {width: 100%;background-size: cover;background-position: center;}
.mySwiper2 {height: 100% !important;width: 100% !important;}
.mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.7;margin-right: 0px !important;}
.mySwiper .swiper-slide:hover{opacity: 0.8;transition: 0.4s;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;transition: 0.4s;}
.swiper-thumbs{height: 100%;}

/* ------------------------------------------------------------------------------------- */
/* * Media Queries                                                                       */
/* standard "@media (max-width : px) {}": 1199px (col-md) | 991px (col-sm) | 767px (col-xs) | 500px | 400px */

@media (min-width: 0px) and (max-width: 768px) {
    .th-details-bed, .th-details-place, .th-details-room, .th-details-bathroom, .th-details-size{height: 80%;}
    .th-details-size{border-right: solid 0px;}
    .th-service{width: 80%;}
    .th-single-member{margin: 0px;}
    .th-members {grid-template-columns: 1fr 1fr;}
    .th-countries{grid-template-columns: 1fr;}
    .th-headquarters-contact, .th-about-block, .th-services-block{grid-template-columns: 1fr;}
    .th-propeties-block{width: 100%;grid-template-columns: 1fr;}  
    .th-text-page-propeties,  {text-align: left;margin: 0px 0px 10px 0px;}
    .th-headquarters-contact{padding: 5% 0% 5% 0%;}
    .th-services-block{width: 100%;}
    .th-propeties-background, .th-services-background{padding: 100px 0px;}
    .th-property-all-description {width: 90%; padding: 30px 10px;}
    .th-property-description{grid-template-columns: 1fr 1fr;}
    .th-details-place, .th-details-room{border-right: solid 0px;}      
    .th-text-home, .th-countries, .th-trust-us, .th-contact-title {padding: 7% 7% 7% 7%;} 
    .th-conditions-background{margin: 0px 0px;}
    .th-overflow-table{overflow-x: auto;}
}   

@media (min-width: 768px) and (max-width: 1060px) {
    .th-services-block {grid-template-columns: 1fr 1fr;}
    .th-members {grid-template-columns: 1fr 1fr 1fr;}
    .th-countries{grid-template-columns: 1fr;}
    .th-propeties-block{width: 90%;grid-template-columns: 1fr 1fr;}    
    .th-services-block{width: 80%;}
    .th-propeties-background, .th-services-background{padding: 100px 25px;}
} 

@media (max-width: 1060px) {
    .th-property-icons-description{padding-top: 0px;justify-content: inherit;}
    .th-property-title-block{padding-top: 50px;}
    .th-property-price{padding-bottom: 50px;}
    .th-title-page-contact{margin: 50px 50px 0px 50px;}
    .th-text-intro-p {margin: 50px 20px 0px 20px;text-align: center;}
    .th-headquarters-block{grid-template-columns: 1fr;}
    .th-divisor-line {height: 0%;border-right: solid black 0px;border-bottom: solid black 1px;}
    .th-property-image-icons{grid-template-columns: 1fr;}
    .th-details-bed, .th-details-room, .th-details-bathroom, .th-details-size, .th-details-peb{justify-content: center;display: flex;flex-direction: column;align-items: center;padding: 30px 0px;}
} 

/* * Media Queries                                                                       */
/* ------------------------------------------------------------------------------------- */

/* Main options */
/* =========================================================================================================================== */
/* =========================================================================================================================== */

/* =========================================================================================================================== */
/* =========================================================================================================================== */
/* Section # */

/* Section # */
/* =========================================================================================================================== */
/* =========================================================================================================================== */



#myImg {cursor: pointer;transition: 0.3s;}

/* The Modal (background) */
.modal {display: none; position: fixed;z-index: 441;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0, 1);}

/* Modal Content (image) */
.modal-content {margin: auto;display: block;width: 100%;max-width: 1240px;}

/* Caption of Modal Image */
#caption {margin: auto;display: block;width: 80%;max-width: 700px;text-align: center;color: #ccc;padding: 10px 0;height: 150px;}

/* Add Animation */
.modal-content, #caption {-webkit-animation-name: zoom;-webkit-animation-duration: 0.6s;animation-name: zoom;animation-duration: 0.6s;}

@-webkit-keyframes zoom {from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)}}

@keyframes zoom {from {transform:scale(0)} to {transform:scale(1)}}

/* The Close Button */
.close {position: absolute;top: 105px;right: 6%;color: white;font-size: 40px;font-weight: bold;transition: 0.3s;z-index: 1;opacity: 1;}

.close:hover,
.close:focus {color: #bbb;text-decoration: none;cursor: pointer;}