body {
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
}

.container-fluid {
    max-width: 1200px;
}

.nt-5 {
    position: relative;
    top: -70px;
}

.custom-hr {
    opacity: 0.1;
}

/* BTN Style */
.btn-action {
    color: #fff;
    border: 1px solid #f8fafc;
    display: flex;
    width: 100%;
    max-width: 220px;
    /* margin-left: auto; */
    /* margin-right: auto; */
    align-items: center;
    justify-content: center;
    height: 49px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.4px;
    /* transition: ease-in all .3s; */
    background: transparent;
    /* backdrop-filter: blur(10px); */
    border-radius: 100px;
}

.btn-action:hover {
    background: #f8fafc;
}

body.overflow {
    overflow: hidden;
}

.arrow-btn {
    display: block;
    width: 24px;
    height: 24px;
    background: url("../img/arrow-btn.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.iconService {
    width: 24px;
    height: 24px;
    display: block;
}

.iconService img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.iconPhone {
    width: 15px;
    height: 15px;
    display: block;
    background: url("../img/callIcon.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 7px;
}

.iconMail {
    width: 15px;
    height: 15px;
    display: block;
    background: url("../img/mailIcon.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 7px;
}

span.codeProduct {
    display: block;
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
    background: rgba(0, 0, 0, 0.23);
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 6px 10px;
    border-radius: 2px;
}

/* Movil Nav */
.header-mov {
    width: 100%;
    height: 70px;
    background: #234975;
    margin-bottom: 5px;
}

div#logo {
    width: 100%;
    max-width: 145px;
    height: 35px;
    position: relative;
    top: 17px;
    left: 16px;
}

div#logo h1 {
    width: 100%;
    height: 100%;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    margin: 0px;
}

.mov_nav {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    height: 100%;
    display: block;
    background: #ffffff;
    transition: ease-in all 0.3s;
    -webkit-transition: ease-in all 0.3s;
    -moz-transition: ease-in all 0.3s;
    -ms-transition: ease-in all 0.3s;
    -o-transition: ease-in all 0.3s;
    visibility: hidden;
    opacity: 0;
}

.mov_nav.opmennav {
    overflow: hidden;
    visibility: visible;
    opacity: 1;
}

body.overflow .mov_nav.opmennav {
    top: 0;
}

i.close {
    font-size: 44px;
    position: absolute;
    right: 15px;
    top: 12px;
    color: #fff !important;
    z-index: 1000;
    cursor: pointer;
    opacity: 1;
}

.mov_nav ul {
    list-style: none;
    width: 100%;
    height: 90%;
    overflow: hidden;
    overflow-y: auto;
    white-space: nowrap;
    display: block;
}

.mov_nav ul li {
    width: 100%;
    display: block;
    /* border-bottom: 1px solid rgba(28, 47, 70, 0.3); */
}

.mov_nav ul li:last-child {
    border-bottom: none;
}

.mov_nav ul li a {
    padding: 13px 18px;
    display: flex;
    align-items: center;
    justify-content: left;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #234975;
    font-weight: 500;
}

/* Search Style */
.custom-searchForm {
    width: 100%;
    display: block;
    position: relative;
    cursor: pointer;
    /* color: #234975; */
    color: #ffffff;
}

.custom-searchForm span {
    font-size: 32px;
}

.form-header {
    width: 100%;
    display: flex;
    margin: auto;
    position: absolute;
    align-items: center;
    justify-content: flex-end;
    bottom: -48px;
    right: 0;
    left: 0;
    z-index: -2;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    opacity: 0;
    background: #495057;
    visibility: hidden;
    transition-delay: 0.3s;
    /* display: none; */
}

.form-header.search_open {
    bottom: -50px;
    opacity: 1;
    z-index: 1;
    visibility: visible;
    /* display: block; */
}

.form-header input {
    width: 100%;
    border-radius: 0px;
    background: rgb(232 236 239);
    border: 0px solid #203754;
    font-weight: 400;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 15px;
    max-width: 1170px;
    margin: 5px auto;
    border-radius: 2px;
}

.form-header input::placeholder {
    color: #262b30;
}

.form-header input:focus {
    background: rgb(255 255 255);
    /* border: 1px solid #203754; */
    outline: none !important;
    font-size: 15px;
    box-shadow: none !important;
}

.form-header input[type="image"] {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* BTN */
.btn-custom {
    width: 100%;
    display: flex;
    align-items: center;
    margin-right: 15px;
}

header.header-scroll .btn-custom a {
    color: #234975;
}

header.header-scroll .btn-custom a.link-btn {
    border-color: #234975;
}

.btn-custom a {
    margin-right: 10px;
    text-decoration: none !important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    /*color: #234975;
    */
    color: #ffffff;
    letter-spacing: 0.92px;
    display: block;
    text-align: center;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.btn-custom a:last-child {
    margin-right: 0;
}

.btn-custom a.link-btn {
    padding: 5px 20px;
    border: 1px solid #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.btn-catalogo {
    margin-right: 15px;
}

.btn-catalogo a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border: 1px solid #ffffff;
    border-radius: 40px;
    -webkit-transition: ease-in all 0.15s;
    -moz-transition: ease-in all 0.15s;
    -ms-transition: ease-in all 0.15s;
    -o-transition: ease-in all 0.15s;
    transition: ease-in all 0.15s;
    white-space: nowrap;
}

.btn-catalogo a:hover {
    text-decoration: none;
}

.btn-catalogo a span {
	font-size: 17px;
    margin-left: 3px;
}

/* .form-header input[type="text"] { */
/* display: none; */
/* } */
/* BTN Movil */
.btn_navMobilem {
    position: relative;
    /* right: 14px; */
    /* top: 0; */
    /* bottom: 0; */
    width: 40px;
    height: 38px;
    cursor: pointer;
    z-index: 1020;
    /* display: none; */
    margin: auto;
}

.btn_navMobilem svg {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    transition: 0.5s;
}

header.header-scroll rect.gh-svg-rect.gh-svg-rect-bottom {
    fill: #335073;
}

rect.gh-svg-rect.gh-svg-rect-bottom {
    fill: #fff;
    height: 7px;
    transition: 0.3s;
    x: 10px;
}

header.header-page rect.gh-svg-rect.gh-svg-rect-bottom {
    fill: #335073;
}

/* Header Style */
header {
    width: 100%;
    top: 0px;
    z-index: 99;
    transition: ease-in all 0.3seg;
    -webkit-transition: ease-in all 0.3seg;
    -moz-transition: ease-in all 0.3seg;
    -ms-transition: ease-in all 0.3seg;
    -o-transition: ease-in all 0.3seg;
}

header.header-scroll {
    background-color: #fff;
    top: 0;
    /* border-bottom: 1px solid #f9f8f8; */
    transition: ease-in all 0.3seg;
    -webkit-transition: ease-in all 0.3seg;
    -moz-transition: ease-in all 0.3seg;
    -ms-transition: ease-in all 0.3seg;
    -o-transition: ease-in all 0.3seg;
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 5%);
}

header.header-scroll .custom-searchForm {
    color: #234975;
}

header.header-scroll .btn-catalogo a{
    color: #234975;
    border: 1px solid #234975;
    -webkit-transition: ease-in all 0.15s;
    -moz-transition: ease-in all 0.15s;
    -ms-transition: ease-in all 0.15s;
    -o-transition: ease-in all 0.15s;
    transition: ease-in all 0.15s;
}

/* Style Header Page */
header.header-page {
    background: #ffffff;
    border-bottom: 1px solid #e9ecef;
}

header.header-page .custom-searchForm {
    color: #234975;
}

header.header-page #logo-b {
    display: block;
}

header.header-page #logo-w {
    display: none;
}

header.header-page nav.headerNav ul li a {
    color: #234975;
}

header.header-page .btn-custom a {
    color: #234975;
}

header.header-page .btn-custom a.link-btn {
    border-color: #234975;
}

/* Logo */
header #logo-b {
    display: none;
}

header #logo-w {
    display: block;
}

header.header-scroll #logo-b {
    display: block;
}

header.header-scroll #logo-w {
    display: none;
}

/* Logo */
.header-social {
    width: 100%;
    background: #234975;
    padding: 8px 0px;
    border-bottom: 1px solid rgb(35 73 117 / 0.1);
    z-index: 2;
}

.header-top {
    width: 100%;
    display: flex;
    /* background: #ffffff; */
    min-height: 70px;
    position: relative;
    align-items: center;
    justify-content: center;
    /* border-bottom: 1px solid #e9ecef; */
}

.logo-header {
    /* width: 100%; */
    /* height: 100%; */
    display: flex;
    align-items: center;
    /* justify-content: center; */
    /* margin-top: -14px; */
}

.logo-header a {
    display: flex;
    width: 145px;
    height: 35px;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.logo-header a img {
    width: 100%;
    max-width: 145px;
    object-fit: contain;
    object-position: center;
}

.logo-header a h1 {
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
}

.logo-header a h1:before, nav.headerNav ul li a:before, .item_aplications figure:before {
    background: #fff;
    width: 20px;
    /* height: 100%; */
    top: -10px;
    bottom: 0;
    position: absolute;
    content: "";
    left: -30px;
    opacity: 0;
    transition: 0.5s;
    transition-delay: 0.1s;
    transform: rotate(-45deg);
    bottom: -20px;
}

.logo-header a:hover h1:before, nav.headerNav > ul > li:hover > a:before, .item_aplications:hover figure:before {
    left: 100%;
    opacity: 0.5;
    bottom: 50px;
}

.link-phone, nav.header-nav-top {
    width: 100%;
    display: block;
}

.link-phone ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.link-phone ul li {
    margin-right: 20px;
}

.link-phone ul li:last-child {
    margin: 0;
}

.link-phone ul li a, nav.header-nav-top ul li a {
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: 0.3s;
    white-space: nowrap;
}

.link-phone ul:hover li a, nav.header-nav-top ul:hover li a {
    opacity: 0.8;
}

.link-phone ul:hover li a:hover, nav.header-nav-top ul:hover li a:hover {
    opacity: 1;
}

.link-phone ul li a span {
    font-size: 20px;
    max-width: 20px;
}

.link-phone ul li a:hover, nav.header-nav-top ul li a:hover {
    text-decoration: none;
}

.header-nav {
    background: #234975;
    width: 100%;
    display: block;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    position: sticky;
    z-index: 99;
    height: 46px;
}

figure.ctn-iconLogo {
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

figure.ctn-iconLogo a {
    display: block;
    width: 22px;
    height: 46px;
    padding: 12px 0;
}

figure.ctn-iconLogo a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

nav.header-nav-top ul {
    list-style: none;
    display: flex;
    justify-content: flex-end;
}

nav.header-nav-top ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}

nav.header-nav-top ul li:last-child {
    margin: 0;
}

nav.headerNav {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

nav.headerNav ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
    width: 100%;
}

nav.headerNav ul li {
    /* display: flex; */
    /* flex: 3; */
    align-items: center;
    justify-content: center;
    position: relative;
}

.home nav.headerNav ul li a {
    text-decoration: none !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    /* color: #234975; */
    color: #ffffff !important;
    letter-spacing: 0.92px;
    display: block;
    padding: 14px;
    width: -webkit-fill-available;
    text-align: center;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
}

nav.headerNav ul li a {
    text-decoration: none !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    /* color: #234975; */
    color: #ffffff;
    letter-spacing: 0.92px;
    display: block;
    padding: 14px;
    width: -webkit-fill-available;
    text-align: center;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
}

header.header-scroll nav.headerNav ul li a {
    color: #234975 !important;
}

nav.headerNav ul:hover li a {
    opacity: 0.7;
    color: #000;
}

nav.headerNav ul:hover li a:hover {
    opacity: 1;
    color: #234975;
}

/* Section Banner */
.section-banner {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    /* margin-top: -44px; */
    border-bottom: 10px solid #224975;
}

#banner-portada {
    width: 100%;
    height: 100vh;
    position: relative;
    background: #212529;
    /* max-height: 780px; */
}

#banner-portada::before {
    content: '';
    display: block;
    position: absolute;
    width: 155px;
    height: 420px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/slide-decoration.png);
    z-index: 1;
    background-repeat: no-repeat;
    right: 0;
    background-size: contain;
}

#banner-portada .item {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 690px;
    display: flex;
    /* max-height: 780px; */
    align-items: center;
    justify-content: center;
    padding-top: 170px;
    padding-bottom: 100px;
}

#banner-portada .item figure {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#banner-portada .item figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.7);
}

#banner-portada .owl-item.active .item .ctn-banner {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}

#banner-portada .item .ctn-banner {
    width: 100%;
    display: block;
}

#banner-portada .item .ctn-banner h3 {
    color: #f8fafc;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2.75px;
    margin-bottom: 35px;
}

#banner-portada .item .ctn-banner h2 {
    color: #f8fafc;
    font-size: 45px;
    letter-spacing: -0.78px;
    margin-bottom: 50px;
    font-weight: 300;
    text-shadow: 0 2px 40px rgb(0 0 0 / 0.6);
}

#banner-portada .item .ctn-banner h2 strong {
    font-weight: 500;
}

.header-section {
    width: 100%;
    padding-top: 54px;
    padding-bottom: 56px;
}

.header-section h3, .subtilte_block_section {
    color: #343a40;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
    letter-spacing: 6px;
    font-weight: 600;
}

.header-section h2, .tilte_block_section {
    color: #183a63;
    font-size: 30px;
    /* font-weight: 400; */
    width: 100%;
    max-width: 490px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/*  */
.section-catalog {
    width: 100%;
    display: block;
    background: url("../img/bg-product.png");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 120px 0px 150px;
    position: relative;
}

.section-catalog::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, #f9f8f8 70%, transparent);
}

.carousel-product .owl-item {
    max-width: 270px;
}

div#catalog .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    z-index: -1;
}

div#catalog .owl-nav button {
    height: 30px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none !important;
}

div#catalog .owl-nav button i {
    font-size: 29px;
    line-height: normal;
    font-weight: 300;
    width: 15px;
    height: 30px;
    position: relative;
    left: -7px;
    top: 1px;
}

div#catalog .owl-nav button.owl-prev {
    left: -30px;
}

div#catalog .owl-nav button.owl-next {
    right: -30px;
}

.flayer {
    width: 100%;
    position: relative;
    display: flex;
    height: 256px;
    overflow: hidden;
    border-radius: 5px;
    flex-direction: row;
    max-width: 270px;
}

.flayer-block {
    width: 50px;
    height: 256px;
    transition: ease-in all 0.3s;
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 11%;
    position: relative;
}

.flayer-block:before {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    background: rgb(34, 34, 34);
    background: linear-gradient( 90deg, rgba(34, 34, 34, 0.2) 0%, rgba(0, 0, 0, 0) 100% );
    width: 10px;
    height: 100%;
    z-index: 1;
}

.flayer-block figure {
    width: 100%;
    height: 216px;
    margin: 0;
}

.flayer-block figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.caption-flayer {
    background: #ffffff;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.caption-flayer h2 {
    margin-bottom: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.caption-flayer h2 a {
    color: #355073;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.83px;
    font-weight: 800;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    text-decoration: none !important;
    display: flex;
    width: 110px;
    text-align: center;
}

.flayer-block.activeShow {
    flex-basis: calc(100% - 100px);
}

.flayer-block.activeShow .caption-flayer h2 a {
    opacity: 1;
    visibility: visible;
}

/*  */
.header-card {
    width: 100%;
    display: block;
}

.header-card h2 {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #495057;
    letter-spacing: 1.71px;
    margin-bottom: 20px;
}

.section-service {
    width: 100%;
    display: block;
    background: #fbfbfb;
    padding-bottom: 49px;
}

.ctnservice {
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
    border-radius: 3px;
}

.section-service .col-12:before {
    background: #234975;
    content: "";
    position: absolute;
    margin: auto;
    left: 30px;
    right: 30px;
    bottom: 20px;
    top: 40px;
    border-radius: 10px;
    background-image: url(/wp-content/uploads/2023/10/section-service.jpg);
}

.ctn-list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 55px;
}

.ctn-list ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ctn-list ul li {
    font-size: 12px;
    color: #234975;
    text-transform: uppercase;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    margin-right: 50px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
}

.ctn-list ul li span.icons {
    width: 24px;
    height: 24px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

.ctn-list ul li span.icons img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.ctn-list ul li:last-child {
    margin: 0;
}

.header-block {
    padding-top: 0;
    width: 100%;
    display: block;
    margin-bottom: 0;
}

.marcas-section .header-block h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #1D375A;
}

/* .header-block h2 {
    font-size: 14px;
    color: rgba(31, 58, 90, 0.6);
    letter-spacing: 1.17px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0px;
} */
/*  */
.review-client {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 514px;
    background: url("../img/bg-review.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.header-Review {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 40px;
}

.header-Review h2 {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    letter-spacing: 7.54px;
    margin-bottom: 0;
}

div#review {
    width: 100%;
    display: block;
    text-align: center;
    height: 514px;
}

div#review .item {
    width: 100%;
    max-width: 514px;
    margin-left: auto;
    margin-right: auto;
    height: 514px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#review .item h3 {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px;
    font-weight: 400;
}

div#review .item p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    letter-spacing: 0.1px;
}

/*  */
.section-work {
    width: 100%;
    height: 100%;
    display: block;
    background: #183a63;
    min-height: 304px;
}

.ctn-work {
    width: 100%;
    display: block;
    background: #fff;
    padding: 49px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.ctn-work h2 {
    font-size: 30px;
    color: #254162;
    font-weight: 400;
    margin-bottom: 20px;
}

.ctn-work p {
    font-size: 16px;
    color: #252525;
    width: 100%;
    max-width: 410px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    margin-bottom: 46px;
}

.ctn-work ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ctn-work ul li {
    margin-right: 28px;
}

.ctn-work ul li:last-child {
    margin: 0;
}

.ctn-work ul li a {
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 256px;
    min-width: 256px;
    background: #183a6300;
    border-radius: 2px;
    color: #fff;
    text-decoration: none !important;
    transition: 0.2s;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.37px;
    border: 2px solid #234975;
    color: #234975;
}

.ctn-work ul li a:hover {
    background: #234975;
    color: #ffffff;
    border-color: #1f3a5a;
}

footer {
    width: 100%;
    display: block;
    position: relative;
    background: #173a63;
    text-transform: uppercase;
    font-size: 12px;
    padding: 100px 0px;
}

.footer-top {
    background: #234975;
    width: 100%;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}

.logo-footer {
    width: 100%;
    max-width: 135px;
    height: 34px;
}

.logo-footer a {
    display: block;
    width: 100%;
    height: 100%;
}

.logo-footer a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.social-link {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

.social-link ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.social-link ul li {
    margin-right: 25px;
}

.social-link ul li:last-child {
    margin: 0;
}

.social-link ul li a {
    color: #fff;
    font-size: 24px;
    line-height: normal;
    transition: ease-in all 0.3s;
}

/*  */
.footer-cent {
    width: 100%;
    display: block;
    padding-top: 49px;
    color: #000;
}

.list-nav {
    width: 100%;
    display: block;
}

.list-nav h2 {
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: 600;
}

.list-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.list-nav ul li a {
    color: #ffffff;
    /* font-size: 14px; */
    font-weight: 400;
    line-height: 24px;
    text-decoration: none !important;
    display: block;
}

.list-nav ul:hover li a {
    opacity: 0.8;
}

.list-nav ul:hover li:hover a {
    opacity: 1;
}

.navFooter {
    width: 100%;
    display: block;
}

.navFooter ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

.navFooter ul li a {
    color: #bbc5d2;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none !important;
}

.infContact {
    width: 100%;
    display: block;
    text-align: right;
}

.infContact p.address {
    /* font-size: 14px; */
    color: #ffffff;
    line-height: 24px;
    margin-bottom: 2px;
    font-weight: 400;
}

.infContact p.phoneNumb a {
    /* font-size: 14px; */
    color: #ffffff;
    line-height: 24px;
    font-weight: 400;
}

.infContact p.phoneNumb {
    margin-bottom: 0px;
}

.infContact p.mailText {
    margin-bottom: 5px;
}

.infContact p.mailText a {
    /* font-size: 14px; */
    color: #ffffff;
    line-height: 24px;
    font-weight: 400;
}

.searchFooter {
    width: 100%;
    margin-top: 22px;
    margin-bottom: 33px;
}

/*  */
.footer-copy {
    width: 100%;
    display: block;
    padding: 10px 0;
}

.copy {
    width: 100%;
    display: block;
}

.copy p {
    margin: 0;
    color: rgb(255 255 255);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.devCopy {
    width: 100%;
    display: block;
    text-align: right;
}

.devCopy p {
    margin: 0;
    color: rgb(255 255 255);
    font-weight: 400;
    /* font-size: 14px; */
    line-height: 20px;
}

.devCopy p a {
    color: rgb(255 255 255);
    font-weight: 400;
    /* font-size: 14px; */
    /* line-height: 20px; */
}

.navCopy {
    width: 100%;
    display: block;
}

.navCopy p {
    margin: 0;
}

.navCopy ul {
    list-style: none;
}

.navCopy ul li {
    margin-right: 17px;
}

.navCopy ul li:last-child {
    margin: 0;
}

.navCopy ul li a {
    color: rgb(255 255 255);
    font-weight: 400;
    /* font-size: 14px; */
    line-height: 20px;
}

/*  */
.catery-title {
    width: 100%;
    display: block;
    background: url("../img/bg-product.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 31px 0px 40px;
}

.header-category {
    width: 100%;
    display: block;
}

.header-category h2 {
    font-size: 14px;
    color: #4a4a4a;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 400;
}

.header-category h3 {
    font-size: 34px;
    color: #234975;
    font-weight: 500;
    margin-bottom: 0px;
    position: relative;
    width: fit-content;
}

.header-category h3:before {
    content: "";
    display: block;
    position: absolute;
    height: 5px;
    background: #234975;
    bottom: -40px;
    width: 100%;
    max-width: 57px;
}

.body-page {
    width: 100%;
    display: block;
    padding: 30px 0px 50px;
    background: #fff;
    font-family: "Roboto", sans-serif;
}

.page-navCategory {
    width: 100%;
    display: block;
    position: relative;
    top: 84px !important;
    z-index: 8;
}

.page-navCategory h2 {
    background: #f1f2f3;
    font-size: 18px;
    color: #252525;
    letter-spacing: -0.25px;
    font-weight: 600;
    padding: 20px 16px;
    margin-bottom: 0px;
}

.page-navCategory ul {
    width: 100%;
    padding: 10px 16px 10px !important;
    list-style: none;
    border-bottom: 3px solid #ddd;
    border-top: 2px dotted #ddd;
    margin-bottom: 0px;
    background: #f1f2f3;
    min-width: 240px;
}

.page-navCategory ul li {
    margin-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding: 0;
    position: relative;
    display: flex;
}

.page-navCategory ul li:last-child {
    /* margin: 0; */
}

.page-navCategory ul li a {
    display: flex;
    width: 100%;
    color: #4a4a4a;
    font-weight: 600;
    font-size: 14px;
    /* line-height: 40px; */
    position: relative;
    /* padding-left: 15px; */
    text-decoration: none !important;
    transition: ease-in all 0.3s;
    border-bottom: 0px dotted #e0e0e0;
    border-width: 1px;
    padding: 12px 0;
    z-index: 2;
    padding-left: 16px;
}

.page-navCategory ul li a:before {
    content: "";
    display: flex;
    position: relative;
    width: 12px;
    height: 13px;
    background: rgb(255 255 255 / 0.3);
    /* top: 0; */
    /* bottom: 0; */
    /* margin: auto; */
    margin-left: -40px;
    transition: ease-in all 0.3s;
    margin-right: 16px;
    z-index: 2;
    margin-top: 5px;
    border-radius: 2px;
}

.page-navCategory ul li.active a:before {
    background: #335072;
}

.page-navCategory ul li a:hover {
    color: #335073;
}

.page-navCategory ul li a:hover:before {
    background: #335073;
}

.page-navCategory ul li:last-child a {
    border-bottom: 0;
}

.header-results {
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 0px;
}

.header-results h2 {
    color: #335073;
    font-size: 24px;
    font-weight: 500;
}

.results-category .card {
    width: 100%;
    height: 100%;
    min-height: 310px;
    position: relative;
    box-shadow: 0px 5px 8px -3px rgb(146 146 146 / 20%);
    border: 0;
    border-radius: 2px;
    overflow: hidden;
    transition: 0.3s;
    /* border: 1px solid #fff; */
}

.results-category .card a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.results-category .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0px !important;
    transition: 0.3s;
    transition-delay: 0.2s;
    transition-timing-function: cubic-bezier(0, 0.98, 0.58, 1.13);
    transform: scale(1.03);
}

.results-category .card:hover img {
    transform: scale(1.09);
    transition-timing-function: cubic-bezier(0, 0.98, 0.58, 1.13);
}

.results-category .card .card-body {
    padding: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
}

.results-category .card .card-body h2 {
    font-size: 14px;
    color: #234975;
    margin-bottom: 5px;
    font-weight: 500;
}

.results-category .card .card-body h3 {
    font-size: 16px;
    color: #234975;
    margin-bottom: 2px;
    font-weight: 600;
    text-transform: capitalize;
}

.results-category .card .card-body p {
    font-size: 14px;
    color: #495057;
    letter-spacing: 0.83px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: 500;
}

/* Body Single */
.breacrum {
    width: 100%;
    display: block;
    padding: 21px 0px 0px;
}

.single-product-body {
    width: 100%;
    display: block;
    position: relative;
    padding: 32px 0px;
}

/* Slide Single */
div#sync1 {
    width: 100%;
    /* height: 364px; */
    overflow: hidden;
    /* max-width: 580px; */
    border-radius: 2px;
    max-height: 454px;
}

div#sync1 .item {
    width: 100%;
    height: 454px;
    /* max-width: 581px; */
    position: relative;
    display: block;
}

div#sync1 .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-height: 454px;
}

div#sync1 .item:before {
    content: "Ampliar";
    position: absolute;
    z-index: 1;
    color: #000000;
    text-transform: uppercase;
    opacity: 0;
    transition: 0.3s;
    right: 10px;
    top: 5px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    background: rgb(255 255 255 / 0.8);
    border-radius: 50px;
    padding: 8px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PHBhdGggZD0ibTQyMiAyMTBjMC02Ni4xNjgtNTMuODMyLTEyMC0xMjAtMTIwcy0xMjAgNTMuODMyLTEyMCAxMjAgNTMuODMyIDEyMCAxMjAgMTIwIDEyMC01My44MzIgMTIwLTEyMHptLTEzNSA0NXYtMzBoLTMwYy04LjI4NCAwLTE1LTYuNzE3LTE1LTE1IDAtOC4yODQgNi43MTYtMTUgMTUtMTVoMzB2LTMwYzAtOC4yODQgNi43MTYtMTUgMTUtMTUgOC4yODMgMCAxNSA2LjcxNiAxNSAxNXYzMGgzMGM4LjI4MyAwIDE1IDYuNzE2IDE1IDE1IDAgOC4yODMtNi43MTcgMTUtMTUgMTVoLTMwdjMwYzAgOC4yODMtNi43MTcgMTUtMTUgMTUtOC4yODQgMC0xNS02LjcxNy0xNS0xNXoiLz48cGF0aCBkPSJtMzAyIDQyMGMxMTUuNzk1IDAgMjEwLTk0LjIwNiAyMTAtMjEwcy05NC4yMDUtMjEwLTIxMC0yMTAtMjEwIDk0LjIwNi0yMTAgMjEwIDk0LjIwNSAyMTAgMjEwIDIxMHptLTE1MC0yMTBjMC04Mi43MSA2Ny4yODktMTUwIDE1MC0xNTBzMTUwIDY3LjI5IDE1MCAxNTAtNjcuMjg5IDE1MC0xNTAgMTUwLTE1MC02Ny4yOS0xNTAtMTUweiIvPjxwYXRoIGQ9Im02OC4wMzMgNTA3LjYwNSA5OS4xNDgtOTkuMTQ4Yy0yNC45OS0xNy4wMy00Ni42MDktMzguNjQ5LTYzLjYzOS02My42NGwtOTkuMTQ5IDk5LjE1Yy0yLjgxMyAyLjgxMy00LjM5MyA2LjYyOS00LjM5MyAxMC42MDdzMS41OCA3Ljc5MyA0LjM5NCAxMC42MDdsNDIuNDI3IDQyLjQyNWM1Ljg1NyA1Ljg1OSAxNS4zNTUgNS44NTkgMjEuMjEyLS4wMDF6Ii8+PC9nPjwvc3ZnPg==");
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 40px;
    padding-right: 18px;
}

div#sync1 .item:hover:before {
    top: 10px;
    opacity: 1;
}

div#sync2 {
    width: 100%;
    /* max-width: 316px; */
    /* height: 60px; */
    overflow: hidden;
    position: relative;
}

div#sync2 .item {
    width: 62px;
    height: 52px;
    overflow: hidden;
    /* border-radius: 2px; */
    /* transition: ease-in all .3s; */
    display: block;
    float: left;
    /* margin: 2px 0; */
    /* box-shadow: inset 0 0 0 2px #000000; */
}

div#sync2 .owl-item.current .item {
    /* box-shadow: inset 0 0 0 2px #23497500; */
}

div#sync2 .item img {
    object-fit: cover;
    object-position: center;
    margin: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 4px;
}

.ctn-banne {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    position: relative;
    box-shadow: 0px 0px 10px rgb(245 245 245 / 60%);
}

.detail-content {
    background: #f5f5f5;
    height: 454px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 16px 14px;
    width: 100%;
    max-width: 150px;
}

.detail-content ul {
    list-style: none;
}

.detail-content ul li {
    margin-bottom: 18px;
}

.detail-content ul li:last-child {
    margin-bottom: 0px;
    /* margin-top: 27px; */
}

.box-detail .icons:before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    bottom: -11px;
    border-radius: 2px;
    left: 0;
    right: 0;
    margin: auto;
}

.detail-content ul li:last-child .box-detail .icons:before {
    display: none;
}

.box-detail {
    width: 100%;
    display: flex;
    align-items: center;
}

.box-detail .icons {
    margin: 0;
    width: 8px;
    height: 30px;
    margin-right: 10px;
    position: relative;
    background: #234975;
    border-radius: 3px;
}

.box-detail figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(1);
    border-radius: 2px;
}

.box-detail p {
    color: #234975;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: initial;
    width: 100%;
    font-weight: 600;
}

.box-detail p span {
    font-weight: normal;
    display: block;
    color: #515151;
    font-size: 10px;
    margin-bottom: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Single Style */
.ctn-breadcrumb nav ol {
    background: transparent;
    margin-bottom: 0px;
    padding: 0px;
}

.ctn-breadcrumb nav {
    width: 100%;
    padding: 0;
}

.ctn-breadcrumb nav ol li {
    color: #4a4a4a;
    font-size: 11px;
    font-weight: 600;
}

.ctn-breadcrumb nav ol li.active {
    color: #4a4a4a;
    font-size: 11px;
    font-weight: 600;
}

.ctn-breadcrumb nav ol li a {
    color: #4a4a4a;
    font-size: 11px;
    font-weight: 600;
}

.single-service {
    width: 100%;
    display: block;
    background: #f8f9fa;
    padding-bottom: 37px;
    border-bottom: 1px solid rgb(0 0 0 / 0.1);
    border-top: 3px solid #e8ecef;
}

.header-content {
    width: 100%;
    display: grid;
    position: relative;
    border-bottom: 1px dashed #cecece;
    border-width: 2px;
    padding-bottom: 21px;
    margin-bottom: 20px;
}

.header-content p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #4a4a4a;
    letter-spacing: 2px;
    margin-bottom: 17px;
    font-family: roboto;
}

.header-content h2 {
    font-size: 31px;
    font-weight: 400;
    color: #335073;
    line-height: 40px;
    margin-bottom: 0;
    font-family: roboto;
    display: block;
    width: 100%;
    text-transform: capitalize;
}

.body-producto {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    overflow: auto;
    max-height: 260px;
    margin-bottom: 20px;
}

.body-producto p {
    font-size: 14px;
    color: #4a4a4a;
    line-height: 22px;
    font-weight: 400;
    font-family: roboto;
}

.ctn-btn {
    width: 100%;
    display: block;
}

.btn-product {
    font-size: 15px;
    text-transform: uppercase;
    border: 2px solid #234975;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 51px;
    border-radius: 2px;
    background: #234975;
    color: #ffffff;
    font-weight: 500;
    transition: ease-in all 0.3s;
    font-family: roboto;
}

.btn-product:hover {
    color: #fff;
    background: #234975;
}

.atr-content {
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 33px;
    margin-bottom: 10px;
}

.atr-content:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(51, 80, 115, 0.1);
    max-width: 1073px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0px;
}

.ctn-atribute {
    width: 100%;
    display: block;
    background: url("../img/bg-product.png");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 134px;
    padding-top: 32px;
    border-top: 3px solid #e8ecef;
}

.btn-pdf {
    width: 100%;
    display: block;
    position: relative;
    background: #fff;
}

.btn-pdf h2 {
    border-bottom: 1px solid #f8efef;
    padding: 13px 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #234975;
    font-weight: 400;
    font-family: roboto;
}

a.btn-download {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 12px 20px 20px 20px;
    text-decoration: none !important;
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 400;
}

a.btn-download figure {
    margin-bottom: 0px;
    width: 28px;
    overflow: hidden;
    height: 30px;
    margin-right: 26px;
}

a.btn-download figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.atribute-list {
    width: 100%;
    display: block;
    position: relative;
}

.atribute-list h2 {
    color: #27405f;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.atribute-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.atribute-list ul li {
    display: inline-flex;
    width: 49%;
    max-width: 50%;
    font-size: 14px;
    color: #234975;
    font-family: roboto;
    margin-bottom: 3px;
    position: relative;
    padding-left: 36px;
    /* width: 378px; */
    background: #fff;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 4px solid;
    font-weight: bold;
}

.atribute-list ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 7px;
    background: url("../img/checkList.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.header-sectin {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 18px;
}

.header-sectin h2 {
    color: #27405f;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ctn-last-product {
    width: 100%;
    display: block;
    padding-top: 10px;
}

.ctn-last-product .card {
    width: 100%;
    height: 100%;
    min-height: 251px;
    position: relative;
    /* box-shadow: 0px 2px 4px rgba(146, 146, 146, 0.4); */
    border: none;
}

.ctn-last-product .card a {
    width: 100%;
    height: 100%;
    display: block;
}

.ctn-last-product .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0px !important;
    max-height: 200px;
}

.ctn-last-product .card .card-body {
    padding: 13px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
}

.ctn-last-product .card .card-body h2 {
    font-size: 14px;
    color: #234975;
    margin-bottom: 5px;
    font-weight: 500;
}

.ctn-last-product .card .card-body h3 {
    font-size: 14px;
    color: #234975;
    margin-bottom: 10px;
    font-weight: 500;
}

.ctn-last-product .card .card-body p {
    font-size: 10px;
    color: #bbbbbb;
    letter-spacing: 0.83px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0px;
}

/* Service Style */
.body-service {
    width: 100%;
    display: block;
    padding: 33px 0px 63px;
}

.card-service {
    background: #f8f8f8;
    border: none;
    padding: 0;
    border-radius: 0px;
}

.card-service figure {
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
}

.card-service figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.card-service .card-body {
    padding: 20px;
}

.card-service .card-body h2 {
    display: flex;
    align-items: center;
    color: #254162;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 17px;
    font-family: roboto;
}

.card-service .card-body h2 span.iconService {
    margin-right: 20px;
    width: 15px;
    height: 15px;
}

.card-service .card-body p {
    font-size: 13px;
    color: #4a4a4a;
    font-weight: 400;
    line-height: 22px;
    font-family: roboto;
}

.card-service .card-body .btn-service {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    border: 2px solid #234975;
    font-family: roboto;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 11px 16px;
    border-radius: 2px;
    position: relative;
    transition: ease-in all 0.3s;
    background: transparent;
    z-index: 1;
}

.card-service .card-body .btn-service i {
    width: 12px;
    height: 12px;
}

.card-service .card-body .btn-service:before {
    content: "";
    display: block;
    position: absolute;
    background: #234975;
    width: 0%;
    height: 100%;
    left: 0;
    z-index: -1;
    transition: ease-in all 0.3s;
    -webkit-transition: ease-in all 0.3s;
    -moz-transition: ease-in all 0.3s;
    -ms-transition: ease-in all 0.3s;
    -o-transition: ease-in all 0.3s;
}

.card-service .card-body .btn-service:hover:before {
    width: 77%;
}

.card-service .card-body .btn-service:hover {
    color: #fff;
}

/* Input Style Footer */
.input-sub {
    margin-bottom: 0px;
}

.searchFooter input {
    border: 1px solid transparent;
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.1);
    height: 48px;
    width: 100%;
    padding: 12px 56px 12px 16px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.09px;
    font-weight: 400;
    background-image: url("../img/btn-sub.png");
    background-size: 19px;
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;
    transition: ease-in all 0.3s;
    -webkit-transition: ease-in all 0.3s;
    -moz-transition: ease-in all 0.3s;
    -ms-transition: ease-in all 0.3s;
    -o-transition: ease-in all 0.3s;
}

.searchFooter input:focus {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #14273e;
    box-shadow: none !important;
    color: #fff;
}

.searchFooter input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.title-service {
    width: 100%;
    display: block;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.title-service h2 {
    font-size: 24px;
    color: #254162;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0px;
}

/*  */
.ctn-search {
    width: 100%;
    display: block;
    padding: 50px 0px;
    background: #f8f8f8;
}

.ctn-search .card {
    width: 100%;
    height: 100%;
    min-height: 251px;
    position: relative;
    /* box-shadow: 0px 2px 4px rgba(146, 146, 146, 0.4); */
    border: 0;
}

.ctn-search .card a {
    width: 100%;
    height: 100%;
    display: block;
}

.ctn-search .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0px !important;
    max-height: 260px;
}

.ctn-search .card .card-body {
    padding: 13px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
}

.ctn-search .card .card-body h2 {
    font-size: 14px;
    color: #234975;
    margin-bottom: 5px;
    font-weight: 500;
}

.ctn-search .card .card-body h3 {
    font-size: 14px;
    color: #234975;
    margin-bottom: 10px;
    font-weight: 500;
}

.ctn-search .card .card-body p {
    font-size: 10px;
    color: #bbbbbb;
    letter-spacing: 0.83px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0px;
}

/*  */
.ctn-contact-page {
    width: 100%;
    display: block;
    position: relative;
    padding: 50px 0px;
    background: #f4f4f4;
    border-top: 2px solid #ddd;
}

.boxShad {
    box-shadow: 0px 2px 4px rgba(146, 146, 146, 0.4);
    height: 100%;
    background: #fff;
}

h2.card-header {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #252525;
    letter-spacing: -0.25px;
}

.infoAddress {
    width: 100%;
    display: block;
    overflow: hidden;
}

.infoAddress figure {
    margin-bottom: 0px;
    width: 100%;
    height: 100%;
    max-height: 260px;
}

.infoAddress figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

h2.card-header {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #203a59;
    letter-spacing: -0.25px;
}

.contentlocation {
    width: 100%;
    display: block;
    margin-bottom: 0px;
}

.textIn p {
    font-size: 14px;
    padding: 0px 20px 0px;
    color: #252525;
    font-weight: 400;
    margin-bottom: 10px;
}

.textIn p a {
    font-size: 14px;
    /* padding: 0px 20px 0px; */
    color: #252525;
    font-weight: 400;
    text-decoration: none !important;
    display: flex;
}

.textIn p a span {
    font-weight: 600;
    width: 40px;
    display: block;
}

.list-hr {
    width: 100%;
    display: block;
    padding: 0px 20px 20px;
}

.list-hr ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-hr ul li {
    margin-bottom: 10px;
}

.list-hr ul li:last-child {
    margin-bottom: 0px;
}

.list-hr ul li span {
    font-size: 15px;
    font-weight: 600;
    color: #252525;
    display: block;
    margin-bottom: 3px;
}

div#caldera_form_1 {
    width: 100%;
    display: block;
    padding: 70px 15px 15px;
    position: relative;
}

div#caldera_form_1 select {
    min-width: 300px;
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgba(37, 37, 37, 0.7);
    border-radius: 2px;
    outline: none !important;
    box-shadow: none !important;
}

div#caldera_form_1 td > input {
    min-width: 100px;
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgba(37, 37, 37, 0.7);
    border-radius: 2px;
}

div#caldera_form_1 input:focus, footer div#caldera_form_1 input, footer div#caldera_form_1 input::placeholder, div#caldera_form_1 select:focus, .wpcf7 input:focus {
    box-shadow: none !important;
    border-color: #224975;
}

footer div#caldera_form_1 input {
    background: #113156;
    max-width: 320px;
    float: right;
}

div#caldera_form_1 textarea, .wpcf7 textarea {
    width: 100%;
    resize: none;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgba(37, 37, 37, 0.7);
    border-radius: 2px;
}

div#caldera_form_1 textarea:focus, .wpcf7 textarea:focus {
    box-shadow: none !important;
    border-color: #495057;
}

div#caldera_form_1 input[type="submit"], .wpcf7 input[type="submit"] {
    width: 100%;
    max-width: 100%;
    font-size: 12px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border: transparent 1px solid;
    color: #fff;
    background: #1f3a5a;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    transition: ease-in all 0.3s;
}

div#caldera_form_1 input[type="submit"]:hover, .wpcf7 input[type="submit"]:hover {
    border: #1f3a5a 1px solid;
    background: transparent;
    color: #1f3a5a;
}

/*  */
.posts-ctn {
    width: 100%;
    display: block;
    padding: 50px 0px;
}

.cardBlog {
    box-shadow: 0px 2px 4px rgba(146, 146, 146, 0.4);
    border: none;
    border-radius: 3px;
}

.cardBlog a {
    text-decoration: none !important;
}

.cardBlog .card-img-top {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
}

.cardBlog .card-body h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #313b4f;
}

.cardBlog .card-body p {
    font-size: 14px;
    color: rgba(49, 59, 79, 0.78);
    line-height: inherit;
}

.cardBlog .card-body .date-post {
    width: 100%;
    display: block;
}

.cardBlog .card-body .date-post p {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    color: rgba(50, 59, 78, 0.71);
    letter-spacing: 0.5px;
}

.pagination-category {
    width: fit-content;
    border-radius: 0px;
}

.pagination-category .page-numbers {
    width: fit-content;
    color: #9a9a9a;
    font-weight: 600;
    padding: 6px 17px;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 12px;
    margin-right: 6px;
    text-decoration: none !important;
    transition: ease-in all 0.3s;
}

.pagination-category .page-numbers:hover {
    color: #335073;
    border-color: #335073;
}

.pagination-category .page-numbers.current {
    color: #335073;
    border-color: #335073;
}

/*  */
.single-article {
    width: 100%;
    display: block;
    position: relative;
    padding: 50px 0px;
}

.bodySingle {
    width: 100%;
    display: block;
    position: relative;
}

.bodySingle figure {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 40px;
    /* box-shadow: 0px 2px 4px rgba(146, 146, 146, 0.4); */
}

.bodySingle figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bodySingle h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #313b4f;
    letter-spacing: 0.5px;
}

.bodySingle p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #313b4f;
}

.cardSGL {
    border: none;
    border-radius: 0px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 4px rgba(146, 146, 146, 0.4);
    /* height: 150px; */
    overflow: hidden;
    border-radius: 3px;
}

.cardSGL:last-child {
    margin-bottom: 0px;
}

.cardSGL a {
    /* display: flex; */
    width: 100%;
    text-decoration: none !important;
    max-height: 60px;
}

.cardSGL a img {
    border-radius: 0px;
    width: 100px;
    height: 100%;
    object-fit: cover;
    object-position: center;
    margin-right: 10px;
    float: left;
}

.cardSGL a .card-body {
    padding: 10px;
    height: fit-content;
}

.cardSGL a .card-body h2 {
    font-size: 15px;
    color: #313b4f;
    margin-bottom: 10px;
    font-weight: 600;
}

.cardSGL a .card-body p {
    font-size: 14px;
    color: rgba(49, 59, 79, 0.78);
    line-height: initial;
    margin-bottom: 10px;
    font-weight: 300;
}

.cardSGL a .card-body .date-post {
    width: 100%;
    position: absolute;
    bottom: 15px;
}

.cardSGL a .card-body .date-post p {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cotn-page {
    width: 100%;
    display: block;
    padding: 50px 0px;
}

.bod-page {
    width: 100%;
    display: block;
}

/* .contentAbout {
    box-shadow: 0px 2px 4px rgba(146, 146, 146, 0.4);
} */
.bod-page p {
    font-size: 18px;
    font-weight: 400;
    color: #252525;
    max-width: 900px;
    margin: 10px auto;
    line-height: 26px;
}

.ctn-video {
    width: 100%;
    display: block;
}

.ctn-video video {
    width: 100%;
    height: 100%;
}

.searchResults {
    display: none;
}

.header-nav .container-fluid .row > div figure, .header-nav .container-fluid .row > div li a {
    transition: 0.3s;
}

.header-nav .container-fluid:hover .row > div figure, .header-nav .container-fluid:hover .row > div li a {
    opacity: 0.7;
}

.header-nav .container-fluid:hover .row > div figure:hover, .header-nav .container-fluid:hover .row > div li:hover a, .header-nav .container-fluid:hover .row > div li.current-item a {
    opacity: 1;
}

.category .body-page {
    background: #f8f8f8;
}

.page-navCategory ul li:before {
    content: "";
    width: 18px;
    height: 17px;
    position: relative;
    display: flex;
    background: rgb(255 255 255 / 0.3);
    bottom: 0;
    top: 0;
    margin: auto auto;
    margin-left: 0;
    margin-right: 10px;
    z-index: 1;
    box-shadow: 0 0 0 2px #bbc0c5;
    border-radius: 2px;
}

.page-navCategory ul li:last-child a:before {
    margin-top: 4px;
}

.page-navCategory ul li.active:before {
    background: transparent;
}

.form-cotizacion {
    width: 100%;
    display: block;
    padding: 50px 0px;
    background: #fbfbfb;
}

.form-service {
    width: 100%;
    display: block;
    padding: 50px 0px;
    background: #fbfbfb;
}

.formBody {
    background: #fff;
    padding: 30px 30px;
    box-shadow: 0px 2px 4px rgba(146, 146, 146, 0.4);
}

.formBody div#caldera_form_1 {
    padding: 0px;
}

h3#breadcrumbs a, h3#breadcrumbs a:hover {
    color: inherit;
    text-decoration: none;
}

.formBody div#caldera_form_1 input[type="submit"], .wpcf7 input[type="submit"] {
    max-width: 220px;
}

.header-nav .container-fluid .row > div li.current-category-ancestor a, .header-nav .container-fluid .row > div li.current-menu-item a {
    background: #203a59;
}

.infoAddress iframe {
    width: 100%;
    height: 100%;
}

.ctn-box-layer {
    width: 100%;
    position: relative;
    display: block;
    height: 100%;
}

.box-layer {
    position: absolute;
    z-index: 3;
    width: max-content;
    height: auto;
    left: 10px;
    /* right: 0; */
    margin: auto;
    top: 5px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 4px rgba(146, 146, 146, 0.4);
}

.results-category .card figure {
    height: 300px;
    margin: 0;
}

.boxCard {
    box-shadow: 0px 2px 4px rgba(146, 146, 146, 0.4);
    width: 100%;
    display: block;
    background: #fff;
}

.boxCard .header-Box {
    width: 100%;
    padding: 15px 20px 10px;
    border-bottom: 1px solid #ececec;
}

.boxCard .header-Box h2 {
    margin-bottom: 0px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
}

.boxCard .body-Card {
    width: 100%;
    display: block;
    padding: 10px 20px 10px;
}

.boxCard .body-Card p:last-child {
    margin-bottom: 0px;
}

.boxCard .body-Card p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
    color: #4a4a4a;
}

.boxCard .body-Card p span {
    font-weight: 700;
    font-size: 16px;
    margin-right: 5px;
    color: #000;
}

.iconDetails {
    width: 50px;
    height: fit-content;
    margin-bottom: 0;
    float: left;
    color: #27405f;
    margin-right: 6px;
}

.iconDetails span {
    font-size: 50px;
}

nav#breadcrumbs span a, nav#breadcrumbs span {
    color: #495057;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
}

.single nav#breadcrumbs > span > span > a {
    display: none;
}

.single nav#breadcrumbs > span > span {
    font-size: 0;
}

nav#breadcrumbs span span {
    color: #495057;
}

nav#breadcrumbs span span .breadcrumb_last {
    color: #495057;
}

.page-navCategory ul + ul li a, .page-navCategory ul + ul li a:hover {
    font-weight: 400;
    color: #fff;
    border-color: #5d738e;
}

.page-navCategory ul + ul {
    background: #27405f;
}

.page-navCategory ul + ul li a:before {
    background: rgb(41, 64, 95);
    margin-left: -39px;
    width: 11px;
}

.page-navCategory ul + ul li:before {
    background: #203a59;
    box-shadow: 0 0 0 2px #5d738e;
}

.page-navCategory ul + ul li.active:before {
    background: #e9ecef;
}

.page-navCategory ul + ul li.active a:before {
    background: #f1f2f3;
}

.socialLinksProduct li {
    list-style: none;
    margin-right: 5px;
}

.socialLinksProduct li a {
    background: #ddd;
    text-align: center;
    width: 35px;
    height: 35px;
    align-content: center;
    display: grid;
}

.socialLinksProduct {
    padding: 5px 20px 10px 20px !important;
}

#sync2.owl-carousel .owl-item {
    width: fit-content !important;
    margin-right: 6px;
    transition: 0.3s;
}

#sync2.owl-carousel .owl-stage:hover .owl-item {
    opacity: 0.8;
}

#sync2.owl-carousel .owl-stage:hover .owl-item:hover {
    opacity: 1;
}

.flayer-block .caption-flayer h2 a span {
    font-size: 18px;
    display: flex;
    margin-top: -3px;
    margin-left: 4px;
}

.boxCard.serviceSection .body-Card figure {
    width: 100%;
    height: 100%;
    max-height: 250px;
    overflow: hidden;
}

.boxCard.serviceSection .body-Card figure img {
    width: 100%;
    height: 100%;
    max-height: 250px;
    object-fit: cover;
    object-position: center;
}

.boxCard.serviceSection .body-Card h2 {
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 300;
}

.title-section {
    text-transform: uppercase;
    font-size: 20px;
    color: #27405f;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.boxCard .body-Card p {
    margin: 0;
}

.has-text-align-center {
    text-align: center;
}

.bod-page figure video {
    max-width: 100%;
    margin: 30px auto;
    border-radius: 10px;
    width: 100%;
    background: #ddd;
}

.section-service .owl-carousel .owl-item img {
    /* filter: grayscale(1) saturate(0.5); */
}

h3.text-center:before {
    margin: 0 auto;
    left: 0;
    right: 0;
}

div#review .item figure {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

div#review .item figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    filter: brightness(0.9) saturate(0.5) blur(2px);
    -webkit-filter: brightness(0.9) saturate(0.5) blur(2px);
}

div#review .item figure:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    background-image: linear-gradient(to right, #0019427d, #00112f47);
    width: 100%;
    height: 100%;
}

div#review .item .container-fluid {
    z-index: 2;
}

p.categoryName a {
    /* float: right; */
    padding: 0 10px 0 0px;
    font-size: 12px;
    color: #4a4a4a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

p.categoryName {
    font-size: 0;
    float: left;
    padding: 0;
    direction: rtl;
    display: flex;
    justify-content: flex-end;
}

.categoryName span.breadcrumb_last {
    font-size: 0;
}

p.categoryName > span > span > a {
    display: none;
}

nav.headerNav ul li > .sub-menu {
    display: none;
    position: absolute;
    top: 46px;
    left: 0;
    background: #f3f4f5;
    text-align: left;
    padding: 0;
    width: max-content;
    z-index: 9;
}

nav.headerNav ul li:hover > .sub-menu {
    display: block;
}

.home nav.headerNav ul li .sub-menu li a {
    text-align: initial;
    transition: ease-in all 0.1s;
    color: #234975 !important ;
}

nav.headerNav ul li .sub-menu li a {
    text-align: initial;
    transition: ease-in all 0.1s;
    color: #234975;
}

.home nav.headerNav ul li .sub-menu li a:hover {
    background: #234975;
    color: #fff !important;
}

nav.headerNav ul li .sub-menu li a:hover {
    background: #234975;
    color: #fff;
}

nav.headerNav ul li:hover > .sub-menu li > .sub-menu {
    /* display: none; */
    right: 0px;
    left: auto;
    background: #000;
}

nav.headerNav ul li:hover > .sub-menu li {
    width: 100%;
}

#sync2 .owl-nav {
    display: none;
}

footer div#caldera_form_1 .col-sm-12, footer div#caldera_form_1 .row, footer div#caldera_form_1 {
    padding: 0;
    margin: 0;
}

div#banner-portada .owl-dots {
    position: absolute;
    bottom: 20px;
    margin: auto;
    z-index: 99;
    left: 0;
    right: 0;
    width: fit-content;
}

div#banner-portada .owl-dots > * {
    width: 16px;
    height: 16px;
    background: rgb(255 255 255 / 0.3);
    border-radius: 20px;
    margin: 0 5px;
    border: 2px solid rgb(255 255 255 / 0.8);
    outline: none;
}

div#banner-portada .owl-dots > *.active {
    background: #fff;
}

div#banner-portada .owl-nav {
    width: 100%;
    max-width: 1170px;
    display: flex;
    position: absolute;
    align-items: center;
    z-index: 1;
    bottom: 10vh;
    left: 0;
    right: 0;
    margin: auto;
}

div#banner-portada .owl-nav .owl-prev {
    transform: rotate(180deg);
    margin-right: 30px;
}

div#banner-portada .owl-nav .owl-next {
}

div#banner-portada .owl-nav > * {
    width: max-content;
    /* line-height: 0; */
    color: rgb(255 255 255 / 0.8);
    top: 50%;
    font-size: 80px;
    outline: none;
    display: flex;
    align-items: center;
}

div#banner-portada .owl-nav button span {
    font-size: 50px;
}

.atribute-list ul.lists li {
    width: 49%;
    margin-right: 1%;
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 0;
}

.atribute-list ul.lists li:nth-child(2n) {
    margin-right: 0px;
}

.cover-cat-title figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.5);
}

.cover-cat-title figure {
    height: 100%;
    width: 100%;
}

.cover-cat-title {
    width: 100%;
    /* min-height: 40vh; */
}

.cover-cat-title p {
    font-size: 20px;
}

.galery_aplications_links {
    background: #f8f8f8;
}

.item_aplications {
    position: relative;
    margin-right: 10px;
    display: inline-block;
}

.item_aplications:last-child {
    margin-right: 0;
}

.item_aplications figure {
    margin: 0;
    height: 150px;
    border-radius: 2px;
    overflow: hidden;
    max-width: 285px;
    transition: 0.3s;
    overflow: hidden;
    position: relative;
}

.item_aplications figure:hover, .item_link:hover {
    transform: scale(1.05);
}

.item_aplications figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

.item_aplications figure:before {
    background: #fff;
    width: 0%;
    /* height: 100%; */
    top: -50%;
    bottom: 0;
    position: absolute;
    content: "";
    left: -30px;
    opacity: 0;
    transition: 0.3s;
    transition-delay: 0.1s;
    transform: rotate(-45deg);
    bottom: -50%;
}

.item_aplications:hover figure:before {
    left: 150%;
    width: 50%;
    opacity: 0.15;
    bottom: 20%;
}

.benefit_aplications {
    background: #f8f8f8;
    /* padding: 40px 0px; */
}

.benefit_aplications .col-12 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.item_link {
    max-width: 250px;
    border-radius: 2px;
    height: fit-content;
    transition: 0.3s;
}

.item_link a {
    text-decoration: none;
    color: #234975;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    width: 190px;
    margin: auto;
    padding: 10px;
    height: 150px;
    vertical-align: middle;
    display: inline-grid;
}

.item_link a span {
    font-size: 50px;
    margin-bottom: 0px;
}

.list-item-cat {
    background: #f1f2f3;
}

.list-item-cat li {
    list-style: none;
    padding: 10px 0;
    color: #234975;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px dotted #cacaca;
    position: relative;
    padding-left: 45px;
    border-left: 4px solid;
    margin-bottom: 2px;
}

.list-item-cat li span {
    display: flex;
    float: left;
    width: 22px;
    margin-right: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 20px;
    top: 0;
    margin: auto auto;
    height: fit-content;
    margin-left: 10px;
}

.title-cat-pag {
    color: #234975;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.products_cat .page-navCategory ul:first-child {
    /* display: none; */
}

.category-egger .products_cat .page-navCategory ul, .category-maderas-preciosas .products_cat .page-navCategory ul, .category-oneskin .products_cat .page-navCategory ul, .category-berneck .products_cat .page-navCategory ul, .category-trex .products_cat .page-navCategory ul {
    display: block;
}

.products_cat {
    background: #f1f2f3;
    border-top: 4px solid #dfdfdf;
    padding-bottom: 20px;
}

.results-category .card:hover {
    transform: scale(1.03);
}

.cat-title-content {
    margin: 30px 0;
    text-align: center;
    max-width: 800px;
    width: 94vw;
    margin-left: auto;
    margin-right: auto;
    text-shadow: 0 2px 8px rgb(0 0 0 / 0.6);
}

.products_cat .title-cat-pag {
    margin-bottom: 30px !important;
}

.page-navCategory ul:before {
    content: "FILTRO POR CATEGORIA";
    text-transform: uppercase;
    font-size: 14px;
    background: #495057;
    color: #fff;
    padding: 12px;
    /* width: 100%; */
    display: block;
    font-weight: bold;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    margin-top: -12px;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 4px;
}

.ctn-galery-img {
    display: table;
    margin: auto;
    width: fit-content;
}

.link-docm .ctn-galery-img {
    width: 100%;
}

#sync2.owl-carousel .owl-stage {
    transform: none !important;
    width: 100% !important;
}

.single-product-body.maderas-preciosas .detail-content {
    display: none;
}

.ctn-atribute.maderas-preciosas {
    display: none;
}

.single-service.maderas-preciosas .col-12.mt-n5 {
    margin-top: 20px !important;
}

.share-box-product strong {
    font-weight: 500;
    margin-bottom: 0px;
    color: #4b4b4b;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

.flayer {
    max-width: initial;
}

.flayer-block {
    width: 50px;
}

.section-video {
    width: 100%;
    border-top: 3px solid #ddd;
    /* border-bottom: 3px solid #ddd; */
    background: #1e385a;
    padding-bottom: 80px;
}

.section-video video {
    width: 100%;
    height: 100%;
    max-height: 560px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    filter: brightness(0.7);
    box-shadow: 0px 30px 24px -24px rgba(0, 0, 0, 0.25);
}

.marcas-section {
    border-bottom: 3px solid #eee;
    width: 100%;
    display: block;
    position: relative;
    padding: 130px 0px;
}

h1.title-page {
    font-size: 32px;
    color: #234975;
    margin: 0;
}

/* New Style sections */
.section-about {
    width: 100%;
    display: block;
    position: relative;
    padding: 120px 0;
}

.about-tilte {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 30px;
}

.about-tilte h2 {
    color: #1D375A;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 0;
}

.deco {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.deco img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.about-content {
    width: 100%;
    display: block;
    position: relative;
}

.about-content h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 55px;
    color: #1D375A;
    margin-bottom: 30px;
}

.about-content h3 strong {
    font-weight: 500;
}

.about-content p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #5C5C5C;
    margin-bottom: 50px;
}

.btn-blue {
    font-family: 'Roboto';
    font-style: normal;
    max-width: max-content;
    width: 100%;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border: 1px solid #1E1E1E;
    border-radius: 100px;
    padding: 14px 34px;
    transition: ease-in all .3s;
}

.btn-blue:hover {
    background-color: #1E1E1E;
    color: #fff;
}

/* Section Catalogo New */
.catalogo_info {
    width: 100%;
    display: block;
    position: relative;
}

.catalogo_info h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    /* identical to box height */
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #1D375A;
    margin-bottom: 40px;
}

.catalogo_info h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 55px;
    /* or 122% */
    color: #1D375A;
    margin-bottom: 30px;
}

.catalogo_info h2 strong {
    font-weight: 500;
}

.catalogo_info p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    /* or 170% */
    color: #5C5C5C;
}

/* Catalogo Flaye New */
.content_catalogo {
    width: 100%;
    display: block;
    position: relative;
}

.content_catalogo .title-content {
    width: 100%;
    max-width: max-content;
    position: absolute;
    display: block;
    bottom: 26px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

.content_catalogo .title-content h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
    background: rgba(0, 0, 0, 0.29);
    border-radius: 50px;
    padding: 10px 20px;
}

.content_catalogo .product_content {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    height: 390px;
    border-radius: 5px;
}

.content_catalogo .product_content .product_flayer {
    width: 100%;
    height: 136px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: absolute;
    transition: ease-in all .3s;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);
}

.content_catalogo .product_content .product_flayer figure {
    width: 100%;
    height: 100%;
    margin: 0;
}

.content_catalogo .product_content .product_flayer figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.content_catalogo .product_content .product_flayer:nth-child(1n) {
    top: 0;
}

.content_catalogo .product_content .product_flayer:nth-child(2n) {
    top: 130px;
}

.content_catalogo .product_content .product_flayer:nth-child(3n) {
    top: 258px;
}

.content_catalogo .product_content .product_flayer:nth-child(2n):hover {
    top: 125px;
}

.content_catalogo .product_content .product_flayer:nth-child(3n):hover {
    top: 255px;
}

/* Service New */
.section-catalog .header-title {
    width: 100%;
    max-width: max-content;
    margin: 0 auto 50px;
}

.section-catalog .header-title h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #1D375A;
}

.box-service {
    width: 100%;
    display: block;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0px 20px 14px -14px rgba(29, 55, 90, 0.15);
    padding: 63px 0px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    display: grid;
    align-items: center;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1D375A;
    gap: 30px;
}

.box-service .icons {
    width: 25px;
    height: 25px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

.box-service .icons img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Video New */
.ctn-vid {
    width: 100%;
    display: block;
    position: relative;
}

.ctn-vid .btn {
    width: 100%;
    max-width: max-content;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: auto;
}

.achievements-count {
    width: 100%;
    max-width: max-content;
    margin: 0 auto;
}

.achievements-count h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 75px;
    line-height: 60px;
    text-align: center;
    color: #1e385a;
    text-shadow: 0px 0px 1px #ffffff, 0px 0px 1px #ffffff, 0px 0px 1px #ffffff, 0px 0px 1px #ffffff, 0px 0px 1px #ffffff, 0px 0px 1px #ffffff;
    margin-bottom: 30px;
}

.achievements-count h2::after {
    content: '+';
}

.achievements-count h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #FFFFFF;
}

/* Marcas New */
div#marcas .item {
    width: 100%;
    display: block;
    position: relative;
}

div#marcas .item img {
    width: 100%;
    height: 100%;
    aspect-ratio: 4/3;
    object-fit: contain;
    object-position: center;
}

/* Footer New */
footer:before, footer::after {
    content: '';
    display: block;
    position: absolute;
}

footer:before {
    left: 0;
    top: 0;
    bottom: 0;
    width: 40vw;
    height: 100%;
    background-image: url('../img/deco-footer-l.png');
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 0;
}

footer:after {
    right: 0;
    top: 0;
    bottom: 0;
    width: 35vw;
    height: 100%;
    background-image: url('../img/deco-footer-r.png');
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 0;
}

footer .title_footer {
    width: 100%;
    max-width: max-content;
    display: block;
    position: relative;
}

footer .title_footer h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 25px;
}

footer .title_footer h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 45px;
    line-height: 55px;
    color: #FFFFFF;
    margin-bottom: 0;
}

footer .btn_footer {
    width: 100%;
    max-width: max-content;
    display: block;
    position: relative;
    z-index: 1;
}

footer .btn_footer a {
    padding: 17px 20px;
    border: 1px solid #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    transition: ease-in all .3s;
}

footer .btn_footer a:hover {
    background: #fff;
    color: #163a63;
}

.ctn_footer_list {
    width: 100%;
    max-width: max-content;
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

.ctn_footer_list .ctn-columns {
    width: 100%;
    max-width: max-content;
    margin-right: 70px;
}

.ctn_footer_list .ctn-columns:last-child {
    margin-right: 0;
}

.ctn_footer_list .ctn-columns h2 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 34px;
    color: #FFFFFF;
    margin-bottom: 15px;
    text-transform: initial;
}

.ctn_footer_list .ctn-columns ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ctn_footer_list .ctn-columns ul li, .ctn_footer_list .ctn-columns ul li a {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 0;
    text-transform: initial;
}

.ctn_footer_list .ctn-columns p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
    color: #FFFFFF;
    text-transform: initial;
}

.ctn_footer_list .ctn-columns p:last-child {
    margin-bottom: 0;
}

.ctn_copy {
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
}

.ctn_copy p {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 0;
    text-transform: none;
}

.ctn_copy p a {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 0;
    text-transform: none;
    text-decoration: underline;
}

/* Marcas Slide New */
#marcas .owl-nav.disabled {
    /* display: block; */
}

#marcas .owl-nav button.owl-prev {
    transform: rotateY(180deg);
}

#marcas .owl-nav {
    position: absolute;
    top: -30px;
    right: 40px;
    width: 100%;
    max-width: max-content;
    height: max-content;
}

#marcas .owl-nav button {
    margin-right: 15px;
    line-height: 0;
    outline: none !important;
}

#marcas .owl-nav button span {
    font-size: 35px;
    color: rgb(54 80 114 / 60%);
}

#marcas .owl-nav button:last-child {
    margin: 0;
}

/* Page Form */
.bx-shadow {
    box-shadow: 0px 3px 4px 0px rgb(236 236 236 / 54%);
}

.header-optimization {
    width: 100%;
    position: fixed;
    top: 0;
    display: block;
    background: #fff;
    box-shadow: 0px 3px 4px 0px rgb(236 236 236 / 54%);
    z-index: 1;
}

.header-optimization .logo {
    width: 100%;
    max-width: 120px;
    overflow: hidden;
    margin: 0px 0px 0 20px;
}

.header-optimization .logo a {
    width: 100%;
    height: 100%;
    display: block;
}

.header-optimization .logo a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

body.page-template-page-optimizar {
    background: rgb(247 247 247);
    padding-top: 60px;
}

.main-optimization {
    width: 100%;
    height: 100%;
    background: rgb(247 247 247);
}

.optimization_body {
    width: 100%;
    display: block;
    position: relative;
    /* box-shadow: 0px 3px 4px 0px rgb(236 236 236 / 54%); */
}

.optimization_body .header_title {
    width: 100%;
    display: block;
    position: relative;
    padding: 20px 20px;
}

.optimization_body .header_title h2 {
    text-transform: uppercase;
    font-size: 18px;
    color: #27405f;
    letter-spacing: .5px;
    font-weight: 600;
    margin-bottom: 0;
}

.optimization_body .ctn_body {
    width: 100%;
    display: block;
    position: relative;
    /* padding: 20px 20px; */
}

.optimization_body .ctn_body_header {
    width: 100%;
    display: block;
    position: relative;
    padding: 15px 15px;
    /* background-color: #e0e0e0; */
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 20px;
}

.btn-add {
    /* width: 100%; */
    /* max-width: max-content; */
    font-size: 11px;
    /* height: 40px; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border: transparent 1px solid;
    color: #fff;
    background: #1f3a5a;
    text-transform: uppercase;
    letter-spacing: 1.20px;
    transition: ease-in all .3s;
}

.btn-add:hover {
    border: #1f3a5a 1px solid;
    background: transparent;
    color: #1f3a5a;
}

.btn-download {
    width: 100%;
    max-width: max-content;
    font-size: 11px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border: transparent 1px solid;
    color: #fff;
    background: #6c757d;
    text-transform: uppercase;
    letter-spacing: 1.20px;
    transition: ease-in all .3s;
}

.btn-download:hover {
    border: #6c757d 1px solid;
    background: transparent;
    color: #6c757d;
}

.btn-delete {
    width: 100%;
    max-width: max-content;
    font-size: 11px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border: transparent 1px solid !important;
    color: #fff !important;
    background: #d50000 !important;
    text-transform: uppercase;
    letter-spacing: 1.20px;
    transition: ease-in all .3s;
}

.btn-delete:hover {
    border: #d50000 1px solid !important;
    background: transparent !important;
    color: #d50000 !important;
}

.invoice {
    width: 100%;
    position: relative;
    padding: 13px 20px;
}

.invoice > span {
    display: block;
    color: #212529;
    font-weight: 500;
    font-size: 14px;
}

ul.invoice_product {
    width: 100%;
    display: block;
    position: relative;
    padding: 0;
    list-style: none;
    margin: 0;
}

ul.invoice_product li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    color: #838383;
    padding: 10px 20px;
    border-bottom: 1px solid #dee2e6;
}

ul.invoice_product li .name_product {
    color: #274060;
}

ul.invoice_product li .price_product {
}

ul.invoice_product li:last-child {
    border: none;
}

.ctn_body_final {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
}

.ctn_body_final span {
    font-size: 14px;
    font-weight: 500;
    color: #838383;
    text-transform: uppercase;
}

.ctn_body_final .total {
    color: #274060;
    font-weight: 600;
}

.w-10 {
    width: max-content;
    padding-top: 11px;
}

.view {
    width: max-content;
    height: max-content;
    background: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1e3a5a;
    position: relative;
    outline: none !important;
    box-shadow: none !important;
}

.delete {
    width: max-content;
    height: max-content;
    background: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c20e10;
    position: relative;
    outline: none !important;
    box-shadow: none !important;
}

.guide_box {
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    position: relative;
}

.guide_box .guide {
    width: 95%;
    height: 300px;
    margin: auto;
    background: #fff;
    border: 1px solid #d2d2d2;
    position: relative;
}

.guide_box .guide img {
    width: 100%;
    height: 100%;
    object-fit: initial;
    object-position: center;
}

.guide_box span {
    display: block;
    position: absolute;
    width: max-content;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
}

.guide_box span.ancho_1 {
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
}

.guide_box span.ancho_2 {
    bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
}

.guide_box span.largo_1 {
    transform: rotate(-90deg);
    top: 50%;
    left: -10px;
}

.guide_box span.largo_2 {
    transform: rotate(90deg);
    top: 50%;
    right: -10px;
}

.group-select {
    width: 100%;
    display: block;
    position: relative;
    max-width: max-content;
}

.group-select label {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
}

.ctn_body select {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: rgba(37, 37, 37, 0.7);
    border-radius: 2px;
    outline: none !important;
    font-weight: 400;
    box-shadow: none !important;
}

.ctn_body > input {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: rgba(37, 37, 37, 0.7);
    border-radius: 2px;
}

.ctn_body > input:focus, footer .ctn_body input, footer .ctn_body input::placeholder, .ctn_body select:focus {
    box-shadow: none !important;
    border-color: #224975;
}

.guide .name_product {
    position: absolute;
    width: 100%;
    max-width: max-content;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: auto;
    color: #fff;
    background-color: rgb(0 0 0 / 60%);
    padding: 7px 10px;
    border-radius: 5px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}

.offcanvas-header h2 {
    text-transform: uppercase;
    font-size: 18px;
    color: #27405f;
    letter-spacing: .5px;
    font-weight: 600;
    margin-bottom: 0;
}

div#inspirationCarousel {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
}

.section_inspiration {
    width: 100%;
    height: 100%;
    padding: 100px 0;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.content_inspiration {
    width: 100%;
    display: block;
    position: relative;
}

.content_inspiration h2 {
    color: #f8fafc;
    font-size: 45px;
    letter-spacing: -0.78px;
    margin-bottom: 50px;
    font-weight: 300;
    text-shadow: 0 2px 40px rgb(0 0 0 / 0.6);
}

.content_inspiration h3 {
    color: #f8fafc;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2.75px;
    margin-bottom: 35px;
}

div#inspirationCarousel .item {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}

div#inspirationCarousel .item img {
    width: 100%;
    height: 100%;
    display: flex;
    object-fit: contain;
    filter: brightness(0.5);
    aspect-ratio: 1/0;
}

.block-btn {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 0 15px 15px;
}

.table tbody td {
    vertical-align: middle;
    /* text-align: center; */
}

.table tbody td:nth-child(1) {
    width: 42px;
    vertical-align: middle;
    text-align: center;
    font-weight: 600;
    background-color: #e4e4e4;
    font-size: 15px;
    border-bottom: 1px solid #cccccc !important;
}

.table tbody td:nth-child(5) {
    width: 180px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    color: rgba(37, 37, 37, 0.7);
    min-width: 180px;
}

.table tbody td:nth-child(6) {
    width: 162px;
    min-width: 140px;
}

.table thead th:nth-child(7), .table thead th:nth-child(8), .table thead th:nth-child(9), .table thead th:nth-child(10) {
    width: 58px;
    position: relative;
}

.table tbody td:nth-child(7), .table tbody td:nth-child(8), .table tbody td:nth-child(9), .table tbody td:nth-child(10) {
    width: 58px;
    position: relative;
    transition: ease-in all .3s;
}

.table tbody td:nth-child(7) label, .table tbody td:nth-child(8) label, .table tbody td:nth-child(9) label, .table tbody td:nth-child(10) label {
    position: absolute;
    opacity: 0;
    transition: ease-in all .1s;
    -webkit-transition: ease-in all .1s;
    -moz-transition: ease-in all .1s;
    -ms-transition: ease-in all .1s;
    -o-transition: ease-in all .1s;
}

.table tbody tr td label.labelStyle {
    width: 20px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
    padding: 3px 5px;
    position: absolute;
    top: -60px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
    opacity: 1;
    font-size: 13px;
}

.table tbody #row1 td:nth-child(7)::before {
    content: 'Canteo';
    width: 232px;
    height: 39px;
    background: #e4e4e4;
    position: absolute;
    left: 0;
    top: -78px;
    border-left: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #464646;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.table thead th {
    position: relative;
}

.table thead th .content-before {
    position: absolute;
    width: 100%;
    top: -60px;
    background: #e9e9e9;
    left: 0;
    border-left: 1px solid #dee2e5;
    border-right: 1px solid #dee2e5;
    border-top: 1px solid #dee2e5;
    right: 0;
    margin: auto;
    height: 60px;
}

.content-before .ranuras label {
    /* width: ; */
    display: block;
    padding: 4px 10px;
    font-size: 11px;
    color: #464646;
    /* border-bottom: 1px dashed #d7d7d7; */
}

.content-before .ranuras label:last-child {
    border: none;
}

.content-before .ranuras label input {
    height: auto;
    padding: 3px 5px;
    font-size: 12px;
    display: flex;
    margin-top: 3px;
    padding-right: 30px;
    border-radius: 3px;
}

.content-before .ranuras label input::placeholder {
    font-size: 10px;
}

.content-before .bisagras label {
    /* width: ; */
    width: 100%;
    display: block;
    padding: 4px 10px;
    font-size: 11px;
    color: #464646;
    /* border-bottom: 1px dashed #d7d7d7; */
}

.content-before .bisagras label input {
    height: auto;
    padding: 3px 5px;
    font-size: 12px;
    display: flex;
    margin-top: 3px;
    padding-right: 30px;
    border-radius: 3px;
}

.content-before .bisagras label input::placeholder {
    font-size: 10px;
}

.content-before .ranuras label span {
    position: absolute;
    top: 23px;
    right: 10px;
    height: 26px;
    width: 28px;
    padding: 0;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 3px;
    color: #000;
}

.content-before .bisagras label span {
    position: absolute;
    top: 23px;
    right: 10px;
    height: 26px;
    width: 28px;
    padding: 0;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 3px;
    color: #000;
}

.table tbody td:nth-child(2), .table tbody td:nth-child(3),.table tbody td:nth-child(4) {
    width: 140px;
    position: relative;
    min-width: 140px;
}

.table tbody #row1 td:nth-child(2)::before {
    content: 'Dimensiones';
    width: 280px;
    height: 39px;
    background: #e4e4e4;
    position: absolute;
    left: 0;
    top: -78px;
    border-left: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #464646;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

.table tbody td:nth-last-child(3) {
    width: 300px;
    min-width: 260px;
}

.table tbody td:nth-last-child(2) {
    width: 260px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    color: rgba(37, 37, 37, 0.7);
    min-width: 260px;
}

.table tbody td .input-group-text {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #e4e4e4a3;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #929292;
}

div#caldera_form_1 td > input[type=checkbox], .ctn_body input[type=checkbox] {
    min-width: 20px;
    width: 20px !important;
    height: 20px;
    margin: auto;
    padding: 0;
}

div#caldera_form_1 td > input[type=checkbox]:checked, .ctn_body input[type=checkbox]:checked {
    background-color: #27405f;
    border-color: #27405f;
}

.group-select .input-group-text {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #e4e4e4a3;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #929292;
}

.ranuras label:last-child {
    /* margin-bottom: 0; */
}

#caldera_form_1 .raunas-group > input[type="text"] {
    max-width: calc(100% - 100px);
}

#caldera_form_1 .raunas-group > input[type="text"]::placeholder {
    font-size: 13px;
}

div#caldera_form_1 td input::placeholder {
    font-size: 13px;
}

#caldera_form_1 .raunas-group .input-group-text {
    width: 100%;
}

#caldera_form_1 .raunas-group .input-group-text .form-check {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-right: 20px;
}

#caldera_form_1 .raunas-group .input-group-text .form-check label {
    font-size: 10px;
    padding-left: 4px;
    color: #464646;
}

#caldera_form_1 .raunas-group .input-group-text .form-check:last-child {
    margin-right: 0;
}

.raunas-group.input-group {
    display: block;
    max-width: 100%;
}

.raunas-group.input-group input {
    max-width: 100% !important;
    width: 100%;
    margin-bottom: 7px;
}

#caldera_form_1 .raunas-group .input-group-text .form-check {
    width: 100%;
    border-right: 1px solid #d2d2d2;
    display: flex;
    align-items: center;
    justify-content: center;
}

#caldera_form_1 .raunas-group .input-group-text .form-check:last-child {
    border: none;
}

#caldera_form_1 .raunas-group input[type="radio"] {
    width: 20px;
    height: 20px;
    position: relative;
    top: 0px;
}

#caldera_form_1 .raunas-group input[type="radio"]:checked {
    background-color: #27405f;
    border-color: #27405f;
}

/*  */
#caldera_form_1 .fieldBisagras-group > input[type="text"] {
    max-width: calc(100% - 100px);
}

#caldera_form_1 .fieldBisagras-group > input[type="text"]::placeholder {
    font-size: 13px;
}

div#caldera_form_1 td input::placeholder {
    font-size: 13px;
}

#caldera_form_1 .fieldBisagras-group .input-group-text {
    width: 160px;
    justify-content: center;
}

#caldera_form_1 .fieldBisagras-group .input-group-text .form-check {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-right: 20px;
}

#caldera_form_1 .fieldBisagras-group .input-group-text .form-check label {
    font-size: 10px;
    padding-left: 4px;
    color: #464646;
}

#caldera_form_1 .fieldBisagras-group .input-group-text .form-check:last-child {
    margin-right: 0;
}

#caldera_form_1 .fieldBisagras-group input[type="radio"] {
    width: 20px;
    height: 20px;
    position: relative;
    top: -2px;
}

#caldera_form_1 .fieldBisagras-group input[type="radio"]:checked {
    background-color: #27405f;
    border-color: #27405f;
}

div#caldera_form_1 .span-dimension {
    width: 100%;
    max-width: 465px;
    background: #e4e4e4;
    position: absolute;
    left: 43px;
    bottom: 0;
    border-left: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    padding: 10px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #464646;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

input.hidden {
    display: none;
}

.fixed-height {
    height: 400px;
}

.cat-title-content .text-white.h4 {
    display: none !important;
}

.checkCustom {
    background: hsl(0deg 0% 89.41% / 42%);
    padding: 7px 10px;
    display: flex;
    align-items: center;
    border: 1px solid #e4e4e4;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.checkCustom label {
    font-size: 14px;
    margin: 0px 0px 0px 10px;
    font-weight: 500;
    color: #464646;
}

.custom-none .th-bisagra, .custom-none .th-ranuras, .custom-none .td-bisagra, .custom-none .td-ranuras {
    display: none;
}

.formMsj.boxShad div#wpcf7-f1751-p226-o1 {padding: 0px 20px;}