@charset "UTF-8";

.bg-success {
background-color: rgb(68, 114, 70) !important;
}
.bg-gradient {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(68%2c 114%2c 70%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c459.899C87.233%2c456.406%2c163.219%2c413.226%2c243.463%2c378.836C340.48%2c337.258%2c456.79%2c322.147%2c519.512%2c237.253C585.857%2c147.456%2c608.801%2c25.012%2c585.565%2c-84.191C562.842%2c-190.984%2c479.774%2c-273.107%2c396.017%2c-343.15C321.368%2c-405.576%2c230.035%2c-438.558%2c135.286%2c-460.742C44.911%2c-481.902%2c-47.054%2c-489.196%2c-137.433%2c-468.053C-231.542%2c-446.037%2c-320.687%2c-405.305%2c-389.929%2c-337.875C-463.02%2c-266.697%2c-533.188%2c-179.313%2c-538.553%2c-77.432C-543.816%2c22.511%2c-468.786%2c104.687%2c-417.766%2c190.787C-372.09%2c267.867%2c-331.645%2c350.326%2c-256.323%2c398.846C-180.959%2c447.393%2c-89.575%2c463.485%2c0%2c459.899' fill='%23365b38'%3e%3c/path%3e%3cpath d='M1440 1031.976C1535.84 1031.577 1634.248 1038.82 1719.185 994.421 1808.138 947.923 1891.287 875.6669999999999 1921.897 780.075 1951.616 687.267 1901.375 591.679 1878.483 496.956 1857.85 411.581 1847.502 322.865 1794.478 252.84300000000002 1739.372 180.07100000000003 1660.37 131.81099999999998 1575.857 97.315 1484.179 59.894000000000005 1382.658 13.732999999999947 1289.259 46.62199999999996 1196.429 79.31 1165.091 191.579 1099.583 265.027 1032.834 339.86699999999996 924.392 385.03200000000004 900.556 482.44 876.358 581.327 929.7370000000001 681.19 975.4929999999999 772.133 1019.876 860.347 1073.136 948.54 1159.318 996.75 1243.313 1043.7359999999999 1343.757 1032.376 1440 1031.976' fill='%23528954'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e") !important;
background-size: cover;
}
.bg-gradient a {
color: #f0f1da;
}
.bg-gradient a:hover {
color: #fff;
}
.bg-cream {
background-color: #f0f1da;
}
.btn-success {
background-color: #447246;
border-color: #447246;
}
a {
transition: all 0.3s ease;
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: 16px;
scroll-behavior: smooth;
}
body {
font-family: "Montserrat", sans-serif;
font-size: 1rem;
line-height: 1.6;
color: #333;
background-color: #fff;
overflow-x: hidden;
}
a {
color: #447246;
text-decoration: none;
transition: all 0.3s ease;
}
a:visited {
color: #447246;
}
a:hover {
color: rgb(68, 114, 70);
}
img {
max-width: 100%;
height: auto;
}
.text-white a {
color: #fff;
}
.text-white a:visited {
color: #fff;
}
.text-white a:hover {
color: #f0f1da;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.text-primary {
color: #447246 !important;
}
.bg-primary {
background-color: #447246 !important;
}
.btn {
display: inline-block;
font-weight: 500;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 0.5rem 1.5rem;
font-size: 1rem;
line-height: 1.5;
transition: all 0.3s ease;
}
.btn-primary {
color: #fff;
background-color: #447246;
border: 1px solid #447246;
}
.btn-primary:hover {
background-color: rgb(68, 114, 70);
border-color: rgb(68, 114, 70);
}
.btn-outline {
background-color: transparent;
border: 1px solid #447246;
color: #447246;
}
.btn-outline:hover {
background-color: #447246;
color: #fff;
}
.top-70 {
top: 70%;
}
form input[type=text],
form input[type=email],
form input[type=tel],
form textarea {
width: 100%;
padding: 0.5rem 1rem;
margin-bottom: 1rem;
border: 1px solid #447246;
border-radius: 0px !important;
transition: all 0.3s ease;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form textarea:focus {
outline: none;
border-color: rgb(68, 114, 70);
}
form input[type=checkbox] {
width: 20px;
height: 20px;
}
form input[type=submit] {
height: 45px;
padding: 0.5rem 1.5rem;
font-size: 1rem;
line-height: 1.5;
transition: all 0.3s ease;
background-color: #447246;
color: #fff;
border: 1px solid rgb(68, 114, 70);
cursor: pointer;
width: 100%;
}
.iti {
width: 100%;
}
.iti__selected-dial-code {
color: #000;
font-size: 0.8rem;
}
.iti__country-name {
color: #000;
font-size: 0.8rem;
}
#flotante_desktop {
position: fixed;
bottom: 45%;
right: 0px;
z-index: 9999;
padding: 20px 15px 20px 20px;
background-color: #447246;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
transition: all 0.5s ease;
}
#flotante_desktop.hide {
opacity: 0;
right: -100px;
}
#flotante_desktop li a i {
color: white;
font-size: 1rem;
transition: all 0.5s ease;
}
#flotante_desktop li a:hover i {
color: #f0f1da;
}
form input[type=text], form input[type=email], form input[type=tel], form textarea {
margin-bottom: 0rem;
}
.wpcf7-not-valid-tip {
font-size: 0.8rem;
}
.wpcf7-list-item-label {
color: white;
font-size: 0.8rem;
padding-left: 10px;
}
.form-check {
padding-left: 0.5em;
}
#idiomas {
height: 24px;
}
#idiomas .wpml-ls-sidebars-idiomas {
padding-right: 0px;
padding-top: 0px;
}
#idiomas .wpml-ls-sidebars-idiomas li {
position: relative;
}
#idiomas .wpml-ls-sidebars-idiomas li a {
padding-right: 0px;
}
#idiomas .wpml-ls-sidebars-idiomas li.wpml-ls-current-language a:after {
content: "";
width: 18px;
height: 4px;
border-bottom: 4px solid #447246;
position: absolute;
bottom: -4px;
right: 0;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
transition: all 0.3s ease;
padding: 1rem 0;
background-color: transparent;
}
.header .logo {
height: 40px;
transition: all 0.3s ease;
}
.header .logo path {
fill: #fff;
transition: all 0.3s ease;
}
.header .ham {
cursor: pointer;
}
.header .ham .line {
fill: none;
stroke: #f0f1da;
stroke-width: 6;
transition: all 0.3s ease;
}
.header.scrolled {
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header.scrolled .logo path {
fill: #447246;
}
.header.scrolled .ham .line {
stroke: #333;
}
.header.scrolled .nav-link {
color: #333;
}
.header.scrolled .nav-link:hover, .header.scrolled .nav-link.active {
color: #447246;
}
.header.menu-opened .ham .line {
stroke: #333 !important;
}
.header .navbar {
display: flex;
justify-content: space-between;
align-items: center;
}
.header .nav-menu {
display: flex;
list-style: none;
}
@media (max-width: 768px) {
.header .nav-menu {
display: none;
position: fixed;
top: 70px;
left: 0;
width: 100%;
background-color: #fff;
flex-direction: column;
padding: 1rem 0;
}
.header .nav-menu.active {
display: flex;
}
}
.header .nav-item {
margin-left: 1.5rem;
}
@media (max-width: 768px) {
.header .nav-item {
margin: 0;
padding: 0.5rem 1rem;
}
}
.header .nav-link {
color: #fff;
font-weight: 500;
transition: all 0.3s ease;
}
.header .nav-link:hover, .header .nav-link.active {
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 768px) {
.header .nav-link {
color: #333;
}
.header .nav-link:hover, .header .nav-link.active {
color: #447246;
}
}
#header.scrolled.menu-opened {
background-color: transparent !important;
box-shadow: none;
}
#menu {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
background-color: #FaFaFa;
transition: all 0.5s ease;
}
#menu:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background-image: url(//nexo-parqueventas.com/wp-content/themes/ricardo-ortiz/assets/img/fondo.svg);
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
opacity: 0.1;
}
#menu.open {
z-index: 99;
opacity: 1;
}
#menu .content_menu {
text-align: center;
z-index: 2;
}
#menu .content_menu .column-a ul li,
#menu .content_menu .column-b ul li {
list-style: none;
}
#menu .content_menu .column-a ul li a,
#menu .content_menu .column-b ul li a {
text-transform: uppercase;
font-size: 2.2rem;
color: #447246;
text-decoration: none;
transition: all 0.5s ease;
}
#menu .content_menu .column-a ul li a:hover,
#menu .content_menu .column-b ul li a:hover {
color: #343a40;
}
#menu .content_menu .column-a ul li.active a,
#menu .content_menu .column-b ul li.active a {
color: rgb(68, 114, 70);
position: relative;
}
#menu .content_menu .column-a ul li.active a:before,
#menu .content_menu .column-b ul li.active a:before {
content: "";
position: absolute;
top: 10px;
left: 10px;
width: 105%;
height: 20px;
background-color: rgba(68, 114, 70, 0.3);
z-index: -1;
-webkit-clip-path: polygon(0 calc(0% + 2px), 0 calc(0% + 35px), 100% calc(100% - 2px), 100% calc(100% - 6px));
clip-path: polygon(0 calc(0% + 2px), 0 calc(0% + 35px), 100% calc(100% - 2px), 100% calc(100% - 6px));
}
#menu .social li {
display: inline-block;
margin-right: 1.3rem;
}
#menu .social li:last-child {
margin-right: 0;
}
#menu .social li i {
font-size: 1.4rem;
}
body:not(.home) .header .ham .line {
stroke: #000;
}
section {
padding: 5rem 0;
}
section.bg-light {
background-color: #f8f9fa;
}
section .section-title {
margin-bottom: 3rem;
text-align: center;
}
section .section-title h2 {
font-size: 2.5rem;
font-weight: 700;
color: #333;
margin-bottom: 1rem;
}
section .section-title h2:after {
content: "";
display: block;
width: 80px;
height: 3px;
background-color: rgba(68, 114, 70, 0.7);
margin: 1rem auto 0;
}
section .section-title p {
font-size: 1.1rem;
color: #666666;
}
h1 {
margin-bottom: 1rem;
}
h1:after {
content: "";
display: block;
width: 80px;
height: 3px;
background-color: rgba(68, 114, 70, 0.7);
margin-top: 1rem;
}
.hero {
height: 101vh;
min-height: 600px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
overflow: hidden;
}
.hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.hero video, .hero .carousel-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero .hero-content {
position: relative;
z-index: 2;
max-width: 800px;
padding: 0 1rem;
}
.hero .hero-content h1 {
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
}
.hero .hero-content p {
font-size: 1.25rem;
margin-bottom: 2rem;
opacity: 0.9;
}
.hero .hero-content .btn {
margin: 0 0.5rem;
}
.hero .fade-text {
opacity: 0;
animation: fadeInOut 5s ease-in-out forwards;
}
.hero #carouselFade {
height: 100vh;
width: 100%;
}
.hero #carouselFade .carousel-inner {
height: 100vh;
}
.full-image-parallax {
background-size: cover;
background-position: center bottom;
background-attachment: fixed;
width: 100%;
height: 100vh;
}
.top-titulo {
padding: 5px 25px 5px 25px;
margin-bottom: 5px;
background-color: rgba(68, 114, 70, 0.7);
color: #f0f1da;
display: inline-block;
text-transform: uppercase;
font-weight: 800;
-webkit-clip-path: polygon(0 calc(100% - 8px), 0 calc(100% - 24px), 100% calc(0% + 2px), 100% calc(100% - 3px));
clip-path: polygon(0 calc(100% - 8px), 0 calc(100% - 24px), 100% calc(0% + 2px), 100% calc(100% - 3px));
}
h2.titleh1 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
h2.titleh1:after {
content: "";
display: block;
width: 80px;
height: 3px;
background-color: rgba(68, 114, 70, 0.7) !important;
margin: 1rem auto 0;
}
.featured-text {
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: 2.5rem;
font-style: italic;
}
@keyframes fadeInOut {
0% {
opacity: 0;
transform: translateY(20px);
}
20% {
opacity: 1;
transform: translateY(0);
}
80% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.features .feature-item {
text-align: center;
margin-bottom: 2rem;
}
.features .feature-item .feature-icon {
font-size: 2.5rem;
color: #447246;
margin-bottom: 1.5rem;
}
.features .feature-item h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.features .feature-item p {
color: #595959;
}
.quote {
font-size: 2rem;
font-style: italic;
}
.parallax {
position: relative;
height: 400px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
}
.parallax::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
.parallax .parallax-content {
position: relative;
z-index: 1;
max-width: 800px;
padding: 0 1rem;
}
.parallax .parallax-content h2 {
font-size: 2.5rem;
margin-bottom: 1.5rem;
}
.parallax .parallax-content p {
font-size: 1.2rem;
margin-bottom: 2rem;
}
.location .map-container {
height: 400px;
margin-top: 2rem;
}
.location .map-container iframe {
width: 100%;
height: 100%;
border: none;
}
.location .location-info {
margin-top: 2rem;
}
.location .location-info h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.location .location-info ul {
list-style: none;
}
.location .location-info ul li {
margin-bottom: 0.5rem;
}
.location .location-info ul li i {
color: #447246;
margin-right: 0.5rem;
}
.gallery .gallery-item {
margin-bottom: 1.5rem;
position: relative;
overflow: hidden;
}
.gallery .gallery-item img {
transition: all 0.3s ease;
}
.gallery .gallery-item:hover img {
transform: scale(1.05);
}
.gallery .gallery-item:hover .gallery-overlay {
opacity: 1;
}
.gallery .gallery-item .gallery-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(68, 114, 70, 0.7);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.3s ease;
}
.gallery .gallery-item .gallery-overlay i {
color: #fff;
font-size: 2rem;
}
footer {
margin-top: -7px;
background-color: rgb(68, 114, 70);
color: #fff;
padding: 4rem 0 2rem;
background-image: url(//nexo-parqueventas.com/wp-content/themes/ricardo-ortiz/assets/img/pattern-claro-opacity.svg);
background-position: top left;
background-repeat: no-repeat;
position: relative;
z-index: 2;
}
footer .footer-logo {
margin-bottom: 1.5rem;
}
footer .footer-logo img {
height: 40px;
}
footer .footer-links h4 {
font-size: 1.2rem;
margin-bottom: 1.5rem;
position: relative;
}
footer .footer-links h4:after {
content: "";
display: block;
width: 50px;
height: 2px;
background-color: #447246;
margin-top: 0.5rem;
}
footer .footer-links ul {
list-style: none;
}
footer .footer-links ul li {
margin-bottom: 0.5rem;
}
footer .footer-links ul li a {
color: rgba(240, 241, 218, 0.8);
}
footer .footer-links ul li a:hover {
color: #447246;
}
footer .footer-contact p {
margin-bottom: 0.5rem;
}
footer .footer-contact p i {
color: #447246;
margin-right: 0.5rem;
}
footer .footer-social a {
display: inline-block;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
transition: all 0.3s ease;
}
footer .footer-social a i {
color: #f0f1da;
}
footer .footer-social a:hover i {
color: #fff;
}
footer .footer-bottom {
text-align: center;
}
footer .footer-bottom p, footer .footer-bottom a {
font-size: 0.8rem;
color: rgba(255, 255, 255, 0.7);
}
footer a {
color: #f0f1da;
text-decoration: none;
}
footer a:visited {
color: #f0f1da;
}
footer a:hover {
color: #fff;
text-decoration: none;
} .accordion-button {
position: relative;
text-transform: uppercase;
font-weight: 600;
}
.accordion-button:focus {
box-shadow: none !important;
}
.accordion-button:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 3px;
background-color: #447246;
}
.col-naranja .accordion-button:after {
background-color: #ff9900;
}
.col-naranja .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #ff9900 !important;
color: #ff9900 !important;
}
.col-azul .accordion-button:after {
background-color: #6783da;
}
.col-azul .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #6783da !important;
color: #6783da !important;
margin-top: 10px;
}
.col-morado .accordion-button:after {
background-color: #8a3d89;
}
.col-morado .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #8a3d89 !important;
color: #8a3d89 !important;
margin-top: 10px;
}
.col-verde .accordion-button:after {
background-color: #2fa44c;
}
.col-verde .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #2fa44c !important;
color: #2fa44c !important;
margin-top: 10px;
} input[type=text],
input[type=email],
input[type=tel] {
height: 45px;
}
input[type=checkbox] {
border-radius: 0px !important;
}
.form-label {
margin-bottom: 0.1rem !important;
}
.form-check-label {
padding-left: 10px;
}
.form-check a {
color: #f0f1da;
text-decoration: underline;
}
.form-check a:hover {
color: white;
text-decoration: none;
}
#form-pop {
width: 500px;
min-height: 400px;
background-color: rgba(0, 0, 0, 0.2);
padding: 40px;
border-radius: 10px;
z-index: 1;
border: 2px solid rgba(255, 255, 255, 0.3);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
position: relative;
right: auto;
top: auto;
margin: 0 auto;
}
#form-pop input[type=text],
#form-pop input[type=email],
#form-pop input[type=tel] {
font-size: 0.8rem;
}
#form-pop input[type=submit] {
font-size: 0.9rem;
}
#form-pop .form-label {
font-size: 0.9rem;
}
#form-pop .form-check-label {
font-size: 0.8rem;
}
.cta h2:after {
background-color: white;
}
.idiomas .active {
position: relative;
}
.idiomas .active:after {
content: "";
position: absolute;
bottom: -9px;
left: 0;
width: 20px;
height: 4px;
background-color: #447246;
}
.col-educacion .accordion-button:after {
background-color: #8e1c5c;
}
.col-educacion .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #8e1c5c !important;
color: #8e1c5c !important;
}
.col-salud .accordion-button:after {
background-color: #36667e;
}
.col-salud .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #36667e !important;
color: #36667e !important;
margin-top: 10px;
}
.col-comercio .accordion-button:after {
background-color: #dc8750;
}
.col-comercio .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #dc8750 !important;
color: #dc8750 !important;
margin-top: 10px;
}
.col-cultura .accordion-button:after {
background-color: #a92017;
}
.col-cultura .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #a92017 !important;
color: #a92017 !important;
margin-top: 10px;
}
.col-parques .accordion-button:after {
background-color: #5f2468;
}
.col-parques .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #5f2468 !important;
color: #5f2468 !important;
margin-top: 10px;
}
.puntos {
opacity: 1;
}
.puntos.hide {
opacity: 0;
} .slick-prev.slick-arrow,
.slick-next.slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
z-index: 10;
cursor: pointer;
color: #447246; font-size: 2rem; transition: color 0.3s ease, transform 0.3s ease;
}
.slick-prev.slick-arrow {
left: -42px;
}
.slick-next.slick-arrow {
right: -30px;
}
.slick-prev.slick-arrow:hover,
.slick-next.slick-arrow:hover {
color: #333333;
transform: translateY(-50%) scale(1.2);
} .slick-prev:before,
.slick-next:before {
display: none;
}
.slick-dots {
bottom: -35px;
}
.slick-dots li.slick-active button:before {
color: #447246;
}
.parque-ventas {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
text-align: start;
}
.parque-ventas .color-line {
width: 100px;
height: 18px;
background-color: #D0DFAF;
margin-right: 15px;
}
.gallery-preview a:hover {
cursor: pointer;
}
.content-absolute {
position: absolute;
top: 0;
left: 0%;
width: 100%;
height: 100%;
z-index: 9;
}
.content-absolute .col-12 {
z-index: 9;
}
.content-absolute h2 {
font-weight: 600;
}
.content-absolute h2:after {
content: "";
display: none;
}
.content-absolute h3 {
font-weight: 600;
}
.content-absolute .sub {
text-transform: uppercase;
font-weight: 600;
color: #ccc;
}
.frase-precio {
font-weight: 600;
}
.carousel-control-prev,
.carousel-control-next {
z-index: 999999;
}
@media (max-width: 575px) {
.hero {
height: calc(100vh - 250px);
}
.hero .hero-content h1 {
font-size: 2.5rem;
}
.hero .hero-content p {
font-size: 1rem;
}
.frase-destacada_mobile {
margin-top: 100px;
}
.wpcf7-spinner {
position: absolute;
right: 20px;
bottom: 52px;
}
#flotante_desktop {
width: 100%;
bottom: 0;
left: 0;
height: 50px;
border-radius: 0;
text-align: center;
padding: 0;
}
#flotante_desktop ul {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
}
#flotante_desktop ul li {
margin: 0 10px;
}
#flotante_desktop ul li i {
font-size: 1.3rem;
}
#flotante_desktop.hide {
left: 0;
bottom: -100px;
}
section {
padding: 3rem 0;
}
section .section-title h2 {
font-size: 2rem;
}
footer h5:after {
left: calc(50% - 20px);
}
#form-pop {
width: 90%;
margin: 0 auto;
right: auto;
left: auto;
top: auto;
bottom: 50px;
}
.accordion-button {
font-size: 1rem;
}
.accordion-body li {
font-size: 0.8rem;
}
.slick-prev.slick-arrow {
left: 20px;
}
.slick-next.slick-arrow {
right: 20px;
}
.content-absolute h2 {
font-size: 1.4rem;
}
.content-absolute h3 {
font-size: 1.2rem;
}
.content-absolute .sub {
font-size: 1rem;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.frase-destacada_mobile {
margin-top: 120px;
}
.content-absolute {
top: -100px;
}
}
@media (max-width: 767px) {
.header .navbar {
padding: 0.5rem 1rem;
}
.frase-destacada_mobile {
margin-top: 100px;
}
.features .feature-item {
margin-bottom: 3rem;
}
.parallax {
background-attachment: scroll;
}
.parallax .parallax-content h2 {
font-size: 2rem;
}
.accordion-button {
font-size: 1rem;
}
.accordion-body li {
font-size: 0.8rem;
}
.wpcf7-spinner {
position: absolute;
right: 25px;
bottom: 68px;
}
.content-absolute h2 {
font-size: 1.2rem;
}
.content-absolute h3 {
font-size: 1.1rem;
}
.content-absolute .sub {
font-size: 0.9rem;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
.hero .hero-content h1 {
font-size: 4rem;
}
footer h5:after {
left: 0;
}
#form-pop {
width: 400px;
}
.accordion-button {
font-size: 1rem;
}
.accordion-body li {
font-size: 0.8rem;
}
.wpcf7-spinner {
position: absolute;
right: 25px;
bottom: 68px;
}
.content-absolute h2 {
font-size: 2.6rem;
}
.content-absolute h3 {
font-size: 2rem;
}
.content-absolute .sub {
font-size: 1.1rem;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
#form-pop {
width: 400px;
}
.accordion-button {
font-size: 1rem;
}
.accordion-body li {
font-size: 0.8rem;
}
.wpcf7-spinner {
position: absolute;
right: 25px;
bottom: 68px;
}
.content-absolute h2 {
font-size: 2.6rem;
}
.content-absolute h3 {
font-size: 1.9rem;
}
.content-absolute .sub {
font-size: 1.2rem;
}
}
@media (min-width: 1400px) {
.accordion-button {
font-size: 1.2rem;
}
.accordion-body li {
font-size: 1rem;
}
#form-pop {
width: 500px;
}
.wpcf7-spinner {
position: absolute;
right: 25px;
bottom: 68px;
}
.content-absolute h2 {
font-size: 3.2rem;
}
.content-absolute h3 {
font-size: 2.3rem;
}
.content-absolute .sub {
font-size: 1.4rem;
}
}
.d-none {
display: none !important;
}
@media (min-width: 0) {
.d-xs-none {
display: none !important;
}
.d-xs-block {
display: block !important;
}
.d-xs-flex {
display: flex !important;
}
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
}
@media (min-width: 1400px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-flex {
display: flex !important;
}
}