@charset "UTF-8";

/* Version 2023.06 - 2023-06-15 18:00 */

/* BEGIN: ALL DEVICES */

/* Text */

a {text-decoration:none;color:inherit;}
a:hover, .link {text-decoration:underline;color:#e30414;}

h1 {font-size:2.0em;font-weight:900;}
h2 {font-size:1.6em;font-weight:700;}
h3 {font-size:1.4em;font-weight:500;}
h4 {font-size:1.2em;font-weight:300;}
h5 {font-size:1.0em;font-weight:100;}

/* Header */

.topbar {background:#F1F1F1;color:#666;font-size:14px;line-height:40px;padding:0 30px;}
.topbar a {color:inherit;}
.topbar a:hover {color:#e30414;}

.header {background:#FFF;}
.logo img {max-width:220px;max-height:50px;}
.claimtext {position:absolute;top:-999em;left:-999em;width:0;height:0;font-size:0;line-height:0;text-indent:-999em;overflow:hidden;}

.main-menu{position:inherit;top:inherit;left:inherit;right:inherit;width:auto;height:auto;transition:all .3s ease-in-out;}
.main-menu ul{text-align:left;padding:0;margin:0;}
.main-menu ul li{padding:15px 0;}
.main-menu ul li a span.badge.custom-nav-badge{position:absolute;top:0;right:-15px;}
.main-menu ul>li a{margin:0 0 0 20px; /*font-size:14px;color:#363232;*/display:block;font-weight:400; /*background-color:transparent;border-radius:0;padding:0;*/}
.main-menu ul>li .submenu{width:250px;background-color:#f4f7fa;border:1px solid #ebebeb;border-radius:4px;position:absolute;top:55px;left:-4.2em;right:0;visibility:hidden;opacity:0;transition:all .3s ease-in-out;transform:rotateX(-90deg) rotateY(0);transform-origin:0 0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.12);box-shadow:0 2px 8px rgba(0,0,0,.12);}
.main-menu ul>li .submenu.dropdown-menu{margin:0;padding:0;}
.main-menu ul>li:hover .submenu{visibility:visible;opacity:1;transform:rotateX(0) rotateY(0);}
.dropdown:hover>.dropdown-menu {display:block;}
.dropdown>.dropdown-toggle:active {pointer-events:none;}
.main-menu ul>li .submenu> a{display:block;padding:7px 15px;margin:0;color:#363232;}
.main-menu ul>li .submenu> a:hover{background:#ebebeb;}
.main-menu ul>li .submenu> a:active{background:inherit;}
.main-menu ul>li .submenu:before,
.main-menu ul>li .submenu:after{content:'';height:0;width:0;position:absolute;pointer-events:none;border:12px solid transparent;border-bottom:12px solid #f4f7fa;top:-25px;left:calc(50% - 12px);}
.main-menu ul li.dropdown .dropdown-toggle::after{position:relative;top:2px;}

.nav-item {margin-left:15px;}

/* Breadcrumb */

.breadcrumb {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;-webkit-border-bottom-right-radius: 0.5rem;-webkit-border-bottom-left-radius: 0.5rem;-moz-border-radius-bottomright: 0.5rem;-moz-border-radius-bottomleft: 0.5rem;border-bottom-right-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}
.breadcrumb li:first-child {padding-left:0;}
.breadcrumb li {display:inline-block;line-height:20px;color:#000;text-transform:uppercase;font-size:10px;font-family:rubik,Arial,Helvetica,sans-serif;font-weight:400;}
.breadcrumb li:before {content:">";margin:0 5px;}
.breadcrumb li:first-child:before {display:none}

/* Callout */

.bd-callout-info {--bd-callout-bg: rgba(var(--bs-info-rgb), .075);--bd-callout-border: rgba(var(--bs-info-rgb), .5);}
.bd-callout {padding: 1.25rem;margin-top: 1.25rem;margin-bottom: 1.25rem;background-color: var(--bd-callout-bg, var(--bs-gray-100));border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));}

/* Magazine */

.post-detail ol {--bd-callout-bg: rgba(var(--bs-info-rgb), .075);--bd-callout-border: rgba(var(--bs-info-rgb), .5);padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;background-color:var(--bd-callout-bg, var(--bs-gray-100));border-left:0.25rem solid var(--bd-callout-border, var(--bs-gray-300));clear:both;list-style:none;padding-left:2%;}
.post-detail ol li {margin:0 0 0.5em 20px;padding-left:0px;display:block;position:relative;counter-increment:inst;}
.post-detail ol li::before {content:counter(inst);background:#87e3f8;color:#fff;font-size:1em;font-weight:700;font-style:italic;text-shadow:1px 1px rgba(2, 91, 132, 0.5);border-radius:0 0.675em 0.675em 0;text-align:center;padding-top:0;padding-left:0.25%;left:-5%;height:1.5em;width:1.5em;position:absolute;transition:all 0.2s ease-in-out;z-index:-1;}
.post-detail img {max-width:100%;height:auto;}

.steps {clear:both;list-style:none;padding-left:2%;}
.steps li {margin:0 0 0.5em 0;padding-left:10px;display:block;position:relative;counter-increment:inst;}
.steps li::before {content:counter(inst);background:#87e3f8;color:#fff;font-size:1em;font-weight:700;font-style:italic;text-shadow:1px 1px rgba(2, 91, 132, 0.5);border-radius:0 0.675em 0.675em 0;text-align:center;padding-top:0;padding-left:0.25%;left:-5%;height:1.5em;width:1.5em;position:absolute;transition:all 0.2s ease-in-out;z-index:-1;}

.post-social {text-align:center;}
.post-social a.facebook {background-color:#3b5999;}
.post-social a {position:relative;display:inline-block;width:45px;height:45px;margin-right:10px;vertical-align:top;}
.post-social a.twitter {background-color:#55acee;}
.post-social a.pinterest {background-color:#bd081c;}
.post-social a.linkedin {background-color:#01a2dd;}
.post-social a.whatsapp {background-color:#1d9e11;}
.post-social a:last-child {margin-right:0;}
.post-social a i {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:20px;color:#ffffff;}

.side-item {overflow:hidden;position:relative;}
.side-image {float:none !important;margin:0 0 30px 0 !important;position:relative;}
.widget-blog .widget-title {margin-bottom:25px;margin-top:0;font-size:20px;font-weight:600;color:#000;}
/*.widget-blog.widget-recent-post .widget-content a {display:block;color:#000;font-weight:500;font-size:14px;}*/
.penci-image-holder {position:relative;width:100%;height:240px;background:#f5f5f5;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;overflow:hidden;}
.side-item-text {position:absolute;z-index:1;bottom:30px;padding:15px 10px 0 20px;left:20px;right:20px;background:#fff;}

/* Footer */

.newsletter {padding:80px 0 60px;background-color:#F1F1F1;}
.footer {padding:50px 0px 30px;border-top:solid 5px #f0af10;}
.bottom {padding:20px 0px 20px;}

.prj-name {font-size:2.4em;line-height:1em;font-weight:900;}
.prj-desc {font-size:1.5em;line-height:1.2em;font-weight:100;}

.phone {font-size:20px;font-weight:700;color:#fcb800;}

.list-social {margin:0;padding:0}
.list-social li {position:relative;display:inline-block;margin-right:20px;vertical-align:top}
.list-social li a {display:inline-block;font-size:18px;color:#666}
.list-social li a:hover {color:#fcb800}
.list-social li a.facebook i {color:#3b5998}
.list-social li a.twitter i {color:#0084b4}
.list-social li a.instagram i {color:#C32AA3}

.img-cp {max-height:35px;-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.img-cp:hover {-webkit-filter:grayscale(0%);filter:grayscale(0%);transition:all .5s;}

#back2top {position:fixed;bottom:80px;right:30px;width:45px;height:45px;z-index:10000;background-color:transparent;border:none;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);-ms-box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);opacity:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;display:none}
#back2top em {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#000;z-index:10001;font-size:30px}
#back2top:hover {cursor:pointer;background-color:#e6e6e6}
#back2top.active {bottom:80px;display:block;opacity:1}

/* Pagination */

.pagination {padding:30px 0 0;}
.pagination li {display:inline-block;margin-right:10px;vertical-align:top;}
.pagination li:last-child {margin-right:0;}
.pagination li.active {border:none;}
.pagination li.active a {background-color:#fcb800;color:#000;}
.pagination li>a {padding:0 14px;position:relative;display:inline-block;z-index:30;line-height:32px;border:none;background-color:#f5f5f5;color:#000;vertical-align:middle;font-size:14px;}

/* Spacer */

.mt-50 {margin-top:50px;}
.mb-50 {margin-bottom:50px;}
.mh-70 {min-height:70px;}
.mh-90 {min-height:90px;}
.mh-110 {min-height:110px;}

/* END: ALL DEVICES */

/* BEGIN: MEDIA QUERIES */

/* Very small devices */
@media (max-width:320px) {

}

/* Landscape phone to portrait tablet */
@media (min-width:321px) and (max-width:767px) {
    .logo img {max-width:200px;max-height:45px;}
    .newsletter {padding:40px 0 30px;}
    .bottom {padding:10px 0px;}
    .footer, .bottom {text-align:center;}

    .footer .menu li:first-child {border-top:dotted 1px #BBB;}
    .footer .menu li {border-bottom:dotted 1px #BBB;}

    .img-cp {margin-top:15px;}

    .prj-name {font-size:1.8em;}
    .prj-desc {font-size:1.2em;line-height:1.2em;font-weight:100;}

    /* Magazine */

    .post-detail ol {padding-left:0;}
    .post-detail ol li {margin:0 0 0.5em 13px;padding-left:15px;}

    #col-dx_blog-article img {max-width:100%;height:auto;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px) {
    .newsletter {padding:40px 0 30px;}

    .img-cp{float:right!important;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1199px) {
    .newsletter {padding:60px 0 45px;}

    .img-cp{float:right!important;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
    .img-cp{float:right!important;}
}

/* END: MEDIA QUERIES */


























/* Text

.text-normal {font-size:18px;}

/* Header

.header_middle {padding:15px 30px;background:#FFF;border-bottom:solid 1px #DDD;height:97px;}
.header_middle a {font-size:13px;color:#333;}
.header_middle .header_extra {display:inline-block;position:relative;font-size:30px;line-height:42px;}
.header_middle .header_extra span {position:absolute;bottom:5px;right:-5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:top;width:15px;height:15px;color:#333;border-radius:50%;background-color:#fcb800;}
.header_middle .header_extra span em {position:absolute;bottom:-13px;font-size:10px;}
.header-middle-sticky {top:0;position:fixed;width:100%;z-index:1000;-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);box-shadow:0 10px 10px 0 rgba(0,0,0,0.1);padding:15px 30px;}

.header_bottom {background-color:#f39200;height:48px;padding:0 30px;}
.header_bottom .navbar {padding:0 15px 0 0;line-height:32px;}
.header_bottom .navbar a {color:#FFF;font-weight:700;}

.open-nav {font-size:24px;position:relative;top:-4px;}
.search-button {font-weight:900;height:42px;background:#DDD;padding:0 25px;border-radius:0 5px 5px 0;border:solid 1px #DDD;}

.cart-mini {position:relative;}
.header-extra>i {font-size:30px;line-height:42px;}

/* Footer

.copyright {border-top:solid 1px #DDD;}

/* Trust items

.trust_item {background:#F7F7F7;border-top:solid 1px #FFF;}
.trust_item .block-left {width:60px;line-height:48px;padding-top:5px;}
.trust_item .block-left em {font-size:48px;color:#fcb800;}
.trust_item .block-right {padding-left:20px;}
.trust_item .block-right a {color:#666;}
.trust_item .block-right div.title {font-size:18px;font-weight:500;margin-top:5px;color:#000;text-transform:uppercase;}
.trust_item .block-right p {margin-bottom:0;color:#666;font-size:13px;font-weight:400;}

.greetings {font-size:12px;}

/* Magazine

.category-link {font-size:13px;}
.post-date {font-size:13px;}
.post-detail h3 {padding-bottom:30px;}

/* Spacer

.pt-70 {padding-top:70px;}
.pb-70 {padding-bottom:70px;}
.pt-30 {padding-top:30px;}
.pb-30 {padding-bottom:30px;}
.pt-50 {padding-top:50px;}
.pb-50 {padding-bottom:50px;}
.mt-15 {margin-top:15px;}
.mb-15 {margin-bottom:15px;}
.mt-50 {margin-top:50px;}
.mb-50 {margin-bottom:50px;}
.mh-50 {min-height:50px;}
.mh-70 {min-height:70px;}
.mh-170 {min-height:170px;}

@media (max-width:767px) {
    .mobile-centered {display:flex !important;justify-content:center !important;}
    .mobile-text-centered {text-align:center;}

    /* Header

    .header_middle {padding:15px 15px 15px;}
    .header_middle .header_extra {font-size:22px;line-height:25px;}
    .header_middle .header_extra span {bottom:0;right:-2px;vertical-align:top;height:16px;}
    .header_middle .header_extra span em {font-size:9px;bottom:-5px;}

    .logo img {max-width:138px;max-height:32px;padding-left:15px;}

    /* Footer

    .newsletter .form-control, .newsletter .btn {margin-top:15px;}

    .trust_item .block-right {padding-left:0;}
    .trust_item .col-12 {padding:5px 0 0;border-bottom:1px dotted #CCC;display:flex !important;justify-content:center !important;}
    .trust_item .col-12:last-child {border-bottom:none;}

    .company-data li {border-bottom:1px solid #CCC;}

    .copyright {text-align:center;}
    .greetings {margin-top:30px;}

    .mobile-pt-3 {padding-top:30px;}
}

@media (min-width:992px) and (max-width:1199px) {

    /* Header

    .breadcrumb {padding:10px 0;}
}

.mt-30 {margin-top:30px;}
.mb-30 {margin-bottom:30px;}
.mb-100 {margin-bottom:100px;}
.mt-100 {margin-top:100px;}

.btn-add-to-cart {border-color:#e40414;border-right:solid 2px #e40414;border-bottom:solid 2px #e40414;}

.img-footer {-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.img-footer:hover {-webkit-filter:grayscale(0%);filter:grayscale(0%);transition:all .5s;}

@media (min-width:768px) {
  .steps li:before {border-radius:50%;font-size:1em;height:1.5em;margin-left:2.5%;padding-left:0;padding-top:0;top:0;width:1.5em;z-index:-1;}
}