* {
box-sizing: border-box;
scroll-behavior: smooth;
}
#color-var {
--color-text: #000000;
--color-link: #c86d00;
--color-link-hover: #a90202;
--color-primary: #8d1b1b;
--color-primary-light: #5f0000;
--color-secondary: #25737c;
--color-cta: #ee8300;
--color-white: #fff;
--bg-light: #f6f6f6;
--bg-light2: #f7efef;
--font-family: sans-serif, 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial;
--font-family-heading: sans-serif, 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial;
--color-preloader: #460000;
--color-header-transparent: rgba(249, 246, 232, 0.9);
--color-header: #646363;
--color-footer-bg: #646363;
--intro-bg: rgba(8, 39, 68, 0.17);
} body {
margin: 0;
font-family: var(--font-family);
line-height: 1.7em;
}
header {
background: var(--color-primary-light);
} .text-primary {
color: var(--color-primary);
}
.text-secondary {
color: var(--color-link);
}
.text-black {
color: var(--color-text)
}
.text-white,
.text-white p, 
.text-white h3, 
.text-white li {
color: var(--color-white) !important;
}
.lead{
font-size: 1.9em;
font-weight: 100;
line-height: 1.2em;
color: var(--color-link-hover);
font-family: var(--font-family-heading);
padding-top: 5px;
margin-bottom: 45px!important;
}
.display-4 {
font-size: 3em;
font-weight: 300;
line-height: 1.2;
}
.text-uppercase {
text-transform: uppercase;
}
.border {
border: 1px solid var(--color-link) !important;
} h1,
h2 {
line-height: 1.2em;
color: var(--color-text);
font-family: var(--font-family-heading);
padding-top: 20px;
padding-bottom: 5px;
margin-bottom: 10px;
}
.container h1, section a {
color: var(--color-primary);
}
h2 {
color: var(--color-primary);
text-align: center;
font-size: 1.9em;
}
h3 {
color: var(--color-link);
text-transform: uppercase;
line-height: 1.2em;
padding-top: 20px;
}
.h2 {
color: var(--color-primary);
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 0.5rem;
}
.h3{
font-size: 1.5rem !important;
font-weight: 500;
line-height: 1.2;
} 
.page h2, .page h3, .single h2, .single h3 { padding-top: 27px; width: 100%;
}
h1,h2,h3,.h2,.h3,h4{
width: 100%;
}
p, hr {
width: 100%;
} #topBar a {
color: var(--color-primary);
}
a,
#contact-details a {
color: var(--color-white);
}
a:hover{
text-decoration: none;
color: var(--color-link);
}
main a {
color: var(--color-link);
}
main a:hover {
text-decoration: none;
color: var(--color-link-hover);
}
section {
padding: 10px 0;
}
section h1 {
font-size: 1.9em;
position: relative;
}
section h2 {
font-size: 1.5em;
position: relative;
}
#faq a {
color: var(--color-secondary);
}
.bg-cta a {
color: #ddd;
} .bg-light {
background: var(--bg-light);
}
.bg-light2 {
background: var(--bg-light2);
}
.bg-white {
background-color: var(--color-white);
}
.bg-1 {
background: linear-gradient(171deg, var(--color-primary-light), var(--color-primary-light) 58%, var(--color-primary) 59%, var(--color-primary));
}
.bg-2 {
background: linear-gradient(170deg, var(--color-primary), var(--color-primary) 60%, var(--color-primary-light) 60%, var(--color-primary-light));
}
.bg-1 a {
color: var(--color-link);
}
.bg-2 a {
color: var(--color-link);
}
.bg-1 h2,
.bg-1 h3,
.bg-1 p,
.bg-1 li,
.bg-2 h2,
.bg-2 h3,
.bg-2 p,
.bg-2 li {
color: var(--color-white);
}
.bg-cta { background: linear-gradient(300deg, var(--color-link-hover) 0%, var(--color-primary) 60%);
color: #fff;
} .container {
width: 95%;
max-width: 1000px;
margin: 0 auto;
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1140px;
}
}
@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm {
max-width: 960px;
}}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1320px;
}
} .container .header {
text-align: center;
margin-bottom: 50px;
color: var(--color-text);
font-size: 1.2em;
}
.container .header h2::before {
position: absolute;
content: "";
display: block;
width: 150px;
height: 2px;
background-color: var(--color-link);
bottom: -15px;
left: calc(50% - 75px);
}  .row {
display: flex;
flex-wrap: wrap;
margin: 10px 0;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.col-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-8 {
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-7 {
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-5 {
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-4 {
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-2 {
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-1 {
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.d-none {
display: none;
} .entry-content p img {
max-width: 100%;
height: auto;
}
article figure img {
max-width: 100%;
height: auto !important;
}
@media (min-width:768px) {
#servicios figure {
position: relative;
width: 100%;
height: auto;
overflow: hidden;
}
#servicios figure img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: -50%;
left: -50%;
--0-transform: translate(50%, 50%);
--webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
}
.img-fluid {
max-width: 100%;
height: auto !important;
}
@media (min-width:768px) {
nav {
flex-wrap: wrap;
}
.d-md-block {
display: block!important;
} .img-featured::after {
border-radius: 5px;
content: "";
position: absolute;
top: 10%;
left: 15%;
width: 85%;
height: 100%;
background-color: var(--color-company);
z-index: 0;
} .row {
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5);
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.col-md-11 {
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-10 {
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-9{
flex: 0 0 75%;
max-width: 75%;
padding: 5px;
margin: 0;
}
.col-md-8 {
flex: 0 0 66.666667%;
padding: 5px;
margin: 0;
}
.col-md-7 {
flex: 0 0 58.333333%;
padding: 5px;
margin: 0;
}
.col-md-6 {
flex: 0 0 50%;
padding: 5px;
margin: 0;
}
.col-md-5 {
flex: 0 0 41.666667%;
padding: 5px;
margin: 0;
}
.col-md-4 {
flex: 0 0 33.33%;
padding: 5px;
margin: 0;
}
.col-md-3 {
flex: 0 0 25%;
padding: 5px;
margin: 0;
}
.col-md-2 {
flex: 0 0 16.666667%;
padding: 5px;
margin: 0;
}
.col-md-1 {
flex: 0 0 8.333333%;
padding: 5px;
margin: 0;
}
} @media (min-width:992px) {
.col-lg-11 {
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-10 {
flex: 0 0 83.333333%;
padding: 10px;
margin: 0;
}
.col-lg-9 {
flex: 0 0 75%;
padding: 10px;
margin: 0;
}
.col-lg-8 {
flex: 0 0 66.666667%;
padding: 10px;
margin: 0;
}
.col-lg-7 {
flex: 0 0 58.333333%;
padding: 10px;
margin: 0;
}
.col-lg-6 {
flex: 0 0 50%;
padding: 10px;
margin: 0;
}
.col-lg-5 {
flex: 0 0 41.666667%;
padding: 10px;
margin: 0;
}
.col-lg-4 {
flex: 0 0 33.33%;
padding: 10px;
margin: 0;
}
.col-lg-3 {
flex: 0 0 25%;
padding: 10px;
margin: 0;
}
.col-lg-2 {
flex: 0 0 16.666667%;
padding: 10px;
margin: 0;
}
.col-lg-1 {
flex: 0 0 8.333333%;
padding: 10px;
margin: 0;
}
} #topBar i:hover,
footer i:hover {
color: var(--color-link);
} .wp-block-columns {
display: flex;
margin-left: -1.5rem;
}  .header-scrolled #logo img{ transition: all .9s;
}
.header-scrolled {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
position: sticky!important;
z-index: 999;
width: 100%;
top: 0px;
left: 0px;
}
.header-scrolled .header-scrolled-visible p,
.header-scrolled-visible {
display: none
}
.header-scrolled .header-scrolled-visible {
display: inline-block;
margin-top: -10px
}
.header-scrolled .header-scrolled-visible img {
display: inline-block;
margin-top: -15px;
height: 40px
}
.header-scrolled .header-scrolled-novisible {
display: none
}
.header-scrolled .header-scrolled-visible p {
display: inline-block;
padding-left: 6px;
font-size: 32px
}
@media (min-width:768px) {
.header-scrolled .header-scrolled-visible p {
display: none
}
.header-scrolled .header-scrolled-visible img {
margin-top: 10px
}
}
@media (min-width:992px) {
.header-scrolled .header-scrolled-visible img {
margin-top: -15px
}
.header-scrolled .header-scrolled-visible p {
display: inline-block;
padding-left: 10px;
font-size: 36px
}
} button {
border: inherit;
}
.btn-featured, 
.btn-featured a {
background-color: var(--color-primary);
color: var(--color-white) !important;
padding: 2px 15px;
margin: 0 10px;
border-radius: 5px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
cursor: pointer;
text-decoration: none;
}
.btn-featured:hover,
.btn-featured:hover a {
background: var(--color-link);
color: var(--color-white);
}
.btn {
display: inline-block;
z-index: 100;
padding: 8px 25px;
border-radius: 50px;
transition: .5s;
margin: 5px;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
text-align: center;
font-size: .8em;
text-decoration: none;
}
.btn a{
padding: 5px 15px!important;
text-decoration: none;
} 
.btn-get-started {
background-color: var(--color-secondary);
border: 1px solid var(--color-secondary);
color: var(--color-white);
}
.btn-get-started a{
color: var(--color-white)!important;
}
.btn-get-started:hover {
background-color: var(--color-white)!important;
color: var(--color-secondary)!important;
border: 1px solid var(--color-secondary)!important;
}
.btn-get-started a:hover{
color: var(--color-link2)!important;
}
.btn-primary {
background-color: var(--color-cta);
border: 1px solid var(--color-cta);
color: var(--color-white);
}
.btn-primary a{
color: var(--color-white);
}
.btn-primary:hover {
background-color: var(--color-white);
color: var(--color-cta);
border: 1px solid var(--color-cta);
}
.btn-primary:hover a{
color: var(--color-cta);
}
.btn-get-started-sidebar {
display: inline-block;
z-index: 100;
transition: .5s;
font-weight: 700;
font-size: 12px;
color: var(--color-white);
background-color: var(--color-primary);
text-decoration: none;
}
.btn-get-started-sidebar:hover {
background-color: var(--color-link);
color: var(--color-white);
}
.btn-consulta {
transition: .5s;
z-index: 100;
padding: 6px;
margin: 10px;
border-radius: 50px;
color: #fff;
background-color: var(--color-link-hover);
text-decoration: none;
letter-spacing: 1px;
}
.btn-consulta:hover {
background-color: #fff;
color: var(--color-text);
} nav {
display: flex;
justify-content: space-between;
position: relative;
min-height: 50px;
}
.desplazado {
right: 20% !important;
} #topBar p {
margin: 0;
padding: 20px 0;
} .pegajoso {
position: sticky;
top: -1px;
z-index: 9999;
}
#inicio {
padding-bottom: 0px;
}
#logo {
margin: 0;
}
#logo img {
width: auto;
height: 50px;
} .fa-chevron-down {
padding-left: 10px;
}
#nav-menu .submenu {
padding: 0;
margin: 0;
list-style: none;
}
#nav-menu a {
display: block;
width: 100%;
padding:  0 20px;
margin: 5px;
line-height: 1.5em;
text-decoration: none;
z-index: 100;
}
#nav-menu .btn-get-started:hover {
background-color: var(--color-white);
} 
.submenu {
height: 0;
overflow: hidden;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
}
.container-submenu:hover .submenu {
overflow: visible;
visibility: visible;
opacity: 1;
height: fit-content;
}
.submenu .menu-link {
background-color: var(--color-primary-light);
color: var(--color-white) !important;
}
.submenu .menu-link:hover {
background-color: var(--color-white);
color: var(--color-primary-light) !important;
}
@media (max-width: 768px){ #cabecera ul {
background-color: var(--color-primary-light);
align-items: center;
display: flex;
flex-direction: column;
padding: 30px 0px 0px 0px;
}
#nav-menu {
z-index: 100;
position: fixed;
top: 0px;
margin: 0 auto;
width: 80%;
height: 100vh;
overflow-y: auto;
padding: 0;
list-style: none !important;
text-align: center;
right: 100%;
transition: right .5s;
background-color: var(--color-white);
} 
#nav-toggle {
border: none;
background-color: transparent;
display: inline-block;
cursor: pointer;
}
#nav-menu .submenu {
padding: 0;
margin: 0;
list-style: none;
}
}
@media (min-width: 768px) {
nav {
flex-wrap: wrap;
} .nav-bar {
display: none;
}
.fa-chevron-down {
padding-left: 5px;
}
.submenu {
height: 0;
top: 50px;
width: 133px;
z-index: 1000;
visibility: hidden;
opacity: 0;
transition: all 0.3s;
}
.container-submenu:hover .submenu {
visibility: visible;
opacity: 1;
}
.submenu .menu-link:hover {
background-color: var(--color-primary-light) !important;
color: var(--color-white) !important;
transition: 0.7s;
}
.submenu .menu-link {
background-color: var(--color-white);
color: var(--color-primary-light) !important;
}
#nav-menu .submenu {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
}
.mostrar {
display: block;
} #nav-toggle {
display: none;
}
#nav-menu {
position: static;
display: flex;
justify-content: flex-end;
margin: 0;
height: auto;
overflow-y: hidden;
background-color: transparent;
list-style: none;
} 
#nav-menu li {
margin: 5px;
} #nav-menu .btn-get-started a {
padding: 5px 10px;
border-radius: 15px;
}
} #footer-bottom {
padding: 30px 0;
background-color: var(--color-primary-light);
color: #fff;
}
#footer-bottom .blog-item p {
border-top: 10px solid var(--color-cta);
color: var(--color-primary-light);
padding: 10px;
font-size: 0.9em;
margin: 0;
padding: 15px;
margin-top: -15px;
}  footer h3 {
color: var(--color-primary-light);
}
.footer-list {
padding: 0;
}
.footer-list li {
list-style: none;
}
footer h4 {
padding: 0;
margin-top: 0;
}
.menu-redes-sociales-container ul {
display: flex;
flex-wrap: wrap; margin: 0px;
padding: 0;
}
.menu-redes-sociales-container ul li {
list-style: none; }
#footer .footer-top .social-links a {
font-size: 18px;
display: inline-block;
background: var(--color-warning-light);
color: #eee;
line-height: 1;
margin-right: 4px;
border-radius: 50%;
text-align: center;
width: 36px;
height: 36px;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
} .sidebar-menu {
background-color: #fff;
border: 2px solid #e5e5e5;
padding: 5px;
}
.sidebar-text {
color: var(--color-text-2)
} #page-sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
#page-sidebar li {
padding-left: 1em;
text-indent: -.7em;
color: var(--color-text);
}
#page-sidebar li::before {
content: "• ";
color: var(--color-primary-light);
font-size: 3em;
position: relative;
top: 0.25em;
}      .dropbtn {
background-color: var(--color-link-hover);
color: white;
padding: 16px;
font-size: 16px;
border: none;
}
.dropdown {
position: relative;
display: inline-block;
width: 100%;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.dropdown-content a {
color: var(--color-text);
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
background-color: #ddd;
}
.dropdown:hover .dropdown-content {
display: block;
width: 100%;
padding: 5px 10px;
}  .sidebar-border-bot {  border-bottom: 2px solid var(--color-border);}.sidebar-border {  border: 2px solid var(--color-border);} .shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;} .cover{ object-fit: cover;} .text-decoration-none{text-decoration:none!important}.text-center{text-align:center!important} .d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important} .flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important} .justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important} .align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-center{align-items:center}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.vertical-align{vertical-align:middle} .column-order{display:flex;flex-wrap:wrap;flex-direction:column-reverse}@media (min-width:768px){.column-order{flex-direction:row}} .order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important} .justify-content-center {
justify-content: center !important;
} .border-top {border-top: 1px solid #dee2e6!important;}.border-bottom { border-bottom: 1px solid #dee2e6!important;} .rounded{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-5{border-radius:var(--bs-border-radius-2xl)!important}.rounded-end,.rounded-top{border-top-right-radius:var(--bs-border-radius)!important}.rounded-bottom,.rounded-end{border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-bottom,.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-start,.rounded-top{border-top-left-radius:var(--bs-border-radius)!important} .m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}#faq .accordion {
background-color: transparent;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
} #faq .accordion:after {
content: '\276E';
transform: rotate(90deg);
color: #fff;
float: right;
margin-left: 5px;
}
#faq .active:after {
content: "\276F";
color: #ffff;
transform: rotate(90deg);
}   
#faq .panel {
padding: 0 18px; max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
#faq h3 {
text-transform: inherit;
}.card-body{
object-fit: cover;
}
.cards {
background-color: var(--bg-light)
} 
.cards .box {
padding: 15px;
box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
transition: all ease-in-out 0.3s;
background-color: white;
border-radius: 10px;
min-height: 300px;
}
.cards .box span {
display: block;
font-size: 28px;
font-weight: 700;
color: var(--color-primary);
}  
.cards .box h4 {
font-size: 20px;
font-weight: 600;
padding: 10px;
margin: 20px 0;
color: #2a2a2a;
}
.cards .box p {
color: #aaaaaa;
font-size: 15px;
margin: 0;
padding: 0;
}
.cards .box:hover {
background: var(--color-primary);
box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}
.cards .box:hover span,
.cards .box:hover h4,
.cards .box:hover p{
color: #fff;
}
.cards .box:hover i {
color: var(--color-cta);
}.carousel {
position: relative;
}
.carousel.pointer-event {
touch-action: pan-y;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
} 
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
transform: translateX(-100%);
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
z-index: 1;
opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
z-index: 0;
opacity: 0;
transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: none;
}
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: -20px;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none;
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: var(--color-cta);
background-clip: padding-box;
border: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators [data-bs-target] {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 1.25rem;
left: 15%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
}
.wrapper{
max-width: 1200px;
margin: auto;
padding: 0 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.wrapper .box{
background: #fff;
width: calc(33% - 10px); 
padding: 25px;
border-radius: 3px;
box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
}
.wrapper .box i.quote{
font-size: 20px;
color: var(--color-primary-light);
}
.wrapper .box .content{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding-top: 10px;
}
.box .info .name{
font-weight: 600;
font-size: 17px;
}
.box .info .job{
font-size: 16px;
font-weight: 500;
color: var(--color-primary);
}
.box .info {
width: 300px;
}
.box .info .stars{
margin-top: 2px;
}
.box .info .stars i{
color: var(--color-cta);
}
.box .content .image{
height: 75px;
width: 75px;
color: var(--color-cta);
border-radius: 50%;
}
.content .image img{
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 50%;
border: 2px solid #fff;
}
.box:hover .content .image img{
border-color: #fff;
}
@media (max-width: 1045px) {
.wrapper .box{
width: calc(50% - 10px);
margin: 10px 0;
}
}
@media (max-width: 702px) {
.wrapper .box{
width: 100%;
}
} .google {
display: inline-block;
opacity: .7;
transition: .25s ease-in-out;
}
.google:hover {
opacity: 100%;
transition: .25s ease-in-out;
} .slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
} .text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
} .dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.carousel .active {
background-color: #717171;
} .fade {
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
} @media only screen and (max-width: 300px) {
.text {font-size: 11px}
}@media (max-width: 768px){
.cta-form {
background-color: #00000030;
}
.cta-form h4 {
color: white;
}
.cta-form i {
color: var(--color-cta);
}
.cta-form:hover {
background-color: var(--color-preloader);
transition: all 0.3s ease-in-out;
}
.cta-form:hover h4 {
color: var(--color-link);
transition: all 0.3s ease-in-out;
}
.cta-form:hover i {
color: white;
background-color: var(--color-cta);
transition: all 0.3s ease-in-out;
}
}
.cta-form {
background-color: #00000030;
} 
.cta-form h4 {
color: white;
}
.cta-form i {
color: var(--color-cta);
}
.cta-form:hover {
background-color: var(--color-preloader);
transition: all 0.3s ease-in-out;
}
.cta-form:hover h4 {
color: var(--color-link);
transition: all 0.3s ease-in-out;
}
.cta-form:hover i {
color: white;
background-color: var(--color-cta);
transition: all 0.3s ease-in-out;
}
.form-submit {
padding: 10px 20px;
border-radius: 0;
transition: .5s;
margin: 10px 0px 40px;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
color: #fff;
background-color: var(--color-primary);
text-decoration: none;
}
.form-submit:hover {
background-color: var(--color-white);
color: var(--color-link);
}
.form-submit-subscribe {
background-color: var(--color-link);
padding: 10px 20px;
transition: .5s;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
color: var(--bg-white) !important;
text-decoration: none;
}
.form-submit-subscribe:hover {
background-color: var(--color-white);
color: var(--color-primary) !important;
} .form-control {
padding: 10px;
width: 100%;
font-size: 18px;
} #contact #errormessage,
#contact #sendmessage {
text-align: center;
display: none;
padding: 15px;
font-weight: 600;
margin-bottom: 15px
}
#contact #sendmessage {
color: var(--color-text);
background-color: #a1ffc8;
}
#contact #errormessage {
color: red;
border: 1px solid red
}
#contact #errormessage.show,
#contact #sendmessage.show,
#contact .show {
display: block
}
#contact .validation {
color: red;
display: none;
margin: 0 0 20px;
font-weight: 400;
font-size: 13px
}
#contact label {
display: block;
margin-bottom: 10px;
}
#contact input,
#contact textarea,
.dropdown button {
padding: 10px 14px;
border-radius: 0;
box-shadow: none;
font-size: 15px; }
#contact input[type="text"],
#contact input[type="number"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea,
.dropdown button {
display: block;
width: 100%;
border: 1px solid #e5e5e5;
}
.form-submit {
padding: 10px 20px;
border-radius: 0;
transition: .5s;
margin: 10px 0px 40px;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
color: #fff;
background-color: var(--color-primary);
text-decoration: none;
}
.form-submit:hover {
background-color: var(--color-white);
color: var(--color-link);
}
.form-submit-subscribe {
background-color: var(--color-link);
padding: 10px 20px;
transition: .5s;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
color: var(--bg-white) !important;
text-decoration: none;
}
.form-submit-subscribe:hover {
background-color: var(--color-white);
color: var(--color-primary) !important;
}aside ul {
list-style: none;
padding: 5px;
}
aside ul li {
margin-bottom: 30px;
} #blog .blog-item p {
border-top: 9px solid var(--color-cta);
background-color: var(--color-primary-light);
color: var(--color-white);
padding: 10px;
text-transform: uppercase;
font-size: 0.9em;
margin: 0;
padding: 15px;
margin-top: -15px;
} 
#blog .blog-item figure {
margin: 0;
padding: 0;
}
#blog .blog-item{
transition: 0.5s;
}
#blog .blog-item :hover {
margin-top: -15px;
transition: 0.5s;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.223);
}
#grid .blog-item h3 {
border-top: 9px solid var(--color-cta);
background-color: var(--color-primary-light);
color: var(--color-white);
padding: 10px;
text-transform: uppercase;
font-size: 1.1em;
margin: 0;
padding: 15px;
margin-top: -15px;
}
#grid .blog-item figure {
margin: 0;
padding: 0;
}
blockquote {
border-left: 8px solid var(--color-cta);
margin: 0px;
padding: 5px 30px;
background: #fff;
border-radius: 10px;
}
cite {
color: var(--color-link-hover);
}#call-to-action h3 {
color: #fff;
font-size: 28px;
font-weight: 700;
}
#call-to-action p {
color: #fff;
}
#call-to-action li {
padding-left: 1em;
text-indent: -.7em;
color: var(--color-white);
} #details {
background-color: var(--color-cta);
text-align: center;
line-height: 1.2;
}
#details span {
color: var(--color-white);
font-size: 3em;
}aside ul {
list-style: none;
padding: 5px;
}
aside ul li {
margin-bottom: 30px;
} #blog .blog-item p {
border-top: 9px solid var(--color-cta);
background-color: var(--color-primary-light);
color: var(--color-white);
padding: 10px;
text-transform: uppercase;
font-size: 0.9em;
margin: 0;
padding: 15px;
margin-top: -15px;
} 
#blog .blog-item figure {
margin: 0;
padding: 0;
}
#blog .blog-item{
transition: 0.5s;
}
#blog .blog-item :hover {
margin-top: -15px;
transition: 0.5s;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.223);
}
#grid .blog-item h3 {
border-top: 9px solid var(--color-cta);
background-color: var(--color-primary-light);
color: var(--color-white);
padding: 10px;
text-transform: uppercase;
font-size: 1.1em;
margin: 0;
padding: 15px;
margin-top: -15px;
}
#grid .blog-item figure {
margin: 0;
padding: 0;
}
blockquote {
border-left: 8px solid var(--color-cta);
margin: 0px;
padding: 5px 30px;
background: #fff;
border-radius: 10px;
}
cite {
color: var(--color-link-hover);
}.icon-boxes{
position: relative;
}
#cajas-intro .btn-get-started {
font-family: "Raleway", sans-serif;
text-transform: uppercase;
font-size: 12px;
border-radius: 50px;
transition: 0.5s;
color: #fff;
background: var(--color-primary-light);
border: 1px solid transparent;
}
#cajas-intro .contenido {
padding: 30px;
background: var(--color-primary-light);
border-radius: 4px;
color: #fff;
}
#cajas-intro .contenido h3 {
font-weight: 700;
font-size: 34px;
margin-bottom: 30px;
color: var(--color-white);
}
#cajas-intro .contenido p {
margin-bottom: 30px;
}
#cajas-intro .contenido .more-btn {
display: inline-block;
background: rgba(255, 255, 255, 0.2);
padding: 6px 30px 8px 30px;
color: #fff;
border-radius: 50px;
transition: all ease-in-out 0.4s;
}
#cajas-intro .contenido i {
font-size: 14px;
}
#cajas-intro .icon-boxes .icon-box {
text-align: center;
border-radius: 10px;
background: #fff;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
padding: 35px 30px;
width: 100%;
}
#cajas-intro .icon-boxes .icon-box div {
height: 320px;
}
#cajas-intro .icon-boxes .icon-box:hover {
background: var(--color-primary-light);
}
#cajas-intro .icon-boxes .icon-box i {
font-size: 25px;
color: var(--color-link);
margin-bottom: 15px;
}
#cajas-intro .icon-boxes .icon-box h4 {
font-size: 18px;
font-weight: 700;
margin: 0 0 30px 0;
}
#cajas-intro .icon-boxes .icon-box p {
font-size: 14px;
color: #848484;
} #cajas-intro .icon-boxes .icon-box:hover {
background: var(--color-primary);
padding: 28px 30px 35px 30px;
box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
transition: all ease-in-out 0.5s;
}
#cajas-intro .icon-boxes .icon-box:hover span,
#cajas-intro .icon-boxes .icon-box:hover h3,
#cajas-intro .icon-boxes .icon-box:hover p {
color: #fff;
}
#cajas-intro .icon-boxes .icon-box:hover i {
color: var(--color-cta);
}
#cajas-intro .icon-boxes .icon-box:hover .btn-get-started {
background: var(--color-link);
color: var(--color-white);
}.comment-form-comment {
display: grid;
}
.post-categories {
list-style: none;
padding: 5px 15px;
margin: 0px;
}
.post-categories li a{
text-decoration: none;
color: var(--color-white);
}
.blog-col {
position: relative;
}
.blog-col figure {
background-color: var(--color-white);
margin: 10px;
}
.blog-col img:hover{
opacity: .7;
-moz-transition: .4s;
-webkit-transition: .4s;
transition: all .4s;
}
.blog-col figure figcaption{
padding: 0 20px 10px;
}
.category {
background-color: var(--color-primary);
position: absolute;
z-index: 1;
}  .back-to-top {
position: fixed;
background: #00bb2d;
color: #fff;
display: inline-block;
text-align: center;
line-height: 1;
font-size: 16px;
border-radius: 50%;
right: 15px;
bottom: 15px;
-webkit-transition: .5s;
transition: .5s;
z-index: 101;
}  .modal, .modal2 {
display: none; position: fixed; z-index: 999; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content,.modal-content2 {
position: relative;
background-color: var(--bg-light);
margin: auto;
padding: 0;
border: 1px solid #888;
width: 90%;
max-width: 1000px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s
} @-webkit-keyframes animatetop {
from {top:-300px; opacity:0} 
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
} .close, .close2 {
color: white;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus,
.close2:hover,
.close2:focus  {
color: var(--color-text);
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
background-color: var(--color-primary);
color: white;
}
.modal-body {
padding: 20px 16px 50px;
}
.modal-footer {
padding: 2px 16px;
background-color: #fff;
color: var(--color-text);
min-height: 50px;
}  .search-items img,
.post-thumbnail img {
width: 100%;
height: auto;
}