/*Las Arenas Residencial*/ @font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-Regular.woff2') format('woff2'), url('../fonts/Gilroy-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-Medium.woff2') format('woff2'), url('../fonts/Gilroy-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-Bold.woff2') format('woff2'), url('../fonts/Gilroy-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Gilroy'; src: url('../fonts/Gilroy-SemiBold.woff2') format('woff2'), url('../fonts/Gilroy-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?kbmeje'); src: url('../fonts/icomoon.eot?kbmeje#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?kbmeje') format('truetype'), url('../fonts/icomoon.woff?kbmeje') format('woff'), url('../fonts/icomoon.svg?kbmeje#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } @font-face { font-family:'Gilroy-Black'; src: url('../fonts/y Black.eot'); src: url('../fonts/y Black.eot?#iefix') format('embedded-opentype'), url('../fonts/y Black.woff2') format('woff2'), url('../fonts/y Black.woff') format('woff'), url('../fonts/y Black.svg#y Black') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family:'Gilroy-Light'; src: url('../fonts/y Light.eot'); src: url('../fonts/y Light.eot?#iefix') format('embedded-opentype'), url('../fonts/y Light.woff2') format('woff2'), url('../fonts/y Light.woff') format('woff'), url('../fonts/y Light.svg#y Light') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-call:before { content: "\e900"; color: #fff; } .icon-cuota-inicial:before { content: "\e901"; color: #fff; } .icon-fa:before { content: "\e902"; color: #fff; } .icon-fono:before { content: "\e903"; color: #fff; } .icon-google-map:before { content: "\e904"; color: #fff; } .icon-habilitacion:before { content: "\e905"; color: #fff; } .icon-ig:before { content: "\e906"; color: #fff; } .icon-Logo .path1:before { content: "\e907"; color: rgb(19, 123, 78); } .icon-Logo .path2:before { content: "\e908"; margin-left: -2.3623046875em; color: rgb(19, 123, 78); } .icon-Logo .path3:before { content: "\e909"; margin-left: -2.3623046875em; color: rgb(19, 123, 78); } .icon-Logo .path4:before { content: "\e90a"; margin-left: -2.3623046875em; color: rgb(19, 123, 78); } .icon-Logo .path5:before { content: "\e90b"; margin-left: -2.3623046875em; color: rgb(19, 123, 78); } .icon-Logo .path6:before { content: "\e90c"; margin-left: -2.3623046875em; color: rgb(19, 123, 78); } .icon-Logo .path7:before { content: "\e90d"; margin-left: -2.3623046875em; color: rgb(19, 123, 78); } .icon-Logo .path8:before { content: "\e90e"; margin-left: -2.3623046875em; color: rgb(19, 123, 78); } .icon-Logo .path9:before { content: "\e90f"; margin-left: -2.3623046875em; color: rgb(19, 123, 78); } .icon-Logo .path10:before { content: "\e910"; margin-left: -2.3623046875em; color: rgb(19, 123, 78); } .icon-Logo .path11:before { content: "\e911"; margin-left: -2.3623046875em; color: rgb(19, 123, 78); } .icon-Logo .path12:before { content: "\e912"; margin-left: -2.3623046875em; color: rgb(19, 123, 78); } .icon-Logo .path13:before { content: "\e913"; margin-left: -2.3623046875em; color: rgb(130, 82, 70); } .icon-Logo .path14:before { content: "\e914"; margin-left: -2.3623046875em; color: rgb(159, 128, 79); } .icon-Logo .path15:before { content: "\e915"; margin-left: -2.3623046875em; color: rgb(189, 159, 104); } .icon-Logo .path16:before { content: "\e916"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path17:before { content: "\e917"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path18:before { content: "\e918"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path19:before { content: "\e919"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path20:before { content: "\e91a"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path21:before { content: "\e91b"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path22:before { content: "\e91c"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path23:before { content: "\e91d"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path24:before { content: "\e91e"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path25:before { content: "\e91f"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path26:before { content: "\e920"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path27:before { content: "\e921"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path28:before { content: "\e922"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path29:before { content: "\e923"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path30:before { content: "\e924"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path31:before { content: "\e925"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path32:before { content: "\e926"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path33:before { content: "\e927"; margin-left: -2.3623046875em; color: rgb(241, 136, 37); } .icon-Logo .path34:before { content: "\e928"; margin-left: -2.3623046875em; color: rgb(196, 182, 128); } .icon-logo-blanco:before { content: "\e929"; color: #fff; } .icon-plano-ubicacion:before { content: "\e92a"; color: #fff; } .icon-playa:before { content: "\e92b"; color: #fff; } .icon-precio-lista:before { content: "\e92c"; color: #fff; } .icon-section01-a1:before { content: "\e92d"; color: #fff; } .icon-section01-a2:before { content: "\e92e"; color: #fff; } .icon-section01-a3:before { content: "\e92f"; color: #fff; } .icon-section01-a4:before { content: "\e930"; color: #fff; } .icon-section01-a5:before { content: "\e931"; color: #fff; } .icon-section01-a6:before { content: "\e932"; color: #fff; } .icon-section01-a7:before { content: "\e933"; color: #fff; } .icon-section01-a8:before { content: "\e934"; color: #fff; } .icon-section02-b1:before { content: "\e935"; color: #fff; } .icon-section02-b2:before { content: "\e936"; color: #fff; } .icon-section02-b3:before { content: "\e937"; color: #fff; } .icon-techo-propio:before { content: "\e938"; color: #fff; } .icon-wsp:before { content: "\e939"; color: #fff; } body { margin: 0; padding: 0; /* padding-top: 112px; */ font-family: 'Gilroy'; overflow-x:hidden; background: #FFFFFF; } /* LoadPage */ #page-load { position: fixed; width: 100%; height: 100%; top:0; left: 0; z-index: 10000000000; background-color: #fff; } .status { position: absolute; left: 50%; top: 50%; margin-top: -32px; margin-left: -32px; } /* End LoadPage */ h1, h2, h3, h4, h5, h6{ font-family: 'Gilroy'; } h1{ color: #000000; font-weight: 400; font-size: 32px; line-height: 35px; position: relative; font-family: 'Gilroy'; font-weight: bold; } h2{ color: #000000; font-weight: 400; font-size: 60px; line-height: 70px; margin-bottom: 50px; font-family:'Gilroy-Light'; text-transform: uppercase; } h3{ color: #000000; font-weight: 400; font-size: 25px; line-height: 30px; margin-bottom: 30px; font-family:'Gilroy-Black'; } h4{ color: #000000; font-size: 32px; line-height: 38px; font-weight: 700; margin-bottom: 42px; font-family: 'Gilroy'; } hr.line{ margin-top: 3.1rem; margin-bottom: 3.1rem; border-top: 1px solid #C4C4C4; } p, ul{ font-size: 20px; line-height: 25px; color: #000000; font-weight: 500; margin-bottom: 20px; } a{ color: #FFFFFF; text-decoration: underline; } a:hover{ color: #e2e2e2; } *{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content{ max-width: 1560px; margin: 0 auto; position: relative; } .header-pageone{ grid-template-columns: inherit; padding: 0; height: 112px; border-bottom: 1px solid #D9D9D9; } header{ display: grid; grid-template-columns: 50% 50%; align-items: center; padding: 78px 0; } header h1{ max-width: 440px; text-align: left; margin: 0 auto; } header .logo{ margin: 0 auto; } /* Menu Scroll */ .header_burguer{ display: grid; align-items: center; justify-content: center; padding: 12px 0; border-right: solid 0px #ccc; grid-gap: 8px; /*height: 100%;*/ cursor: pointer; max-height: max-content; position: relative; } .header_burguer span{ width: 34px; height: 3px; background: #F18825; border: 1px solid #F18825; display: table; transition: ease 0.5s; } .header_burguer span:nth-child(2){ /*margin: 5px 0;*/ } .burguer_animation span:nth-child(2){ opacity: 0; } .burguer_animation span:nth-child(1){ transform: translateY(11px) rotateZ(45deg); transition: ease 0.5s; } .burguer_animation span:nth-child(3){ transform: translateY(-11px) rotateZ(-45deg); transition: ease 0.5s; } .header_menu{ position: fixed; height: 100vh; background: #137B4E; height: calc(100vh - 70px); top: 112px; opacity: 0; right: 100%; width: 100%; transition: ease 0.5s; } .mostrar_menu.header_menu{ right: 0; opacity: 1; transition: ease 0.5s; } .header_menu ul{ display: grid; grid-gap: 20px; padding: 40px; font-size: 17px; } .header_menu ul li{} .header_menu ul li a{ padding: 15px; display: block; text-decoration: none; border-bottom: solid 0px transparent; -webkit-transition: all 0.3s; transition: all 0.3s; } a.itemm:hover{ color: #868686; text-decoration: none; border-bottom: solid 0px #868686 !important; padding-bottom: 20px !important; -webkit-transition: all 0.3s; transition: all 0.3s; } /* a.active:hover{ text-decoration: none; border-bottom: solid 0px #041E42; padding-bottom: 20px !important; } */ a.active{ position: relative; } /* a.active:before{ content: ''; position: absolute; width: 60px; height: 30px; background: transparent; border-right: solid 2px #041E42; border-bottom: solid 2px #041E42; bottom: 0; right: 0; } a.active:after{ content: ''; position: absolute; width: 60px; height: 30px; background: transparent; border-left: solid 2px #041E42; border-top: solid 2px #041E42; top: 0; left: 0; } */ /* Menu Scroll Ends */ .bloquecontenedor{ } .sect1{ margin-top: -6%; z-index: 0; position: relative; } .sect2{ margin-top: -6%; } .sect6{ margin-top: -6%; z-index: 10; position: relative; } section{ width: 100%; display: block; padding: 100px 0; position: relative; } section h2{ font-family:'Gilroy-Light'; } section h2 strong{ font-family:'Gilroy-Black'; font-weight: 400; } .section-block01{ background:#137B4E; } .section-block02{ background:#F18825; } .section-block03{ background:#ffffff; } .section-block05{ z-index: 4; } .section-block06{ background:#F18825; } .section-block08{ background:#F18825; } .section-block09{ background:#212121; } .st0{fill:#137B4E;} .st2{fill:#F18825;} .st5{fill:#ffffff;} .st6{fill:#F18825;} .section-block01 h2, .section-block01 p{ color:#ffffff; } .section-block02 h2, .section-block02 p{ color:#ffffff; } .section-block03 h2{ color:#137B4E; } .section-block04 h2{ color:#137B4E; } .section-block02 p{ color:#ffffff; } .section-block02 h4{ color:#ffffff; } .section-block01 h2{ max-width: 80%; margin-left: auto; margin-right: auto; } .section-block02 h2{ max-width: 80%; margin-left: auto; margin-right: auto; } .section-block05 h2, .section-block05 p{ color:#ffffff; } .section-block05 p{ font-size: 23px; line-height: 26px; } .section-block05 h3{ text-shadow: 0px 8px 8px rgba(0, 0, 0, 0.25); } .section-block05 h3.th3-1{ color:#ffffff; } .section-block05 h3.th3-2{ color:#FFDF39; } .section-block08 h2, .section-block08 h4, .section-block08 p{ color:#ffffff; } .section-block08 h4{ font-weight: 600; } .section-block08 ul{ color:#ffffff; font-weight: 600; font-size: 22px; line-height: 44px; margin: 0; padding: 0; } .section-block08 .subtitular{ max-width: 80%; margin: 0 auto; font-size: 30px; line-height: 36px; } .section-block-interna{ background:#ffffff; } .section-block-interna h2{ margin-top: 60px; } .cut-top-block00, .cut-bottom-block00, .cut-top-block01, .cut-bottom-block01, .cut-top-block02, .cut-bottom-block02, .cut-top-block03, .cut-bottom-block03, .cut-top-block04, .cut-bottom-block04, .cut-top-block05, .cut-bottom-block05, .cut-top-block06, .cut-bottom-block06, .cut-top-block07, .cut-bottom-block07, .cut-top-block08, .cut-bottom-block08, .cut-top-block09, .cut-bottom-block09{ display: block; } .cnt-pageone{ padding: 50px 0; padding-bottom: 30px; } .cnt-pageone p{ margin-bottom: 0px; } .cnt-pageone h2{ color: #137B4E; font-size: 50px; line-height: 60px; margin-top: 40px; margin-bottom: 40px; } .cnt-pageone h2 strong{ font-family: 'Gilroy-Black'; font-weight: 400; } .cnt-pageone h4{ font-size: 28px; line-height: 32px; font-weight: 600; font-family: 'Gilroy'; } .cnt-pageone .textline{ display: block; color: #F18825; text-decoration: underline; font-size: 25px; line-height: 29px; text-align: center; font-weight: 400; margin-bottom: 50px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .cnt-pageone .textline:hover{ color: #137B4E; -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } /* Accordion */ .accordionWhite{ } .accordionWhite button{ font-family: 'Gilroy'; font-weight: Bold; font-size: 25px; line-height: 32px; color: #000000; } .accordionWhite .accordion-item h2{ margin-top: 20px; margin-bottom: 20px; } .accordionWhite .accordion-button:not(.collapsed){ color: #137B4E !important; background-color: #FFDF39 !important; border: transparent; } .accordionWhite .accordion-button:focus{ box-shadow: none; } .accordionWhite .accordion-body{ padding-bottom: 40px; } /* Accordion Ends */ .cut-top-block02{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); } .cut-bottom-block02{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); margin-top: -1px; } .cut-top-block05{ z-index: 5; top: -1px; position: relative; } .cut-bottom-block05{ z-index: 5; position: absolute; bottom: 0; } .cut-top-block06{ z-index: 5; position: relative; } .bgtransparent{ position: absolute; width: 100%; /* height: 500px; */ background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; z-index: 1; } .effect-icon{ position: absolute; top: 50%; left: 50%; background: rgba(0, 0, 0, 0.5); border-radius: 200px; text-align: center; width: 100px; height: 96px; padding: 20px; margin-left: -40px; margin-top: -40px; z-index: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .image-effect{ width: auto; margin:0 0; padding:0; display:inline-block; overflow:hidden; position:relative; border-radius: 25px; background-color: #000000; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .image-effect > img{ width: 100%; max-width: 100%; } .zoom > img{ transform-origin: center; transition: transform 0.5s ease-in-out; } .zoom:hover > img{ opacity: 0.9; transform: scale(1.4); border-radius: 25px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .zoom:hover .effect-icon{ -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .image-radius{ border-radius: 25px; } .imageback{ position: relative; } /* Parallax */ .parallax-window { min-height: 400px; background: transparent; } .parallax-window.imageback { min-height: 900px; } .parallax-window.bannerblockb { min-height: 500px; position: relative; } .banner-block-b{ border-radius: 25px; height: 500px; background-image: url(../images/banner-bono.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } .carousel-indicators { border-radius: 10px !important; } .carousel-indicators .active{ width: 30px !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .carousel-indicators [data-bs-target]{ width: 10px; height: 8px; border-top: 0px solid transparent !important; border-bottom: 0px solid transparent !important; border-radius: 10px !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .carousel-control-next-icon, .carousel-control-prev-icon{ width: 3rem !important; height: 3rem !important; background-color: rgba(0, 0, 0, 0.5); border-radius: 100px !important; } .carousel-control-next-icon{ background-image: url(../images/arrow-right.svg); background-size: 35% auto; } .carousel-control-prev-icon{ background-image: url(../images/arrow-left.svg); background-size: 35% auto; } .bgcarousel{ height: 770px; } .bgcarousel01{ background-image: url(../images/foto-galery06.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel02{ background-image: url(../images/foto-galery07.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel03{ background-image: url(../images/foto-galery08.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel04{ background-image: url(../images/foto-galery09.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel05{ background-image: url(../images/foto-galery10.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel001{ background-image: url(../images/foto-galery01.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel002{ background-image: url(../images/foto-galery02.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel003{ background-image: url(../images/foto-galery03.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel004{ background-image: url(../images/foto-galery04.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel005{ background-image: url(../images/fotogalery05.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .carouselgalleryitems .carousel-indicators [data-bs-target]{ background-color: #137B4E; } .carouselgalleryitems .carousel-control-next, .carouselgalleryitems .carousel-control-prev{ width: 6%; } .home-carousel-description{ /* max-width: 425px; */ margin: 0 10%; padding-top: 112px; text-align: center; display: flex; justify-content: left; align-items: center; height: 100vh; } .home-carousel-description h1{ font-family: 'Gilroy'; font-weight: Bold; display: initial; margin-bottom: 15px; background-color: #F18825; } .home-carousel-description span{ padding: 8px 12px; } .home-carousel-description span.lin1{ color: #ffffff; font-size: 22px; line-height: 26px; } .home-carousel-description span.lin2{ color: #f8ffbc; font-size: 38px; /* line-height: 44px; */ } .home-carousel-description h2{ margin-top: 15px; } .home-carousel-description h2, .home-carousel-description h3{ margin-top: 15px; margin-bottom: 15px; } .home-carousel-description h1 strong{ } .galleryitem{ height: 530px; } .galleryitemtext { align-items: center; display: flex; } .cnt-slidedescription{ border: 1px solid #000000; border-radius: 25px; margin: 0px 100px; padding: 50px 0; } .cnt-slidedescriptionplane{ border: 1px solid #000000; border-radius: 25px; margin: 0px 100px; padding: 20px 0; text-align: center; } .cnt-slidedescription .sizeminigallery{ width: 48%; } .cnt-slidedescription h2{ font-family: 'Gilroy-Black'; font-size: 32px; line-height: 36px; color: #000000; margin-bottom: 30px; } .cnt-slidedescription h3{ font-family: 'Gilroy'; font-weight: Bold; font-size: 26px; line-height: 27px; color: #ffffff; padding: 13px 40px; background: #F18825; border-radius: 12px; max-width: 300px; text-align: center; } .cnt-slidedescription p{ font-family: 'Gilroy'; font-weight: Bold; color: #137B4E; font-size: 23px; line-height: 26px; max-width: 282px; } .cnt-slidedescription ul{ padding: 0; margin: 0; margin-left: 20px; font-family: 'Gilroy'; color: #000000; line-height: 33px; } .cnt-tabs{ display: flex; justify-content: center; margin-bottom: 60px; border: 0; } .nav-tabs.cnt-tabs .nav-link.active{ color: #137B4E; background: #FFDF39; border: 3px solid #FFDF39; } .nav-tabs.cnt-tabs .nav-link{ color: #137B4E; background: #ffffff; display: flex!important; align-items: center!important; justify-content: center!important; min-width: 260px; font-family: 'Gilroy'; font-style: normal; font-weight: 800; text-align: center; text-decoration: none; padding: 15px 15px; border-radius: 15px; border: 3px solid #FFDF39; margin: 0 30px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .nav-tabs.cnt-tabs .nav-link:hover{ background: #FFDF39; border: 3px solid #FFDF39; } /* Slider */ .home-carousel{ height: 100vh; } .home-carousel-bgsorteo{ background-image: url(../images/web-sorteo-fiestas-1728_807.png) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } @media (min-width: 0px) and (max-width: 768px) { .home-carousel-bgsorteo{ background-image: url(../images/web-sorteo-fiestas-390_608.png) !important; } } .home-carousel-bg00{ background-image: url(../images/web-sorteo-fiestas-1728x807.png) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } @media (min-width: 0px) and (max-width: 768px) { .home-carousel-bg00{ background-image: url(../images/web-sorteo-fiestas-390x608.png) !important; } } .home-carousel-bga2{ background-image: url(../images/banner_refiereygana_desktop.jpg) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } @media (min-width: 0px) and (max-width: 768px) { .home-carousel-bga2{ background-image: url(../images/banner_refiereygana_desktop_movil.jpg) !important; } } .home-carousel-bgn3{ background-image: url(../images/banner_desktop_arenas_julio.jpg) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } @media (min-width: 0px) and (max-width: 768px) { .home-carousel-bgn3{ background-image: url(../images/banner_mobile_arenas_julio.jpg) !important; } } /* .home-carousel-bgn3{ background-image: url(../images/web-arenas-1728_807.png) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } @media (min-width: 0px) and (max-width: 768px) { .home-carousel-bgn3{ background-image: url(../images/web-arenas-390_608_.png) !important; } } */ .home-carousel-bg01{ background-image: url(../images/banner-home-01.jpg) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } .home-carousel-bg02{ background-image: url(../images/banner-home-02.jpg) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } .img-fill{ width: 100%; display: block; overflow: hidden; position: relative; text-align: center } .img-fill img { min-height: 100%; min-width: 100%; position: relative; display: inline-block; max-width: none; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04); } .Grid1k { padding: 0 15px; max-width: 1200px; margin: auto; } .blocks-box, .slick-slider { margin: 0; padding: 0!important; } .slick-slide { float: left /* If RTL Make This Right */ ; padding: 0; } /* ==== Slider Style === */ .Modern-Slider .item .img-fill{ height:105vh; } .Modern-Slider .item .img-fill .info{ position:absolute; width:100%; height:100%; top:0px; left:0px; padding-top: 4%; padding-left: 8%; /* background:rgba(0,0,0,.50); */ line-height:100vh; text-align:left; } .Modern-Slider .item .img-fill img{ /* filter:blur(5px); */ } .Modern-Slider .item .info > div{ display:inline-block!important; vertical-align:middle; margin-top: -6%; } .Modern-Slider .NextArrow{ position:absolute; top:50%; right:0px; width:45px; height:45px; background:rgba(0,0,0,.50); border:0 none; margin-top:-22.5px; text-align:center; font:20px/45px FontAwesome; color:#FFF; z-index:5; } .Modern-Slider .NextArrow:before{content:'\f105';} .Modern-Slider .PrevArrow{ position:absolute; top:50%; left:0px; width:45px; height:45px; background:rgba(0,0,0,.50); border:0 none; margin-top:-22.5px; text-align:center; font:20px/45px FontAwesome; color:#FFF; z-index:5; } .Modern-Slider .PrevArrow:before{content:'\f104';} .Modern-Slider .slick-dots{ position:absolute; height:5px; background:rgba(255,255,255,.20); top:112px; width:100%; left:0px; padding:0px; margin:0px; list-style-type:none; } .Modern-Slider .slick-dots li button{display:none;} .Modern-Slider .slick-dots li{ float:left; width:0px; height:5px; background:#f18825; position:absolute; left:0px; bottom:0px; } .Modern-Slider .slick-dots li.slick-active{ width:100%; animation:ProgressDots 11s both; } .Modern-Slider .item h1{ animation:fadeOutRight 1s both; margin:0; padding:0; color: #FFFFFF; font-family: 'Gilroy'; font-weight: Bold; margin-bottom: 15px; text-align: center; } .Modern-Slider .item h1 span.lin1{ display: inline-block; font-size: 42px; line-height: 40px; padding:8px 16px; padding-bottom: 2px; background-color: #F18825; } .Modern-Slider .item h1 span.lin2{ display: inline-block; font-size: 68px; line-height: 65px; padding:8px 16px; color: #fffac2; background-color: #F18825; } .Modern-Slider .item h1 span.lin3{ padding-top: 0px; } .Modern-Slider .item h5{ margin:0; padding:0; font:15px/30px RalewayR; color:#FFF; max-width:600px; overflow:hidden; /* height:60px; */ animation:fadeOutLeft 1s both; } .Modern-Slider .item.slick-active h1{ animation:fadeInDown 1s both 1s; } .Modern-Slider .item.slick-active h5{ animation:fadeInLeft 1s both 1.5s; } .Modern-Slider .item img{ animation:slideZooming-Out 1s both; } .Modern-Slider .item.slick-active img{ animation:slideZooming-In 1s both; } /* ==== Slider Image Transition === */ @-webkit-keyframes ProgressDots{from{width:0px;}to{width:100%;}} @keyframes ProgressDots{from{width:0px;}to{width:100%;}} /* ==== Slick Slider Css Ruls === */ .slick-slider{position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none}.slick-list.dragging{cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} /* Slider End */ /* BoxForm */ .boxform{ position: absolute; top: 21%; right: calc(10% + 20px);; z-index: 5; max-width: 350px; padding: 12px 18px; } .boxform h2{ font-family: 'Gilroy-Black'; font-size: 22px; line-height: 26px; text-align: center; color: #FFFFFF; margin-bottom: 20px; } .bg-frontbox-form, .bg-backbox-form{ position: absolute; } .bg-frontbox-form{ top: 13%; right: 6%; z-index: 2; } .bg-backbox-form{ top: 15%; right: 6%; z-index: 1; } /* BoxForm End */ .logogallerysvg{ bottom: 0; z-index: 10; position: absolute !important; right: 0; width: 28%; } .modal-backdrop.show{ opacity: 0.8; } .modallight .modal-dialog{ max-width: max-content; } .modallight .modal-body{ padding: 0; } .modallight .modal-header{ position: absolute; right: -60px; height: 55px; z-index: 1; background: #fff; border-radius: 90px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .modallight .modal-header .btn-close{ right: 0; left: -4px; position: relative; } .modallight .modal-header:hover{ -webkit-transform: scale(1.06); transform: scale(1.06); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .modaltransp .modal-dialog{ max-width: 88%; top: 7%; } .modaltransp.modalvideo .modal-dialog{ top: 15%; max-width: 60%; margin: 0 auto; } .modaltransp .modal-content{ background-color: inherit; } .modaltransp .modal-body{ padding: 0; } .modaltransp .modal-header{ position: absolute; right: -60px; height: 55px; z-index: 1; background: #fff; border-radius: 90px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .modaltransp .modal-header .btn-close{ right: 0; left: -4px; position: relative; } .modaltransp .modal-header:hover{ -webkit-transform: scale(1.06); transform: scale(1.06); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .modalgallery .modal-dialog{ max-width: 88%; top: 7%; } .modalgallery .modal-content{ background-color: #FFFFFF; } .modalgallery .modal-body{ padding: 0; } .modalgallery .modal-header{ position: absolute; right: -60px; height: 55px; z-index: 1; background: #fff; border-radius: 90px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .modalgallery .modal-header .btn-close{ right: 0; left: -4px; position: relative; } .modalgallery .modal-header:hover{ -webkit-transform: scale(1.06); transform: scale(1.06); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .modalgallery h2{ font-family: 'Gilroy'; font-style: normal; font-weight: 800; font-size: 40px; line-height: 40px; margin-top: 30px; margin-bottom: 15px; } .modalgallery-logo{ position: absolute; bottom: 4.5%; margin-left: -100px; } .form-check{ color: #FFFFFF; } .form-check label{ margin-left: 12px !important; } .spacer-video{ display: block; position: relative; } .spacer-video svg{ position: absolute; z-index: 1; left: 50%; top: 50%; margin-top: -51px; margin-left: -51px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .spacer-video:hover svg{ -webkit-transform: scale(1.08); transform: scale(1.08); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-box{ display: flex!important; align-items: center!important; justify-content: center!important; min-width: 285px; font-family: 'Gilroy'; font-style: normal; font-weight: 800; text-align: center; text-decoration: none; padding: 15px 20px; border-radius: 15px; margin-bottom: 25px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-box.btncolor01{ color: #137B4E; background: #FFDF39; } .btn-box.btncolor02{ color: #137B4E; background: #ffffff; } .btn-box span.iconb{ font-size: 40px; line-height: 40px; padding-right: 15px; } .btn-box span.icont{ font-size: 20px; line-height: 40px; font-weight: bold; } .btn-box:hover{ color: #FFDF39; background: #137B4E; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-box:hover span:before{ color: #FFDF39; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-box span:before{ color: #137B4E; } .top-footer{ padding-top: 50px; padding-bottom: 50px; } .datemain{ display: flex!important; align-items: center!important; justify-content: center!important; } .datemain span.icon-call{ font-size: 62px; line-height: 62px; color: #FFDF39; padding-top: 33px; padding-right: 20px; } .datemain span.icon-call:before{ color: #FFDF39; } .datemain p{ font-family: 'Gilroy'; font-weight: bold; font-size: 20px; line-height: 32px; color: #FFFFFF; margin: 0; } .phone-datemain{ font-family: 'Gilroy-Black'; font-size: 38px; line-height: 40px; color: #FFFFFF; text-decoration: none; } .email-datemain{ font-family: 'Gilroy'; font-weight: bold; font-size: 26px; line-height: 30px; color: #FFFFFF; text-decoration: none; } .bottom-footer { padding-top: 25px; padding-bottom: 25px; background-color: #1E1E1E; } .bottom-footer p{ font-size: 13px; line-height: 18px; text-align: center; color: #FFFFFF; margin: 0; } .footer{ background-color: #000000; padding-top: 64px; padding-bottom: 50px; } .footer h3{ color: #FFFFFF; font-family: 'Gilroy'; font-weight: bold; } .footer p{ font-size: 13px; line-height: 18px; text-align: center; color: #FFFFFF; } .footer-social{ display: flex!important; align-items: center!important; justify-content: center!important; } .footer-social a{ text-decoration: none; font-size: 88px; line-height: 50px; padding: 0 22px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .footer-social a:hover{ color: #ffffff; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .footer-social a:hover span::before{ color: #ffffff; } .footer-social a span::before{ color: #F18825; } ul.list-footer{ list-style: none; margin: 0; padding: 0; text-align: center; } .list-footer li{ list-style: none; margin: 0; padding: 0; } .list-footer a{ text-decoration: underline; margin-bottom: 10px; display: inline-block; } .price-color{ background: #F18825; border-radius: 25px; padding: 15px 28px; width: 502px; height: 138px; position: relative; display: inline-block; margin-bottom: 25px; /* -webkit-text-stroke-width: 10px; -webkit-text-stroke-color: #ce7e00; */ } .tlight, .tborder{ position: absolute; } .tlight{ font-family: 'Gilroy-Black'; font-weight: 400; font-size: 102px; line-height: 102px; color: #FFFFFF; z-index: 2; } .tborder{ font-family: 'Gilroy-Black'; font-weight: 400; font-size: 102px; line-height: 102px; color: #ce7e00; z-index: 1; -webkit-text-stroke-width: 17px; -webkit-text-stroke-color: #ce7e00; } .maxwidth60{ max-width: 60%; } .maxwidth70{ max-width: 70%; } .maxwidth80{ max-width: 80%; } .list-circle ul{ list-style: none; } .list-circle li{ list-style: none; margin-bottom: 20px; padding-left: 25px; background: url(../images/icon-circle.svg) no-repeat 0 center; } .color1{ fill:#00A143; } .text-boxlist strong{ display: inline-block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .bounce-2:hover{ animation-name: bounce-2; animation-timing-function: ease; } @keyframes bounce-2 { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-10px); } 50% { transform: scale(1,1) translateY(0); } 100% { transform: scale(1,1) translateY(0); } } .boxan1 { align-self: flex-end; animation-duration: 2s; /* animation-iteration-count:infinite; */ animation-iteration-count:initial; transform-origin: bottom; } .boxlist:hover { position: relative; &::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid gold; border-radius: 20px; animation: clippath 3s infinite linear; } } @keyframes clippath { 0%, 100% { clip-path: inset(0 0 95% 0); } 25% { clip-path: inset(0 95% 0 0); } 50% { clip-path: inset(95% 0 0 0); } 75% { clip-path: inset(0 0 0 95%); } } .cnt-boxlist{ max-width: 68%; } .boxlist{ display: grid; grid-template-columns: 10% 90%; align-items: center; background: #FFFFFF; border: 2px solid #E0E0E0; border-radius: 20px; padding: 17px 20px; text-decoration: none; font-family: 'Gilroy'; font-weight: 500; font-size: 36px; line-height: 46px; margin-bottom: 20px; } .boxlist #iconsvg{ width: 40px; } .boxlist .text-boxlist{ padding-left: 0px; } .boxlist strong{ font-family: 'Gilroy-Black'; font-weight: 400; color: #137B4E; } .boxlist.numberbig{ grid-template-columns: 17% 83%; border: 0 solid #E0E0E0; color: #000000; padding: 27px 20px; margin-bottom: 50px; } .boxlist.numberbig .text-boxlist{ padding-left: 20px; } .numberbig .snumber{ font-size: 41px; line-height: 46px; font-family: 'Gilroy' !important; font-weight: 700; color: #FFFFFF; background: #137B4E; padding: 12px 20px; border-radius: 15px; text-align: center; } .numberbig .stext{ font-size: 28px; line-height: 32px; color: #000000; font-weight: 700; } .boxlist.numberbig.colorb2{ color: #FFFFFF; background: #137B4E; grid-template-columns: 14% 86%; min-height: 144px; margin-bottom: 28px; } .colorb2 .snumber{ font-size: 32px; line-height: 38px; color: #000000; background: #FFFFFF; } .colorb2 .stext{ font-size: 25px; line-height: 30px; color: #FFFFFF; font-weight: 400; text-align: left; } .navbar-toggler-icon{ width: 2em !important; height: 2em !important; background: url(../images/icon-menu.svg) no-repeat center center !important; } .btn-menufull{ border-radius: 0 !important; border: 0 !important; } .offcanvas{ width: 100% !important; background-color: #137B4E !important; } .offcanvas-backdrop{ margin-top: 112px !important; } .offcanvas.offcanvas-end{ margin-top: 112px !important; } .btn-close{ background: url("../images/icon_close.svg") no-repeat center center !important; opacity: 1 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .offcanvas-header .btn-close{ position: absolute; right: 17px; top: -82px; padding: 28px; background-color: #FFFFFF !important; } .offcanvas-header .btn-close:hover{ -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .offcanvas-body{ font-family: 'Gilroy'; color: #FFFFFF; } .offcanvas-body ul.navbar-nav{ font-size: 30px; line-height: 40px; display: inline-block; margin-top: 50px; } .offcanvas-body ul.navbar-nav a{ font-size: 30px; color: #FFFFFF; font-weight: 800; padding-top: 10px; padding-bottom: 10px; } .offcanvas-body ul.navbar-nav a:hover{ color: #FFDF39; transform: translate(2%,0); transform: scale(1.1); } .btnitemscroll.active{ color: #FFDF39 !important; } .offcanvas-footer{ text-align: center; } .offcanvas-footer h3{ font-weight: 800; font-family: 'Gilroy'; color: #FFFFFF; font-size: 19px; line-height: 23px; margin-top: 90px; margin-bottom: 15px; } ul.offcanvas-social{ margin: 0; padding: 0; display: flex; justify-content: center; align-content: center; } ul.offcanvas-social li{ display: inline-block; } ul.offcanvas-social li a{ font-size: 80px; line-height: 95px; text-decoration: none; padding: 0 20px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } ul.offcanvas-social li a:hover .icon-ig:before, ul.offcanvas-social li a:hover .icon-fa:before{ color: #FFDF39; } .can-social{ display: block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .can-social:hover{ -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } @keyframes lentesmove{ to{ transform: translateY(-8px) translateX(0px); } } .navbar-custom{ padding-top: 22px; padding-bottom: 22px; background-color: #f4f4f4 !important; position: fixed; top: 0; width: 100%; opacity: 1; z-index: 50; } .navbar-phone{ font-style: normal; font-weight: 400; font-family: 'Gilroy-black'; font-size: 20px; line-height: 25px; text-align: center; color: #137B4E; background: #FFDF39; text-decoration: none; padding: 15px 25px; padding-left: 45px; border-radius: 15px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .navbar-phone{ /*FloatRight*/ right: 100px; position: absolute; } .navbar-phone:hover{ color: #FFDF39; background: #137B4E; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .navbar-phone:hover .icon-fono:before{ color: #FFDF39; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .navbar-phone .icon-fono:before{ color: #137B4E; } .icon-fono{ position: absolute; left: 20px; -webkit-animation: ANIMATION-PHONE 2s infinite; -webkit-animation-iteration-count:infinite; } @-webkit-keyframes ANIMATION-PHONE{ 0% { } 10% { -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -o-transform:rotate(5deg); } 20% { -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -o-transform:rotate(-5deg); } 30% { -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -o-transform:rotate(5deg); } 40% { -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -o-transform:rotate(-5deg); } 50% { -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -o-transform:rotate(5deg); } 60% { -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -o-transform:rotate(-5deg); } 70% { -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -o-transform:rotate(5deg); } 80% { -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -o-transform:rotate(-5deg); } 90% { -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); -o-transform:rotate(5deg); } 100% { -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -o-transform:rotate(-5deg); } } .float-fixed{ position: fixed; right: 0px; bottom: 0px; z-index: 500; } .coccoc-alo-ph-img-circle a{ text-decoration: none; } .coccoc-alo-ph-circle { width: 160px; height: 160px; top: 20px; left: 20px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .coccoc-alo-phone { background-color: transparent; width: 200px; height: 200px; cursor: pointer; z-index: 200000 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; right: 150px; top: 30px; } .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill { background-color: rgba(0, 242, 105, 0.5); opacity: .75 !important; } .coccoc-alo-ph-circle-fill { width: 100px; height: 100px; top: 50px; left: 50px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .coccoc-alo-ph-img-circle { width: 60px; height: 60px; top: 70px; left: 70px; position: absolute; /* background: ; */ text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: 1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; /* -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; */ } .coccoc-alo-ph-img-circle:hover{ -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle { background-color: #40C351; } .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle { border-color: #40C351; opacity: .5; } .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle { border-color: #75eb50; opacity: .5; } .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); opacity: .75 !important; } .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle, .coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle { background-color: #35cd49; } @-moz-keyframes coccoc-alo-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @-webkit-keyframes coccoc-alo-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @-o-keyframes coccoc-alo-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @keyframes coccoc-alo-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @-moz-keyframes coccoc-alo-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-webkit-keyframes coccoc-alo-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-o-keyframes coccoc-alo-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @keyframes coccoc-alo-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-moz-keyframes coccoc-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } @-webkit-keyframes coccoc-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } @-o-keyframes coccoc-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } @keyframes coccoc-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } .bounce-3 { animation-name: bounce-3; animation-timing-function: ease; } @keyframes bounce-3 { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-10px); } 50% { transform: scale(1,1) translateY(0); } 100% { transform: scale(1,1) translateY(0); } } .boxan-infinite { align-self: flex-end; animation-duration: 2s; animation-iteration-count:infinite; margin: 0 auto 0 auto; transform-origin: bottom; } .bounce-4:hover { animation-name: bounce-4; animation-timing-function: ease; } @keyframes bounce-4 { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-10px); } 50% { transform: scale(1,1) translateY(0); } 100% { transform: scale(1,1) translateY(0); } } .boxan { align-self: flex-end; animation-duration: 2s; /* animation-iteration-count:infinite; */ animation-iteration-count:initial; margin: 0 auto 0 auto; transform-origin: bottom; } .card-white{ background: #FFFFFF; border-radius: 25px; display: block; padding: 30px; margin: 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .card-white:hover{ /* animation: dimensionchange 1s infinite; */ } .card-white p{ color: #000000; margin: 0; } .card-white .card-whiteicon{ display: flex!important; justify-content: center!important; align-items: center!important; width: 85px; height: 75px; background: #F18825; border-radius: 20px; padding: 10px; margin: 0 auto; margin-bottom: 16px; } .card-white .card-whiteicon span{ font-size: 44px; line-height: 44px; } .card-white-v2{ background: #FFFFFF; border-radius: 25px; display: block; padding: 20px; margin: 12px 20px; } .card-white-v2 .card-whiteicon{ display: flex!important; justify-content: center!important; align-items: center!important; width: 100%; height: 105px; background: #945144; border-radius: 20px; padding: 10px; margin: 0 auto; margin-bottom: 16px; } .card-white-v2 .card-whiteicon span{ font-size: 60px; line-height: 60px; } .card-white-v2 .card-whiteicon span.sb3{ font-size: 40px; line-height: 40px; } .card-white-v2 h3{ font-size: 20px; line-height: 24px; margin-bottom: 0; } video{ position: relative; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; } .colcenter{ justify-content: center!important; } .mt-s1{ margin-top: 24px; } .mb-s1{ margin-bottom: 64px; } .pb-s1{ margin-bottom: 80px; } .pb-s2{ padding-bottom: 0px; } .mt-s2{ margin-top: 50px; } .mt-s6{ margin-top: 90px; } .mt-s7{ margin-top: 28px; } .mtp-s1{ margin-top: 32%; } .mtp-s2{ margin-top: 4%; } .pex-3{ padding: 0 4%; } .pey-1{ padding: 0 0%; } .wsp-custom{ top: 7px; font-size: 40px; position: relative; } .content-color{ background: #F18825; border-radius: 20px; position: relative; padding: 20px 23px; padding-bottom: 30px; margin-left: 25px; margin-right: 25px; margin-bottom: 40px; } .banner-residencial{ width: 100%; height: 441px; border-radius: 15px; background-size: cover; /* background-attachment: fixed; */ background-repeat: no-repeat; background-position: center center; background-image: url('../images/banner-image.jpg'); background-color: #FFFFFF; } .blocks-general{ display: grid; grid-template-columns: 19% 19% 19% 43%; align-items: top; padding: 20px 25px; padding-top: 20px; text-align: left; } .red-ico{ display: grid; grid-template-columns: 20% 80%; align-items: center; margin-bottom: 6px; color: #FFFFFF; text-decoration: none; font-family: 'Gilroy'; font-weight: 500; font-size: 25px; line-height: 29px; } .red-ico.mp-ico-text{ grid-template-columns: 7% 93%; } .block-red p{ color: #FFFFFF; padding-left: 53px; line-height: 33px; } .red-ico:hover{ color: #FFFFFF; opacity: 0.8; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .red-ico:hover img{ transform: rotate(-10deg); animation: lentesmove 0.8s alternate; animation-fill-mode: forwards; } .mp-ico-text img{ width: 30px; } .btn-red{ color: #FFFFFF; position: relative; font-family: 'Gilroy'; font-style: normal; font-weight: 800; font-size: 20px; line-height: 25px; background: rgba(19, 123, 78, 0.34); border: 2px solid #137B4E; border-radius: 26px; padding: 11px 26px; text-transform: uppercase; text-decoration: none; width: 214px; text-align: center !important; display: inline-block; } .btn-red:hover{ transform: translateY(1px) translateX(1px); animation: lentesmove 0.8s alternate; animation-fill-mode: forwards; color: #FFFFFF; background: #137B4E; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-red.solid{ background: #137B4E; } .btn-red.solid:hover{ background: rgba(19, 123, 78, 0.34); transform: translateY(1px) translateX(1px); animation: lentesmove 0.8s alternate; animation-fill-mode: forwards; color: #FFFFFF; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-red .ic{ display: none; } .btn-solicitar{ display: none; } .cut-top-block00{ display: none; } .cnt-Btnform{ display: none; } #carouselExampleAutoplaying, .section-block01, .section-block02, .section-block03, .section-block04, .section-block05, .section-block06, .section-block07, .section-block08, .section-block09 { overflow-x: hidden; overflow-y: clip; } /* .bloquecontenedor{ margin-top: -1%; } .bloquecontenedor.sect8{ margin-top: -3%; z-index: 5; position: relative; } */ .imgvideo{ width: 80%; } .carousel-indicators{ display: none; } .invalid-feedback{ margin-top: 0.3rem; font-size: .875em; line-height: 0.95em; color: #ffd800; } label .invalid-feedback{ margin-bottom: 0.6rem; } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple]):not([size]) { background-size: 7%; } .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){ border-top-right-radius: 0.5em; border-bottom-right-radius: 0.5em; } .boxform .form-control-lg{ font-size: 1.05rem; } @media (min-width: 0px) and (max-width: 1366px) { h2{ font-size: 52px; line-height: 62px; } .offcanvas-body ul.navbar-nav{ margin-top: 0; line-height: 32px; } .offcanvas-footer h3{ margin-top: 0px; margin-bottom: 10px; } ul.offcanvas-social li a{ padding: 0 8px; } .Modern-Slider .item .info > div{ margin-top: 0%; -ms-transform: scale(0.68); -moz-transform: scale(0.68); -webkit-transform: scale(0.68); -o-transform: scale(0.68); transform: scale(0.68); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .cnt-boxform{ } .boxform{ padding: 12px 0; -ms-transform: scale(0.66); -moz-transform: scale(0.66); -webkit-transform: scale(0.66); -o-transform: scale(0.66); transform: scale(0.66); top: calc(17% + 20px); right: calc(10% + 17px); } .posfor1{ -ms-transform: scale(0.68); -moz-transform: scale(0.68); -webkit-transform: scale(0.68); -o-transform: scale(0.68); transform: scale(0.68); margin-top: calc(-46% + 5px); margin-right: calc(12% - 10px); position: absolute; right: 0; z-index: 2; } .posfor2{ -ms-transform: scale(0.68); -moz-transform: scale(0.68); -webkit-transform: scale(0.68); -o-transform: scale(0.68); transform: scale(0.68); margin-top: calc(-44% + 5px); margin-right: calc(12% - 10px); position: absolute; right: 0; z-index: 1; } .form-check label{ font-size: 18px; line-height: 26px; } .input-group.mb-3{ margin-bottom: 0.7rem!important; } .card-white{ padding: 24px 20px; } .card-white p{ font-size: 18px; line-height: 22px; } .list-circle li{ margin-bottom: 10px; } .boxlist.numberbig{ padding: 20px 18px; margin-bottom: 24px; } .numberbig .snumber{ font-size: 36px; line-height: 38px; padding: 12px 14px; } .numberbig .stext{ font-size: 25px; line-height: 26px; } .boxlist{ font-size: 28px; line-height: 35px; } .section-block05 h3{ font-size: 22px; line-height: 26px; } .section-block05 p{ font-size: 28px; line-height: 35px; } .mtp-s1{ margin-top: 2%; } .blocks-general{ grid-template-columns: repeat(3, 1fr); align-items: top; } .box4 { grid-column-start: 1; grid-column-end: 4; } .block-red{ margin-bottom: 40px; } .red-ico{ grid-template-columns: 15% 85%; } .block-red.box4{ margin-bottom: 0px; } .box4 .red-ico.mp-ico-text{ grid-template-columns: 5% 95% !important; } } @media (min-width: 0px) and (max-width: 1280px) { h2{ font-size: 48px; line-height: 55px; } .offcanvas-body ul.navbar-nav{ margin-top: 0; line-height: 28px; } .offcanvas-footer h3{ margin-top: 0px; margin-bottom: 10px; } .header_menu ul{ padding-bottom: 32px; } .boxform{ top: calc(14% + 20px); } } @media (min-width: 0px) and (max-width: 1024px) { h2{ font-size: 42px; line-height: 52px; } section{ padding: 60px 0; } .card-white{ margin: 0; padding: 18px 13px; } .card-white p{ font-size: 16px; line-height: 18px; } .card-white-v2{ padding: 16px; margin: 12px 10px; } .card-white-v2 h3{ font-size: 20px; line-height: 22px; } .cnt-slidedescription .sizeminigallery{ width: 72%; } .cnt-slidedescription h2{ font-size: 26px; line-height: 30px; } .cnt-slidedescription h3{ font-size: 20px; line-height: 24px; } .cnt-slidedescription p{ font-size: 18px; line-height: 22px; } .cnt-slidedescription ul{ font-size: 18px; line-height: 28px; } .cnt-slidedescription{ padding: 30px 0; } .modalgallery h2{ font-size: 20px; line-height: 22px; margin-top: 20px; margin-bottom: 10px; } .modalgallery-logo{ display: none; } .section-block05 p{ font-size: 20px; line-height: 26px; } .boxlist{ font-size: 22px; line-height: 26px; } .boxlist .text-boxlist{ padding-left: 12px; } .price-color{ width: 325px; height: 102px; } .tlight{ font-size: 64px; line-height: 64px; } .tborder{ font-size: 64px; line-height: 64px; } .tborder svg{ display: none !important; } .section-block02 h4{ font-size: 24px; line-height: 26px; margin-bottom: 22px; } .numberbig .snumber{ font-size: 32px; line-height: 30px; padding: 12px 10px; } .numberbig .stext{ font-size: 22px; line-height: 22px; } .numberbig .stext{ font-size: 20px; line-height: 20px; } .section-block08 .subtitular{ max-width: 98%; margin: 0 auto; font-size: 24px; line-height: 28px; } .mt-s6{ margin-top: 70px; } .section-block08 ul{ font-size: 18px; line-height: 26px; } .phone-datemain{ font-size: 30px; line-height: 35px; } .email-datemain{ font-size: 22px; line-height: 26px; } .footer img{ width: 80%; } .footer-social a{ font-size: 60px; line-height: 60px; } .Modern-Slider .item .img-fill .info{ padding-left: 0; } .boxform{ top: calc(17% + 20px); right: calc(8% + 13px); } .posfor1{ margin-top: calc(-62% + 5px); margin-right: calc(10% - 10px); } .posfor2{ margin-top: calc(-60% + 5px); margin-right: calc(10% - 10px); } .banner-residencial{ background-size: 132%; } header .logo{ width: 330px; } header h1{ text-align: center; font-size: 28px; line-height: 33px; } .red-ico { grid-template-columns: 25% 75%; } } @media (min-width: 415px) and (max-width: 768px) { .bgcarousel01{ background-image: url(../images/foto-galery06-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel02{ background-image: url(../images/foto-galery07-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel03{ background-image: url(../images/foto-galery08-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel04{ background-image: url(../images/foto-galery09-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel05{ background-image: url(../images/foto-galery10-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel001{ background-image: url(../images/foto-galery01-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel002{ background-image: url(../images/foto-galery02-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel003{ background-image: url(../images/foto-galery03-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel004{ background-image: url(../images/foto-galery04-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel005{ background-image: url(../images/foto_galery05-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .imgvideo{ width: 100%; } /*estilo para itemslide*/ #frame { position:relative; width: 100%; overflow-x: hidden; overflow-y: hidden; left: 0; } /*sliding navigation between the slides*/ .slide-ul { margin: 0; padding: 0; left:0; list-style-type: none; -webkit-transform-style: preserve-3d;/*YAY lag is fixed on firefox*/ -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .slide-li { list-style-type: none; float: left; width: 40vh; } #docsbuttons{ display: block !important; margin-bottom: 0px; } #docsbuttons small{ font-size: 11px; font-weight: 700; } #docsbuttons .tabs-option{ width: 8px; height: 9px; display: inline-block; text-align: center; margin-left: 5px; margin-right: 5px; cursor: pointer; color: #ffffff; background: #ffffff; border-radius: 30px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #docsbuttons .tabs-option.tabactive{ width: 52px; height: 9px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #docsbuttons.tmv-color2 .tabs-option{ color: #F18825; background: #F18825; } #docsbuttons.tmv-color2 .tabs-option p{ color: #F18825; } #docsbuttons.tmv-color2 .tabs-option.tabactive{ } .tabactive>p, .tabactive>.icontabs{ color: #ffffff; margin-bottom: 0; } /* #docsbuttons .tabs-option:hover, #docsbuttons .tabs-option:active, #docsbuttons .tabs-option:hover p, #docsbuttons .tabs-option:active p{ color: #6CB26E; } */ #docsbuttons .icontabs{ font-size: 48px !important; } #docsbuttons .tabs-option p{ line-height: 0em; } .logo{ -ms-transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } h2 { font-size: 33px; line-height: 35px; margin-bottom: 25px; } h3{ font-size: 21px; line-height: 25px; } p { font-size: 20px; line-height: 24px; } header{ grid-template-columns: repeat(1, 1fr); padding: 40px 0; } header h1{ text-align: center; font-size: 28px; line-height: 33px; padding: 0 30px; margin-top: 154px; } header .logo{ width: 330px; position: absolute; left: 50%; margin-left: -165px; top: 25px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } section{ padding: 40px 0; } .section-block06{ background: #FFFFFF !important; } .header-pageone{ justify-content: center; } .header-pageone .logo{ width: 248px; position: relative; margin: 0; top: 0; left: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .Modern-Slider .item .img-fill .info{ padding-left: 0; text-align: center; margin-top: -4%; } /* .Modern-Slider .item .info > div{ margin-top: 0; -ms-transform: scale(0.75); -moz-transform: scale(0.75); -webkit-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } */ .section-block01 h2{ max-width: 100%; } .section-block05 h3.th3-1, .section-block05 h3.th3-2{ margin-bottom: 18px; } .navbar-phone{ font-size: 16px; line-height: 18px; } .offcanvas-body ul.navbar-nav{ margin-top: 14px; } .offcanvas-footer h3{ margin-bottom: 0px; } .offcanvas-body ul.navbar-nav a{ font-size: 25px; line-height: 29px; padding-top: 3px; padding-bottom: 3px; } .offcanvas-footer h3{ font-size: 16px; line-height: 20px; } ul.offcanvas-social li a{ font-size: 62px; line-height: 62px; text-decoration: none; padding: 0 6px; } .card-white{ display: flex; align-items: center; text-align: left; padding: 20px; margin: 10px 0; } .card-white-v2 h3{ max-width: 80%; margin-left: auto; margin-right: auto; } .card-white .card-whiteicon{ margin: 0; margin-right: 20px; } .card-white-v2{ margin: 0px 48px; } .mt-s1{ margin-top: 0; } .pb-s1, .mb-s1{ margin-bottom: 40px; } .mt-s6{ margin-top: 40px; } h3 { font-size: 18px; line-height: 22px; } .logo{ margin-left: -8%; } .navbar-custom{ padding-top: 10px; padding-bottom: 10px; } .header_menu{ top: 88px; } .header_menu ul{ padding: 14px; } .navbar-phone{ right: 58px; padding: 15px 16px; padding-left: 33px; } .icon-fono{ left: 13px; } .offcanvas-body ul.navbar-nav a{ padding: 15px 8px; padding-top: 10px; padding-bottom: 10px; } .float-fixed{ right: -52px; bottom: 0; } .cut-top-block00{ display: block; position: absolute; bottom: 0; z-index: 1; } .cnt-Btnform{ position: relative; display: block; overflow-x: hidden; overflow-y: clip; padding: 0; text-align: center; } .cnt-boxform{ position: relative; display: block; overflow-x: hidden; overflow-y: clip; padding-top: 30px; } .boxform h2{ font-size: 30px; line-height: 33px; margin-top: 20px; } .boxform{ justify-content: center; display: flex; align-items: center; position: relative; top: 0%; right: 0; padding: 142px 50px; padding-bottom: 170px; max-width: inherit; width: 100%; margin-top: 0; margin-bottom: 40px; background-image: url(../images/bg-boxform.png) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 95% !important; } .boxform div.padd{ padding: 0 48px; } .boxform .btn-box.btncolor01{ min-width: inherit; width: 100%; padding: 15px 10px; margin-bottom: 0; } .boxform .btn-box span.icont{ font-size: 23px; line-height: 28px; font-family: 'Gilroy-Black'; font-weight: 400; } .boxform .input-group{ /* transform: scale(0.65); */ } .boxform .form-control{ font-size: 22px; padding: 15px 26px; } .boxform .input-group{ margin-bottom: 0.5rem!important; } .boxform .form-check{ font-size: 22px; padding: 15px 26px; } .Modern-Slider .item h1 span.lin2{ font-size: 42px; line-height: 46px; } .home-carousel-bg01{ background-position: left center !important; } .home-carousel-bg02{ background-position: left center !important; } /* .Modern-Slider .item .info > div{ -ms-transform: translateX(calc(1% - 2em)) scale(0.65); -moz-transform: translateX(calc(1% - 2em)) scale(0.65); -webkit-transform: translateX(calc(1% - 2em)) scale(0.65); -o-transform: translateX(calc(1% - 2em)) scale(0.65); transform: translateX(calc(1% - 2em)) scale(0.65); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } */ .bg-frontbox-form{ top: 15%; right: 0%; width: 98%; display: none; } .bg-backbox-form{ margin-top: calc(-111% - 10px); right: calc(15% - 10px); width: 70%; } .posfor1{ -ms-transform: inherit; -moz-transform: inherit; webkit-transform: inherit; -o-transform: inherit; transform: inherit; margin-top: inherit; margin-right: inherit; position: inherit; right: inherit; z-index: 1; } .posfor2{ -ms-transform: inherit; -moz-transform: inherit; webkit-transform: inherit; -o-transform: inherit; transform: inherit; margin-top: inherit; margin-right: inherit; position: inherit; right: inherit; z-index: 1; } .Modern-Slider .item .img-fill{ height: 88vh; } .btn-solicitar{ display: inline-block; font-family: 'Gilroy'; font-weight: bold; font-size: 12px; line-height: 14px; text-align: center; color: #137B4E; text-decoration: none; padding: 18px 0; padding-bottom: 0; } a.btn-solicitar:hover, a.btn-solicitar:active{ color: #088f54; } a.btn-solicitar:hover span, a.btn-solicitar:active span{ opacity: 0.8; margin-bottom: 3px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-solicitar span{ display: block; margin-bottom: 4px; } .bgcarousel{ height:270px; } .parallax-window.imageback{ min-height: auto !important; background-image: url(../images/banner-bono.jpg) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } .cnt-slidedescription{ margin: 0px 38px; padding: 20px 20px; display: block; } .cnt-slidedescription h2{ font-size: 24px; line-height: 28px; margin-top: 8px; margin-bottom: 18px; max-width: inherit !important; } .cnt-slidedescription h3{ font-size: 16px; line-height: 20px; padding: 13px 15px; margin-bottom: 15px; } .cnt-slidedescription ul{ font-size: 18px; line-height: 28px; } .cnt-slidedescription p{ font-size: 18px; line-height: 22px; margin-bottom: 15px; } .cnt-slidedescription .sizeminigallery{ width: 84%; } .Modern-Slider .slick-dots{ top: 86px; } .Modern-Slider .item .info > div{ display: initial; } .Modern-Slider .item h5{ max-width: inherit; width: 100%; display: block; } .img-fill img{ width: 100%; position: relative; display: block; } .galleryitem { height: auto; padding-bottom: 50px; justify-content: center; } .galleryitemtext{ text-align: center; padding: 0; justify-content: center; } .galleryitemtext ul{ text-align: left; } .carousel-control-next-icon, .carousel-control-prev-icon{ position: absolute; -ms-transform: scale(0.75); -moz-transform: scale(0.75); -webkit-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } .effect-icon{ left: 45%; -ms-transform: scale(0.75); -moz-transform: scale(0.75); -webkit-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } .maxwidth70{ max-width: 100%; } .maxwidth80{ max-width: 100%; } .section-block02 h2{ max-width: 100%; } .section-block03 h2{ max-width: 70%; margin-left: auto; margin-right: auto; } .section-block04 h2{ max-width: 70%; margin-left: auto; margin-right: auto; } .section-block05 p{ font-size: 17px; line-height: 23px; } .section-block05 a.textli{ margin-bottom: 30px; display: block; } .section-block08 h2{ max-width: 80%; margin-left: auto; margin-right: auto; } .section-block08 .subtitular{ font-size: 20px; line-height: 24px; } .section-block08 ul{ font-size: 18px; line-height: 22px; margin-bottom: 35px; display: block; } .cut-top-block02{ margin-bottom: -0.2%; } .cut-bottom-block06{ margin-bottom: -0.2%; } .cut-top-block06{ margin-top: -0.2%; } .cut-bottom-block08{ margin-bottom: -0.2%; } .mtp-s1, .mtp-s2{ margin-top: 0; } .mb-ez1{ margin-bottom: 35px; } .datemain span.icon-call{ font-size: 50px; line-height: 50px; } .phone-datemain{ font-size: 28px; line-height: 34px; } .email-datemain{ font-size: 17px; line-height: 24px; } .ord2 img, .ord3 img{ width: 62%; } .mocol1{ order: 5!important; } .mocol2{ order: 1!important; } .mocol1 h4{ margin-top: 26px; font-size: 25px; line-height: 30px; text-align: center; margin-bottom: 22px; } .boxlist.numberbig{ margin-bottom: 20px; grid-template-columns: 25% 75%; padding: 14px 20px; } .boxlist .text-boxlist{ font-size: 18px; line-height: 22px; padding-left: 20px; } .boxlist.numberbig.colorb2{ display: block; text-align: left; min-height: 202px; margin-bottom: 0px; } .numberbig.colorb2 .snumber{ padding: 10px 14px; } .colorb2 .snumber{ display: inline-block; margin-bottom: 10px; } .boxlist.numberbig .text-boxlist{ display: block; } .boxlist.numberbig .text-boxlist br{ display: none; } .colorb2 .stext{ padding-left: 0 !important; } .price-color{ display: block; width: 60%; height: 94px; margin-bottom: 18px; margin-left: 0; } .price-color .tlight, .price-color .tborder{ font-size: 59px; line-height: 59px; } .price-color .tborder svg{ display: none; left: -170px !important; top: -19px !important; position: absolute !important; font-size: 10px; transform: scale(0.74); } .banner-block-b{ height: 276px; } .cnt-slidedescriptionplane{ margin: 0px 30px; padding: 20px; } .section-block-interna{ padding-top: 60px; } .accordionWhite button{ font-size: 18px; line-height: 22px; } .cnt-pageone{ padding: 30px 25px; } .banner-residencial{ background-size: 132%; height: 192px; } .blocks-general{ display: grid; grid-template-columns: repeat(1, 1fr); text-align: center; padding-top: 20px; padding-left: 0px; padding-right: 0px; } .footer{ padding-top: 48px; } ul.list-footer{ margin-bottom: 30px; } .btn-red{ padding: 7px 26px; } .box4 { grid-column-start: auto; grid-column-end: auto; } .textmap{ margin-top: 20px; display: inline-block; } header h1{ font-size: 19px; line-height: 20px; padding: 0 30px; } .cnt-tabs{ display: block; margin-bottom: 30px; } .cnt-tabs li.nav-item{ padding: 0 0; margin: 0 20px; } .nav-tabs.cnt-tabs .nav-link{ margin: 0 auto; margin-bottom: 22px; min-width: inherit; width: 90%; } .back-to-top{ font-size: 42px !important; line-height: 42px !important; bottom: 185px !important; right: 18px !important; } .modaltransp .modal-header{ right: 10px; top: -67px; } .modaltransp .modal-dialog{ top: 35%; max-width: 94%; margin: 0 auto; } .modallight .modal-header{ right: 10px; top: -67px; } .modallight .modal-dialog { top: 7%; max-width: 94%; margin: 0 auto; } .modalgallery .modal-header{ right: 10px; top: 4px; } .modalgallery .modal-dialog { top: 13%; max-width: 94%; margin: 0 auto; } .modalgallery-logo{ display: none; } .modalgallery h2{ font-size: 20px; line-height: 22px; margin-top: 20px; margin-bottom: 10px; } .modaltransp.modalvideo .modal-dialog{ top: 15%; max-width: 90%; margin: 0 auto; } .modaltransp.modalvideo .modal-dialog iframe{ height: 400px; } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple]):not([size]) { background-size: 6%; } } #frame { position:relative; width: 100%; margin: 0; padding: 0; list-style: none; } .slide-ul{ margin: 0; padding: 0; list-style: none; display: flex; } .slide-ul.col-center{ justify-content: center; } #docsbuttons{ display: none !important; } @media (min-width: 316px) and (max-width: 414px) { .bgcarousel01{ background-image: url(../images/foto-galery06-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel02{ background-image: url(../images/foto-galery07-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel03{ background-image: url(../images/foto-galery08-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel04{ background-image: url(../images/foto-galery09-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel05{ background-image: url(../images/foto-galery10-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel001{ background-image: url(../images/foto-galery01-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel002{ background-image: url(../images/foto-galery02-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel003{ background-image: url(../images/foto-galery03-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel004{ background-image: url(../images/foto-galery04-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel005{ background-image: url(../images/foto_galery05-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .imgvideo{ width: 100%; } /*estilo para itemslide*/ #frame { position:relative; width: 100%; overflow-x: hidden; overflow-y: hidden; left: 0; } /*sliding navigation between the slides*/ .slide-ul { margin: 0; padding: 0; left:0; list-style-type: none; -webkit-transform-style: preserve-3d;/*YAY lag is fixed on firefox*/ -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .slide-li { list-style-type: none; float: left; width: 40vh; } #docsbuttons{ display: block !important; margin-bottom: 0px; } #docsbuttons small{ font-size: 11px; font-weight: 700; } #docsbuttons .tabs-option{ width: 8px; height: 9px; display: inline-block; text-align: center; margin-left: 5px; margin-right: 5px; cursor: pointer; color: #ffffff; background: #ffffff; border-radius: 30px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #docsbuttons .tabs-option.tabactive{ width: 52px; height: 9px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #docsbuttons.tmv-color2 .tabs-option{ color: #F18825; background: #F18825; } #docsbuttons.tmv-color2 .tabs-option p{ color: #F18825; } #docsbuttons.tmv-color2 .tabs-option.tabactive{ } .tabactive>p, .tabactive>.icontabs{ color: #ffffff; margin-bottom: 0; } /* #docsbuttons .tabs-option:hover, #docsbuttons .tabs-option:active, #docsbuttons .tabs-option:hover p, #docsbuttons .tabs-option:active p{ color: #6CB26E; } */ #docsbuttons .icontabs{ font-size: 48px !important; } #docsbuttons .tabs-option p{ line-height: 0em; } .logo{ -ms-transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } h2 { font-size: 33px; line-height: 35px; margin-bottom: 25px; } h3{ font-size: 21px; line-height: 25px; } p { font-size: 20px; line-height: 24px; } header{ grid-template-columns: repeat(1, 1fr); padding: 40px 0; } header h1{ text-align: center; font-size: 28px; line-height: 33px; padding: 0 30px; margin-top: 154px; } header .logo{ width: 330px; position: absolute; left: 50%; margin-left: -165px; top: 25px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } section{ padding: 40px 0; } .header-pageone{ justify-content: center; } .header-pageone .logo{ width: 248px; position: relative; margin: 0; top: 0; left: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .Modern-Slider .item .img-fill .info{ padding-left: 0; } /* .Modern-Slider .item .info > div{ margin-top: 0; -ms-transform: scale(0.75); -moz-transform: scale(0.75); -webkit-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } */ .section-block01 h2{ max-width: 100%; } .section-block05 h3.th3-1, .section-block05 h3.th3-2{ margin-bottom: 18px; } .navbar-phone{ font-size: 16px; line-height: 18px; } .offcanvas-body ul.navbar-nav{ margin-top: 14px; } .offcanvas-footer h3{ margin-bottom: 0px; } .offcanvas-body ul.navbar-nav a{ font-size: 25px; line-height: 29px; padding-top: 3px; padding-bottom: 3px; } .offcanvas-footer h3{ font-size: 16px; line-height: 20px; } ul.offcanvas-social li a{ font-size: 62px; line-height: 62px; text-decoration: none; padding: 0 6px; } .card-white{ display: flex; align-items: center; text-align: left; padding: 20px; margin: 10px 0; } .card-white-v2 h3{ max-width: 80%; margin-left: auto; margin-right: auto; } .card-white .card-whiteicon{ margin: 0; margin-right: 20px; } .card-white-v2{ margin: 0 10px; } .mt-s1{ margin-top: 0; } .pb-s1, .mb-s1{ margin-bottom: 40px; } .mt-s6{ margin-top: 40px; } h3 { font-size: 18px; line-height: 22px; } .logo{ margin-left: -8%; } .navbar-custom{ padding-top: 10px; padding-bottom: 10px; } .header_menu{ top: 88px; } .header_menu ul{ padding: 14px; } .navbar-phone{ right: 58px; padding: 15px 16px; padding-left: 33px; } .icon-fono{ left: 13px; } .offcanvas-body ul.navbar-nav a{ padding: 15px 8px; padding-top: 10px; padding-bottom: 10px; } .float-fixed{ right: -52px; bottom: -52px; } .cut-top-block00{ display: block; position: absolute; bottom: 0; z-index: 1; } .cnt-Btnform{ position: relative; display: block; overflow-x: hidden; overflow-y: clip; padding: 0; text-align: center; } .cnt-boxform{ position: relative; display: block; overflow-x: hidden; overflow-y: clip; padding-top: 30px; } .boxform h2{ font-size: 18px; line-height: 20px; margin-top: 20px; } .boxform{ display: flex; align-items: center; position: relative; top: 0%; right: 0; padding: 100px 40px; padding-bottom: 100px; max-width: inherit; width: 100%; margin-top: 0; margin-bottom: 40px; background-image: url(../images/bg-boxform.png) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: 120% !important; transform: inherit; } .boxform .btn-box.btncolor01{ min-width: inherit; width: 100%; padding: 15px 10px; margin-bottom: 0; } .boxform .btn-box span.icont{ font-size: 23px; line-height: 28px; font-family: 'Gilroy-Black'; font-weight: 400; } .boxform .input-group{ /* transform: scale(0.65); */ } .boxform .form-control{ font-size: 16px; padding: 8px 15px; } .boxform .input-group{ margin-bottom: 0.5rem!important; } .boxform .form-check{ font-size: 12px; line-height: 14px; } .Modern-Slider .item h1 span.lin2{ font-size: 42px; line-height: 46px; } .home-carousel-bg01{ background-position: left center !important; } .home-carousel-bg02{ background-position: left center !important; } /* .Modern-Slider .item .info > div{ -ms-transform: translateX(calc(1% - 2em)) scale(0.65); -moz-transform: translateX(calc(1% - 2em)) scale(0.65); -webkit-transform: translateX(calc(1% - 2em)) scale(0.65); -o-transform: translateX(calc(1% - 2em)) scale(0.65); transform: translateX(calc(1% - 2em)) scale(0.65); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } */ .bg-frontbox-form{ top: 15%; right: 0%; width: 98%; display: none; } .bg-backbox-form{ top: 26%; right: 0%; width: 84%; } .Modern-Slider .item .img-fill{ height: 88vh; } .btn-solicitar{ display: inline-block; font-family: 'Gilroy'; font-weight: bold; font-size: 12px; line-height: 14px; text-align: center; color: #137B4E; text-decoration: none; padding: 18px 0; padding-bottom: 0; } a.btn-solicitar:hover, a.btn-solicitar:active{ color: #088f54; } a.btn-solicitar:hover span, a.btn-solicitar:active span{ opacity: 0.8; margin-bottom: 3px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .btn-solicitar span{ display: block; margin-bottom: 4px; } .bgcarousel{ height:270px; } .parallax-window.imageback{ min-height: auto !important; background-image: url(../images/banner-bono.jpg) !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; } .cnt-slidedescription{ margin: 0px 38px; padding: 20px 20px; display: block; } .cnt-slidedescription h2{ font-size: 24px; line-height: 28px; margin-top: 8px; margin-bottom: 18px; max-width: inherit !important; } .cnt-slidedescription h3{ font-size: 16px; line-height: 20px; padding: 13px 15px; margin-bottom: 15px; } .cnt-slidedescription ul{ font-size: 18px; line-height: 28px; } .cnt-slidedescription p{ font-size: 18px; line-height: 22px; margin-bottom: 15px; } .cnt-slidedescription .sizeminigallery{ width: 84%; } .Modern-Slider .slick-dots{ top: 86px; } .Modern-Slider .item .info > div{ display: initial; } .Modern-Slider .item h5{ max-width: inherit; width: 100%; display: block; } .img-fill img{ width: 100%; position: relative; display: block; } .galleryitem { height: auto; padding-bottom: 50px; } .galleryitemtext{ text-align: center; padding: 0; } .galleryitemtext ul{ text-align: left; } .carousel-control-next-icon, .carousel-control-prev-icon{ position: absolute; -ms-transform: scale(0.75); -moz-transform: scale(0.75); -webkit-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } .effect-icon{ left: 45%; -ms-transform: scale(0.75); -moz-transform: scale(0.75); -webkit-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } .maxwidth70{ max-width: 100%; } .maxwidth80{ max-width: 100%; } .section-block02 h2{ max-width: 80%; } .section-block04 h2{ max-width: 70%; margin-left: auto; margin-right: auto; } .section-block05 p{ font-size: 17px; line-height: 23px; } .section-block05 a.textli{ margin-bottom: 30px; display: block; } .section-block08 h2{ max-width: 80%; margin-left: auto; margin-right: auto; } .section-block08 .subtitular{ font-size: 20px; line-height: 24px; } .section-block08 ul{ font-size: 18px; line-height: 22px; margin-bottom: 35px; display: block; } .cut-top-block02{ margin-bottom: -0.2%; } .cut-bottom-block06{ margin-bottom: -0.2%; } .cut-top-block06{ margin-top: -0.2%; } .cut-bottom-block08{ margin-bottom: -0.2%; } .mtp-s1, .mtp-s2{ margin-top: 0; } .mb-ez1{ margin-bottom: 35px; } .datemain span.icon-call{ font-size: 50px; line-height: 50px; } .phone-datemain{ font-size: 28px; line-height: 34px; } .email-datemain{ font-size: 17px; line-height: 24px; } .ord1{ order: 1!important; } .ord2{ order: 4!important; } .ord3{ order: 5!important; } .ord2 img, .ord3 img{ width: 62%; } .mocol1{ order: 5!important; } .mocol2{ order: 1!important; } .mocol1 h4{ margin-top: 26px; font-size: 25px; line-height: 30px; text-align: center; margin-bottom: 22px; } .boxlist.numberbig{ margin-bottom: 20px; grid-template-columns: 25% 75%; padding: 14px 20px; } .boxlist .text-boxlist{ font-size: 18px; line-height: 22px; padding-left: 20px; } .boxlist.numberbig.colorb2{ display: block; text-align: left; min-height: 202px; margin-bottom: 0px; } .numberbig.colorb2 .snumber{ padding: 10px 14px; } .colorb2 .snumber{ display: inline-block; margin-bottom: 10px; } .boxlist.numberbig .text-boxlist{ display: block; } .boxlist.numberbig .text-boxlist br{ display: none; } .colorb2 .stext{ padding-left: 0 !important; } .price-color{ display: block; width: 90%; height: 94px; margin-bottom: 18px; } .price-color .tlight, .price-color .tborder{ font-size: 59px; line-height: 59px; } .price-color .tborder svg{ display: none; left: -170px !important; top: -19px !important; position: absolute !important; font-size: 10px; transform: scale(0.74); } .banner-block-b{ height: 198px; } .cnt-slidedescriptionplane{ margin: 0px 30px; padding: 20px; } .section-block-interna{ padding-top: 60px; } .accordionWhite button{ font-size: 18px; line-height: 22px; } .cnt-pageone{ padding: 30px 25px; } .banner-residencial{ background-size: 132%; height: 192px; } .blocks-general{ display: grid; grid-template-columns: repeat(1, 1fr); text-align: center; padding-top: 20px; padding-left: 0px; padding-right: 0px; } .footer{ padding-top: 48px; } ul.list-footer{ margin-bottom: 30px; } .btn-red{ padding: 7px 26px; } .box4 { grid-column-start: auto; grid-column-end: auto; } .textmap{ margin-top: 20px; display: inline-block; } header h1{ font-size: 19px; line-height: 20px; padding: 0 30px; } .cnt-tabs{ display: block; margin-bottom: 30px; } .cnt-tabs li.nav-item{ padding: 0 0; margin: 0 20px; } .nav-tabs.cnt-tabs .nav-link{ margin: 0 auto; margin-bottom: 22px; min-width: inherit; width: 90%; } .back-to-top{ font-size: 42px !important; line-height: 42px !important; bottom: 118px !important; right: 18px !important; } .modaltransp .modal-header{ right: 10px; top: -67px; } .modaltransp .modal-dialog{ top: 35%; max-width: 94%; margin: 0 auto; } .modallight .modal-header{ right: 10px; top: -67px; } .modallight .modal-dialog { top: 11%; max-width: 94%; margin: 0 auto; } .modalgallery .modal-header{ right: 10px; top: 4px; } .modalgallery .modal-dialog { top: 13%; max-width: 94%; margin: 0 auto; } .modalgallery-logo{ display: none; } .modalgallery h2{ font-size: 20px; line-height: 22px; margin-top: 20px; margin-bottom: 10px; } .modaltransp.modalvideo .modal-dialog{ top: 15%; max-width: 90%; margin: 0 auto; } .modaltransp.modalvideo .modal-dialog iframe{ height: 400px; } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple]):not([size]) { background-size: 7%; } } @media (min-width: 0px) and (max-width: 360px) { .bgcarousel01{ background-image: url(../images/foto-galery06-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel02{ background-image: url(../images/foto-galery07-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel03{ background-image: url(../images/foto-galery08-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel04{ background-image: url(../images/foto-galery09-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel05{ background-image: url(../images/foto-galery10-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel001{ background-image: url(../images/foto-galery01-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel002{ background-image: url(../images/foto-galery02-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel003{ background-image: url(../images/foto-galery03-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel004{ background-image: url(../images/foto-galery04-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .bgcarousel005{ background-image: url(../images/foto_galery05-movil.jpg) !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } h2 { font-size: 25px; line-height: 30px; margin-bottom: 12px; } p { font-size: 16px; line-height: 18px; } .pb-s1, .mb-s1{ margin-bottom: 20px; } .card-white{ padding: 14px; } .card-white .card-whiteicon{ margin-right: 14px; } .card-white p{ font-size: 14px; line-height: 16px; } .cnt-slidedescription{ margin: 0px 15px; } .cnt-slidedescription p{ font-size: 14px; line-height: 16px; } .cnt-slidedescription .sizeminigallery{ width: 95%; } .cnt-slidedescription h2{ font-size: 20px; line-height: 20px; } .cnt-slidedescription h3{ font-size: 15px; line-height: 15px; } .galleryitemtext ul{ font-size: 16px; line-height: 24px; } .boxlist{ padding: 14px 12px; } .boxlist .text-boxlist{ font-size: 16px; line-height: 18px; padding-left: 28px; } .section-block02 h2{ max-width: 100%; } .section-block08 h2{ max-width: 100%; } .section-block08 ul{ font-size: 16px; line-height: 18px; } .section-block08 .subtitular{ max-width: 100%; font-size: 16px; line-height: 20px; } .mocol1 h4{ font-size: 18px; line-height: 24px; } .boxlist.numberbig{ padding: 14px 12px; } .numberbig .snumber{ font-size: 33px; line-height: 38px; padding: 12px 8px; } .btn-box span.icont{ font-size: 16px; line-height: 22px; } .btn-box{ padding: 10px 10px; min-width: 228px; } .btn-box span.iconb{ font-size: 30px; line-height: 35px; } .datemain{ display: block !important; text-align: center; } .datemain span.icon-call{ padding-top: 0; padding-right: 0; } .email-datemain{ font-size: 14px; line-height: 18px; } .phone-datemain { font-size: 26px; line-height: 30px; } .cnt-tabs{ display: block; margin-bottom: 20px; } .cnt-tabs li.nav-item{ padding: 0 0; margin: 0 20px; } .navbar-phone{ font-size: 14px; line-height: 16px; padding: 12px 13px; padding-left: 26px; } .icon-fono{ left: 10px; } .nav-tabs.cnt-tabs .nav-link{ font-size: 16px; line-height: 20px; padding: 10px 10px; margin: 0; margin-bottom: 16px; min-width: inherit; width: 100%; } .footer-social a{ font-size: 65px; line-height: 50px; } .boxform{ /* padding-top: 40px; padding-bottom: 80px; */ } .boxform h2{ font-size: 18px; line-height: 24px; } .boxform .form-control{ font-size: 16px; padding: 8px 15px; } .boxform .input-group{ margin-bottom: 0.5rem!important; } .boxform .form-check{ font-size: 12px; line-height: 14px; } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple]):not([size]) { background-size: 7%; } } .margen-t1{ margin-top: 17px; } .margen-t2{ margin-top: 25px; } .parallax-container { height: 80vh; } .desktop{ display: block; } .movil{ display: none; } .mt-0{ margin-top: 0 !important; } .mt-10{ margin-top: 10px !important; } .mt-20{ margin-top: 20px !important; } .mb-0{ margin-bottom: 0 !important; } .pt-0{ padding-top: 0 !important; } .pb-0{ padding-bottom: 0 !important; } .pt-30{ padding-top: 30px !important; } .px-75{ padding: 0 .75rem; } .px-0{ padding-left: 0 !important; padding-right: 0 !important; } .display_flex{ display: flex; } .justify-content-center { justify-content: center!important; } .align-items-center { align-items: center!important; } .fullwidth{ width: 100%; } .icon_nb{ width: calc(18% - 1px); } .icons_nn{ width: calc(18% - 1px); } .icons_nn.w2{ width: calc(28% - 1px); } .icons_nn.w3{ width: calc(14% - 1px); } .links_app{ padding: 2px 0; display: inline-block; } .links_app .apps{ border-radius: 15px; } .text_white{ color:#FFF; } .subtitular2{ font-size: 20px; line-height: 24px; } .bold2{ font-family: 'NaturaAndCo Bold'; } .align_center{ text-align: center; } .re_significa{ width: 90%; } .circle_container{ display: flex; justify-content: center; } .circle_color{ background-color: black; display: flex; padding: 25px; border-radius: 200px; text-align: center; width: 220px; height: 220px; align-items: center; margin: 20px 0 0; } .circle_color p{ color: #FFFFFF; margin: 0; } .font_mini{ font-size: 12px; line-height: 16px; } .font_small{ font-size: 16px; line-height: 19px; } .heightbox{ height: 30px; } .linea_small{ width: 100px; height: 4px; margin: 16px 0; background-color: black; } .spacer_liner{ margin: 28px 0; } .table_list tr{ border: 0; } .table_list td{ padding-left: 0; padding-right: 0; } .table_list p{ margin-left: 15px; } @media (min-width: 0px) and (max-width: 767px) { .icon_nb{ width: calc(38% - 1px); } .movil{ display: block !important; } .desktop{ display: none !important; } .automo{ width: 100% !important; } .re_significa{ width: 100% !important; } .td_col20{ width: 20% !important; } } .menu_principal{ background: white; padding: 15px 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } nav ul li.active { background-color: inherit !important; } ul.navigation li.active a{ color: #e11a1f; background-color: inherit !important; } /* Menu movil */ .sidenav li.active{ background-color: inherit !important; } /* .menu_principal #itemm1.active, .menu_principal #itemm2.active, .menu_principal #itemm3.active, .menu_principal #itemm4.active, .menu_principal #itemm5.active{ color: #e11a1f; } */ .menu_principal.box_shadow{ box-shadow: 0px 4px 16px rgb(0 0 0 / 10%); } nav.active { background: #108040; } .menu_principal a{ color: #000000; } .menu_principal_container{ display: grid; grid-template-columns: 50px auto 216px; grid-gap: 10px; } @media (max-width: 768px){ .menu_principal_container{ grid-template-columns: 50px auto 1fr; } } #nav-mobile{ display: flex; align-items: center; justify-content: flex-end; } #nav-mobile a{ font-size: 13px; line-height: 18px; text-align: center; } #nav-mobile a:hover{ color: #e11a1f; background: transparent; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .brand-icon{ width: 50px; height: 50px; align-items: center; justify-content: center; } .brand-icon .aic_heart{ display: flex; width: 100%; height: 50px; } .brand-icon .icon_heart{ fill: #e11a1f; } .brand-icon .conte_heart{ transform: scale(1); animation: pulse-red 2s infinite; } .brand-icon .conte_heart.red { animation: pulse-red 2s infinite; } @keyframes pulse-red { 0% { transform: scale(0.95); } 70% { transform: scale(1); } 100% { transform: scale(0.95); } } .logo_natura{ display: flex; align-items: center; justify-content: center; } .logo_natura .logo_home{ top: inherit !important; width: calc(100% - 10px); position: inherit; } @media (max-width: 768px){ nav .sidenav-trigger{ margin: 0; float: inherit; height: auto; display: flex; align-items: center; justify-content: center; } } .menu_movil{ padding: 0px 0px; } .menu_movil .icon_1_movil{ width: calc(50% - 10px); padding: 20px 32px 0; } .menu_movil li a{ font-size: 20px; line-height: 24px; margin-bottom: 15px; } .menu_movil li a:hover, .menu_movil li a:active{ color: #e11a1f; } @media (max-width: 768px){ .menu_movil{ width: 270px; } } .btn-floating.black{ background-color: #232323; } .bloque{ position: relative; display: block; width: 100%; padding: 20px 0; } .modal_imagen{ padding: 0px !important; } .video-box{ max-width: 630px; padding-bottom: 36.25%; } @media (max-width: 768px){ .image_fullwidth{ width: 100% !important; } .video-box{ padding-bottom: 55.25%; } } @media (max-width: 768px){ .text_cols p{ font-size: 14px; line-height: 20px; } } footer{ margin-bottom: 20px; padding: 20px 0 !important; } .footer_link{ display: flex; margin: 0 auto; justify-content: center; } .footer_link img{ width: 35px; padding-left: 10px; } @media (max-width: 768px){ footer{ padding-right: 30px !important; } } .back-to-top { font-size: 38px; line-height: 38px; cursor: pointer; position: fixed; bottom: 185px; right: 74px; display: none; background-color: #FFFFFF; border-radius: 100px !important; z-index: 600; border: 0px solid #000000; -webkit-box-shadow: 0 -3px 10px 5px rgba(0,0,0,0.1); box-shadow: none; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .back-to-top i{ color: #000000 !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .back-to-top i:hover, .back-to-top i:active{ color: #137B4E !important; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .back-to-top.mos { display:block !important; } .back-to-top.hom { position: relative !important; bottom: 0px !important; right: 0px !important; border-radius: inherit !important; } .back-to-top.btn-primary { background-color: #FFFFFF !important; } .back-to-top:hover, .back-to-top:active { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background-color: #FFFFFF !important; } .back-to-top.btn-primary:hover i { color: #FFF; } .banner_home{ display: grid; height: 80vh; width: 100%; /* background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url('../images/naturacov.jpg'); */ } h1.titular_principal{ /* width: 570px; */ display: inline-block; font-size: 48px; line-height: 51px; top: calc(30% - 50px); padding-bottom: 20px; position: absolute; text-align: left; } h1.titular_principal strong{ font-family:'NaturaAndCo Book'; } .logo_home{ width: 365px; position: absolute; right: 0; top: 8%; } @media (max-width: 768px){ .logo_home{ width: 182px; } } .container{ position: relative; } .grafica_banner_center{ position: absolute; width: 550px; left: calc(30% - 15px); bottom: calc(50% - 130px); } .grafica_banner_left{ position: absolute; left: calc(20% - 50px); bottom: calc(0% + 50px); } .grafica_banner_right{ position: absolute; right: calc(20% - 50px); bottom: calc(0% + 100px); } @media (max-width: 1680px){ .grafica_banner_center{ left: calc(45% - 220px); bottom: calc(50% - 110px); transform: scale(0.8); } .grafica_banner_left{ bottom: calc(0% + 60px); } .grafica_banner_right{ bottom: calc(0% + 115px); } } @media (max-width: 1366px){ h1.titular_principal{ font-size: 50px; line-height: 55px; } .grafica_banner_center{ left: calc(30% - 85px); bottom: calc(50% - 125px); transform: scale(0.8); } .grafica_banner_left{ left: calc(20% - 120px); bottom: calc(0% - 40px); transform: scale(0.8); } .grafica_banner_right{ right: calc(20% - 100px); bottom: calc(0% + 0px); transform: scale(0.8); } } @media (max-width: 1280px){ h1.titular_principal{ font-size: 50px; line-height: 55px; } .grafica_banner_center{ left: calc(30% - 95px); } .grafica_banner_left{ left: calc(20% - 150px); bottom: calc(0% + 40px); } .grafica_banner_right{ right: calc(20% - 150px); bottom: calc(0% + 90px); } } @media (max-width: 1024px){ h1.titular_principal{ font-size: 45px; line-height: 45px; width: 470px; } .grafica_banner_center{ left: calc(30% - 136px); bottom: calc(32% - 10px); } .grafica_banner_left{ left: calc(20% - 150px); bottom: calc(10% - 40px); } .grafica_banner_right{ right: calc(20% - 150px); bottom: calc(10% - 10px); } } @media (max-width: 768px){ .banner_home{ display: grid; } .banner_home.bh_m{ height: 50vh !important; } h1.titular_principal{ width: 100%; font-size: 30px; line-height: 35px; top: 20%; } .grafica_banner_left{ left: calc(0% - 50px); } } @media (max-width: 414px){ .banner_home{ } h1.titular_principal{ width: 100%; font-size: 35px; line-height: 35px; top: 20%; } .grafica_banner_center{ left: calc(15% - 140px); bottom: calc(20% + 55px); transform: scale(0.4); } .grafica_banner_left{ left: calc(30% - 150px); bottom: calc(10% - 5px); transform: scale(0.65); } .grafica_banner_right{ right: calc(30% - 150px); bottom: calc(10% + 20px); transform: scale(0.65); } } @media (max-width: 375px){ .banner_home{ } h1.titular_principal{ width: 100%; font-size: 30px; line-height: 35px; top: 26%; } .grafica_banner_center{ left: calc(15% - 150px); bottom: calc(20% + 35px); transform: scale(0.4); } .grafica_banner_left{ left: calc(30% - 150px); bottom: calc(10% - 15px); transform: scale(0.5); } .grafica_banner_right{ right: calc(30% - 150px); bottom: calc(10% - 0px); transform: scale(0.5); } } @media (max-width: 320px){ .banner_home{ } h1.titular_principal{ width: 100%; font-size: 25px; line-height: 25px; top: 27%; } .grafica_banner_center{ left: calc(10% - 150px); bottom: calc(20% + 10px); transform: scale(0.4); } .grafica_banner_left{ left: calc(30% - 150px); bottom: calc(0% - 10px); transform: scale(0.5); } .grafica_banner_right{ right: calc(30% - 150px); bottom: calc(0% + 20px); transform: scale(0.5); } } .bloque_inicio{ display: grid; grid-template-columns: repeat(5, 1fr); justify-content: center; } .bloque_inicio.redimension{ display: grid; grid-template-columns: repeat(4, 1fr); justify-content: center; } .bloque_inicio .bloque_item{ display: grid; grid-template-columns: repeat(1, 1fr); justify-content: center; text-align: center; padding: 15px 0; } .bloque_inicio .bloque_item .row_icon{ /* height: calc(100% + 25px); */ height: 124px; display: flex; align-items: center; } .bloque_inicio .bloque_item h4{ margin: 0; margin-top: 10px; padding: 0; font-size: 16px; line-height: 18px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .bloque_inicio .bloque_item svg.iconos_row{ width: calc(45% - 30px); height: calc(100% - 0px); /* height: calc(100% - 40px); */ margin: 0 auto; /* transform: scale(4.1); */ cursor: pointer; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .bloque_inicio .bloque_item:hover h4{ color: #e11a1f; } .bloque_inicio .bloque_item:hover svg.iconos_row{ stroke-width: 0.5px; stroke: #e11a1f; stroke-dasharray: 500; stroke-dashoffset: 500; fill:transparent; animation: dash 3s forwards; } .bloque_inicio .bloque_item:hover svg.icon2{ stroke-width: 1px; fill:transparent; } .bloque_inicio .bloque_item:hover svg.iconos_row .elemento_move{ opacity: 1; transform: translateY(0px) translateX(0px); animation: lentesmove 0.8s alternate; animation-fill-mode: forwards; } @keyframes lentesmove{ to{ transform: translateY(-3px) translateX(0px); } } @media (max-width: 1200px){ .bloque_inicio{ grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px){ .bloque_inicio{ grid-template-columns: repeat(2, 1fr); } .bloque_inicio.redimension.blo_i_mo{ grid-template-columns: repeat(2, 1fr); } .last_item { grid-column: 1 / -1; } .bloque_inicio .bloque_item svg.iconos_row{ width: calc(60% - 30px); } .bloque_inicio .bloque_item.last_item svg.iconos_row{ width: calc(25% - 30px); } } .navbar-fixed{ height: 94px; } .titular_content_icon{ width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; } .logo_fix{ position: relative; top: 42%; left: auto; right: auto; margin: 0 auto; } @media (max-width: 768px){ .logo_fix{ top: 52%; max-width: 100%; } } .background_banner{ background-color: #9E9082; } .color_white{ color: #FFFFFF; } .text_number{ font-size: 58px; line-height: 58px; margin: 0 0 15px; } .icon_in{ width: calc(100% - 1px); height: calc(100% - 1px); } .icon_in.sise2{ width: calc(90% - 1px); } .icon_in.sise3{ width: calc(65% - 1px); } .icon_in.sise4{ width: calc(78% - 1px); } .titular_interno{ margin: 0; } .subtitular_interno{ font-size: 38px; line-height: 43px; margin: 0 0 30px; } @media (max-width: 768px){ .subtitular_interno{ font-size: 28px; line-height: 36px; } .subtitular_interno br{ display: none; } } .bloque_number_reduce{ width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); } .bloque_number{ width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); } .bloque_number.cols2{ grid-template-columns: repeat(3, 1fr); } .item_number{ padding: 10px .75rem; } @media (max-width: 1200px){ .bloque_number{ grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px){ .bloque_number_reduce{ grid-template-columns: repeat(1, 1fr); } .bloque_number{ grid-template-columns: repeat(1, 1fr); } .bloque_number.cols2{ grid-template-columns: repeat(2, 1fr); } } /* Tabs */ .z-depth-1{ -webkit-box-shadow: none; box-shadow: none; } .tabs .tab{ text-transform: inherit; } .tabs .tab a{ color: #000000; line-height: 16px; height: 30px; text-align: left; } .tabs .tab a.active{ color: #000000; font-family:'NaturaAndCo Bold'; } .tabs .tab a:hover, .tabs .tab a.active{ background: transparent !important; } .tabs .indicator{ background-color: #e11a1f; } @media (max-width: 768px){ .carousel_mp_movil{ padding-bottom: 0 !important; } .carousel_mp_movil .container{ width: 100% !important; } .carousel_mp_movil .px-75{ padding: 0 !important; } .carousel .indicators .indicator-item{ height: 28px; width: 28px; margin: 24px 12px; } } /* Owl Carousel */ .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next{ position: absolute; top: 31%; font-size: 58px; z-index: 800; background-color: #225296; margin: 0; width: 45px; height: 90px; border-radius: 0 50px 50px 0; opacity: 0.6; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover{ opacity: 1; -webkit-transform: scale(1.005); transform: scale(1.005); } .owl-carousel .owl-nav button.owl-prev:hover span, .owl-carousel .owl-nav button.owl-next:hover span{ -webkit-transform: scale(0.9); transform: scale(0.9); } .owl-carousel .owl-nav button.owl-prev{ left: 30px; background: url(../images/arrow_left.svg) no-repeat left center !important; } .owl-carousel .owl-nav button.owl-next { right: 30px; background: url(../images/arrow_right.svg) no-repeat left center !important; } .owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { display: none; } .owl-carousel .owl-dots{ display: none; } .owl-carousel.by-work .owl-dots{ display: block !important; margin-top: -50px; z-index: 999; position: absolute; margin-left: auto; margin-right: auto; width: inherit; } .owl-carousel .item { padding: 0rem; } .owl-carousel.by-work .owl-next, .owl-carousel.by-work .owl-prev{ top: 42% !important; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background-color: #000000 !important; } @media (max-width: 768px){ .owl-carousel .owl-dots{ display: block; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { display: none; } .movil_c_px_0{ width: 100%; padding-left: 0 !important; padding-right: 0 !important; } } .typing_effect{ overflow: hidden; /* Ensures the content is not revealed until the animation */ border-right: 0em solid red; /* The typwriter cursor */ white-space: nowrap; /* Keeps the content on a single line */ margin: 0; /* Gives that scrolling effect as the typing happens */ letter-spacing: 0.05em; /* Adjust as needed */ animation: typing 3.5s steps(30, end), blink-caret .5s step-end infinite; } /* The typing effect */ @keyframes typing { from { width: 0% } to { width: 100% } } /* The typewriter cursor effect */ @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: red } } /* Effect text 2 */ .--animation_fade-in { animation: fade-in 1.25s ease; } .--animation_easy-top { animation: ease-top 1s ease; position: relative; overflow: hidden; } .--animation_easy-top:before { content: ""; position: absolute; width: 0; height: 100%; background: transparent; animation: h-to-right 2s ease; } @keyframes h-to-right { 0%, 100% { width: 100%; } 0% { -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); } 100% { -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); } } @keyframes fade-in { 0%, 50% { opacity: 0; } } @keyframes ease-top { 0%, 10% { opacity: 0; } 10% { transform: translate(0, 30px); } } .text-line text { stroke-dasharray: 400; stroke-dashoffset: 400; animation: dash 5s linear infinite, filling 4s ease-in infinite; } @keyframes dash { to { stroke-dashoffset: 0; } } @keyframes filling { from{ fill: none; fill-opacity: 0; } to { fill: none; fill-opacity: 1; } } /* Animate */ .anifixed{ stroke-width: 1px; stroke: #e11a1f; stroke-dasharray: 50; stroke-dashoffset: 50; /* fill: #000000; */ animation: dash 3s forwards; } .aniheart{ stroke-width: 0.5px; stroke: #e11a1f; stroke-dasharray: 80; stroke-dashoffset: 80; fill: #e11a1f; animation: dash 1s infinite alternate; } .animainfinite{ stroke-width: 2px; stroke: #e69200; stroke-dasharray: 100; stroke-dashoffset: 100; fill: transparent; animation: dash 1.5s infinite alternate; } .animainfinite2{ stroke-width: 3px; stroke: #3e3e3e; stroke-dasharray: 78; stroke-dashoffset: 314; fill: transparent; animation: dash 2s infinite alternate; } .animainfinite3{ stroke-width: 1px; stroke: #137B4E; stroke-dasharray: 138; stroke-dashoffset: 260; fill: transparent; animation: dash 2s infinite alternate; } @keyframes dash { to { stroke-dashoffset: 0; } } .animavectorfinite{ stroke-width: 0.2px; stroke: #000000; stroke-dasharray: 500; stroke-dashoffset: 500; fill: transparent; animation: desh 2s infinite alternate; } @keyframes desh { to { stroke-dashoffset: 0; } } /* Text Animation */ /* ESTILOS PARA EL FORMULARIO */ .nuevofrom { background-image: url('../images/background-form2.jpg'); padding-top: 40px; padding-bottom: 60px; background-size: cover; } .boxinterno { width: 30%; margin: 0 auto; padding: 20px; background: #fff7ea; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; align-items: center; } .letra { font-size: 40px; font-weight: 800; margin-bottom: 20px !important; } .letra2 { margin-top: 20px; } @media (max-width: 768px) { /* Para móviles */ .boxinterno { width: 90%; /* Cambia el ancho en móviles */ } .letra { font-size: 30px; } } .cololab { color: #000; } .titform { font-family: 'Gilroy'; font-size: 23px; color: #137B4E; } .imgtamano { width: 250px; height: auto; margin-bottom: 20px; } .form-row { display: flex; flex-wrap: wrap; gap: 10px; } .half-width { width: calc(50% - 5px); } .full-width { width: 100%; } .form-checks { display: flex; flex-direction: column; margin-top: 10px; } @media (max-width: 768px) { .half-width { width: 100%; } } .enlace-tyc { color: black; text-decoration: none; } .enlace-tyc:hover { color: black; /* Cambia el color cuando el mouse pasa sobre el enlace */ } /* FIN DE ESTILOS PARA EL FORMULARIO */