/home/vianto5/ceibaresidencial.mx/assets/css
Edit: /home/vianto5/ceibaresidencial.mx/assets/css/style.css (55088B)
@font-face {
font-family: Montserrat;
src: url(../fonts/Montserrat-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Montserrat;
src: url(../fonts/Montserrat-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Montserrat;
src: url(../fonts/Montserrat-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap
}
@font-face {
font-family: Montserrat;
src: url(../fonts/Montserrat-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap
}
/* Base CSS */
.alignleft {
float: left;
margin-right: 15px;
}
.alignright {
float: right;
margin-left: 15px;
}
.aligncenter {
display: block;
margin: 0 auto 15px;
}
a:focus {
outline: 0 solid
}
* {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 15px;
color: #1B1B21;
font-family: 'Montserrat', sans-serif;
}
body {
color: #545051;
font-weight: 400;
font-family: 'Source Sans Pro', sans-serif;
}
.selector-for-some-widget {
box-sizing: content-box;
}
a:hover {
text-decoration: none
}
button:focus {
outline: 0;
outline: 5px auto -webkit-focus-ring-color;
}
/* Header bar section start */
@media(min-width: 1400px) {
.container {
max-width: 1320px
}
}
@media(min-width: 1700px) {
.container {
max-width: 1630px
}
}
/* side menu nav */
#navigation {
background-color: rgb(255 255 255 / 20%);
transition: all .4s ease-in-out;
}
#navigation.scrolled-nav {
background-color: #182d1e;
}
#navigation .show-nav img{
max-width: 40px;
}
#navigation .hide-nav img{
max-width: 40px;
}
#navigation .img-wrapper img{
max-width: 178px;
}
.logo-inner {
height: auto;
text-align: center;
display: block;
margin: 25px auto 30px;
max-width: 250px;
}
.header-main {
height: 100px;
margin-bottom: -86px;
z-index: 99;
position: fixed;
width: 100%;
}
#navigation .masinfomenu{
text-transform: uppercase;
}
.h-100 {
height: 100% !important;
}
.header-main .show-nav {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
cursor: pointer;
}
.header-main .show-nav .menu-img {
vertical-align: unset;
margin-right: 20px;
}
.header-main .response--main-navigation.mobile-nav .response--site-menu {
padding-top: 90px;
display: block;
min-height: 100vh;
max-height: 100vh;
overflow-y: auto;
position: fixed;
left: 0;
right: 100%;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
top: 0px;
z-index: 100;
background-color: #182d1e;
color: black;
}
.header-main .response--main-navigation.mobile-nav.expanded .response--site-menu {
right: 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
overflow: scroll;
}
.header-main .response--main-navigation.mobile-nav .close-icon {
cursor: pointer;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: absolute;
left: 80px;
top: 10px;
}
.header-main .response--main-navigation a {
display: block;
text-decoration: none;
padding: 10px;
}
.header-main .response--main-navigation.mobile-nav .response--site-menu li {
line-height: normal;
margin-bottom: 15px;
}
.header-main .response--main-navigation li {
list-style-type: none;
}
.header-main .response--main-navigation.mobile-nav .response--site-menu li a {
color: #fff;
font-size: 48px;
text-align: center;
text-transform: uppercase;
padding: 0px;
transition: .3s;
}
.header-main .response--main-navigation.mobile-nav .response--site-menu li a:hover {
color: #B69D48;
}
.show-nav {
display: flex;
align-items: center;
}
.menu-text {
color: #fff;
font-weight: 700;
}
@media(max-width:767px){
#navigation .invert-m{
display: flex;
}
#navigation .col-logo {
order: -1;
}
.show-nav {
margin-left: auto;
}
#navigation .img-wrapper img{
max-width: 100%;
}
.col-buttons {
display: none;
}
.response--site-menu {
padding: 90px 0;
}
.header-main .response--main-navigation.mobile-nav .close-icon {
cursor: pointer;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: absolute;
left: 50%;
top: 10px;
transform: translateX(-50%);
}
.pt-on-mob {
padding-top: 15px;
padding-bottom: 15px;
}
.header-main .response--main-navigation.mobile-nav .response--site-menu li a {
color: #fff;
font-size: 27px;
text-align: center;
}
.menu-text {
display: none;
}
.show-nav {
display: block;
}
}
/* end side menu nav */
/* iconos redes */
#iconos-lateral {
position: fixed;
bottom: 50%;
right: 5px;
/* transform: translateY(-50%); */
display: flex;
flex-direction: column;
transition: 0.3s;
z-index: 101;
}
#iconos-lateral.align-logos {
bottom: 10px;
}
#iconos-lateral .icon-space{
}
#iconos-lateral .icon{
margin: 5px 0;
position: relative;
background-color: #182d1e;
border-radius: 50%;
padding: 3px;
width: 50px;
height: 50px;
display: block;
transition: 0.3s;
}
#iconos-lateral .icon:hover{
background-color: #B69D48;
}
#iconos-lateral a{
}
#iconos-lateral a img{
width: 35px;
height: 35px;
position: absolute;
top: 7.5px;
right: 7.5px;
}
.disp-none {
display: none!important;
}
@media(min-width:768px){
.d-none-d {
display: none;
}
}
@media(max-width:767px){
.d-none-m {
display: none;
}
}
/* fin iconos */
/* hero index */
.hero-area {
height: 1080px;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: end;
padding: 57px 0;
position: relative;
}
.hero-area::before {
position: absolute;
width: 100%;
height: 100%;
background: #000;
content: "";
/* z-index: 999;
*/
top: 0;
opacity: .3;
}
.hero-area .txt-descuento {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
max-width: 300px;
display: block;
margin: 15px auto;
}
.hero-area .txt-descuento h4{
font-size: 28px;
margin-bottom: 0;
}
.header-area {
position: absolute;
left: 0;
right: 0;
margin: auto;
padding: 25px 0 8px;
z-index: 9900;
}
.header-top-fl {
padding: 0 100px;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-right {
overflow: hidden;
}
.masinfomenu {
padding: 0.7rem 2rem;
background-color: rgba(0, 0, 0, 0.5);
/* border-radius: 50px; */
border: 2px solid #fff;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1;
text-align: center;
transition: .3s;
cursor: pointer;
}
@media screen and (max-width: 991px) {
.masinfomenu {
font-size: 12px;
padding: 0.5rem 1rem;
}
}
.masinfomenu:hover {
color: #182d1e;
background-color: #ac9538;
border-color: #182d1e;
}
.header-top-fl a {
font-size: 18px;
letter-spacing: 0px;
color: #FFFFFF;
text-shadow: 0px 3px 6px #0000003E;
display: block;
font-weight: 400;
line-height: 21px;
}
.hero-containt {
padding: 50px 100px 0;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: center;
display: flex;
text-align: center;
}
.hero-text h3, .hero-text h1 {
font-size: 60px;
letter-spacing: 0px;
color: #FFFFFF;
text-shadow: 0px 3px 6px #00000057;
line-height: 1.1;
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.hero-text h4 {
letter-spacing: 0px;
color: #FFFFFF;
text-shadow: 0px 3px 6px #00000029;
font-size: 50px;
line-height: 47px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
margin-bottom: 0;
margin-bottom: 5px;
}
.hero-text p {
letter-spacing: 0px;
color: #FFFFFF;
text-shadow: 0px 3px 6px #00000029;
font-size: 20px;
line-height: 27px;
}
.hero-text a:hover {
background: transparent;
border: 2px solid #fff;
}
.hero-btn-container {
display: flex;
justify-content: center;
}
.hero-btn {
margin-top: 20px;
}
.hero-btn a {
height: auto;
padding: 1rem 2rem;
background: rgba(0, 0, 0, 0.5);
/* border-radius: 50px; */
border: 2px solid #fff;
color: #fff !important;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 0px;
line-height: 1.1;
text-align: center;
transition: .3s;
cursor: pointer;
}
.hero-btn a:first-child {
margin-right: 1rem;
}
.hero-btn a:hover {
background: #182d1e;
border: 2px solid #fff;
color: #fff;
}
/* hero interiores */
.hero-area-int {
height: 350px;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: end;
padding: 57px 0;
position: relative;
background-blend-mode: overlay;
background-color: #00000099;
}
.hero-area-int::before {
position: absolute;
width: 100%;
height: 100%;
background: #000;
content: "";
/* z-index: 999;
*/
top: 0;
opacity: .3;
}
.hero-area-int .hero-text h3, .hero-text h1{
font-size: 40px;
}
.hero-area-int .hero-text{
padding-top: 60px;
}
.hero-area-int .txt-descuento {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
max-width: 300px;
display: block;
margin: 15px auto;
}
.hero-area-int .txt-descuento h4{
font-size: 28px;
margin-bottom: 0;
}
/* Header bar section END */
/*pro-video-area-start*/
.pro-video-area {
padding-top: 75px;
}
.pro-videp-fl {
display: flex;
/*! align-items: center;
*/
justify-content: space-between;
}
.pro-video-text {
width: 33%;
align-self: center;
}
.pro-video-play {
width: 59%;
}
.pro-video-text h3 {
font-size: 65px;
line-height: 64px;
letter-spacing: 0px;
color: #052415;
font-weight: 700;
margin-bottom: 34px;
text-align: left;
}
.pro-video-text h4 {
font-size: 18px;
line-height: 1.2;
color: #052415;
font-weight: 700;
}
.pro-video-text p {
font-size: 25px;
line-height: 43px;
letter-spacing: 0px;
color: #052415;
font-weight: 400;
margin: 0;
}
.pro-video-area .vid-thumb {
width: 100%;
}
.pro-video-play {
position: relative;
}
.pro-video-play a {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
transform: translateY(-50%);
}
.ahora-btn {
margin-top: 20px;
}
.ahora-btn a {
height: auto;
padding: 1rem 2rem;
background: #B69D48;
/* border-radius: 50px; */
border: 2px solid #fff;
color: #fff !important;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 0px;
line-height: 1.1;
text-align: center;
transition: .3s;
cursor: pointer;
}
.ahora-btn a:first-child {
margin-right: 1rem;
}
.ahora-btn a:hover {
background: #182d1e;
border: 2px solid #fff;
color: #fff;
}
@media(max-width:767px){
.ahora-btn {
text-align: center;
}
}
/*pro-video-area-end*/
/*zik-para-area-start*/
.zik-para-area {
padding-bottom: 26px;
}
.single-fik h3 {
font-size: 35px;
line-height: 1.1;
letter-spacing: 0px;
color: #B69D48;
text-transform: uppercase;
font-weight: 700;
margin: 0;
}
.single-fik p {
letter-spacing: 0px;
color: #052415;
font-size: 20px;
line-height: 27px;
margin: 0;
font-weight: 400;
}
.single-fik {
width: 23.2%;
}
.zik-fl {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.single-fik.z1 {
margin-top: 75px;
}
.single-fik.z2 {
margin-top: 150px;
}
.single-fik.z3 {
margin-top: 230px;
}
.post-amenidades {
position: relative;
}
.post-amenidades .golden-divider {
position: absolute;
left: 0;
right: 0;
height: 100%;
width: 50px;
background-color: #C1A43C;
}
.post-amenidades img{
width:100%;
}
/*zik-para-area-end*/
/*galery-area-start*/
.all-title h3 {
letter-spacing: 0px;
color: #052415;
font-size: 40px;
line-height: 68px;
margin-bottom: 9px;
font-family: 'Montserrat', sans-serif;
text-align: center;
}
.galery-slider.owl-carousel.owl-loaded.owl-drag .owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 37px;
font-size: 47px !important;
color: #fff !important;
}
.galery-slider.owl-carousel.owl-loaded.owl-drag .owl-next {
left: auto !important;
right: 37px;
}
.galery-slider.owl-carousel.owl-loaded.owl-drag .owl-dots {
display: none;
}
.galery-area {
margin-top: 60px;
padding-bottom: 85px;
}
.galery-btn {
display: flex;
align-items: center;
justify-content: center;
}
.galery-slider.owl-carousel.owl-loaded.owl-drag {
margin-bottom: 24px;
}
.waze-btn {
width: 401px;
height: 59px;
background: #3cf 0% 0% no-repeat padding-box;
text-align: center;
line-height: 59px;
font-size: 16px;
letter-spacing: 0px;
color: #FFFFFF;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
border: 2px solid transparent;
transition: .3s;
margin: 10px;
}
.social-btns {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.waze-btn:hover {
background: transparent;
border: 2px solid #052415;
color: #052415;
}
.waze-btn i {
margin-left: 5px;
}
.maps-btn {
width: 401px;
height: 59px;
background: #db4437 0% 0% no-repeat padding-box;
text-align: center;
line-height: 59px;
font-size: 16px;
letter-spacing: 0px;
color: #FFFFFF;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
border: 2px solid transparent;
transition: .3s;
margin: 10px;
}
.maps-btn:hover {
background: transparent;
border: 2px solid #052415;
color: #052415;
}
.maps-btn i {
margin-left: 5px;
}
.galery-btn a {
width: 401px;
height: 59px;
background: #09291b 0% 0% no-repeat padding-box;
text-align: center;
line-height: 59px;
font-size: 16px;
letter-spacing: 0px;
color: #FFFFFF;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
border: 2px solid transparent;
transition: .3s;
margin: 10px;
}
.galery-btn a:hover {
background: transparent;
border: 2px solid #052415;
color: #052415;
}
.galery-btn a i {
margin-left: 5px;
}
/* map contacto */
#map-cont {
line-height: 1;
}
/*galery-area-end*/
/*spa-area-start*/
.spa-fl {
position: relative;
/*! display: flex;
*/
}
.all-title.pos {
position: absolute;
right: 0;
top: 0;
}
.single-dpa h3 {
font-size: 150px;
line-height: 125px;
letter-spacing: 0px;
color: #000000;
text-transform: uppercase;
opacity: 0.36;
font-weight: 700;
transition: .3s;
}
.single-dpa.sp1 {
padding-left: 135px;
}
.single-dpa.sp2 {
padding-left: 259px;
}
.single-dpa.sp3 {
padding-left: 380px;
}
.single-dpa h3:hover {
color: #052415;
opacity: 1;
}
/*spa-area-end*/
/* cell-area-style-start */
.call-title h3 {
font-size: 50px;
color: #052415;
line-height: 68px;
margin: 0;
text-align: center;
}
.single-sell {
text-align: center;
height: 100%;
}
.single-sell img {
width: 80%;
display: inline-block;
}
#ubicacion .cell-content{
width: 100%;
}
.align-c {
align-self: center;
}
.ubicacion-wrapper {
height: 100%;
}
.ubicacion-wrapper iframe {
width: 100%;
height: 100%;
min-height: 450px;
}
.cell-content a {
color: #09291b;
}
.cell-content h2 {
font-size: 22px;
font-weight: 700;
color: #052415;
line-height: 1.2;
margin: 0;
}
.cell-fx {
width: 100%;
margin: auto;
}
.call-aera {
padding-top: 50px;
padding-bottom: 40px;
}
/* cell-area-style-end */
/* plant-aera-style-start */
.single-itemn p {
margin: 0;
line-height: 1.1;
color: #052415;
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
text-align: center;
font-family: 'Montserrat', sans-serif;
}
.single-itemn {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
width: 158px;
height: auto;
margin-bottom: 1rem;
}
.single-itemn img {
align-self: center;
margin-bottom: 1rem;
height: 48px;
width: auto;
}
.single-itemn p {
align-self: center;
flex-grow: 1;
}
.plan-icon-fx {
display: flex;
align-items: center;
justify-content: space-between;
width: 701px;
margin: auto;
}
.plan-btn {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
background: transparent;
border: 0;
border-bottom: 2px solid #BFBFBF;
padding: 7px 0;
font-size: 28px;
color: #B69D48;
font-weight: 500;
line-height: 20px;
opacity: .7;
}
.plan-btn.collapsed {
opacity: .3;
color: #000000;
}
.plan-btn span.sml {
font-size: 17px;
}
.plan-btn[aria-expanded="false"] .plus span.ic-clr i {
transform: rotate(0deg);
transition: .3s;
}
.plan-btn[aria-expanded="true"] .plus span.ic-clr i {
transform: rotate(45deg);
transition: .3s;
}
.plnt-header {
margin-bottom: 16px;
}
.plant-title h4 {
font-size: 30px;
color: #052415;
line-height: 68px;
text-align: center;
}
.plant-aera {
padding-bottom: 50px;
}
/* plant-aera-style-end */
/* visit-aera-style-start */
.visit-area {
height: 760px;
display: flex;
align-items: center;
background-size: 100% 100%;
background-position: center;
}
.visit-wrap {
text-align: center;
}
.visit-wrap h2 {
font-size: 70px;
font-weight: 500;
color: #fff;
line-height: 90px;
}
.visit-wrap a {
width: 509px;
height: 75px;
background: rgba(0, 0, 0, 0.5);
display: inline-block;
line-height: 75px;
font-size: 22px;
color: #fff;
font-weight: 700;
margin-top: 20px !important;
border: 2px solid #fff;
transition: .3s;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
.visit-wrap a:hover {
background: transparent;
border: 2px solid #fff;
}
/* visit-aera-style-end */
/* footer-area-style-start */
.footer-aera {
padding: 60px 30px;
background: #09291b;
}
.footer-ri {
width: 300px;
}
.footer-ri img {
margin-bottom: 21px;
width: 70%;
}
.footer-ri p {
font-size: 16px;
color: #fff;
line-height: 1.1;
margin: 0;
font-family: 'Montserrat';
font-weight: 400;
}
.single-list h4 {
font-size: 22px;
color: #fff;
font-weight: 500;
}
.list ul {
margin: 0;
padding: 0;
list-style: none;
}
.list ul li a {
font-size: 15px;
color: #fff;
line-height: 34px;
font-weight: 600;
}
.footer-widget .list ul li a {
line-height: 1.1;
font-weight: 400;
}
.footer-list-widget {
width: 840px;
display: flex;
justify-content: space-between;
}
.footer-fx {
display: flex;
justify-content: space-between;
}
.footer-aera .social-foot{
display: flex;
justify-content: flex-start;
}
.footer-aera .social-foot .icon-foot:first-child{
margin: 5px 10px 5px 0;
}
.footer-aera .social-foot .icon-foot{
margin: 5px 10px;
}
.footer-aera .social-foot img{
width: 40px;
height: 40px;
}
@media(max-width:767px){
.footer-aera .social-foot {
display: flex;
justify-content: center;
}
.cell-content a {
text-align: center;
}
}
/* footer-area-style-end */
/* homepage-2-style-start */
.header-area.header-2 {
position: unset;
height: 345px;
}
.header-menu ul {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
}
.header-menu ul li {
display: inline-block;
margin-right: 120px;
}
.header-menu ul li:last-child {
margin-right: 0;
}
.header-menu ul li a {
font-size: 18px;
color: #fff;
line-height: 1;
font-weight: 600;
position: relative;
font-family: 'Montserrat';
text-shadow: 0px 2px 4px #00000073;
}
.header-menu {
padding-top: 40px;
}
.header-logo img {
width: 350px;
}
.edif-content h3 {
font-size: 30px;
color: #052415;
font-weight: 700;
margin-bottom: 10px;
line-height: 68px;
}
.edif-content p {
font-size: 25px;
color: #000000;
line-height: 34px;
width: 530px;
}
.edif-content a {
width: 401px;
height: 59px;
background: #052415;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 16px;
border: 2px solid transparent;
transition: .3s;
}
.edif-content a:hover {
background: transparent;
border: 2px solid #052415;
color: #052415;
}
.edif-content {
margin-bottom: 60px;
}
.calo-hdn h2 {
font-size: 30px;
color: #052415;
font-weight: 700;
line-height: 1.2;
}
.sito-title h4 {
font-size: 30px;
color: #052415;
font-weight: 700;
}
.sito-single ul {
margin: 0;
padding: 0;
list-style: none;
}
.sito-single ul li {
font-size: 15px;
color: #052415;
line-height: 27px;
display: block;
}
.sito-single {
width: 160px;
}
.sito-single p {
line-height: 1.1;
}
.calo-wrap {
width: 100%;
float: right;
}
.sito-single {
width: 207px;
margin-bottom: 30px;
}
.sito-fx {
display: flex;
align-items: center;
justify-content: normal;
flex-wrap: wrap;
}
.colo-aera {
padding-top: 160px;
padding-bottom: 90px;
}
.house-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.house-list ul li {
font-size: 64px;
line-height: 80px;
font-weight: 500;
position: relative;
}
.house-image {
width: 674px;
}
.house-image img {
width: 100%;
}
.house-wrap {
display: flex;
align-items: center;
}
.house-list {
padding-left: 100px;
}
.house-list ul li::after {
position: absolute;
width: 10px;
height: 10px;
background: #000;
content: "";
left: -27px;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
}
.house-list ul li::before {
position: absolute;
width: 197px;
height: 2px;
left: 0;
content: "";
background: #000;
left: -237px;
top: 50%;
transform: translateY(-50%);
}
.house-area {
padding-top: 60px;
padding-bottom: 40px;
}
.plan-btns a {
width: 320px;
height: 67px;
border: 2px solid #A99FAA;
display: inline-block;
line-height: 65px;
text-align: center;
margin: auto;
font-size: 17px;
color: #052415;
}
.plan-btns {
width: 645px;
margin: auto;
margin-top: 27px;
margin-bottom: 20px;
}
.container-fluid {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.header-area.header-4 {
z-index: 999;
}
.owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 23px;
font-size: 25px !important;
color: #fff !important;
}
.owl-next {
left: auto !important;
right: 34px;
color: #fff !important;
}
.owl-dot {
width: 15px;
height: 15px;
margin: 0 6px;
background: #BEB09D !important;
border-radius: 50%;
}
.owl-dots {
text-align: center;
bottom: 53px;
position: relative;
}
.owl-dot.active {
background: #fff !important;
}
.pro-video-play.video {
width: 100%;
}
.tty {
width: 100%;
}
.video-title h3 {
font-size: 40px;
line-height: 68px;
margin: 0;
color: #052415;
text-align: center;
}
.ahora-area.hero-sec {
padding-bottom: 0;
}
.pro-video-area.vido-sec {
padding-top: 0;
}
.tour-wrap {
position: absolute;
top: 50%;
transform: translateY(-50%);
text-align: center;
left: 0;
right: 0;
}
.tour-area {
padding-top: 90px;
padding-bottom: 60px;
}
.video-title.tour {
text-align: center;
}
.contact-wrap h3 {
font-size: 50px;
color: #052415;
font-weight: 700;
margin-bottom: 15px;
line-height: 70px;
}
.contact-wrap p {
font-size: 25px;
color: #052415;
line-height: 34px;
font-weight: 600;
}
.single-link {
width: 540px;
margin-bottom: 26px;
}
.single-link a {
padding-left: 31px;
display: block;
font-size: 18px;
color: #052415;
line-height: 24px;
position: relative;
}
.single-link a i {
position: absolute;
left: 0;
top: 5px;
}
.single-form input {
width: 100%;
height: 59px;
padding: 0 13px;
font-size: 25px;
color: #052415;
border: 1px solid #8F8190;
}
.single-form select {
width: 100%;
height: 59px;
padding: 0 13px;
font-size: 25px;
color: #052415;
border: 1px solid #8F8190;
}
.single-form {
margin-bottom: 30px;
}
.nice-select {
line-height: 53px;
width: 100%;
height: 59px;
padding: 0 13px;
font-size: 25px;
color: #052415;
border: 1px solid #8F8190;
}
.single-bytton {
margin-top: 30px;
}
.single-bytton button {
width: 260px;
height: 59px;
background: transparent;
border: 1px solid #908291;
font-size: 25px;
font-weight: 600;
color: #052415;
}
.contact-form p {
font-size: 24px;
color: #052415;
font-weight: 600;
margin-bottom: 50px;
}
.contact-aera {
padding-top: 60px;
padding-bottom: 60px;
}
.cell-fx.fx-2 {
width: 100%;
justify-content: start;
align-items: center;
}
.cell-content.ct-pd {
padding-left: 150px;
}
.mun-aera {
padding-top: 80px;
padding-bottom: 100px;
}
/* homepage-2-style-end */
.mobile-header {
display: none;
}
.edif-img-1.mbl {
display: none;
}
.offcamva {
display: none;
}
.hero-area.hero-sec {
padding-bottom: 0;
height: auto;
padding-top: 0;
}
button:focus {
outline: none;
}
.plant-card {
max-width: 40%;
margin-left: auto;
}
.plant-card .card-body {
margin: 0;
line-height: 1.1;
color: #09291B;
text-transform: uppercase;
font-size: 1.3rem;
font-weight: 600;
/* text-align: center; */
font-family: 'Montserrat', sans-serif;
padding: 0 0 1rem;
}
.posw {
max-width: 55%;
position: absolute;
left: 0;
top: 5.5rem;
display: none;
}
.plant-img {
margin-bottom: 48px;
text-align: center;
}
.plant-img img {
max-width: 100%;
max-height: 350px;
}
.collapse.show .posw {
display: block;
}
.dropdown-item {
color: #000 !important;
}
.amenidadesiconos p,
h1,
h2,
h3,
h4,
h5,
h6 {
color: #ffffff;
}
.amenidadesiconos .title-am{
text-align: center;
font-size: 30px;
margin-bottom: 25px;
}
.amenidadesiconos {
padding: 0 3rem;
}
.amenidadesiconos h5 {
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
text-align: center;
}
.iconochicogal {
height: 45px;
width: 45px;
margin: auto;
display: flex;
margin-bottom: 13px;
}
.iconochicogal img {
align-self: center;
width: 100%;
height: 100%;
}
.masinfo {
width: 398px;
height: 46px;
background: #B69D48 0% 0% no-repeat padding-box;
display: inline-block;
text-align: center;
line-height: 46px;
letter-spacing: 0px;
color: #FFFFFF;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
border: 2px solid transparent;
transition: .3s;
text-transform: uppercase;
}
.masinfo:hover {
background: transparent;
border: 2px solid #fff;
}
.cuadrados {
font-size: .5em;
margin-bottom: 5px;
}
.titleinteres {
font-weight: 700;
}
.calo-img iframe {
height: 100%;
width: 100%;
min-height: 450px;
}
.float {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 2px 2px 3px #999;
z-index: 100;
}
.my-float {
margin-top: 16px;
}
.amarilloceiba {
color: rgb(242, 188, 25);
}
.loading {
margin: 0 auto;
display: inline-block;
width: 200px;
height: 200px;
border: 3px solid #052415;
border-radius: 50%;
border-top-color: #fff;
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
position: relative;
top: 100px;
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}
.spinner-modal-content {
background: transparent;
}
.modal {
z-index: 9999;
}
.modal-title {
color: #052415;
}
.btn-form-send {
background: #ff7a59;
border: 1px solid #ff7a59;
padding: 12px 24px;
}
.btn-form-send:hover {
background: #ff8f73;
border: 1px solid #ff8f73;
}
.msg-ajax {
color: #052415;
font-size: 24px;
font-weight: 700;
line-height: 30px;
text-align: center;
padding: 20px;
}
.form-group textarea {
resize: none;
}
/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
.header-logo a img {
max-width: 250px;
}
.hero-area {
height: 700px;
}
.hero-text h3, .hero-text h1 {
font-size: 55px;
}
.hero-text h4 {
font-size: 45px;
}
.pro-video-text h3 {
font-size: 38px;
line-height: 57px;
margin-bottom: 15px;
}
.pro-video-text p {
font-size: 18px;
line-height: 32px;
}
.single-fik p {
font-size: 18px;
line-height: 25px;
}
.single-fik h3 {
font-size: 35px;
}
.all-title h3 {
font-size: 30px;
line-height: 48px;
margin-bottom: 9px;
}
.galery-btn a {
width: 340px;
height: 50px;
line-height: 50px;
font-size: 16px;
}
.single-dpa h3 {
font-size: 90px;
line-height: 90px;
}
.single-dpa.sp1 {
padding-left: 98px;
}
.call-title h3 {
font-size: 30px;
line-height: 53px;
}
.cell-content h2 {
font-size: 22px;
line-height: 1.2;
margin: 0;
}
.single-itemn {
width: 158px;
text-align: center;
}
.plan-icon-fx {
width: 562px;
}
.plan-btn {
font-size: 30px;
}
.visit-wrap h2 {
font-size: 42px;
line-height: 60px;
}
.visit-wrap a {
width: 400px;
height: 58px;
line-height: 60px;
font-size: 22px;
margin-top: 20px;
}
.visit-area {
height: 430px;
}
.footer-list-widget {
width: 650px;
}
.cell-fx {
width: 100%;
margin: auto;
}
.cell-content {
width: 478px;
}
.single-sell {
width: 600px;
}
.header-area.header-2 {
position: unset;
height: 285px;
}
.edif-content h3 {
font-size: 30px;
margin-bottom: 10px;
line-height: 42px;
}
.edif-content p {
font-size: 19px;
line-height: 26px;
width: 100%;
}
.edif-content a {
width: 377px;
height: 47px;
font-size: 16px;
}
.edif-content {
margin-bottom: 37px;
}
.calo-wrap {
width: 100%;
float: unset;
}
.calo-hdn h2 {
font-size: 30px;
color: #052415;
font-weight: 700;
line-height: 1.2;
}
.calo-hdn h2 br {
display: none;
}
.sito-single {
width: 174px;
margin-bottom: 30px;
}
.colo-aera {
padding-top: 50px;
padding-bottom: 50px;
}
.house-list ul li {
font-size: 32px;
line-height: 59px;
}
.house-image {
width: 499px;
}
.house-list ul li::before {
position: absolute;
width: 178px;
left: -211px;
}
.plan-icon-fx {
width: 100%;
}
.plan-btns {
width: 100%;
margin: auto;
margin-top: 27px;
margin-bottom: 20px;
}
.plan-btns a {
width: 260px;
height: 50px;
line-height: 46px;
font-size: 15px;
}
.hero-area.hero-sec {
padding-bottom: 0;
height: 500px;
}
.video-title h3 {
font-size: 30px;
line-height: 63px;
}
.pro-video-play.video {
width: 100%;
height: 500px;
}
.pro-video-play.video img {
height: 100%;
}
.tour-wrap a img {
max-width: 186px;
}
.tour-area {
padding-top: 20px;
padding-bottom: 30px;
}
.contact-wrap h3 {
font-size: 50px;
margin-bottom: 15px;
line-height: 50px;
}
.single-form input {
width: 100%;
height: 45px;
padding: 0 13px;
font-size: 19px;
}
.plant-card {
max-width: 525px;
margin-left: auto;
}
}
/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.header-logo a img {
max-width: 178px;
}
.hero-area {
height: 600px;
}
.hero-text h3, .hero-text h1 {
font-size: 50px;
}
.hero-text h4 {
font-size: 40px;
}
.pro-video-text h3 {
font-size: 31px;
line-height: 40px;
margin-bottom: 15px;
}
.pro-video-text p {
font-size: 18px;
line-height: 32px;
}
.single-fik p {
font-size: 16px;
line-height: 22px;
}
.single-fik h3 {
font-size: 33px;
}
.all-title h3 {
font-size: 28px;
line-height: 48px;
margin-bottom: 9px;
}
.galery-btn a {
width: 340px;
height: 50px;
line-height: 50px;
font-size: 16px;
}
.single-dpa h3 {
font-size: 50px;
line-height: 64px;
}
.single-dpa.sp1 {
padding-left: 50px;
}
.call-title h3 {
font-size: 30px;
line-height: 53px;
}
.cell-content h2 {
font-size: 22px;
line-height: 1.2;
margin: 0;
}
.single-itemn img {
max-width: 40px;
}
.single-itemn p {
font-size: 18px;
line-height: 42px;
}
.single-itemn {
width: 158px;
text-align: center;
}
.plan-icon-fx {
width: 100%;
}
.plan-btn {
font-size: 30px;
}
.visit-wrap h2 {
font-size: 40px;
line-height: 49px;
}
.visit-wrap a {
width: 400px;
height: 58px;
line-height: 60px;
font-size: 22px;
margin-top: 20px;
}
.visit-area {
height: 340px;
}
.footer-list-widget {
width: 586px;
}
.plan-btn {
font-size: 25px;
}
.cell-content {
width: 478px;
}
.footer-list-widget {
width: 586px;
}
.header-logo a img {
max-width: 170px;
}
.header-menu ul li a {
font-size: 18px;
}
.header-menu ul li {
margin-right: 70px;
}
.header-menu {
padding-top: 49px;
}
.pro-video-text {
width: 49%;
}
.pro-video-play {
width: 49%;
}
.single-dpa.sp2 {
padding-left: 183px;
}
.single-dpa.sp3 {
padding-left: 325px;
}
.cell-content {
width: 425px;
}
.plant-title h4 {
font-size: 30px;
line-height: 63px;
}
.cell-fx {
width: 100%;
}
.single-sell {
width: 480px;
}
.footer-ri img {
max-width: 148px;
}
.footer-ri p {
font-size: 18px;
}
.contact-wrap h3 {
font-size: 30px;
margin-bottom: -1px;
line-height: 46px;
}
.single-form input {
width: 100%;
height: 45px;
padding: 0 13px;
font-size: 19px;
}
.contact-wrap p {
font-size: 18px;
line-height: 27px;
}
.single-link {
width: 100%;
margin-bottom: 26px;
}
.nice-select {
line-height: 36px;
height: 40px;
padding: 0 13px;
font-size: 19px;
}
.single-bytton button {
width: 190px;
height: 43px;
background: transparent;
border: 1px solid #908291;
font-size: 20px;
font-weight: 600;
color: #052415;
}
.header-area.header-2 {
position: unset;
height: 215px;
}
.edif-content h3 {
font-size: 30px;
margin-bottom: 10px;
line-height: 23px;
}
.edif-content p {
font-size: 17px;
line-height: 24px;
width: 100%;
}
.edif-content a {
width: 377px;
height: 47px;
font-size: 16px;
}
.edif-content {
margin-bottom: 37px;
}
.calo-wrap {
width: 100%;
float: unset;
}
.calo-hdn h2 {
font-size: 30px;
color: #052415;
font-weight: 700;
line-height: 1.2;
}
.calo-hdn h2 br {
display: none;
}
.sito-single {
width: 144px;
margin-bottom: 30px;
}
.colo-aera {
padding-top: 50px;
padding-bottom: 50px;
}
.pro-video-play a img {
max-width: 100px;
height: 100px !important;
}
.edif-content {
margin-bottom: 19px;
}
.sito-single ul li {
font-size: 14px;
line-height: 24px;
}
.house-list ul li {
font-size: 32px;
line-height: 59px;
}
.house-image {
width: 499px;
}
.house-list ul li::before {
position: absolute;
width: 178px;
left: -211px;
}
.plan-icon-fx {
width: 100%;
}
.plan-btns {
width: 100%;
margin: auto;
margin-top: 27px;
margin-bottom: 20px;
}
.plan-btns a {
width: 210px;
height: 50px;
line-height: 45px;
font-size: 12px;
}
.hero-area.hero-sec {
padding-bottom: 0;
height: auto;
position: unset;
}
.video-title h3 {
font-size: 30px;
line-height: 63px;
}
.pro-video-play.video {
width: 100%;
height: 350px;
}
.pro-video-play.video img {
height: 100%;
}
.tour-wrap a img {
max-width: 130px;
}
.tour-area {
padding-top: 20px;
padding-bottom: 30px;
}
.tour-bg {
height: 350px;
}
.tour-bg img {
height: 100%;
width: 100%;
}
.mun-aera {
padding-top: 50px;
padding-bottom: 31px;
}
.footer-aera {
padding: 60px 30px;
background: #052415;
}
.plant-card {
max-width: 525px;
margin-left: auto;
}
.posw {
max-width: 407px;
top: 25%;
}
}
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.header-logo a img {
max-width: 178px;
}
.hero-area {
height: 555px;
}
.hero-text h3, .hero-text h1 {
font-size: 26px;
}
.hero-text h4 {
font-size: 26px;
}
.hero-btn a {
width: 244px;
height: 49px;
line-height: 51px;
font-size: 15px;
}
.pro-video-text h3 {
font-size: 31px;
line-height: 40px;
margin-bottom: 15px;
}
.pro-video-text p {
font-size: 18px;
line-height: 32px;
}
.single-fik p {
font-size: 16px;
line-height: 22px;
}
.single-fik h3 {
font-size: 26px;
}
.all-title h3 {
font-size: 20px;
line-height: 48px;
margin-bottom: 9px;
}
.galery-btn a {
width: 340px;
height: 50px;
line-height: 50px;
font-size: 16px;
}
.single-dpa h3 {
font-size: 31px;
line-height: 45px;
}
.single-dpa.sp1 {
padding-left: 37px;
}
.call-title h3 {
font-size: 30px;
line-height: 53px;
}
.cell-content h2 {
font-size: 22px;
line-height: 1.2;
margin: 0;
}
.single-itemn img {
max-width: 40px;
}
.single-itemn p {
font-size: 18px;
line-height: 42px;
}
.single-itemn {
width: 158px;
text-align: center;
}
.plan-icon-fx {
width: 625px;
}
.plan-btn {
font-size: 30px;
}
.visit-wrap h2 {
font-size: 30px;
line-height: 38px;
}
.visit-wrap a {
width: 320px;
height: 51px;
line-height: 48px;
font-size: 17px;
margin-top: 14px;
}
.visit-area {
height: 270px;
}
.footer-list-widget {
width: 586px;
}
.plan-btn {
font-size: 25px;
}
.cell-content {
width: 478px;
}
.footer-list-widget {
width: 100%;
}
.header-logo a img {
max-width: 170px;
}
.header-menu ul li a {
font-size: 15px;
}
.header-menu ul li {
margin-right: 70px;
}
.header-menu {
padding-top: 49px;
}
.pro-video-text {
width: 49%;
}
.pro-video-play {
width: 49%;
}
.single-dpa.sp2 {
padding-left: 129px;
}
.single-dpa.sp3 {
padding-left: 231px;
}
.cell-content {
width: 425px;
}
.plant-title h4 {
font-size: 30px;
line-height: 23px;
text-align: left;
}
.cell-fx {
width: 100%;
}
.single-sell {
width: 378px;
}
.footer-ri img {
max-width: 148px;
}
.footer-ri p {
font-size: 18px;
}
.header-top-fl {
padding: 0;
}
.header-top-fl a {
font-size: 16px;
}
.hero-containt {
padding: 0;
}
.pro-video-text h3 {
font-size: 26px;
line-height: 36px;
margin-bottom: 8px;
text-align: center;
}
.pro-video-text p {
font-size: 16px;
line-height: 26px;
}
.single-fik {
width: 49%;
margin-bottom: 30px;
}
.single-fik.z1 {
margin-top: 0;
}
.single-fik.z2 {
margin-top: 0;
}
.single-fik.z3 {
margin-top: 0;
}
.zik-fl {
margin-top: 30px;
}
.pro-video-play a img {
max-width: 100px;
}
.pro-video-area {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.galery-area {
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.call-aera {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.spa-area {
padding-left: 20px;
padding-right: 20px;
}
.cell-content {
width: 320px;
}
.plant-img img {
max-width: 497px;
margin: auto;
text-align: center;
}
.plant-img {
text-align: center;
}
.footer-fx {
display: block;
justify-content: space-between;
}
.footer-ri {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.footer-aera {
padding: 40px 0;
background: #052415;
}
.header-area.header-2 {
position: unset;
height: 215px;
}
.edif-content h3 {
font-size: 36px;
margin-bottom: 10px;
line-height: 23px;
}
.edif-content p {
font-size: 17px;
line-height: 24px;
width: 100%;
}
.edif-content a {
width: 377px;
height: 47px;
font-size: 16px;
margin: auto;
}
.edif-content {
margin-bottom: 37px;
}
.calo-wrap {
width: 100%;
float: unset;
}
.calo-hdn h2 {
font-size: 30px;
color: #052415;
font-weight: 700;
line-height: 1.2;
}
.calo-hdn h2 br {
display: none;
}
.sito-single {
width: 244px;
margin-bottom: 30px;
}
.colo-aera {
padding-top: 50px;
padding-bottom: 0;
}
.pro-video-play a img {
max-width: 70px;
}
.edif-content {
margin-bottom: 19px;
text-align: center;
}
.sito-single ul li {
font-size: 14px;
line-height: 24px;
}
.header-area.header-2 {
padding-top: 29px;
height: 175px;
}
.edif-img-1.mbl {
display: block;
}
.edif-img-1 {
display: none;
}
.edif-img-1.mbl {
text-align: center;
width: 500px;
margin: auto;
margin-bottom: 30px;
}
.edig-img {
width: 500px;
margin: auto;
}
.calo-img img {
max-width: 476px;
text-align: center;
}
.calo-img {
text-align: center;
margin-bottom: 40px;
}
.house-list ul li {
font-size: 32px;
line-height: 59px;
}
.house-image {
width: 499px;
}
.house-list ul li::before {
position: absolute;
width: 178px;
left: -211px;
}
.plan-icon-fx {
width: 100%;
}
.plan-btns {
width: 100%;
margin: auto;
margin-top: 27px;
margin-bottom: 20px;
text-align: center;
}
.plan-btns a {
width: 210px;
height: 50px;
line-height: 45px;
font-size: 12px;
}
.video-title h3 {
font-size: 30px;
line-height: 63px;
}
.pro-video-play.video {
width: 100%;
height: auto;
}
.pro-video-play.video img {
height: 100%;
}
.tour-wrap a img {
max-width: 130px;
}
.tour-area {
padding-top: 20px;
padding-bottom: 30px;
}
.tour-bg {
height: 350px;
}
.tour-bg img {
height: 100%;
width: 100%;
}
.hero-area.hero-sec {
height: 368px;
padding-top: 0;
}
.contact-wrap h3 {
font-size: 30px;
margin-bottom: -1px;
line-height: 46px;
}
.single-form input {
width: 100%;
height: 45px;
padding: 0 13px;
font-size: 19px;
}
.contact-wrap p {
font-size: 18px;
line-height: 27px;
}
.single-link {
width: 100%;
margin-bottom: 26px;
}
.nice-select {
line-height: 36px;
height: 40px;
padding: 0 13px;
font-size: 19px;
}
.single-bytton button {
width: 190px;
height: 43px;
background: transparent;
border: 1px solid #908291;
font-size: 20px;
font-weight: 600;
color: #052415;
}
.mun-aera {
padding-top: 50px;
padding-bottom: 31px;
}
.contact-aera {
padding-top: 28px;
}
.contact-form p {
font-size: 20px;
margin-bottom: 24px;
}
.cell-content.ct-pd {
padding-left: 96px;
}
.footer-aera {
padding: 60px 30px;
background: #052415;
}
.posw {
max-width: 540px;
position: absolute;
left: 0;
top: 8%;
display: none;
position: unset;
text-align: center;
margin: auto;
}
}
.align-s-cent {
align-self: center;
}
.dorado {
color:#B69D48;
}
/* SM Small Device :320px. */
@media only screen and (max-width: 767px) {
.header-logo a img {
max-width: 178px;
}
.hero-area {
height: auto;
padding-top: 161px;
}
.hero-text h3, .hero-text h1 {
font-size: 25px;
}
.hero-text h4 {
font-size: 24px;
}
.pro-video-text h3 {
font-size: 31px;
line-height: 40px;
margin-bottom: 15px;
}
.pro-video-text p {
font-size: 18px;
line-height: 32px;
}
.single-fik p {
font-size: 16px;
line-height: 22px;
}
.single-fik h3 {
font-size: 26px;
text-align: center;
}
.all-title h3 {
font-size: 30px;
line-height: 48px;
margin-bottom: 9px;
text-align: center;
}
.galery-btn a {
width: auto;
height: auto;
line-height: 1;
font-size: 13px;
padding: 10px 15px;
}
.single-dpa h3 {
font-size: 31px;
line-height: 45px;
}
.single-dpa.sp1 {
padding-left: 37px;
}
.call-title h3 {
font-size: 30px;
line-height: 53px;
}
.cell-content {
margin-top: 20px;
}
.cell-content h2 {
font-size: 22px;
line-height: 1.2;
margin: 0;
}
.single-itemn img {
max-width: 40px;
}
.single-itemn {
margin-bottom: 20px;
}
.plan-icon-fx {
width: 100%;
flex-wrap: wrap;
}
.plan-btn {
font-size: 30px;
}
.visit-wrap h2 {
font-size: 30px;
line-height: 38px;
}
.visit-wrap a {
width: 282px;
height: 45px;
line-height: 42px;
font-size: 13px;
margin-top: 14px;
}
.visit-area {
height: 231px;
}
.footer-list-widget {
width: 586px;
}
.plan-btn {
font-size: 25px;
}
.cell-content {
width: 478px;
}
.footer-list-widget {
width: 100%;
display: block;
text-align: center;
}
.header-logo a img {
max-width: 170px;
}
.header-menu ul li a {
font-size: 15px;
}
.header-menu ul li {
margin-right: 70px;
}
.header-menu {
padding-top: 49px;
}
.pro-video-text {
width: 100%;
}
.pro-video-text {
width: 100%;
margin-bottom: 28px;
}
.single-dpa.sp2 {
padding-left: 95px;
}
.single-dpa.sp3 {
padding-left: 160px;
}
.cell-content {
width: 425px;
}
.plant-title h4 {
font-size: 30px;
line-height: 63px;
text-align: center;
}
.cell-fx {
width: 100%;
display: block;
}
.single-sell {
width: 100%;
margin-bottom: 25px;
}
.footer-ri img {
max-width: 114px;
}
.footer-ri p {
font-size: 15px;
}
.header-top-fl {
padding: 0;
}
.header-top-fl a {
font-size: 14px;
}
.hero-containt {
padding: 0;
display: block;
}
.pro-video-text h3 {
font-size: 26px;
line-height: 36px;
margin-bottom: 8px;
text-align: center;
}
.pro-video-text h4 {
font-size: 18px;
line-height: 1;
margin-bottom: 8px;
text-align: center;
}
.pro-video-text p {
font-size: 16px;
line-height: 26px;
}
.single-fik {
width: 100%;
margin-bottom: 30px;
}
.single-fik.z1 {
margin-top: 0;
}
.single-fik.z2 {
margin-top: 0;
}
.single-fik.z3 {
margin-top: 0;
}
.zik-fl {
margin-top: 30px;
}
.pro-video-play a img {
max-width: 63px;
}
.pro-video-area {
padding-top: 40px;
}
.galery-area {
padding-bottom: 30px;
}
.call-aera {
padding-top: 30px;
padding-bottom: 30px;
}
.cell-content {
width: 100%;
}
.plant-img img {
max-width: 100%;
margin: auto;
text-align: center;
}
.plant-img {
text-align: center;
}
.footer-fx {
display: block;
justify-content: space-between;
}
.footer-ri {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.footer-aera {
padding: 40px 0;
background: #052415;
padding-bottom: 0;
}
.header-logo {
display: none;
}
.header-area {
padding: 25px 0;
}
.header-menu {
padding-top: 49px;
display: none;
}
.logo a img {
max-width: 120px;
}
.bar a {
font-size: 26px;
color: #fff;
height: 40px;
width: 40px;
background: #052415;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.mobile-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 25px;
}
.hero-text p {
letter-spacing: 0px;
font-size: 19px;
line-height: 1.2;
}
.sito-title h4 {
text-align: center;
}
.hero-btn {
text-align: center;
}
.pro-videp-fl {
display: block;
/* align-items: center;
*/
justify-content: space-between;
}
/* .pro-videp-fl h3{
text-align: center;
} */
.pro-video-play {
width: 100%;
}
.zik-para-area {
padding-bottom: 0;
}
.visit-wrap h2 {
font-size: 22px;
line-height: 30px;
}
.single-list {
margin-bottom: 20px;
}
.cell-content h2 br {
display: none;
}
.mobile-header {
display: flex;
}
.header-area.header-2 {
position: unset;
height: 215px;
}
.edif-content h3 {
font-size: 30px;
margin-bottom: 10px;
line-height: 1;
text-align: center;
}
.edif-content h4 {
text-align: center;
}
.edif-content p {
font-size: 17px;
line-height: 24px;
width: 100%;
}
.edif-content a {
width: 100%;
height: 47px;
font-size: 16px;
margin: auto;
}
.edif-content {
margin-bottom: 37px;
}
.calo-wrap {
width: 100%;
float: unset;
}
.calo-hdn h2 {
font-size: 30px;
color: #052415;
font-weight: 700;
line-height: 1.2;
}
.calo-hdn h2 br {
display: none;
}
.disp-flex {
}
.sito-single {
width: 155px;
margin-bottom: 30px;
}
.colo-aera {
padding-top: 50px;
padding-bottom: 0;
}
.pro-video-play a img {
max-width: 50px;
}
.edif-content {
margin-bottom: 19px;
text-align: left;
}
.sito-single ul li {
font-size: 14px;
line-height: 24px;
}
.header-area.header-2 {
padding-top: 29px;
height: 175px;
}
.edif-img-1.mbl {
display: block;
}
.edif-img-1 {
display: none;
}
.edif-img-1.mbl {
text-align: center;
width: 100%;
margin: auto;
margin-bottom: 30px;
height: 250px;
}
.edig-img {
width: 100%;
margin: auto;
height: 250px;
}
.edig-img img {
height: 100%;
width: 100%;
}
.calo-img iframe {
width: 100%;
height: 100%;
text-align: center;
}
.calo-img {
text-align: center;
margin-bottom: 40px;
}
.edif-img-1.mbl img {
height: 100%;
width: 100%;
}
.house-list ul li {
font-size: 19px;
line-height: 34px;
}
.house-image {
width: 100%;
}
.house-list ul li::before {
position: absolute;
width: 178px;
left: -211px;
display: none;
}
.plan-icon-fx {
width: 100%;
}
.plan-btns {
width: 100%;
margin: auto;
margin-top: 27px;
margin-bottom: 20px;
text-align: center;
}
.plan-btns a {
width: 147px;
height: 40px;
line-height: 33px;
font-size: 10px;
}
.house-area {
padding-top: 24px;
padding-bottom: 40px;
}
.house-wrap {
display: block;
align-items: center;
}
.video-title h3 {
font-size: 24px;
line-height: 1.2;
margin-bottom: 20px;
}
.pro-video-play.video {
width: 100%;
height: 200px;
margin-bottom: 20px;
}
.pro-video-play.video img {
height: auto;
}
.tour-wrap a img {
max-width: 83px;
}
.tour-area {
padding-top: 20px;
padding-bottom: 30px;
}
.tour-bg {
height: 200px;
}
.tour-bg img {
height: 100%;
width: 100%;
}
.hero-area.hero-sec {
height: auto;
padding-top: 0;
}
.video-title.tour {
text-align: left;
padding-right: 0;
padding-left: 15px;
}
.tour-wrap {
position: absolute;
top: 50%;
transform: unset;
text-align: center;
left: 0;
right: 0;
}
.contact-wrap h3 {
font-size: 24px;
margin-bottom: -1px;
line-height: 46px;
text-align: center;
}
.single-form input {
width: 100%;
height: 45px;
padding: 0 13px;
font-size: 19px;
}
.contact-wrap p {
font-size: 16px;
line-height: 27px;
text-align: center;
}
.single-link {
width: 100%;
margin-bottom: 26px;
}
.nice-select {
line-height: 36px;
height: 40px;
padding: 0 13px;
font-size: 19px;
}
.single-bytton button {
width: 190px;
height: 43px;
background: transparent;
border: 1px solid #908291;
font-size: 20px;
font-weight: 600;
color: #052415;
}
.mun-aera {
padding-top: 50px;
padding-bottom: 31px;
}
.contact-aera {
padding-top: 28px;
}
.contact-form p {
font-size: 25px;
margin-bottom: 24px;
text-align: center;
}
.cell-content.ct-pd {
padding-left: 0;
}
.offcamva {
position: fixed;
width: 90%;
height: 100%;
background: #052415;
z-index: 99999;
top: 0;
left: -100%;
transition: .3s;
}
.offcanva-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.offcanva-menu {
margin-top: 70px;
}
.cross {
position: absolute;
top: 10px;
right: 15px;
}
.cross a {
font-size: 24px;
color: #fff;
}
.offcanva-menu ul li a {
font-size: 16px;
color: #fff;
font-weight: 500;
padding: 12px 16px;
display: block;
border-bottom: 1px solid #ddd;
transition: .3s;
}
.offcanva-menu ul li a:hover {
padding-left: 30px;
}
.overlay {
position: fixed;
width: 100%;
height: 100%;
background: #052415;
z-index: 1;
opacity: .3;
left: -100%;
top: 0;
transition: .3s;
}
.offcamva.active {
left: 0;
}
.overlay.active {
left: 0;
}
.offcamva {
display: block;
}
.footer-aera {
padding: 60px 30px;
background: #052415;
}
.posw {
max-width: 540px;
position: absolute;
left: 0;
top: 8%;
display: none;
position: unset;
text-align: center;
margin: auto;
}
}
/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {}
@media screen and (max-width: 991px) {
.hero-btn-container {
flex-direction: column;
}
.hero-text {
text-align: center;
}
.hero-btn a {
width: 80%;
padding: 0.5rem 1rem;
}
.hero-btn:first-child {
margin-bottom: 1rem;
}
.amenidadesiconos {
padding: 0 2rem;
}
.amenidadesiconos h5 {
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
text-align: center;
}
.calo-img iframe {
height: 350px;
}
.plant-card {
max-width: 100%;
}
.single-itemn p {
font-size: 15px;
line-height: 1.1;
}
}