html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html {
box-sizing: border-box;
background-color: #fff ;
overflow-x: hidden;
}
*, *:before, *:after {
box-sizing: inherit;
color: #111111;
}
body {
line-height: 1;
font-family: 'Roboto-Light';
background-color: #FFF ;
overflow-x: hidden;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button {
border: none;
outline: none;
cursor: pointer;
background: transparent;
}
a{
text-decoration: none;
}
select {
/* font-family: 'garamondregular';*/
appearance: none;
background-color: transparent;
}
/*================ Utilities =================*/
.colorWh{
color: #fff;
}
.colorG{
color: #f6f6f6;
}
.bg-cover {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.bg-cont {
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.title {
font-family: 'Roboto-Thin';
cursor: default;
}
.sectionContainer .title{
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.sectionContainer.effect .title{
bottom: 0;
opacity: 1;
-webkit-transition: all 1.25s ease-in-out;
transition: all 1.25s ease-in-out;
}
.titleWh {
color: #fff;
}
.subtitle {
font-family: 'garamondregular';
}
.xbold{
font-family: 'Roboto-Bold';
}
.linkpost.uniText {
font-size: 14px;
}
.btn {
padding: 15px 30px;
border: 1px solid #111111;
position: relative;
cursor: pointer;
border-radius: 0;
font-family: 'Roboto-Medium';
font-size: 15px;
background-color: transparent;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
text-transform: uppercase;
}
.btn.sendFilter {
margin: 40px auto;
display: block;
}
/* Cambio 07/05/21 */
/*
.btn:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #2C2E83;
z-index: 0;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
*/
/*
.btn.btnBlue:after {
background-color: #fff;
}
.btn:hover:after {
width: 100%;
}
*/
/*
.btn.sendForm span{
color: #fff;
}
.btn.sendForm::after{
background-color: #fff;
}
*/
.btn span{
position: relative;
z-index: 1;
transition: all .5s ease-in-out;
}
.btn a{
position: relative;
z-index: 1;
transition: all .5s ease-in-out;
}
.btn div{
position: relative;
z-index: 1;
transition: all .5s ease-in-out;
}
/*
.btn:hover a{
color: #fff;
}
*/
/*
.btn:hover div{
color: #fff;
}
*/
/*
.btn:hover span{
color: #fff;
}
.mainForm .sendForm:hover span{
color: #2C2E83;
}
*/
/*
.properties .seeProp:hover a{
color: #2C2E83;
}
*/
/*.btn:hover{*/
/* Cambio 07/05/21 */
/* background-color: #2C2E83; */
/* Fin 07/05/21 */
/*
color: #fff;
}
*/
.btn.btnBlue span{
/* color: #fff;*/
text-transform: uppercase;
}
.innerSelect .btn.btnBlue span{
font-size: 14px;
}
/*
.btn.btnBlue:hover span{
color: blue;
}
*/
.btn:hover a {
color: #fff;
}
.btn.rol.active{
background-color: #2C2E83;
color: #fff;
}
/*
.btn .rightLine {
position: absolute;
top: 50%;
right: -7.5%;
width: 15%;
height: 2px;
background-color: #E42621;
}
*/
/*
.selectGroup .btn .rightLine{
width: 25px;
right: -12.5px;
}
.btn .rightLine:before {
content: '';
bottom: 2px;
left: 50%;
position: absolute;
width: 55%;
height: 10px;
background-color: #fff;
transform: translateX(-50%);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
*/
/*
.btn .rightLine:after {
content: '';
top: 2px;
left: 50%;
position: absolute;
width: 55%;
height: 7px;
background-color: #fff;
transform: translateX(-50%);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
*/
/*
.btn:hover .rightLine:before,
.btn:hover .rightLine:after{
background-color: transparent;
}
*/
/*
.btn .rightLine.beige:before {
background-color: #EBE3D8;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.btn .rightLine.beige:after {
background-color: #EBE3D8;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.btn:hover .rightLine.beige:before,
.btn:hover .rightLine.beige:after{
background-color: transparent;
}
.btn .rightLine.beigeDark:before {
background-color: #fff;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.btn .rightLine.beigeDark:after {
background-color: #fff;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.btn:hover .rightLine.beigeDark:before,
.btn:hover .rightLine.beigeDark:after{
background-color: transparent;
}
.btn .rightLine.beigeLight:before {
background-color: #f6f6f6;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.btn .rightLine.beigeLight:after {
background-color: #f6f6f6;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.btn:hover .rightLine.beigeLight:before,
.btn:hover .rightLine.beigeLight:after{
background-color: transparent;
}
.btn .rightLine.blue:before {
background-color: transparent;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.btn .rightLine.blue:after {
background-color: transparent;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.btn:hover .rightLine.blue:before,
.btn:hover .rightLine.blue:after{
background-color: transparent;
}
*/
.btn.secondary {
border: 1px solid #fff;
color: #fff;
}
.btn.secondary:hover{
background-color: #fff;
color: #2C2E83;
}
.btn.bgBlue{
color: #fff;
background-color: #2C2E83;
}
.btn.bgBeige {
color: #2C2E83;
background-color: #fff;
}
.btn.bgBlue span{
color: #fff;
}
.btn.bgBlue:hover span{
color: #2C2E83;
}
.btn.bgBlue:hover:after{
background-color: #fff;
}
.container {
width: 85%;
margin: 0 auto;
}
.sectionContainer {
width: 100%;
padding: 60px 0 60px;
clear: both;
}
.sectionContainer.dark{
background-color: #fff;
}
.sectionContainer.light{
background-color: #fff;
}
.sectionContainer.extraLight{
/* background-color: #f6f6f6;*/
position: relative;
}
.sectionContainer.blue{
background-color: #111111;
}
.heroSection.dark{
background-color: #fff;
}
.heroSection.light{
background-color: #fff;
}
.heroSection.extraLight{
background-color: #f6f6f6;
}
.heroSection.blue{
background-color: #2C2E83;
}
.heroSection {
position: relative;
overflow: hidden;
}
.subtitleSection {
color: #72D0F6;
text-transform: uppercase;
font-family: 'Roboto-Bold';
font-size: 18px;
}
/*
.arrow-right {
background-image: url(../ASSETS/ICONOS/arrow-1.png);
width: 100px;
height: 20px;
background-position: center left;
margin: 25px 0;
}
.sectionContainer .arrow-right{
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
position: relative;
}
.sectionContainer.effect .arrow-right {
bottom: 0;
opacity: 1;
-webkit-transition: all 1.25s ease-in-out .4s;
transition: all 1.25s ease-in-out .4s;
}
.keys {
display: inline-block;
background-image: url(../ASSETS/ICONOS/keys.png);
width: 30px;
height: 30px;
-webkit-transition: all .25s ease-in-out .0s;
transition: all .25s ease-in-out .0s;
}
*/
.logoDeluxe{
display: inline-block;
/* background-image: url(../ASSETS/iconNew/Dluxe-logo-2.png);*/
background-image: url(../ASSETS/iconNew/Dluxe-logo.png);
width: 80px;
height: 80px;
-webkit-transition: all .25s ease-in-out .0s;
transition: all .25s ease-in-out .0s;
margin-left: -11px;
}
.sideMenu .keys {
position: relative;
top: -30px;
opacity: 0;
-webkit-transition: all .35s ease-in-out 0s;
transition: all .35s ease-in-out .0s;
}
.sideMenu.active .keys{
opacity: 1;
top: 0;
-webkit-transition: all .75s ease-in-out .5s;
transition: all .75s ease-in-out .5s;
}
.sideMenu.active .keys:last-of-type{
-webkit-transition: all .75s ease-in-out .95s;
transition: all .75s ease-in-out .95s;
}
.sectionContainer .keys{
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all .15s ease-in-out .0s;
transition: all .15s ease-in-out .0s;
}
.sectionContainer.effect .keys{
bottom: 0;
opacity: 1;
-webkit-transition: all 1.25s ease-in-out .25s;
transition: all 1.25s ease-in-out .25s;
}
.containerBox{
width: 85%;
margin: 0 auto;
overflow: hidden;
padding: 10px 0;
}
.containerBox.boxesVlog{
padding: 0;
}
.whiteMain{
background-color: #f6f6f6;
}
.sticker {
position: absolute;
top: 20px;
left: 20px;
z-index: 30;
background-color: #E42621;
padding: 10px 20px;
}
.sticker .stickerText {
color: #fff;
text-transform: uppercase;
font-size: 12px;
}
.transition {
transition: all .25s;
-webkit-transition: all .25s;
}
/* RangeSingleSlider */
.noUi-target{
background: none;
border: none;
box-shadow: none;
}
.noUi-connects{
overflow: initial;
}
.noUi-connect{
background: #72D0F6;
height: 2px;
}
.noUi-handle{
border: none;
background: #72D0F6;
cursor: default;
box-shadow: none;
}
.noUi-horizontal .noUi-handle{
width: 10px;
height: 10px;
right: -10px;
top: -3px;
z-index: 45;
outline: none;
}
.noUi-handle:after, .noUi-handle:before{
display: none;
}
/* ================================== */
#background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(68, 68, 68, 0.3);
backdrop-filter: blur(2px);
display: none;
z-index: 210;
}
#background.active {
opacity: 1;
display: block;
}
/* ========= Header ===============*/
/* Menu */
#siteHeader {
position: relative;
width: 100%;
}
.backImgContainer.contHome{
width: 100%;
height: 100%;
overflow: hidden;
left: initial;
right: 0;
}
.backImage {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
z-index: 10;
will-change: transform;
-webkit-transform: scale(1.25);
transform: scale(1.25);
-webkit-transition: transform .13s ease-in-out 0s;
transition: transform .13s ease-in-out 0s;
}
#heroSection.reveal .backImage{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 13s ease-in-out 0s;
transition: transform 13s ease-in-out 0s;
}
#heroSection .backImage.visible{
display: block;
}
#heroSection .backImage.hideImg{
display: none;
}
#heroSection.reveal .contVideo{
width: 100%;
height: 100%;
}
#heroSection.reveal .contVideo .videoContainerFull.youTube{
width: 100%;
height: 100%;
}
#btnMutedVideo{
transition: all .5s ease-in-out;
width: 40px;
height: 40px;
z-index: 180;
position: absolute;
right: 85px;
bottom: 48px;
cursor: pointer;
background-image: url(../ASSETS/iconNew/Sound-on_1.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
#btnMutedVideo.mutedVid{
transition:all .5s ease-in-out;
background-image: url(../ASSETS/iconNew/Volumen-off.png);
}
#siteHeader .networks.fixed{
position: fixed;
top: 50%;
right: 10px;
transform: translateY(-50%);
z-index: 50;
-webkit-transition: all .25s;
transition: all .25s;
}
#siteHeader .networks.opacity{
opacity: 0;
visibility: hidden;
}
#siteHeader .networks.fixed.static{
position: absolute;
z-index: 30;
}
#siteHeader .networks.fixed.hide{
display: none;
}
.networks.fixed .net {
display: block;
background-color: #2C2E83;
width: 45px;
height: 45px;
}
.networks.fixed .net {
margin-bottom: 12px;
}
.bar.scroll{
background-color: #111111;
}
.bar {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 200;
background-color: transparent;
transition: all .25s;
float: left;
}
.bar.normal{
position: initial;
}
.bar.topVlog{
background-color: #111111;
}
.bar .containerBar{
width: 100%;
padding: 10px 50px;
overflow: hidden;
}
.bar .logoMenu {
float: left;
}
.logoMenu .burger {
width: 40px;
height: 40px;
background-image: url(../ASSETS/iconNew/Menu.png);
display: inline-block;
margin-right: 10px;
vertical-align: middle;
cursor: pointer;
/* background-size: 60%;*/
background-size: contain;
}
.bar.scroll.hideHome .logoMenu .burger {
background-image: url(../ASSETS/iconNew/menu_blue.png);
}
.logoMenu .burger.active {
background-image: url(../ASSETS/ICONOS/close-red.png);
background-size: contain;
}
.logoMenu .logo {
/* background-image: url(../ASSETS/iconNew/Dlexu-logo-1.png);*/
background-image: url(../ASSETS/iconNew/Dluxe-logo.png);
background-position: left center;
width: 55px;
height: 55px;
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.bar.hideHome .logoMenu .logo{
opacity: 0;
}
.bar.scroll.hideHome .logoMenu .logo{
opacity: 1;
-webkit-transition: all .25s ease-in-out .15s;
transition: all .25s ease-in-out .15s;
}
.sideMenu .logoMenu .logo{
position: relative;
opacity: 0;
-webkit-transition: all .25s ease-in-out .15s;
transition: all .25s ease-in-out .15s;
}
.sideMenu.active .logoMenu .logo{
opacity: 1;
-webkit-transition: all .65s ease-in-out .45s;
transition: all .65s ease-in-out .45s;
}
.bar .contactFilter {
float: right;
height: 55px;
position: relative;
}
.contentContactMenu {
float: left;
height: 55px;
position: relative;
margin-top: 10px;
}
#topBar .containerBar .btnCms{
position: relative;
padding: 10px 15px;
font-size: 14px;
background-color: transparent;
display: inline-block;
margin: 10px;
text-align: center;
border: 1px solid #fff;
}
#topBar .containerBar .btnCms a{
color: #fff;
}
/*
#topBar .containerBar .btnCms:hover{
background-color: #fff;
border: 1px solid #2C2E83;
}
*/
/*
#topBar .containerBar .btnCms:hover a{
color: #2C2E83;
}
*/
.contactFilter .icon,
.contentContactMenu .icon {
/* Cambio 07/05/21 */
width: 40px;
height: 40px;
/* Fin 07/05/21 */
display: inline-block;
vertical-align: middle;
border-radius: 50%;
cursor: pointer;
}
.contactFilter .contact,
.contentContactMenu .contact {
/* Cambio 07/05/21 */
margin-right: 5px;
/* Fin 07/05/21 */
background-image: url(../ASSETS/ICONOS/contacto.png);
transition: all .25s;
}
.btnMenuCont,
.contactFilter .contact.active,
.contentContactMenu .contact.active {
background-image: none;
background-color: transparent;
border-radius: 0;
width: auto;
line-height: 30px;
position: relative;
padding: 0px 70px 0 25px;
border: 1px solid #fff;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.btnMenuCont {
border: 1px solid #111111;
}
.btnMenuCont span{
display: inline-block;
font-size: 12px;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
text-transform: uppercase;
font-family: 'Roboto-Medium';
position: relative;
}
/*
.contactFilter .contact.active:hover{
background-color: transparent;
}
*/
#textContactBtn{
display: none;
}
#contactIcon{
display: none;
}
.contact.active #textContactBtn{
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 12px;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
text-transform: uppercase;
font-family: 'Roboto-Medium';
z-index: 1;
position: relative;
}
.contact.active #contactIcon{
display: block;
position: absolute;
background-image: url(../ASSETS/iconNew/Contactenos-1.png);
width: 25px;
height: 25px;
top: 50%;
right: 25px;
transform: translateY(-50%);
}
.contactIcon{
display: block;
position: absolute;
background-image: url(../ASSETS/iconNew/Contactenos-2.png);
width: 20px;
height: 20px;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
/* .contact.active:hover #contactIcon{
background-image: url(../ASSETS/ICONOS/contact);
} */
.contactFilter .filter {
display: none;
background-image: url(../ASSETS/iconNew/Filtro.png);
}
#topBarVlog{
display: block;
clear: both;
width: 100%;
background-color: #fff;
text-align: center;
float: left;
padding: 0 50px;
transition: all .25s;
position: relative;
/* box-shadow: 0px 0px 9px 1px #111111;*/
z-index: 10;
}
#topBarVlog.inactive{
display: none;
transition: all .25s;
}
#topBarVlog .textTopVlog{
display: none;
}
#topBarVlog .arrowBlog{
display: none;
}
#topBarVlog .navBarVlog{
width: 100%;
display: block;
padding: 10px 0;
}
.navBarVlog .anchorVlog{
display: inline-block;
padding: 5px 40px;
}
/* =========== Side Menu ============= */
#siteHeader .sideMenu {
position: fixed;
top: 0;
left: -70%;
width: 50%;
height: 100%;
z-index: 110100;
-webkit-transition: all .45s ease-in .3s;
transition: all .45s ease-in .3s;
}
#siteHeader .sideMenu::-webkit-scrollbar{
display: none;
}
#siteHeader .sideMenu.active {
left: 0%;
-webkit-transition: all .45s ease-out 0s;
transition: all .45s ease-out 0s;
}
.sideMenu .contentMenu {
float: left;
height: 100%;
padding-bottom: 10px;
padding-right: 20px;
position: relative;
z-index: 20;
overflow-y: auto;
width: 70%;
background: #111111;
}
.sideMenu .contentMenu::-webkit-scrollbar{
display: none;
}
.contentMenu .logoMenu {
padding: 10px 0px 0 80px;
}
.logoMenu #closeMenu {
/* background-image: url(../ASSETS/iconNew/Cerrar-2.png);*/
background-image: url(../ASSETS/iconNew/Cerrar-3.png);
position: relative;
opacity: 0;
background-size: contain;
-webkit-transition: all .25s ease-in-out 0s;
transition: all .25s ease-in-out 0s;
width: 30px;
height: 30px;
top: 15px;
z-index: 1000;
}
.sideMenu.active .logoMenu #closeMenu {
opacity: 1;
-webkit-transition: all .5s ease-in-out .35s;
transition: all .5s ease-in-out .35s;
}
.contentMenu .contentNav {
margin-left: 80px;
height: calc(100% - 130px);
position: relative;
overflow: auto;
margin-top: -48px;
}
.contentNav::-webkit-scrollbar {
-webkit-appearance: none;
}
.contentNav::-webkit-scrollbar:vertical {
width:5px;
}
.contentNav::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
display: none;
}
.contentNav::-webkit-scrollbar:horizontal {
height: 10px;
}
.contentNav::-webkit-scrollbar-thumb {
background-color: #797979;
border-radius: 20px;
/* border: 2px solid #f1f2f3;*/
}
.contentNav::-webkit-scrollbar-track {
border-radius: 10px;
}
.contentNav .mainNav {
margin: 25px 0;
width: 100%;
}
.mainNav .mainUl {
width: 100%;
}
.mainUl .mainLi {
width: 100%;
transform: matrix(1, 0, 0, 1, 0, -50);
opacity: 0;
-webkit-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.sideMenu.active .mainLi{
transform: matrix(1, 0, 0, 1, 0, 0);
opacity: 1;
-webkit-transition: all .65s ease-in-out .75s;
transition: all .65s ease-in-out .75s;
}
.mainUl .mainLi:first-of-type{
padding-top: 0;
}
.mainLi .innerText {
/* font-size: 25px;*/
position: relative;
color: #fff;
text-decoration: none;
font-family: 'Roboto-Thin';
padding: 15px 0;
font-size: 35px;
display: inline-block;
vertical-align: middle;
transition: all .2s ease-out;
width: 300px;
cursor: pointer;
}
.mainLi.active .innerText{
font-family: 'Roboto-Medium';
transition: all .2s ease-out;
}
.mainLi .innerText:after{
content: '';
position: absolute;
left: 0;
width: 0;
height: 4px;
bottom: 0;
background: #72D0F6;
z-index: 0;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.mainLi .innerText:hover:after,
.mainLi .innerText.open:after,
.mainLi.active .innerText:after {
width: 300px;
}
/*
.mainLi .innerText.open{
color: #E42621;
padding: 10px 0;
}
*/
.mainLi .downArrow{
position: relative;
width: 25px;
height: 25px;
background-image: url(../ASSETS/iconNew/Flecha-2.png);
display: inline-block;
vertical-align: middle;
/* margin-left: 110px; */
margin-left: -25px;
cursor: pointer;
transition: all .25s;
-webkit-transition: all .25s;
z-index: 100;
}
.mainLi .downArrow.open{
background-image: url(../ASSETS/iconNew/Flecha-2.png);
transform: rotate(180deg);
}
.mainLi .innerUl{
visibility: collapse;
transition: max-height .25s;
-webkit-transition: max-height .25s;
max-height: 0;
}
.mainLi .innerUl.open{
max-height: 200px;
visibility: visible;
width: 60%;
margin-left: 40px;
margin-top: 10px;
}
.mainLi .innerUl .innerLi {
font-size: 16px;
font-family: 'Roboto-Thin';
padding: 4px 0;
text-transform: uppercase;
transition: all .2s ease-out;
}
.mainLi .innerUl .innerLi.active {
font-family: 'Roboto-Medium';
}
.mainLi .innerUl .innerLi a {
color: #fff;
}
.mainLi .innerUl .innerLi:hover{
margin-left: 15px;
transition: all .2s ease-out;
}
.contentMenu .contactBox{
/* margin-top: 40px;*/
overflow: hidden;
width: 70%;
margin-left: 80px;
position: absolute;
opacity: 0;
-webkit-transition: all .45s ease-in-out;
transition: all .45s ease-in-out;
bottom: 0;
height: 140px;
}
.sideMenu.active .contentMenu .contactBox{
bottom: 0;
opacity: 1;
-webkit-transition: all .75s ease-in-out 1s;
transition: all .75s ease-in-out 1s;
}
.contactBox .aboutUs{
width: 100%;
background-color: #fff;
}
.aboutUs .we,
.aboutUs .service {
text-decoration: none;
text-transform: uppercase;
color: #E42621;
font-family: 'garamondbold';
font-size: 20px;
}
.contactBox .contactUs {
/* margin-top: 50px;*/
margin-left: 0px;
padding: 1px 60px 3px 15px;
text-align: left;
font-size: 20px;
float: left;
}
/*
.contactUs .rightLine:before,
.contactUs .rightLine:after {
content: '';
background-color: #fff;
}
*/
.contactBox .networks {
/* margin-top: 50px;*/
float: left;
width: 100%;
}
.networks .net {
display: inline-block;
width: 40px;
height: 40px;
cursor: pointer;
background-size: contain;
margin-right: 10px;
transition: all .2s ease-out;
}
.networks .net:hover{
height: 45px;
width: 45px;
transition: all .2s ease-out;
}
.net.fb {
background-image: url(../ASSETS/iconNew/fb_wt.png);
}
.net.ig {
background-image: url(../ASSETS/iconNew/ig_wt.png);
}
.net.in {
background-image: url(../ASSETS/iconNew/in_wt.png);
}
.net.ws {
background-image: url(../ASSETS/iconNew/whatsapp.png);
}
.white.net.fb {
background-image: url(../ASSETS/iconNew/Facebook-1.png);
}
.white.net.ig {
background-image: url(../ASSETS/iconNew/Instagram.png);
}
.sideMenu .borderSkew {
width: 0%;
margin-left: -2px;
background-size: 100% 100%;
transition: all .45s ease-in-out 0s;
}
.sideMenu.active .borderSkew {
width: 20%;
transition: all .45s ease-in-out .15s;
}
/*======================= Close PopUp ================ */
#btnCloseBox.active{
display: block;
}
#btnCloseBox {
position: fixed;
top: 0;
right: 0;
padding: 10px 30px 0 0;
z-index: 1010;
display: none;
}
#btnCloseBox .closeBtn {
width: 40px;
height: 40px;
background-image: url(../ASSETS/iconNew/Cerrar-1.png);
opacity: 0;
display: inline-block;
}
.formBox .closeBtn {
width: 30px;
height: 30px;
background-image: url(../ASSETS/iconNew/Cerrar-3.png);
opacity: 1;
display: inline-block;
right: 54px;
top: 15px;
position: absolute;
cursor: pointer;
z-index: 2000;
}
#btnCloseBox #closeContact {
/* Cambio 07/05/21 */
margin-right: 5px;
/* Fin 07/05/21 */
}
#btnCloseBox #closeContact.active,
#btnCloseBox #closeFilter.active {
opacity: 1;
cursor: pointer;
}
/*======================= Contact PopUp ================ */
#contactPopUp.active {
display: block;
}
#contactPopUp.show {
opacity: 1;
transition: all .2s ease-in-out;
}
#contactPopUp {
position: fixed;
width: 92.5%;
height: 80%;
top: 10%;
left: 3.75%;
z-index: 110100;
display: none;
transition: all .2s ease-out;
opacity: 0;
}
.contactPopUp .map {
width: 50%;
height: 100%;
float: left;
background-color: #f6f6f6;
position: relative;
background-image: url(../ASSETS/iconNew/map.png );
background-size: cover;
}
.contactPopUp .map.desktop{
display: block;
}
.map .pointMap {
position: absolute;
width: 80px;
height: 80px;
background-image: url(../ASSETS/ICONOS/point-map-1.png);
}
.map .pointA {
top: 10%;
right: 20%;
}
.map .pointB {
bottom: 10%;
left: 5%;
}
.map .infoPoint {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background-color: #2C2E83;
padding: 10px 20px;
line-height: 1.4;
text-align: center;
}
.infoPoint .textPoint {
color: #fff;
font-family: 'garamondmedium';
font-size: 16px;
}
.textPoint span {
color: #fff;
font-family: 'garamondvariable';
}
/*============================== Infowindow ==============================*/
.codePropertieInfo{
color: #111111;
font-family: 'Roboto-Bold';
font-size: 12px;
}
.subtitlePropertieInfo,
.zonePropertieInfo{
color: #111111;
margin-top: 5px;
font-size: 16px;
font-family: 'Roboto-Bold';
}
.zonePropertieInfo{
margin-bottom: 10px;
}
.seePlansInfo{
color: #72D0F6;
margin-top: 10px;
font-family: 'Roboto-Medium';
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
display: inline-block;
outline: none;
}
.gm-ui-hover-effect span {
display: none!important;
}
.gm-style .gm-style-iw-t::after{
display: none ;
}
.gm-style .gm-style-iw-c{
padding: 10px 30px !important;
border-radius: 0;
text-align: center;
box-shadow: 0 2px 7px 1px rgb(0 0 0 / 60%);
background-color: #f6f6f6;
}
#mapSearch .gm-style .gm-style-iw-c{
padding: 20px 40px 20px 20px !important;
}
#mapSearch .contPrice p,
#mapSearch p.sale{
font-family: 'Roboto-Light';
}
.gm-style .gm-style-iw-d{
overflow: auto !important;
}
p.communityInfoWindow.text_smallLarge.subTitleFont {
font-family: 'Roboto-Bold';
}
/*
.closeInfo{
position: absolute;
top: 5px;
right: 5px;
width: 17px;
height: 17px;
background-image: url(../ASSETS/ICONOS/close-red1.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
*/
.gm-ui-hover-effect img{
display: none !important;
}
.gm-ui-hover-effect{
position: absolute!important;
top: 5px!important;
right: 5px!important;
width: 17px!important;
height: 17px!important;
background-image: url(../ASSETS/iconNew/Cerrar-3.png)!important;
background-position: center!important;
background-size: contain!important;
background-repeat: no-repeat!important;
}
/*==================== fin Infowindow ===============================*/
.contactPopUp .formBox {
float: right;
width: 50%;
height: 100%;
background-color: #FFFFFF;
position: relative;
overflow-y: scroll;
padding: 0px 0;
}
.contactPopUp .formBox::-webkit-scrollbar{
display: none;
}
.formBox .formHeader {
width: 85%;
margin: 0 auto;
text-align: center;
/* Inicio 07/05/21 */
padding-top: 45px;
clear: both;
/* Fin 07/05/21 */
}
.formHeader .title {
font-size: 60px;
font-family: 'Roboto-Medium';
}
.formHeader .infoForm {
font-size: 16px;
margin: 10px 0;
line-height: 1.3;
}
.formHeader .keys {
width: 30px;
height: 30px;
display: inline-block;
background-image: url(../ASSETS/ICONOS/keys.png);
}
.formBox .mainForm {
width: 85%;
margin: 0 auto;
margin-top: 35px;
overflow: hidden;
/* Cambio 07/05/21 */
padding-bottom: 30px;
/* Fin 07/05/21 */
}
.mainForm label {
display: block;
clear: both;
margin-bottom: 5px;
font-size: 12px;
font-family: 'Roboto-Bold';
}
.mainForm .inputGroup {
width: 48%;
float: left;
}
.mainForm .inputGroup.left{
margin-right: 4%;
}
.mainForm .inputGroup.full {
width: 100%;
float: left;
}
.mainForm input,
.mainForm select,
.mainForm textarea {
border: solid 1px #111111;
outline: none;
resize: none;
background-color: #fff;
padding: 10px;
width: 100%;
height: 40px;
border-radius: 0;
clear: both;
margin-bottom: 25px;
font-size: 12px;
}
.mainForm select {
appearance: none;
background-size: 15px;
background-image: url(../ASSETS/ICONOS/arrow-3.png);
background-position: top 50% right 5%, 0 0;
background-repeat: no-repeat;
}
.mainForm textarea {
height: 100px;
}
.mainForm .sendForm {
display: block;
margin: auto;
border: none;
height: 70px;
width: 200px;
}
.mainForm .sendFormHeader {
border: 1px solid #111111;
padding: 15px;
font-size: 16px;
color: #111111;
display: block;
text-align: center;
}
/*======================= Filter PopUp ================ */
#siteHeader .sideFilter.active{
right: 0;
/* z-index: 101000;*/
z-index: 111000;
}
#siteHeader .sideFilter {
position: fixed;
top: 0;
right: -30%;
height: 100%;
width: 30%;
z-index: 1010;
background-color: #fff;
transition: all .25s ease-in;
overflow-y: auto;
}
#siteHeader .sideFilter::-webkit-scrollbar{
display: none;
}
.sideFilter .closeBox {
padding: 15px 30px 60px;
width: 100%;
overflow: hidden;
}
.closeBox #closeFilter {
width: 30px;
height: 35px;
/* background-image: url(../ASSETS/iconNew/Cerrar-2.png);*/
background-image: url(../ASSETS/iconNew/Cerrar-3.png);
float: right;
cursor: pointer;
}
.sideFilter .contentFilter{
width: 80%;
margin: 0 auto 20px;
}
.contentFilter .headerFilter {
width: 100%;
overflow: hidden;
white-space: nowrap;
}
.headerFilter .outerTab {
width: 50%;
white-space: normal;
}
.headerFilter .outerTab .innerTab {
width: 100%;
font-size: 20px;
padding: 15px 25px;
text-transform: uppercase;
}
.sideFilter .headerFilter .outerTab .innerTab span{
display: inline-block;
width: 100%;
opacity: 0.4;
color: #111111;
font-size: 17px;
}
.sideFilter .headerFilter .outerTab .innerTab.active span{
transform: scale(1);
opacity: 1;
}
.contentFilter .bodyFilter {
width: 100%;
font-size: 15px;
}
.bodyFilter .section {
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #fff;
white-space: nowrap;
}
.searchContainer label {
display: block;
margin-bottom: 10px;
font-family: 'Roboto-Bold';
}
.searchContainer input[type="search"]{
width: 100%;
height: 40px;
padding: 10px;
border: 1px solid #111111;
outline: none;
border-radius: 0;
background-image: url(../ASSETS/iconNew/Lupa.png);
background-size: 30px;
background-position: top 5px right 5px, 0 0;
background-repeat: no-repeat;
}
.radioCheck .col{
display: inline-block;
vertical-align: top;
width: 100%;
white-space: normal;
}
.radioCheck .col label {
float: left;
margin: 5px 7% 5px 3%;
width: 40%;
}
#furnished{
display: none;
}
#privateSpace2{
display: none;
}
.col label input {
margin-right: 5px;
display: inline-block;
vertical-align: text-bottom;
}
.col label input[type="radio"] {
-webkit-appearance: none;
position: relative;
border: 2px solid #2C2E83;
background: transparent;
width: 15px;
height: 15px;
border-radius: 50%;
text-align: center;
outline: none;
}
.col label input[type="radio"]:checked:after {
content: '';
position: absolute;
top: 1.5px;
left: 1.5px;
height: 70%;
width: 70%;
background-color: #E42621;
border-radius: 50%;
}
.select select {
display: inline-block;
width: 50%;
appearance: none;
outline: none;
border: none;
padding: 0 5px;
background-image: url(../ASSETS/iconNew/Flecha-2.png);
background-size: 15px;
background-position: top 50% right 5%, 0 0;
background-repeat: no-repeat;
font-family: 'Roboto-Bold';
}
.bodyFilter .filters .filterBy {
float: none;
display: inline-block;
vertical-align: middle;
white-space: normal;
width: 47.5%;
}
.bodyFilter .filters .filterBy.area {
margin-right: 0;
padding-left: 4%;
}
.bodyFilter .filters .filterBy.price {
margin-right: 1%;
}
.contSelectZonasMobile{
display: none;
}
.bodyFilter .filters .filterBy.price .outerLine .innerLine{
height: 2px;
width: 70%;
}
.bodyFilter .filters .filterBy.price .outerLine .rightSquare{
right: 20%;
}
.bodyFilter .filters .filterBy.area .outerLine .innerLine{
height: 2px;
width: 85%;
}
.bodyFilter .filters .filterBy.area .outerLine .rightSquare{
right: 5%;
}
.bodyFilter .filters .filterBy .since,
.bodyFilter .filters .filterBy .to {
font-size: 12px;
}
.bodyFilter .filters .other.filterBy{
padding: 6% 10px 6% 15px;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.bodyFilter .filters .other.active{
background-color: #EEEEEE;
/* Cmabio 07/05/21 */
margin-bottom: -11px;
/* fin 07/05/21 */
}
.bodyFilter .filters .other .otherText{
display: inline-block;
width: calc(100% - 30px);
vertical-align: middle;
font-family: 'Roboto-Bold';
}
/*
.bodyFilter .filters .other.active .otherText {
color: #E42621;
}
*/
.bodyFilter .filters .other .arrowOthers{
display: inline-block;
width: 15px;
height: 15px;
margin-left: 5px;
background-image: url(../ASSETS/iconNew/Flecha-2.png);
vertical-align: middle;
}
.bodyFilter .filters .other.active .arrowOthers {
transform: rotate(180deg);
background-image: url(../ASSETS/iconNew/Flecha-2.png);
}
.filters .innerOthers {
white-space: initial;
margin-top: 1px;
width: 100%;
font-size: 14px;
overflow: hidden;
visibility: visible;
/* opacity: 0;*/
opacity: 1;
-webkit-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.filters .innerOthers.active {
visibility: visible;
opacity: 1;
}
.innerOthers label {
width: 40%;
float: left;
font-size: 15px;
margin: 5px 7% 5px 3%;
}
.innerOthers label input {
vertical-align: sub;
}
.bodyFilter .sendFilter {
width: 45%;
margin: 35px auto 0;
display: block;
padding: 10px 0;
font-family: 'Roboto-Medium';
font-size: 14px;
}
.infoContainer {
position: absolute;
top: 0;
left: 0px;
height: 100%;
width: 100%;
z-index: 20;
}
.infoContent {
width: 100%;
height: 100%;
float: left;
position: absolute;
z-index: 10;
background-color: rgba(51, 56, 68, 0.4);
}
.contentBox{
text-align: center;
width: 90%;
margin: auto;
}
.contentBox .logoBanner {
display: block;
width: 150px;
height: 150px;
opacity: 0;
margin: -100px auto 50px;
/* background-image: url(../ASSETS/iconNew/Dlexu-logo-1.png);*/
background-image: url('../ASSETS/iconNew/Dluxe-logo.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
bottom: -30px;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) .15s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) .15s;
}
#heroSection.reveal .contentBox .logoBanner {
bottom: 0;
opacity: 1;
}
.contentBox .subtitle {
font-size: 40px;
font-family: 'Roboto-Light';
cursor: default;
position: relative;
bottom: -30px;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) .15s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) .15s;
opacity: 0;
width: 55%;
color: #fff;
line-height: 1.2;
display: inline-block;
}
#heroSection.reveal .contentBox .subtitle {
bottom: 0;
opacity: 1;
font-size: 35px;
}
.contentBox .arrow-right{
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) .5s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) .5s;
}
#heroSection.reveal .arrow-right {
bottom: 0;
opacity: 1;
}
.contentBox .advisoryText {
font-size: 18px;
line-height: 1.2;
cursor: default;
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) .75s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) .75s;
}
#heroSection.reveal .contentBox .advisoryText {
bottom: 0;
opacity: 1;
}
.infoContent .smallFilter {
margin: 65px 0 0;
width: 225%;
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) 1s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) 1s;
}
#heroSection.reveal .smallFilter {
bottom: 0;
opacity: 1;
}
.smallFilter .controlTabs {
width: 100%;
background-color: #fff;
}
.controlTabs .outerTab {
cursor: pointer;
display: inline-block;
height: 100%;
}
.outerTab .innerTab {
font-family: 'Roboto-Bold';
transition: all .25s ease-in-out;
font-size: 20px;
padding: 15px;
transform-origin: bottom;
border-radius: 0;
}
.outerTab .innerTab.active span{
color: #fff;
transform: scale(1.19, 1.1);
}
.smallFilter .borderLine {
width: 102%;
height: 3px;
position: relative;
left: -1%;
background-color: #E42621;
clear: both;
}
.smallFilter .filterContent {
width: 100%;
padding: 10px 20px;
font-size: 14px;
background-color: #fff;
}
.filterContent .inputContainer {
padding-right: 40px;
display: inline-block;
vertical-align: middle;
width: 19%;
}
.fastFilterMobile{
display: none;
}
.inputContainer .inputGroup {
display: block;
}
input[type="checkbox"]{
-webkit-appearance: none;
width: 15px;
height: 15px;
background: transparent;
border: 2px solid #111111;
position: relative;
outline: none;
border-radius: 0;
}
input[type="checkbox"]:checked:before{
content: '';
width: 60%;
height: 60%;
position: absolute;
top: 50%;
left: 50%;
background-color: #72D0F6;
transform: translate(-50%, -50%);
}
.filterContent .filters {
display: inline-block;
vertical-align: middle;
width: 78%;
margin-right: 2%;
overflow: hidden;
padding-left: 5px;
}
form#formTAB3{
width: 100%;
}
.innerFilter{
/* max-height: 0;*/
visibility: hidden;
opacity: 0;
overflow: visible;
/* width: 100%;*/
width: 280px;
display: inline-block;
}
#btnSearchIndex {
width: 100px;
display: inline-block;
padding: 12px 0 13px;
margin-left: 0;
margin-right: 0;
}
#btnSearchIndex span{
color: #fff;
text-transform: uppercase;
font-family: 'Roboto-Medium';
letter-spacing: 1px;
}
#btnSearchIndex:hover span{
color: #111111;
}
.innerFilter.active{
/* max-height: 200px;*/
visibility: visible;
opacity: 1;
}
.filterCode{
display: inline-block;
vertical-align: middle;
width: 100%;
}
.writeCode{
width: 100%;
appearance: none;
outline: none;
padding: 13px 20px 13px;
color: #fff;
font-size: 14px;
border: 1px solid rgba(0,0,0,0.3);
background-color: rgba(0,0,0,0.3);
margin-right: 0;
text-transform: uppercase;
font-family: 'Roboto-Medium';
}
.writeCode::placeholder{
color: #fff;
letter-spacing: 1px;
}
.writeCode::-webkit-search-cancel-button{
position: relative;
color: #111111;
}
.filters .filterBy {
display: inline-block;
width: 30%;
vertical-align: middle;
}
.filters .price {
margin: 0 4%;
}
.filters .filterByZone{
appearance: none;
border: none;
outline: none;
height: 100%;
background-image: url(../ASSETS/ICONOS/arrow-3.png);
background-size: 20px;
background-position: top 50% right 1%, 0 0;
background-repeat: no-repeat;
}
.filterBy .infoFilter {
display: block;
font-family: 'Roboto-Bold';
}
.filterBy .outerLine {
height: 1px;
width: 100%;
background-color: #2C2E83;
margin: 15px 0 15px 3%;
position: relative;
}
.outerLine .leftSquare {
position: absolute;
height: 10px;
width: 10px;
background-color: #E42621;
top: -50%;
left: 10%;
transform: translateY(-50%);
}
.outerLine .innerLine {
position: absolute;
width: 30%;
height: 1px;
background-color: #E42621;
left: 10%;
}
.outerLine .rightSquare {
position: absolute;
height: 10px;
width: 10px;
background-color: #E42621;
top: -50%;
right: 60%;
transform: translateY(-50%);
}
.filterBy .since {
float: left;
font-size: 12px;
font-family: 'Roboto-Regular';
}
.filterBy .to {
float: right;
font-size: 12px;
font-family: 'Roboto-Regular';
}
.filterBy .since span,
.filterBy .to span {
font-size: 12px;
vertical-align: top;
}
.filterContent .search {
display: inline-block;
vertical-align: middle;
width: 19%;
padding: 10px 0;
font-size: 16px;
position: relative;
}
.borderSkew {
float: left;
width: 20%;
height: calc(100% + 1px);
background-image: url(../ASSETS/ICONOS/diagonal.png);
margin-left: -2px;
z-index: 10;
position: relative;
background-size: 100% 100%;
}
.livesRich {
position: absolute;
bottom: -5%;
left: 50%;
transform: translateX(-50%);
/* background-image: url(../ASSETS/ICONOS/slogan.png);*/
width: 30%;
height: 25px;
z-index: 40;
opacity: 0;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) 1.25s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) 1.25s;
}
#heroSection.reveal .livesRich {
bottom: 15%;
opacity: 1;
}
.livesRich .bottomLine {
position: absolute;
height: 370%;
width: 2px;
bottom: -75px;
left: 50%;
transform: translateX(-50%);
background-color: #72D0F6;
}
.meridianContainer{
position: absolute;
bottom: -10px;
/* right: 0;*/
left: 0;
overflow: hidden;
width: 200px;
height: 200px;
}
.meridian {
position: absolute;
bottom: 0;
opacity: 0;
/* right: -60px;*/
left: -60px;
width: 100%;
height: 100%;
background-image: url(../ASSETS/ICONOS/stamp-red.png);
z-index: 40;
transform: rotateZ(360deg);
-webkit-transition: all 2.25s ease-in-out .35s ;
transition: all 2.25s ease-in-out .35s;
}
.meridianContainer.reveal .meridian {
opacity: 1;
/* transform: rotateZ(0deg);*/
transform: rotateZ(110deg);
}
/* ===================== Main Section ============================ */
/* ======================== Zone Section ================================= */
.zone .infoZone{
width: 50%;
margin-bottom: 100px;
}
.sectionContainer .subtitleSection{
bottom: -30px;
opacity: 0;
position: relative;
-webkit-transition: all .25s cubic-bezier(.27,.45,0,.59);
transition: all .25s cubic-bezier(.27,.45,0,.59);
}
.sectionContainer.effect .subtitleSection{
opacity: 1;
bottom: 0;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59);
transition: all 1.25s cubic-bezier(.27,.45,0,.59);
}
.vlog.sectionContainer .subtitleSection{
left: initial;
bottom: -30px;
-webkit-transition: all .1s cubic-bezier(.27,.45,0,.59);
transition: all .1s cubic-bezier(.27,.45,0,.59);
}
.vlog.sectionContainer.effect .subtitleSection{
left: initial;
bottom: 0;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59);
transition: all 1.25s cubic-bezier(.27,.45,0,.59);
}
.vlog.sectionContainer.vlogZone .subtitleSection{
right: initial;
bottom: -30px;
}
.vlog.sectionContainer.vlogZone.effect .subtitleSection{
bottom: 0;
}
.sectionContainer .subtitle{
font-family: 'Roboto-Light';
margin: 20px 0 15px;
font-size: 28px;
line-height: 1.2;
margin-bottom: 30px;
opacity: 0;
position: relative;
bottom: -30px;
-webkit-transition: all .25s cubic-bezier(.27,.45,0,.59) 0s;
transition: all .25s cubic-bezier(.27,.45,0,.59) 0s;
}
.sectionContainer.effect .subtitle{
bottom: 0;
opacity: 1;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) .2s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) .2s;
}
.vlog.sectionContainer .articleVlog .infoVlog{
position: relative;
bottom: -30px;
left: initial;
opacity: 0;
-webkit-transition: all .15s cubic-bezier(.27,.45,0,.59) 0s;
transition: all .15s cubic-bezier(.27,.45,0,.59) 0s;
}
.vlog.sectionContainer.effect .articleVlog .infoVlog{
bottom: 0;
opacity: 1;
-webkit-transition: all 1.15s cubic-bezier(.27,.45,0,.59) .5s;
transition: all 1.15s cubic-bezier(.27,.45,0,.59) .5s;
}
.vlog.sectionContainer.vlogZone .articleVlog .infoVlog{
right: initial;
bottom: -30px;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) .5s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) .5s;
}
.vlog.vlog.sectionContainer.vlogZone.effect .articleVlog .infoVlog{
bottom: 0;
}
.sectionContainer .seeZones {
padding: 10px 40px 10px 30px;
text-align: left;
opacity: 0;
/* Cambio 07/05/21 */
display: inline-block;
/* Fin 07/05/21 */
bottom: -30px;
-webkit-transition: all .25s cubic-bezier(.27,.45,0,.59) 0s,
background .25s cubic-bezier(.27,.45,0,.59) 0s;
transition: all .25s cubic-bezier(.27,.45,0,.59) 0s,
background .25s cubic-bezier(.27,.45,0,.59) 0s;
position: relative;
}
.sectionContainer.effect .seeZones{
bottom: 0;
opacity: 1;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) .5s,
background .25s ease-in-out 0s,
color .25s ease-in-out 0s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) .5s,
background .25s ease-in-out 0s,
color .25s ease-in-out 0s;
}
.zone .zonePictures {
width: 100%;
white-space: nowrap;
text-align: center;
opacity: 0;
-webkit-transition: all .5s;
transition: all .5s;
}
.zone.effect .zonePictures {
opacity: 1;
-webkit-transition: all .5s;
transition: all .5s;
}
.zonePictures .pictureCol {
display: block;
vertical-align: top;
width: 100%;
white-space: normal;
position: relative;
text-align: center;
}
.pictureCol .pictureGroup {
display: inline-block;
width: calc(50% - 12px);
margin: 0 0 20px 0;
position: relative;
-webkit-transition: all .55s ease-in-out 0s;
-moz-transition: all .55s ease-in-out 0s;
transition: all .55s ease-in-out 0s;
}
.pictureCol .pictureGroup.marginRgt {
margin: 0 0 20px 20px;
}
.zonePictures .picture2{
margin-right: 0;
margin-top: 100px;
}
.pictureCol .pictureGroup:nth-child(1) {
-webkit-transition-duration: 1.25s;
transition-duration: 1.25s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
/* .zone.effect .pictureCol .pictureGroup:nth-child(1){
-webkit-transition-delay: .35s;
transition-delay: .35s;
}
.pictureCol .pictureGroup:nth-child(2) {
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
} */
.zone.effect .pictureCol .pictureGroup:nth-child(2){
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.zone.effect .pictureCol.picture1 .pictureGroup{
opacity: 1;
right: 0;
}
.zone.effect .pictureCol.picture2 .pictureGroup{
opacity: 1;
left: 0;
}
.pictureGroup .imgContainer {
width: 100%;
height: 90px;
/* margin-bottom: 35px;*/
overflow: hidden;
position: relative;
}
.pictureGroup .imgContainer .imgOtherZones{
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transition: all 1.3s ease-in-out;
}
.bodyProperties .pictureGroup:hover .imgContainer .imgOtherZones{
transform: scale(1.25);
}
.preloadInmuebles{
height: 65px;
width: 75px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.preloadInmuebles.blogPreloader{
height: 70px;
width: 100px;
z-index: 10000;
}
.preloadInmuebles.white{
background-image: url('../ASSETS/iconNew/01_BLANCO_2.gif');
}
.preloadInmuebles.red{
background-image: url('../ASSETS/ICONOS/06_llave-1.gif');
}
.preloadInmuebles.blue{
background-image: url('../ASSETS/ICONOS/05_llave-1.gif');
}
.preloadInmuebles.multiColor{
background-image: url('../ASSETS/ICONOS/04_llave-2.gif');
}
.imgContainer .imgback {
max-width: 100%;
height: 100%;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
left: -5%;
opacity: 0;
-webkit-transition: all 1s ease-in-out 0s,
left .5s cubic-bezier(.27,.45,0,.59) 0s,
opacity .5s ease-in-out 0s;
transition: all 1s ease-in-out,
left .5s cubic-bezier(.27,.45,0,.59) 0s,
opacity .1s ease-in-out 0s;
}
.pictureGroup.reveal .imgback{
left: 0;
opacity: 1;
-webkit-transition: all 1s ease-in-out 0s,
left .5s cubic-bezier(.27,.45,0,.59) .5s,
opacity .35s ease-in-out 1s;
transition: all 1s ease-in-out,
left .5s cubic-bezier(.27,.45,0,.59) .5s,
opacity .35s ease-in-out 1s;
}
.zonasHome {
width: 100%;
height: 100%;
position: relative;
display: block;
}
.zonasHome:hover .imgContainer .imgback {
transform: scale(1.15);
}
.mask{
background-color: #111111;
position: absolute;
top: 0;
left: 0;
z-index: 7;
width: 15px;
height: 0;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: right;
transform-origin: right;
/* -webkit-transition: height .5s cubic-bezier(.27,.45,0,.59) .8s,
width .5s cubic-bezier(.27,.45,0,.59) .3s,
left .3s cubic-bezier(.27,.45,0,.59) 0s;
transition: height .5s cubic-bezier(.27,.45,0,.59) .8s,
width .5s cubic-bezier(.27,.45,0,.59) .3s,
left .3s cubic-bezier(.27,.45,0,.59) 0s; */
}
.mask.beige{
background-color: #fff;
}
.toReveal.reveal .mask {
height: 100%;
width: 100%;
left: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: height .5s cubic-bezier(.27,.45,0,.59) 0s,
width .5s cubic-bezier(.27,.45,0,.59) .5s,
left .5s cubic-bezier(.27,.45,0,.59) 1.5s,
transform .5s cubic-bezier(.27,.45,0,.59) 1s;
transition: height .5s cubic-bezier(.27,.45,0,.59) 0s,
width .5s cubic-bezier(.27,.45,0,.59) .5s,
left .5s cubic-bezier(.27,.45,0,.59) 1.5s,
transform .5s cubic-bezier(.27,.45,0,.59) 1s;
}
.pictureGroup .subtitle {
position: absolute;
font-family: 'Roboto-Light';
font-size: 40px;
bottom: 0;
left: 30px;
color: #fff;
}
.horizontalKey {
display: inline-block;
position: relative;
opacity: 0;
width: 100px;
height: 35px;
background-image: url(../ASSETS/ICONOS/key.png);
bottom: -30px;
will-change: opacity, bottom, transition;
-webkit-transition: all .25s cubic-bezier(.27,.45,0,.59) 0s;
transition: all .25s cubic-bezier(.27,.45,0,.59) 0s;
}
.sectionContainer.effect .horizontalKey {
bottom: 0;
opacity: 1;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) .4s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) .4s;
}
/* ======================== Vlog Section ================================= */
.vlog {
white-space: nowrap;
width: 100%;
}
.vlog .imgVlog{
display: inline-block;
vertical-align: middle;
white-space: normal;
width: 50%;
/* background-image: url(../ASSETS/IMAGENES/vlog-1.jpg); */
position: relative;
overflow: hidden;
direction: ltr;
}
#vlog .imgVlog{
opacity: 1;
min-height: 800px;
}
.curves {
position: absolute;
width: 170px;
height: 190px;
top: 50%;
transform: translateY(-50%);
background-image: url(../ASSETS/ICONOS/curves.png);
z-index: 10;
}
.curves.right{
left: -90px;
}
.curves.left{
right: -90px;
}
.curves.blue{
background-image: url(../ASSETS/ICONOS/curva-blue.png);
}
.curves.bg{
background-image: url(../ASSETS/ICONOS/curva-bg.png);
}
.sectionContainer.blockImg .curves{
background-image: url(../ASSETS/ICONOS/curva-bg.png);
}
.sectionContainer.blockImg.blueBlockImg .curves{
background-image: url(../ASSETS/ICONOS/curva-blue.png);
}
.sectionContainer.blockImg.whiteBlockImg .curves{
background-image: url(../ASSETS/ICONOS/curves.png);
}
.imgSlider{
height: 100%;
position: relative;
left: 0;
overflow: hidden;
-webkit-transition: opacity .15s ease-in-out 0s;
transition: opacity .15s ease-in-out 0s;
}
.vlog.effect .imgVlog .imgSlider{
opacity: 1;
-webkit-transition: all .25s ease-in-out 0s,
opacity .5s ease-in-out .6s;
transition: all .25s ease-in-out 0s,
opacity .5s ease-in-out .6s;
}
.unityImg{
height: 100%;
position: relative;
float: left;
}
.unityImg1{
background-image: url(../ASSETS/IMAGENES/01_ZONAS.jpg);
}
.unityImg2{
background-image: url(../ASSETS/IMAGENES/vlog-1.jpg);
}
.unityImg3{
background-image: url(../ASSETS/IMAGENES/pakway.jpg);
}
.unityImg4{
background-image: url(../ASSETS/IMAGENES/01_ZONAS.jpg);
}
.unityImg5{
background-image: url(../ASSETS/IMAGENES/pakway.jpg);
}
.vlog .contentVlog {
display: inline-block;
white-space: normal;
width: 50%;
vertical-align: middle;
position: relative;
}
#vlog .contentVlog {
opacity: 0;
-webkit-transition: all .25s;
transition: all .25s;
direction: ltr;
}
#vlog.effect .contentVlog {
opacity: 1;
}
.contentVlog .textVlog {
width: 80%;
margin: 0 auto;
overflow: hidden;
position: relative;
padding: 70px 0 90px;
}
.textVlog .sliderVlog {
position: relative;
margin-top: 40px;
width: 400%;
white-space: nowrap;
left: 0;
transition: all .25s;
}
.sliderVlog .articleVlog {
display: inline-block;
vertical-align: top;
width: 24%;
white-space: normal;
margin-right: 1%;
overflow: hidden;
}
.sliderVlog .articleVlog:last-of-type{
margin-right: 0;
}
.articleVlog .subtitle {
font-family: 'Roboto-Bold';
font-size: 25px;
line-height: 1.2;
}
.articleVlog .infoVlog {
line-height: 1.4;
margin-bottom: 40px;
font-size: 16px;
}
.articleVlog .seeArticle{
margin-bottom: 50px;
visibility: hidden;
}
.textVlog .controlSlider {
position: absolute;
bottom: 20px;
left: 0;
}
.vlogZone .textVlog .controlSlider {
left: initial;
right: 0;
}
.controlSlider .control {
width: 15px;
height: 15px;
border-radius: 50%;
border: 3px solid #111111;
display: inline-block;
margin: 0 5px;
cursor: pointer;
position: relative;
opacity: 0;
right: -30%;
-webkit-transition: all .45s cubic-bezier(.8,1,.7,1);
transition: all .45s cubic-bezier(.8,1,.7,1);
}
/*
.controlSlider .control:nth-child(1){
transition-delay: .3s;
}
.controlSlider .control:nth-child(2){
transition-delay: .4s;
}
.controlSlider .control:nth-child(3){
transition-delay: .5s;
}
.controlSlider .control:nth-child(4){
transition-delay: .6s;
}
.controlSlider .control:nth-child(5){
transition-delay: .65s;
} */
.controlSlider .control.active {
border: 3px solid #72D0F6;
}
.sectionContainer.effect .controlSlider .control{
right: 0;
opacity: 1;
}
.vlogZone .controlSlider .control {
right: initial;
left: -30%;
}
.vlogZone.effect .controlSlider .control {
left: 0;
}
/* ============== Properties Section ======================== */
.properties {
width: 100%;
background-color: #111111;
text-align: center;
overflow: hidden;
}
.properties .propertiesHeader{
/* width: 30%; */
margin: auto;
text-align: center;
cursor: default;
}
.propertiesHeader .subtitle {
font-size: 47px;
font-family: 'Roboto-Light';
color: #fff;
margin-bottom: 15px;
}
.propertiesHeader .keys {
width: 50px;
height: 50px;
display: inline-block;
}
.properties .bodyProperties {
width: 85%;
margin: 40px 7.5% 0;
display: inline-block;
position: relative;
text-align: center;
-webkit-transition: all .25s;
transition: all .25s;
}
.meridianWh{
position: absolute;
top: -60px;
left: -70px;
width: 170px;
height: 170px;
background-image: url(../ASSETS/ICONOS/stamp-wh.png);
}
.bodyProperties .propertie {
display: inline-block;
width: 31%;
margin: 15px 1% 30px;
position: relative;
cursor: pointer;
}
.sectionContainer .bodyProperties .propertie{
opacity: 0;
-webkit-transition: all 1.5s ease-in-out,
width 0s;
transition: all 1.5s ease-in-out,
width 0s;
}
/* .bodyProperties .propertie:nth-child(2){
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
}
.bodyProperties .propertie:nth-child(3){
-webkit-transition-duration: 1.35s;
transition-duration: 1.35s;
}
.bodyProperties .propertie:nth-child(4){
-webkit-transition-duration: 1.5s;
transition-duration: 1.5s;
}
.bodyProperties .propertie:nth-child(5){
-webkit-transition-duration: 1.65s;
transition-duration: 1.65s;
}
.bodyProperties .propertie:nth-child(6){
-webkit-transition-duration: 1.8s;
transition-duration: 1.8s;
} */
.sectionContainer.effect .bodyProperties .propertie{
opacity: 1;
}
.propertie .imgContainer {
width: 100%;
position: relative;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity .15s ease-in-out .0s;
transition: opacity .15s ease-in-out .0s;
/* border-bottom: 1px solid #E42621; */
}
.propertie.reveal .imgContainer{
opacity: 1;
-webkit-transition: opacity .5s ease-in-out .0s;
transition: opacity .5s ease-in-out .0s;
}
.propertie .imgContainer.searchPropertie{
height: 270px;
}
.propertie .imgContainer img {
max-width: 100%;
-webkit-transition: all .25s;
transition: all .25s;
transition-delay: .35s;
-webkit-transition-delay: .35s;
}
.propertie:hover .imgContainer img{
transform: scale(1.3);
}
.propertie .imgContainerOt {
width: 100%;
position: relative;
overflow: hidden;
}
.propertie .imgContainerOt img {
max-width: 100%;
/* border-bottom: 1px solid #E42621; */
-webkit-transition: all .25s;
transition: all .25s;
transition-delay: .35s;
-webkit-transition-delay: .35s;
}
.propertie:hover .imgContainerOt img{
transform: scale(1.3);
}
.pricePropertie {
position: absolute;
top: 20px;
left: 20px;
background-color: #FFF;
padding: 5px 20px 5px 10px;
line-height: 1.3;
text-transform: uppercase;
text-align: left;
font-size: 12px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
z-index: 7;
opacity: 0;
}
.propertie.reveal .pricePropertie{
opacity: 1;
-webkit-transition: all 1.25s ease-in-out 0.15s;
-moz-transition: all 1.25s ease-in-out 0.15s;
transition: all 1.25s ease-in-out 0.15s;
}
.propertie.reveal .pricePropertie .contPrice{
display: inline-block;
margin-left: 10px;
}
/* .propertie.noHover .pricePropertie{
left: -30px;
-webkit-transform: matrix(1,0,0,1,0,0);
transform: matrix(1,0,0,1,0,0);
transform: matrix(1.1, 0, 0, 1.1, -10, 0);
opacity: 1;
}
*/
/* .propertiePage .pricePropertie{
left: -5px;
-webkit-transform: matrix(1,0,0,1,0,0);
transform: matrix(1,0,0,1,0,0);
opacity: 1;
} */
/*
.pricePropertie:after{
content: '';
position: absolute;
left: 0;
bottom: -10px;
border-top: 10px solid #E42621;
border-left: 5px solid transparent;
border-right: 1px solid transparent;
}
*/
.propertie:hover .imgContainer .pricePropertie{
padding: 5px 35px 5px 25px;
font-size: 14px;
}
.pricePropertie .sale {
color: #111111;
font-family: 'Roboto-Bold';
}
.pricePropertie .price {
color: #111111;
font-family: 'Roboto-Light';
}
.imgContainer .watermark {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'poppins';
font-size: 37px;
color: #fff;
opacity: .3;
text-transform: uppercase;
letter-spacing: 4px;
}
.imgContainer .textPropertie {
position: absolute;
bottom: 0px;
text-transform: uppercase;
text-align: center;
width: 100%;
padding: 40px 0;
overflow: hidden;
}
.imgContainer .textPropertie #beigeBlind{
content: '';
position: absolute;
bottom: -99%;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.8);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.propertie:hover .imgContainer .textPropertie #beigeBlind,
.propertie.active .imgContainer .textPropertie #beigeBlind{
bottom: 0;
}
.textPropertie .typePropertie {
color: #fff;
font-size: 12px;
font-family: 'Roboto-Bold';
position: relative;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.textPropertie .zonePropertie {
font-size: 35px;
color: #fff;
font-family: 'Roboto-Thin';
margin-top: 5px;
text-transform: initial;
position: relative;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.zoneProject.title{
font-size: 25px;
font-family: 'Roboto-Bold';
margin-bottom: 50px;
}
.propertie:hover .imgContainer .textPropertie .typePropertie,
.propertie:hover .imgContainer .textPropertie .zonePropertie,
.propertie.active .imgContainer .textPropertie .typePropertie,
.propertie.active .imgContainer .textPropertie .zonePropertie{
color: #111111;
}
.propertie .infoPropertie {
width: 100%;
white-space: nowrap;
padding: 10px 0;
cursor: default;
position: relative;
overflow: hidden;
background-color: #fff;
}
.propertie .infoPropertie #beigeBlind{
content: '';
position: absolute;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.8);
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.propertie:hover .infoPropertie #beigeBlind,
.propertie.active .infoPropertie #beigeBlind{
top: 0;
}
.infoPropertie .info {
display: inline-block;
vertical-align: middle;
width: 20%;
white-space: nowrap;
border-right: 1px solid #fff;
bottom: -20px;
opacity: 0;
text-align: center;
position: relative;
-webkit-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
/* Cambio 07/05/21 */
overflow: hidden;
}
.infoPropertie .info.size{
width: 35%;
}
.propertie.propertiePage .infoPropertie .info.size{
width: 40%;
}
/* Fin 07/05/21 */
.propertie.reveal .infoPropertie .info{
bottom: 0;
opacity: 1;
-webkit-transition: all 0.25s ease-in-out,
bottom 1s ease-in-out 0s,
border .25s ease-in-out 0s,
opacity .5s ease-in-out 0s;
transition: all 0.25s ease-in-out,
bottom 1s ease-in-out 0s,
border .25s ease-in-out 0s,
opacity .5s ease-in-out 0s;
}
.propertie.reveal .infoPropertie .info:nth-child(2){
-webkit-transition-delay: .0s;
transition-delay: .0s;
}
.propertie.reveal .infoPropertie .info:nth-child(3){
-webkit-transition-delay: .25s;
transition-delay: .25s;
-webkit-transition: all 0.25s ease-in-out,
bottom 1s ease-in-out .25s,
border .25s ease-in-out 0s,
opacity .5s ease-in-out .25s;
transition: all 0.25s ease-in-out,
bottom 1s ease-in-out .25s,
border .25s ease-in-out 0s,
opacity .5s ease-in-out .25s;
}
.propertie.reveal .infoPropertie .info:nth-child(4){
-webkit-transition-delay: .5s;
transition-delay: .5s;
-webkit-transition: all 0.25s ease-in-out,
bottom 1s ease-in-out .5s,
border .25s ease-in-out 0s,
opacity .5s ease-in-out .5s;
transition: all 0.25s ease-in-out,
bottom 1s ease-in-out .5s,
border .25s ease-in-out 0s,
opacity .5s ease-in-out .5s;
}
.propertie.reveal .infoPropertie .info:nth-child(5){
-webkit-transition-delay: .75s;
transition-delay: .75s;
-webkit-transition: all 0.25s ease-in-out,
bottom 1s ease-in-out .75s,
border .25s ease-in-out 0s,
opacity .5s ease-in-out .75s;
transition: all 0.25s ease-in-out,
bottom 1s ease-in-out .75s,
border .25s ease-in-out 0s,
opacity .5s ease-in-out .75s;
}
.propertie .infoPropertie .info,
.propertie.active .infoPropertie .info{
border-right: 1px solid rgba(51, 56, 68, 0.4);
}
.infoPropertie .info:last-of-type{
border-right: none;
}
.propertie:hover .infoPropertie .info:last-of-type,
.propertie.active .infoPropertie .info:last-of-type{
border-right: none;
}
.info .infoIcon {
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.info.size .infoIcon {
background-image: url(../ASSETS/iconNew/Metros.png);
}
.info.bed .infoIcon {
background-image: url(../ASSETS/iconNew/Habitaciones.png);
}
.info.bathroom .infoIcon {
background-image: url(../ASSETS/iconNew/Baños.png);
}
.info.garage .infoIcon {
background-image: url(../ASSETS/iconNew/Garajes.png);
}
.info.cube .infoIcon {
background-image: url(../ASSETS/ICONOS/cubo.png);
}
/*
.propertie:hover .info.size .infoIcon,
.propertie.active .info.size .infoIcon{
background-image: url(../ASSETS/ICONOS/ruler-2.png);
}
.propertie:hover .info.bed .infoIcon,
.propertie.active .info.bed .infoIcon {
background-image: url(../ASSETS/ICONOS/bed-2.png);
}
.propertie:hover .info.bathroom .infoIcon,
.propertie.active .info.bathroom .infoIcon {
background-image: url(../ASSETS/ICONOS/bath-2.png);
}
.propertie:hover .info.garage .infoIcon,
.propertie.active .info.garage .infoIcon {
background-image: url(../ASSETS/ICONOS/garage-2.png);
}
*/
.propertie:hover .info.cube .infoIcon,
.propertie.active .info.cube .infoIcon {
background-image: url(../ASSETS/ICONOS/cubo.png);
}
.info .textIcon {
display: inline-block;
color: #111111;
font-size: 14px;
margin-left: 3px;
vertical-align: middle;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.info .textIcon span {
font-size: 14px;
color: #111111;
vertical-align: top;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.propertie:hover .infoPropertie .info .textIcon,
.propertie.active .infoPropertie .info .textIcon,
.propertie:hover .infoPropertie .info .textIcon span,
.propertie.active .infoPropertie .info .textIcon span
{
color: #111111;
}
.properties .seeProp {
clear: both;
border: 1px solid #fff;
color: #fff;
margin: 0 auto 0;
display: block;
padding: 10px 35px 10px 30px;
text-transform: uppercase;
position: relative;
}
/* Cambio 07/05/21 */
/*
.properties .btn.seeProp::after{
background-color: #fff;
}
*/
/* fin 07/05/21 */
/*.properties .seeProp:hover{*/
/* Cambio 07/05/21 */
/* background-color: #fff; */
/* Fin 07/05/21 */
/* color: #2C2E83;*/
/*}*/
.properties .seeProp a{
/* Cambio 07/05/21 */
/* height: 100%;
width: 100%;
z-index: 0;
position: absolute; */
color: #fff;
/* Fin 07/05/21 */
font-size: 13px;
top: 0;
left: 0;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
/* ============== About Us Section ======================== */
.about {
white-space: nowrap;
}
.about .col{
display: inline-block;
width: 52.5%;
white-space: normal;
}
.about .contentAbout{
vertical-align: top;
margin-top: 10px;
z-index: 20;
position: relative;
opacity: 0;
bottom: -30px;
width: 40%;
-webkit-transition: all .25s;
transition: all .25s;
}
.about.effect .contentAbout {
opacity: 1;
bottom: 0;
margin-top: 30%;
}
.contentAbout .subtitle {
font-family: 'Roboto-Bold';
font-size: 25px;
margin: 30px 0;
line-height: 1.2;
}
.sectionContainer .textAbout {
line-height: 1.4;
margin-bottom: 40px;
font-size: 15px;
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all .1s ease-in-out 0s;
transition: all .1s ease-in-out 0s;
position: relative;
}
.sectionContainer.effect .textAbout{
opacity: 1;
bottom: 0;
-webkit-transition: all 1.25s ease-in-out 0.6s;
transition: all 1.25s ease-in-out 0.6s;
}
.contentAbout .moreAbout {
padding: 15px 25px 15px 15px;
/* visibility: hidden;*/
bottom: -30px;
opacity: 0;
position: relative;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.sectionContainer.effect .contentAbout .moreAbout{
bottom: 0;
opacity: 1;
-webkit-transition: all .25s ease-in-out,
opacity 1.25s ease-in-out .9s,
bottom 1.25s ease-in-out .9s;
transition: all .25s ease-in-out,
opacity 1.25s ease-in-out .9s,
bottom 1.25s ease-in-out .9s;
}
.about .imgAbout.mobile{
display: none;
-webkit-transition: all 1.25s ease-in-out;
transition: all 1.25s ease-in-out;
}
.about .imgAbout {
margin-top: 130px;
/* margin-left: -50px;*/
opacity: 0;
position: relative;
z-index: 10;
overflow: hidden;
-webkit-transition: all 1.25s ease-in-out;
transition: all 1.25s ease-in-out;
}
.about.effect .imgAbout.mobile{
opacity: 1;
}
.about.effect .imgAbout{
opacity: 1;
}
.imgAbout .imgAboutinn{
max-width: 100%;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
-webkit-transform: scale(1.25);
transform: scale(1.25);
-webkit-transition: opacity .15s ease-in-out 0s;
transition: opacity .15s ease-in-out 0s;
}
/* .imgAbout .imgAboutinn.floatImg{
top: 250px;
} */
.imgAbout .imgAboutinn.aboutInnImg{
top: 0;
}
.about.effect .imgAbout .imgAboutinn.aboutInnImg{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 13s ease-in-out 0s,
opacity .5s ease-in-out 0s;
transition: all 13s ease-in-out 0s,
opacity .5s ease-in-out 0s;
}
.imgAbout.reveal .imgAboutinn{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 13s ease-in-out 0s,
opacity .5s ease-in-out 0s;
transition: all 13s ease-in-out 0s,
opacity .5s ease-in-out 0s;
}
.imgAbout .curves {
right: -125px;
width: 250px;
height: 250px;
}
/* ============== Services Section ======================== */
.services {
width: 100%;
padding-left: 7.5%;
position: relative;
}
.sliderServices {
position: relative;
right: -15%;
opacity: 0;
left: 0;
overflow: hidden;
-webkit-transition: all 1.25s ease-in-out;
transition: all 1.25s ease-in-out;
}
.sliderServices.show{
opacity: 1;
}
.sectionContainer.effect .sliderServices {
left: 0;
right: 0;
opacity: 1;
-webkit-transition: left .25s ease-in-out;
transition: left .25s ease-in-out;
}
.sliderServices .serviceBox {
width: 290px;
height: 400px;
float: left;
margin: 0 10px 0 0;
text-align: center;
position: relative;
vertical-align: middle;
font-size: 12px;
-webkit-transition: all .2s cubic-bezier(0,.01,0,.98) 0s;
transition: all .2s cubic-bezier(0,.01,0,.98) 0s;
right: -10%;
opacity: 0;
}
.sectionContainer.effect .sliderServices .serviceBox {
opacity: 1;
right: 0;
-webkit-transition: all 1.25s cubic-bezier(0,.01,0,.98);
transition: all 1.25s cubic-bezier(0,.01,0,.98);
}
.sectionContainer.effect .sliderServices .service1,
.sectionContainer.effect .sliderServices .team0{
-webkit-transition-delay: .2s;
transition-delay: .2s;
}
.sectionContainer.effect .sliderServices .service2,
.sectionContainer.effect .sliderServices .team1{
-webkit-transition-delay: .35s;
transition-delay: .35s;
}
.sectionContainer.effect .sliderServices .service3,
.sectionContainer.effect .sliderServices .team2{
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.sectionContainer.effect .sliderServices .service4,
.sectionContainer.effect .sliderServices .team3{
-webkit-transition-delay: .65s;
transition-delay: .65s;
}
.sectionContainer.effect .sliderServices .service5,
.sectionContainer.effect .sliderServices .team4{
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.sectionContainer.effect .sliderServices .service6,
.sectionContainer.effect .sliderServices .team5{
-webkit-transition-delay: .95s;
transition-delay: .95s;
}
.serviceBox img {
max-width: 100%;
}
.sliderServices .service0 {
background-color: #2C2E83;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.seeService {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background-color: #111111;
color: #fff;
padding: 15px 0;
width: 85%;
font-size: 16px;
}
.seeService:hover{
background: #fff;
color: #2C2E83;
border: none;
}
.seeService a{
color: #fff;
}
.seeService:hover a{
color: #2C2E83;
}
.seeMemberPop.btn.bgBlue:hover span{
color: #111111;
}
/*
.serviceBox .seeService .rightLine {
right: -5.5%;
height: 2px;
width: 10%;
}
*/
/*
.serviceBox .seeService .rightLine::before,
.serviceBox .seeService .rightLine::after {
display: none;
}
*/
.service0 .title {
color: #fff;
margin: 60px 0 10px;
font-size: 45px;
}
.service0 .keys {
display: inline-block;
width: 60px;
height: 60px;
}
.service0 .seeServices {
position: absolute;
left: 50%;
bottom: 30px;
transform: translateX(-50%);
border: 1px solid #fff;
color: #fff;
padding: 10px 20px;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.service0 .seeServices:hover{
background-color: #fff;
}
.service0 .seeServices a{
color: #fff;
}
.service0 .seeServices:hover a{
color: #2C2E83;
}
.arrowCircle {
position: absolute;
width: 50px;
height: 50px;
top: 50%;
right: 100px;
-webkit-transform: translateY(-50%) ;
transform: translateY(-50%) ;
background-image: url(../ASSETS/iconNew/Siguiente-2.png);
cursor: pointer;
opacity: 0;
-webkit-transition: all .25s;
transition: all .25s;
}
#popUpTeamMembers.open .arrowCircle{
position: fixed;
}
.constructionServices .arrowCircle{
right: 20px;
}
.constructionServices #leftBtnSlider {
left: 20px;
}
.arrowCircle.show{
opacity: 1;
}
#leftBtnSlider {
left: 85px;
transform: rotateY(180deg) translateY(-50%);
display: none;
}
.services.effect .arrowCircle,
.services.effect #leftBtnSlider {
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
.services.effect #leftBtnSlider {
-webkit-transform: rotateY(180deg) translateY (-50%)scale(1);
transform: rotateY(180deg) translateY(-50%) scale(1);
}
/* ============== Contact Section ======================== */
.contactSection {
width: 100%;
float: left;
}
.contactSection .contactPopUp {
overflow: hidden;
}
.contactSection .contactPopUp .map {
width: 60%;
}
.contactSection .contactPopUp .lastFormBox {
width: 40%;
}
.lastFormBox .formHeader {
margin-bottom: 30px;
width: 70%;
/* Cambio 07/05/21 */
/* padding-top: 60px; */
/* Fin 07/05/21 */
}
.lastFormBox .formHeader .title {
margin-bottom: 15px;
}
.lastFormBox .mainForm {
width: 80%;
}
.lastMainForm label {
clear: both;
}
.lastMainForm input {
margin-bottom: 30px;
}
.lastMainForm .sendForm {
margin-bottom: 50px;
}
.topMargin{
margin-top: 50px;
}
/* ============== Footer Section ======================== */
.siteFooter {
background-color: #111111;
/* Cambio 07/05/21 */
/* padding: 50px 0 0; */
clear: both;
/* Fin 07/05/21 */
}
.siteFooter .navFooter {
width: 90%;
margin: 0 auto;
white-space: nowrap;
border-bottom: 2px solid #72D0F6;
padding: 50px 0;
position: relative;
}
.navFooter .footerBox {
display: inline-block;
vertical-align: top;
white-space: nowrap;
width: 25%;
text-align: left;
}
.navFooter .footerBox.vlogHide {
/* width: 50%;*/
width: 33%;
text-align: right;
border-left: 2px solid #72D0F6;
}
.navFooter .lastMenu {
/* width: 50%;*/
width: 33%;
border-right: 2px solid #72D0F6;
}
.lastMenu .lastUl{
display: inline-block;
vertical-align: top;
/* width: 50%;*/
width: 100%;
}
.lastUl .lastLi {
padding: 5px 0;
display: table;
}
.contInfoContact {
display: inline-block;
width: 33%;
text-align: center;
}
ul.midListItems {
display: inline-block;
text-align: left;
}
.lastLi.midItem {
text-decoration: none;
font-family: 'Roboto-Light';
display: table;
vertical-align: middle;
padding: 10px 0;
font-size: 20px;
color: #fff;
}
.lastLi .lastInner {
text-decoration: none;
font-family: 'Roboto-Light';
display: table-cell;
vertical-align: middle;
padding: 5px 0;
font-size: 20px;
color: #fff;
}
.footerBox .subtitle {
font-family: 'Roboto-Medium';
font-size: 21px;
cursor: default;
white-space: break-spaces;
margin-bottom: 20px;
color: #FFF;
text-transform: uppercase;
}
.networksBox {
text-align: center;
}
.networksBox .net {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
background-size: contain;
cursor: pointer;
}
.networksBox .net.face{
background-image: url(../ASSETS/ICONOS/fb.png);
}
.networksBox .net.ins{
background-image: url(../ASSETS/ICONOS/instagram.png);
}
.networksBox .net.tw{
background-image: url(../ASSETS/ICONOS/twitter.png);
}
.subscribe .inputGroup {
width: 100%;
height: 50px;
overflow: hidden;
}
.subscribe .inputGroup input[type="email"]{
height: 100%;
border: none;
border-radius: 0;
outline: none;
text-align: center;
font-size: 15px;
font-family: 'garamondregular';
width: calc(100% - 50px);
float: left;
}
.subscribe .inputGroup .subscribeBtn {
background-color: #2C2E83;
width: 50px;
height: 50px;
border-radius: 0;
float: left;
background-image: url(../ASSETS/ICONOS/arrow-vlog.png);
background-size: 60%;
}
.siteFooter .legal {
width: 90%;
margin: 0 auto;
padding: 30px 0;
overflow: hidden;
}
.legal .legalBox {
width: 50%;
}
.legal .copy{
float: left;
text-align: left;
font-size: 18px;
}
.legal .copy .textCopy{
color: #fff;
font-family: 'Roboto-Light';
font-size: 13px;
}
.legal .infoLegal{
float: right;
text-align: right;
}
.infoLegal .legalText {
text-decoration: none;
font-family: 'Roboto-Medium';
color: #fff;
font-size: 14px;
}
.siteFooter .paperplaneBox {
text-align: left;
line-height: 1.5;
/* background-color: #fff;*/
color: #fff;
float: left;
}
.siteFooter .paperplaneBox p,
.siteFooter .paperplaneBox a {
color: #fff;
}
.siteFooter .paperplaneBox p,
.siteFooter .paperplaneBox h2 {
display: inline-block;
}
.paperplaneBox .paperplane {
font-family: 'Roboto-Bold';
}
.paperplane a{
text-decoration: none;
font-size: 14px;
}
.lastContainer {
overflow: hidden;
background-color: #fff;
}
/* ===================================
Internal Pages
======================================= */
/* Zones */
.siteHeaderZones{
background-color: #fff;
}
.backImgContainer{
position: absolute;
top: 0;
left: 0;
height: 100%;
max-height: 100%;
width: 100%;
overflow: hidden;
}
.backImage.internal{
width: 100%;
height: 100%;
-webkit-transform: scale(1.15);
transform: scale(1.15);
-webkit-transition: transform .1s ease-in-out;
transition: transform .1s ease-in-out;
}
.backImgContainer.zoom .backImage.internal{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: transform 15s ease-in-out;
transition: transform 15s ease-in-out;
}
.backImage.zoneHeader{
background-image: url(../ASSETS/IMAGENES/01_image.jpg);
}
.backImage.projectHeader{
background-image: url(../ASSETS/Imgprojects/01-PROYECTO.jpg);
}
.heroSection .centerLine {
position: absolute;
background-color: #72D0F6;
width: 2px;
height:0px;
bottom: 45px;
left: 50%;
transform: translateX(-50%);
z-index: 20;
-webkit-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;
display: none;
}
.heroSection.reveal .centerLine{
height:100px;
}
.textHeaderZone{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 20;
width: 100%;
margin: auto;
text-align: center;
}
.textHeaderZone .title{
color: #fff;
font-size: 120px;
text-align: center;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) .15s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) .5s;
position: relative;
bottom: -30px;
opacity: 0;
}
.reveal .textHeaderZone .title{
opacity: 1;
bottom: 0;
}
.textHeaderZone .subtitle{
font-family: 'Roboto-Bold';
text-transform: uppercase;
color: #72D0F6;
margin: 10px 0;
letter-spacing: 2px;
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) .15s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) .5s;
}
.reveal .textHeaderZone .subtitle{
bottom: 0px;
opacity: 1;
}
.textHeaderZone .livesRichZone {
width: 300px;
height: 50px;
display: block;
margin: auto;
background-image: url(../ASSETS/ICONOS/vive-rico-wh.png);
}
.textHeaderZone .keys {
width: 50px;
height: 50px;
display: block;
margin: auto;
}
.vlog.vlogZone {
background-color: #fff;
overflow: hidden;
position: relative;
z-index: 40;
direction: rtl;
}
.contentVlogZones .textVlogZones{
padding: 120px 0;
width: 70%;
}
.textVlogZones .controlSliderZones {
position: initial;
margin-top: 10px;
}
.vlog.vlogZone .imgVlogZones{
background-image: url(../ASSETS/IMAGENES/02_image.jpg);
overflow: hidden;
}
.imgVlogZones .curves {
right: initial;
left: -120px;
width: 250px;
height: 250px;
}
/*
.blockImg {
background-color: #fff;
}
*/
.blockImg .containerBlock {
width: 85%;
margin: 20px auto 0;
}
.containerBlock .imgContainer {
width: 100%;
position: relative;
overflow: hidden;
margin-top: 80px;
opacity: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.blockImg .containerBlock .imgContainer{
max-height: 500px;
}
.blockImg.effect .containerBlock .imgContainer{
opacity: 1;
-webkit-transition: all 1.55s ease-in-out;
transition: all 1.55s ease-in-out;
}
.curves.curvesBt{
right: initial;
top: initial;
transform: translateX(-50%) scale(1.4);
left: 50%;
bottom: -100px;
width: 240px;
height: 200px;
-webkit-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.blockImg.effect .curves.curvesBt{
width: 240px;
height: 200px;
transform: translateX(-50%) scale(1);
-webkit-transition: all 4.5s ease-in-out;
transition: all 4.5s ease-in-out ;
}
.containerBlock .textContainer {
position: relative;
width: 40%;
margin: 50px auto 0;
text-align: center;
opacity: 0;
-webkit-transition: all 1.85s ease-in-out;
transition: all 1.85s ease-in-out;
will-change: auto;
}
.blockImg.effect .containerBlock .textContainer{
opacity: 1;
}
.textContainer .subtitle.zones{
font-size: 30px;
font-family: 'Roboto-Bold';
line-height: 1.2;
}
.textContainer .arrow-right {
margin: 25px auto;
display: block;
}
.textContainer .smallText {
font-size: 16px;
line-height: 1.5;
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all .1s cubic-bezier(.27,.45,0,.59) 0s;
transition: all .1s cubic-bezier(.27,.45,0,.59) 0s;
}
.sectionContainer.effect .textContainer .smallText{
bottom: 0;
opacity: 1;
-webkit-transition: all 1.25s cubic-bezier(.27,.45,0,.59) .5s;
transition: all 1.25s cubic-bezier(.27,.45,0,.59) .5s;
}
/* map park way */
.mapParkWay {
width: 100%;
overflow: hidden;
position: relative;
}
.mapParkWay .navMap {
float: left;
width: 35%;
background-color: #f6f6f6;
overflow-y: auto;
}
.navMap .contentAsideNav {
width: 80%;
margin: 0 auto;
padding: 40px 0 50px;
height: 800px;
}
.navMap::-webkit-scrollbar{
display: none;
}
.contentAsideNav .asideHeader {
width: 100%;
}
.asideHeader .title {
font-size: 50px;
margin: 10px 0;
}
.contentAsideNav .interestNav {
width: 100%;
/* Inicio 07/05/21 */
margin-top: 30px;
padding-bottom: 50px;
/* Fin 07/05/21 */
}
.interestNav .interestUl{
width: 100%;
}
.interestUl .interestLi {
padding: 13px 0;
border-top: 1px solid #fff;
white-space: nowrap;
cursor: pointer;
position: relative;
}
.interestLi.active {
padding-bottom: 0;
cursor: default;
}
/*
.interestLi .arrowUp {
position: absolute;
width: 20px;
height: 20px;
top: 17px;
right: 5px;
background-image: url(../ASSETS/ICONOS/arrow-red.png);
cursor: pointer;
transform: rotateX(180deg);
-webkit-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
}
*/
.interestLi .arrowUp {
position: absolute;
width: 100%;
height: 53px;
top: 0;
right: 0;
background-image: url(../ASSETS/iconNew/Flecha-1.png);
cursor: pointer;
/* transform: rotateX(180deg);*/
-webkit-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
background-position: top 50% right 5px, 0 0;
background-size: 20px;
}
.interestLi.active .arrowUp{
background-image: url(../ASSETS/iconNew/Flecha-1.png);
/* transform: rotateX(0deg);*/
transform: rotateX(180deg);
}
/*
.interestLi.active .arrowUp{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 15px;
background-image: url(../ASSETS/ICONOS/arrow-red.png);
cursor: pointer;
height: 53px;
background-position: top 50% right 5px, 0 0;
background-size: 20px;
transform: rotateX(0deg);
}
*/
.interestLi .innerInterestUl {
width: 100%;
max-height: 0;
visibility: collapse;
opacity: 0;
/* Cambio 07/05/21 */
overflow: hidden;
/* Fin 07/05/21 */
}
.interestLi.active .innerInterestUl {
/* max-height: 650px;*/
max-height: none;
visibility: visible;
opacity: 1;
}
.innerInterestUl .innerInterestLi{
width: 100%;
padding: 10px 0;
border-top: 1px solid #fff;
cursor: pointer;
}
.innerInterestLi .selectArrow {
width: 0;
height: 10px;
display: inline-block;
vertical-align: middle;
}
/*
.innerInterestLi.active .selectArrow {
width: 10px;
background-image: url(../ASSETS/ICONOS/triangulo.png);
}
*/
.innerInterestLi .textInnerLi {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
font-size: 16px;
}
.innerInterestLi.active .textInnerLi {
font-family: 'Roboto-Bold';
color: #72D0F6;
}
.interestUl .interestLi:last-of-type{
border-bottom: 1px solid #fff;
}
.interestLi .interestIcon {
display: inline-block;
white-space: normal;
width: 30px;
height: 30px;
vertical-align: middle;
}
.interestLi.active .interestIcon {
margin-bottom: 10px;
}
.interestLi .interestIcon.schools {
background-image: url(../ASSETS/SITIOS-DE-INTERES/colegio-1.png);
}
.interestLi .interestIcon.universities {
background-image: url(../ASSETS/SITIOS-DE-INTERES/universidad-1.png);
}
.interestLi .interestIcon.mall {
background-image: url(../ASSETS/SITIOS-DE-INTERES/ccomercial-1.png);
}
.interestLi .interestIcon.supermarket {
background-image: url(../ASSETS/SITIOS-DE-INTERES/supermercado-1.png);
}
.interestLi .interestIcon.parks {
background-image: url(../ASSETS/SITIOS-DE-INTERES/parques-1.png);
}
.interestLi .interestIcon.restaurants {
background-image: url(../ASSETS/SITIOS-DE-INTERES/restaurantes-1.png);
}
.interestLi .interestIcon.coffe {
background-image: url(../ASSETS/SITIOS-DE-INTERES/cafes-1.png);
}
.interestLi .interestIcon.entertaiment {
background-image: url(../ASSETS/SITIOS-DE-INTERES/entretenimiento-1.png);
}
.interestLi .interestIcon.servicesIcon {
background-image: url(../ASSETS/SITIOS-DE-INTERES/servicios-1.png);
}
.interestLi .interestText{
display: inline-block;
white-space: normal;
vertical-align: middle;
margin-left: 15px;
font-family: 'Roboto-Light';
font-size: 20px;
}
.interestLi.active .interestText{
margin-bottom: 10px;
font-family: 'Roboto-Bold';
}
.mapParkWay .interestMap {
float: left;
width: 65%;
position: relative;
overflow: hidden;
background-image: url(../ASSETS/iconNew/map.png);
background-size: cover;
height: 800px;
}
.interestMap .pointMap {
background-image: url(../ASSETS/ICONOS/point-map-1.png);
width: 60px;
height: 60px;
position: absolute;
}
.interestMap .interestPoint1{
top: 10%;
left: 10%;
}
.interestMap .interestPoint2{
bottom: 20%;
right: 40%;
}
.interestMap .interestPoint3{
bottom: 25%;
right: -3%;
}
.mapParkWay .filtersBtn{
display: none;
}
/* Blue Block Image */
.blueBlockImg{
background-color: #111111;
width: 100%;
overflow: hidden;
}
.blueBlockImg .contBlueBlockImg {
width: 85%;
margin: 100px auto 0;
white-space: nowrap;
}
.contBlueBlockImg .imgBlockImg {
display: inline-block;
vertical-align: middle;
width: 45%;
position: relative;
overflow: hidden;
position: relative;
opacity: 0;
/* Cambio 07/05/21 */
-webkit-transition: all .1s ease-in-out,
width 0s;
transition: all .1s ease-in-out,
width 0s;
/* Fin 07/05/21 */
}
.sectionContainer.effect .imgBlockImg{
opacity: 1;
/* Cambio 07/05/21 */
-webkit-transition: all 1.65s ease-in-out,
width 0s;
transition: all 1.65s ease-in-out,
width 0s;
/* Fin 07/05/21 */
}
.imgBlockImg img{
max-width: 100%;
-webkit-transform: scale(1.15);
transform: scale(1.15);
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.sectionContainer.effect .imgBlockImg img{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 15s ease-in-out;
transition: all 15s ease-in-out;
}
.blueBlockImg .imgBlockImg img{
max-width: none;
width: 100%;
height: 100%;
object-fit: cover;
}
.imgBlockImg .curves {
width: 250px;
height: 250px;
right: -120px;
}
.contBlueBlockImg .textImgBlock {
display: inline-block;
width: 50%;
vertical-align: middle;
white-space: initial;
margin-left: 7%;
}
.textImgBlock .outerTextImgBlock {
width: 100%;
height: 100%;
display: table;
}
.outerTextImgBlock .innerTextImgBlock {
display: table-cell;
vertical-align: middle;
}
.innerTextImgBlock .subtitle {
color: #fff;
font-size: 30px;
line-height: 1.2;
font-family: 'Roboto-Bold';
}
.innerTextImgBlock .smallText {
color: #f6f6f6;
line-height: 1.5;
font-size: 16px;
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.innerTextImgBlock .smallText p {
color: #f6f6f6;
}
.sectionContainer.effect .innerTextImgBlock .smallText {
opacity: 1;
bottom: 0;
-webkit-transition: all 1.25s ease-in-out .65s;
transition: all 1.25s ease-in-out .65s;
}
/* Properties zones */
.propertiesZone {
background-color: #2C2E83;
overflow: hidden;
position: relative;
}
.propertiesZone .containerBox {
text-align: center;
}
.containerBox .headerPropertiesZone{
width: 30%;
margin: 20px auto 50px;
text-align: center;
}
.headerPropertiesZone .title{
color: #fff;
font-size: 60px;
margin-bottom: 20px;
word-spacing: 3px;
position: relative;
}
.headerPropertiesZone .keys {
width: 50px;
height: 50px;
}
.containerBox .bodyProperties{
position: relative;
z-index: 30;
overflow: hidden;
}
.containerBox .btn.secondary {
margin-top: 40px;
}
.containerBox .btn.secondary a{
color: #FFFFFF;
}
.propertiesZone .meridianWh {
left: 40px;
bottom: 300px;
transform: rotateZ(170deg);
}
/* Block Image */
/*
.blockImg.blockImgLight {
background-color: #EBE3D8;
}
*/
/* Other Zones */
.otherZonesHeader .otherZonesSub {
color: #111111;
font-family: 'Roboto-Light';
font-size: 45px;
}
.otherZone .bodyOtherZones {
white-space: nowrap;
text-align: center;
}
.bodyOtherZones .pictureZone {
display: inline-block;
vertical-align: top;
white-space: initial;
width: 31.5%;
margin-right: 2%;
position: relative;
opacity: 0;
-webkit-transition: all 1.75s ease-in-out,
width 0s;
transition: all 1.75s ease-in-out,
width 0s;
}
.sectionContainer.effect .bodyOtherZones .pictureZone {
opacity: 1;
}
/* .bodyOtherZones .pictureZone:nth-child(1){
-webkit-transition: 1.5s;
transition: 1.5s;
}
.bodyOtherZones .pictureZone:nth-child(2){
-webkit-transition: 1.8s;
transition: 1.9s;
} */
.bodyOtherZones .pictureZone:nth-child(3){
-webkit-transition: 2.1s;
transition: 2.1s;
}
.bodyOtherZones .pictureZone:last-of-type{
margin-right: 0;
}
.pictureZone .subtitle.other {
font-size: 25px;
margin: 20px 0;
}
.pictureZone .horizontalKey.otherKey {
width: 60px;
height: 30px;
}
/* =====================Projects Page ========================== */
/* Block Text */
.projectBlockText{
background-color: #fff;
}
.projectBlockText .contentBlockText {
width: 50%;
margin: auto;
text-align: center;
}
.contentBlockText .subtitle {
font-family: 'Roboto-Bold';
font-size: 28px;
}
.contentBlockText .arrow-right{
display: inline-block;
width: 100px;
margin: 20px;
margin-bottom: 25px;
}
.contentBlockText .smallText {
font-size: 17px;
line-height: 1.6;
position: relative;
opacity: 0;
bottom: -30px;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.sectionContainer.effect .contentBlockText .smallText {
opacity: 1;
bottom: 0;
-webkit-transition: all 1.25s ease-in-out .65s;
transition: all 1.25s ease-in-out .65s;
}
.headerContainer .subtitleSection {
margin: 40px 0;
}
.headerContainer .subtitle{
/* color: #fff;*/
font-family: 'Roboto-Light';
font-size: 20px;
line-height: 1.3;
}
.projectsContainer .bodyContainer {
width: 100%;
text-align: center;
margin-top: 50px;
}
.bodyContainer .projectBox{
display: inline-block;
width: 31%;
margin: 10px 1%;
position: relative;
overflow: hidden;
opacity: 0;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.sectionContainer.effect .bodyContainer .projectBox{
opacity: 1;
-webkit-transition: all 1.35s ease-in-out;
transition: all 1.35s ease-in-out;
}
/* Cambio 07/05/21 */
/* .sectionContainer.effect .bodyContainer .projectBox.project0{
-webkit-transition-delay: .35s;
transition-delay: .35s;
}
.sectionContainer.effect .bodyContainer .projectBox.project1{
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.sectionContainer.effect .bodyContainer .projectBox.project2{
-webkit-transition-delay: .65s;
transition-delay: .65s;
}
.sectionContainer.effect .bodyContainer .projectBox.project3{
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.sectionContainer.effect .bodyContainer .projectBox.project4{
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.sectionContainer.effect .bodyContainer .projectBox.project5{
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
} */
/* Fin 07/05/21 */
.projectBox img{
max-width: 100%;
width: 100%;
margin-bottom: -3px;
}
.projectBox .projectNameOuter{
position: absolute;
bottom: 20px;
width: 100%;
z-index: 10;
color: #fff;
font-family: 'Roboto-Thin';
font-size: 40px;
opacity: 1;
transition: all .25s;
}
.projectBox:hover .projectNameOuter {
opacity: 0;
}
.projectBox .hideInfoProject {
position: absolute;
height: 105%;
width: 100%;
background-color: rgba(255,255,255, .7);
left: 0%;
top: 0;
font-size: 20px;
padding: 55px 0 20px;
line-height: 1.5;
z-index: 15;
-webkit-transition: all .5s;
transition: all .5s;
display: table;
opacity: 0;
visibility: hidden;
}
.projectBox:hover .hideInfoProject{
left: 0;
opacity: 1;
visibility: visible;
}
.projectBox .hideInfoProject .linkFullProj{
display: inline-block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 100;
}
.hideInfoProject .innerHideContent {
display: table-cell;
vertical-align: middle;
}
.seeGallery{
cursor: pointer;
}
.hideInfoProject .projectNameInner{
font-size: 45px;
font-family: 'Roboto-Thin';
margin-bottom: 0;
line-height: 1.1;
}
.hideInfoProject .horizontalKey {
width: 22px;
height: 20px;
}
.hideInfoProject .deliveryText {
margin-bottom: 5px;
cursor: default;
font-size: 17px;
}
span.titlePrices{
font-size: 20px;
margin: 0 0 10px 0;
font-family: 'Roboto-Bold';
}
.hideInfoProject .textPrice {
font-family: 'Roboto-Bold';
line-height: 1.2;
cursor: default;
font-size: 17px;
}
.hideInfoProject .textPrice span{
display: block;
margin: 0;
font-family: 'Roboto-Light';
}
.hideInfoProject .btn{
padding: 15px 0;
margin-top: 50px;
width: 45%;
font-size: 14px;
background-color: transparent;
border: 1px solid #111111;
}
.hideInfoProject .btn a{
color: #111111;
}
/* Project Img */
.projectImg {
width: 100%;
height: 80vh;
background-image: url(../ASSETS/Imgprojects/07-PROYECTO.jpg);
background-attachment: fixed;
position: relative;
overflow: hidden;
}
.constructionServices .containerServices {
margin: 50px auto;
overflow: initial;
}
.containerServices .headerServices {
width: 45%;
}
.headerServices .subtitleSection {
margin: 40px 0;
}
.headerServices .subtitle{
color: #fff;
font-size: 20px;
line-height: 1.3;
}
.containerServices .bodyServices {
width: 100%;
position: relative;
margin-top: 70px;
}
.constructionServices .bodyServices .sliderServices .serviceBox{
height: 320px;
}
.bodyServices .sliderServices .serviceBox.service0 {
background-color: #fff;
}
.sliderServices .serviceBox.service1 {
background-image: url(../ASSETS/IMAGENES/service-1.jpg);
}
.sliderServices .serviceBox.service2 {
background-image: url(../ASSETS/IMAGENES/service-2.jpg);
}
.sliderServices .serviceBox.service3 {
background-image: url(../ASSETS/IMAGENES/service-3.jpg);
}
.sliderServices .serviceBox.service4 {
background-image: url(../ASSETS/IMAGENES/service-4.jpg);
}
.bodyServices .sliderServices .serviceBox.service0 .title {
color: #2C2E83;
margin: 60px 0 5px;
}
.service0 .subtitle {
font-size: 16px;
margin: 10px 0;
}
.bodyServices .sliderServices .serviceBox.service0 .btn {
border: 1px solid #2C2E83;
color: #2C2E83;
}
.bodyServices .sliderServices .serviceBox .btn {
color: #2C2E83;
background-color: #fff;
border: none;
}
.bodyServices .sliderServices .serviceBox .btn:hover{
background-color: #2C2E83;
color: #fff;
}
/* More Information */
.moreInformation {
position: relative;
}
.moreInformation .informationContainer {
margin-top: 70px;
overflow: hidden;
}
.informationContainer .formInformation {
width: 50%;
float: left;
position: relative;
opacity: 0;
-webkit-transform: matrix(1,0,0,1,0,50);
transform: matrix(1,0,0,1,0,50);
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.sectionContainer.effect .informationContainer .formInformation {
-webkit-transform: matrix(1,0,0,1,0,0);
transform: matrix(1,0,0,1,0,0);
opacity: 1;
-webkit-transition: all 1.3s ease-in-out;
-o-transition: all 1.3s ease-in-out;
-moz-transition: all 1.3s ease-in-out;
transition: all 1.3s ease-in-out;
}
.formInformation .formHeader {
width: 100%;
}
.formHeader .subtitle {
margin: 10px 0;
font-size: 20px;
/* color: #fff;*/
}
.formHeader .arrow-right {
/* Cambio 07/05/21 */
margin: 35px 0 0;
/* Fin 0/05/21 */
}
.formInformation .bodyFormInformation {
width: 100%;
/* Cambio 07/05/21 */
margin-top: 35px;
/* Fin 07/05/21 */
}
.bodyFormInformation label{
font-family: 'Roboto-Bold';
display: block;
margin-bottom: 15px;
color: #111111;
}
.bodyFormInformation label input,
.bodyFormInformation label select,
.bodyFormInformation label textarea{
display: block;
width: 100%;
margin-top: 5px;
border: 1px solid #111111;
outline: none;
height: 40px;
border-radius: 0;
padding: 15px;
}
.bodyFormInformation label select {
background-image: url(../ASSETS/ICONOS/arrow-3.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: top 50% right 3%, 0 0;
padding: 5px 15px;
appearance: none;
background-color: #fff;
font-size: 16px;
color: #fff;
}
.bodyFormInformation label textarea {
height: 70px;
resize: none;
}
.bodyFormInformation .btnEnviar{
outline: none;
height: 60px;
margin: 0;
padding: 0;
}
.bodyFormInformation .btn,
.bodyFormInformation .btnAnmWhite {
outline: none;
padding: 5px 30px;
margin-top: 10px;
color: #111111;
border: 1px solid #111111;
display: inline-block;
position: relative;
}
.moreInformation .building {
position: absolute;
width: 40%;
height: 70%;
top: 160px;
background-image: url(../ASSETS/Imgprojects/building-form.png);
background-position: right bottom;
right: 110px;
opacity: 0;
/* bottom: 0px; */
transform: scale(1.05);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.sectionContainer.effect.moreInformation .building{
opacity: 1;
transform: scale(1);
-webkit-transition: all 1.3s ease-in-out,
transform 12s ease-in-out;
transition: all 1.3s ease-in-out,
transform 12s ease-in-out;
background-size: cover;
}
/* Vlog Page */
.vlogHeaderContainer{
width: 100%;
height: 100%;
overflow: hidden;
}
.vlogHeaderContainer .bigArticleBox{
height: 100%;
width: 50%;
float: left;
position: relative;
}
.interestedBlogsMobile{
display: none;
}
.vlogHeaderContainer .mixArticlesBox {
height: 100%;
width: 50%;
float: right;
position: relative;
}
.articleBox {
width: 50%;
height: 50%;
float: left;
position: relative;
}
.vlogHeaderContainer .articleBox.recommended {
width: 100%;
height: 90%;
background-image: url(../ASSETS/img_vlog/01-vlog.jpg);
background-position: bottom;
}
.articleBox .imgContainer{
width: 100%;
height: 80%;
}
.articleBox .imgContainerOt{
width: 100%;
height: 80%;
}
.vlogHeaderContainer .articleBox.interested-1 .imgContainer{
background-image: url(../ASSETS/img_vlog/02-vlog.jpg);
}
.vlogHeaderContainer .articleBox.interested-2 .imgContainer{
background-image: url(../ASSETS/img_vlog/03-vlog.jpg);
}
.vlogHeaderContainer .articleBox.interested-3 .imgContainer{
background-image: url(../ASSETS/img_vlog/04-vlog.jpg);
}
.vlogHeaderContainer .articleBox.interested-4 .imgContainer{
background-image: url(../ASSETS/img_vlog/05-vlog.jpg);
}
.infoArticle{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 22px 0;
background-color: #fff;
text-align: center;
display: table;
}
.bigArticleBox .infoArticle {
padding: 40px 0px;
}
.infoArticle.blue {
background-color: #2C2E83;
}
.infoArticle .subtitle {
font-size: 16px;
line-height: 1.2;
}
.infoArticle.blue .subtitle {
color: #fff;
}
.bigArticleBox .infoArticle.blue .subtitle {
color: #fff;
font-size: 30px;
width: 70%;
margin: auto;
}
.infoArticle .infoAuthor {
font-size: 12px;
line-height: 1.2;
text-transform: uppercase;
margin-top: 20px;
font-family: 'garamondregular';
}
.infoArticle.blue .infoAuthor {
color: #fff;
}
.infoArticle.blue .infoAuthor time{
color: #fff;
}
.bigArticleBox .infoArticle.blue .infoAuthor{
font-size: 14px;
margin-top: 15px;
}
/* Event Section */
.eventSection .containerBox{
white-space: nowrap;
}
.containerBox .bigEvent{
width: 68%;
display: inline-block;
vertical-align: top;
margin-right: 2%;
position: relative;
white-space: initial;
}
.containerBox .bigEvent .imgContainer{
width: 100%;
height: 85%;
background-image: url(../ASSETS/img_vlog/06-vlog.jpg);
}
.containerBox .bigEvent .imgContainerOt{
width: 100%;
height: 85%;
}
.bigEvent .infoArticle{
background-color: #fff;
padding: 60px 10px;
margin-top: -5px;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.bigEvent .infoArticle .subtitle {
width: 70%;
margin: auto;
font-size: 30px;
}
.bigEvent .infoArticle .infoAuthor{
font-size: 14px;
margin-top: 20px;
}
.containerBox .eventList {
width: 30%;
display: inline-block;
white-space: initial;
vertical-align: top;
}
.eventList .title {
font-size: 45px;
margin-bottom: 30px;
}
.eventList .eventListBox {
border-top: 2px solid #E42621;
}
.eventListBox .event{
width: 100%;
position: relative;
margin: 25px 0;
overflow: hidden;
cursor: pointer;
}
.event .leftImg {
position: absolute;
width: 35%;
height: 100%;
background-color: #fff;
z-index: 10;
}
.event.event-1 .leftImg{
background-image: url(../ASSETS/img_vlog/07-vlog.jpg);
}
.event.event-2 .leftImg{
background-image: url(../ASSETS/img_vlog/08-vlog.jpg);
}
.event.event-3 .leftImg{
background-image: url(../ASSETS/img_vlog/09-vlog.jpg);
}
.event.event-4 .leftImg{
background-image: url(../ASSETS/DETAIL-VLOG/02-DETAIL.jpg);
}
.event .infoArticle {
float: right;
width: 65%;
background-color: #2C2E83;
padding: 30px;
position: relative;
z-index: 20;
text-align: left;
}
.event .infoArticle .subtitle {
color: #fff;
font-size: 18px;
}
.event .infoArticle .infoAuthor {
color: #fff;
font-size: 13px;
}
.event .infoArticle .infoAuthor time{
color: #fff;
}
.eventListBox .btn {
width: 97%;
text-align: center;
font-size: 18px;
padding: 25px;
}
/*
.eventListBox .btn .rightLine {
width: 10%;
}
*/
/* Blog section */
#vlogsContainer{
position: relative;
min-height: 500px;
padding-bottom: 100px;
}
.containerBox .blogBoxes{
width: 100%;
position: relative;
text-align: center;
}
.blogBoxes .toDetailVlog{
display: inline-block;
width: 31%;
margin: 20px 1%;
height: 550px;
}
.blogBoxes .blog {
width: 100%;
position: relative;
cursor: pointer;
height: 100%;
}
.blog .imgContainerOt {
width: 100%;
height: 75%;
}
.blog .imgContainer {
width: 100%;
height: 75%;
}
.blogBoxes .blog1 .imgContainerOt{
background-image: url(../ASSETS/img_vlog/10-vlog.jpg);
}
.blogBoxes .blog2 .imgContainer{
background-image: url(../ASSETS/img_vlog/11-vlog.jpg);
}
.blogBoxes .blog3 .imgContainer{
background-image: url(../ASSETS/img_vlog/12-vlog.jpg);
}
.blogBoxes .blog4 .imgContainer{
background-image: url(../ASSETS/img_vlog/13-vlog.jpg);
}
.blogBoxes .blog5 .imgContainer{
background-image: url(../ASSETS/img_vlog/14-vlog.jpg);
}
.blogBoxes .blog6 .imgContainer{
background-image: url(../ASSETS/img_vlog/15-vlog.jpg);
}
.blogBoxes .blog7 .imgContainer{
background-image: url(../ASSETS/img_vlog/16-vlog.jpg);
}
.blogBoxes .blog8 .imgContainer{
background-image: url(../ASSETS/img_vlog/17-vlog.jpg);
}
.blogBoxes .blog9 .imgContainer{
background-image: url(../ASSETS/img_vlog/18-vlog.jpg);
}
.blog .infoArticle{
background-color: #fff;
text-align: center;
margin-top: -5px;
position: absolute;
bottom: 0;
left: 0;
padding: 50px 20px;
width: 100%;
}
.blog .infoArticle .infoAuthor{
font-size: 12px;
margin-top: 10px;
}
.controlBlogBox{
width: 85%;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
text-align: center;
position: absolute;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
}
.controlBlogBox.controlSearch{
position: initial;
bottom: initial;
left: initial;
transform: initial;
}
.controlBlogBox .itemVlog{
white-space: initial;
width: 33.1%;
display: inline-block;
vertical-align: middle;
}
.controlBlogBox .controlVlogBtn{
white-space: nowrap;
}
.controlVlogBtn .innerControlBox{
display: inline-block;
cursor: pointer;
}
.innerControlBox.hide{
display: none;
}
.controlBlogBox .previousBlog{
text-align: left;
}
.controlBlogBox .nextBlog{
text-align: right;
}
.controlVlogBtn .controlIcon{
background-image: url(../ASSETS/ICONOS/arrow-2.png);
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
}
.controlVlogBtn .controlIcon.prevBtn{
transform: rotateY(190deg);
}
.controlVlogBtn .btnText{
display: inline-block;
vertical-align: middle;
font-family: 'garamondregular';
font-size: 22px;
margin: 0 15px;
white-space: nowrap;
}
.infoNumber .numberPage{
display: inline-block;
font-family: 'gothic';
font-size: 35px;
cursor: default;
}
.infoNumber .actualPage{
margin-right: -5px;
color: #E42621;
}
.infoNumber p {
display: inline-block;
font-size: 50px;
vertical-align: middle;
cursor: default;
}
.infoNumber .lengthPage{
vertical-align: bottom;
margin-left: -7px;
font-size: 30px;
}
/* Subscribe Section */
.subscribeSection {
padding: 20px 0;
}
.subscribeSection .containerBox {
text-align: center;
}
.containerBox .netBox{
display: inline-block;
width: 48%;
text-align: center;
background-color: #2C2E83;
padding: 55px 20px;
white-space: nowrap;
vertical-align: middle;
}
.containerBox .netBox.subscribe{
margin-right: 2%;
}
.netBox .title {
color: #fff;
font-size: 30px;
margin-bottom: 30px;
}
.containerBox .netBox.subscribe .inputGroup{
width: 95%;
height: 45px;
margin: auto;
}
.subscribe .inputGroup input{
display: inline-block;
height: 100%;
width: calc(100% - 45px);
background-color: #f6f6f6;
}
.subscribe .inputGroup input[type="submit"]{
display: inline-block;
height: 100%;
width: 45px;
background-color: #E42621;
background-image: url(../ASSETS/ICONOS/arrow-blue.png);
background-position: top 50% left 40%, 0 0;
background-size: 35%;
outline: none;
border: none;
}
.follow .networksBox{
white-space: nowrap;
}
.networksBox .net {
display: inline-block;
margin-right: 5px;
width: 40px;
height: 40px;
}
.fb{
background-image: url(../ASSETS/ICONOS/fb.png);
}
.tw {
background-image: url(../ASSETS/ICONOS/twitter.png);
}
.ig {
background-image: url(../ASSETS/ICONOS/instagram.png);
}
.in {
background-image: url(../ASSETS/ICONOS/linkedin.png);
}
/* ====================== Vlog Detail page ===================== */
.vlogDetailHeader {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.vlogDetailHeader .vlogImgHeader{
height: 85%;
width: 100%;
background-image: url(../ASSETS/DETAIL-VLOG/05-DETAIL.jpg);
-webkit-transform: scale(1.25);
transform: scale(1.25);
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.vlogDetailHeader.zoom .vlogImgHeader {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 13s ease-in-out;
transition: all 13s ease-in-out;
}
.vlogDetailHeader .infoArticle{
position: absolute;
width: 100%;
text-align: center;
padding: 50px 20px;
background-color: #2C2E83;
bottom: 0;
left: 0;
display: table;
}
.innerInfoArticle{
display: table-cell;
vertical-align: middle;
}
.vlogDetailHeader .infoArticle .subtitle{
font-size: 30px;
}
.sectionContainer.articleHeader{
padding: 60px 0 0;
}
.containerBox .tagPath{
float: left;
}
.tagPath .path {
margin-bottom: 20px;
}
.tagPath .tags a{
font-family: 'garamondbold';
}
.articleHeader .containerBox .networksBox {
float: right;
}
.containerBox .networksBox .shareText {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.containerBox .networksBox .net {
vertical-align: middle;
}
.article .containerBox .articleText {
width: 58%;
float: left;
margin-right: 2%;
overflow: hidden;
}
.articleText .subtitle {
font-size: 30px;
line-height: 1.1;
}
.articleText p {
line-height: 1.5;
margin: 15px 0;
}
.articleText .sliderContainer{
width: 90%;
position: relative;
margin: 50px auto;
}
.sliderContainer .sliderArticleBox {
width: 100%;
position: relative;
margin: auto;
overflow: hidden;
}
.sliderArticleBox .containerImages{
position: relative;
overflow: hidden;
left: 0;
transition: all .25s;
-webkit-transition: all .25s;
}
.containerImages .innerSlider {
float: left;
height: 400px;
}
.innerSlider.img-1{
background-image: url(../ASSETS/DETAIL-VLOG/01-DETAIL.jpg);
}
.innerSlider.img-2{
background-image: url(../ASSETS/IMAGENES/candelaria.jpg);
}
.innerSlider.img-3{
background-image: url(../ASSETS/IMAGENES/pakway.jpg);
}
.innerSlider.img-4{
background-image: url(../ASSETS/IMAGENES/virrey.jpg);
}
.innerSlider.img-5{
background-image: url(../ASSETS/IMAGENES/calle-93.jpg);
}
.innerSlider.img-6{
background-image: url(../ASSETS/IMAGENES/candelaria.jpg);
}
.innerSlider.img-7{
background-image: url(../ASSETS/IMAGENES/pakway.jpg);
}
.innerSlider.img-8{
background-image: url(../ASSETS/IMAGENES/virrey.jpg);
}
.sliderContainer .controlArticleSlider {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-image: url(../ASSETS/ICONOS/arrow-2.png);
width: 40px;
height: 40px;
cursor: pointer;
}
.controlArticleSlider.controlLeft {
transform: translateY(-50%) rotateY(-180deg);
left: -20px;
}
.controlArticleSlider.controlRight{
right: -20px;
}
.articleText .subtitleArticle {
color: #E42621;
font-family: 'garamondbold';
text-transform: uppercase;
}
.articleText .gridBox{
margin: 40px 0;
width: 100%;
}
.gridBox .gridRow{
width: 100%;
overflow: hidden;
white-space: nowrap;
}
.gridBox .gridRow:first-of-type{
margin-bottom: 40px;
}
.gridRow .innerGrid {
display: inline-block;
vertical-align: middle;
white-space: initial;
width: 47%;
}
.gridRow .innerGrid.mobile{
display: none;
}
.gridRow .imgContainer {
width: 50%;
}
.gridRowFirst .gridText{
margin-left: 2%;
}
.gridRowSecond .gridText{
margin-right: 2%;
}
.article .containerBox .eventList {
float: right;
width: 40%;
/* max-height: 777px; */
/* overflow-y: auto; */
}
.article .containerBox .eventList::-webkit-scrollbar{
display: none;
}
.articleInnerImg{
width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
}
/* ====================== Propertie page ===================== */
.bar .container {
width: 100%;
/* width: calc(100vw - 120px);*/
text-align: left;
float: left;
}
.bar .container .selectBigGroup{
width: 100%;
float: left;
/* overflow-x: hidden;*/
}
.bar .container .selectBigGroup::-webkit-scrollbar{
height: 7px;
border-radius: 5px;
background: transparent;
}
.bar .container .selectBigGroup::-webkit-scrollbar-thumb{
background-color: #fff;
border-radius: 5px;
}
.selectBigGroup .innerScrollBar{
float: left;
padding: 15px 0;
width: 100%;
/* min-width: 900px;*/
}
.bar .container .selectGroup {
float: left;
border-right: 1px solid #fff;
position: relative;
width: 20%;
padding: 5px 0;
}
.bar .container .selectGroup.selectChild:first-child,
.bar .container .selectGroup.selectChild:nth-child(2) {
width: 15%;
}
.selectGroup .chooseType{
width: 50%;
height: 40px;
line-height: 40px;
}
.selectGroup .innerContainer{
padding: 0 25px;
overflow: hidden;
}
.selectGroup .chooseType.project{
float: left;
text-align-last: left;
}
.selectGroup .chooseType.used{
float: right;
text-align: right;
}
.selectGroup .chooseType input{
margin: 0 5px 0 0;
vertical-align: middle;
width: 20px;
height: 20px;
}
.selectGroup .chooseType p{
display: inline-block;
vertical-align: middle;
}
.bar .selectGroup.btnFather{
padding: 5px 25px;
width: 15%;
}
.bar .selectGroup.btnMoreFilter{
text-align: right;
padding: 0 0 0 10px;
border: none;
}
.bar .selectGroup.selectChild:first-of-type{
border-left: 1px solid #fff;
}
.selectChild select{
border: none;
outline: none;
appearance: none;
}
.selectGroup .choosePropItem{
padding: 10px 20px;
font-size: 14px;
height: 40px;
width: 100%;
position: relative;
font-family: 'Roboto-Bold';
color: #111111;
overflow: hidden;
}
.selectGroup .selectBox,
.selectGroup .selectBoxDisp{
padding: 5px 0 5px 50px;
}
.selectGroup .selectBox.arrow,
.fastFilterMobile.arrow,
.selectGroup .arrow{
background-image: url(../ASSETS/iconNew/Flecha-1.png);
background-size: 15px;
background-repeat: no-repeat;
background-position: top 50% right 7%, 0 0 ;
}
.selectGroup .selectBox.arrow.open,
.fastFilterMobile.arrow.open,
.selectGroup .arrow.open{
background-image: url('../ASSETS/iconNew/Flecha-1.png');
}
.fastFilterMobile{
background-color: #fff;
padding: 15px 60px;
/* border-bottom: 2px solid #f00;*/
/* box-shadow: 0px 0px 9px 1px #111111;*/
}
.selectGroup .choosePropItem .chooseText {
display: inline-block;
vertical-align: middle;
font-family: 'Roboto-Bold';
color: #111111;
font-size: 14px;
}
.selectGroup .filterBy{
width: calc(100% - 65px);
display: inline-block;
vertical-align: middle;
margin: 0 0 0 10px;
}
.selectGroup .filterBy .outerLine{
margin-top: 0;
}
.selectGroup .filterBy .minMax{
font-size: 10px;
}
.selectGroup .btn {
display: inline-block;
padding: 10px;
font-size: 14px;
height: 40px;
text-align: center;
width: 100%;
}
.selectGroup .btn.filterheaderBtn{
border: none;
}
.selectGroup#btnFatherFilter .btn span{
/* background-color: #111111;*/
color: #fff;
}
.selectGroup .btnBlue {
display: inline-block;
padding: 10px;
font-size: 16px;
height: 40px;
text-align: center;
width: 100%;
background-color: #111111;
color: #fff;
}
.selectGroup .btnBlue .middle {
color: #fff;
}
/* Cambio 07/05/21 */
/*
.selectGroup .btnBlue:hover{
border: 1px solid #2C2E83;
*/
/* cambio 07/05/21 */
/* background-color: #fff; */
/* Fin 07/05/21 */
/*
color: #2C2E83;
}
*/
/*
.selectGroup .btnBlue:hover span{
color: #2C2E83;
}
*/
/* Fin 07/05/21 */
/*
.selectGroup .btnBlue:hover .middle {
color: #2C2E83;
}
*/
.selectGroup .moreFiltersBtn {
width: 40px;
height: 40px;
background-image: url(../ASSETS/ICONOS/more-filter.png);
cursor: pointer;
display: inline-block;
}
#choosePropertie{
width: 100%;
overflow: hidden;
position: relative;
}
.moreFiltersBtn.mobile{
position: relative;
float: right;
width: 40px;
height: 40px;
background-image: url(../ASSETS/ICONOS/more-filter.png);
cursor: pointer;
outline: none;
margin-top: 10px;
}
#choosePropertie .propertieMap{
width: 50%;
height: 100%;
background-image: url(../ASSETS/iconNew/map.png);
float: left;
}
#choosePropertie .detailPropertieMap{
float: right;
width: 50%;
height: 100%;
background-color: #111111;
overflow-y: auto;
padding-bottom: 25px;
}
.detailPropertieMap .container{
width: 92%;
overflow: hidden;
float: left;
margin-left: 4%;
}
.detailPropertieMap .container .resultLength {
margin-top: 20px;
color: #fff;
font-family: 'Roboto-Light';
font-size: 90px;
cursor: default;
}
.detailPropertieMap .container span.resultText {
color: #fff;
font-size: 23px;
display: block;
text-transform: uppercase;
font-family: 'Roboto-Light';
letter-spacing: .5px;
margin-bottom: 20px;
float: left;
width: calc(100% - 245px);
}
.contOrderSearch {
position: relative;
width: 245px;
float: left;
margin-bottom: 15px;
margin-top: -23px;
}
.contOrderSearch .contTitle,
.contOrderSearch .optionOrder,
.contOrderSearch .optionSelect {
color: #fff;
margin: 5px 0;
padding: 0 5px;
}
.contOrderSearch .optionOrder:hover {
background-color: #cecece;
}
.contOrderSearch .optionOrder span,
.contOrderSearch .optionSelect span {
display: inline-block;
font-size: 10px;
vertical-align: top;
margin: inherit;
width: auto;
float: none;
margin: 0;
color: #fff;
}
.contOrderSearch .contTitle {
font-family: 'Roboto-Medium';
font-size: 20px;
}
.selectOrder {
position: relative;
z-index: 200;
}
.contSelectOrder {
position: relative;
cursor: pointer;
}
.contOptionOrder {
position: absolute;
background-color: #111;
z-index: 100;
width: 100%;
top: 0;
padding-top: 25px;
height: 0;
overflow: hidden;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.contSelectOrder.open .contOptionOrder {
border: 1px solid #cecece;
border-top: none;
height: 180px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.detailPropertieMap .container .contSelectOrder span.arrowOrder {
width: 15px;
height: 15px;
position: absolute;
right: 10px;
background-image: url(../ASSETS/iconNew/Flecha-1.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
top: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.detailPropertieMap .container .contSelectOrder.open span.arrowOrder {
transform: rotate(180deg);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.detailPropertieMap .container .longArrow {
width: 100%;
white-space: nowrap;
margin: 15px 0;
}
.longArrow .longTail {
width: 75%;
height: 1px;
display: inline-block;
vertical-align: middle;
margin-right: -20px;
background-color: #E42621;
}
.longArrow .arrow-right {
display: inline-block;
vertical-align: middle;
width: 25%;
margin: 0;
}
.detailPropertieMap::-webkit-scrollbar{
display: none;
}
.detailPropertieMap #sliderProperties {
position: relative;
/* overflow: hidden;*/
float: left;
left: 0;
transition: all .25s;
-webkit-transition: all .25s;
}
.detailPropertieMap .bodyProperties{
float: left;
width: 100% !important;
margin-bottom: 25px;
padding-left: 1%;
min-height: 400px;
position: relative;
padding-top: 20px;
border-top: solid 2px #fff;
}
.detailPropertieMap .bodyProperties .propertie{
width: 45%;
margin: 5px 4% 5px 0px;
transition: all .25s,
width 0s;
-webkit-transition: all .25s,
width 0s;
}
.detailPropertieMap .bodyProperties .propertie .imgContainer .pricePropertie{
padding: 0 10px;
font-size: 11px;
transition: all .25s;
-webkit-transition: all .25s;
-moz-transition: all .25s;
transition-delay: .37s;
-webkit-transition-delay: all .37s;
-moz-transition-delay: all .37s;
}
.detailPropertieMap .bodyProperties .propertie.beforeAfter .imgContainer .pricePropertie{
padding: 5px 20px;
font-size: 13px;
top: 5px;
}
.detailPropertieMap .textPropertie .typePropertie {
font-size: 11px;
}
.detailPropertieMap .textPropertie .zonePropertie{
font-size: 25px;
}
.detailPropertieMap .propertie .infoPropertie{
/* Cambio 07/05/21 */
padding-top: 5px;
/* Fin 07/05/21 */
}
.detailPropertieMap .info .infoIcon {
width: 15px;
height: 15px;
}
.detailPropertieMap .info .textIcon {
font-size: 14px;
}
.detailPropertieMap .infoNumber p{
color: #fff;
}
span.cuadrado{
display: initial!important;
font-size: 8px!important;
font-family: 'garamondregular'!important;
}
.detailPropertieMap .infoNumber .lengthPage{
color: #fff;
}
.detailPropertieMap .controlBlogBox{
overflow: hidden;
width: 90%;
margin: auto;
}
.detailPropertieMap .controlBlogBox .itemVlog{
width: auto;
}
.detailPropertieMap .controlBlogBox .itemVlog.infoNumber{
float: left;
}
.detailPropertieMap .controlBlogBox .controlVlogBtn{
float: right;
}
.detailPropertieMap .controlVlogBtn .controlIcon {
background-image: url(../ASSETS/ICONOS/arrow-vlog.png);
background-size: 60%;
border-radius: 50%;
border: 1px solid #fff;
}
.detailPropertieMap .controlVlogBtn .controlIcon.prevBtn{
margin-right: 10px;
}
.detailPropertieMap .imgContainer .watermark{
font-size: 25px;
}
#choosePropertie #controlView {
display: none;
}
/* General Zone Page */
#siteHeader.light{
background-color: #fff;
}
.backImage.generalZoneHeader{
background-image: url(../ASSETS/IMAGENES/01_ZONAS.jpg);
}
.generalZoneHeader .centerLine {
background-color: #fff;
}
.imgVlog.bg-cover.imgGeneralZones {
background-image: url(../ASSETS/IMAGENES/02_ZONAS.jpg);
}
/* ========= Detail Project Page ================ */
.infoDetail{
overflow: hidden;
}
.infoDetail .asideSlide {
width: 50%;
position: relative;
overflow: hidden;
float: left;
opacity: 0;
-webkit-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.infoDetail.effect .asideSlide{
opacity: 1;
-webkit-transition: all 1.5s ease-in-out;
-o-transition: all 1.5s ease-in-out;
-moz-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
.asideSlide .sliderBox{
position: relative;
height: 100%;
float: left;
left: 0;
transition: all .25s;
-webkit-transition: all .25s;
}
.sliderBox .innerImgProject{
float: left;
height: 100%;
position: relative;
}
.asideSlide .arrowCircle {
opacity: 1;
}
.asideSlide #prevDetailImg{
background-image: url(../ASSETS/iconNew/Antes-2.png);
left: 10px;
}
.asideSlide #nextDetailImg{
background-image: url(../ASSETS/iconNew/Antes-2.png);
transform: translateY(-50%) rotate(180deg);
right: 10px;
}
.asideSlide .expandCircle{
position: absolute;
top: 20px;
right: 20px;
width: 50px;
height: 50px;
background-image: url(../ASSETS/iconNew/Full-imagen.png);
cursor: pointer;
transition: all .25s;
}
.asideSlide .expandCircle:hover{
width: 60px;
height: 60px;
top: 15px;
right: 15px;
}
.asideSlide .bottomBtn{
font-family: 'Roboto-Medium';
text-transform: uppercase;
position: absolute;
bottom: 0;
width: 50%;
padding: 25px 0;
color: #fff;
text-decoration: none;
background-color: #111111;
text-align: center;
cursor: pointer;
box-sizing: border-box;
letter-spacing: 2px;
}
.asideSlide .bottomBtn:hover{
background-color: #72D0F6;
color: #111111;
border: solid 1px #111111;
}
.photosBtn.buttonFullOne{
width:100%;
}
.tourBtn.buttonFullOne{
display: none;
}
.bottomBtn.photosBtn{
left: 0;
border-right: 1px solid #fff;
}
.bottomBtn.tourBtn{
right: 0;
}
.infoDetail .asideDetailInfo {
width: 50%;
float: right;
padding: 0px 50px;
position: relative;
opacity: 0;
}
.infoDetail .asideDetailInfo .zonaText,
.infoDetail .asideDetailInfo .codeText{
display: inline-block;
font-size: 14px;
font-family: 'Roboto-Bold';
color: #111111;
text-transform: uppercase;
}
.infoDetail.effect .asideDetailInfo {
opacity: 1;
-webkit-transition: all 1.3s ease-in-out;
-o-transition: all 1.3s ease-in-out;
-moz-transition: all 1.3s ease-in-out;
transition: all 1.3s ease-in-out;
}
.asideDetailInfo .contentAsideDetail {
margin:0;
width: 100%;
}
.contentAsideDetail .headerDetailContent {
width: 100%;
opacity: 0;
bottom: -30px;
}
.sectionContainer.effect .contentAsideDetail .headerDetailContent {
opacity: 1;
bottom: 0%;
position: relative;
-webkit-transition: all 1.3s ease-in-out .15s;
-o-transition: all 1.3s ease-in-out .15s;
-moz-transition: all 1.3s ease-in-out .15s;
transition: all 1.3s ease-in-out .15s;
}
.codeText{
font-size: 16px;
color: #2C2E83;
font-family: 'garamondregular';
position: relative;
bottom: -30px;
opacity: 0;
}
.sectionContainer.effect .contentAsideDetail .codeText{
bottom: 0;
opacity: 1;
-webkit-transition: all 1.3s ease-in-out ;
-o-transition: all 1.3s ease-in-out ;
-moz-transition: all 1.3s ease-in-out ;
transition: all 1.3s ease-in-out ;
}
.headerDetailContent .subtitle {
font-size: 40px;
margin-bottom: 30px;
}
.headerDetailContent .subtitle span {
display: block;
margin-top: 10px;
}
.headerDetailContent .title {
font-size: 35px;
letter-spacing: 1px;
}
.headerDetailContent .horizontalKey {
width: 50px;
}
.contentAsideDetail .bodyDetailContent {
width: 100%;
padding: 10px 0;
opacity: 0;
bottom: -30px;
position: relative;
}
.contentAsideDetail .headerDetailContent .subtitle {
margin-bottom: 5px;
font-family: 'Roboto-Thin';
font-size: 45px;
}
.sectionContainer.effect .contentAsideDetail .bodyDetailContent {
opacity: 1;
bottom: 0;
-webkit-transition: all 1.25s ease-in-out .5s;
-o-transition: all 1.25s ease-in-out .5s;
-moz-transition: all 1.25s ease-in-out .5s;
transition: all 1.25s ease-in-out .5s;
}
.bodyDetailContent .deliveryDetailText {
font-size: 30px;
margin-top: 10px;
}
.bodyDetailContent .prices {
font-size: 30px;
margin: 20px 0;
font-family: 'garamondbold';
}
.bodyDetailContent span {
display: block;
margin-top: 10px;
}
.prices .pricesNumbers {
/* width: 45%;*/
font-size: 35px;
font-family: 'Roboto-Light';
display: inline-block;
margin: 0 0 10px 0;
}
.prices .pricesNumbers.first{
margin-right: 20px;
}
.footerDetail .infoDetails{
letter-spacing: 2px;
border: solid 1px #72D0F6;
}
.bodyDetailContent .others {
font-size: 20px;
font-family: 'Roboto-Bold';
}
.others span{
font-family: 'Roboto-Light';
margin-top: 5px;
line-height: initial;
}
.contentAsideDetail .detailIcons {
width: 100%;
margin: 0px auto;
opacity: 0;
bottom: -30px;
position: relative;
}
.sectionContainer.effect .contentAsideDetail .detailIcons{
opacity: 1;
bottom: 0;
-webkit-transition: all 1.25s ease-in-out .75s;
-o-transition: all 1.25s ease-in-out .75s;
-moz-transition: all 1.25s ease-in-out .75s;
transition: all 1.25s ease-in-out .75s;
}
.detailIcons .outerIcon{
display: inline-block;
vertical-align: middle;
/* width: 19%;*/
width: 29%;
margin: 15px 0;
padding: 5px 0;
/* white-space: nowrap;*/
text-align: center;
border-left: 1px solid #FFF;
}
.detailIcons .outerIcon:first-child {
border-left: none;
}
.outerIcon .iconImg {
width: 100%;
height: 65px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.outerIcon.rule .iconImg{
background-image: url(../ASSETS/iconNew/Metros.png);
}
.outerIcon.bed .iconImg{
background-image: url(../ASSETS/iconNew/Habitaciones.png);
}
.outerIcon.bath .iconImg{
background-image: url(../ASSETS/iconNew/Baños.png);
}
.outerIcon.garage .iconImg{
background-image: url(../ASSETS/iconNew/Garajes.png);
}
.outerIcon.floorplan .iconImg{
background-image: url(../ASSETS/iconNew/floorplan.png);
}
.outerIcon.stairs .iconImg{
background-image: url(../ASSETS/iconNew/Pisos.png);
}
.outerIcon.time .iconImg{
background-image: url(../ASSETS/iconNew/construccion.png);
}
.outerIcon .iconInfo {
display: inline-block;
vertical-align: middle;
}
/*
.outerIcon.rule .iconInfo .iconInfoText:first-of-type{
margin: 0 0 10px 0;
}
*/
.outerIcon .iconInfo .iconInfoText{
margin: 16px 0 0;
font-size: 17px;
}
.iconInfoText span {
font-size: 10px;
vertical-align: top;
margin-bottom: 5px;
display: inline-block;
width: 100%;
color: #72D0F6;
font-family: 'Roboto-Bold';
}
.outerIcon .iconInfo{
font-size: 14px!important;
}
.contentAsideDetail .footerDetail{
width: 100%;
opacity: 0;
bottom: -30px;
position: relative;
}
.sectionContainer.effect .contentAsideDetail .footerDetail{
opacity: 1;
bottom: 0;
-webkit-transition: all 1.25s ease-in-out 1s;
-o-transition: all 1.25s ease-in-out 1s;
-moz-transition: all 1.25s ease-in-out 1s;
transition: all 1.25s ease-in-out 1s;
}
.footerDetail .shareDetailProject {
display: inline-block;
vertical-align: middle;
margin-left: 50px;
}
.shareDetailProject .shareDetailText {
display: block;
font-size: 20px;
cursor: default;
}
.shareDetailProject .shareDetailIcon{
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
margin-top: 5px;
cursor: pointer;
}
.shareDetailIcon{
margin-right: 5px;
}
.shareDetailIcon.iconFa {
background-image: url(../ASSETS/IMAGENES/facebook.share.png);
/* margin-right: 5px;*/
}
.shareDetailIcon.iconTwit {
background-image: url(../ASSETS/IMAGENES/twitter-share.png);
}
.shareDetailIcon.iconWatsapp {
background-image: url(../ASSETS/IMAGENES/whatsapp-share.png);
}
.modalBox {
background-color: #fff!important;
background-size: contain;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 101000;
top: -100%;
opacity: 0;
transition: all .25s;
-webkit-transition: all .25s;
}
#fadeBox{
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0;
-webkit-transition: all 1.09s ease-in-out;
transition: all 1.09s ease-in-out;
/* z-index: 7; */
}
#fadeBox.active{
opacity: 1;
-webkit-transition: all .09s ease-in-out;
transition: all .09s ease-in-out;
}
.modalBox.bg-cover .contImgFloor .imgFloor{
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 100%;
width: 100%;
position: absolute;
top: 0;
}
.modalBox.bg-cover .contImgFloor{
height: 100%;
width: 100%;
position: absolute;
top: 0;
}
#videoCont{
position: absolute;
width: 100%;
height: 100%;
/* z-index: 8; */
}
.modalBox.tour{
background-image: url(../ASSETS/IMAGENES/image-video.jpg) !important;
}
/*
.modalBox.tour:after{
content: '';
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(255,255,255,.5);
}
*/
/* .modalBox.tour::before{
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 70px;
height: 70px;
background-image: url(../ASSETS/ICONOS/video.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
z-index: 10;
cursor: pointer;
} */
.modalBox.open{
top: 0;
opacity: 1;
}
.modalBox #closeModal {
position: absolute;
top: 20px;
right: 15px;
width: 50px;
height: 50px;
background-image: url(../ASSETS/iconNew/Cerrar-2.png);
cursor: pointer;
z-index: 10;
}
.modalBox.open #closeModal{
position: fixed;
}
.modalBox .arrowCircle.white{
background-image: url(../ASSETS/iconNew/Siguiente-2.png);
opacity: 1;
width: 60px;
height: 60px;
display: block;
z-index: 10;
}
.modalBox.tour .arrowCircle.white{
display: none!important;
}
.modalBox #prevModal{
left: 15px;
background-image: url(../ASSETS/iconNew/Antes-2.png);
/* transform: translateY(-50%) rotate(180deg);*/
}
.modalBox #nextModal{
right: 15px;
}
.unityContainer .tableDetailUnity{
background-color: #fff;
width: 100%;
padding-top: 20px;
overflow: hidden;
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.sectionContainer.effect .unityContainer .tableDetailUnity{
opacity: 1;
bottom: 0;
-webkit-transition: all 1.35s ease-in-out;
transition: all 1.35s ease-in-out;
}
.tableDetailUnity .forSale {
font-size: 27px;
margin: 0 0 20px 20px;
}
.tableDetailUnity .borderBottomLine {
width: 101%;
height: 3px;
position: relative;
background-color: #72D0F6;
left: 20px;
}
.tableDetailUnity .bodyUnityDetail{
width: 100%;
display: block;
}
.bodyUnityDetail .rowUnity{
padding: 20px 0;
display: block;
overflow: hidden;
transition: all .25s;
-webkit-transition: all .25s;
}
.bodyUnityDetail .rowUnity.selected {
background-color: #f6f6f6;
padding-bottom: 0;
transition: all .25s;
}
.rowUnity .cellsContainer {
width: calc(100% - 40px);
overflow: hidden;
margin: 0 auto;
transition: all .25s;
-webkit-transition: all .25s;
}
.rowUnity.selected .cellsContainer {
margin-bottom: 20px;
transition: all .25s;
}
.rowUnity .firstCellGroup{
float: left;
width: 70%;
cursor: pointer;
}
.firstCellGroup .cellUnity{
display: inline-block;
font-size: 20px;
}
.cellUnity .subtitle{
margin: 0;
font-size: 20px;
}
.firstCellGroup .longCell{
margin-left: 30px;
text-transform: uppercase;
}
.longCell .availableLength {
font-size: 10px;
font-family: 'garamondsemibold';
}
.rowUnity .secondCellGroup{
float: right;
width: 27%;
overflow: hidden;
}
.secondCellGroup .cellUnity {
float: left;
}
.cellUnity .innerCellUnity{
float: left;
margin-right: 15px;
}
.cellUnity .innerCellUnity:last-of-type{
margin-right: 0;
}
.innerCellUnity .icon{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: 5px;
}
.innerCellUnity.rule .icon{
background-image: url(../ASSETS/iconNew/Metros.png);
}
.innerCellUnity.bed .icon{
background-image: url(../ASSETS/iconNew/Habitaciones.png);
}
.innerCellUnity.bath .icon{
background-image: url(../ASSETS/iconNew/Baños.png);
}
.innerCellUnity .infoIcon {
display: inline-block;
vertical-align: middle;
}
.infoIcon span{
font-size: 10px;
vertical-align: top;
}
.secondCellGroup .lastCell {
float: right;
}
.lastCell a,
.lastCell .seeFloorplan {
font-family: 'Roboto-Medium';
color: #72D0F6;
vertical-align: middle;
cursor: pointer;
letter-spacing: 2px;
}
.lastCell .arrowBtn {
background-image: url(../ASSETS/iconNew/Flecha-2.png);
width: 20px;
height: 20px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.rowUnity.selected .lastCell .arrowBtn{
transform: rotateX(180deg);
}
.rowUnity .hiddenUnityBoard{
width: calc(100% - 40px);
margin: 0 auto;
overflow: hidden;
opacity: 0;
max-height: 0;
transition: all 25s;
-webkit-transition: all .25s;
}
.rowUnity.selected .hiddenUnityBoard {
max-height: 600px;
margin-top: 20px;
opacity: 1;
border-top: 3px solid #fff;
transition: all .25s;
}
.hiddenUnityBoard .innerRowUnity{
border-bottom: 2px solid #fff;
float: left;
width: 100%;
height: 0;
transition: all .25s;
-webkit-transition: all .25s;
}
.rowUnity.selected .hiddenUnityBoard .innerRowUnity{
padding: 15px 0;
height: auto;
transition: all .25s;
}
.innerRowUnity .leftSec{
float: left;
width: 80%;
}
.leftSec .floor {
font-size: 14px;
}
.innerRowUnity .rightSec{
float: right;
width: 20%;
}
.rightSec .floorPrice {
float: left;
font-size: 14px;
}
.rightSec .calcValues {
float: right;
cursor: pointer;
text-align-last: left;
font-size: 14px;
}
#popUpCalc {
padding: 70px 0;
position: fixed;
height: 80%;
width: 90%;
left: 5%;
top: -100%;
background-color: #fff;
z-index: 150;
overflow: auto;
}
#popUpCalc::-webkit-scrollbar{
display: none;
}
#popUpCalc.active{
top: 10%;
}
#popUpCalc #closePopUpCalc {
width: 40px;
height: 40px;
position: absolute;
top: 20px;
right: 20px;
background-image: url(../ASSETS/ICONOS/close-blue.png);
cursor: pointer;
}
#popUpCalc .containerSlider {
overflow: hidden;
height: 100%;
}
.containerSlider .valuesSlider {
float: left;
width: 50%;
height: 100%;
overflow-y: auto;
}
.containerSlider .valuesSlider::-webkit-scrollbar{
background-color: #fff;
border-radius: 20px;
width: 7px;
}
.containerSlider .valuesSlider::-webkit-scrollbar-thumb{
border-radius: 50px;
background-color: #2C2E83;
}
.interestRate .headerSlider {
border-bottom: 3px solid #f6f6f6;
padding-bottom: 5px;
}
.fee .headerSlider .titleValue {
color: #E42621;
}
.fee .headerSlider .numberValueText{
font-family: 'garamondbold';
color: #E42621;
}
.fee .headerSlider .approximateFeeText{
clear: both;
font-size: 10px;
border-top: 3px solid #f6f6f6;
margin-top: 5px;
padding-top: 5px;
}
.valuesSlider .valueSlider{
width: 100%;
margin-bottom: 40px;
padding: 0 20px;
}
.valueSlider .headerSlider {
width: 100%;
overflow: hidden;
padding: 10px 0;
}
.headerSlider .titleValue {
font-family: 'garamondbold';
float: left;
}
.headerSlider .valueNumber {
float: right;
margin-top: 5px;
}
.numberValueText span{
background-color: #f6f6f6;
padding: 5px 15px;
}
.singleRange {
width: 100%;
height: 2px;
margin: 10px 0;
background-color: #2C2E83;
}
.containerSlider .graphicValue {
float: right;
width: 50%;
}
.graphicValue .innerGraphicValues {
width: 80%;
min-height: 300px;
float: right;
}
.ct-label{
color: #2C2E83;
}
.ct-grid{
stroke-dasharray: 0px;
}
.ct-grid:first-of-type{
stroke: #2C2E83;
stroke-width: 3px;
}
line.ct-vertical:first-of-type{
stroke: #2C2E83;
stroke-width: 3px;
}
.ct-point{
stroke-linecap: square;
}
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut{
stroke: #E42621;
}
#buildingFeatures {
text-align: center;
}
.containerBuildingFeatures .title {
font-size: 50px;
letter-spacing: 1px;
font-family: 'Roboto-Light';
}
.containerBuildingFeatures .subtitle {
font-size: 50px;
margin: 20px 0;
font-family: 'Roboto-Light';
}
.containerBuildingFeatures .keys {
width: 50px;
height: 50px;
}
.bodyBuildingFeatures {
width: 100%;
overflow: hidden;
text-align: left;
margin-top: 50px;
text-align: center;
}
.iconFeatures {
display: inline-block;
vertical-align: top;
width: 17%;
margin: 20px 1.3%;
text-align: center;
position: relative;
bottom: -50px;
opacity: 0;
-webkit-transition: all .1s ease-in-out 0s;
-o-transition: all .1s ease-in-out 0s;
-moz-transition: all .1s ease-in-out 0s;
transition: all .1s ease-in-out 0s;
}
.reveal.iconFeatures.carcPrinc-1{
-webkit-transition-delay: .0s;
transition-delay: .0s;
}
.reveal.iconFeatures.carcPrinc-2{
-webkit-transition-delay: .25s;
transition-delay: .25s;
}
.reveal.iconFeatures.carcPrinc-3{
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
.reveal.iconFeatures.carcPrinc-4{
-webkit-transition-delay: .65s;
transition-delay: .65s;
}
.reveal.iconFeatures.carcPrinc-5{
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.reveal.iconFeatures{
bottom: 0;
opacity: 1;
-webkit-transition: all 1.3s ease-in-out;
-o-transition: all 1.3s ease-in-out;
-moz-transition: all 1.3s ease-in-out;
transition: all 1.3s ease-in-out;
}
.innerIconFeatures {
width: 85px;
height: 85px;
display: inline-block;
vertical-align: middle;
margin-bottom: 30px;
}
.iconFeatures.porteria .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/porteria.png);
}
.iconFeatures.planta-electrica .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/planta-electrica.png);
}
.iconFeatures.ascensor .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/ascensor.png);
}
.iconFeatures.terraza-comunal .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/terraza.png);
}
.iconFeatures.zona-bbq .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/bbq.png);
}
.iconFeatures.gimnasio .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/gimanasio.png);
}
.iconFeatures.piscina .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/piscina.png);
}
.iconFeatures.jacuzzi .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/jacuzzi.png);
}
.iconFeatures.sauna-turco .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/sauna.png);
}
.iconFeatures.parqueadero-de-visitantes .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/parqueadero.png);
}
.iconFeatures.parque-infantil .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/parque.png);
}
.iconFeatures.salon-de-juegos .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/salon-juegos.png);
}
.iconFeatures.teatrino-cinema .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/cinema.png);
}
.iconFeatures.salon-de-reuniones .innerIconFeatures{
background-image: url(../ASSETS/ICONOS/salon-reuniones.png);
}
.featureText {
border-top: 1px solid #72D0F6;
padding: 20px 0;
font-family: 'Roboto-Medium';
font-size: 17px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
}
.sliderTeam .serviceBox {
position: relative;
}
.serviceBox:hover .seeSeller {
display: none;
}
.serviceBox .infoSeller{
opacity: 0;
text-align: center;
padding: 70px 20px 20px;
background-color: rgba(255,255,255,.7);
position: absolute;
width: 100%;
height: 100%;
visibility: hidden;
}
.infoSeller .subtitle {
font-size: 25px;
}
.infoSeller .title {
font-size: 23px;
margin: 20px 0 10px;
}
.infoSeller .horizontalKey{
width: 20px;
height: 20px;
margin: 10px 0;
}
.infoSeller .numberSeller{
font-size: 17px;
margin: 15px 0;
}
.infoSeller .emailSeller{
font-size: 15px;
}
.serviceBox:hover .infoSeller {
opacity: 1;
visibility: visible;
width: 100%;
}
.sliderTeam .team1 {
background-image: url(../ASSETS/IMAGENES/05_EQUIPO-1.jpg);
}
.sliderTeam .team2 {
background-image: url(../ASSETS/IMAGENES/06_EQUIPO-2.jpg);
}
.sliderTeam .team3 {
background-image: url(../ASSETS/IMAGENES/07_EQUIPO-3.jpg);
}
.sliderTeam .team4 {
background-image: url(../ASSETS/IMAGENES/08_EQUIPO-4.jpg);
}
.sliderTeam .team5 {
background-image: url(../ASSETS/IMAGENES/09_EQUIPO-5.jpg);
}
.sliderTeam .team6 {
background-image: url(../ASSETS/IMAGENES/10_EQUIPO-6.jpg);
}
.headerContainer .title {
font-size: 70px;
text-align: center;
}
.headerContainer .title span{
display: block;
}
.headerContainer .keys {
display: block;
margin: 0 auto;
width: 50px;
height: 50px;
margin-top: 20px;
}
.inVlog .blogBoxes {
margin-top: 50px;
}
.inVlog .blogBoxes .toDetailVlog{
width: 23%;
margin: 20px .5%;
position: relative;
opacity: 0;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
/* .inVlog .blogBoxes .toDetailVlog:nth-child(1){
-webkit-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
}
.inVlog .blogBoxes .toDetailVlog:nth-child(2){
-webkit-transition: all 1.35s ease-in-out;
transition: all 1.35s ease-in-out;
}
.inVlog .blogBoxes .toDetailVlog:nth-child(3){
-webkit-transition: all 1.5s ease-in-out;
transition: all 1.5s ease-in-out;
}
.inVlog .blogBoxes .toDetailVlog:nth-child(4){
-webkit-transition: all 1.65s ease-in-out;
transition: all 1.65s ease-in-out;
} */
.inVlog.effect .blogBoxes .toDetailVlog{
opacity: 1;
-webkit-transition: all 1.3s ease-in-out;
transition: all 1.3s ease-in-out;
}
.inVlog .blogBoxes .toDetailVlog .sticker{
opacity: 0;
width: 0;
padding: 10px 0;
overflow: hidden;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.inVlog.effect .blogBoxes .toDetailVlog .sticker {
opacity: 1;
width: auto;
padding: 10px 20px;
-webkit-transition: all 1.3s ease-in-out .0s,
width 1.3s ease-in-out .25s,
padding 1.3s ease-in-out .35s;
transition: all 1.3s ease-in-out .0s,
width 1.3s ease-in-out .25s,
padding 1.3s ease-in-out .35s;
}
/* =================== Deatil Unity Page ============================= */
.backImage.unityHeader{
background-image: url(../ASSETS/IMAGENES/15_UNIDAD-DETALLE-1.jpg);
}
.slideUnity .innerImgProject .isVideo{
display: none;
}
.slideUnity .innerImgProject.videoElement .isVideo,
.innerImgProject.videoElement .isVideo{
background-image: url(../ASSETS/iconNew/play-blanco.png);
display: block;
width: 70px;
height: 70px;
position: absolute;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
left: 50%;
margin-left: -35px;
top: 50%;
margin-top: -35px;
cursor: pointer;
z-index: 7;
}
.innerImgProject.videoElement.remodelingPlay .isVideo{
width: 50px;
height: 50px;
margin: 0;
transform: translate(-50%, -50%);
}
.prices .calcQuote{
width: 100%;
cursor: pointer;
font-family: 'garamondbold';
color: #E42621;
display: inline-block;
font-size: 18px;
vertical-align: middle;
/* margin-left: 30px;*/
margin-top: 0;
}
.prices .redArrowRight {
background-image: url(../ASSETS/ICONOS/arrow-red.png);
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
cursor: pointer;
transform: rotateZ(90deg);
margin-top: 0;
}
.tax {
display: inline-block;
margin-bottom: 20px;
}
.propertyTax {
margin-left: 55px;
}
/* ========================Remodeling Page================ */
.backImage.remodelingHeader {
background-image: url(../ASSETS/IMAGENES/23_REMODELACIONES-1.jpg);
}
.repeatHeader {
text-align: center;
width: 100%;
}
.repeatHeader .title {
font-size: 70px;
}
.repeatHeader .subtitle {
font-size: 20px;
text-transform: uppercase;
margin: 10px 0;
}
.repeatHeader .keys {
width: 50px;
height: 50px;
}
.remodelingServicesBody {
width: 100%;
text-align: center;
margin-top: 25px;
overflow: hidden;
}
.remodelingServicesBody .btn {
width: 31%;
margin: 0 1%;
border: 2px solid #2C2E83;
font-family: 'garamondregular';
opacity: 0;
bottom: -30px;
position: relative;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.remodelingServices.effect .remodelingServicesBody .btn{
opacity: 1;
bottom: 0;
-webkit-transition: all 1.5s ease-in-out .4s,
background .25s ease,
color .25s ease;
transition: all 1.5s ease-in-out .4s,
background .25s ease,
color .25s ease;
}
.bigSlider{
position: relative;
overflow: hidden;
left: -100%;
margin-top: 30px;
}
.innerRemodelingSlider{
float: left;
overflow: hidden;
}
.remodelingServicesBody .videoBox{
width: 80%;
margin: auto;
overflow: hidden;
margin: 40px auto;
}
.videoBox .innerVideo {
width: 22%;
display: inline-block;
vertical-align: middle;
height: 120px;
position: relative;
bottom: -30px;
opacity: 0;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.remodelingServices.effect .videoBox .innerVideo{
bottom: 0;
opacity: 1;
-webkit-transition: all 1.3s ease-in-out .25s;
transition: all 1.3s ease-in-out .25s;
}
.videoBox .innerVideo:after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,.7);
}
.innerVideo .play{
position: absolute;
width: 50px;
height: 50px;
cursor: pointer;
opacity: 0;
top: 50%;
left: 15%;
transform: translate(-50%, -50%) scale(0);
background-image: url(../ASSETS/ICONOS/video.png);
z-index: 10;
-webkit-transition: all 1.7s ease-in-out;
transition: all 1.7s ease-in-out;
}
.remodelingServices.effect .innerVideo .play{
opacity: 1;
left: 50%;
transform: translate(-50%, -50%) scale(1);
}
.videoBox .infoVideo {
position: relative;
display: inline-block;
vertical-align: middle;
width: 75%;
text-align: left;
margin-left: 2%;
font-size: 18px;
line-height: 2;
bottom: -30px;
opacity: 0;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.remodelingServices.effect .videoBox .infoVideo{
opacity: 1;
bottom: 0;
-webkit-transition: all 1.5s ease-in-out .45s;
transition: all 1.5s ease-in-out .45s;
}
.previewRemodeling {
position: relative;
display: block;
width: 100%;
opacity: 0;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.remodelingServices.effect .remodelingServicesBody .previewRemodeling{
opacity: 1;
-webkit-transition: all 1.3s ease-in-out .65s;
transition: all 1.3s ease-in-out .65s;
}
.beforeAfter{
height: 500px;
}
.beforeAfter.active{
display: block;
}
.sliderTwenty{
overflow: hidden;
position: relative;
left: 0;
transition: all .25s;
}
.innerSliderTwenty{
float: left;
opacity: 1;
transition: all .05s;
}
.innerSliderTwenty.opacity{
opacity: 0;
}
.beforeAfter img{
width: 100%;
max-width: 100%;
/* object-fit: fill;
height: 100%; */
}
.previewRemodeling .textPreview {
width: 100%;
overflow: hidden;
position: relative;
}
.textPreview .arrowBeforeAfter {
background-image: url(../ASSETS/ICONOS/arrow-red.png);
position: absolute;
top: 5px;
right: 5px;
height: 25px;
width: 25px;
transform: rotateZ(180deg);
display: none;
cursor: pointer;
z-index: 50;
}
.textPreview .outerTextPreview {
background-color: #2C2E83;
float: left;
width: 25%;
padding: 15px 0;
border-right: 1px solid #fff;
-webkit-transition: all .25s ease-in;
transition: all .25s ease-in;
}
.textPreview.threeChild .outerTextPreview {
width: 33.333%;
}
.textPreview .outerTextPreview:hover{
background-color: #E42621;
cursor: pointer;
}
.textPreview .outerTextPreview.active{
background-color: #E42621;
}
.textPreview .outerTextPreview:last-of-type{
border-right: none;
}
.outerTextPreview .innerTextPreview {
color: #fff;
font-size: 15px;
}
/* ====================== Sellers Lessors page ============================== */
.headerContainer.sellersLessors .subtitle{
color: #111111;
font-family: 'Roboto-Bold';
}
.videoText {
text-align: center;
}
.videoText .subtitle {
font-size: 30px;
margin: auto;
}
.videoText .arrow-right{
margin: 20px auto;
}
.videoText .infoTextVideo{
line-height: 1.3;
font-size: 20px;
bottom: -30px;
position: relative;
opacity: 0;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.videoText.effect .infoTextVideo{
-webkit-transition: all 1.5s ease-in-out .55s;
transition: all 1.5s ease-in-out .55s;
bottom: 0;
opacity: 1;
}
.videoText .innerVideo {
width: 40%;
height: 300px;
position: relative;
margin: 30px auto 0;
background-image: url(../ASSETS/IMAGENES/header-2.jpg);
position: relative;
opacity: 0;
-webkit-transition: all .1s ease-in-out 0s;
transition: all .1s ease-in-out 0s;
}
.videoText.effect .innerVideo{
opacity: 1;
-webkit-transition: all 1.75s ease-in-out .85s;
transition: all 1.75s ease-in-out .85s;
}
.innerVideo .bgWh {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
background-color: rgba(255,255,255,.5);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.sectionContainer .servicesList {
width: 30%;
display: inline-block;
vertical-align: top;
margin: 75px 0;
position: relative;
/* left: -30px;
opacity: 0; */
/* -webkit-transition: all 1.15s ease-in-out;
transition: all 1.15s ease-in-out; */
}
/* .sectionContainer.effect .servicesList{
left: 0;
opacity: 1;
} */
.servicesList .ulServices {
width: 100%;
}
.ulServices .liServices {
width: 100%;
border: 1px solid #111111;
cursor: pointer;
text-align: center;
color: #fff;
margin: 0px 0 10px;
padding: 0 20px;
position: relative;
height: 60px;
display: table;
bottom: -30px;
opacity: 0;
-webkit-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.ulServices .liServices.reveal {
-webkit-transition: all 1.15s ease-in-out,
background .25s ease-in-out,
border .25s ease-in-out;
transition: all 1.15s ease-in-out,
background .25s ease-in-out,
border .25s ease-in-out;
bottom: 0;
opacity: 1;
}
.liServices.active {
background-color: #111111;
border: none;
}
.liServices .innerLiServices {
font-family: 'Roboto-Black';
text-align: center;
font-size: 16px;
display: table-cell;
vertical-align: middle;
}
.liServices.active .innerLiServices{
color: #fff;
}
.innerLiServices span{
display: block;
margin-top: 5px;
}
.liServices.active .innerLiServices span {
color: #fff;
}
/*
.liServices .rightLine {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -15px;
width: 30px;
height: 1.5px;
background-color: #E42621;
display: none;
}
.liServices.active .rightLine {
display: block;
}
*/
.infoServicesContainer{
width: 65%;
padding: 0 5%;
display: inline-block;
position: relative;
margin: 60px 0;
position: relative;
opacity: 0;
bottom: -30px;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.subtitle.forSale{
font-family: 'Roboto-Bold';
text-transform: uppercase;
}
.unityContainer .cellUnity .subtitle{
font-family: 'Roboto-Bold';
}
.sectionContainer.effect .infoServicesContainer{
bottom: 0;
opacity: 1;
-webkit-transition: all 1.3s ease-in-out;
transition: all 1.3s ease-in-out;
}
.infoServicesContainer .infoImgService{
background-color: #f6f6f6;
border-left: 3px solid #72D0F6;
padding: 40px;
float: left;
position: absolute;
top: -35px;
}
.infoImgService.mobile{
display: none;
}
.infoImgService .imgService {
background-image: url(../ASSETS/IMAGENES/28_SERVICIOS-3.jpg);
width: 200px;
height: 200px;
float: left;
margin-top: -70px;
margin-right: 50px;
}
.imgService.builders {
background-image: url(../ASSETS/IMAGENES/29_SERVICIOS-4.jpg);
}
.infoImgService .infoService {
color: #111111;
line-height: 1.5;
float: right;
width: calc(100% - 250px);
font-size: 18px;
}
/* ================== Builders Page ========================= */
.backImage.buildersHeader {
background-image: url(../ASSETS/IMAGENES/26_SERVICIOS-1.jpg);
}
/* ================== Buyers Page ================== */
.backImage.buyersHeader {
background-image: url(../ASSETS/IMAGENES/27_SERVICIOS-2.jpg);
}
/* ================ About Us page ========================== */
.backImage.aboutUsHeader {
background-image: url(../ASSETS/IMAGENES/19_NOSOTROS-1.jpg);
}
.smallHeader {
width: 50%;
margin: 0 auto;
text-align: center;
}
.smallHeader .title {
font-size: 70px;
margin-bottom: 20px;
}
.smallHeader .keys {
width: 50px;
height: 50px;
}
/* .teamMember {
opacity: 0;
transform: scaleX(1.2);
transform-origin: right;
} */
/* .team.effect .teamMember {
opacity: 1;
transform: scaleX(1);
} */
/* .teamMember:nth-child(1){
transition-delay: .25s;
}
.teamMember:nth-child(2){
transition-delay: .45s;
}
.teamMember:nth-child(3){
transition-delay: .65s;
}
.teamMember:nth-child(4){
transition-delay: .25s;
}
.teamMember:nth-child(5){
transition-delay: .45s;
}
.teamMember:nth-child(6){
transition-delay: .65s;
} */
.teamMember{
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.teamMember:hover .seeMember {
opacity: 0;
}
.teamMember .hideInfoTeam {
padding: 10px 0;
}
.hideInfoTeam .projectNameInner{
margin-bottom: 20px;
}
.hideInfoTeam .horizontalKey {
margin: 5px 0 15px;
}
.hideInfoTeam .btn {
margin-top: 77px;
color: #111111;
}
.hideInfoTeam .btn span{
color: #111111;
}
#popUpTeamMembers {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 150;
overflow: hidden;
display: none;
}
#popUpTeamMembers.open{
display: block;
}
#popUpTeamMembers .closeTeamMembers{
position: absolute;
top: 20px;
right: 15px;
background-image: url(../ASSETS/iconNew/Cerrar-2.png);
width: 40px;
height: 40px;
cursor: pointer;
z-index: 50;
}
#popUpTeamMembers.open .closeTeamMembers{
position: fixed;
}
.arrowCircle.team {
opacity: 1;
right: 15px;
z-index: 50;
}
#prevMember {
right: initial;
left: 15px;
transform: translateY(-50%) rotateZ(-180deg);
}
#sliderMembers {
position: relative;
left: 0;
width: 100%;
height: 100%;
}
.imgInfoMemberContainer {
width: 100%;
height: 100%;
float: left;
}
.imgInfoMemberContainer.member1 .asideImgMember{
background-image: url(../ASSETS/IMAGENES/05_EQUIPO-1.jpg);
}
.imgInfoMemberContainer.member2 .asideImgMember{
background-image: url(../ASSETS/IMAGENES/06_EQUIPO-2.jpg);
}
.imgInfoMemberContainer.member3 .asideImgMember{
background-image: url(../ASSETS/IMAGENES/07_EQUIPO-3.jpg);
}
.imgInfoMemberContainer.member4 .asideImgMember{
background-image: url(../ASSETS/IMAGENES/08_EQUIPO-4.jpg);
}
.imgInfoMemberContainer.member5 .asideImgMember{
background-image: url(../ASSETS/IMAGENES/09_EQUIPO-5.jpg);
}
.imgInfoMemberContainer.member6 .asideImgMember{
background-image: url(../ASSETS/IMAGENES/10_EQUIPO-6.jpg);
}
.imgInfoMemberContainer .asideImgMember{
float: left;
width: 50%;
height: 100%;
}
.imgInfoMemberContainer .infoMember {
float: right;
width: 50%;
height: 100%;
display: table;
padding: 0 100px;
}
.infoMember .innerInfoMember {
display: table-cell;
vertical-align: middle;
}
.innerInfoMember .subtitle {
font-size: 35px;
line-height: 1;
margin-bottom: 20px;
font-family: 'Roboto-Bold';
}
.subtitle span{
display: block;
}
.innerInfoMember .title {
font-size: 30px;
margin-bottom: 40px;
}
.innerInfoMember p {
font-size: 20px;
}
.innerInfoMember .memberEmail {
margin: 15px 0 0;
}
.innerInfoMember .horizontalKey {
width: 50px;
margin: 20px 0;
opacity: 1;
bottom: 0;
}
.innerInfoMember .aboutMember {
line-height: 1.5;
}
.projectImg.aboutUsImg{
background-image: url(../ASSETS/IMAGENES/21_NOSOTROS-3.jpg);
}
.hideClick {
height: 100%;
width: 100%;
position: absolute;
top: 0;
/* background-color: rgba(0,0,0,0.2);*/
}
/* ========================Slider Range================ */
.ui-widget.ui-widget-content{
border-right: 1px solid #2C2E83;
}
.ui-slider .ui-slider-range{
border: 1px solid #E42621;
top: -1px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
border: none;
background: #E42621;
font-weight: initial;
width: 10px;
height: 10px;
outline: none;
border-radius: 0;
}
.ui-slider-horizontal .ui-slider-handle{
top: -50%;
transform: translateY(-50%);
}
.contShareFix {
position: fixed;
bottom: 30px;
right: 20px;
height: 40px;
width: 40px;
z-index: 100;
}
.contShareFix .infoShareImg {
background-image: url(../ASSETS/IMAGENES/icon-share.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 45px;
width: 45px;
position: absolute;
z-index: 100;
cursor: pointer;
}
.contShareFix.active .infoShareImg {
background-image: url(../ASSETS/IMAGENES/close-share.png);
}
.contShareFix a {
height: 45px;
width: 45px;
display: inline-block;
position: absolute;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.contShareFix.active a {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.contShareFix.active a.iconFa {
transform: translate(-60px,0);
-webkit-transform: translate(-60px,0);
-o-transform: translate(-60px,0);
-moz-transform: translate(-60px,0);
}
.contShareFix.active a.iconTwit {
transform: translate(-115px,0);
-webkit-transform: translate(-115px,0);
-o-transform: translate(-115px,0);
-moz-transform: translate(-115px,0);
}
.contShareFix.active a.iconWatsapp {
transform: translate(-115px,0);
-webkit-transform: translate(-115px,0);
-o-transform: translate(-115px,0);
-moz-transform: translate(-115px,0);
/*
transform: translate(-170px,0);
-webkit-transform: translate(-170px,0);
-o-transform: translate(-170px,0);
-moz-transform: translate(-170px,0);
*/
}
.outer {
display: table;
height: 100%;
width: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.uniText{
display: inline-block;
}
.floor.uniText{
margin-right: 30px;
}
.contactPreload.preloadInmuebles {
position: relative;
margin-top: 50px;
display: none;
}
.btn.sendForm.hiden {
display: none;
}
.contactPreload.preloadInmuebles.active {
display: block;
}
.contImgContact{
float: left;
width: 50%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-color: #fff;
}
.contInfo,
.contInfoMobile{
width: 50%;
padding: 15px 65px;
/* background-color: #fff; */
position: absolute;
/* left: 10%; */
bottom: 50px;
text-align: center;
}
/*Filter Styles*/
.innerlistFilter {
float: left;
position: relative;
padding: 0px 5px;
font-family: 'Roboto-Bold';
color: #111111;
margin-left: -2px;
border-left: 2px solid #72D0F6;
border-right: 2px solid #72D0F6;
}
.contMasFiltros {
float: left;
text-align: center;
padding: 6px 70px;
cursor: pointer;
}
.contMasFiltros p {
font-family: 'Roboto-Bold';
}
#contSearchID{
padding: 0;
}
.contentFilter .innerlistFilter{
border: none;
}
.filterBy .innerlistFilter {
width: 100%;
}
.filterBy .innerlistFilter .textHabit {
width: 100%;
}
.filterBy .innerlistFilter .textPrecio {
width: 100%;
}
.filterBy .innerlistFilter .textArea {
width: 100%;
}
.filterBy .innerlistFilter .textFecha {
width: 100%;
}
.innerlistFilterOther {
width: 100%;
}
.innerlistFilter .arrowFilter {
position: relative;
padding: 5px 0;
cursor: pointer;
z-index: 10;
background-color: #fff;
}
#contTypeID .innerlistFilter .arrowFilter {
padding-right: 20px;
}
.innerlistFilter .listSearchActived {
position: relative;
padding: 5px 0;
cursor: pointer;
z-index: 10;
background-color: #fff;
}
.innerlistFilter span {
height: 15px;
width: 15px;
display: block;
position: absolute;
right: 5px;
top: 5px;
background-image: url(../ASSETS/iconNew/Flecha-2.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.innerlistFilter .open span {
transform: rotate(180deg);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.contOptInnerList,
.contOptInnerListSearch {
position: absolute;
overflow: hidden;
width: calc(100% + 4px);
height: 0;
top: 0;
left: -2px;
z-index: 5;
border: 0px solid #72D0F6;
background-color: #fff;
font-family: 'Roboto-Light';
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.innerlistFilter.open .contOptInnerList,
.innerlistFilter.open .contOptInnerListSearch {
border: 2px solid #72D0F6;
border-top: none;
height: 100px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.innerlistFilter.open .contOptInnerListSearch {
height: 240px;
overflow: auto;
}
.contDispoFilter.innerlistFilter {
border: none;
}
.contOptInnerList .firstInnerList,
.contOptInnerListSearch .firstInnerList {
margin-top: 35px;
}
.dispCompra,
.dispArriendo {
float: left;
padding: 5px;
font-size: 14px;
border: 2px solid #72D0F6;
box-sizing: border-box;
position: relative;
cursor: pointer;
}
.dispCompra p,
.dispArriendo p {
z-index: 1;
position: relative;
}
.dispCompra::before,
.dispArriendo::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #72D0F6;
z-index: 0;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.dispCompra::before {
right: 0;
left: auto;
}
.dispArriendo {
margin-left: -2px;
}
.dispCompra.active::before,
.dispArriendo.active::before {
width: 100%;
}
.listSearchActived {
width: 230px;
height: 28px;
position: relative;
}
.innerlistFilter .textPrecio {
width: 150px;
}
.innerlistFilter .textArea {
width: 130px;
}
.innerlistFilter .textHabit {
width: 140px;
}
.innerlistFilter .textFecha {
width: 180px;
}
.contImput {
position: relative;
width: 100%;
height: 35px;
padding: 0 10px 10px 10px;
}
.contCheckOpt.contImput {
height: 30px;
}
.contCheckOpt.contImput.active {
height: 0;
overflow: hidden;
padding: 0;
}
.contImput input,
.contImput .selectInput {
width: 100%;
height: 100%;
text-align: center;
border: 2px solid #72D0F6;
outline: none;
font-family: 'Roboto-Bold';
}
.contPrecio input {
width: 70%;
float: left;
position: absolute;
height: 0;
left: 0;
overflow: hidden;
border: none;
padding: 0;
margin: 0;
}
.maskPrice,
.maskArea {
width: 70%;
position: relative;
float: left;
height: 25px;
border: 2px solid #72D0F6;
text-align: center;
padding: 4px;
font-size: 12px;
cursor: text;
overflow: hidden;
}
.maskPrice.placeholder,
.maskArea.placeholder {
color: #ccc;
}
.maskArea {
width: calc(100% - 25px);
float: left;
}
.valPrice {
width: 10%;
float: left;
margin-top: 6px;
font-size: 12px;
}
.contPrecio .monPrice {
width: 20%;
float: left;
text-align: center;
margin-top: 7px;
font-size: 11px;
}
.contArea input {
width: calc(100% - 25px);
float: left;
position: absolute;
height: 0;
overflow: hidden;
padding: 0;
border: none;
}
.areaFormat {
width: 25px;
float: left;
position: relative;
text-align: center;
margin-top: 4px;
}
.areaFormat span {
background-image: url(style.css);
height: 5px;
width: 5px;
display: inline-block;
font-size: 11px;
right: 0;
top: 0;
}
.contImput input[type="checkbox"],
.contentFilter input[type="checkbox"] {
width: 15px;
height: 15px;
border: 2px solid #72D0F6;
float: right;
margin: 0;
}
.contImput input[type="checkbox"]:checked:before,
.contentFilter input[type="checkbox"]:checked:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #72D0F6;
transform: none;
}
.contImput .textCheckOpt{
font-size: 13px;
float: left;
}
.contImput .selectInput {
padding-top: 5px;
font-size: 12px;
cursor: pointer;
position: relative;
}
.contImput .selectInput p {
position: relative;
z-index: 5;
}
.contImput .selectInput::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #72D0F6;
z-index: 0;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.contImput .selectInput.active::before {
width: 100%;
}
.contImput input::placeholder {
color: #cecece;
}
.clearFilters {
width: 50%;
float: left;
padding: 10px 20px;
font-family: 'Roboto-Bold';
font-size: 15px;
cursor: pointer;
}
.filters .filterBy {
display: inline-block;
width: 45%;
vertical-align: middle;
margin: 0px 2%;
}
.bgBlurOption {
display: none;
}
.contFilterOther {
padding: 10px 0;
border-bottom: 2px solid #72D0F6;
position: relative;
}
.contFilterOther.firstFilter {
z-index: 60;
}
.contFilterOther.secondFilter {
z-index: 50;
}
.contFilterOther.thirdFilter {
z-index: 40;
}
.contFilterOther.fourthFilter {
z-index: 30;
}
.contAliadosOption {
overflow: hidden;
width: 43%;
}
.selectAliados {
padding: 0 15px;
float: left;
}
.contAliadosOption input[type="checkbox"] {
float: right;
}
section.filters.section.aliados {
margin: 20px 0;
position: relative;
}
section.radioCheck.section {
padding: 20px 0;
margin-bottom: 20px;
border-bottom: 2px solid #72D0F6;
}
.contentFilter .titleSection {
font-family: 'Roboto-Bold';
margin-bottom: 10px;
padding: 0 3%;
}
.listSearchActived input {
border: none;
outline: none;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
padding: 0 10px;
}
.inputSearchFilter {
margin: 40px 10px 18px;
width: calc(100% - 20px);
border: 2px solid #72D0F6;
outline: none;
height: 30px;
}
.popUpFooter {
display: none;
position: fixed;
height: 100%;
width: 100%;
z-index: 230;
top: 0;
left: 0;
}
.popUpFooter.active {
display: block;
}
.contentAllPop {
position: relative;
width: 700px;
background-color: #fff;
padding: 20px;
box-sizing: border-box;
margin: auto;
}
.titlePopUP {
font-family: 'Roboto-Regular';
font-size: 40px;
margin-bottom: 20px;
}
.descPopUp {
margin-bottom: 20px;
line-height: 1.4;
}
.btnPopUp {
position: relative;
border: 1px solid #111111;
padding: 10px 15px;
font-size: 16px;
color: #111111;
display: inline-block;
text-align: center;
font-family: 'Roboto-Medium';
cursor: pointer;
}
.btnPopUp span{
z-index: 10;
position: relative;
}
.btnPopUp:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
/* background: #111111; */
background: #72D0F6;
z-index: 0;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.btnPopUp:hover:after {
width: 100%;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.closePopUP {
position: absolute;
height: 30px;
width: 30px;
z-index: 1;
top: 20px;
right: 20px;
background-image: url(../ASSETS/iconNew/Cerrar-3.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
}
.bgPopUpClose {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.contMobileDispo {
display: none;
}
/*
.outer{
width: 100%;
height: 100%;
display: table;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.middle {
display: table-cell;
vertical-align: middle;
}
*/
/* ============== Responsive ======================== */
.contItemParent {
position: relative;
height: 30px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.contCheckOpt.contImput.parentItem {
background-color: #fff;
}
.contCheckOpt.contImput.parentItem .arrowimage {
background-image: url(../ASSETS/iconNew/Flecha-2.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 14px;
width: 20px;
position: absolute;
left: 5px;
top: 0;
transform: rotate(-90deg);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.contCheckOpt.contImput.parentItem.open .arrowimage {
transform: rotate(0);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.contItemParent.only .contCheckOpt.contImput.parentItem .arrowimage,
.contItemParent.only .contCheckOpt.contImput.parentItem.open .arrowimage{
opacity: 0;
}
.contItemsChild {
width: 90%;
position: absolute;
right: 0;
top: 0;
margin-top: 30px;
height: 0;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.contItemParent .contImput{
padding: 0px 10px 10px 30px;
}
.contItemParent .contImput.hidden {
display: none!important;
}
p.nameSecCat {
display: inline-block;
width: 70%;
}
div.marker{
display: none;
}
.contactPopUp{
width: 100%;
height: 100%;
}
.contPolitic{
width: 100%;
height: 100%;
position: relative;
padding: 140px 60px 80px;
box-sizing: border-box;
display: inline-block;
font-size: 18px;
line-height: 2;
}
.divConRemod{
width: 100%;
height: auto;
}
.containerBox.subscribe{
width: 100%;
text-align: center;
}
div#heroSection.listing {
height: 70vh !important;
}
.gm-style img{
max-width: 100%!important;
}
.errMessage{
color: #111111;
text-align: center;
}
.popupMap {
margin-top: 0;
margin-bottom: 0;
}
.btnCell{
position: relative;
padding: 10px 15px;
font-size: 14px;
background-color: #111111;
display: inline-block;
margin: 0 10px;
text-align: center;
border: 1px solid #111111;
font-family: 'Roboto-Medium';
text-transform: uppercase;
letter-spacing: 2px;
}
.btnCell a{
color: #fff;
}
.btnCell:hover{
background-color: #72D0F6;
border: 1px solid #111111;
}
.btnCell:hover a{
color: #111111;
}
.contentBlockText .smallText p{
font-size: 20px;
line-height: 1.6;
position: relative;
opacity: 0;
bottom: -30px;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.sectionContainer.effect .contentBlockText .smallText p{
opacity: 1;
bottom: 0;
-webkit-transition: all 1.25s ease-in-out .65s;
transition: all 1.25s ease-in-out .65s;
}
/*Chavi25052021*/
.wyStyle strong{
font-family: 'garamondbold'!important;
}
.wyStyle em{
font-family: 'garamondItalic'!important;
}
.wyStyle ul,
.wyStyle ol{
text-align: left;
padding: 0 0 0 20px;
}
.wyStyle ul li{
list-style:circle!important;
text-align: left!important;
}
.wyStyle ol li{
list-style:decimal!important;
text-align: left!important;
}
.wyStyle a{
font-family: 'garamondextrabold'!important;
text-decoration: underline;
}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
right: 0;
}
.gm-style .gm-svpc{
display: none!important;
}
.openMarkCards{
display: block;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 10;
}
.propertie.active .openMarkCards{
display: none;
}
.slick-slider {
touch-action: auto;
-ms-touch-action: auto;
}
.contbtn{
width: 100%;
height: 50px;
margin-top: 20px;
opacity: 0;
top: 30px;
transform: scale(1.2);
position: relative;
-webkit-transition: all 2s cubic-bezier(.27,.45,0,.59) .5s;
transition: all 2s cubic-bezier(.27,.45,0,.59) .5s;
z-index: 1000;
}
#heroSection.reveal .contbtn{
opacity: 1;
top: 0;
transform: scale(1);
}
.btnHomeBanner {
display: inline-block;
height: 90%;
width: 170px;
border: 1px solid #fff;
background-color: rgba(0,0,0,0.3);
margin: 10px 20px;
font-size: 15px;
cursor: pointer;
position: relative;
}
.btnBaner{
color: #fff;
font-family: 'Roboto-Medium';
z-index: 1;
position: relative;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.itemCaract{
float: left;
position: relative;
height: 380px;
width: 45%;
margin: 20px 2.5%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
clip-path: circle(0% at 0% 0%);
-webkit-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.effect .itemCaract {
-webkit-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
clip-path: circle(200% at 0% 0%);
}
.itemCaract.full{
width: 95%;
}
.titleZone{
width: 100%;
text-align: center;
font-family: 'Roboto-Light';
font-size: 50px;
}
.contMenuZone{
width: 100%;
position: relative;
text-align: center;
margin-top: 70px;
}
.optIdeal{
display: inline-block;
margin: 0 30px;
opacity: 0.4;
position: relative;
cursor: pointer;
}
.optIdeal.active{
opacity: 1;
}
.innerOptIdeal{
font-family: 'Roboto-Medium';
text-transform: uppercase;
}
.lineOptIdeal{
margin-top: 20px;
width: 60px;
height: 5px;
display: inline-block;
}
.innerTab.active .lineOptIdeal,
.optIdeal.active .lineOptIdeal{
background-color: #72D0F6;
}
.btnArriendo{
display: inline-block;
height: 90%;
width: 100px;
border: 1px solid #fff;
background-color: rgba(0,0,0,0.3);
margin: 0 5px;
font-size: 11px;
cursor: pointer;
text-align: center;
position: relative;
}
.contBtnItem{
height: 25px;
text-transform: uppercase;
}
.contBtnItem .btnArriendo {
font-size: 9px;
}
.contInfoItem{
position: absolute;
bottom: 20px;
left: 20px;
}
.itemName{
width: 100%;
font-family: 'Roboto-Light';
font-size: 35px;
margin: 0 0 10px 5px;
color: #fff;
}
.opacityItem{
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: rgba(51, 56, 68, 0.4);
}
.zone .container{
overflow: hidden;
}
.contCaract,
.contZone{
overflow: hidden;
float: left;
}
.contAllItems{
position: relative;
overflow: hidden;
float: left;
transition: all 0.4s ease-in-out;
}
.contAllItems.active{
margin-left: -100%;
transition: all 0.4s ease-in-out;
}
.imgContainer .opacityItem{
background-color: rgba(51, 56, 68, 0.2);
}
.developBy{
font-family: 'Roboto-Light';
font-size: 12px;
}
.contAddress, .contWsspCont {
background-color: #fff;
width: 47%;
display: inline-block;
float: left;
padding: 5px 0;
}
.contAddress {
margin-right: 5%;
}
.wsspBtnFloat{
background-image: url(../ASSETS/iconNew/Whatsapp-1.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
z-index: 190;
cursor: pointer;
display: inline-block;
}
.wsspImg{
display: inline-block;
background-image: url(../ASSETS/iconNew/whatsapp.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 30px;
vertical-align: top;
}
.wsspNumText{
display: inline-block;
height: 30px;
/* letter-spacing: 2px;*/
font-family: 'Roboto-Bold';
/* margin-bottom: 10px;*/
padding-top: 8px;
vertical-align: top;
font-size: 15px;
}
.titleAdrs{
font-family: 'Roboto-Bold';
margin-bottom: 10px;
display: inline-block;
}
.itemAdrs{
display: inline-block;
font-family: 'Roboto-Bold';
font-size: 14px;
text-transform: capitalize;
padding: 8px 0;
}
.btnAnmWhite:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #72D0F6;
z-index: 0;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.btnAnmWhite:hover .btnBaner,
.selectGroup#btnFatherFilter .btnAnmWhite:hover span,
.btnAnmWhite:hover a{
color: #111111;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.btnAnmWhite:hover:after {
width: 100%;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.btnAnmWhite:hover #contactIcon{
background-image: url(../ASSETS/iconNew/Contactenos-2.png);
z-index: 1;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.contactFilter #contactBtn.btnAnmWhite.active:hover #textContactBtn,
.contentContactMenu #contactBtnMenu.btnAnmWhite.active:hover #textContactBtn {
color: #111111;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
z-index: 1;
}
.btnSendFormPrj{
padding: 10px 20px;
border: solid 1px #111111;
position: relative;
}
.btnAnmBlack:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
/* background: #111111;*/
background: #72D0F6;
z-index: 0;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.btnAnmBlack:hover .btnBaner{
/* color: #fff;*/
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.btnAnmBlack:hover:after {
width: 100%;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.btnAnmBlack:hover .contactIcon{
background-image: url(../ASSETS/iconNew/Contactenos-1.png);
z-index: 1;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.btnAnmBlack span{
color: #111111;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
z-index: 1;
position: relative;
}
.btnAnmBlack:hover span{
/* color: #fff; */
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
z-index: 1;
}
.contInfoMobile{
display: none;
}
.cluster span{
color: #ffffff!important;
}
.btnMasApplyMob {
display: none;
}
.playVideoBanner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
}
.gm-style .gm-style-iw-tc::after {
background: #f6f6f6;
}
@media only screen and (max-width: 1600px){
#siteHeader .sideFilter {
width: 40%;
right: -40%;
}
}
@media only screen and (max-width: 1500px){
.selectGroup .btn,
.selectGroup .btnBlue{
font-size: 14px;
}
.arrow-right{
width: 100px;
margin: 25px 0;
}
.keys {
width: 30px;
height: 30px;
}
.contactBox .contactUs {
margin-top: 20px;
/* padding: 10px 30px 10px 20px;*/
}
.contactBox .networks {
margin-top: 20px;
}
.aboutUs .we, .aboutUs .service{
font-size: 20px;
}
.infoPoint .textPoint{
font-size: 16px;
}
.formBox .mainForm{
margin-top: 35px;
}
.mainForm label{
margin-bottom: 5px;
font-size: 12px;
}
.mainForm input, .mainForm select, .mainForm textarea{
font-size: 12px;
height: 40px;
}
/* Cambio 07/05/21 */
/* .mainForm .sendForm{
margin: 30px auto;
} */
/* Fin 07/05/21 */
.sideFilter .closeBox{
padding: 15px 30px;
}
.pictureGroup .horizontalKey{
width: 85px;
}
.propertiesHeader .keys{
width: 50px;
height: 50px;
}
.info .textIcon{
font-size: 14px;
}
.contentAbout .textAbout{
font-size: 20px;
}
.sliderServices .serviceBox{
width: 290px;
}
.arrowCircle{
width: 50px;
height: 50px;
}
.lastLi .lastInner{
padding: 5px 0;
}
.footerBox .subtitle{
font-size: 20px;
}
/* ========== Internal Pages ============== */
/* Zones Page */
.textHeaderZone .livesRichZone{
height: 50px;
width: 300px;
}
.textHeaderZone .keys{
width: 55px;
height: 55px;
}
.curves.curvesBt{
width: 240px;
}
.headerPropertiesZone .title{
font-size: 60px;
}
/* Propertie */
/* Vlog page */
.blogBoxes .toDetailVlog{
height: 550px;
}
.itemCaract{
height: 300px;
}
}
@media only screen and (max-width:1400px){
.contentBlockText .smallText p{
font-size: 18px;
}
.contMasFiltros {
padding: 6px 0px 6px 30px;
}
.innerlistFilter .textFecha {
width: 165px;
}
.innerlistFilter .textHabit {
width: 115px;
}
.innerlistFilter .textArea {
width: 80px;
}
.innerlistFilter .textPrecio {
width: 130px;
}
.listSearchActived {
width: 180px;
}
#topBarVlog {
padding: 0 20px;
}
.contShareFix.active a {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.contShareFix.active a.iconFa {
transform: translate(-45px,0);
-webkit-transform: translate(-45px,0);
-o-transform: translate(-45px,0);
-moz-transform: translate(-45px,0);
}
.contShareFix.active a.iconTwit {
transform: translate(-90px,0);
-webkit-transform: translate(-90px,0);
-o-transform: translate(-90px,0);
-moz-transform: translate(-90px,0);
}
.contShareFix.active a.iconWatsapp {
transform: translate(-90px,0);
-webkit-transform: translate(-90px,0);
-o-transform: translate(-90px,0);
-moz-transform: translate(-90px,0);
/*
transform: translate(-135px,0);
-webkit-transform: translate(-135px,0);
-o-transform: translate(-135px,0);
-moz-transform: translate(-135px,0);
*/
}
.contShareFix{
right: 15px;
}
.contShareFix .infoShareImg {
width: 35px;
height: 35px;
}
.contShareFix a {
width: 35px;
height: 35px;
}
.propertie .imgContainer.searchPropertie{
height: 250px;
}
.contact.active #contactIcon{
width: 25px;
height: 25px;
}
.contentBox .subtitle span{
display: block;
}
.contentBox .arrow-right{
width: 90px;
margin: 15px 0;
}
.contentBox .advisoryText {
font-size: 18px;
}
.infoContent .smallFilter {
font-size: 12px;
width: 230%;
margin-top: 50px;
}
.outerTab .innerTab.active {
transform: scale(1.1);
}
.networks.fixed .net{
width: 30px;
height: 30px;
}
/*
.contentMenu .contentNav{
margin-top: 50px;
}
*/
.mainLi .innerText{
padding: 10px 0;
}
.mainLi .downArrow{
width: 15px;
height: 15px;
}
.contentMenu .contactBox{
margin-top: 27px;
}
.aboutUs .we{
font-size: 16px;
}
.contactBox .contactUs{
margin-top: 5px;
padding: 10px 60px 10px 20px;
font-size: 15px;
}
.contactBox .networks{
margin-top: 20px;
}
.networks .net{
width: 35px;
height: 35px;
}
.map .pointMap{
width: 60px;
height: 60px;
}
.infoPoint .textPoint{
font-size: 12px;
}
.formBox .formHeader {
padding-top: 30px;
}
.formHeader .title{
font-size: 55px;
}
.formBox .mainForm{
margin-top: 25px;
}
.mainForm input, .mainForm select, .mainForm textarea{
margin-bottom: 15px;
height: 35px;
}
.mainForm textarea{
height: 70px;
}
.sideFilter .closeBox{
padding: 10px 30px;
}
.headerFilter .outerTab .innerTab{
font-size: 20px;
}
.contentFilter .bodyFilter{
font-size: 14px;
}
.bodyFilter .section{
padding: 10px 0;
}
.bodyFilter .sendFilter{
margin: 25px auto 0;
font-size: 16px;
}
.infoZone .seeZones {
padding: 10px 30px 10px 20px;
}
.pictureGroup .horizontalKey{
width: 60px;
height: 25px;
}
.articleVlog .seeArticle{
padding: 10px 20px 10px 15px;
font-size: 15px;
margin-bottom: 25px;
}
.propertiesHeader .keys{
width: 40px;
height: 40px;
}
.info .textIcon{
font-size: 14px;
}
.info .textIcon span{
font-size: 6px;
}
.contentAbout .moreAbout{
font-size: 15px;
padding: 10px 20px 10px 15px;
}
.service0 .title{
font-size: 50px;
}
.service0 .keys{
width: 45px;
height: 45px;
}
.service0 .seeServices{
font-size: 15px;
}
.footerBox .subtitle{
font-size: 35px;
}
.subscribe .inputGroup{
height: 40px;
}
.subscribe .inputGroup input[type="email"]{
width: calc(100% - 40px);
}
.subscribe .inputGroup .subscribeBtn{
height: 40px;
width: 40px;
}
.infoLegal .legalText{
font-size: 15px;
}
.legal .copy{
font-size: 15px;
}
.arrowCircle{
width: 35px;
height: 35px;
}
.paperplane a{
font-size: 17px;
}
/* ================ Internal Page ================= */
/* Genreal Zone page */
.contentBlockText .subtitle{
font-size: 24px;
}
.contentBlockText .smallText{
font-size: 18px;
}
.textContainer .subtitle.zones{
font-size: 22px;
}
.textContainer .smallText{
font-size: 16px;
}
.innerTextImgBlock .subtitle{
font-size: 22px;
}
.innerTextImgBlock .smallText{
font-size: 16px;
}
/* Zone page */
.interestLi .interestIcon{
width: 25px;
height: 25px;
}
.interestLi .interestText{
font-size: 16px;
}
.innerInterestLi .textInnerLi{
font-size: 14px;
}
/* Project page */
.hideInfoProject .projectNameInner{
font-size: 24px;
}
.hideInfoProject .horizontalKey {
width: 20px;
height: 18px;
}
.hideInfoProject .btn{
margin-top: 40px;
padding: 10px 0;
}
.projectBox .hideInfoProject {
font-size: 15px;
}
/* Vlog Page */
.articleBox .imgContainer{
height: 72%;
}
.blog .infoArticle{
height: auto;
}
.bigArticleBox .infoArticle.blue .subtitle{
font-size: 28px;
}
.infoArticle .infoAuthor{
margin-top: 12px;
font-size: 12px;
}
.bigArticleBox .infoArticle.blue .infoAuthor{
font-size: 12px;
}
.bigEvent .infoArticle .subtitle{
font-size: 28px;
}
.bigEvent .infoArticle .infoAuthor{
font-size: 12px;
}
.containerBox .bigEvent{
width: 63%;
}
.containerBox .eventList{
width: 35%;
}
.event .sticker {
top: 10px;
left: 10px;
padding: 7px;
}
.event .sticker .stickerText{
font-size: 10px;
}
.event .infoArticle .subtitle{
font-size: 16px;
}
.event .infoArticle .infoAuthor{
font-size: 10px;
}
.eventListBox .btn{
padding: 20px;
}
.blogBoxes .toDetailVlog{
height: 500px;
}
/* Detail Project page */
.asideSlide .expandCircle{
width: 35px;
height: 35px;
top: 10px;
right: 10px;
}
.asideSlide .expandCircle:hover{
width: 45px;
height: 45px;
top: 10px;
right: 10px;
}
.asideSlide .bottomBtn{
padding: 18px 0;
}
.asideDetailInfo .contentAsideDetail{
margin: 30px 0;
}
.headerDetailContent .subtitle{
font-size: 30px;
margin-bottom: 20px;
}
.headerDetailContent .title{
font-size: 25px;
}
.headerDetailContent .horizontalKey{
width: 35px;
}
.contentAsideDetail .bodyDetailContent{
padding: 0;
}
.bodyDetailContent .deliveryDetailText{
font-size: 20px;
}
.bodyDetailContent .prices{
font-size: 20px;
}
.prices .pricesNumbers{
font-size: 31px;
}
.bodyDetailContent .others{
font-size: 13px;
}
.outerIcon .iconImg{
/* width: 25px;*/
height: 50px;
}
.outerIcon .iconInfo{
font-size: 12px;
}
.footerDetail .btn{
font-size: 15px;
}
.shareDetailProject .shareDetailText{
font-size: 16px;
}
.shareDetailProject .shareDetailIcon{
width: 35px;
height: 35px;
}
.modalBox #closeModal{
width: 35px;
height: 35px;
}
.modalBox .arrowCircle.white{
width: 35px;
height: 35px;
}
.rowUnity .firstCellGroup{
width: 50%;
}
.rowUnity .secondCellGroup{
width: 40%;
}
.innerRowUnity .leftSec{
width: 60%;
}
.innerRowUnity .rightSec{
width: 30%;
}
.headerContainer .title {
font-size: 50px;
}
.headerContainer .keys {
width: 35px;
height: 35px;
}
/* Propertie page */
/* remodeling Page */
.repeatHeader .title {
font-size: 50px;
}
.repeatHeader .subtitle {
font-size: 20px;
}
.repeatHeader .keys {
width: 35px;
height: 35px;
}
/* Services for */
.infoImgService .imgService{
width: 150px;
height: 150px;
margin-right: 30px;
}
.infoImgService .infoService{
width: calc(100% - 180px);
font-size: 16px;
}
/*
.logoMenu #closeMenu {
left: -40px;
}
*/
.logoMenu #closeMenu {
/* left: -40px; */
left: 15px;
top: 15px;
margin: 0;
}
.gm-style .gm-style-iw-c .bgImgMapPopUp{
/* margin-left: calc(50% - 75px)!important; */
margin: auto!important;
float: none!important;
}
.gm-style .gm-style-iw-c .containerSpecsPopUp{
margin: auto!important;
float: none!important;
}
.maskArea {
width: 45px;
}
}
@media only screen and (max-width:1200px) {
.selectGroup .btn,
.selectGroup .btnBlue{
font-size: 12px;
}
.selectGroup .filterBy .minMax {
font-size: 7px;
}
#topBarVlog {
padding: 0 5px;
}
#siteHeader .sideFilter {
width: 60%;
right: -60%;
}
}
@media only screen and (max-width:1100px) {
/*
.gm-style .gm-style-iw-c .containerSpecsPopUp{
max-width: 50%!important;
}
*/
.contMasFiltros {
padding: 6px 25px;
}
}
@media only screen and (max-width:1024px) {
.maskArea {
width: calc(100% - 25px);
}
.formBox .closeBtn {
right: 25px;
}
.gm-style .gm-style-iw-c .bgImgMapPopUp{
margin-left: calc(50% - 75px)!important;
}
/*
.gm-style .gm-style-iw-c .containerSpecsPopUp{
max-width: none!important;
width: 100%!important;
margin: 0!important;
}
*/
.sectionContainer.effect .bodyContainer .projectBox.project0,
.sectionContainer.effect .bodyContainer .projectBox.project1,
.sectionContainer.effect .bodyContainer .projectBox.project2,
.sectionContainer.effect .bodyContainer .projectBox.project3,
.sectionContainer.effect .bodyContainer .projectBox.project4{
-webkit-transition-delay: .0s;
transition-delay: .0s;
}
.sectionContainer.effect .bodyContainer .projectBox{
-webkit-transition: all 1.35s ease-in-out,
width 0s;
transition: all 1.35s ease-in-out,
width 0s;
}
.bar .container .selectBigGroup{
overflow-x: auto;
}
.bar .containerBar{
padding: 10px 20px;
}
.logoMenu .burger{
/* Cambio 07/05/21 */
width: 40px;
height: 40px;
/* Fin 07/05/21 */
margin-right: 0;
margin-left: 15px;
margin-top: 5px;
}
.logoMenu .logo{
/* Cambio 07/05/21 */
width: 170px;
height: 40px;
/* fin 07/05/21 */
margin-left: 10px;
margin-top: 7px;
}
.contactFilter .icon{
/* Cambio 07/05/21 */
width: 40px;
height: 40px;
/* Fin 07/05/21 */
}
.contactFilter .contact.active{
line-height: 25px;
}
.infoContainer .infoContent{
padding: 0 0 0 70px;
}
.contentBox .subtitle{
font-size: 27px;
}
.contentBox .arrow-right {
width: 75px;
margin: 20px 0;
}
.borderSkew {
width: 20%;
margin-left: -3px;
}
.smallFilter .filterContent{
font-size: 14px;
}
#siteHeader .networks.fixed {
right: 25px;
}
.networks.fixed .net{
width: 30px;
height: 30px;
}
#siteHeader .meridian{
width: 180px;
height: 180px;
margin: 0 -60px -10px;
}
#siteHeader .sideMenu{
width: 70%;
}
.sideMenu .contentMenu{
overflow-y: auto;
}
.contentMenu .logoMenu{
padding: 0;
/* padding: 10px 0 0 90px;*/
}
/*
.contentMenu .contentNav{
margin-top: 40px;
}
*/
.contentMenu .contactBox{
margin-top: 45px;
}
.aboutUs .we, .aboutUs .service{
font-size: 14px;
}
.sideMenu .borderSkew{
width: 20%;
margin-left: -2px;
}
#siteHeader .contactPopUp{
width: 95%;
left: 2.5%;
}
#btnCloseBox{
padding: 5px 20px 0 0;
}
#btnCloseBox .closeBtn {
width: 30px;
height:30px;
}
.map .infoPoint{
padding: 10px;
}
.infoPoint .textPoint{
font-size: 10px;
}
.formBox .formHeader{
width: 90%;
}
.formHeader .title{
font-size: 50px;
}
.formHeader .infoForm{
margin: 5px 0;
}
.formBox .mainForm{
width: 90%;
}
.mainForm label{
margin-bottom: 10px;
}
.mainForm input, .mainForm select, .mainForm textarea{
font-size: 10px;
}
.mainForm .sendForm{
padding: 7px 10px;
}
#siteHeader .sideFilter{
width: 100%;
right: -100%;
}
.sideFilter .closeBox{
padding: 10px 20px;
}
.closeBox #closeFilter{
width: 35px;
height: 35px;
}
.headerFilter .outerTab .innerTab{
padding: 15px 0;
font-size: 16px;
}
.bodyFilter .section{
padding: 15px 0;
}
.bodyFilter .filters .other select{
font-size: 15px;
}
.subtitleSection{
font-size: 14px;
}
.infoZone .subtitle{
font-size: 25px;
}
.infoZone .seeZones{
padding: 5px 25px 5px 15px;
}
.pictureGroup .imgContainer{
margin-bottom: 20px;
}
.pictureGroup .subtitle{
font-size: 40px;
}
.pictureGroup .horizontalKey{
width: 60px;
height: 25px;
}
.articleVlog .subtitle{
font-size: 22px;
}
.arrow-right{
width: 75px;
}
.articleVlog .seeArticle{
font-size: 16px;
}
.propertiesHeader .subtitle{
font-size: 50px;
}
.propertiesHeader .keys{
width: 40px;
height: 40px;
}
.imgContainer .pricePropertie{
font-size: 10px;
}
.imgContainer .watermark{
font-size: 20px;
}
.textPropertie .typePropertie{
font-size: 10px;
}
.textPropertie .zonePropertie{
font-size: 25px;
margin-top: 0;
}
.info .infoIcon{
width: 15px;
height: 15px;
}
.info .textIcon{
font-size: 12px;
}
.controlSlider .control{
margin-right: 5px;
}
.properties .seeProp{
padding: 10px 25px 10px 15px;
}
.contentAbout .subtitle{
font-size: 23px;
}
.contentAbout .textAbout{
font-size: 15px;
}
.contentAbout .moreAbout{
font-size: 15px;
padding: 10px 25px 10px 15px;
}
.service0 .subtitle{
font-size: 20px;
}
.service0 .keys{
width: 30px;
height: 30px;
}
.service0 .seeServices{
font-size: 15px;
}
.sliderServices .serviceBox{
width: 260px;
}
.serviceBox .seeService{
font-size: 13px;
padding: 10px 0;
}
.legal .copy{
font-size: 13px;
}
.infoLegal .legalText{
font-size: 13px;
width: 45%;
display: inline-block;
margin-bottom: 10px;
}
/* ========== Internal Pages ============== */
/* Zones Page */
.textContainer .subtitle.zones{
font-size: 20px;
}
.textContainer .smallText{
font-size: 15px;
}
.innerTextImgBlock .subtitle{
font-size: 20px;
}
.innerTextImgBlock .smallText{
font-size: 15px;
}
.headerPropertiesZone .title{
font-size: 50px;
}
.pictureZone .subtitle.other{
font-size: 30px;
}
.pictureZone .horizontalKey.otherKey{
width: 45px;
height: 20px;
}
/* Project Zone */
.projectBox .hideInfoProject{
font-size: 16px;
padding: 20px 0;
}
.hideInfoProject .projectNameInner{
font-size: 20px;
}
.hideInfoProject .horizontalKey {
width: 18px;
height: 16px;
}
.hideInfoProject .btn{
margin-top: 25px;
}
/* Propertie page */
.selectBigGroup::-webkit-scrollbar{
display: none;
}
.detailPropertieMap .imgContainer .watermark{
font-size: 20px;
}
.detailPropertieMap .info .textIcon{
font-size: 14px;
}
.detailPropertieMap .info .textIcon span{
font-size: 7px;
}
.detailPropertieMap .info .infoIcon {
width: 10px;
height: 10px;
}
/* Vlog page */
.articleBox .imgContainer{
height: 77%;
}
.vlogHeaderContainer .articleBox.recommended{
height: 90%;
}
.infoArticle{
padding: 10px 6px;
}
.infoArticle .subtitle{
font-size: 15px;
}
.bigArticleBox .infoArticle.blue .subtitle{
font-size: 23px;
width: 90%;
}
.infoArticle .infoAuthor{
font-size: 10px;
}
.bigEvent .infoArticle .subtitle{
width: 95%;
font-size: 23px;
}
.event .infoArticle{
padding: 20px 10px;
}
.event .infoArticle .subtitle{
font-size: 15px;
}
.blog .infoArticle{
padding: 50px 5px;
height: auto;
}
.blog .infoArticle .subtitle{
font-size: 15px;
}
.blog .infoArticle .infoAuthor{
margin-top: 15px;
font-size: 10px;
}
/* Detail Vlog */
.article .containerBox .articleText{
width: 58%;
}
.article .containerBox .eventList{
width: 40%;
}
/* Propertie page */
.selectGroup .innerContainer{
padding: 0 10px;
}
.containerBuildingFeatures .title{
font-size: 50px;
}
.containerBuildingFeatures .subtitle{
font-size: 15px;
}
.containerBuildingFeatures .keys{
width: 35px;
height: 35px;
}
.iconFeatures {
width: 22%;
}
.innerIconFeatures{
width: 80px;
height: 80px;
}
/* remodeling Page */
.remodelingServicesBody .btn{
font-size: 15px;
}
/* About us Page */
#popUpTeamMembers .closeTeamMembers{
width: 35px;
height: 35px;
}
.imgInfoMemberContainer .infoMember{
padding: 0 50px;
}
#dispSel_header,
#zonaSel_header{
overflow: hidden!important;
height: 0;
width: 0;
background-image: none;
padding: 0;
margin: 0;
display: block;
}
.bar .container .selectGroup.selectChild:first-child, .bar .container .selectGroup.selectChild:nth-child(2) {
width: 50%;
}
.bar .container .selectGroup {
width: 50%;
border-bottom: 1px solid #fff;
border-right: 0px;
border-left: 0px;
}
.bar .container .selectGroup:nth-child(2n+1) {
border-right: 1px solid #fff;
border-left: 0px;
}
.bar .container .selectGroup.btnFather {
width: 50%;
padding-top: 10px;
padding-bottom: 10px;
}
.contSelectZonasMobile{
display: block;
}
.contSelectZonasMobile .contOptDisp,
.contSelectZonasMobile .contOptions{
display: block;
overflow: hidden;
height: 0;
width: 100%;
transition: all 1s ease;
padding-left: 50px;
padding-right: 50px;
}
.selectGroup .selectBox, .selectGroup .selectBoxDisp {
padding: 5px 0 5px 20px;
}
.contOptions.open{
border-left: 1px solid #fff;
}
.contOptions div,
.contOptDisp div{
padding: 10px 0;
cursor: pointer;
}
.selectGroup .choosePropItem .chooseText{
width: 10%;
}
.selectGroup .filterBy{
width: 80%;
}
.contSelectZonasMobile .contOptDisp.open,
.contSelectZonasMobile .contOptions.open{
transition: all 1s ease;
height: auto;
padding-bottom: 20px;
}
.formHeader{
position: relative;
}
#topBarVlog{
position: absolute;
overflow: hidden;
/* Cambio 07/05/21 */
/* height: 0; */
max-height: 0;
/* Fin 07/05/21 */
transition: all 1s ease;
}
#topBarVlog.open{
/* Cambio 07/05/21 */
/* height: auto; */
max-height: none;
max-height: 100vh;
/* Fin 07/05/21 */
/* z-index: 10;*/
transition: all 1s ease;
}
.fastFilterMobile{
display: block;
}
.rowUnity .secondCellGroup {
width: 50%;
float: left;
}
.contMobileDispo {
display: inline-block;
width: 49%;
padding: 9px 0 6px;
background-color: #fff;
vertical-align: top;
text-align: center;
}
.fastFilterMobile.arrow {
width: 50%;
display: inline-block;
position: relative;
text-align: center;
border-left: 2px solid #72D0F6;
}
.fastFilterMobile .filterIcon {
width: 30px;
height: 30px;
position: absolute;
background-image: url(../ASSETS/iconNew/filtro.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
left: 25px;
top: 8px;
}
.contDispoFilter.innerlistFilter.mobile {
display: inline-block;
width: auto;
float: none;
}
.contAllfiltersMobile {
background-color: #fff;
z-index: 110020;
position: relative;
}
.innerlistFilter.transform {
border: none;
width: 100%;
margin: 0;
}
.innerlistFilter.transform .listSearchActived {
z-index: 20000;
}
.innerlistFilter.transform {
border: none;
width: 100%;
margin: 0;
}
.innerlistFilter.transform .arrowFilter {
padding: 10px;
}
.innerlistFilter.transform .arrowFilter {
padding: 10px;
}
.innerlistFilter.transform .contOptInnerList .contImput {
width: 50%;
float: left;
}
.innerlistFilter.transform .contOptInnerList .firstInnerList {
margin: 0;
}
.contDispoFilter.innerlistFilter.desktop {
display: none;
}
.contDispoFilter.innerlistFilter.desktop {
display: none;
}
.innerlistFilter.transform span {
display: none;
}
.innerlistFilter.transform .contOptInnerList {
position: relative;
height: auto;
}
.selectBigGroup .innerScrollBar {
min-width: 0;
border-right: none;
/* padding: 20px 40px; */
padding: 20px 40px 70px;
}
.formHeader #topBarVlog {
padding: 0;
min-height: 0;
-webkit-box-shadow: inset 0px 0px 4px 2px #cecece;
box-shadow: inset 0px 0px 4px 2px #cecece;
}
#topBarVlog {
/* position: relative; */
position: fixed;
min-height: 30px;
z-index: 110000;
}
.contMasFiltros {
float: left;
width: 100%;
padding: 20px 0 0px;
/* text-align: center; */
position: absolute;
bottom: 0;
left: 0;
text-align: left;
}
.contMasFiltros p {
display: inline-block;
padding: 20px;
background-color: #72D0F6;
color: #fff;
font-family: 'Roboto-Bold';
font-size: 15px;
width: 50%;
text-align: center;
float: left;
}
.contMasFiltros p {
display: inline-block;
padding: 20px;
background-color: #72D0F6;
color: #fff;
font-family: 'Roboto-Bold';
font-size: 15px;
width: 50%;
text-align: center;
float: left;
}
.contMasFiltros p.btnMasApplyMob {
background-color: #111;
}
.bar .container .selectGroup{
/* min-width: 230px;*/
width: 20%;
}
.bar .container .selectGroup.btnFather{
width: 15%;
}
.selectBigGroup::-webkit-scrollbar{
height: 5px;
background-color: #fff;
border-radius: 10px;
}
.selectBigGroup::-webkit-scrollbar-thumb{
background-color: #2c2d8344;
border-radius: 40px;
}
.selectGroup .filterBy .minMax {
font-size: 10px;
}
.gm-style .gm-style-iw-c .containerSpecsPopUp{
max-width: 75%!important;
}
#choosePropertie.move {
left: -100%;
}
#choosePropertie {
width: 200%;
position: relative;
left: 0;
transition: all .25s;
-webkit-transition: all .25s;
-moz-transition: all .25s;
}
#choosePropertie .propertieMap {
width: 50%;
}
#choosePropertie .detailPropertieMap {
width: 50%;
}
#choosePropertie #controlView {
display: block;
position: fixed;
/* transform: translateX(-50%); */
left: 0;
bottom: 0;
width: 100%;
background-color: #fff;
text-align: center;
overflow: hidden;
z-index: 50;
}
#controlView .controlViewBtn {
float: left;
width: 50%;
height: 50px;
text-align: center;
padding: 10px 0;
cursor: pointer;
opacity: .5;
border-radius: 50%;
transition: all .25s;
}
#controlView .controlViewBtn.active {
opacity: 1;
}
.controlViewBtn .iconControl {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
#mapPropertie .iconControl {
background-image: url(../ASSETS/iconNew/mapa.png);
}
.controlViewBtn .infoControl {
display: inline-block;
vertical-align: middle;
font-family: 'Roboto-Medium';
}
#gridPropertie .iconControl {
background-image: url(../ASSETS/iconNew/lista.png);
}
.controlViewBtn .iconControl {
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.controlViewBtn .infoControl {
display: inline-block;
vertical-align: middle;
font-family: 'Roboto-Medium';
}
.bodyProperties .propertie {
width: 47%;
}
ul.midListItems {
width: 100%;
}
.navFooter .footerBox.vlogHide {
text-align: left;
float: right;
width: 50%;
border: none;
margin-top: 20px;
}
.navFooter .footerBox.vlogHide, .footerBox .subtitle {
text-align: left;
font-size: 20px;
margin-bottom: 10px;
}
.navFooter .lastMenu {
width: 60%;
margin-bottom: 50px;
text-align: center;
}
.navFooter .lastMenu {
width: 50%;
text-align: left;
border: none;
float: left;
}
.siteFooter .navFooter {
width: 90%;
overflow: hidden;
padding-bottom: 0;
white-space: normal;
text-align: center;
}
.contInfoContact {
width: 50%;
float: right;
}
.formHeader #topBarVlog.open {
overflow: auto;
}
}
@media only screen and (max-width: 768px){
.contact.active #contactIcon {
top: 55%;
}
.formBox .closeBtn {
right: 15px;
}
.contentAllPop {
width: 90%;
}
.titlePopUP {
font-size: 25px;
}
.bar .container .selectGroup{
width: 100%;
border-right: none;
}
.bar .container .selectGroup.selectChild:first-child, .bar .container .selectGroup.selectChild:nth-child(2){
width: 100%;
border-right: none;
}
.bar .container .selectGroup.btnFather{
width: 50%;
border-right: none;
/* Cambio 07/05/21 */
padding: 10px 40px;
border-bottom: none;
/* Cambio 07/05/21 */
}
.bar .container .selectGroup.btnFather button{
height: 40px;
}
.selectBigGroup .innerScrollBar{
min-width: 0;
border-right: none;
/* padding: 20px 40px;*/
padding: 20px 40px 70px;
}
.selectGroup .selectBox, .selectGroup .selectBoxDisp{
padding: 20px 0 20px 20px;
}
/*
.selectGroup .btn .rightLine{
width: 20px;
right: -10px;
}
*/
#heroSection.reveal .livesRich {
bottom: 4%;
}
.imgAbout .imgAboutinn{
top: initial;
}
.sectionContainer.effect .imgAbout .imgAboutinn{
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 13s ease-in-out 0s,
opacity .5s ease-in-out 0s;
transition: all 13s ease-in-out 0s,
opacity .5s ease-in-out 0s;
}
.smallFilter .borderLine{
width: 100%;
margin-top: -2px;
}
#vlog .imgVlog{
min-height: 500px;
}
#btnCloseBox.active{
display: none;
}
.sectionContainer{
padding: 35px 0;
}
.siteHeaderZones{
margin-bottom: 0;
}
.backImage{
width: 85%;
background-position: top
center;
}
.infoContainer{
width: 100%;
}
.textHeaderZone .title{
font-size: 60px;
}
.infoContainer .infoContent{
width: 45%;
}
.mainLi .innerUl .innerLi{
margin: 10px 0;
text-align: left;
}
.contentBox .arrow-right{
margin: 10px 0;
}
.infoContent .contentBox{
width: 115%;
}
.contentBox .advisoryText{
width: 150%;
font-size: 16px;
}
.infoContent .smallFilter{
position: absolute;
left: 0;
bottom: 0%;
width: 492%;
}
.smallFilter .controlTabs{
white-space: nowrap;
}
.controlTabs .outerTab{
width: 32.3%;
}
.outerTab .innerTab{
width: 100%;
}
.outerTab .innerTab.active{
transform: scaleY(1.1);
padding: 13px 15px;
}
.smallFilter .filterContent{
padding: 10px 13px;
}
.filterContent .inputContainer{
width: 100%;
padding: 0;
white-space: nowrap;
text-align: left;
margin: 10px 0;
}
.inputContainer .inputGroup{
display: inline-block;
width: 45%;
}
.inputContainer .inputGroup:first-of-type{
margin-right: 5%;
}
.radioCheck .col label{
display: block;
line-height: 1.4;
/* float: none;*/
/* width: 100%;*/
width: 40%;
float: left;
font-size: 15px;
margin: 5px 7% 5px 3%;
}
.inputGroup label{
display: inline-block;
vertical-align: middle;
}
input[type="checkbox"]{
display: inline-block;
vertical-align: middle;
}
.select select{
width: 49%;
}
.filterContent .filters{
width: 100%;
margin: 5px 0 10px;
}
.bodyFilter .filters .filterBy{
width: 100%;
}
.filters .filterBy {
width: 43%;
}
.contFilterOther.firstFilter .filterBy,
.contFilterOther.secondFilter .filterBy {
width: 100%;
}
.contFilterOther.firstFilter,
.contFilterOther.secondFilter {
border: none;
}
.filters .area{
margin: 0;
}
.smallFilter .filterContent .filters .area{
margin: 0px 5% 0 0;
}
.filters .filterByZone {
margin: 10px 0;
}
.filters .innerOthers{
width: 100%;
}
.filterContent .search{
display: block;
width: 95%;
margin: 5px auto 0;
}
/*
.filterContent .search.btn .rightLine{
width: 5%;
right: -2.5%;
}
*/
#siteHeader .networks.fixed{
right: 5px;
}
.contentFilter .headerFilter .outerTab {
width: 50%;
}
.livesRich{
bottom: 3%;
left: 50%;
width: 75%;
height: 20px;
}
.imgVlogZones .curves{
transform: translateX(-50%);
top: initial;
bottom: -125px;
left: 50%;
}
.livesRich .bottomLine{
bottom: -77px;
height: 60px;
}
.borderSkew{
width: 20%;
background-position: initial;
margin-left: -1px;
}
#siteHeader .sideMenu{
width: 100%;
left: -100%;
}
.sideMenu .contentMenu{
width: 100%;
float: none;
display: block;
padding-top: 80px;
}
.contentMenu .contentNav{
width: 75%;
float: none;
margin: 40px auto 0;
text-align: center;
padding-left: 0;
}
.contentMenu .logoMenu{
padding: 0;
position: absolute;
top: 0;
left: 0;
}
.keys{
display: inline-block;
}
.contentMenu .contactBox{
float: none;
margin: 50px auto 0;
text-align: center;
width: 50%;
overflow: hidden;
padding-left: 0;
}
.contactBox .aboutUs{
overflow: hidden;
width: 85%;
margin: auto;
}
.aboutUs .we, .aboutUs .service{
font-size: 20px;
}
.aboutUs .we{
text-align: center;
}
.aboutUs .service{
float: right;
text-align: right;
}
.contactBox .contactUs{
margin-top: 40px;
font-size: 20px;
float: none;
}
.contactBox .networks{
width: 50%;
float: none;
margin: 40px auto 0;
}
.networks .net{
width: 45px;
height: 45px;
}
.sideMenu .borderSkew{
display: none;
}
#siteHeader .contactPopUp{
height: 100%;
width: 100%;
top: 0;
left: 0;
}
#siteHeader .contactPopUp #closeContactMobile{
float: right;
margin: 10px 10px 0 0;
width: 40px;
height: 40px;
/* background-image: url(../ASSETS/iconNew/Cerrar-2.png);*/
z-index: 300;
cursor: pointer;
outline: none;
position: relative;
}
.contactPopUp .map.desktop.mobile{
display: none;
}
.infoPoint .textPoint{
font-size: 8px;
}
.contactPopUp .formBox{
width: 100%;
height: 100%;
}
.formHeader .title{
font-size: 37px;
}
.mainForm input, .mainForm select, .mainForm textarea{
height: 40px;
}
.mainForm textarea{
height: 200px;
}
#siteHeader .sideFilter{
width: 100%;
right: -100%;
padding-bottom: 20px;
}
.bodyFilter .section{
white-space: normal;
}
.bodyFilter .filters .other select{
margin-top: 20px;
padding-left: 0;
background-position: top 50% right 0%, 0 0;
}
.radioCheck .col{
width: 100%;
}
.radioCheck radio.col{
margin-right: 1%;
}
.bodyFilter .sendFilter{
width: 100%;
}
/*
.bodyFilter .sendFilter.btn .rightLine{
width: 6%;
right: -3.5%;
}
*/
.vlog{
white-space: normal;
}
.vlog .imgVlog{
width: 100%;
}
.vlog .contentVlog{
width: 100%;
}
.bodyProperties .propertie{
width: 46.5%;
}
.imgContainer .pricePropertie{
font-size: 12px;
}
.imgContainer .watermark{
font-size: 25px;
}
.info .infoIcon{
width: 15px;
height: 15px;
}
.info .textIcon{
font-size: 14px;
}
.about{
white-space: normal;
width: 100%;
}
.about.effect .contentAbout{
width: 90%;
margin: 50px auto;
display: block;
}
.about .imgAbout{
display: none;
}
.about .imgAbout.mobile{
width: 100%;
height: 50vh;
margin: 0;
display: block;
}
.contactSection .contactPopUp .map{
width: 100%;
height: 50%;
}
.contactSection .contactPopUp .map.mobile{
display: block;
}
.contactSection .contactPopUp .lastFormBox{
width: 100%;
}
.siteFooter .navFooter{
white-space: normal;
text-align: center;
}
.navFooter .lastMenu{
width: 60%;
margin-bottom: 50px;
text-align: center;
}
.navFooter .networksBox,
.navFooter .subscribe{
width: 49%;
text-align: center;
}
.navFooter .footerBox.vlogHide{
width: 100%;
text-align: center;
}
.footerBox .subtitle {
text-align: center;
}
.lastMenu.footerBox .lastUl .lastLi{
margin: auto;
}
.legal .legalBox{
width: 100%;
}
.legal .copy{
text-align: center;
margin-bottom: 20px;
}
.legal .infoLegal{
text-align: center;
}
/* =================Internal Pages ==================== */
/* Zone Page */
#siteHeader .zoneHeader {
background-image: url();
}
.contentVlogZones .textVlogZones{
width: 80%;
padding: 0;
}
.containerBlock .imgContainer{
margin-top: 0;
}
.containerBlock .textContainer{
width: 60%;
}
.blueBlockImg .contBlueBlockImg{
white-space: initial;
}
.mapParkWay {
overflow: initial;
float: left;
}
.mapParkWay .navMap {
position: absolute;
width: 100%;
z-index: 30;
height: initial;
overflow-y: initial;
}
.navMap .contentAsideNav{
padding: 0px 0;
width: 85%;
max-height: 0;
visibility: collapse;
opacity: 0;
transition: all .25s;
}
.navMap .contentAsideNav.active{
padding: 10px 0;
max-height: none;
visibility: visible;
opacity: 1;
}
.contentAsideNav .asideHeader{
display: none;
}
.contentAsideNav .interestNav{
margin-top: 0;
}
.interestNav .interestUl{
text-align: center;
}
.interestUl .interestLi{
padding: 0;
border: none;
white-space: initial;
margin: 10px 2.5px 0;
width: 60px;
display: inline-block;
vertical-align: top;
}
.interestUl .interestLi:last-of-type{
border: none;
}
.interestLi .interestIcon{
display: block;
width: 60px;
height: 60px;
border: 1px solid #fff;
margin-bottom: 5px;
background-size: 60%;
}
.interestLi .interestText{
display: block;
margin-left: 0;
font-size: 7px;
text-transform: uppercase;
}
.mapParkWay .interestMap {
width: 100%;
height: 400px;
height: 50vh;
}
.mapParkWay .filtersBtn{
display: block;
position: absolute;
top: 0;
bottom: initial;
left: 50%;
transform: translateX(-50%);
background-color: #111111;
padding: 10px 35px 10px 10px;
cursor: pointer;
z-index: 10;
background-image: url(../ASSETS/iconNew/Flecha-siguiente.png);
background-repeat: no-repeat;
background-size: 20px;
background-position: top 41% right 10%, 0 0;
transition: all .5s;
}
.mapParkWay .filtersBtn.active{
background-color: #fff;
top: initial;
bottom: -36px;
background-image: url(../ASSETS/iconNew/Cerrar-2.png);
}
.filtersBtn .filterText {
text-transform: uppercase;
font-family: 'Roboto-Medium';
letter-spacing: 1px;
color: #fff;
text-align: left;
}
.filtersBtn.active .filterText {
color: #111111;
}
.contBlueBlockImg .imgBlockImg{
width: 100%;
}
.contBlueBlockImg .textImgBlock{
width: 100%;
margin-left: 0;
}
.propertiesZone .meridianWh{
left: 10px;
width: 120px;
height: 120px;
}
.containerBox .headerPropertiesZone{
width: 50%;
}
.headerPropertiesZone .title{
font-size: 45px;
}
.otherZone .bodyOtherZones{
white-space: initial;
}
.bodyOtherZones .pictureZone{
margin-right: 0;
width: 48%;
}
.bodyOtherZones .pictureZone:first-of-type{
margin-right: 1%;
}
.bodyOtherZones .pictureZone:last-of-type {
margin-top: 40px;
}
.interestLi .innerInterestUl{
display: none;
}
/* Project Zone */
.bodyContainer .projectBox{
width: 47%;
overflow-y: auto;
}
.projectBox .projectNameOuter{
opacity: 0;
}
.projectBox .hideInfoProject{
font-size: 18px;
padding: 10px 0;
left: 0;
height: 100%;
}
.hideInfoProject .projectNameInner{
font-size: 23px;
}
.hideInfoProject .horizontalKey {
width: 18px;
height: 16px;
}
.hideInfoProject .btn{
margin-top: 30px;
}
.projectBlockText .contentBlockText{
width: 70%;
}
/* Projects Page */
.projectsContainer .headerContainer{
width: 100%;
}
.containerServices .headerServices{
width: 100%;
}
.service0 .subtitle{
font-size: 15px;
}
.informationContainer .formInformation{
width: 100%;
float: right;
margin-bottom: 40px;
}
.informationContainer .buildingBgWh{
width: 100%;
float: left;
}
.moreInformation .building{
width: 100%;
height: 50%;
right: 0px;
bottom: 0;
display: none;
}
/* DetailProject page */
.containerSlider .valuesSlider{
width: 100%;
}
.containerSlider .graphicValue {
width: 100%;
}
.graphicValue .innerGraphicValues{
width: 100%;
}
/* Blog Page */
#topBarVlog{
/* position: relative;*/
position: fixed;
min-height: 30px;
z-index: 110000;
}
#topBarVlog .arrowBlog{
display: block;
position: absolute;
width: 20px;
height: 20px;
top: 7px;
right: 5px;
background-image: url(../ASSETS/ICONOS/arrow-3.png);
cursor: pointer;
}
#topBarVlog.active .arrowBlog{
transform: rotateZ(180deg);
}
#topBarVlog .navBarVlog{
max-height: 0;
visibility: hidden;
padding: 0;
opacity: 0;
}
#topBarVlog.active .navBarVlog {
max-height: 300px;
visibility: visible;
opacity: 1;
padding: 10px 0;
}
.navBarVlog .anchorVlog{
display: block;
padding: 5px 15px;
}
.vlogHeaderContainer .bigArticleBox{
width: 100%;
height: 100%;
}
.interestedBlogsMobile{
display: block;
padding: 0 0 0;
}
.interestedBlogsMobile .containerBox{
width: 100%;
}
.containerBox .interestedMobile{
margin: 0;
position: relative;
}
.interestedMobile .imgContainer {
height: 400px;
}
.interestedMobile.mobileA .imgContainer {
background-image: url(../ASSETS/img_vlog/02-vlog.jpg);
}
.interestedMobile.mobileB .imgContainer {
background-image: url(../ASSETS/img_vlog/03-vlog.jpg);
}
.interestedMobile .infoArticle{
position: relative;
padding: 30px 20px;
text-align: left;
background-color: #2C2E83;
}
.interestedMobile .infoArticle .subtitle{
font-size: 20px;
}
.interestedMobile .infoArticle .infoAuthor{
font-size: 13px;
}
.vlogHeaderContainer .mixArticlesBox{
display: none;
}
.containerBox .bigEvent{
display: block;
width: 100%;
margin-bottom: 50px;
}
.containerBox .eventList{
width: 100%;
}
.event .infoArticle{
padding: 30px 15px;
}
.blogBoxes .toDetailVlog{
width: 47%;
}
.subscribeSection .containerBox{
text-align: center;
}
.containerBox .netBox{
display: inline-block;
width: 70%;
margin: auto;
float: none;
}
.containerBox .netBox.subscribe{
margin: 0 auto 20px;
}
.controlBlogBox .itemVlog{
width: 32%;
}
.controlVlogBtn .btnText{
display: none;
}
/* Detail Vlog */
.article .containerBox .articleText{
width: 100%;
}
.sliderContainer .controlArticleSlider{
width: 55px;
height: 55px;
}
.controlArticleSlider.controlRight{
right: -30px;
}
.controlArticleSlider.controlLeft{
left: -30px;
}
.article .containerBox .eventList{
width: 100%;
}
/* Propertie page */
.bar .container{
width: 100%;
}
.topVlog #topBarVlog{
padding: 10px 0;
}
.formHeader #topBarVlog{
padding: 0;
min-height: 0;;
-webkit-box-shadow: inset 0px 0px 4px 2px #cecece;
box-shadow: inset 0px 0px 4px 2px #cecece;
}
#topBarVlog .textTopVlog {
display: block;
}
#topBarVlog.active .textTopVlog {
display: none;
}
.bar .container .selectGroup{
/* min-width: 260px;*/
}
#choosePropertie{
width: 200%;
position: relative;
left: 0;
transition: all .25s;
-webkit-transition: all .25s;
-moz-transition: all .25s;
}
.moreFiltersBtn.mobile{
width: 40px;
height: 40px;
margin-top: 5px;
}
#choosePropertie.move{
left: -100%;
}
#choosePropertie .propertieMap{
width: 50%;
}
#choosePropertie .detailPropertieMap{
width: 50%;
}
.propertie:hover .imgContainer img{
transform: scale(1);
}
.propertie:hover .imgContainer .pricePropertie{
padding: 5px 20px 5px 10px;
font-size: 12px;
}
.selectGroup .choosePropItem{
height: 40px;
padding: 30px 20px 50px;
font-size: 16px;
background-size: 10px;
}
.bar .selectGroup.btnFather{
padding: 5px 10px;
width: 15%;
}
.selectGroup .btn{
font-size: 13px;
height: 30px;
padding: 0;
line-height: 30px;
}
.selectGroup .btn.btnBlue{
height: 40px;
}
.selectGroup .moreFiltersBtn{
width: 30px;
height: 30px;
}
.detailPropertieMap .bodyProperties .propertie{
margin: 5px 2% 5px;
}
#choosePropertie #controlView {
display: block;
position: fixed;
/* Cambio 07/05/21 */
/* transform: translateX(-50%); */
left: 0;
bottom: 0;
width: 100%;
background-color: #fff;
text-align: center;
/* Fin 07/05/21 */
overflow: hidden;
z-index: 50;
}
#controlView .controlViewBtn {
/* Cambio 07/05/21 */
float: left;
width: 50%;
height: 50px;
text-align: center;
padding: 10px 0;
/* Fin 07/05/21 */
cursor: pointer;
opacity: .5;
border-radius: 50%;
transition: all .25s;
}
/* Cambio 07/05/21 */
.controlViewBtn .iconControl{
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
#mapPropertie .iconControl{
background-image: url(../ASSETS/iconNew/mapa.png);
}
#gridPropertie .iconControl{
background-image: url(../ASSETS/iconNew/lista.png);
}
.controlViewBtn .infoControl{
display: inline-block;
vertical-align: middle;
font-family: 'Roboto-Medium';
}
#controlView .controlViewBtn.active {
opacity: 1;
}
/* Fin 07/05/21 */
/*Project Detail */
.infoDetail.effect .asideSlide{
width: 100%;
}
.infoDetail .asideDetailInfo{
width: 100%;
}
/*
.rowUnity .firstCellGroup{
width: 45%;
}
*/
.rowUnity .secondCellGroup{
width: 55%;
}
.innerRowUnity .leftSec{
width: 55%;
}
.innerRowUnity .rightSec{
width: 40%;
}
.inVlog .blogBoxes .toDetailVlog{
width: 48%;
}
/* Remodeling Page */
.videoBox .innerVideo{
height: 200px;
}
.remodelingServicesBody .btn{
width: 48%;
margin: 5px 0;
}
.textPreview {
min-height: 35px;
background-color: #2C2E83;
}
.textPreview .arrowBeforeAfter {
display: block;
}
.textPreview.active .arrowBeforeAfter{
transform: rotateZ(0);
}
.textPreview .outerTextPreview{
padding: 10px 0;
float: none;
width: 100%;
display: none;
border-right: none;
border-bottom: 1px solid #fff;
}
.textPreview .outerTextPreview:last-of-type{
border-bottom: none;
}
.textPreview.active .outerTextPreview {
display: block;
}
.outerTextPreview .innerTextPreview{
font-size: 16px;
}
.repeatHeader .subtitle{
font-size: 15px;
}
.videoBox .innerVideo{
width: 100%;
margin-bottom: 20px;
}
/* SellersLessors page */
.sectionContainer .servicesList{
width: 100%;
}
.videoText .innerVideo{
width: 70%;
}
/*
.liServices.active .rightLine{
width: 2px;
height: 40%;
top: initial;
bottom: -20%;
right: 50%;
transform: translateX(-50%);
}
*/
.infoServicesContainer{
display: none;
}
.infoImgService.mobile.open{
display: block;
margin: 20px 0;
background-color: #111111;
padding: 40px 20px;
border-top: 2px solid #72D0F6;
}
.infoImgService.open .imgService{
display: block;
width: 100px;
height: 100px;
margin: 0 auto 10px;
float: none;
}
.infoImgService.open .infoService{
width: 100%;
float: none;
color: #fff;
}
.headerContainer.sellersLessors .subtitle{
font-size: 23px;
}
.headerContainer.sellersLessors .infoTextVideo{
font-size: 16px;
}
.smallHeader .title{
font-size: 45px;
}
.seeMember {
opacity: 0;
}
#popUpTeamMembers.open{
overflow-y: auto;
}
#sliderMembers {
height: 200%;
}
.imgInfoMemberContainer .asideImgMember{
width: 100%;
height: 50%;
}
.imgInfoMemberContainer .infoMember{
width: 100%;
height: 50%;
}
.innerInfoMember .subtitle{
font-size: 30px;
}
.innerInfoMember .title{
font-size: 23px;
}
.innerInfoMember p{
font-size: 15px;
}
.innerInfoMember .horizontalKey{
width: 35px;
height: 25px;
}
.arrowCircle.team{
display: block;
right: 15px;
}
#prevMember{
left: 15px;
}
.meridianContainer{
bottom: -5%;
}
.services{
padding-left: 7.5%;
}
.bodyFilter .filters .filterBy.area{
padding-left: 0;
}
.bodyFilter .filters .filterBy.price{
margin: 10px 0 0 0;
}
.zone .infoZone{
width: 75%;
}
.blueBlockImg .imgBlockImg img{
width: 100%;
}
.bodyBuildingFeatures{
text-align: center;
}
#popUpCalc .containerSlider{
overflow-y: auto;
}
.remodelingServicesBody .videoBox{
width: 100%;
}
.videoBox .infoVideo{
width: 100%;
line-height: 1.5;
}
.leftSec.unity,
.rightSec.priceUnity{
width: 48%;
margin: 0;
}
.calcValues.xbold,
.linkpost.uniText{
width: 100%;
margin-top: 10px;
}
.cellUnity.longCell{
margin: 0;
width: 100%;
}
.cellUnity.outerCell,
.cellUnity.lastCell{
display: inline-block;
width: auto;
}
.rowUnity .firstCellGroup,
.rowUnity .secondCellGroup{
width: 100%;
}
.rowUnity .firstCellGroup{
margin-bottom: 15px;
}
.innerlistFilter.transform {
border: none;
width: 100%;
margin: 0;
}
.innerlistFilter.transform span {
display: none;
}
.innerlistFilter.transform .contOptInnerList {
position: relative;
height: auto;
}
.innerlistFilter.transform .contOptInnerList .firstInnerList {
margin: 0;
}
.innerlistFilter.transform .contOptInnerList .contImput {
width: 50%;
float: left;
}
.innerlistFilter.transform .arrowFilter {
padding: 10px;
}
.formHeader {
text-align: right;
}
/*
.fastFilterMobile.arrow {
width: 50%;
display: inline-block;
position: relative;
text-align: center;
border-left: 2px solid #72D0F6;
}
*/
.fastFilterMobile .filterIcon {
width: 30px;
height: 30px;
position: absolute;
background-image: url(../ASSETS/iconNew/filtro.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
left: 25px;
top: 8px;
}
.listSearchActived {
width: 100%;
}
.innerlistFilter.transform .listSearchActived {
z-index: 20000;
}
.innerlistFilter.open .contOptInnerListSearch {
z-index: 10000;
}
.contDispoFilter.innerlistFilter.mobile {
display: inline-block;
width: auto;
float: none;
}
.contAllfiltersMobile {
background-color: #fff;
z-index: 110020;
position: relative;
}
.contDispoFilter.innerlistFilter.mobile {
display: inline-block;
width: auto;
float: none;
}
.contDispoFilter.innerlistFilter.desktop {
display: none;
}
.contMasFiltros {
float: left;
width: 100%;
padding: 20px 0 0px;
/* text-align: center;*/
position: absolute;
bottom: 0;
left: 0;
text-align: left;
}
.contMasFiltros p {
display: inline-block;
padding: 20px;
background-color: #72D0F6;
color: #fff;
font-family: 'Roboto-Bold';
font-size: 15px;
width: 50%;
text-align: center;
float: left;
}
.contMasFiltros p.btnMasApplyMob {
background-color: #111;
}
.contFilterOther.firstFilter {
z-index: 40;
}
.contFilterOther.secondFilter {
z-index: 40;
}
.contFilterOther.thirdFilter {
z-index: 60;
}
.contFilterOther.fourthFilter {
z-index: 60;
}
.contSelectOrder.open .bgBlurOption,
.innerlistFilter.open .bgBlurOption {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(68, 68, 68, 0.3);
backdrop-filter: blur(2px);
display: block;
z-index: 40;
}
.contSelectOrder.open .bgBlurOption {
z-index: 120000;
}
/*
.innerlistFilter.open .contOptInnerList,
.innerlistFilter.open .contOptInnerListSearch {
border: 2px solid #72D0F6;
border-top: none;
height: 100px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position: fixed;
top: 50%;
z-index: 50;
}
*/
.contSelectOrder .contOptionOrder,
.noTransform.innerlistFilter .contOptInnerList,
.noTransform.innerlistFilter .contOptInnerListSearch {
position: fixed;
background-color: #111;
}
.contSelectOrder.open .contOptionOrder,
.innerlistFilter.open .contOptInnerList,
.innerlistFilter.open .contOptInnerListSearch {
border: 2px solid #fff;
height: 100px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position: fixed;
top: 40%;
z-index: 50;
background-color: #111;
width: 80%;
margin: auto;
margin-left: 10%;
border-radius: 30px;
}
.contSelectOrder.open .contOptionOrder {
height: auto;
margin-left: 0;
left: 10%;
padding: 0;
z-index: 121000;
}
#contSearchID.innerlistFilter.open .contOptInnerListSearch {
z-index: 1000000;
height: 500px;
top: calc(50% - 250px);
}
.contSearchItems {
background-color: #111;
width: 90%;
margin: auto;
}
.inputSearchFilter {
width: 90%;
margin: 40px 5% 18px;
}
.innerlistFilter.open .contItemParent .contImput {
padding-left: 30px;
}
.contImput .textCheckOpt {
color: #fff;
}
.contCheckOpt.contImput.parentItem {
background-color: #111111;
}
.innerlistFilter.open .contImput {
padding: 0;
margin: 0;
}
.innerlistFilter.noTransform .contImput{
height: 40px;
}
/* .innerlistFilter.open .contImput input, */
.contSelectOrder.open .contOptionOrder .optionOrder,
.innerlistFilter.open .contImput .selectInput {
width: 100%;
height: 100%;
text-align: center;
border: 2px solid #fff;
outline: none;
font-family: 'Roboto-Bold';
margin-top: -2px;
border-left: none;
border-right: none;
color: #fff;
padding-top: 9px;
}
.contSelectOrder.open .contOptionOrder .optionOrder {
margin: 0;
padding: 10px 5px;
margin-top: -2px;
}
.siteFooter .paperplaneBox {
width: 100%;
text-align: center;
margin-top: 20px;
}
.innerlistFilter.noTransform .contImput.contCheckOpt {
width: 100%;
text-align: center;
border: 2px solid #fff;
outline: none;
font-family: 'Roboto-Bold';
margin-top: -2px;
border-left: none;
border-right: none;
color: #fff;
padding: 9px 40px;
}
.fourthFilter .innerlistFilterOther.open .contOptInnerList {
height: auto!important;
}
.aliados .innerlistFilterOther.open .contOptInnerList {
height: auto!important;
}
.aliados .innerlistFilterOther.open .contOptInnerList .contImput {
border: none;
padding-top: 13px;
}
.innerlistFilter.noTransform .contImput .selectInput p {
font-size: 15px;
color: #fff;
font-family: 'Roboto-Light';
}
.innerFilter{
width: calc(100% - 190px);
}
.btnHomeBanner{
width: calc(50% - 49px);
margin: 10px 5px 10px 5px;
padding: 15px 0;
}
.heroSection .centerLine{
height: 50px;
bottom: 25px;
}
#heroSection.reveal .contentBox .subtitle{
font-size: 25px;
}
#contactBtn.contact.active #textContactBtn{
display: none;
}
.btnMenuCont, .contactFilter .contact.active{
padding: 0px 40px 0 35px;
margin-bottom: 5px;
border: none;
}
.logoMenu .logo{
width: 90px;
/* margin-top: 5px;*/
margin-top: 8px;
}
#btnMutedVideo {
bottom: 20px;
right: auto;
left: 20px;
}
.titleZone{
font-size: 35px;
}
.optIdeal.textCaract{
margin: 0 30px 0 0;
}
.optIdeal.textZone{
margin: 0 0 0 30px;
}
.itemCaract{
width: 100%;
margin: 20px 0;
}
.itemCaract.full{
width: 100%;
}
.navFooter .lastMenu{
width: 50%;
text-align: left;
border: none;
float: left;
}
.contInfoContact{
width: 50%;
float: right;
}
.siteFooter .navFooter{
width: 90%;
overflow: hidden;
padding-bottom: 0;
}
.lastMenu.footerBox .lastUl .lastLi{
margin: 0;
padding: 0;
}
.navFooter .footerBox.vlogHide,
.footerBox .subtitle{
text-align: left;
font-size: 20px;
margin-bottom: 10px;
}
.lastLi .lastInner,
.lastLi.midItem {
font-size: 15px;
padding: 5px 0;
}
.navFooter .footerBox.vlogHide{
text-align: left;
float: right;
width: 50%;
border: none;
margin-top: 20px;
}
.contentMenu .contentNav{
text-align: left;
margin-top: 100px;
}
.sideMenu.active .contentMenu .contactBox{
text-align: left;
padding: 0 40px;
}
.contactBox .networks{
width: 100%;
margin: 10px 0 0;
}
.contactBox .contactUs{
margin-top: 10px;
}
.pictureCol .pictureGroup{
width: 100%;
margin: 0;
height: 200px;
margin-bottom: 20px;
}
.pictureCol .pictureGroup.marginRgt{
margin: 0;
}
.pictureGroup .imgContainer{
height: 100%!important;
}
.pictureGroup .subtitle{
font-size: 30px;
text-align: left;
}
.interestLi .arrowUp,
.interestLi.active .arrowUp{
background-image: url('');
}
.propertiesHeader .subtitle {
font-size: 35px;
}
.bodyOtherZones .pictureZone{
height: 200px;
}
.headerPropertiesZone .title{
font-size: 35px;
}
.bar .container .selectGroup.btnFather{
padding: 10px 10px;
}
#btnOpenfilter a{
height: 40px;
border: 1px solid #111111;
}
.contentAsideDetail .headerDetailContent .subtitle{
font-size: 35px;
}
.containerBuildingFeatures .title{
font-size: 35px;
}
.featureText{
font-size: 14px;
}
.sideMenu .contactBox .contactUs{
border: 1px solid #111111;
}
.projectsContainer .bodyContainer .projectBox {
height: 380px!important;
}
.headerContainer .title{
font-size: 35px;
}
.btnCell{
margin: 15px 0;
}
.cellUnity.lastCell{
width: 100%;
margin: 10px 0;
}
.lastCell .arrowBtn{
float: right;
}
.footerDetail .btn{
width: 100%;
}
.contImgContact,
.contInfo{
display: none;
}
.contInfoMobile{
display: block;
position: relative;
width: 90%;
margin: auto;
padding: 15px 0;
left: auto;
bottom: 0;
overflow: hidden;
border-top: 2px solid rgb(114, 208, 246);
}
.contAddress,
.contWsspCont {
width: 100%;
}
.contentMenu .contentNav{
width: 88%;
height: calc(100% - 200px);
margin: 5px 0 0 40px;
}
.wsspBtnFloat.leftBtn{
right: auto;
left: 20px;
bottom: 70px;
}
.bodyContainer .imgback{
height: 100%!important;
}
.logoMenu .burger {
margin-left: 0px;
}
.btnAnmWhite:hover:after {
width: 0;
}
}
@media only screen and (max-width: 512px){
.projectBox .hideInfoProject {
left: 0;
opacity: 1;
visibility: visible;
}
.logoMenu #closeMenu {
/* left: -40px; */
left: 15px;
top: 15px;
margin: 0;
}
.prices .calcQuote{
margin-left: 0;
margin-top: 15px;
}
.prices .redArrowRight{
margin-top: 15px;
}
.logoMenu .burger {
margin-top: 0px;
margin-left: 15px;
}
.logoMenu .logo {
margin-top: 5px;
}
/*
.selectGroup .btn .rightLine{
width: 20px;
right: -10px;
}
*/
.reveal.iconFeatures.carcPrinc-1,
.reveal.iconFeatures.carcPrinc-2,
.reveal.iconFeatures.carcPrinc-3,
.reveal.iconFeatures.carcPrinc-4,
.reveal.iconFeatures.carcPrinc-5{
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.smallHeader{
width: 100%;
}
.selectBigGroup .innerScrollBar {
padding: 20px 0 70px;
}
.bar .container .selectGroup{
padding: 0;
}
.bar .selectGroup.btnFather {
/* cambio 07/05/21 */
padding: 10px 0;
/* Cambio 07/05/21 */
}
.moreFiltersBtn.mobile{
margin-top: 0;
}
.contentBox .advisoryText{
font-size: 14px;
}
/* .infoDetail .asideSlide{
height: 350px !important;
} */
.meridianWh{
bottom: -40px;
left: -148px;
transform: rotateZ(-60deg);
-webkit-transform: rotateZ(4deg);
}
.meridianContainer{
width: 150px;
height: 150px;
}
.zone .infoZone{
width: 100%;
}
.btn{
width: 100%;
text-align: center;
margin: 10px 0;
}
/*
.btn .rightLine{
width: 13%;
right: -8%;
}
*/
.curves{
right: initial;
left: 50%;
top: initial;
bottom: -50px;
transform: translateX(-50%);
height: 100px;
width: 200px;
}
.imgAbout .curves{
height: 100px;
width: 200px;
}
.bar{
/* Cambio 07/05/21 */
padding: 10px;
/* Fin 07/05/21 */
}
.bar.topVlog {
padding: 0px 0 0;
}
.bar .containerBar{
padding: 0;
}
.bar.topVlog .containerBar{
/* padding: 5px 0;*/
padding: 10px 0 5px;
}
.bar.topVlog .logoMenu{
margin-left: 5px;
}
.bar.topVlog .contactFilter{
margin-right: 5px;
}
.contactFilter .contact{
margin-right: 0;
}
.contentMenu .logoMenu{
padding: 0;
/* padding: 10px 0 0 5px;*/
}
#btnCloseBox.active{
display: none;
}
.mainForm .inputGroup{
float: none;
display: block;
width: 100%;
}
.sideFilter .closeBox{
/* Cambio 07/05/21 */
padding: 10px;
/* Fin 07/05/21 */
}
.infoContainer .infoContent{
padding: 0 0 0 15px;
}
.infoContent .contentBox{
width: 160%;
}
.mainLi .innerUl .innerLi{
font-size: 12px;
margin: 5px 0;
line-height: 1.5;
}
.contentBox .subtitle{
font-size: 25px;
width: 100%;
}
.textHeaderZone .title{
font-size: 55px;
}
.contentBox .advisoryText{
width: 100%;
}
.sideMenu .contentMenu{
display: block;
padding: 0;
}
.contentMenu .contentNav{
text-align: left;
margin-top: 100px;
}
.mainLi .innerText{
font-size: 20px;
}
.contentMenu .contactBox{
width: 100%;
margin-top: 10px;
margin-bottom: 20px;
}
.aboutUs .we, .aboutUs .service{
font-size: 15px;
}
.contactBox .contactUs{
font-size: 15px;
margin-top: 20px;
text-align: center;
}
/* .contactBox .contactUs .rightLine{
width: 10%;
right: -4%;
}
*/
.contactBox .networks{
margin-top: 20px;
}
.networks .net{
/* Cambio 07/05/21 */
width: 40px;
height: 40px;
/* Fin 07/05/21 */
}
#siteHeader .networks.fixed{
display: none;
}
.imgVlogZones .curves{
bottom: -50px;
}
.mainForm .sendForm{
width: 95%;
padding: 15px;
}
/*
.mainForm .sendForm .rightLine {
height: 1.5px;
}
*/
#siteHeader .sideFilter{
width: 100%;
right: -100%;
}
.sideFilter .contentFilter{
margin-top: 0;
}
.bodyFilter .section{
padding: 12px 0;
}
.filters .filterByZone{
background-size: 15px;
}
.bodyFilter .sendFilter{
margin-top: 20px;
}
.zone .zonePictures{
white-space: normal;
}
.zonePictures .pictureCol{
width: 100%;
}
.zonePictures .pictureCol.picture1{
margin-right: 0;
}
.zonePictures .pictureCol.picture2{
margin-top: 0;
}
.contentVlog .textVlog{
padding: 40px 0;
}
.textVlog .sliderVlog{
margin-top: 30px;
}
.arrow-right{
width: 100px;
margin: 20px 0;
}
.properties .propertiesHeader{
width: 100%;
}
.bodyProperties .propertie{
width: 100%;
}
.services {
margin-left: 0;
width: 100%;
padding-left: 0;
}
.sliderServices{
width: 85%;
margin: auto;
}
.sliderServices .serviceBox{
width: 100%;
margin: 0 auto 20px;
}
.arrowCircle{
display: none;
}
.navFooter .networksBox, .navFooter .subscribe{
width: 100%;
}
.navFooter .footerBox.vlogHide{
width: 100%;
text-align: center;
}
.navFooter .networksBox{
margin-bottom: 40px;
}
.lastUl .lastLi{
margin: auto;
}
/* =================Internal Pages ==================== */
/* Zone Page */
.imgVlogZones .curves{
left: 50%;
width: 200px;
height: 100px;
}
.curves.curvesBt{
width: 160px;
height: 180px;
bottom: -90px;
}
.blockImg.effect .curves.curvesBt{
width: 140px;
height: 100px;
bottom: -50px;
}
.imgBlockImg .curves{
width: 230px;
height: 100px;
}
.contBlueBlockImg .imgBlockImg{
margin-bottom: 40px;
}
.containerBlock .textContainer{
width: 100%;
}
.containerBox .headerPropertiesZone{
width: 80%;
}
.bodyOtherZones .pictureZone{
width: 100%;
}
/* Project Zone */
.bodyContainer .projectBox{
width: 100%;
margin: 10px 0;
}
.projectBlockText .contentBlockText{
width: 90%;
}
/* Blog Page */
.bigArticleBox .infoArticle{
padding: 40px 0;
}
.bigArticleBox .infoArticle.blue .subtitle{
width: 100%;
font-size: 20px;
}
.bigArticleBox .infoArticle.blue .infoAuthor{
margin-top: 20px;
}
.infoArticle .subtitle{
font-size: 16px;
}
.infoArticle .infoAuthor{
font-size: 10px;
}
.interestedMobile .imgContainer img{
object-fit: cover;
height: 410px;
}
.interestedMobile .infoArticle{
padding: 15px 10px;
}
.bigEvent .infoArticle{
padding: 25px 10px;
}
.bigEvent .infoArticle .subtitle{
width: 100%;
font-size: 16px;
}
.bigEvent .infoArticle .infoAuthor{
font-size: 10px;
margin-top: 15px;
}
.event .sticker .stickerText{
font-size: 8px;
}
.event .infoArticle{
padding: 20px 10px;
}
.blogBoxes .toDetailVlog{
width: 100%;
}
.event .infoArticle .subtitle{
font-size: 14px;
}
.event .infoArticle .infoAuthor{
font-size: 8px;
}
.eventListBox .btn{
padding: 16px;
}
.blog .infoArticle{
padding: 35px 15px;
}
.containerBox .netBox{
width: 100%;
}
/* Detail Vlog */
.vlogDetailHeader .infoArticle{
padding: 50px 10px;
}
.vlogDetailHeader .infoArticle .subtitle{
font-size: 20px;
}
.containerBox .tagPath{
float: none;
}
.articleHeader .containerBox .networksBox{
float: none;
text-align: left;
margin-top: 30px;
}
.containerBox .networksBox .shareText{
display: none;
}
.articleText .subtitle{
font-size: 25px;
}
.articleText .arrow-right{
margin: 20px 0;
}
.articleText .sliderContainer{
width: 100%;
}
.containerImages .innerSlider{
height: 300px;
}
.sliderContainer .controlArticleSlider{
width: 30px;
height: 30px;
transform: translateY(0);
}
.controlArticleSlider.controlLeft{
left: 0px;
transform: translateY(0) rotateY(180deg);
}
.controlArticleSlider.controlRight{
right: 0px;
}
.gridBox .gridRow{
white-space: initial;
}
.gridRow .innerGrid{
width: 100%;
display: block;
margin-bottom: 40px;
}
.gridRow .innerGrid.desktop{
display: none;
}
.gridRow .innerGrid.mobile{
display: block;
}
/* Properite image */
.detailPropertieMap .bodyProperties .propertie{
width: 95%;
}
/* Detail Project page */
.asideSlide .arrowCircle{
display: block;
}
.infoDetail .asideDetailInfo{
padding: 0 30px;
}
.footerDetail .btn{
margin-bottom: 20px;
}
.footerDetail .shareDetailProject{
margin-left: 0;
}
.rowUnity .firstCellGroup{
width: 100%;
}
.rowUnity .secondCellGroup{
width: 100%;
margin: 5px 0;
}
/*
.secondCellGroup .cellUnity{
width: 100%;
text-align: center;
margin: 10px 0;
}
.secondCellGroup .lastCell{
width: 100%;
text-align: left;
}
.innerRowUnity .rightSec{
width: 100%;
margin-top: 10px;
}
*/
.iconFeatures {
width: 37%;
}
.innerIconFeatures{
width: 80px;
height: 80px;
}
.inVlog .blogBoxes .toDetailVlog{
width: 100%;
margin: 20px 0;
}
/* Remodeling page */
.remodelingServicesBody .btn{
width: 70%;
margin: 5px 0;
}
/* Sellers Lessors page */
.videoText .innerVideo{
width: 100%;
}
.previewRemodeling {
width: 100%;
/* margin-left: -9%; */
}
.livesRich{
height: 15px;
}
.livesRich .bottomLine{
bottom: -55px;
height: 40px;
}
.detailIcons .outerIcon{
width: 48%;
margin: 10px 0;
}
#heroSection.reveal .livesRich {
bottom: 4%;
}
.detailPropertieMap .container span.resultText {
width: 50%;
}
.detailPropertieMap .container .resultLength {
font-size: 52px;
}
.detailPropertieMap .container span.resultText {
font-size: 15px;
}
.contOrderSearch {
width: 50%;
}
.innerFilter {
width: calc(100% - 104px);
}
}
@media only screen and (max-width: 400px){
.contMobileDispo {
width: 45%;
}
.dispCompra p,
.dispArriendo p {
font-size: 12px;
}
}
@media only screen and (max-height: 800px){
.formHeader #topBarVlog.open{
max-height: 250px;
/* overflow: auto;*/
}
.bar .container .selectBigGroup {
position: relative;
}
.contentBox .subtitle{
font-size: 24px;
}
/*
.contMasFiltros p {
padding: 20px 0;
}
*/
}
@media only screen and (max-height: 750px){
/*
.logoMenu #closeMenu {
left: -40px;
}
*/
.logoMenu #closeMenu {
/* left: -40px; */
left: 15px;
top: 15px;
margin: 0;
}
.mainLi .innerText {
font-size: 25px;
}
}