@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
@import url("fontawesome-5.css");
@import url("unicons.css");
@import url("animate.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');
@import url("flaticon.css");
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

@font-face {
font-family: 'Font Awesome 6 Free';
src: url('../fonts/fa-regular-400.eot') format('eot'),
 url('../fonts/fa-regular-400.svg') format('svg'),
 url('../fonts/fa-regular-400.ttf') format('ttf'),
 url('../fonts/fa-regular-400.woff') format('woff'),
 url('../fonts/fa-regular-400.woff2') format('woff2');
}
@font-face {
font-family: 'HelveticaInserat';
src: url('../fonts/HelveticaInserat.eot?') format('eot'),
 url('../fonts/HelveticaInserat.woff') format('woff'),
 url('../fonts/HelveticaInserat.woff2') format('woff2'),
 url('../fonts/HelveticaInserat.otf') format('otf'),
 url('../fonts/HelveticaInserat.svg') format('svg'),
 url('../fonts/HelveticaInserat.ttf') format('truetype');
}
@font-face {
font-family: 'HelveticaNeue';
src: url('../fonts/HelveticaNeue.eot?') format('eot'),
 url('../fonts/HelveticaNeue.woff') format('woff'),
 url('../fonts/HelveticaNeue.woff2') format('woff2'),
 url('../fonts/HelveticaNeue.otf') format('otf'),
 url('../fonts/HelveticaNeue.svg') format('svg'),
 url('../fonts/HelveticaNeue.ttf') format('truetype');
}
@font-face {
font-family: 'Zurich';
src: url('../fonts/Zurich.eot?') format('eot'),
 url('../fonts/Zurich.woff') format('woff'),
 url('../fonts/Zurich.woff2') format('woff2'),
 url('../fonts/Zurich.otf') format('otf'),
 url('../fonts/Zurich.svg') format('svg'),
 url('../fonts/Zurich.ttf') format('truetype');
}
@font-face {
font-family: 'RooneySansMedium';
src: url('../fonts/RooneySansMedium.eot?') format('eot'),
 url('../fonts/RooneySansMedium.woff') format('woff'),
 url('../fonts/RooneySansMedium.woff2') format('woff2'),
 url('../fonts/RooneySansMedium.otf') format('otf'),
 url('../fonts/RooneySansMedium.svg') format('svg'),
 url('../fonts/RooneySansMedium.ttf') format('truetype');
}
@font-face {
font-family: 'Zurich';
src: url('../fonts/Zurich.eot?') format('eot'),
 url('../fonts/Zurich.woff') format('woff'),
 url('../fonts/Zurich.woff2') format('woff2'),
 url('../fonts/Zurich.otf') format('otf'),
 url('../fonts/Zurich.svg') format('svg'),
 url('../fonts/Zurich.ttf') format('truetype');
}
@font-face {
font-family: 'Yellowtail';
src: url('../fonts/Yellowtail.eot?') format('eot'),
 url('../fonts/Yellowtail.woff') format('woff'),
 url('../fonts/Yellowtail.woff2') format('woff2'),
 url('../fonts/Yellowtail.otf') format('otf'),
 url('../fonts/Yellowtail.svg') format('svg'),
 url('../fonts/Yellowtail.ttf') format('truetype');
}
* { box-sizing: border-box;
}
html { margin: 0; padding: 0; font-size: 10px;
}
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "DM Sans", sans-serif; color: #5D666F; font-weight: 400; position: relative; font-size: 16px; line-height: 26px; line-height:2.2rem;
}
body::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; opacity: 0.05;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, menu, ol, ul, table, hr { margin: 0; margin-bottom: 20px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { word-break: break-word; font-family: "Red Hat Display", sans-serif; line-height: 1.4074; color: #1C2539;
}
h1, .h1 { font-size: 60px; line-height: 91px; font-weight: 900;
}
h2, .h2 { font-size: 48px; line-height: 1.23;
}
h3, .h3 { font-size: 36px; line-height: 54px;
}
h4, .h4 { font-size: 30px; line-height: 1.25;
}
h5, .h5 { font-size: 24px; line-height: 1.24;
}
h6, .h6 { font-size: 20px; line-height: 1.25;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: inherit;
}
.bg-color-tertiary h1, .bg-color-tertiary h2, .bg-color-tertiary h3, .bg-color-tertiary h4, .bg-color-tertiary h5, .bg-color-tertiary h6, .bg-color-tertiary .h1, .bg-color-tertiary .h2, .bg-color-tertiary .h3, .bg-color-tertiary .h4, .bg-color-tertiary .h5, .bg-color-tertiary .h6 { color: #fff;
}
.bg-color-tertiary p { color: #6c7279;
}
.bg-color-tertiary a { color: #6c7279;
}
@media only screen and (min-width: 768px) and (max-width: 991px) { 
h1, .h1 { font-size: 38px;
}
h2, .h2 { font-size: 32px;
}
h3, .h3 { font-size: 28px;
}
h4, .h4 { font-size: 24px;
}
h5, .h5 { font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
h1, .h1 { font-size: 34px;
}
h2, .h2 { font-size: 28px;
}
h3, .h3 { font-size: 24px;
}
h4, .h4 { font-size: 20px;
}
h5, .h5 { font-size: 20px;
}
}
h1, .h1, h2, .h2, h3, .h3 { font-weight: 700;
}
h4, .h4, h5, .h5 { font-weight: 700;
}
h6, .h6 { font-weight: 700;
}
p { margin-top: 0; margin-bottom:1.5rem;
}
ul, ol { padding-left: 18px;
}
ul { list-style: square; margin-bottom: 30px; padding-left: 20px;
}
ul.liststyle.bullet li { font-size: 18px; line-height: 30px; color: #5D666F; position: relative; padding-left: 30px;
}
@media only screen and (max-width: 767px) { 
ul.liststyle.bullet li { padding-left: 19px;
}
}
ul.liststyle.bullet li::before { position: absolute; content: ""; width: 6px; height: 6px; border-radius: 100%; background: #5D666F; left: 0; top: 10px;
}
ul.liststyle.bullet li + li { margin-top: 8px;
}
ul li { font-size: 16px; line-height: 26px; color: #5D666F; list-style: none;
}
ul li a { text-decoration: none; color: var(--color-gray);
}
ul li a:hover { color: var(--maincolor);
}
ul ul { margin-bottom: 0;
}
ol { margin-bottom: 30px;
}
ol li { font-size: 16px; line-height: 26px; color: #5D666F; margin-top: 10px; margin-bottom: 10px;
}
ol li a { color: var(--color-heading); text-decoration: none;
}
ol li a:hover { color: var(--maincolor);
}
ol ul { padding-left: 30px;
}
@media only screen and (max-width: 1199px) { 
h1 { font-size: 64px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { 
h1 { font-size: 54px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) { 
h1 { font-size: 40px; line-height: 56px;
}
}
@media only screen and (max-width: 767px) { 
h1 { font-size: 30px; line-height: 45px;
}
}
@media only screen and (max-width: 575px) {
h1 { font-size: 28px; line-height: 36px;
}
}
@media only screen and (max-width: 479px) { 
h1 { font-size: 26px; line-height: 30px;
}
}
@media only screen and (max-width: 1199px) { 
h2 { font-size: 54px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { 
h2 { font-size: 44px; 
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) { 
h2 { font-size: 36px; line-height: 56px; 
}
}
@media only screen and (max-width: 767px) { 
h2 { font-size: 30px; line-height: 45px; 
}
}
@media only screen and (max-width: 575px) { 
h2 { font-size: 26px; line-height: 36px; 
}
}
@media only screen and (max-width: 479px) { 
h2 { font-size: 24px; line-height: 30px; 
}
}
@media only screen and (max-width: 1199px) { 
h3 { font-size: 40px; 
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) { 
h3 { font-size: 36px; 
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) { 
h3 { font-size: 30px; line-height: 56px; 
}
}
@media only screen and (max-width: 767px) { 
h3 { font-size: 30px; line-height: 45px; 
}
}
@media only screen and (max-width: 575px) { 
h3 { font-size: 24px; line-height: 36px; 
}
}
@media only screen and (max-width: 479px) { 
h3 { font-size: 22px; line-height: 30px; 
}
}
@media (min-width: 1200px) {
.fs-70 { font-size: 70px;
}
}
.sppb-btn.active, .sppb-btn:active { background-image: inherit !important;
}
.sppb-btn.focus, .sppb-btn:active:focus, .sppb-btn:active:hover, .sppb-btn:focus, .sppb-btn:hover { outline: 0;
}
.sppb-btn.circle { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
}
.sppb-btn.active, .sppb-btn:active { outline: 0; -webkit-box-shadow: inherit; box-shadow: inherit;
}
.sppb-optin-form .sppb-btn i:first-child {display: none;
}
form.sppb-optin-form.submit-button-inside .button-wrap { top: 49% !important; transform: translatey(-49%);
}
#sp-footer { font-size: inherit; position: relative; z-index: 2;
}
#sp-footer #sp-footer2 { text-align: inherit;
}
.sp-scroll-up { background: var(--maincolor);
}
.sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty) { padding: 0;
}
.z-index3 { z-index: 3 !important;
}
.z-index2 { z-index: 2 !important;
}
.z-index0 { z-index: 0 !important;
}
.sppb-media-heading { margin: 0;
}
.sppb-progress { margin-bottom: 0px;
}
.sppb-carousel-extended-outer-stage { -webkit-perspective: inherit; perspective: inherit;
}
.animated-number-position-left .sppb-addon-content, .animated-number-position-right .sppb-addon-content, .sppb-addon-clients .sppb-carousel-extended-outer-stage { align-items: center;
}
.sppb-person-name { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;
}
.sp-slider img { height: auto !important; width: auto !important;
}
.sppb-addon-clients .sppb-carousel-extended-item { padding: 0;
}
@media (max-width: 768px) {
.sppb-addon-clients img {margin-bottom: 20px;
}
}
body .sppb-btn, body .sppb-sp-slider-button .sp-slider-btn-text, .login .btn, .registration form > div .btn { padding: 17px 30px; min-width: max-content; font-size: 16px; line-height: 21px; font-weight: 700; border-radius: 15px; transition: 0.3s; border: none; color: #fff;
}
body .sppb-btn.sppb-btn-primary, body .sppb-sp-slider-button .sp-slider-btn-text, .login .btn, .registration form > div .btn-primary { background: var(--maincolor);
}
body .sppb-btn.sppb-btn-primary:hover, body .sppb-sp-slider-button .sp-slider-btn-text:hover, .login .btn:hover, .registration form > div .btn-primary:hover { background: var(--maincolor-alta); color: #1C2539;
}
body .sppb-btn.sppb-btn-secondary { background: var(--maincolor-alta); color: #1C2539;
}
body .sppb-btn.sppb-btn-secondary:hover { background-color: var(--maincolor);
}
.sppb-btn span, body .sppb-sp-slider-button .sp-slider-btn-text span { position: relative; z-index: 3; -webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
body .sppb-btn.sppb-btn-default { background-color: #f2f2f2; color: #6f6f6f;
}
body .sppb-btn.sppb-btn-default:after { background-color: var(--maincolor);
}
body .sppb-btn:hover, body .sppb-sp-slider-button .sp-slider-btn-text:hover, .login .btn:hover, .registration form > div .btn:hover { color: #fff;
}
body .btn-white .sppb-btn { background: #fff; color: var(--maincolor);
}
body .btn-white .sppb-btn:hover { background: var(--maincolor); color: #fff;
}
.sppb-btn i, a.d-block em, .sppb-sp-slider-button .sp-slider-btn-text i { 
}
.full-width-image .sppb-addon-single-image-container {width: 100%; display: block;
}
.full-width-image .sppb-addon-single-image-container img {width: 100%;
}
.sppb-progress { border-radius: 45px;
}
.social-icon-right a i {color: inherit !important;
}
.sppb-addon-clients .sppb-carousel-extended-item img { margin: auto; text-align: center; display: block;
}
.sppb-person-image img {width: 100%;
}
@media(max-width: 768px) { .sppb-addon-clients a {display: block;
}
.sppb-addon-clients a img {margin-left: auto; margin-right: auto;
}
}
.f-weight-400 { font-weight: 400;
}
.sp-slider div[class^="sppb-col"] {position: static;
}
.sppb-icon .sppb-icon-container > i { width: auto !important; height: auto !important; line-height: inherit !important;
}
.sppb-text-left.animated-number-position-bottom .sppb-addon-content, .sppb-text-left.animated-number-position-left .sppb-addon-content { align-items: center;
}
.sppb-carousel-extended-list .sppb-carousel-extended-outer-stage { height: auto !important;
}
body .sppb-addon-optin-forms { padding: 0px;
}
.sppb-addon-table-main td { color: inherit; font-size: inherit;
}
.com-finder .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { display: flex; align-items: center;
}
.com-finder .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) span { margin-right: 5px;
}
.center-section > .sppb-container-inner > .sppb-row, .center-section > .sppb-row-container > .sppb-row, .center-section  > .sppb-row { justify-content: center;
}
.even-section > .sppb-row-container > .sppb-row, .even-section  > .sppb-row { justify-content: space-between !important;
}
.right-section > .sppb-row-container > .sppb-row, .right-section  > .sppb-row { justify-content: flex-end !important;
}
#sp-main-body .sppb-section .sppb-container-inner, #sp-main-body .sppb-section div[class^="sppb-col-"], #sp-main-body .sppb-section .sppb-column, #sp-main-body .sppb-section .sppb-column-addons, #sp-main-body .sppb-section .sppb-row-container, #sp-footer .sppb-section .sppb-container-inner, #sp-footer .sppb-section div[class^="sppb-col-"], #sp-footer .sppb-section .sppb-column, #sp-footer .sppb-section .sppb-column-addons, #sp-footer .sppb-section .sppb-row-container {position: static;
}
.relative-section .sppb-container-inner, .relative-section div[class^="sppb-col-"], .relative-section .sppb-column, .relative-section .sppb-column-addons {position: static;
}
.nowraprow > .sppb-container-inner > .sppb-row {flex-wrap: nowrap;
}
#sp-top { position: relative; z-index: 999;
}
#sp-top > .row { -ms-flex-align: center !important; align-items: center !important;
}
#sp-top > .container > .container-inner > .row { -ms-flex-align: center !important; align-items: center !important;
}
#sp-header > .row { -ms-flex-align: center !important; align-items: center !important;
}
#sp-header > .container > .container-inner > .row { -ms-flex-align: center !important; align-items: center !important;
}
#sp-logo-section > .row { -ms-flex-align: center !important; align-items: center !important;
}
#sp-logo-section > .container > .container-inner > .row { -ms-flex-align: center !important; align-items: center !important;
}
#sp-footer, #sp-bottom { background: inherit;
}
.sppb-carousel-extended-description { font-size: inherit; color: inherit; line-height: inherit;
}
.sppb-ajaxt-contact-form i:first-child {display: none;
}
.sppb-addon-text-block .sppb-addon-content br:first-child, .sppb-optin-form-details br:first-child, .sppb-addon-feature .sppb-addon-text br:first-child, .sppb-addon-pie-progress .sppb-addon-text br:first-child {display: none !important;
}
@media (max-width: 1400px) { 
.sppb-addon-articles .sppb-col-sm-3 { -ms-flex: 0 0 50%;
flex: 0 0 50%; max-width: 50%; 
}
}
@media (max-width: 1200px) { 
.sppb-addon-articles .sppb-col-sm-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; 
}
}
@media (max-width: 992px) { 
.sppb-addon-articles .sppb-col-sm-4, .sppb-addon-articles .sppb-col-sm-3, .sppb-addon-articles .sppb-col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; 
}
}
@media (max-width: 768px) { 
.sppb-addon-articles .sppb-col-sm-4, .sppb-addon-articles .sppb-col-sm-3, .sppb-addon-articles .sppb-col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; 
}
}
.width-auto .sppb-column-addons { width: auto;
}
.translatex-15 {transform: translatex(15px);
}
/* HEADER */

#sp-header { height: auto; box-shadow: none;
}
#sp-header.header-sticky { -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, visibility 500ms ease; transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; backdrop-filter: blur(9px); box-shadow: 0px 7px 18px #1810100d;
}
#sp-header .logo { height: auto; padding: 36px 0; display: block; max-width: max-content;
}
#sp-header .logo img { height: auto;
}
#sp-header .sp-megamenu-parent { float: none;
}
.sp-megamenu-parent > li { margin: 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent > li:last-child > a { padding: 48px 0; display: block; color: #1C2539; font-size: 16px; font-weight: 500; position: relative; transition: 0.3s; min-width: max-content; line-height: 26px;
}
.sp-megamenu-parent > li+li > a { margin-left: 48px;
}
.sp-megamenu-parent > li > a:before, .sp-megamenu-parent > li > span:before { position: absolute; content: ""; left: 0; bottom: 50px; height: 2px; width: 0%!important; border-radius: 1px; background: var(--maincolor); transition: 0.3s;
}
.sp-megamenu-parent > li > a:hover:before, .sp-megamenu-parent > li:hover > span:before { width: 0%!important;
}
.sp-megamenu-parent > li > a:hover:before, .sp-megamenu-parent > li > span:hover:before { width: 100%!important;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after { content: "\f078" !important; position: absolute !important; top: 51%; font-family: "Font Awesome 5 Pro" !important; right: -18px; transform: translateY(-50%); transition: 0.3s;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a:hover::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:hover:after { color: var(--maincolor); transform: translateY(-50%) rotate(180deg);
}
.header-hidden { transform: translateY(-100%); transition: transform 0.3s ease-in-out;
}
.header-sticky { transition: transform 0.3s ease-in-out;
}
@media (max-width: 1400px) {
.sp-megamenu-parent > li+li > a { margin-left: 30px;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after { display: none;
}
}
@media (max-width: 1200px) { 
.sp-megamenu-parent > li+li > a { margin-left: 15px;
}
}
#sp-header.header-sticky .sp-megamenu-parent > li > a:before { display: none;
}
.sp-megamenu-parent > li.active > a:hover, .sp-megamenu-parent > li:hover > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent > li.active > a, 

.sp-megamenu-parent > li.active > span:hover, 
.sp-megamenu-parent > li:hover > span, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > span, 
.sp-megamenu-parent > li.active:hover > span, 
.sp-megamenu-parent > li.active > span { color: var(--maincolor);
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 0; border-radius: 0 0 10px 10px; background-color: #fff; border-left: 1px solid #ffffff14; border-bottom: 1px solid #ffffff14; border-right: 1px solid #ffffff14; border-top: 4px solid var(--maincolor); box-shadow: 0px 7px 18px rgba(5,10,21,.2);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item { padding: 0 15px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:not(:last-child) { border-bottom: 1px #999 dotted;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge), .sp-megamenu-parent .sp-mega-group > li > a { display: block; color: #1C2539; font-size: 16px; font-weight: 500; position: relative; transition: 0.3s; padding: 12px 0; line-height: 20px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover, .sp-megamenu-parent .sp-mega-group > li > a:hover { color: var(--maincolor);
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega .sp-dropdown-inner { padding: 10px 15px;
}
.sp-megamenu-parent .sp-mega-group > li > .sp-group-title { text-transform: none; color: #1C2539; font-size: 16px; font-weight: 500; position: relative; transition: 0.3s; padding: 20px 15px 0 15px; font-size: 20px; margin-bottom: 10px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega li.sp-menu-item:not(:last-child) { border-bottom: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega li.sp-menu-item > a, .sp-megamenu-parent .sp-mega-group > li > a { padding: 8px 0; font-size: 16px; font-weight: 500; text-transform: none; margin: 0;
}
#offcanvas-toggler { display: inline-flex; align-items: center; line-height: 1; font-size: 20px; position: relative; z-index: 22; height: auto;
}
.burger-icon > span { background-color: var(--maincolor);
}
#sp-header.header-sticky .burger-icon > span { background-color: var(--maincolor);
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span { background-color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a { color: #fff !important;
}
.close-offcanvas { z-index: 99;
}
@media (max-width: 992px) {
.offcanvas-menu { background-color: var(--maincolor); color: #fff;
}
.offcanvas-menu .offcanvas-inner a { color: #fff;
}
.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active { color: #fff;
}
.offcanvas-menu .p-3 { padding: 0 !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus { color: #fff;
}
.offcanvas-menu .logo {display: none;
}
.offcanvas-menu .offcanvas-inner { padding: 50px 25px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span { opacity: 1;
}
}
@media (min-width: 992px) {
.offcanvas-menu .offcanvas-inner { padding: 0;
}
.offcanvas-menu .offcanvas-inner > .d-flex {display: none !important;
}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) { margin-bottom: 0px;
}
.burger-icon > span { margin: 3px 0; transition: .3s; float: right; width: 100%: -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background-color: #1C2539;
}
.burger-icon > span:nth-child(1) { width: calc(100% - 5px); height: 2px;
}
.burger-icon > span:nth-child(2) { width: 100%; height: 2px;
}
.burger-icon > span:nth-child(3) { width: calc(100% - 8px); height: 2px;
}
.burger-icon:hover > span {width: 100%;
}
#sp-header.header-sticky .burger-icon > span { background-color: #1a2428;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right { float: right; margin-left: 0px;
}
#offcanvas-toggler { position: absolute; right: 10px; top: 50%; transform: translatey(-50%); display: inline-block; height: auto; cursor: pointer; background: var(--maincolor-alta); height: 55px; width: 55px; padding: 17px; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 21px; font-weight: 700; border-radius: 15px; transition: 0.3s;
}
#offcanvas-toggler:hover { background: var(--maincolor);
}
#offcanvas-toggler:hover .burger-icon > span { background: #fff;
}
.offcanvas-menu { background-color: transparent;
}
.offcanvas-menu .p-3 { padding: 0 !important;
}
.offcanvas-menu .logo {display: none;
}
.offcanvas-menu .menu {display: none !important;
}
.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span { background-color: var(--maincolor);
}
body.ltr.offcanvs-position-right .offcanvas-menu { right: -450px;
}
body.rtl.offcanvs-position-right .offcanvas-menu { left: -450px;
}
#sppb-addon-665d314f-9c33-42f9-bb71-f2aa4a393e83 img { width: 100%;
}
.offcanvas-menu { width: 450px; background:#fff;
}
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas { color: inherit;
}
}
/* */
/* PAGE TITLE */
#sp-title { position: relative; overflow: hidden;
}
#sp-title .sp-module { height: 100%; position: absolute; width: 100%;
}
#sp-title .sp-module .sp-module-content, #sp-title .sp-module .sp-module-content .mod-sppagebuilder, #sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content, #sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section, #sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section > .sppb-container-inner, #sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section > .sppb-container-inner > .sppb-row > div, #sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section > .sppb-container-inner > .sppb-row > div > .sppb-column, #sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section > .sppb-container-inner > .sppb-row > div > .sppb-column > .sppb-column-addons {height: 100%; position: static !important;
}
#sp-title .sppb-row-container, #sp-title .sppb-row-column, #sp-title .sppb-column, #sp-title .sppb-column-addons {position: static !important;
}
.sp-page-title { position: relative; background-size: cover; background-position: center; padding: 153px 0 153px;
}
@media (max-width: 768px) {
.sp-page-title { padding: 61px 0 67px;
}
}
.sp-page-title .container { display: flex; gap: 25px; flex-direction: column;
}
@media (min-width: 768px) {
.sp-page-title .container { justify-content: space-between; align-items: center; flex-direction: row;
}
}
.sp-page-title .sp-page-title-heading { font-size: 60px; line-height: 91px; font-weight: 700; margin: 0;
position: relative;
z-index: 9;
}
@media (max-width: 992px) {
.sp-page-title .sp-page-title-heading { font-size: 40px;
}
}
@media (max-width: 768px) {
.sp-page-title .sp-page-title-heading { font-size: 35px;
}
}
.sp-page-title .breadcrumb { margin: 0; position: relative; z-index: 9; align-items: center; padding: 12px 30px; background: #fff; border-radius: 31px; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05);
}
.sp-page-title .breadcrumb > li { margin: 0;
}
.sp-page-title .breadcrumb > li.float-start { display: none;
}
.sp-page-title .breadcrumb > li > a { font-weight: 700; font-size: 16px; line-height: 26px; text-transform: capitalize; color: #5D666F;
}
.breadcrumb-item + .breadcrumb-item { padding-left: 10px;
}
.breadcrumb-item + .breadcrumb-item::before { padding-right: 10px;
}
.sp-page-title .breadcrumb > li + li::before { font-size: 16px; text-transform: capitalize; color: var(--maincolor); float: none;
}
.sp-page-title .breadcrumb > li > a:hover {color: var(--maincolor);
}
.sp-page-title .breadcrumb > .active span { color: #fff; font-weight: 700; font-size: 16px;
}
/* */
#sp-header.header-sticky ~ section#sp-main-body { padding-top: 0;
}
.com-content #sp-main-body, .com-j2store #sp-main-body, .com-tags #sp-main-body, .com-spsimpleportfolio #sp-main-body, .com-search #sp-main-body, .com-finder #sp-main-body, .com-hikashop #sp-main-body, .com-users #sp-main-body  { padding: 120px 0 120px;
}
.com-hikashop #sp-main-body, .com-content:not(.view-article) #sp-main-body { padding-bottom: 90px;
}
.com-spsimpleportfolio #sp-main-body { z-index: 2; position: relative;
}
.com-content #sp-header.header-sticky ~ section#sp-main-body, .com-j2store #sp-header.header-sticky ~ section#sp-main-body, .com-tags #sp-header.header-sticky ~ section#sp-main-body, .com-spsimpleportfolio #sp-header.header-sticky ~ section#sp-main-body, .com-search #sp-header.header-sticky ~ section#sp-main-body, .com-finder #sp-header.header-sticky ~ section#sp-main-body, .com-hikashop #sp-header.header-sticky ~ section#sp-main-body, .com-users #sp-header.header-sticky ~ section#sp-main-body  { padding-top: 120px;
}
.com-spsimpleportfolio.view-item #sp-main-body, .com-spsimpleportfolio.view-item #sp-header.header-sticky ~ section#sp-main-body {padding: 0;
}
/* SIDEBAR */
.sidebar-class  .sppb-row-container { width: 100% !important; 
}
.sidebar-class.com-sppagebuilder #sp-main-body { margin: 0 auto;
}
@media (min-width: 768px) {
.sidebar-class.com-sppagebuilder #sp-main-body { max-width: 750px;
}
}
@media (min-width: 992px) {
.sidebar-class.com-sppagebuilder #sp-main-body { max-width: 970px;
}
}
@media (min-width: 1200px) {
.sidebar-class.com-sppagebuilder #sp-main-body { max-width: 1170px;
}
}
.com-sppagebuilder #sp-right, .com-sppagebuilder #sp-left { padding-top: 50px; padding-bottom: 120px; position: relative;
}
#sp-left .sp-module, #sp-right .sp-module { border: 0px solid #f3f3f3; padding: 0; border-radius: 0px;
}
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li { display: block; border-bottom: 0px solid #f3f3f3;
}
.category-module li, .categories-module li, .archive-module li, .latestnews li, .newsflash-horiz li, .mostread li, .form-links li, .list-striped li { padding: 0;
}
/* */
/* CUSTOM CLASS */
@media (min-width: 1200px) {
.header-two-header-top::after { position: absolute; left: -5%; content: ""; top: 0; width: 40%; height: 100%; background: var(--maincolor); z-index: -1; transform: skew(-20deg);
}
}
@media (max-width: 1200px) { .banner-three-banner-four-banner-five::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; background: #fff; opacity: 0.6; z-index: 1; 
}
}
.rts-business-case-s-2 .sppb-addon-title {display: block;
}
body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after, .sppb-testimonial-carousel-rating::before, .sppb-testimonial-carousel-rating::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent li.menu-parent .menu-toggler::after { font-family: "Font Awesome 5 Pro";
}
/* */
/* LOGIN & REGISTRATION */
.login .col-lg-4, .registration .form-validate { padding: 50px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background: #fceae8;
}
@media (min-width: 992px) {
.login .col-lg-4 { flex: 0 0 auto; width: 66.66666667%;
}
}
@media (min-width: 1200px) {
.login .col-lg-4 { flex: 0 0 auto; width: 50%;
}
}
.login-description, .registration legend { font-size: 20px; font-weight: 400; margin-bottom: 25px; color: #002633; line-height: 1.2;
}
.registration fieldset:last-of-type { margin-top: 40px;
}
.registration .spacer { display: none;
}
.login .form-control, .registration .form-control { padding: 12px 20px; outline: none; resize: none; border-radius: 3px; font-size: 16px; font-weight: 300; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: none; padding: 13px 20px 13px 20px; background: #fff;
}
.input-group-text, .login .password-group button.input-password-toggle, .registration button.input-password-toggle { display: flex; align-items: center; padding: 0; text-align: center; white-space: nowrap; border: none; width: 50px; height: 50px; background: #002633; line-height: 50px; font-size: 20px; text-align: center; color: #ffffff; border-radius: 5px 0px 0px 5px !important; -webkit-border-radius: 5px 0px 0px 5px !important; -moz-border-radius: 5px 0px 0px 5px !important; -ms-border-radius: 5px 0px 0px 5px !important; -o-border-radius: 5px 0px 0px 5px !important; justify-content: center;
}
.login .password-group button.input-password-toggle, .registration button.input-password-toggle { border-radius: 0px 5px 5px 0px !important;
-webkit-border-radius: 0px 5px 5px 0px !important; -moz-border-radius: 0px 5px 5px 0px !important; -ms-border-radius: 0px 5px 5px 0px !important; -o-border-radius: 0px 5px 5px 0px !important;
}
.registration .input-group-text .btn-secondary { background: transparent; border: none; border-radius: 0px 5px 5px 0px !important; -webkit-border-radius: 0px 5px 5px 0px !important; -moz-border-radius: 0px 5px 5px 0px !important; -ms-border-radius: 0px 5px 5px 0px !important; -o-border-radius: 0px 5px 5px 0px !important;
}
.login .list-group { flex-direction: row; justify-content: space-between;
}
.login .list-group-item { position: relative; display: block; padding: 0; color: var(--maincolor); background-color: transparent; border: none;
}
/* */
/* PORTFOLIO */
.sp-simpleportfolio .sp-simpleportfolio-filter { text-align: center; margin-bottom: 50px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li { float: left; display: block; margin: 0 10px;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a { background: #FFFFFF; color: #1C2539; padding: 12px 28px; border: 1px solid #EDEFF3; box-shadow: 0px 9px 18px rgba(24, 16, 16, 0.05); border-radius: 15px; display: inline-block; font-size: 16px; font-weight: 700;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a { background: var(--maincolor); color: #fff;
}
/* Style 1 */
.rts-product-one { padding: 35px 35px 33px 35px; border: 1px solid #EDEFF3; border-radius: 15px;
}
.rts-product-one .thumbnail-area { position: relative; overflow: hidden; border-radius: 19px;
}
.rts-product-one .thumbnail-area::before { position: absolute; content: ""; height: 100%; width: 133%; background: linear-gradient(180deg, #5a00005a 0%, var(--maincolor)8c 100%); left: 0; top: 0; transform: rotate(-54deg) translateY(-144%); transition: 0.5s; z-index: 0;
}
.rts-product-one .thumbnail-area::after { position: absolute; content: ""; height: 100%; width: 133%; background: linear-gradient(180deg, rgba(223, 10, 10, 0.55) 0%, rgba(90, 0, 0, 0.352) 100%); left: 0; top: 0; transform: rotate(-45deg) translateY(126%); transition: 0.5s; z-index: 0;
}
.rts-product-one .thumbnail-area img { width: 100%;
}
.rts-product-one .thumbnail-area a.rts-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); z-index: 5; border-radius: 50% !important; line-height: 7px; display: block; padding: 20px;
}
.rts-product-one .product-contact-wrapper { padding: 30px 0 0 0;
}
.rts-product-one .product-contact-wrapper span { margin-bottom: 15px;
}
.rts-product-one .product-contact-wrapper .title { margin-bottom: 8px; transition: 0.3s;
}
.rts-product-one .thumbnail-area:hover::before { transform: rotate(-54deg) translateY(-117%);
}
.rts-product-one:hover .thumbnail-area a.rts-btn { transform: translate(-50%, -50%) scale(1);
}
.rts-product-one .thumbnail-area:hover::after { transform: rotate(-53deg) translateY(34%);
}
/* Style 2 */
.sp-simpleportfolio-items {overflow: visible;
}
.case-study-area .item { position: relative; overflow: hidden; background: #fff; border-radius: 15px; box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.04);
}
.case-study-area .item .item-image { padding: 25px; overflow: hidden;
}
.case-study-area .item .item-image img { width: 100%;
}
.case-study-area .item .item-content { padding: 0 25px 25px 25px;
}
.case-study-area .item .item-content h6 { color: #999; font-size: 14px; margin-bottom: 15px; font-weight: 400;
}
.case-study-area .item .item-content .text-heding3 { color: #1c2539; font-family: "Red Hat Display", Sans-serif; font-size: 22px; font-weight: 700;
}
.case-study-area .item .item-content p { font-size: 16px; font-weight: 400; line-height: 30px;
}
.case-study-area .item .read-more { background: #fff; border-top: 1px solid #f1f1f1; padding: 16px 20px; display: block; transition: all 0.3s ease 0s; font-size: 14px; font-weight: 700; position: relative; z-index: 2; color: #999;
}
.case-study-area .item .read-more::before { content: ""; position: absolute; background-color: #040404; width: 100%; height: 0; transition: all 0.3s ease 0s; left: 0; top: 0; z-index: -1;
}
.case-study-area .item .read-more span { float: right;
}
.case-study-area .item:hover .read-more { color: #fff;
}
.case-study-area .item:hover .read-more::before { background-color: var(--maincolor); height: 100%; bottom: 0;
}
/* Style 3 */

.portfolio-area.style-3 .portfolio-wrapper2 { position: relative; z-index: 1; transition: all 0.4s;
}
.portfolio-area.style-3 .portfolio-wrapper2 .img-fluid { position: relative; transition: all 0.3s; border-radius: 20px;
}
.portfolio-area.style-3 .portfolio-wrapper2 .img-fluid::before { content: ""; position: absolute; background-color: var(--maincolor); opacity: 0.8; width: 100%; height: 0; top: 0; border-radius: 20px; transition: all 0.4s;
}
.portfolio-area.style-3 .portfolio-wrapper2 .img-fluid img { width: 100%; border-radius: 20px;
}
.portfolio-area.style-3 .portfolio-wrapper2 .img-fluid .portfolio-content { position: absolute; color: #fff; font-size: 16px; font-weight: 700; line-height: 1; padding: 15px 30px; border: 2px solid rgba(255, 255, 255, 0.1); display: inline-block; z-index: 2; left: 50%; top: 50%; transition: all 0.4s; transform: translate(-50%, -50%) scale(0);
}
.portfolio-area.style-3 .portfolio-wrapper2 .img-fluid .portfolio-content a { font-size: 14px; left: 39%; bottom: 55%; padding: 2px 15px; transition: all 0.4s ease-out 0s;
}
.portfolio-area.style-3 .portfolio-wrapper2 .portfolio-text { padding: 18px 0 0;
}
.portfolio-area.style-3 .portfolio-wrapper2 .portfolio-text .text .p-category { margin-bottom: 10px; color: #040404; font-size: 14px;
}
.portfolio-area.style-3 .portfolio-wrapper2 .portfolio-text .text .p-title { color: #040404; font-size: 22px; font-weight: 700; transition: all 0.4s;
}
.portfolio-area.style-3 .portfolio-wrapper2:hover .img-fluid::before { height: 100%; bottom: 0;
}
.portfolio-area.style-3 .portfolio-wrapper2:hover .img-fluid .portfolio-content { transform: translate(-50%, -50%) scale(1);
}
.portfolio-area.style-3 .portfolio-wrapper2:hover .portfolio-text .p-title a { text-decoration: underline !important;
}
/* Style 4 */
.portfolio-area.style-4 .item { transition: all 0.4s; position: relative; border-radius: 20px; overflow: hidden;
}
.portfolio-area.style-4 .item::before { content: ""; position: absolute; background: var(--maincolor); opacity: 0.9; width: 100%; height: 0; left: 0; bottom: 0; z-index: 1; transition: all 0.3s ease 0s; clip-path: polygon(0% -65%, 0% 100%, 99% 100%); border-radius: 20px;
}
.portfolio-area.style-4 .item .portfolio-wrapper { position: relative;
}
.portfolio-area.style-4 .item .img-fluid img { width: 100%;
}
.portfolio-area.style-4 .item .portfolio-wrapper .single-portfolio { position: absolute; bottom: 10%; left: 8%; transform: scale(0); transition: all 0.4s; z-index: 1;
}
.portfolio-area.style-4 .item .portfolio-wrapper .single-portfolio span { color: #fff; font-size: 14px; font-weight: 400;
}
.portfolio-area.style-4 .item .portfolio-wrapper .single-portfolio .portfolio-title { font-size: 22px; font-weight: 700;
}
.portfolio-area.style-4 .item .portfolio-wrapper .pf-btn { background-color: #fff; color: #000; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; border-radius: 50%; position: absolute; bottom: 12%; right: 7%; transform: scale(0); transition: all 0.4s; z-index: 1;
}
.portfolio-area.style-4 .item:hover::before { height: 100%;
}
.portfolio-area.style-4 .item:hover .portfolio-wrapper .single-portfolio { transform: scale(1);
}
.portfolio-area.style-4 .item:hover .portfolio-wrapper .pf-btn { transform: scale(1);
}
/* Style 5 */
.portfolio-area.style-5 .item { position: relative; border-radius: 20px; overflow: hidden;
}
.portfolio-area.style-5 .item::before { content: ""; position: absolute; background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.70196) 0%, rgba(0, 0, 0, 0) 100%); width: 100%; height: 100%; transition: all 0.4s ease 0s; left: 0; bottom: 0; z-index: 1; border-radius: 20px;
}
.portfolio-area.style-5 .item::after { content: ""; position: absolute; background-color: var(--maincolor); opacity: 0.902; clip-path: polygon(100% 0, 100% 100%, 45.5% 100%, 0% 55%, 0 0); width: 100%; height: 0; transition: all 0.4s ease 0s; left: 0; top: 0; border-radius: 20px; z-index: 1;
}
.portfolio-area.style-5 .item .portfolio-wrapper .img-fluid img { width: 100%;
}
.portfolio-area.style-5 .item .portfolio-wrapper .single-portfolio { position: absolute; bottom: 10%; left: 15%; transform: scale(1); transition: all 0.4s; z-index: 9;
}
.portfolio-area.style-5 .item .portfolio-wrapper .single-portfolio span { color: #fff; font-size: 14px; font-weight: 400;
}
.portfolio-area.style-5 .item .portfolio-wrapper .single-portfolio .portfolio-title { font-size: 22px; font-weight: 700;
}
.portfolio-area.style-5 .item .portfolio-wrapper .pf-btn { background-color: #fff; color: #000; width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; border-radius: 50%; position: absolute; bottom: 16%; left: 15%; transform: scale(0); transition: all 0.4s; z-index: 9;
}
.portfolio-area.style-5 .item:hover::before { background: #1c2539; opacity: 0.902; clip-path: polygon(0 54.6%, 0% 100%, 45.5% 100%);
}
.portfolio-area.style-5 .item:hover::after { visibility: visible; height: 100%;
}
.portfolio-area.style-5 .item:hover .portfolio-wrapper .single-portfolio { top: 8%; bottom: unset;
}
.portfolio-area.style-5 .item:hover .portfolio-wrapper .pf-btn { transform: scale(1);
}
/* */
/* BLOG */
.article-list .article, .sppb-addon-articles .sppb-addon-article { padding: 0; border: 0; position: relative; transition: all 0.3s ease-out; overflow: visible; border: 1px solid #E6E9F0; margin-bottom: 50px; border-radius: 0px;
}
.blog-grid .article-list .article { border-radius: 15px; overflow: hidden;
}
.article-list .article:after, .sppb-addon-articles .sppb-addon-article:after { 
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery, .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap, .sppb-articles-carousel-img { margin: 0; border-bottom: 0px solid #f5f5f5; overflow: hidden; position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 0px; width: 100%; border: 1px solid transparent;
}
.articles-leading .article .article-intro-image, .articles-leading .article .article-featured-video, .articles-leading .article .article-featured-audio, .articles-leading .article .article-feature-gallery {
}
.article-list .article .article-intro-image:after, .article-list .article .article-featured-video:after, .article-list .article .article-featured-audio:after, .article-list .article .article-feature-gallery:after, .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap:after, .sppb-articles-carousel-img:after {
}
.article-list .article:hover .article-intro-image:after, .article-list .article:hover .article-featured-video:after, .article-list .article:hover .article-featured-audio:after, .article-list .article:hover .article-feature-gallery:after, .sppb-addon-articles .sppb-addon-article:hover .sppb-article-img-wrap:after, .sppb-articles-carousel-column:hover .sppb-articles-carousel-img:after {
}
.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img, .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap img, .sppb-articles-carousel-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0px; display: block; transition: 0.3s;
}
.article-list .article:hover .article-intro-image img, .article-list .article:hover .article-featured-video img, .article-list .article:hover .article-featured-audio img, .article-list .article:hover .article-feature-gallery img, .sppb-addon-articles .sppb-addon-article:hover .sppb-article-img-wrap img, .sppb-articles-carousel-column:hover .sppb-articles-carousel-img img { transform: scale(1.2);
}
.article-intro-image > a, .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap {height: 100%;
}
.blog-list .article-intro-image > a {width: 100%;
}
.article-body, .sppb-article-info-wrap, .sppb-articles-carousel-content { display: flex; flex-direction: column; align-items: flex-start; position: relative; box-shadow: none; background: transparent; margin: 0; padding: 50px;
}
.blog-grid .article-body { padding: 70px 30px 30px;
}
@media (max-width: 768px) {
.article-body, .sppb-article-info-wrap, .sppb-articles-carousel-content { padding: 30px;
}
.blog-grid .article-body { padding: 70px 30px 30px;
}
}
.article-list .article .article-header, .sppb-article-info-wrap h3, .sppb-articles-carousel-link {order: 2;
}
.article-list .article .article-header h2, .sppb-article-info-wrap h3, .sppb-articles-carousel-link { font-size: 36px; line-height: 54px; color: #1C2539; transition: 0.3s; margin-bottom: 16px; font-weight: 700;
}
.blog-grid .article-list .article .article-header h2 { line-height: 32px; font-size: 24px;
}
@media (max-width: 768px) {
.article-list .article .article-header h2, .sppb-article-info-wrap h3 { font-size: 20px;
}
}
.article-list .article .article-header h2 a, .sppb-article-info-wrap h3 a { color: inherit; transition: all 500ms ease; display: block;
}
.article-list .article .article-header h2 a:hover, .sppb-article-info-wrap h3 a:hover { color: var(--maincolor);
}
.article-list .article .article-info, .sppb-addon-articles .sppb-article-meta { order: 1; margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 30px; margin-bottom: 15px; width: 100%;
}
.blog-grid .article-list .article .article-info { position: absolute; display: flex; align-items: center; justify-content: center; padding: 7px 30px; top: -1px; background: #1C2539; width: 100%; left: 0;
}
.article-info > span, .sppb-addon-articles .sppb-article-meta > span, .sppb-articles-carousel-meta-category a, .sppb-articles-carousel-meta-date { font-size: 16px; line-height: 26px; color: #5D666F; font-weight: 400; display: flex; align-items: center; margin: 0;
}
.blog-grid .article-info > span { color: #fff;
}
.article-info > span a, .sppb-addon-articles .sppb-article-meta > span a {color: inherit;
}
.article-info > span a:hover {color: var(--maincolor);
}
.article-info > span + span::before, .sppb-addon-articles .sppb-article-meta > span + span:before { padding: 0; margin: 0;
}
.article-info > span:before, .sppb-addon-articles .sppb-article-meta > span:before { color: var(--maincolor); -webkit-transition: all 500ms ease; transition: all 500ms ease; margin: 0; margin-right: 10px !important; font-family: "Font Awesome 5 Pro"; font-weight: 400;
}
.blog-grid .article-info > span:before { color: #fff;
}
.article-info > span.createdby:before, .sppb-article-meta > span.sppb-meta-author:before { content: "\f2bd";
}
.article-info > span.published:before, .sppb-article-meta > span.sppb-meta-date:before { content: "\f017";
}
.article-info > span.category-name:before, .sppb-article-meta > span.sppb-meta-category:before { content: "\f02c";
}
.article-info > span.hits:before { content: ;
}
.article-introtext, .sppb-article-introtext { order: 3; font-size: 16px; line-height: 26px; margin: 0 0 40px;
}
.article-introtext p { margin-bottom: 0;
}
.article-list .article .readmore, .sppb-readmore { order: 4;
}
.article-list .article .readmore { font-size: inherit; width: 100%;
}
.article-list .article .readmore a, .sppb-readmore { padding: 17px 30px; min-width: max-content; font-size: 16px; line-height: 21px; font-weight: 700; border-radius: 15px; transition: 0.3s; background: var(--maincolor); color: #fff; display: inline-block;
}
.article-list .article .readmore a:hover, .sppb-readmore:hover { background: var(--maincolor-alta); color: #1C2539;
}
ul.pagination { display: flex; justify-content: space-between; margin-top: 30px; padding: 0;
}
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;
}
.page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0;
}
.page-link, .disabled > .page-link, .page-link.disabled, .pagination > li > a, .pagination > li > span { padding: 0; font-weight: 500; height: 50px; width: 52px; line-height: 50px !important; display: inline-block; position: relative; margin-right: 15px; text-align: center; color: var(--tg-gray-four); font-size: 20px; border: 1px solid #E0E0E0; border-radius: 3px !important; background: transparent; font-family: var(--tg-heading-font-family);
}
.page-item.active .page-link, .page-link:hover { background: var(--maincolor) !important; border-color: var(--maincolor); color: #fff !important;
}
.pagination-counter { margin-top: 40px;
}
/* SINGLE ARTICLE */
.article-details .sppb-row-container { padding: 0; max-width: 100%;
}
.article-details { position: relative; display: flex; flex-direction: column; flex-flow: wrap; border-radius: 15px; padding: 50px; border: 1px solid #E6E9F0; overflow: hidden;
}
.article-details > *:not(.article-full-image) { order: 4; width: 100%;
}
.article-details .article-header { order: 3;
}
.article-details .article-info { order: 2; margin-bottom: 15px; gap: 30px;
}
.article-details .article-can-edit { position: relative; margin-bottom: 0px;
}
.article-details .article-header h1, .article-details .article-header h2 { font-size: 36px; line-height: 54px; margin-bottom: 20px;
}
@media (max-width: 768px) {
.article-details .article-header h1, .article-details .article-header h2 { font-size: 26px; line-height: 30px;
}
}
.article-details .article-full-image { position: relative; display: block; order: 1; margin: -50px -50px 50px;
}
@media (max-width: 768px) {
.article-details { padding: 30px;
}
.article-details .article-info { gap: 10px;
}
.article-details .article-full-image { margin: -30px -30px 30px;
}
}
.article-details .article-full-image img { border-radius: 0; display: block; margin: 0 55px 0 0; width: 126%;
}
.article-details .article-ratings-social-share { border-top: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; border-top: 0; border-bottom: 0; margin: 0; align-items: center; order: 6; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 40px 0 0 !important; border-top: 0px solid #ece9e0;
}
.tags { list-style: none; padding: 0; margin: 0 !important; border: none; justify-content: center; display: block; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; border-top: 0; padding: 0; border-bottom: 0; order: 5; margin: 40px 0 0 !important; border-top: 0px solid #ece9e0;
}
@media (max-width: 768px) {
.tags, .article-details .article-ratings-social-share { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: block !important; margin-top: 40px !important; margin-bottom: 0px !important;
}
.article-social-share { float: none;
}
}
.tags:before { content: "Tags: "; font-size: 18px; line-height: 1.25; font-family: "Red Hat Display", sans-serif; font-weight: 700; color: #1C2539;
}
.tags > li { margin: 0;
}
.tags > li a { padding: 8px 12px; background: #F6F6F6; font-size: 14px; font-weight: 500; border-radius: 5px; color: #1C2539; transition: 0.3s; line-height: normal; border: none;
}
.tags > li a:hover { background: var(--maincolor); color: #fff; transform: translateY(-2px) scale(1.02);
}
.tags > li { margin-left: 10px;
}
.article-social-share .social-share-icon:before { content: "Share: "; font-size: 18px; line-height: 1.25; font-family: "Red Hat Display", sans-serif; font-weight: 700; color: #1C2539;
}
.article-social-share .social-share-icon ul { display: inline-block;
}
.article-social-share .social-share-icon ul li { margin: 0; margin-left: 10px;
}
.article-social-share .social-share-icon ul li:not(:last-child) { margin-right: 0px;
}
.article-social-share .social-share-icon ul li a { position: relative; height: 40px; width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #1C2539; background-color: #F6F6F6; font-size: 14px; border-radius: 50%; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1;
border: none;
}
.article-social-share .social-share-icon ul li a:hover { color: #fff; transform: scale(1.2); background-color: var(--maincolor);
}
.article-details .article-author-information { padding: 0; text-align: left; border: 0; margin: 0; border: 0; border-radius: 0; margin-bottom: 0; order: 7; margin-top: 44px; display: flex; align-items: center; padding: 40px 0; border-top: 1px solid #E6E9F0; border-bottom: 1px solid #E6E9F0;
}
.article-details .article-author-information > .d-flex { justify-content: center; display: flex; align-items: flex-start;
}
.article-details .article-author-information > .d-flex .flex-shrink-0 img { width: 115px; flex: 0 0 auto; margin-right: 30px;
}
.article-details .article-author-information h5 { margin-bottom: 10px; font-size: 24px; line-height: 1.24;
}
.article-details .article-author-information .author-bio { margin-bottom: 0 !important;
}
.author-website { color: #002633; margin-left: 4px; margin-top: 15px !important;
}
.author-website a, .author-website a:hover {color: var(--maincolor);
}
#article-comments { border-top: 0px solid #f5f5f5; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; order: 9; width: 100%; margin-top: 50px; padding-top: 0px;
}
.article-details ul.pagination { display: flex; justify-content: space-between; margin-top: 0px; padding: 0;
}
.article-details .page-link, .article-details .page-link:hover { background: transparent; padding: 0; border: none; margin-right: 0; font-weight: 600; color: var(--maincolor) !important;
}
.article-details .pagenavigation { order: 6; width: 100%; margin-top: 30px; padding: 0px; border-top: 0;
}
.article-details .pagenavigation .pagination { justify-content: space-between;
}
.article-details .pagenavigation .btn { font-size: 22px; line-height: 37px; -webkit-transition: all 500ms ease; transition: all 500ms ease; color: var(--thirdcolor); font-weight: 700; letter-spacing: -0.04em; font-family: 'Merriweather', serif; background-color: #f2f2f2; padding: 12px 20px; border-radius: 10px; border: none;
}
.article-details .pagenavigation .btn:hover { color: #fff; background-color: var(--maincolor);
}
.article-details .pagenavigation .btn span[class^="icon-"] { font-family: "Font Awesome 5 Free" !important; font-weight: 900; font-size: 18px;
}
/* */
/* SHOP */
/* */
/* ANIMATION */
@keyframes jump-1 { 
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
40% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); 
}
100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes jump-2 { 
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
50% { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); 
}
100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes jump-3 { 
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
50% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); 
}
100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes slide-one { 
0% { -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); 
}
25% { -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); 
}
50% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
75% { -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); 
}
100% { -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); 
}
}
@keyframes slide-one1 { 
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0px, 0, 0); 
}
25% { -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); 
}
50% { -webkit-transform: translate3d(-60px, 0, 0); transform: translate3d(-60px, 0, 0); 
}
75% { -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); 
}
100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes slide-two { 
0% { -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); 
}
25% { -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); 
}
50% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
75% { -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); 
}
100% { -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); 
}
}
@keyframes slide-two1 { 
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
25% { -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); 
}
50% { -webkit-transform: translate3d(60px, 0, 0); transform: translate3d(60px, 0, 0); 
}
75% { -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); 
}
100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@-webkit-keyframes flash { 
from, 50%, to { opacity: 1; 
}
25%, 75% { opacity: 0; 
}
}
@keyframes flash {
from, 50%, to { opacity: 1; 
}
25%, 75% { opacity: 0; 
}
}
.flash { -webkit-animation-name: flash; animation-name: flash;
}
@-webkit-keyframes pulse { 
from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); 
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
}
@keyframes pulse { 
from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); 
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse;
}
@-webkit-keyframes rubberBand { 
from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); 
}
40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); 
}
50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); 
}
65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); 
}
75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); 
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
}
@keyframes rubberBand { 
from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); 
}
40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); 
}
50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); 
}
65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); 
}
75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); 
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
}
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand;
}
@-webkit-keyframes shake { 
from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); 
}
20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); 
}
}
@keyframes shake { 
from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); 
}
20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); 
}
}
.shake { -webkit-animation-name: shake; animation-name: shake;
}
@-webkit-keyframes swing { 
20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); 
}
40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); 
}
60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); 
}
80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); 
}
to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); 
}
}
@keyframes swing { 
20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); 
}
40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); 
}
60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); 
}
80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); 
}
to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); 
}
}
.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;
}
@-webkit-keyframes tada { 
from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); 
}
30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 
}
40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
}
@keyframes tada {
from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); 
}
30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 
}
40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 
}
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
}
.tada { -webkit-animation-name: tada; animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { 
from { -webkit-transform: none; transform: none; 
}
15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 
}
30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 
}
45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 
}
60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 
}
75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 
}
to { -webkit-transform: none; transform: none; 
}
}
@keyframes wobble {
from { -webkit-transform: none; transform: none; 
}
15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 
}
30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 
}
45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 
}
60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 
}
75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 
}
to { -webkit-transform: none; transform: none; 
}
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to { -webkit-transform: none; transform: none; 
}
22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); 
}
33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); 
}
44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); 
}
55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); 
}
66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); 
}
77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); 
}
88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 
}
}
@keyframes jello {
from, 11.1%, to { -webkit-transform: none; transform: none; 
}
22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); 
}
33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); 
}
44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); 
}
55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); 
}
66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); 
}
77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); 
}
88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 
}
}
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); 
}
20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); 
}
40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); 
}
60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); 
}
80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); 
}
to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); 
}
20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); 
}
40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); 
}
60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); 
}
80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); 
}
to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); 
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); 
}
60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); 
}
75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); 
}
90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); 
}
to { -webkit-transform: none; transform: none; 
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); 
}
60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); 
}
75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); 
}
90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); 
}
to { -webkit-transform: none; transform: none; 
}
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); 
}
60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); 
}
75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); 
}
90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); 
}
to { -webkit-transform: none; transform: none; 
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); 
}
60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); 
}
75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); 
}
90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); 
}
to { -webkit-transform: none; transform: none; 
}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); 
}
60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); 
}
75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); 
}
90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); 
}
to { -webkit-transform: none; transform: none; 
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); 
}
60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); 
}
75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); 
}
90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); 
}
to { -webkit-transform: none; transform: none; 
}
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); 
}
60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); 
}
75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); 
}
90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); 
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); 
}
60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); 
}
75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); 
}
90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); 
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); 
}
50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); 
}
to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); 
}
}
@keyframes bounceOut {
20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); 
}
50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); 
}
to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); 
}
}
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); 
}
40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); 
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); 
}
}
@keyframes bounceOutDown {
20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); 
}
40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); 
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); 
}
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); 
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); 
}
}
@keyframes bounceOutLeft {
20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); 
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); 
}
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); 
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); 
}
}
@keyframes bounceOutRight {
20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); 
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); 
}
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); 
}
40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); 
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); 
}
}
@keyframes bounceOutUp {
20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); 
}
40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); 
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); 
}
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from { opacity: 0; 
}
to { opacity: 1; 
}
}
@keyframes fadeIn {
from { opacity: 0; 
}
to { opacity: 1; 
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
@keyframes fadeInDown {
from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
@keyframes fadeInDownBig {
from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
@keyframes fadeInLeft {
from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
@keyframes fadeInLeftBig {
from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
@keyframes fadeInRight {
from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
@keyframes fadeInRightBig {
from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
@keyframes fadeInUp {
from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
@keyframes fadeInUpBig {
from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from { opacity: 1; 
}
to { opacity: 0; 
}
}
@keyframes fadeOut {
from { opacity: 1; 
}
to { opacity: 0; 
}
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); 
}
}
@keyframes fadeOutDown {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); 
}
}
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); 
}
}
@keyframes fadeOutDownBig {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); 
}
}
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); 
}
}
@keyframes fadeOutLeft {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); 
}
}
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); 
}
}
@keyframes fadeOutLeftBig {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); 
}
}
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); 
}
}
@keyframes fadeOutRight {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); 
}
}
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); 
}
}
@keyframes fadeOutRightBig {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); 
}
}
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); 
}
}
@keyframes fadeOutUp {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); 
}
}
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); 
}
}
@keyframes fadeOutUpBig {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); 
}
}
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; 
}
40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; 
}
50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; 
}
80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; 
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; 
}
}
@keyframes flip {
from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; 
}
40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; 
}
50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; 
}
80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; 
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; 
}
}
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;
}
@-webkit-keyframes flipInX {
from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; 
}
40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; 
}
60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; 
}
80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); 
}
}
@keyframes flipInX {
from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; 
}
40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; 
}
60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; 
}
80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); 
}
}
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; 
}
40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; 
}
60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; 
}
80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); 
}
}
@keyframes flipInY {
from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; 
}
40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; 
}
60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; 
}
80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 
}
to { -webkit-transform: perspective(400px); transform: perspective(400px); 
}
}
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from { -webkit-transform: perspective(400px); transform: perspective(400px); 
}
30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; 
}
to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; 
}
}
@keyframes flipOutX {
from { -webkit-transform: perspective(400px); transform: perspective(400px); 
}
30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; 
}
to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; 
}
}
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from { -webkit-transform: perspective(400px); transform: perspective(400px); 
}
30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; 
}
to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; 
}
}
@keyframes flipOutY {
from { -webkit-transform: perspective(400px); transform: perspective(400px); 
}
30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; 
}
to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; 
}
}
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; 
}
60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; 
}
80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; 
}
to { -webkit-transform: none; transform: none; opacity: 1; 
}
}
@keyframes lightSpeedIn {
from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; 
}
60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; 
}
80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; 
}
to { -webkit-transform: none; transform: none; opacity: 1; 
}
}
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from { opacity: 1; 
}
to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; 
}
}
@keyframes lightSpeedOut {
from { opacity: 1; 
}
to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; 
}
}
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; 
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; 
}
}
@keyframes rotateIn {
from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; 
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; 
}
}
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; 
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; 
}
}
@keyframes rotateInDownLeft {
from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; 
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; 
}
}
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; 
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; 
}
}
@keyframes rotateInDownRight {
from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; 
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; 
}
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; 
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; 
}
}
@keyframes rotateInUpLeft {
from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; 
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; 
}
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; 
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; 
}
}
@keyframes rotateInUpRight {
from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; 
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; 
}
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; 
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; 
}
}
@keyframes rotateOut {
from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; 
}
to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; 
}
}
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; 
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; 
}
}
@keyframes rotateOutDownLeft {
from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; 
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; 
}
}
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; 
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; 
}
}
@keyframes rotateOutDownRight {
from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; 
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; 
}
}
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; 
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; 
}
}
@keyframes rotateOutUpLeft {
from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; 
}
to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; 
}
}
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; 
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; 
}
}
@keyframes rotateOutUpRight {
from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; 
}
to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; 
}
}
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; 
}
20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; 
}
40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; 
}
to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; 
}
}
@keyframes hinge {
0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; 
}
20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; 
}
40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; 
}
to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; 
}
}
.hinge { -webkit-animation-name: hinge; animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
@keyframes rollIn {
from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 
}
to { opacity: 1; -webkit-transform: none; transform: none; 
}
}
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 
}
}
@keyframes rollOut {
from { opacity: 1; 
}
to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 
}
}
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); 
}
50% { opacity: 1; 
}
}
@keyframes zoomIn {
from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); 
}
50% { opacity: 1; 
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
@keyframes zoomInDown {
from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
@keyframes zoomInLeft {
from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
@keyframes zoomInRight {
from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
@keyframes zoomInUp {
from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from { opacity: 1; 
}
50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); 
}
to { opacity: 0; 
}
}
@keyframes zoomOut {
from { opacity: 1; 
}
50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); 
}
to { opacity: 0; 
}
}
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
@keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); 
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; 
}
}
@keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); 
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; 
}
}
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); 
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; 
}
}
@keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); 
}
to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; 
}
}
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
@keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); 
}
}
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; 
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes slideInDown {
from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; 
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; 
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes slideInLeft {
from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; 
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; 
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes slideInRight {
from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; 
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; 
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes slideInUp {
from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; 
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); 
}
}
@keyframes slideOutDown {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); 
}
}
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); 
}
}
@keyframes slideOutLeft {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); 
}
}
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); 
}
}
@keyframes slideOutRight {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); 
}
}
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); 
}
}
@keyframes slideOutUp {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); 
}
}
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp;
}
@keyframes jump-1 {
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
40% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); 
}
100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes jump-2 {
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
50% { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); 
}
100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes rotateIt { to { transform: rotate(-360deg); 
}
}
@keyframes rotateIt2 { to { transform: rotate(360deg); 
}
}
@keyframes animate-floting {
0% { transform: translateX(50%); 
}
50% { transform: translateX(-40%); 
}
100% { transform: translateX(40%); 
}
}
@keyframes animate-floting-2 {
0% { transform: translateX(-50%); 
}
50% { transform: translateX(40%); 
}
100% { transform: translateX(-40%); 
}
}
.floting-line { animation: animate-floting 15s linear infinite;
}
.floting-line:hover { animation-play-state: paused;
}
.floting-line-2 { animation: animate-floting-2 15s linear infinite;
}
.floting-line-2:hover { animation-play-state: paused;
}
@keyframes waves {
0% { -webkit-transform: scale(0.2, 0.2); transform: scale(0.2, 0.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
}
50% { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
}
100% { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
}
}
@keyframes customOne {
0% { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 1; 
}
100% { -webkit-transform: translateY(-50%) scale(1.3); transform: translateY(-50%) scale(1.3); opacity: 0; 
}
}
@keyframes liveAuction {
0% { background: #fff; 
}
100% { background: var(--color-danger); 
}
}
@keyframes jump-1 {
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
40% { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); 
}
100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes jump-2 {
0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
50% { -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); 
}
100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); 
}
}
@keyframes rotateIt { to { transform: rotate(-360deg); 
}
}
@keyframes rotateIt2 { to { transform: rotate(360deg); 
}
}
@keyframes animate-floting {
0% { transform: translateX(50%); 
}
50% { transform: translateX(-40%); 
}
100% { transform: translateX(40%); 
}
}
@keyframes animate-floting-2 {
0% { transform: translateX(-50%); 
}
50% { transform: translateX(40%); 
}
100% { transform: translateX(-40%); 
}
}
@keyframes floating {
0% { -webkit-transform: translateX(0); transform: translateX(0); 
}
50% { -webkit-transform: translateX(30px); transform: translateX(30px); 
}
100% { -webkit-transform: translateX(0px); transform: translateX(0px); 
}
}
@keyframes rotate-45 {
0% { transform: rotate(0deg); 
}
50% { transform: rotate(45deg) scale(0.8); 
}
100% { transform: rotate(0deg) scale(1.1); 
}
}
/* */
@media (min-width: 320px) {
.contained-row  .sppb-container-inner { max-width: 400px;width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px;
}
}
@media (min-width: 576px) {
.contained-row  .sppb-container-inner { max-width: 540px;width: 100%; margin-right: auto; margin-left: auto;
}
}
@media (min-width: 768px) {
.contained-row  .sppb-container-inner { max-width: 720px;width: 100%; margin-right: auto; margin-left: auto;
}
}
@media (min-width: 992px) {
.contained-row .sppb-container-inner { max-width: 960px; width: 100%; margin-right: auto; margin-left: auto;
}
}
@media (min-width: 1200px) {
.contained-row  .sppb-container-inner { max-width: 1140px; width: 100%; margin-right: auto; margin-left: auto;
}
}
/* J4 Optimization */

/*este estaba activo antes - inicio*/
/*.sp-megamenu-wrapper, #sp-header > .container > .container-inner > .row > div:not(#sp-logo) > .sp-column, #sp-header > .row > div:not(#sp-logo) > .sp-column  { display: block !important;
}*/
/*este estaba activo antes - final*/

#sp-header .sp-module { margin-left: 0px; 
}
@media (min-width: 1400px) {
.contained-row  .sppb-container-inner { max-width: 1320px;width: 100%; margin-right: auto; margin-left: auto;
}
}
@media (min-width: 1400px) {.contained-section {max-width: 1320px;width: 100%; margin-right: auto; margin-left: auto;
}
}
/* PAGE BUILDER 5.X OPTIMIZATION */
#sp-main-body .sppb-section .sppb-row-container .sppb-row .sppb-row-column, #sp-footer .sppb-section .sppb-row-container .sppb-row .sppb-row-column { position: static;
}
#sp-header .sppb-section > .sppb-row-container { padding: 0;
}
:root { --maincolor-alta: #FFFFFF; --secondcolor:#111D5E; --thirdcolor:#f4f5f8; --color-gray: #f6f6f6; --color-gray-2: #f5f8fa; --color-light-heading: #181c32; --color-light-body: #65676b; --color-border-white: #00000024; --color-success: #3EB75E; --color-danger: #FF0003; --color-warning: #FF8F3C; --color-info: #1BA2DB; --color-facebook: #3B5997; --color-twitter: #1BA1F2; --color-youtube: #ED4141; --color-linkedin: #0077B5; --color-pinterest: #E60022; --color-instagram: #C231A1; --color-vimeo: #00ADEF; --color-twitch: #6441A3; --color-discord: #7289da; --bg-theme-color1: #0345BF; --theme-color-dark: #121621; --theme-color-light: #E6E9F0; --bg-heading-color: #121212; --border-color-1: #E1E1E1; --maincolorazul:#1869EF;
}
.text-secondary {color: var(--secondcolor) !important;
}
}
/*------- desde aquí empiezan mis css -------*/
/*para todo - inicio*/
.article-details .article-author-information { display:none;
}
.dj-megamenu-default li div.dj-subcol { display: none;
/*para todo - final*/
}
/*sp-header - inicio*/
#sp-header .row { --bs-gutter-x: 0;
}
#sp-header { top: 0px!important; z-index:101;
}
#sp-header > .container > .container-inner { background:none!important;
}
#sp-header > .container > .container-inner::before { z-index: 101;
}
#sp-header > .container > .container-inner::after { z-index: 100;
}
#sp-header ul { margin: auto;
}
#sp-header .sppb-btn { padding: 9px 0 0 15px; height: 54px; width: 135px; text-align: left;
}
#sp-header .sppb-btn .far { font-size: 34px; font-weight: 400; float: left; margin-right:7px;
}
#sp-header .sppb-btn h3 { font-size: 14px; line-height: 14px; margin-top: 3px; color: #fff; margin-bottom: 0;
}
#sp-header .sppb-btn:hover h3 { color:#1C2539;
}
/*- sp-logo - inicio -*/
#sp-header .logo { display: inline-flex; padding: 0!important; margin:auto; width: auto;
}
#sp-header .logo a { display: block;
}
#sp-logo { background:#222429;
/*- sp-logo - final -*/
}
/*- sp-menu - inicio -*/
#sp-menu { padding: 0px;
}
.enlace_desactivado { pointer-events: none;
}
.sp-page-builder .page-content #section-id-4c85e7ef-b5da-4e7f-a751-420e68946d50 { padding-right:0px!important;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after, body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > span::after { font-family: "Font Awesome 5 Pro"!important;
}
/*--offcanvas-toggler - inicio--*/
.offcanvas-overlay, .offcanvas-menu { margin: 0px;
}
.offcanvas-active .burger-icon > span:nth-child(3), 
#modal-menu-toggler.active .burger-icon > span:nth-child(3), 
.burger-icon > span:nth-child(3) { width: calc(100% - 5px);
}
.offcanvas-active .burger-icon > span:nth-child(3), 
#modal-menu-toggler.active .burger-icon > span:nth-child(3) { transform: translate(0, -8px) rotate(45deg);
/*--offcanvas-toggler - final--*/	
/*- sp-menu - final -*/
}
/*- sp-position3 - inicio -*/
#sp-position3 { display: flex !important; align-items: center !important; width: max-content;
}
#sp-header #sp-position3 .sppb-row { margin-right: 0px; margin-left: 0px;
}
#sp-header #sp-position3 .sppb-row .sppb-row-column { padding-right: 0px; padding-left: 0px;
}

#sp-position3 .boton_telefono_cabezote a { height: 54px; width: 54px; display: inline-flex; background: #E6E9F0; border-radius: 15px; align-items: center; margin-right:10px;
}
#sp-position3 .boton_telefono_cabezote a:hover { background:var(--maincolor);
}
#sp-position3 .boton_telefono_cabezote i { font-size: 34px; margin: auto; color: #1C2539; font-weight:normal;
}

#sp-position3 .boton_video_cabezote a { height: 54px; width: 54px; display: inline-flex; background: #E6E9F0; border-radius: 15px; align-items: center; margin-right:10px;
}
#sp-position3 .boton_video_cabezote:hover a { background:var(--maincolor);
}
#sp-position3 .boton_video_cabezote i { font-size: 34px; margin: auto; color: #1C2539; font-weight:normal;
}
#sp-position3 #mod-custom218 .boton_video_cabezote img { height: 23px; width: 35px; margin: auto;
}

#sp-position3 .boton_camera_cabezote a { height: 54px; width: 54px; display: inline-flex; background: #E6E9F0; border-radius: 15px; align-items: center; margin-right:10px;
}
#sp-position3 .boton_camera_cabezote:hover a { background:var(--maincolor);
}
#sp-position3 .boton_camera_cabezote i { font-size: 34px; margin: auto; color: #1C2539; font-weight:normal;
}

#sp-position3 .boton_whatsapp_cabezote a { height: 54px; width: 54px; display: inline-flex; background: #E6E9F0; border-radius: 15px; align-items: center; margin-right:10px;
}
#sp-position3 .boton_whatsapp_cabezote:hover a { background:var(--maincolor);
}
#sp-position3 .boton_whatsapp_cabezote i { font-size: 36px; margin: auto; color: #1C2539;
}
#sp-position3 .boton_whatsapp_cabezote img { height:32px; width:32px; margin: auto;
}
#sp-position3 .boton_whatsapp_cabezote:hover .whatsapp_1, 
#sp-position3 .boton_whatsapp_cabezote .whatsapp_2 { display:none;
}
#sp-position3 .boton_whatsapp_cabezote:hover .whatsapp_2 { display:inherit;
}

#sp-position3 .boton_contacto_cabezote a { height: 54px; width: 54px; display: inline-flex; background:#050A15; border-radius: 15px; align-items: center; margin-left:10px;
}
#sp-position3 .boton_contacto_cabezote a:hover { background:var(--maincolor);
}
#sp-position3 .boton_contacto_cabezote img { height:22px; width:29px;  margin: auto;
}
#sp-position3 .boton_video_cabezote .icono_video_blanco, 
#sp-position3 .boton_video_cabezote:hover .icono_video_negro, 
#sp-position3 .boton_camera_cabezote .icono_camera_blanco, 
#sp-position3 .boton_camera_cabezote:hover .icono_camera_negro { display:none;
}
#sp-position3 .boton_telefono_cabezote .icono_telefono_negro, 
#sp-position3 .boton_telefono_cabezote:hover .icono_telefono_blanco { display:none;
}
#sp-position3 .boton_video_cabezote:hover .icono_video_blanco, 
#sp-position3 .boton_camera_cabezote:hover .icono_camera_blanco{ display:inherit;
}
#sp-position3 .boton_telefono_cabezote:hover .icono_telefono_negro { display:inherit;
}
#sp-position3 .boton_camera_cabezote a:hover i, 
#sp-position3 .boton_video_cabezote a:hover i, 
#sp-position3 .boton_telefono_cabezote a:hover i, 
#sp-position3 .boton_whatsapp_cabezote a:hover i { color: #fff;
}
#sp-position3 .boton_buscar_asesoria { width: 135px; height: 54px; margin-right: 0; float: right;
/*- sp-position3 - final -*/
}
/*sp-barra-azul - inicio*/
#sp-barra-azul { background:rgba(5,10,21,.5); height: 45px; box-shadow: 0px 0px 10px rgba(0,0,0,.1); z-index:0;
}
.barra_azul_nuestros_servicios li.itemid257 .dj-subwrap-in, 
.barra_azul_nuestros_servicios li.itemid257 ul.dj-submenu > li, 
.barra_azul_nuestros_servicios li.itemid257 div.dj-subcol { width:350px!important;
}
.barra_azul_nuestros_servicios .itemid101, 
.barra_azul_nuestros_servicios .itemid134, 
.barra_azul_nuestros_servicios .itemid185, 
.barra_azul_nuestros_servicios .itemid256, 
.barra_azul_nuestros_servicios .itemid152, 
.barra_azul_nuestros_servicios .itemid261, 
.barra_azul_nuestros_servicios .itemid262, 
.barra_azul_nuestros_servicios .itemid263, 
.barra_azul_nuestros_servicios .itemid454, 
.barra_azul_nuestros_servicios .itemid150, 
.barra_azul_nuestros_servicios .itemid151, 
.barra_azul_nuestros_servicios .itemid285, 
.barra_azul_nuestros_servicios .itemid292, 
.barra_azul_nuestros_servicios .itemid303 { display:none!important;
}
.barra_azul_nuestros_servicios .dj-megamenu-default { font-family:"DM Sans", sans-serif;
}
.barra_azul_nuestros_servicios .dj-megamenu-default li ul.dj-submenu > li > a { font-size: 14px!important; line-height: 18px!important;
}
.barra_azul_nuestros_servicios, 
.barra_azul_nuestros_servicios li.itemid257 a.dj-up_a, 
.barra_azul_nuestros_servicios li.itemid257 a.dj-up_a span.dj-drop { height:45px; width:208px;
}
.barra_azul_nuestros_servicios li.itemid257 { width: max-content;
}
.barra_azul_nuestros_servicios li.itemid257 a.dj-up_a { border:none; padding:0px; font-family:roboto; font-weight:500;
}
.barra_azul_nuestros_servicios li.itemid257 a.dj-up_a > span { font-size:13px; line-height:13px;
}
.barra_azul_nuestros_servicios li.itemid257 a.dj-up_a .arrow { right: 15px;
}
.barra_azul_nuestros_servicios li.itemid257 a.dj-up_a > span::before, 
.barra_azul_nuestros_servicios li.itemid257.active a.dj-up_a > span::before { content: "\f0b1"; font-family: "Font Awesome 5 Pro"; position: absolute; left: 0px; top: 7px; height: 31px; background: #fff; width: 31px; font-size: 15px; display: block; border-radius: 50%; padding-top: 8px; text-align: center; color:#050A15; font-weight:bold;
}
.barra_azul_nuestros_servicios li.itemid257 a.dj-up_a span.dj-drop { align-items: center; display: flex; padding: 0px 0px 0px 41px;
}
.barra_azul_nuestros_servicios .dj-megamenu-default { background:var(--maincolor);
}
.barra_azul_nuestros_servicios li.itemid257:hover a.dj-up_a, 
.barra_azul_nuestros_servicios li.itemid257.hover a.dj-up_a { background:var(--maincolor);
}
.barra_azul_nuestros_servicios li.itemid257.active a.dj-up_a { background: #112F8A;
}
.barra_azul_nuestros_servicios li.itemid257.active:hover a.dj-up_a { background:#0345BF;
}
.barra_azul_nuestros_servicios li.itemid257:hover a.dj-up_a .arrow, 
.barra_azul_nuestros_servicios li.itemid257.hover a.dj-up_a .arrow, 
.barra_azul_nuestros_servicios li.itemid257.active a.dj-up_a .arrow { top: calc(50% + 0px)!important;
}
.barra_azul_nuestros_servicios li.itemid257 ul.dj-submenu > li > a .arrow { right:15px!important;
}
.barra_azul_nuestros_servicios li.itemid257:hover a.dj-up_a > span::before, 
.barra_azul_nuestros_servicios li.itemid257.hover a.dj-up_a > span::before, 
.barra_azul_nuestros_servicios li.itemid257.active:hover a.dj-up_a > span::before { content: "\f0b1"; font-family: "Font Awesome 5 Pro"; position: absolute; left: 0px; top: 7px; height: 31px; background: #050A15; width: 31px; font-size: 15px; display: block; border-radius: 50%; padding-top: 8px; text-align: center; color:#fff; font-weight:bold;
}
.barra_azul_nuestros_servicios li.itemid257 ul.dj-submenu > li > a:hover, 
.barra_azul_nuestros_servicios li.itemid257 ul.dj-submenu > li > a.active, 
.barra_azul_nuestros_servicios li.itemid257 ul.dj-submenu > li.hover:not(.subtree) > a { background:var(--maincolor); color:#fff;
}
.barra_azul_nuestros_servicios li.itemid257:hover div.dj-subwrap, 
.barra_azul_nuestros_servicios li.itemid257.hover div.dj-subwrap { background:#151D28!important;
}
.barra_azul_nuestros_servicios li.itemid257 ul.dj-submenu > li > a { margin:0px!important; color:#fff; padding:8px 30px 10px 10px; list-style-position: inside; display: list-item; list-style-type: initial;
}
.barra_azul_nuestros_servicios li.itemid257 ul.dj-submenu > li > a .title { display: block; margin-top: -18px; padding-left: 13px;
}
.barra_azul_nuestros_servicios li.itemid257 ul.dj-submenu > li > a::marker { font-size: 10.5px;
}
.barra_azul_nuestros_servicios li.itemid257:hover div.dj-subwrap li:hover > div.dj-subwrap, 
.barra_azul_nuestros_servicios li.itemid257.hover div.dj-subwrap li.hover > div.dj-subwrap { margin:0px!important; color:#fff; padding:0px;
}
.barra_azul_nuestros_servicios li.itemid375, .barra_azul_nuestros_servicios li.itemid380, .barra_azul_nuestros_servicios li.itemid409 { display:none!important;
/*- barra azul nuestros servicios - final -*/
}
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { height:45px; margin: 0; padding: 0;
/*- barra azul menú carrusel - final -*/
}
/*- barra azul buscador - inicio -*/
.barra_azul_buscador { display:none;
/*- barra azul buscador - final -*/
}
/*- barra azul buscador 2 - inicio -*/
.barra_azul_buscador_2 { width:45px; height:45px;
}
.barra_azul_buscador_2 a { font-size: 0px !important; background: url(../../../images/inicio/icono_buscar.png) center center no-repeat var(--maincolor); background-size: contain; width: 45px; height: 45px; display: block;
}
.barra_azul_buscador_2 a:hover { background: url(../../../images/inicio/icono_buscar.png) center center no-repeat #050A15; background-size: contain;
/*- barra azul buscador 2 - final -*/
}
/*- barra azul asesoría - inicio -*/
.barra_azul_formulario_soporte { width:48px; height:45px;
}
.barra_azul_formulario_soporte a { font-size: 0px !important; background: url(../../../images/inicio/icono_formulario_soporte.png) center center no-repeat #050A15; background-size: contain; width: 48px; height: 45px; display: block;
}
.barra_azul_formulario_soporte a:hover { background: url(../../../images/inicio/icono_formulario_soporte.png) center center no-repeat var(--maincolor); background-size: contain;
/*- barra azul asesoría - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky .container, 
#sp-header.header-sticky .container-lg, 
#sp-header.header-sticky .container-md, 
#sp-header.header-sticky .container-sm, 
#sp-header.header-sticky .container-xl, 
#sp-header.header-sticky .sppb-container, 
#sp-header.header-sticky .sppb-row-container { width: max-content; max-width:100%;
}
#sp-header.header-sticky { backdrop-filter: none; 
}
#sp-header.header-sticky .container { box-shadow: 0px 7px 18px rgba(5,10,21,.1)!important; border-radius: 0 0 15px 15px;
}
#sp-header.header-sticky > .container > .container-inner::before, 
#sp-header.header-sticky > .container > .container-inner::after { height: 100px; top: 0px;
}
#sp-header.header-sticky #sp-logo { background: rgba(4,17,26,1);
}
#sp-header.header-sticky #sp-logo .logo { height: 100px;
}
#sp-header.header-sticky #sp-menu, 
#sp-header.header-sticky #sp-position3 { background: #fff;
}
#sp-header.header-sticky #sp-menu, 
#sp-header.header-sticky #sp-position3 { height: 100px; margin-top: 0px;
}
#sp-header.header-sticky #sp-logo, 
#sp-header.header-sticky #sp-logo .sp-column, 
#sp-header.header-sticky #sp-logo .logo { height: 100px;
}
#sp-header.header-sticky #sp-logo .logo a, 
#sp-header.header-sticky #sp-logo .logo img { height: auto;
}
#sp-header.header-sticky #sp-menu .sp-megamenu-parent > li > span.boton_sobre_nosotros { display: block !important;
}
.header-sticky #sp-barra-azul { display:none;
/*header-sticky - final*/
}
/* botones abajo - inicio*/
/*- whatsapp abajo - inicio -*/
#mod-custom140 { bottom: 23px; right: 24px; z-index: 10; position: fixed; width: 65px; height: auto;
/*- whatsapp abajo - final -*/
/* botones abajo - final*/
}
/* Página Contáctenos - inicio*/
.sp-page-builder .page-content #section-id-93dd36ca-3229-416a-a2c1-0593a1bbfa32 { overflow: visible!important;
/* Página Contáctenos - final*/
}
/*Último módulo de abajo en la página de inicio - inicio*/
.sp-page-builder .page-content #contact > .sppb-row-overlay { background:var(--maincolor)!important;
/*Último módulo de abajo en la página de inicio - final*/
}
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - inicio*/
/*- Asesoría - inicio*/
#mod-custom139 .open-button { font-size: 14px; font-weight: bold;
}
#mod-custom139 .open-button i { font-size: 30px;
}
#mod-custom139 .open-button img { width:37px; height:30px;
/*- Asesoría - final*/
}
/*- Botón ir arriba - inicio*/
.sp-scroll-up { bottom: 15px; left: 15px; display:inherit!important;
/*- Botón ir arriba - final*/
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key.sp-item .sp-background::after, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key.sp-item .sp-video-background-mask { background: url(../images/fondo_pagina.webp) #050a1560 !important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key.sp-item .sp-background::after, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key.sp-item .sp-video-background-mask { background: url(../images/fondo_pagina.webp) #050a1550 !important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key.sp-item .sp-background::after, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key.sp-item .sp-video-background-mask { background: url(../images/fondo_pagina.webp) #050a1550 !important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-3-key.sp-item .sp-background::after, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-3-key.sp-item .sp-video-background-mask { background: url(../images/fondo_pagina.webp) #050a1540 !important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-4-key.sp-item .sp-background::after, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-4-key.sp-item .sp-video-background-mask { background: url(../images/fondo_pagina.webp) #050a1550 !important;
}
.sp-page-builder .page-content #home { z-index:0!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio .sppb-row-container { width:100%; max-width:100%; padding:0; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
.slider_nuevo_inicio .caja { width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; height: 770px; display: flex; align-items: center;
}
.slider_nuevo_inicio .contenido { margin-top: 135px;
}
.slider_nuevo_inicio h3 { font-family: 'DM Sans', sans-serif; text-transform: uppercase !important; font-size: 18px !important; line-height: 26px !important; letter-spacing: 0.3em !important; color: #fff; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio h2 { font-weight: 900; text-transform: uppercase; color: #fff; margin: 5px 0px 17px 0px; font-size: 46px !important; line-height: 1em !important; font-family: "Red Hat Display", sans-serif; text-shadow: rgba(0,0,0,.5) 10px 10px 50px;
}
.slider_nuevo_inicio h4 { font-weight: 500; font-size: 16px; line-height: 26px; color: #fff; font-family: 'DM Sans', sans-serif; width: 80%; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px; margin: 0px 0px 36px 0px;
}
.slider_nuevo_inicio .sppb-sp-slider-button { margin-left: 0;
}
.slider_nuevo_inicio .boton_contacto .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_nosotros:hover .sp-slider-btn-text { border: 1px solid var(--maincolor); background: var(--maincolor)!important;
}
.slider_nuevo_inicio .boton_nosotros .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_contacto:hover .sp-slider-btn-text { background: transparent!important; border: 1px solid #FFFFFF; color: #fff; color: #fff;
/*Slider Nuevo Inicio - final*/
}
/*--slide_inicio - inicio--*/
#slide_inicio { margin:0px!important; padding:0px!important; padding-top:91px; padding: 0px 0px 0px 0px; background:#000; border-bottom:1px solid #a78963;
}
#slide_inicio .sppb-row-container { width:100%; max-width:100%; padding-left: 0px; padding-right: 0px;
}
.slide_inicio_1, .slide_inicio_2, .slide_inicio_3 { -webkit-background-size:cover!important; -moz-background-size:cover!important; -o-background-size:cover!important; background-size:cover!important; border-bottom:1px solid #fff;
}
.slide_inicio_fondo_contenido { background: url(../images/fondo_pagina.webp) repeat; text-align:center;
}
.slide_inicio_tecnico_1, .slide_inicio_tecnico_2, .slide_inicio_tecnico_3 { border-bottom:1px solid #fff;
}
.bg_video_inicio_1, .bg_video_inicio_2 { padding:10px; border: 1px solid #fff; background:rgb(0,0,0,.5); background-size: auto;  -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; border-radius: 10px 10px 10px 10px!important; -moz-border-radius: 10px 10px 10px 10px!important; -webkit-border-radius: 10px 10px 10px 10px!important;
}
.bg_video_inicio_1 { margin:40px auto 40px;
}
.bg_video_inicio_2 { margin:25px auto 25px;
}
.bg_cuadro_video_1, .bg_cuadro_video_2, .bg_cuadro_video_3, .bg_cuadro_video_4, .youtube-player { -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; border-radius: 5px 5px 5px 5px!important; -moz-border-radius: 5px 5px 5px 5px!important; -webkit-border-radius: 5px 5px 5px 5px!important;
}
.bg_cuadro_video_1 { background: url(../../../images/inicio/slide_inicio/1_diseno_fabricacion_y_mantenimiento_de_cubiertas_para_pergolas_en_bogota.webp) center center no-repeat;
}
.bg_cuadro_video_2 { background: url(../../../images/inicio/slide_inicio/2_diseno_e_instalacion_de_cubiertas_y_marquesinas_corredizas_en_bogota_colombia.webp) center center no-repeat;
}
.bg_cuadro_video_3 { background: url(../../../images/inicio/slide_inicio/3_estructura_metalica_y_cerramiento_en_vidrio_para_cubierta_de_piscina_en_bogota_colombia.webp) center center no-repeat;
}
.bg_cuadro_video_4 { background: url(../../../images/inicio/slide_inicio/4_promo.webp) center center no-repeat;
}
.slide_inicio_mujer_1, .slide_inicio_mujer_2, .slide_inicio_mujer_3 { display: flow-root;
}
#slide_inicio .enlace_ofertas { width: max-content; display: inline-block; height: auto; margin: auto;
}
#slide_inicio h3 { color: #fff; text-shadow: 1px 1px 0px rgb(0,0,0,1); font-family: 'Yellowtail', sans-serif !important; z-index: 1; position: relative; font-weight:normal;
/*--slide_inicio - final--*/
}
/*--youtube-player - inicio--*/
.youtube-player { position: relative; padding-bottom: 56.2%; height: 0; overflow: hidden; max-width: 100%; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
}
.youtube-player a { display: block; margin: 10% auto 0 auto;
}
.youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent;
}
.youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all;
}
.youtube-player img:hover { -webkit-filter: brightness(75%);
}
.youtube-player .play, .ver_fondo_video .youtube-player .play { left: 50%; top: 50%; position: absolute; cursor: pointer; background: url(../../../images/inicio/boton_play.png) no-repeat; background-size:cover;
}
.youtube-player .play:hover, .ver_fondo_video .youtube-player .play:hover { left: 50%; top: 50%; position: absolute; cursor: pointer; background: url(../../../images/inicio/boton_play_2.png) no-repeat; background-size:cover;
}
.youtube-player img { display: none;
}
.ver_fondo_video .youtube-player img { display: inherit!important; margin-bottom: auto!important;
}
.bg_video_inicio_1, .bg_video_inicio_2 { padding:10px; border: 1px solid #fff; background:rgb(0,0,0,.5); background-size: auto;  -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; border-radius: 10px 10px 10px 10px!important; -moz-border-radius: 10px 10px 10px 10px!important; -webkit-border-radius: 10px 10px 10px 10px!important;
}
.bg_video_inicio_1 { margin:40px auto 40px; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; background:rgb(0,0,0,.5); padding: 10px; border: 1px solid #fff; background: rgb(0,0,0,.5);
}
.bg_video_inicio_2 { margin:25px auto 25px;
}
.youtube-player { -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important; border-radius: 5px 5px 5px 5px!important; -moz-border-radius: 5px 5px 5px 5px!important; -webkit-border-radius: 5px 5px 5px 5px!important;
/*--youtube-player - final--*/
}
/*--estructuras blanco - inicio--*/
#estructuras_blanco { padding: 0px!important; margin:0px!important; background:#fff;
}
#estructuras_blanco .sppb-row-container { width:100%; max-width:100%;
}
#estructuras_blanco .sppb-col-md-6 { padding:0px!important;
}
#estructuras_blanco h3 { font-family: 'Red Hat Display', sans-serif; color: #c8131a; margin-bottom: 30px; margin-top: 0; line-height: 1.2; font-size: 42px; font-weight: 400;
}
#estructuras_blanco h6 { font-family: 'DM Sans', sans-serif; color: var(--maincolor); font-weight: 800; font-size: 15px; letter-spacing: 0px; margin-bottom: 12px; letter-spacing: 0.3em; line-height:19px;
}
#estructuras_blanco p { margin-bottom:20px;
}
#estructuras_blanco a { color: var(--maincolor); font-weight: 700; padding: 0; transition: 200ms; font-size: 16px; line-height: 1.42857143; font-family: Raleway,sans-serif; background: url(../images/fondo_pagina.webp);
}
#estructuras_blanco a:hover { color: #222;
}
.estructuras_blanco_top_left, .estructuras_blanco_center_1_right, .estructuras_blanco_center_2_left, .estructuras_blanco_center_3_right, .estructuras_blanco_center_4_left, .estructuras_blanco_bottom_left { -webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;
}
.estructuras_blanco_bottom { border-bottom: 1px solid #fff;
}
#estructuras_blanco .sppb-row-container { padding-left: 0px; padding-right: 0px;
}
.espacio_estructuras_blanco_izquierda { height: 100%; position: absolute; width: 50%; max-width:50%; margin-left:15px;
}
.espacio_estructuras_blanco_derecha { height: 100%; position: absolute; width: 50%; max-width:50%; margin-right:0px;
}
.espacio_estructuras_blanco_izquierda h3 { font-family: 'Yellowtail', sans-serif!important; margin: 0px !important; padding: 0px !important; color: rgb(255, 255, 255) !important; position: absolute; filter:drop-shadow(1px 1px 0px rgba(0,0,0,1)) drop-shadow(0px 0px 20px rgba(0,0,0,.5)); width:100%; text-shadow: 2px 2px rgba(0,0,0,.1);
}
.espacio_estructuras_blanco_derecha h3 { font-family: 'Yellowtail', sans-serif!important; margin: 0px !important; padding: 0px !important; color: rgb(255, 255, 255) !important; position: absolute; filter:drop-shadow(1px 1px 0px rgba(0,0,0,1)) drop-shadow(0px 0px 20px rgba(0,0,0,.5)); width:100%; text-shadow: 2px 2px rgba(0,0,0,.1);
}
.espacio_estructuras_blanco_izquierda h3::before { right: 0;
}
.espacio_estructuras_blanco_derecha h3::before { left: 0;
}
.imagen_boton_inicio { width: 100%; display: block; height: 100%;
}
.boton_grande_negro { padding: 17px 30px!important; border-radius: 15px!important; -moz-border-radius: 15px!important; -webkit-border-radius: 15px!important; background:#272727!important; color:#fff!important; font-size:16px!important; line-height:21px!important;
}
.botones_grandes_azul_y_negro { display: flex; max-width: max-content; margin-top:30px;
}
.boton_grande_negro, .boton_grande_negro:after, .boton_grande_negro:before, .boton_grande_negro:focus:after, .boton_grande_negro:hover:after { border:none!important;
}
.boton_grande_negro:focus:after, .boton_grande_negro:hover:after { height:0px!important;
}
.boton_grande_negro:hover { background:var(--maincolor)!important; color:#fff!important;
}
.boton_grande_azul { padding: 17px 30px!important; border-radius: 15px!important; -moz-border-radius: 15px!important; -webkit-border-radius: 15px!important; background:var(--maincolor)!important; color:#fff!important; font-size:16px!important; line-height:21px!important;
}
.boton_grande_azul, .boton_grande_azul:after, .boton_grande_azul:before, .boton_grande_azul:focus:after, .boton_grande_azul:hover:after { border:none!important;
}
.boton_grande_azul:focus:after, .boton_grande_azul:hover:after { height:0px!important;
}
.boton_grande_azul:hover { background:#272727!important; color:#fff!important;
/*--estructuras blanco - final--*/
}
/*slider final - inicio*/
.slider_final_box { background: rgba(0, 0, 0, 0.5); border-radius: 10px; backdrop-filter: blur(7px); border: 1px solid #fff; margin: 0px auto 0px;
}
#slider_1_final .sppb-row-container, #slider_2_final .sppb-row-container, #slider_3_final .sppb-row-container, #slider_4_final .sppb-row-container { width: auto; max-width: 100%;
}
#slider_1_final .sppb-row-container, #slider_2_final .sppb-row-container, #slider_3_final .sppb-row-container, #slider_4_final .sppb-row-container { width: 100% !important; max-width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0px !important; background: url(../images/fondo_pagina.webp)!important;
}
#slider_1_final .sppb-row, 
#slider_2_final .sppb-row, 
#slider_3_final .sppb-row, 
#slider_4_final .sppb-row { margin: auto; height: 100%; display: flex; align-items: center;
}
#column-wrap-id-d296a196-febc-42fe-8cc8-4568e9e57b74, 
#column-wrap-id-b0df58dc-3d43-4016-8d97-a643042815cf, 
#column-wrap-id-efa13f76-0cb4-4b4d-b1e3-7679fe3e7562, 
#column-wrap-id-c98dfb1c-59bf-4b78-8501-8322526c08b6, 
#column-wrap-id-378fbf05-0642-41a9-8a1a-8f965ff8bfc6, 
#column-wrap-id-7ac140cd-288a-4bbd-a0ed-d1ffbb45ef82, 
#column-wrap-id-8b336f50-101f-41f8-b002-acbd3ec4c164, 
#column-wrap-id-7ac140cd-288a-4bbd-a0ed-d1ffbb45ef82 { padding:0px;
}
.slider_final_box .sp-slider-btn-text { background: #F1001E;
}
.slider_final_box_left .sppb-carousel-item-inner { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgb(0,0,0,.7); border-radius: 5px;
}
.slider_final_box_right .sppb-column-addons { align-items: center; display: flex;
}
.slider_final_box_right .sppb-sp-slider-button .sp-slider-btn-text:hover { background: #050A15!important;
}
.slider_final_box_left .sppb-section { padding:0px!important;
/*slider final - final*/
}
/*3 módulos - inicio*/
.about-section::after { position: absolute; right: 0; top: 0px; height: 480px; width: 480px; border-radius: 0 0 0 500px; background-color: var(--thirdcolor); content: ""; z-index:-1;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .icon { color: var(--thirdcolor)!important; font-size: 40px!important; font-weight: 300!important;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box:hover .title a, 
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box:hover p, 
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box:hover p a { color: #fff;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box p a { color: #5D666F;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box::before { background-color: none!important;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title img { position: absolute; left: 0; top: 0; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 80px; width: 80px; background-color: var(--maincolor);  color: var(--secondcolor); font-size: 48px; font-weight: 900; -webkit-transition: all 200ms linear; transition: all 200ms linear; padding: 10px;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box { padding: 30px 30px 25px;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title { padding-left: 100px;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title .title { font-size: 23px; line-height: 27px;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .title, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .title, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .title, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .title, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .title { font-size: 23px; line-height: 27px; margin:0;
}
#column-id-ce4f5894-6daa-435f-a3cd-e19340719f08 /*debajo de los 3 módulos - el módulo de la derecha - esta es la línea de código que elimina la animación*/{ animation-duration: unset; animation-name: none;
}
#sppb-addon-9d8db078-56f2-473f-88c6-a8fe455fdd97 p, 
#sppb-addon-9267e956-e6fb-4553-925e-e08f70fe69e7 p, 
#sppb-addon-2b169735-79cc-4dbe-b6da-3122d7cf57ef, 
#sppb-addon-fabe7bc5-a1f1-48a7-96a3-03881c16a7cc { color: #5D666F!important;
}
.modulo_azul_3_modulos { border-radius: 20px; background: url(../../../images/service/h2/03.jpg) var(--maincolor) center bottom no-repeat; background-size:contain;
}
.modulo_azul_3_modulos img { border-radius: 20px; width:100%;
}
.modulo_azul_3_modulos h2 { color:#fff; margin:30px 30px 0 30px;
}
.modulo_azul_3_modulos p { color:#fff; margin:20px 30px 5px 30px;
}
.modulo_azul_3_modulos a { margin:20px 30px 30px 30px;
}
#sppb-addon-7376cd13-86d9-4b08-9278-d391f7c53525, 
#sppb-addon-7376cd13-86d9-4b08-9278-d391f7c53525:hover, 
#sppb-addon-7376cd13-86d9-4b08-9278-d391f7c53525 .feature-block-inner-box, 
#sppb-addon-7376cd13-86d9-4b08-9278-d391f7c53525 .feature-block-inner-box::before, 
#sppb-addon-7376cd13-86d9-4b08-9278-d391f7c53525 .feature-block-inner-box:hover { background-image:none!important; background-color:#fff!important; box-shadow:0 10px 60px rgba(0, 0, 0, 0.1)!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_titulo, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .animacion_titulo, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .animacion_titulo, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .animacion_titulo, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .animacion_titulo { margin-bottom:10px;
}
#sppb-addon-9d8db078-56f2-473f-88c6-a8fe455fdd97 .sppb-addon-title { letter-spacing:0px!important;
}
#sppb-addon-4350f763-de0d-4930-b2f0-4abfa801eb32 .sppb-addon-title { margin-bottom:0!important;
/*3 módulos - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
.fa-check { font-family: var(--fa-style-family,"Font Awesome 6 Free") !important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Ejercicio Slider - inicio*/
#ejercicio_slider .sppb-row-container { max-width: 100%; padding: 0px; width:100%;
}
#ejercicio_slider .sppb-btn { margin:15px 0px 15px 15px;
/*Ejercicio Slider - final*/
}
/*Pérgolas Metálicas, Marquesinas Corredizas - inicio*/
#sppb-addon-54160660-870e-481d-9c16-4ebdf5ccc679 .sppb-media-content, 
#sppb-addon-58de00d2-8072-4f51-bf1a-70d6cad5a36f .sppb-media-content, 
#sppb-addon-7a3aa6fb-6945-437a-abe6-0808677c2120 .sppb-media-content, 
#sppb-addon-efb188f7-3acd-4d3f-aff2-cd5df910a960 .sppb-media-content, 
#sppb-addon-9cc977af-4ec6-4dda-8808-03c8b678826e .sppb-media-content, 
#sppb-addon-e8856634-ca69-4a34-a85e-97dbf49fb796 .sppb-media-content, 
#sppb-addon-29aeaf6e-1914-448f-ab89-8916fb3c0e83 .sppb-media-content, 
#sppb-addon-231ec2bf-83da-464f-9464-7ae5478f687d .sppb-media-content { padding:20px 10px 0px 10px!important;
}
#sppb-addon-54160660-870e-481d-9c16-4ebdf5ccc679 .service-block .sppb-img-container::before { font-size: 0px !important; background: url(../../../images/inicio/automatizacion_y_control/iconos/diseno_y_fabricacion_de_pergolas_personalizadas_de_alta_calidad_en_bogota_colombia.png) var(--maincolor) !important; background-size: cover !important;
}
#sppb-addon-58de00d2-8072-4f51-bf1a-70d6cad5a36f .service-block .sppb-img-container::before { font-size: 0px !important; background: url(../../../images/inicio/automatizacion_y_control/iconos/marquesinas_elegantes_y_cubiertas_corredizas_arquitectonicas_en_bogota_colombia.png) var(--maincolor) !important; background-size: cover !important;
}
#sppb-addon-7a3aa6fb-6945-437a-abe6-0808677c2120 .service-block .sppb-img-container::before { font-size: 0px !important; background: url(../../../images/inicio/automatizacion_y_control/iconos/domos_y_tragaluces_para_techos_y_cubiertas_modernas_de_casas_y_edificios_en_bogota.png) var(--maincolor) !important; background-size: cover !important;
}
#sppb-addon-efb188f7-3acd-4d3f-aff2-cd5df910a960 .service-block .sppb-img-container::before { font-size: 0px !important; background: url(../../../images/inicio/automatizacion_y_control/iconos/techos_y_cubiertas_para_parqueaderos_y_terrazas_en_bogota_colombia.png) var(--maincolor) !important; background-size: cover !important;
}
#sppb-addon-9cc977af-4ec6-4dda-8808-03c8b678826e .service-block .sppb-img-container::before { font-size: 0px !important; background: url(../../../images/inicio/automatizacion_y_control/iconos/instalacion_profesional_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_colombia.png) var(--maincolor) !important; background-size: cover !important;
}
#sppb-addon-e8856634-ca69-4a34-a85e-97dbf49fb796 .service-block .sppb-img-container::before { font-size: 0px !important; background: url(../../../images/inicio/automatizacion_y_control/iconos/techos_y_cubiertas_metalicas_para_exteriores_de_casas_y_edificios_en_bogota_colombia.png) var(--maincolor) !important; background-size: cover !important;
}
#sppb-addon-29aeaf6e-1914-448f-ab89-8916fb3c0e83 .service-block .sppb-img-container::before { font-size: 0px !important; background: url(../../../images/inicio/automatizacion_y_control/iconos/diseno_3d_renders_planos_tecnicos_y_asesoria_personalizada_en_pergolas_y_marquesinas.png) var(--maincolor) !important; background-size: cover !important;
}
#sppb-addon-231ec2bf-83da-464f-9464-7ae5478f687d .service-block .sppb-img-container::before { font-size: 0px !important; background: url(../../../images/inicio/automatizacion_y_control/iconos/soluciones_estructurales_sostenibles_para_pergolas_marquesinas_domos_y_cubiertas.png) var(--maincolor) !important; background-size: cover !important;
}
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 { border-bottom:1px solid #fff;
}
#sppb-addon-6672222a-cdf6-4ea1-a597-4fe9c6464a2b .sppb-addon-title { letter-spacing: 0px!important;
/*Pérgolas Metálicas, Marquesinas Corredizas - final*/
}
/*Tenemos años de experiencia - inicio*/
#section-id-21002268-e516-44ac-887b-9573b8990d74 { border-bottom:1px solid #fff!important;
}
#sppb-addon-69cd8d8d-52ff-4c12-bbfc-8087b2b2baa0 .sppb-addon-header .sppb-addon-title, 
#sppb-addon-FgbP8djiKhZ_CH_bmhSTQ .sppb-panel-custom .sppb-panel-heading .sppb-panel-title span, 
#sppb-addon-FgbP8djiKhZ_CH_bmhSTQ .sppb-panel-custom .sppb-accordion-icon-wrap { font-weight: 900!important; color: var(--maincolorazul)!important;
}
#sppb-addon-e1c3cb0a-bdda-4c42-b683-ffccaa3e980b .sppb-addon-title span.text-primary { font-weight: 800!important; color: var(--maincolorazul)!important; 
/*Tenemos años de experiencia - final*/
}
/*Tu Proyecto de Techos y Cubiertas - inicio*/
.sp-page-builder .page-content #section-id-04bc7602-769e-4097-a966-5ebf6ca37ab0 { background-color: #121621!important; background-image: none!important;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07 .sppb-modal-selector span.text { color: #fff!important;
}
#sppb-addon-35cd97ed-bfbe-4d4b-85b6-8fe7f3642dbd .sec-title-sub-title .sppb-addon-title::before { background: var(--maincolorazul)!important;
}
#sppb-addon-35cd97ed-bfbe-4d4b-85b6-8fe7f3642dbd .sppb-addon-header .sppb-addon-title { color: var(--maincolorazul)!important; font-weight:900!important;
}
#sppb-addon-06ae9bef-91a6-420c-9995-b3abdc311f1d .list-style-two li i { color: var(--maincolorazul)!important; font-weight: bold!important;
}
#sppb-addon-89ebe6a4-5a02-443b-9126-3d0d9669ccc4 .offer-section-info-box .sppb-addon-title img { height:70px; width:auto;
}
#sppb-addon-wrapper-89ebe6a4-5a02-443b-9126-3d0d9669ccc4 { min-height: 70px;
/*Tu Proyecto de Techos y Cubiertas - final*/
}
/*Mapa - inicio*/
#sp-mapa { background-size: cover !important;
}
#sp-mapa a { width: 100%; display: block; height: 400px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;
/*Mapa - inicio*/
}
/*Asesoría y Consultoría Técnica - inicio*/
#sppb-addon-65f40d83-f085-4a67-b569-6700e38130ee .sppb-person-information, 
#sppb-addon-a3163f5b-cfdc-4b6a-814e-4e9c7028d40d .sppb-person-information, 
#sppb-addon-3677e679-8da4-473c-a3d9-ab33d087d9a4 .sppb-person-information, 
#sppb-addon-b52139b0-2711-4ef3-9c05-cd790eaa599c .sppb-person-information { left:15px; right: 15px;
}
#sppb-addon-1f476ebb-f8bb-424b-a9f1-c2c31bed4366 .sppb-addon-header .sppb-addon-title { font-weight: 900!important; color: var(--maincolorazul)!important; 
}
#section-id-16c5364b-b771-4aa8-972e-65fdc4d7924b { border-bottom:1px solid #fff;
/*Asesoría y Consultoría Técnica - final*/
}
/*servicios_inicio - inicio*/
#servicios_inicio { margin:0px!important; padding:0px!important; border-top:1px solid #fff; border-bottom:1px solid #fff;
}
#servicios_inicio .sppb-row-container { width: 100%; max-width: 100%;
}
#servicios_inicio .sppb-col-md-2 { padding:0px;
}
#servicios_inicio .sppb-flipbox-back { padding: 0px!important;
}
#servicios_inicio .sppb-flipbox-back .flip-box-inner { padding: 20px!important; height:auto;
}
#servicios_inicio .sppb-flipbox-back.flip-box::before { background-color: rgba(0, 0, 0, .6); height:100%;
}
#servicios_inicio h4 { margin-bottom:30px;
}
#servicios_inicio .boton { padding: 12px 22px !important; background:var(--maincolor); border-radius: 15px; color:#fff;
}
#servicios_inicio .boton:hover { background:#fff; color:#1C2539;
}
#servicios_inicio .sppb-flipbox-front, #servicios_inicio .sppb-flipbox-back { background-position: bottom right!important;
}
#servicios_inicio .sppb-flipbox-back { border-bottom:none;
}
#servicios_inicio .sppb-flipbox-front { border-bottom:none;
}
#servicios_inicio h4 { font-weight: 600; color:#fff; font-size:22px;
}
#servicios_inicio div[class^="sppb-col-"] { min-height:0px;
/*servicios_inicio - final*/
}
/*Banner Azul - inicio*/
#section-id-d10d7a9c-a730-4d58-8416-3ee45339965f, 
#section-id-a6a10b08-479d-44e0-bfcd-d0ff2f832632, 
#section-id-d8b530bb-a9be-41eb-9611-1d03a1203384 { border-bottom:1px solid #fff;
/*Banner Azul - final*/
}
/*Creamos experiencias con estructuras - inicio*/
#sppb-addon-6586b4a4-2556-4658-9882-1893887632b0 .image-2 { border-color: #fff;
}
#sppb-addon-e44b2434-d7ff-4724-a3a1-2131a50154b9 .sppb-modal-selector span { background-color: var(--maincolor)!important;
}
#sppb-addon-e44b2434-d7ff-4724-a3a1-2131a50154b9 .video-box span:hover { background-color: var(--theme-color-dark)!important;
}
#sppb-addon-e44b2434-d7ff-4724-a3a1-2131a50154b9 .sppb-modal-selector span > i { color: #fff;
}
#column-id-1779d793-1ef4-4953-bb70-c07b13feba0c img { height: 55px !important; width: 55px !important; max-width: 55px !important;
}
#sppb-addon-4f4b7ba4-7537-4f3f-9243-0dcaa23633ef.about-section-text-block .fa { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #F3F3F9; border-radius: 50%; color: var(--maincolor); display: flex; font-size: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 60px; height: 60px; -webkit-transition: all 300ms ease; transition: all 300ms ease; transform: rotate(-45deg);
}
#sppb-addon-4f4b7ba4-7537-4f3f-9243-0dcaa23633ef.about-section-text-block:hover .fa { -webkit-transform: rotate(360deg); transform: rotate(360deg);
}
#sppb-addon-6586b4a4-2556-4658-9882-1893887632b0 .image-2 { border-color: #fff!important;
/*Creamos experiencias con estructuras - final*/
}
/*Mantenimiento, Reparación y Remplazo - inicio*/
#sppb-addon-cbac8104-a57e-4379-86ce-27b72651b96d .sppb-divider { margin-bottom: 0!important;
}
#sppb-addon-d912fcba-f3e2-45a3-9bc1-91f90f19d76a .sppb-addon-text-block { color: #fff;
}
#sppb-addon-6e73dfb9-17e1-4a54-b028-8d048d160a03 img, 
#sppb-addon-23c2eba4-3915-4d42-aa9a-7418e7a744fe img { width: 50px; height: 50px; max-width: 50px;
/*Mantenimiento, Reparación y Remplazo - final*/
}
/*Ornamentación y Acabados en Puertas - inicio*/
#sppb-addon-40b7fc49-794e-4305-bba1-91838a94a130 .sppb-addon-title { font-weight: 700!important;
}
#section-id-44537d9a-b0f1-4481-8f2e-60d057560617 .fadeInRight, #section-id-44537d9a-b0f1-4481-8f2e-60d057560617 .fadeInLeft  { animation: 0s !important; transition:none!important;
/*Ornamentación y Acabados en Puertas - final*/
}
/*Instalación de Pérgolas Metálicas - inicio*/
#sppb-addon-c036afd3-47dd-43a4-beed-05216b8a857c .list-style-two li i { color: var(--maincolorazul) !important; font-weight:bold!important;
}
#sppb-addon-729352d8-9517-46a9-a7ff-fa0bebb0d2f9 .video-box span:hover { background-color: var(--theme-color-dark)!important;
}
#sppb-addon-2732726f-422a-4698-8163-e6faf7bc86d9 { color: #9898a0!important;
/*Instalación de Pérgolas Metálicas - final*/
}
/*Marquesinas Manuales y Automáticas - inicio*/
#sppb-addon-50ecde73-e5f1-442f-abeb-fbf8bf247ad0 .list-style-two li i, 
#sppb-addon-eb9cbbdb-fe78-43a6-bfe2-ffa217a85fab .list-style-two li i { color: var(--maincolorazul) !important; font-weight:bold!important;
}
#sppb-addon-b118fc78-2b09-4ca6-b029-f794374345c1, 
#sppb-addon-cb4ca671-a38f-4961-b640-09f15c6e770a { padding-right: 3rem!important; padding-left: 0!important;
}
#sppb-addon-849dc86e-549c-4c6b-a988-1886da3c75c4 .video-box span:hover, 
#sppb-addon-2ff6333a-1558-4bb1-9101-f3965435488b .video-box span:hover { background-color: var(--theme-color-dark)!important;
}
#sppb-addon-dd712ac5-bdd6-4396-9f5c-e7a3ec72fe00 { color: #9898a0!important;
/*Marquesinas Manuales y Automáticas - final*/
}
/*Galería footer - inicio*/
#sppb-addon-23700401-be7a-4bf5-b4d5-05f1c69ff50c .sppb-gallery img { width: 100%!important;
}
#sppb-addon-23700401-be7a-4bf5-b4d5-05f1c69ff50c  .sppb-gallery li { width: 29%!important;
}
#sppb-addon-23700401-be7a-4bf5-b4d5-05f1c69ff50c  .sppb-gallery img { height: auto!important;
/*Galería footer - final*/
}
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - inicio*/
#sppb-addon-cde184df-6c01-451d-97c4-72a525c03fa2 .flaticon-ac1-clipboard::before, 
#sppb-addon-30d78610-9cd1-4c71-962f-bed4185d7f41 .flaticon-ac1-clipboard::before { display:none;
}
#sppb-addon-414949ec-209e-42fb-af3b-ab9561ac9268.feature-block-two .boton_azul, 
#sppb-addon-51750bd4-ee40-48cd-bbaa-ae3c13110ed1.feature-block-two .boton_azul { display: none;
}
#sppb-addon-414949ec-209e-42fb-af3b-ab9561ac9268.feature-block-two:hover .boton_blanco, 
#sppb-addon-51750bd4-ee40-48cd-bbaa-ae3c13110ed1.feature-block-two:hover .boton_blanco  {  display:none;
}
#sppb-addon-414949ec-209e-42fb-af3b-ab9561ac9268.feature-block-two:hover .boton_azul, 
#sppb-addon-51750bd4-ee40-48cd-bbaa-ae3c13110ed1.feature-block-two:hover .boton_azul { display:inherit;
}
#sppb-addon-414949ec-209e-42fb-af3b-ab9561ac9268.feature-block-two img, 
#sppb-addon-51750bd4-ee40-48cd-bbaa-ae3c13110ed1.feature-block-two img { margin: auto; width: 46px; height: 46px;
}
#sppb-addon-414949ec-209e-42fb-af3b-ab9561ac9268.feature-block-two .icon, 
#sppb-addon-51750bd4-ee40-48cd-bbaa-ae3c13110ed1.feature-block-two .icon { display:flex!important;
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - final*/
}
/*Nuestras soluciones - inicio*/
#sppb-addon-e4f20217-6418-4edf-8b8e-ed9ee461306c, 
#sppb-addon-3cce1d43-4fb3-4b79-923f-65139952446d, 
#sppb-addon-6400f7c8-13b3-49b7-a240-d87e841ad1d3, 
#sppb-addon-4c10a7ec-e937-4f5b-8006-3a447eb52253 { padding-left: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important;
}
#sppb-addon-wrapper-0e9824ef-6953-4b27-9288-eab39c4c6609, 
#sppb-addon-wrapper-b2b047a6-2751-4fe6-8dc7-7d9324f6eba6, 
#sppb-addon-wrapper-d9a9e3a5-0ad6-4def-a55b-a04456b8e4ab, 
#sppb-addon-wrapper-9db777e1-0358-4e91-bb77-dc0a1b615640 { margin-top:-85px;
}
#sppb-addon-wrapper-bf8ff420-a750-4934-90d8-9d5f228532b3, 
#sppb-addon-wrapper-533093b7-faaa-453b-b1d7-25e585ada834, 
#sppb-addon-wrapper-0f466cde-817a-49f0-aa0b-193b23400f45, 
#sppb-addon-wrapper-174e89ec-3f68-405b-9575-bd338e4db2df { padding:20px 25px 25px 25px;
}
#sppb-addon-3ccf3e1e-e7bb-4c33-aa41-32d89eccec78.feature-block-one .icon-wrap .icon, 
#sppb-addon-7a7d0f48-d6d5-4d4d-947a-a9c02ee7d56d.feature-block-one .icon-wrap .icon, 
#sppb-addon-5a9195aa-d7a0-49b6-a3ea-1be01daed5a5.feature-block-one .icon-wrap .icon, 
#sppb-addon-79cc2f6f-b648-4729-b5f6-81f557ce74be.feature-block-one .icon-wrap .icon { background:var(--maincolor)!important;
}
#sppb-addon-3ccf3e1e-e7bb-4c33-aa41-32d89eccec78.feature-block-one .content-wrap .icon-wrap .icon::after, 
#sppb-addon-7a7d0f48-d6d5-4d4d-947a-a9c02ee7d56d.feature-block-one .content-wrap .icon-wrap .icon::after, 
#sppb-addon-5a9195aa-d7a0-49b6-a3ea-1be01daed5a5.feature-block-one .content-wrap .icon-wrap .icon::after, 
#sppb-addon-79cc2f6f-b648-4729-b5f6-81f557ce74be.feature-block-one .content-wrap .icon-wrap .icon::after { border-color: var(--maincolor) transparent transparent transparent!important;
}
#column-id-aaa6057a-75d3-43cc-86aa-a7cf6f1526b6 .feature-block-one .feature-btn::after, 
#column-id-b68b6e99-1aa2-4441-a32e-d1b8ee903e91 .feature-block-one .feature-btn::after, 
#column-id-c8bc62f2-cd6c-4a81-86d2-ec5dbc39260c .feature-block-one .feature-btn::after, 
#column-id-0f8c8aeb-d603-4181-af77-0dd7599920cc .feature-block-one .feature-btn::after { color: #1C2539!important;
}
#column-id-aaa6057a-75d3-43cc-86aa-a7cf6f1526b6:hover .feature-block-one .feature-btn::after, 
#column-id-b68b6e99-1aa2-4441-a32e-d1b8ee903e91:hover .feature-block-one .feature-btn::after, 
#column-id-c8bc62f2-cd6c-4a81-86d2-ec5dbc39260c:hover .feature-block-one .feature-btn::after, 
#column-id-0f8c8aeb-d603-4181-af77-0dd7599920cc:hover .feature-block-one .feature-btn::after { color: #fff!important;
}
#column-id-aaa6057a-75d3-43cc-86aa-a7cf6f1526b6 .feature-block-one .feature-btn a, 
#column-id-b68b6e99-1aa2-4441-a32e-d1b8ee903e91 .feature-block-one .feature-btn a, 
#column-id-c8bc62f2-cd6c-4a81-86d2-ec5dbc39260c .feature-block-one .feature-btn a, 
#column-id-0f8c8aeb-d603-4181-af77-0dd7599920cc .feature-block-one .feature-btn a { color: #fff!important;
}
#column-id-aaa6057a-75d3-43cc-86aa-a7cf6f1526b6:hover .feature-block-one .feature-btn a, 
#column-id-b68b6e99-1aa2-4441-a32e-d1b8ee903e91:hover .feature-block-one .feature-btn a, 
#column-id-c8bc62f2-cd6c-4a81-86d2-ec5dbc39260c:hover .feature-block-one .feature-btn a, 
#column-id-0f8c8aeb-d603-4181-af77-0dd7599920cc:hover .feature-block-one .feature-btn a { color: #1C2539!important;
/*Nuestras soluciones - final*/
}
/*Cuál Marquesina se Ajusta - inicio*/
#sppb-addon-dd85a429-d1cf-40a6-8f3c-09a52b183bf2 .flaticon-ac1-clipboard::before, 
#sppb-addon-1170ae87-0c8f-4cb1-88fa-b576f4c64cda .flaticon-ac1-clipboard::before { display:none;
}
#sppb-addon-529c9baf-0753-4ed9-974e-8db2e21d7d06.feature-block-two .boton_azul, 
#sppb-addon-a9411ad1-bfc9-4af4-a673-8d2144762f4d.feature-block-two .boton_azul { display: none;
}
#sppb-addon-529c9baf-0753-4ed9-974e-8db2e21d7d06.feature-block-two:hover .boton_blanco, 
#sppb-addon-a9411ad1-bfc9-4af4-a673-8d2144762f4d.feature-block-two:hover .boton_blanco  {  display:none;
}
#sppb-addon-529c9baf-0753-4ed9-974e-8db2e21d7d06.feature-block-two:hover .boton_azul, 
#sppb-addon-a9411ad1-bfc9-4af4-a673-8d2144762f4d.feature-block-two:hover .boton_azul { display:inherit;
}
#sppb-addon-529c9baf-0753-4ed9-974e-8db2e21d7d06.feature-block-two img, 
#sppb-addon-a9411ad1-bfc9-4af4-a673-8d2144762f4d.feature-block-two img { margin: auto; width: 46px; height: 46px;
}
#sppb-addon-529c9baf-0753-4ed9-974e-8db2e21d7d06.feature-block-two .icon, 
#sppb-addon-a9411ad1-bfc9-4af4-a673-8d2144762f4d.feature-block-two .icon { display:flex!important;
/*Cuál Marquesina se Ajusta - final*/
}
/*Módulo inicio abajo Atención y Horario - inicio*/
#sppb-addon-54091213-ec8b-437c-98cd-990acb770a2f a { color:#fff!important;
}
#sppb-addon-54091213-ec8b-437c-98cd-990acb770a2f a:hover { color:var(--maincolor)!important;
/*Módulo inicio abajo Atención y Horario - final*/
}
/*Tipos y Clases de Pérgolas Metálicas - inicio*/
#section-id-25b7f853-d935-4c06-ae8a-0ac64f96d25d .service-block-two .sppb-media-content { padding-left: 20px; padding-right: 20px; left: 0 !important;
/*Tipos y Clases de Pérgolas Metálicas - final*/
}
/*Ingeniería Integral - inicio*/
#sppb-addon-dcbbb622-490c-4578-83b2-a0bcd7edb11d.service-block .icon, 
#sppb-addon-53650151-71d7-4c28-9042-36585f10ff6c.service-block .icon, 
#sppb-addon-e524f944-77a9-4721-9642-d666aeb4ba4b.service-block .icon { padding: 20px !important; width: 100px !important; height: 100px !important;
/*Ingeniería Integral - final*/
}
/*Explora Nuestros Proyectos - inicio*/
#section-id-26027b35-c911-43e6-a06d-74eae7158215 { padding-top: 65px!important; padding-bottom:30px!important; border-bottom: 1px solid #fff;
/*Explora Nuestros Proyectos - inicio*/
}
/*Tipos y Materiales en Puertas y Cortinas Enrollables - inicio*/
#section-id-e04256fb-6519-4202-8481-0f1646ced0ce { border-bottom:1px solid #fff;
/*Tipos y Materiales en Puertas y Cortinas Enrollables - final*/
}
}
@media (max-width:320px) { /*aqui entra la medida del celular horizontal del nivel mas grande de tamaño en mi celular horizontal, que es a partir de 320px*/
.no_max_320 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote .top_cabezote_redes .fa-facebook-f { font-size: 16px!important;
}
#sp-top-cabezote .top_cabezote_redes .fa-facebook-f { margin-right: 0px !important;
}
#sp-top-cabezote .top_cabezote_redes .fa-instagram, #sp-top-cabezote .top_cabezote_redes .fa-youtube { display:none!important;
/*- sp-top-cabezote - final -*/
}
/*- sp-logo - inicio -*/
#sp-header .logo a, 
#sp-header .logo img { height: 70px!important;
/*- sp-logo - final -*/
}
/*- sp-menu - inicio -*/
/*--offcanvas-toggler - inicio--*/	
#sp-menu #offcanvas-toggler { margin-right: 139px!important;
/*--offcanvas-toggler - final--*/
/*- sp-menu - final -*/
/*sp-header - final*/
}
}
@media (min-width:321px) and (max-width:340px) {
.no_min_321_max_340 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-logo - inicio -*/
#sp-header .logo a, #sp-header .logo img { height: 70px!important;
/*- sp-logo - final -*/
}
/*- sp-menu - inicio -*/
/*--offcanvas-toggler - inicio--*/
#sp-menu #offcanvas-toggler { margin-right: 139px!important;
/*--offcanvas-toggler - final--*/
/*- sp-menu - final -*/
/*sp-header - final*/
}
}
@media (min-width:321px) and (max-width:360px) {
.no_min_321_max_360 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote .top_cabezote_redes .fa-facebook-f, 
#sp-top-cabezote .top_cabezote_redes .fa-youtube { font-size: 16px!important;
}
#sp-top-cabezote .top_cabezote_redes .fa-youtube { margin-right: 0px !important;
}
#sp-top-cabezote .top_cabezote_redes .fa-instagram { display:none!important;
/*- sp-top-cabezote - final -*/
/*sp-header - final*/
}
}
@media (max-width:350px) {
.no_max_350 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 0 !important; right: 0 !important; bottom: -598px; z-index: 5; width: 225px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 30px; width: 40px; height: 40px; line-height: 40px; background: none; border: none;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 40px; font-weight: normal;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 30px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 153px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 640px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 31px!important; line-height: 1em!important; max-width: 310px; margin-bottom:12px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-0-key p { width: 100%; font-size: 14px; font-weight: 500; line-height: 22px; letter-spacing: 2px; margin-bottom: 5px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:100%;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-3-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-4-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { margin: 0px 0px 11px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sppb-sp-slider-button { margin-right: 15px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sppb-sp-slider-button:last-child { margin-right: 0px !important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sppb-sp-slider-button .sp-slider-btn-text { padding: 12px 21px;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio h3 { font-family: 'DM Sans', sans-serif; text-transform: uppercase !important; font-size: 14px !important; line-height: 22px !important; color: #fff; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px; letter-spacing: 2px!important; margin-bottom: 5px!important;
}
.slider_nuevo_inicio h2 { font-weight: 900; text-transform: uppercase; color: #fff; margin: 5px 0px 17px 0px; font-size: 31px !important; line-height: 1em !important; font-family: "Red Hat Display", sans-serif; text-shadow: rgba(0,0,0,.5) 10px 10px 50px; max-width: 310px;
}
.slider_nuevo_inicio .contenido {  margin-top: 125px!important;
}
.slider_nuevo_inicio .caja { height: 640px!important;
}
.slider_nuevo_inicio h4 { width:100%!important;
}
.slider_nuevo_inicio .sp-slider-btn-text { padding: 12px 21px!important;
/*Slider Nuevo Inicio - final*/
}
}
@media (min-width:351px) and (max-width:369px) {
.no_min_351_max_369 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 0 !important; right: 0 !important; bottom: -596px; z-index: 5; width: 225px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 30px; width: 40px; height: 40px; line-height: 40px; background: none; border: none;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 40px; font-weight: normal;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 58px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 118px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 690px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 32px!important; line-height: 1em!important; max-width: 320px; margin-bottom:12px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-0-key p { width: 100%; font-size: 14px; font-weight: 500; line-height: 22px; letter-spacing: 2px; margin-bottom: 5px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:100%;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-3-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-4-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { margin: 0px 0px 11px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sppb-sp-slider-button { margin-right: 15px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sppb-sp-slider-button:last-child { margin-right: 0px !important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sppb-sp-slider-button .sp-slider-btn-text { padding: 12px 21px;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio h3 { width: 100%; font-size: 14px !important; font-weight: 500; line-height: 22px !important; letter-spacing: 2px !important; margin-bottom: 5px;
}
.slider_nuevo_inicio h2 { font-size: 31px !important; line-height: 1em !important; max-width: 320px;
}
.slider_nuevo_inicio h4 { width: 100%;
}
.slider_nuevo_inicio .sp-slider-btn-text { padding: 12px 21px!important;
}
.slider_nuevo_inicio .caja { max-width: 690px;
/*Slider Nuevo Inicio - final*/
}
}
@media (max-width:352px) { /*aqui entra la medida del celular horizontal del nivel penultimo mas grande de tamaño en mi celular horizontal, que es a partir de 352px*/
.no_max_352 { display:none!important;
}
}
@media (max-width:359px) {
.no_max_359 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio .sppb-flipbox-panel { height:250px; max-height:250px;
/*servicios_inicio - final*/
}
}
@media (min-width:360px) and (max-width:479px) {
.no_min_360_max_479 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio .sppb-flipbox-panel { height:320px!important; max-height:320px!important;
/*servicios_inicio -final*/
}
}
@media (max-width:360px) {
.no_max_360 { display:none!important;
}
/*- sp-top-cabezote - inicio -*/
.icono_facebook_cabezote, 
.icono_twitter_cabezote { width:16px!important; height:16px!important; margin-left: 6.5px!important; margin-right: 6.5px!important;
}
.icono_youtube_cabezote { width:16px!important; height:16px!important; margin-left: 6.5px!important; margin-right: 0!important;
}
.icono_facebook_blanco, .icono_facebook_azul, .icono_facebook_cabezote:hover .icono_facebook_negro, 
.icono_twitter_blanco, .icono_twitter_azul, .icono_twitter_cabezote:hover .icono_twitter_negro, 
.icono_youtube_blanco, .icono_youtube_azul, .icono_youtube_cabezote:hover .icono_youtube_negro, 
.icono_pinterest_blanco, .icono_pinterest_azul, .icono_pinterest_cabezote:hover .icono_pinterest_negro, 
.icono_instagram_blanco, .icono_instagram_azul, .icono_instagram_cabezote:hover .icono_instagram_negro { display:none;
}
.icono_facebook_cabezote:hover .icono_facebook_azul, 
.icono_twitter_cabezote:hover .icono_twitter_azul, 
.icono_youtube_cabezote:hover .icono_youtube_azul, 
.icono_pinterest_cabezote:hover .icono_pinterest_azul, 
.icono_instagram_cabezote:hover .icono_instagram_azul { display:inherit!important;
/*- sp-top-cabezote - final -*/
}
}
@media (min-width:361px) and (max-width:429px) {
.no_min_361_max_429 { display:none!important;
}
/*- sp-top-cabezote - inicio -*/
.icono_facebook_cabezote, 
.icono_twitter_cabezote, 
.icono_youtube_cabezote, 
.icono_pinterest_cabezote { width:16px!important; height:16px!important; margin-left: 6.5px!important; margin-right: 6.5px!important;
}
.icono_instagram_cabezote { width:16px!important; height:16px!important; margin-left: 6.5px!important; margin-right: 0!important;
}
.icono_facebook_blanco, .icono_facebook_azul, .icono_facebook_cabezote:hover .icono_facebook_negro, 
.icono_twitter_blanco, .icono_twitter_azul, .icono_twitter_cabezote:hover .icono_twitter_negro, 
.icono_youtube_blanco, .icono_youtube_azul, .icono_youtube_cabezote:hover .icono_youtube_negro, 
.icono_pinterest_blanco, .icono_pinterest_azul, .icono_pinterest_cabezote:hover .icono_pinterest_negro, 
.icono_instagram_blanco, .icono_instagram_azul, .icono_instagram_cabezote:hover .icono_instagram_negro { display:none;
}
.icono_facebook_cabezote:hover .icono_facebook_azul, 
.icono_twitter_cabezote:hover .icono_twitter_azul, 
.icono_youtube_cabezote:hover .icono_youtube_azul, 
.icono_pinterest_cabezote:hover .icono_pinterest_azul, 
.icono_instagram_cabezote:hover .icono_instagram_azul { display:inherit!important;
/*- sp-top-cabezote - final -*/
}
}
@media (max-width:369px) {
.no_max_369 { display:none!important;
}
}
@media (min-width:370px) and (max-width:399px) {
.no_min_370_max_399 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 0 !important; right: 0 !important; bottom: -594px; z-index: 5; width: 225px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 30px; width: 40px; height: 40px; line-height: 40px; background: none; border: none;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 40px; font-weight: normal;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 58px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 118px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 690px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 35px!important; line-height: 1em!important; max-width: 350px; margin-bottom:12px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-0-key p { width: 100%; font-size: 15px; font-weight: 500; line-height: 23px; letter-spacing: 3px; margin-bottom: 5px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:100%;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-3-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-4-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { margin: 0px 0px 11px 0px!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio h3 { font-family: 'DM Sans', sans-serif; text-transform: uppercase !important; font-size: 15px !important; line-height: 23px !important; color: #fff; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px; letter-spacing: 3px!important; margin-bottom: 5px!important;
}
.slider_nuevo_inicio h2 { font-weight: 900; text-transform: uppercase; color: #fff; margin: 5px 0px 17px 0px; font-size: 33px !important; line-height: 1em !important; font-family: "Red Hat Display", sans-serif; text-shadow: rgba(0,0,0,.5) 10px 10px 50px; max-width: 350px;
}
.slider_nuevo_inicio .contenido {  margin-top: 125px!important;
}
.slider_nuevo_inicio .caja { height: 690px !important;
/*Slider Nuevo Inicio - final*/
}
}
@media (max-width:376px) {
.no_max_376 { display:none!important;
}	
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - inicio*/
/*- Llamada abajo - inicio*/
#boton-llamada-abajo { display:none!important;
/*- Llamada abajo - final*/
}
/*- Llamar móviles abajo - inicio*/
#boton_llamar_moviles_abajo { right: 234px!important;
/*- Llamar móviles abajo - final*/
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - final*/
}
}
@media (min-width:377px) and (max-width:400px)  { /*aqui entra la medida del celular horizontal con el 1er. nivel de tamaño de mi celular horizontal, que es a partir de 388px*/
.no_min_377_max_400 { display:none!important;
}
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - inicio*/
/*- Asesoría - inicio*/
#mod-custom139 .open-button { transform: scale(.9); bottom: 13px; right: 81px!important;
/*- Asesoría - final*/
}
/*- Llamada abajo - inicio*/
#boton-llamada-abajo { right: 220px!important; width: 43px!important; height: 43px!important;
/*- Llamada abajo - final*/
}
/*- Llamar móviles abajo - inicio*/
#boton_llamar_moviles_abajo { right: 273px!important; width: 43px!important; height: 43px!important;
}
#boton_llamar_moviles_abajo i { font-size: 25px!important;
/*- Llamar móviles abajo - final*/
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - final*/
}
}
@media (max-width:379px) {
.no_max_379 { display:none!important;
}
}
@media (max-width:380px) {
.no_max_380 { display:none!important;
}
}
@media (min-width:381px) {
.no_min_381 { display:none!important;
}
}
@media (max-width:386px) {
.no_max_386 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote a { font-size:14px;
}
#sp-top-cabezote .top_cabezote_redes i { font-size: 15.5px;
/*- sp-top-cabezote - inicio -*/
}
/*- sp-position3 - inicio -*/
#sp-position3 { margin-left: -136px;
/*- sp-position3 - final -*/
}
/*--offcanvas-toggler - inicio--*/	
#sp-menu #offcanvas-toggler { margin-right: 144px;
/*--offcanvas-toggler - final--*/	
/*sp-header - final*/
}
}
@media (min-width:387px) {
.no_min_387 { display:none!important;
}
}
@media (min-width:387px) and (max-width:549px) {
.no_min_387_max_549 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-position3 - inicio -*/
#sp-position3 { margin-left: -178px;
/*- sp-position3 - final -*/
}
/*--offcanvas-toggler - inicio--*/	
#sp-menu #offcanvas-toggler { margin-right: 186px;
/*--offcanvas-toggler - final--*/	
/*sp-header - final*/
}
}
@media (min-width:387px) and (max-width:575px) {
.no_min_387_max_575 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote a { font-size:14.5px;
}
#sp-top-cabezote .top_cabezote_redes i { font-size: 15.5px;
/*- sp-top-cabezote - final -*/
/*sp-header - final*/
}
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - inicio*/
/*- Asesoría - inicio*/
#mod-custom139 .open-button { bottom: 15px;
/*- Asesoría - final*/
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - final*/
}
}
@media (min-width:387px) and (max-width:991px) {
.no_min_387_max_991 { display:none!important;
}
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - inicio*/
/*- Asesoría - inicio*/
#mod-custom139 .open-button { right: 79px;
/*- Asesoría - final*/
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - final*/
}
}
@media (max-width:399px) {
.no_max_399 { display:none!important;
}
/*slider final - inicio*/
.slider_final_box { padding: 15px!important;
/*slider final - final*/
}
/*Slider Home - inicio*/
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key .sp-background { background: url(../../../images/inicio/slider_1/cortinas_enrollables_metalicas_399.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key .sp-background { background: url(../../../images/inicio/slider_1/puertas_y_garajes_automaticos_399.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key .sp-background { background: url(../../../images/inicio/slider_1/motorizacion_y_automatizacion_399.webp) top right no-repeat!important; background-size:cover!important;
/*Slider Home - final*/
}
/*--slide_inicio - inicio--*/
.slide_inicio_fondo_contenido { padding-top:80px; padding-left:20px; padding-right:20px; padding-bottom:80px;
}
.slide_inicio_flechas { z-index: 1; top: -980px !important; position: relative; pointer-events: none;
}
.bg_video_inicio_1, .bg_video_inicio_2 { width:100%; height: auto; padding: 7px!important;
}
.bg_video_inicio_2 { max-width: 100%; margin: 0px auto 20px !important; z-index: 1; position: relative;
/*--slide_inicio - final--*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio {  padding: 0 !important; margin: 0 !important; background: url(../../../images/inicio/slider_1/diseno_fabricacion_e_instalacion_de_pergolas_marquesinas_y_domos_en_bogota_colombia_399.webp) center top no-repeat !important; background-size: cover !important;
/*Slider Nuevo Inicio - final*/
}
/*--youtube-player - inicio--*/
.bg_video_inicio_1, .bg_video_inicio_2 { width:100%; height: auto; padding: 7px!important;
}
.bg_video_inicio_2 { max-width: 100%; margin: 15px auto 20px !important; z-index: 1; position: relative;
/*--youtube-player - final--*/
}
/*--estructuras blanco - inicio--*/
#estructuras_blanco h3 { font-size: 34px;
/*--estructuras blanco - final--*/
}
}
@media (max-width:400px) { 
.no_max_400 { display:none!important;
}
}
@media (min-width:400px) and (max-width:429px)  { 
.no_min_400_max_429 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 0 !important; right: 0 !important; bottom: -634px; z-index: 5; width: 225px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 30px; width: 40px; height: 40px; line-height: 40px; background: none; border: none;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 40px; font-weight: normal;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 58px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 118px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 730px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 38px!important; line-height: 1em!important; max-width: 380px; margin-bottom:12px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-0-key p { width: 100%; font-size: 15px; font-weight: 500; line-height: 23px; letter-spacing: 3px; margin-bottom: 5px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:100%;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-3-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-4-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { margin: 0px 0px 11px 0px!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio h2 { font-size: 36px !important; line-height: 1em !important; max-width: 380px;
}
.slider_nuevo_inicio h3 { width: 85%; font-size: 15px !important; font-weight: 500; line-height: 23px !important; letter-spacing: 3px !important; margin-bottom: 5px;
}
.slider_nuevo_inicio .caja { height: 730px!important;
/*Slider Nuevo Inicio - final*/
}
}
@media (min-width:400px) and (max-width:449px) {
.no_min_400_max_449 { display:none!important;
}
/*--slide_inicio - inicio--*/
.slide_inicio_fondo_contenido { padding-top:80px; padding-left:20px; padding-right:20px; padding-bottom:80px;
}
.slide_inicio_mujer_1, .slide_inicio_mujer_2, .slide_inicio_mujer_3 { height: 0px !important;
}
.slide_inicio_flechas { z-index: 1; top: -1020px !important; position: relative; pointer-events: none;
}
.bg_video_inicio_1, .bg_video_inicio_2 { width:100%; height: auto; padding: 7px!important;
}
.bg_video_inicio_2 { max-width: 100%; margin: 20px auto 20px !important; z-index: 1; position: relative;
/*--slide_inicio - final--*/
}
}
@media (min-width:400px) and (max-width:479px) {
.no_min_400_max_479 { display:none!important;
}
/*--estructuras blanco - inicio--*/
#estructuras_blanco h3 { font-size: 39px;
/*--estructuras blanco - final--*/
}
}
@media (min-width:400px) and (max-width:500px) {
.no_min_400_max_500 { display:none!important;
}
/*Slider Home - inicio*/
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key .sp-background { background: url(../../../images/inicio/slider_1/cortinas_enrollables_metalicas_575.webp) top center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key .sp-background { background: url(../../../images/inicio/slider_1/puertas_y_garajes_automaticos_575.webp) center left no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key .sp-background { background: url(../../../images/inicio/slider_1/motorizacion_y_automatizacion_575.webp) top center no-repeat!important; background-size:cover!important;
/*Slider Home - final*/
}
}
@media (min-width:400px) and (max-width:575px) {
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio {  padding: 0 !important; margin: 0 !important; background: url(../../../images/inicio/slider_1/diseno_fabricacion_e_instalacion_de_pergolas_marquesinas_y_domos_en_bogota_colombia_575.webp) center top no-repeat !important; background-size: cover !important;
/*Slider Nuevo Inicio - final*/
}
}
@media (min-width:401px) { 
.no_min_401 { display:none!important;
}
}
@media (max-width:419px) {
.no_max_419 { display:none!important;
}
}
@media (max-width:420px) {
.no_max_420 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote .top_cabezote_redes .fa-instagram { margin-right: 2.5px !important;
}
#sp-top-cabezote .top_cabezote_redes .fa-twitter, 
#sp-top-cabezote .top_cabezote_redes .fa-pinterest { display:none;
/*- sp-top-cabezote - final -*/
}
/*sp-header - inicio*/
/*- sp-logo - inicio -*/
#sp-logo { width: 45%;
/*- sp-logo - final -*/
}
/*- sp-menu - inicio -*/
#sp-menu { width: 55%;	
/*- sp-menu - final -*/
/*sp-header - final*/
}
/*sp-barra-azul - inicio*/
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { width: 74%;
/*- barra azul menú carrusel - final -*/
}
/*- barra azul asesoría - inicio -*/
.barra_azul_formulario_soporte { width: 13%; margin-left: 74% !important;
/*- barra azul asesoría - final -*/
}
/*- barra azul buscador 2 - inicio -*/
.barra_azul_buscador_2 { width: 13%; margin-left: 87% !important;
/*- barra azul buscador 2 - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky #sp-logo { width: 34%;
}
#sp-header.header-sticky #sp-menu { width: 66%;
}
#sp-header.header-sticky .container, 
#sp-header.header-sticky > .container > .container-inner::before, 
#sp-header.header-sticky > .container > .container-inner::after, 
#sp-header.header-sticky #sp-logo, 
#sp-header.header-sticky #sp-logo .logo, 
#sp-header.header-sticky #sp-logo .logo a, 
#sp-header.header-sticky #sp-logo .logo img, 
#sp-header.header-sticky #sp-logo .sp-column, 
#sp-header.header-sticky #sp-menu, 
#sp-header.header-sticky #sp-menu > .sp-column, 
#sp-header.header-sticky #sp-position3 { height: 80px!important;
/*header-sticky - final*/
}
}
@media (min-width:421px) and (max-width:460px) {
.no_min_421_max_460 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote .top_cabezote_redes .fa-instagram { margin-right: 0px !important;
}
#sp-top-cabezote .top_cabezote_redes .fa-pinterest { display:none;
/*- sp-top-cabezote - final -*/
}
/*- sp-logo - inicio -*/
#sp-logo { width: 41%;
/*- sp-logo - final -*/
}
/*- sp-menu - inicio -*/
#sp-menu { width: 59%;
/*- sp-menu - final -*/
}
/*sp-barra-azul - inicio*/
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { width: 76%;
/*- barra azul menú carrusel - final -*/
}
/*- barra azul asesoría - inicio -*/
.barra_azul_formulario_soporte { width: 12%; margin-left: 76% !important; 
/*- barra azul asesoría - final -*/
}
/*- barra azul buscador 2 - inicio -*/
.barra_azul_buscador_2 { width: 12%; margin-left: 88% !important; 
/*- barra azul buscador 2 - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky #sp-logo { width: 31%;
}
#sp-header.header-sticky #sp-menu { width: 69%;
/*header-sticky - final*/
}
}
@media (min-width:421px) and (max-width:500px) {
.no_min_421_max_500 { display:none!important;
}
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote .top_cabezote_redes .fa-pinterest {
margin-right: 0px !important;
/*- sp-top-cabezote - final -*/
}
}
@media (min-width:421px) and (max-width:575px) {
.no_min_421_max_575 { display:none!important;
}
/*header-sticky - inicio*/
#sp-header.header-sticky .container, 
#sp-header.header-sticky > .container > .container-inner::before, 
#sp-header.header-sticky > .container > .container-inner::after, 
#sp-header.header-sticky #sp-logo, 
#sp-header.header-sticky #sp-logo .logo a, 
#sp-header.header-sticky #sp-logo .sp-column, 
#sp-header.header-sticky #sp-menu, 
#sp-header.header-sticky #sp-menu > .sp-column, 
#sp-header.header-sticky #sp-position3 { height: 80px!important;
/*header-sticky - final*/
}
}
@media (max-width:429px) {
.no_max_429 { display:none!important;
}
#mod-custom139 .open-button img { width:36px!important; height:28px!important; margin-right: 5px!important;
}
}
@media (min-width:430px) and (max-width:460px) {
.no_min_430_max_460 { display:none!important;
}
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote .top_cabezote_redes .fa-youtube { margin-right:0px!important;
}
.icono_facebook_cabezote, 
.icono_twitter_cabezote { width:16px!important; height:16px!important; margin-left: 6.5px!important; margin-right: 6.5px!important;
}
.icono_youtube_cabezote { width:16px!important; height:16px!important; margin-left: 6.5px!important; margin-right: 0!important;
}
.icono_facebook_blanco, .icono_facebook_azul, .icono_facebook_cabezote:hover .icono_facebook_negro, 
.icono_twitter_blanco, .icono_twitter_azul, .icono_twitter_cabezote:hover .icono_twitter_negro, 
.icono_youtube_blanco, .icono_youtube_azul, .icono_youtube_cabezote:hover .icono_youtube_negro, 
.icono_pinterest_blanco, .icono_pinterest_azul, .icono_pinterest_cabezote:hover .icono_pinterest_negro, 
.icono_instagram_blanco, .icono_instagram_azul, .icono_instagram_cabezote:hover .icono_instagram_negro { display:none;
}
.icono_facebook_cabezote:hover .icono_facebook_azul, 
.icono_twitter_cabezote:hover .icono_twitter_azul, 
.icono_youtube_cabezote:hover .icono_youtube_azul, 
.icono_pinterest_cabezote:hover .icono_pinterest_azul, 
.icono_instagram_cabezote:hover .icono_instagram_azul { display:inherit!important;
/*- sp-top-cabezote - final -*/
}
}
@media (min-width:430px) and (max-width:500px) { /*aqui entra la medida del celular horizontal con el 2do. nivel de tamaño de mi celular horizontal, que es a partir de 432px*/
.no_min_430_max_500 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-top-cabezote - inicio -*/
#sp-header { transform: scale(110%); width: 90.8%; left: 4.5%; margin-top: 8px;
}
#sp-top-cabezote a { font-size: 14.5px;
}
#sp-top-cabezote .top_cabezote_telefonos i, #sp-top-cabezote .top_cabezote_direccion i { font-size: 13.5px!important;
}
#sp-top-cabezote .top_cabezote_redes i { font-size: 15.5px;
}
#sp-top-cabezote .top_cabezote_redes .fa-instagram { display: none !important;
/*- sp-top-cabezote - final -*/
}
/*- sp-logo - inicio -*/
#sp-logo, #sp-logo .sp-column, #sp-header .logo a, #sp-header .logo img, #sp-menu { height: 80px!important;
/*- sp-logo - final -*/
}
/*- sp-position3 - inicio -*/
#sp-position3 .boton_camera_cabezote a, #sp-position3 .boton_video_cabezote a, #sp-position3 .boton_telefono_cabezote a, #sp-position3 .boton_whatsapp_cabezote a, #sp-position3 .boton_contacto_cabezote a { height: 36px!important; width: 36px!important;
}
#sp-position3 .boton_camera_cabezote i, #sp-position3 .boton_video_cabezote i, #sp-position3 .boton_telefono_cabezote i, #sp-position3 .boton_whatsapp_cabezote i { font-size: 21px!important;
}
#sp-position3 .boton_contacto_cabezote img { height: 16px!important; width:21px!important;
}
#sp-position3 { margin-left: -182px!important;
/*- sp-position3 - final -*/
}
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { top: 115px!important;
/*- barra azul menú carrusel - final -*/
}
/*--offcanvas-toggler - inicio--*/	
#sp-menu #offcanvas-toggler { margin-right: 190px;
/*--offcanvas-toggler - final--*/	
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky { transform: scale(100%);
/*header-sticky - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 0 !important; right: 0 !important; bottom: -672px; z-index: 5; width: 225px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 30px; width: 40px; height: 40px; line-height: 40px; background: none; border: none;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 40px; font-weight: normal;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 58px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 118px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 770px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 39px!important; line-height: 1em!important; max-width: 390px; margin-bottom:12px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-0-key p { width: 100%; font-size: 15.5px; font-weight: 500; line-height: 23px; letter-spacing: 4px; margin-bottom: 5px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:85%;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-3-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-4-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { margin: 0px 0px 11px 0px!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio h3 { width: 100%; font-size: 15.5px !important; font-weight: 500; line-height: 23px !important; letter-spacing: 4px !important; margin-bottom: 5px; width:85%!important;
}
.slider_nuevo_inicio h2 { font-size: 39px !important; line-height: 1em !important; max-width: 390px;
}
.slider_nuevo_inicio .caja { height: 770px!important;
/*Slider Nuevo Inicio - final*/
}
}
@media (min-width:430px) and (max-width:575px) {
.no_min_430_max_575 { display:none!important;
}
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - inicio*/
/*- Asesoría - inicio*/
#mod-custom139 .open-button { transform: scale(.9); bottom:13px!important; right:84px!important;
/*- Asesoría - final*/
}
/*- Llamada abajo - inicio*/
#boton-llamada-abajo { bottom: 13px!important; right: 218px!important; transform: scale(0.9);
/*- Llamada abajo - inal*/
}
/*- Llamar móviles abajo - inicio*/
#boton_llamar_moviles_abajo { bottom: 13px!important; right: 268px!important; transform: scale(0.9);
/*- Llamar móviles abajo - final*/
}
/*- Abrir mapa abajo - inicio*/
#boton_abrir_mapa_abajo { bottom: 13px !important; right: 318px !important; transform: scale(0.9);
/*- Abrir mapa abajo - final*/
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - final*/
}
}
@media (max-width:420px) {
.no_max_420 { display:none!important;
}
}
@media (max-width:440px) {
.no_max_440 { display:none!important;
}
}
@media (min-width:450px) and (max-width:479px) {
.no_min_450_max_479 { display:none!important;
}
/*--slide_inicio - inicio--*/
.slide_inicio_fondo_contenido { padding-top:80px; padding-left:20px; padding-right:20px; padding-bottom:80px;
}
.slide_inicio_mujer_1, .slide_inicio_mujer_2, .slide_inicio_mujer_3 { height: 0px !important;
}
.slide_inicio_flechas { z-index: 1; top: -1040px !important; position: relative; pointer-events: none;
}
.bg_video_inicio_1, .bg_video_inicio_2 { width:100%; height: auto; padding: 7px!important;
}
.bg_video_inicio_2 { max-width: 440px; margin: 0px auto 20px !important; z-index: 1; position: relative;
/*--slide_inicio - final--*/
}
}
@media (max-width:459px) {
.no_max_459 { display:none!important;
}
/*Módulo inicio abajo ¿Por qué elegirnos? - inicio--*/
#sppb-addon-f8c2db26-0c0a-48d6-8c1e-84f01071e4d5 .thumb img { width: 100%!important;
}
#sppb-addon-f8c2db26-0c0a-48d6-8c1e-84f01071e4d5 .thumb { width:25%;
}
#sppb-addon-f8c2db26-0c0a-48d6-8c1e-84f01071e4d5 .post-data { width:75%;
/*Módulo inicio abajo ¿Por qué elegirnos? - final--*/
}
}
@media (min-width:460px) {
.no_min_460 { display:none!important;
}
/*Módulo inicio abajo ¿Por qué elegirnos? - inicio--*/
#sppb-addon-f8c2db26-0c0a-48d6-8c1e-84f01071e4d5 .thumb img { width: 100%!important;
}
#sppb-addon-f8c2db26-0c0a-48d6-8c1e-84f01071e4d5 .thumb { width:35%;
}
#sppb-addon-f8c2db26-0c0a-48d6-8c1e-84f01071e4d5 .post-data { width:65%;
/*Módulo inicio abajo ¿Por qué elegirnos? - final--*/
}
}
@media (max-width:460px) {
.no_max_460 { display:none!important;
}
/*header-sticky - inicio*/
#sp-header.header-sticky .container { width: 100%; max-width: 100%;
/*header-sticky - inicio*/
}
}
@media (min-width:461px) and (max-width:500px) {
.no_min_461_max_500 { display:none!important;
}
/*- sp-top-cabezote - inicio -*/
.icono_facebook_cabezote, 
.icono_twitter_cabezote, 
.icono_youtube_cabezote { width:16px!important; height:16px!important; margin-left: 6.5px!important; margin-right: 6.5px!important;
}
.icono_pinterest_cabezote { width:16px!important; height:16px!important; margin-left: 6.5px!important; margin-right: 0!important;
}
.icono_facebook_blanco, .icono_facebook_azul, .icono_facebook_cabezote:hover .icono_facebook_negro, 
.icono_twitter_blanco, .icono_twitter_azul, .icono_twitter_cabezote:hover .icono_twitter_negro, 
.icono_youtube_blanco, .icono_youtube_azul, .icono_youtube_cabezote:hover .icono_youtube_negro, 
.icono_pinterest_blanco, .icono_pinterest_azul, .icono_pinterest_cabezote:hover .icono_pinterest_negro, 
.icono_instagram_blanco, .icono_instagram_azul, .icono_instagram_cabezote:hover .icono_instagram_negro { display:none;
}
.icono_facebook_cabezote:hover .icono_facebook_azul, 
.icono_twitter_cabezote:hover .icono_twitter_azul, 
.icono_youtube_cabezote:hover .icono_youtube_azul, 
.icono_pinterest_cabezote:hover .icono_pinterest_azul, 
.icono_instagram_cabezote:hover .icono_instagram_azul { display:inherit!important;
/*- sp-top-cabezote - final -*/
}
}
@media (min-width:461px) and (max-width:520px) {
.no_min_461_max_520 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote .top_cabezote_redes .fa-instagram { margin-right: 0px !important;
/*- sp-top-cabezote - final -*/
}
/*- sp-logo - inicio -*/
#sp-logo { width: 36%;
/*- sp-logo - final -*/
}
/*- sp-menu - inicio -*/
#sp-menu { width: 64%;
/*- sp-menu - final -*/
}
/*sp-barra-azul - inicio*/
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { width: 78%;
/*- barra azul menú carrusel - final -*/
}
/*- barra azul asesoría - inicio -*/
.barra_azul_formulario_soporte { width: 11%; margin-left: 78% !important; 
/*- barra azul asesoría - final -*/
}
/*- barra azul buscador 2 - inicio -*/
.barra_azul_buscador_2 { width: 11%; margin-left: 89% !important; 
/*- barra azul buscador 2 - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky #sp-logo { width: 28%;
}
#sp-header.header-sticky #sp-menu { width: 72%;
/*header-sticky - final*/
}
}
@media (max-width:479px) {
.no_max_479 { display:none!important;
}
/*--slide_inicio - inicio--*/
#slide_inicio .enlace_ofertas { width: 100%;
}
#slide_inicio h3 { font-size: 36px; line-height: 36px; margin: 0px 0px 15px; width: 95%;
}
#slide_inicio .youtube-player .play, #slide_inicio .youtube-player .play:hover { height: 80px!important; width: 112px!important; margin-left: -56px!important; margin-top: -40px!important; background-size:cover!important;
}
.bg_cuadro_video_1 {  background: url(../../../images/inicio/slide_inicio/1_diseno_fabricacion_y_mantenimiento_de_cubiertas_para_pergolas_en_bogota.webp) center center no-repeat;
}
.bg_cuadro_video_2 {  background: url(../../../images/inicio/slide_inicio/2_diseno_e_instalacion_de_cubiertas_y_marquesinas_corredizas_en_bogota_colombia.webp) center center no-repeat;
}
.bg_cuadro_video_3 {  background: url(../../../images/inicio/slide_inicio/3_estructura_metalica_y_cerramiento_en_vidrio_para_cubierta_de_piscina_en_bogota_colombia.webp) center center no-repeat;
}
.slide_inicio_1 p, .slide_inicio_2 p, .slide_inicio_3 p { color: #fff; margin:0px auto 30px;
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_479.webp) center center no-repeat;
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_479.webp) center center no-repeat;
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_479.webp) center center no-repeat;
/*--slide_inicio - final--*/
}
/*--slide_inicio_bottom - inicio--*/
.slide_inicio_bottom h6 { color: #fff !important; font-family: Montserrat !important; font-weight: 700 !important; font-size: 14px; line-height: 18px; width: 200px; margin: 0 auto 0;
}
.imagen_slide_inicio_bottom { width: 100%; margin: 0px auto 20px !important; padding: 7px; border: 1px solid #fff; background: rgb(0,0,0,.5); border-radius: 10px 10px 10px 10px !important; -moz-border-radius: 10px 10px 10px 10px !important; -webkit-border-radius: 10px 10px 10px 10px !important;
}
.logo_slide_inicio_bottom { margin: 0px auto 5px; width: 60%;
/*--slide_inicio_bottom - final--*/
}
/*--estructuras blanco - inicio--*/
.estructuras_blanco_top_right, .estructuras_blanco_center_1_left, .estructuras_blanco_center_2_right, .estructuras_blanco_center_3_left, .estructuras_blanco_center_4_right, .estructuras_blanco_bottom_right { padding: 30px;
}
.estructuras_blanco_top_left { background: url(../../../images/inicio/estructuras_blanco/marquesinas_corredizas_y_pergolas_metalicas_para_patios_terrazas_y_exteriores_en_bogota_479.webp) bottom right; min-height:380px;
}
.estructuras_blanco_center_1_right { background: url(../../../images/inicio/estructuras_blanco/montaje_de_cubiertas_techos_y_estructuras_metalicas_arquitectonicas_en_bogota_colombia_479.webp) bottom right; min-height:380px;
}
.estructuras_blanco_center_2_left { background: url(../../../images/inicio/estructuras_blanco/soluciones_industriales_para_la_fabricacion_de_pergolas_marquesinas_domos_y_cubiertas_479.webp) bottom right; min-height:380px;
}
.estructuras_blanco_center_3_right { background: url(../../../images/inicio/estructuras_blanco/calidad_diseno_y_funcionalidad_en_pergolas_metalicas_y_marquesinas_en_bogota_479.webp) bottom right; min-height:380px;
}
.estructuras_blanco_center_4_left { background: url(../../../images/inicio/estructuras_blanco/diseno_e_instalacion_de_techos_cubiertas_y_estructuras_metalicas_en_bogota_colombia_479.webp) bottom right; min-height:380px;
}
.estructuras_blanco_bottom_left { background: url(../../../images/inicio/estructuras_blanco/estructuras_metalicas_para_exteriores_en_pergolas_y_marquesinas_en_bogota_colombia_479.webp) bottom right; min-height:380px;
}
.estructuras_blanco_top_left .espacio_estructuras_blanco_izquierda img, .estructuras_blanco_bottom_left .espacio_estructuras_blanco_izquierda img { width: 130px; height: auto; bottom: 15px; position: absolute; right: 15px;
}
.estructuras_blanco_center_2_left .espacio_estructuras_blanco_izquierda img, .estructuras_blanco_center_4_left .espacio_estructuras_blanco_izquierda img { width: 130px; height: auto; bottom: 15px; position: absolute; right: 15px;
}
.estructuras_blanco_top_left .espacio_estructuras_blanco_izquierda h3, 
.estructuras_blanco_bottom_left .espacio_estructuras_blanco_izquierda h3, 
.estructuras_blanco_center_2_left .espacio_estructuras_blanco_izquierda h3, 
.estructuras_blanco_center_4_left .espacio_estructuras_blanco_izquierda h3 { top: 15px; letter-spacing: 0px; left: 20px; font-size: 40px !important; line-height: 40px !important; width:90%;
}
.espacio_estructuras_blanco_izquierda { height: 380px; width: 100%; max-width: 100%; margin-left: 15px; position: absolute;
/*--estructuras blanco - final--*/
}
/*slider final - inicio*/
#slider_1_final { height: 800px; background: url(../../../images/inicio/slider_final/fabricacion_en_metal_policarbonato_y_vidrio_en_estructuras_para_cubiertas_y_marquesinas_575.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_2_final { height: 800px; background: url(../../../images/inicio/slider_final/instalacion_profesional_de_calidad_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_575.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_3_final { height: 800px; background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas_pergolas_domos_y_cubiertas_en_bogota_colombia_575.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_4_final { height: 800px; background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas_para_pergolas_y_marquesinas_de_casas_y_edificios_575.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#column-wrap-id-0a56aebb-cef4-4c3c-8bcb-569521fab367, 
#column-wrap-id-c865ad71-1f02-496e-9c7c-d2fb68907061, 
#column-wrap-id-ce37a7e0-5110-454b-b3df-58ee3ab5fe7b { padding-left:25px; padding-right:25px;
}
#section-id-49b66324-cb2e-421c-ab0d-df851f537db9 .sppb-row-container, 
#section-id-7c0a8e5d-105d-404b-bcdd-5c9c67688a72 .sppb-row-container, 
#section-id-cfae9604-aab0-4809-9ad0-c039f60d29bd .sppb-row-container { padding-left:0px; padding-right:0px;
}
#section-id-49b66324-cb2e-421c-ab0d-df851f537db9, 
#section-id-7c0a8e5d-105d-404b-bcdd-5c9c67688a72, 
#section-id-cfae9604-aab0-4809-9ad0-c039f60d29bd { padding:0px!important;
}
.slider_final_box_left { border-radius: 5px; border: 1px solid #fff; height: 300px;
}
.slider_final_box_left img { border-radius: 5px;
}
.slider_final_box_left .sppb-carousel-arrow i { top: 41%;
}
.slider_final_box_left .sppb-carousel-arrow.left i { margin-left: -8px;
}
.slider_final_box_left .sppb-carousel-arrow.right i { margin-right: -8px;
}
.slider_final_box_left .sppb-carousel-arrow { font-size: 44px; opacity: 1; text-shadow: 0px 2px 0px rgb(0, 0, 0);
}
.slider_final_box { width: 100%; max-width: 100%; padding: 20px;
}
.slider_final_box h2 { font-size: 36px !important; line-height: 42px !important; letter-spacing: -1px; margin-bottom: 15px !important; font-weight: 800 !important; margin-top: 20px; color: #fff;
}
.slider_final_box p { font-size: 16px; line-height: 26px; color: #fff; margin-bottom: 1.8rem; font-weight:300;
}
#mod-custom169, #mod-custom170, #mod-custom171, #mod-custom172 { display:none;
/*slider final - final*/
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:24px;
}
#servicios_inicio .sppb-col-xs-6 { width:100%; ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;
}
#servicios_inicio .sppb-col-xs-6 { min-height: 0px;
}
#servicios_inicio .sppb-flipbox-panel { border-bottom:1px solid #fff;
}
#sppb-addon-bd5e75eb-7d2f-4c7c-b01e-04b4f8d8379c .sppb-flipbox-panel { border-bottom:none;
/*servicios_inicio - final*/
}
}
@media (min-width:480px) {
.no_min_480 { display:none!important;
}
/*--slide_inicio - inicio--*/
.slide_inicio_1 p, .slide_inicio_2 p, .slide_inicio_3 p { display:none;
/*--slide_inicio - final--*/
}
}
@media (min-width:480px) and (max-width:539px) {
.no_min_480_max_539 { display:none!important;
}
/*--slide_inicio - inicio--*/
#slide_inicio { height:300px; 
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_590.webp) center center no-repeat; height:300px; 
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_590.webp) center center no-repeat; height:300px; 
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_590.webp) center center no-repeat; height:300px;
}
.slide_inicio_fondo_contenido { height: 300px; margin-bottom: -300px;
}
.bg_video_inicio_2 { max-width: 410px; margin: auto; z-index: 0; position: relative; top: 28px;
}
#slide_inicio h3 { font-size: 27px; line-height: 27px; width: 80%; margin: auto;
}
#slide_inicio .enlace_ofertas img { width: 360px; height: auto; margin: 30px auto -5px;
/*--slide_inicio - final--*/
}
/*servicios_inicio - inicio*/ 
#servicios_inicio h4 { font-size:15px;
}
#servicios_inicio .sppb-flipbox-back .flip-box-inner { padding: 15px!important; height:auto;
}
#servicios_inicio .sppb-flipbox-panel { height:177px; max-height:177px;
/*servicios_inicio - final*/ 
}
}
@media (min-width:480px) and (max-width:575px) {
.no_min_480_max_575 { display:none!important;
}
/*slider final - inicio*/
#slider_1_final { height: 750px; background: url(../../../images/inicio/slider_final/fabricacion_en_metal_policarbonato_y_vidrio_en_estructuras_para_cubiertas_y_marquesinas_575.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_2_final { height: 750px; background: url(../../../images/inicio/slider_final/instalacion_profesional_de_calidad_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_575.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_3_final { height: 750px; background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas_pergolas_domos_y_cubiertas_en_bogota_colombia_575.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_4_final { height: 750px; background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas_para_pergolas_y_marquesinas_de_casas_y_edificios_575.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_1_final .sppb-row-container, #slider_1_final .sppb-row-column, 
#slider_2_final .sppb-row-container, #slider_2_final .sppb-row-column, 
#slider_3_final .sppb-row-container, #slider_3_final .sppb-row-column, 
#slider_4_final .sppb-row-container, #slider_4_final .sppb-row-column { padding:0px;
}
#slider_1_final .sppb-row, #slider_2_final .sppb-row, #slider_3_final .sppb-row, #slider_4_final .sppb-row { margin:0!important;
}
.slider_final_box { width: 85%; max-width: 85%; padding: 20px;
}
.slider_final_box h2 { font-size: 38px !important; line-height: 42px !important; letter-spacing: -1px; margin-bottom: 15px !important; font-weight: 800 !important; margin-top: 0; color: #fff;
}
.slider_final_box p { font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 1.8rem; font-weight:300;
}
.slider_final_box_left { height: 320px; margin-bottom: 15px; border-radius: 5px; border: 1px solid #fff; padding: 10px; background: rgba(0, 0, 0, 0.5);
/*slider final - final*/
}
}
@media (min-width:480px) and (max-width:767px) {
.no_min_480_max_767 { display:none!important;
}
/*--slide_inicio - inicio--*/
#slide_inicio .youtube-player .play, #slide_inicio .youtube-player .play:hover { height: 84px!important; width: 118px!important; margin-left: -59px!important; margin-top: -42px!important; background-size:cover!important;
/*--slide_inicio - final--*/
}
/*--estructuras blanco - inicio--*/
.estructuras_blanco_top_right, .estructuras_blanco_center_1_left, .estructuras_blanco_center_2_right, .estructuras_blanco_center_3_left, .estructuras_blanco_center_4_right, .estructuras_blanco_bottom_right { padding: 60px 40px;
}
.estructuras_blanco_top_left { background: url(../../../images/inicio/estructuras_blanco/marquesinas_corredizas_y_pergolas_metalicas_para_patios_terrazas_y_exteriores_en_bogota_767.webp) bottom right; min-height:430px;
}
.estructuras_blanco_center_1_right { background: url(../../../images/inicio/estructuras_blanco/montaje_de_cubiertas_techos_y_estructuras_metalicas_arquitectonicas_en_bogota_colombia_767.webp) bottom right; min-height:430px;
}
.estructuras_blanco_center_2_left { background: url(../../../images/inicio/estructuras_blanco/soluciones_industriales_para_la_fabricacion_de_pergolas_marquesinas_domos_y_cubiertas_767.webp) bottom right; min-height:430px;
}
.estructuras_blanco_center_3_right { background: url(../../../images/inicio/estructuras_blanco/calidad_diseno_y_funcionalidad_en_pergolas_metalicas_y_marquesinas_en_bogota_767.webp) bottom right; min-height:430px;
}
.estructuras_blanco_center_4_left { background: url(../../../images/inicio/estructuras_blanco/diseno_e_instalacion_de_techos_cubiertas_y_estructuras_metalicas_en_bogota_colombia_767.webp) bottom right; min-height:430px;
}
.estructuras_blanco_bottom_left { background: url(../../../images/inicio/estructuras_blanco/estructuras_metalicas_para_exteriores_en_pergolas_y_marquesinas_en_bogota_colombia_767.webp) bottom right; min-height:430px;
}
.estructuras_blanco_top_left .espacio_estructuras_blanco_izquierda img, .estructuras_blanco_bottom_left .espacio_estructuras_blanco_izquierda img { width: 130px; height: auto; bottom: 15px; position: absolute; right: 15px;
}
.estructuras_blanco_center_2_left .espacio_estructuras_blanco_izquierda img, .estructuras_blanco_center_4_left .espacio_estructuras_blanco_izquierda img { width: 130px; height: auto; bottom: 15px; position: absolute; right: 15px;
}
.estructuras_blanco_top_left .espacio_estructuras_blanco_izquierda h3, 
.estructuras_blanco_bottom_left .espacio_estructuras_blanco_izquierda h3 { top: 15px; letter-spacing: 0px; left: 25px; font-size: 44px !important; line-height: 44px !important; width:90%;
}
.estructuras_blanco_center_2_left .espacio_estructuras_blanco_izquierda h3, 
.estructuras_blanco_center_4_left .espacio_estructuras_blanco_izquierda h3 { top: 15px; letter-spacing: 0px; left: 25px; font-size: 45px !important; line-height: 45px !important; width:90%;
}
.espacio_estructuras_blanco_izquierda { height: 430px; width: 100%; max-width: 100%; margin-left: 15px; position: absolute;
/*--estructuras blanco - final--*/
}
}
@media (min-width:480px) and (max-width:768px) {
.no_min_480_max_768 { display:none!important;
}
/*servicios_inicio - inicio*/ 
#servicios_inicio .sppb-col-xs-6 { width:50%; ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;
/*servicios_inicio - final*/
}
}
@media (min-width:480px) and (max-width:991px) {
.no_min_480_max_991 { display:none!important;
}
}
@media (min-width:480px) and (max-width:1199px) {
.no_min_480_max_1199 { display:none!important;
}
}
@media (min-width:480px) and (max-width:1365px) {
.no_min_480_max_1365 { display:none!important;
}
/*slider final - inicio*/
.slider_final_box .sppb-row-column { max-width: 100% !important; flex-basis: 100% !important;
}
.slider_final_box_left { padding:10px!important;
/*slider final - final*/
}
}
@media (max-width:500px) {
.no_max_500 { display:none!important;
}
/*header-sticky - inicio*/
#sp-header.header-sticky { margin-top: -7px;
}
#sp-header.header-sticky .container { width: 100%; max-width: 100%; transform: scale(0.85);
/*header-sticky - final*/
}
/*3 módulos - inicio*/
#column-wrap-id-a00aa081-c51b-4481-bcc6-16c690a61228 { order: 1;
                                                      }
#column-wrap-id-95b3798e-f127-4b4b-9e9e-eb797c7feade { order: 2;
                                                      }
#column-wrap-id-e44dec66-630e-47dc-956f-c5e76062b8f5 { order: 3;
                                                      }
#column-wrap-id-fb13d475-b6dc-4120-96cf-62881e3bcd4a { order: 4;
                                                      }
#column-wrap-id-2579576a-ab22-40c9-a514-cfa361b7010c { order: 5;
                                                      }
#column-wrap-id-d8dc6adf-1340-46c0-b0e2-34a3134c8620 { order: 6;
                                                      }
#column-wrap-id-1b760690-0899-4152-b819-fe6a9fd72140 { order: 7;
}
#sppb-addon-wrapper-e50ff6fb-a030-4b20-8797-b6fab8de76db { margin-bottom: 30px!important;
}
#section-id-3b06abe3-b4b8-41d5-b2ba-7bd7ef4b7424 { padding-right: 0px!important;
}
#sppb-addon-aa6935b4-d67a-4ea9-8d7a-daf52b5c0ab5 .about-section-image-1::before, 
#sppb-addon-5d5e5602-764d-44d8-94ca-98e914605092 .about-section-image-1::before, { display: none;
}
#sppb-addon-aa6935b4-d67a-4ea9-8d7a-daf52b5c0ab5 .sppb-addon-single-image-container, 
#sppb-addon-5d5e5602-764d-44d8-94ca-98e914605092 .sppb-addon-single-image-container { width: 100%!important; max-width:100%!important;
}
#sppb-addon-aa6935b4-d67a-4ea9-8d7a-daf52b5c0ab5 .about-section-image-1, 
#sppb-addon-5d5e5602-764d-44d8-94ca-98e914605092 .about-section-image-1 { max-width: 100%!important;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 { padding-bottom: 15px!important;
}
#sppb-addon-70e1500e-b50e-4d62-9b72-35ff7467560d .sppb-empty-space { height: 40px!important;
}
#sppb-addon-9d8db078-56f2-473f-88c6-a8fe455fdd97 .sppb-addon-title { margin-bottom: 25px!important;
}
#sppb-addon-wrapper-9d8db078-56f2-473f-88c6-a8fe455fdd97 { margin-bottom: 35px!important;
}
#section-id-bf604310-f01b-4986-9cd0-758135e3e96f { padding-bottom: 40px!important;
}
#sppb-addon-d38e188d-5433-46c8-9861-0c2410a8bc1e .sppb-addon-header .sppb-addon-title { font-size: 19px!important; line-height:19px!important; color: var(--maincolor);
}
#sppb-addon-9d8db078-56f2-473f-88c6-a8fe455fdd97 h2 { font-size: 35px!important; line-height: 41px!important; letter-spacing: 0px!important;
}
#sppb-addon-9267e956-e6fb-4553-925e-e08f70fe69e7 h2 { font-size: 35px!important; line-height: 41px!important; letter-spacing: 0px!important; margin-bottom: 30px; color: var(--secondcolor); display: inline-block; word-break: break-word; font-family: "Red Hat Display", sans-serif; font-weight: 700; 
}
#column-wrap-id-0fda860d-df61-4e10-8949-2184b3f84221 { display:none;
}
#sppb-addon-4350f763-de0d-4930-b2f0-4abfa801eb32 .sppb-addon-title { display:none;
}
#sppb-addon-9267e956-e6fb-4553-925e-e08f70fe69e7 .about-section-content-column-info-box { max-width: 100%!important;
}
#sppb-addon-4350f763-de0d-4930-b2f0-4abfa801eb32 .about-section-content-column-info-box { padding: 15px 0px 0px 0px !important; background: none !important;
}
#sppb-addon-5d5e5602-764d-44d8-94ca-98e914605092 .about-section-image-1 img { width: 100%; border-radius: 10px;
}
#sppb-addon-9267e956-e6fb-4553-925e-e08f70fe69e7 .about-section-content-column-info-box { border-top: none!important;
}
#sppb-addon-9267e956-e6fb-4553-925e-e08f70fe69e7 .about-section-content-column-info-box { padding: 0 0 40px!important;
}
#column-wrap-id-d7ab2f74-a1fa-46ba-a5a1-b4f0ca369048 { padding-top: 10px;
}
#sppb-addon-9d8db078-56f2-473f-88c6-a8fe455fdd97 .sppb-addon-title, 
#sppb-addon-9267e956-e6fb-4553-925e-e08f70fe69e7 h2 { margin-bottom: 25px;
}
#sppb-addon-wrapper-4350f763-de0d-4930-b2f0-4abfa801eb32 { margin-bottom: 0px!important;
}
#sppb-addon-9267e956-e6fb-4553-925e-e08f70fe69e7 img { border-radius:10px; width:100%;
}
#sppb-addon-9267e956-e6fb-4553-925e-e08f70fe69e7 .about-section-content-column-info-box, #sppb-addon-4350f763-de0d-4930-b2f0-4abfa801eb32 .about-section-content-column-info-box { background-color: transparent !important; box-shadow: none !important;
}
#sppb-addon-4350f763-de0d-4930-b2f0-4abfa801eb32 .about-section-content-column-info-box { border-top: none!important; padding:0px!important;
}
#sppb-addon-wrapper-7376cd13-86d9-4b08-9278-d391f7c53525 { margin-bottom: 15px!important;
}
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box { padding: 30px 30px 25px !important;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title .title { font-size: 20px!important; line-height: 26px!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .title, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .title, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .title, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .title, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .title { font-size: 20px!important; line-height: 26px!important; margin:0;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box p { font-size: 16px!important; line-height: 22px!important; margin-bottom: 0px!important;
}
.modulo_azul_3_modulos h2 { font-size: 30px!important; line-height: 40px!important;
}
#sppb-addon-476a055f-8f27-44bc-9fc3-64c69d4012de, 
#sppb-addon-4e21e626-5cac-4425-8415-8acbb106e899, 
#sppb-addon-cf9ddebf-904d-4a64-b672-669dc0a1d16e { background: #fff; padding: 15px 15px 0px;
}
#column-wrap-id-fb13d475-b6dc-4120-96cf-62881e3bcd4a { margin-bottom:15px;
}
#column-id-fb13d475-b6dc-4120-96cf-62881e3bcd4a { background: url(../../../images/service/h2/03.jpg) var(--maincolor) bottom left no-repeat; box-shadow: 0 10px 60px rgba(0,0,0,0.1) !important; padding: 26px;
}
#column-wrap-id-fb13d475-b6dc-4120-96cf-62881e3bcd4a .sppb-gallery { margin: 0!important;
}
#column-wrap-id-fb13d475-b6dc-4120-96cf-62881e3bcd4a .sppb-gallery li { margin: 1%!important; width: 31%;
}
#column-wrap-id-fb13d475-b6dc-4120-96cf-62881e3bcd4a .sppb-gallery img { width: 100%!important; height: 100%!important; border: 1px solid #fff;
}
#column-wrap-id-fb13d475-b6dc-4120-96cf-62881e3bcd4a .sppb-btn { margin: 26px 1% 1% 1%;
}
#column-wrap-id-fb13d475-b6dc-4120-96cf-62881e3bcd4a h2 { color:#fff; margin-bottom:25px;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0, 
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box, 
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box::before, 
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box:hover, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box::before, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box:hover, 
#sppb-addon-316c8de5-b678-4106-8958-78719a3829c5, 
#sppb-addon-316c8de5-b678-4106-8958-78719a3829c5 .feature-block-inner-box, 
#sppb-addon-316c8de5-b678-4106-8958-78719a3829c5 .feature-block-inner-box::before, 
#sppb-addon-316c8de5-b678-4106-8958-78719a3829c5 .feature-block-inner-box:hover,  
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box::before, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box:hover, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box::before, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box:hover { background: #fff!important; background-size: cover !important; background-image:none!important; box-shadow: 0 10px 60px rgba(0, 0, 0, 0.1)!important;
}
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box::before, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box:hover { background: var(--bs-gray-900)!important; background-size: cover !important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .title, 
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box:hover .title a, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .title, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box:hover .title a, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .title, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box:hover .title a, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .title, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box:hover .title a { color:#1C2539!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box p a, 
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box:hover p a, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box p a, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box:hover p a, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box p a, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box:hover p a, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box p a,  
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box:hover p a { color:#5D666F!important;
}
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .title, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box:hover .title a { color: #fff!important;
}
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box p a, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box:hover p a { color: #ccc!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box::before, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box::before, 
#sppb-addon-316c8de5-b678-4106-8958-78719a3829c5 .feature-block-inner-box::before, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box::before, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box::before, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box::before { transition: all 0ms linear!important;
}
.modulo_mantemiento_inicio_1 { display:none;
}
.slider_nuevo_inicio h2, .slider_nuevo_inicio h3, .slider_nuevo_inicio h4 { max-width: 85%!important;
/*3 módulos - final*/
}
/*Asesoría y Consultoría Técnica - inicio*/
#sppb-addon-wrapper-26a1d72a-b17f-445b-9d9e-1e7b50749308 { margin-bottom: 60px!important;
/*Asesoría y Consultoría Técnica - final*/
}
/*Pérgolas Metálicas, Marquesinas Corredizas - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 h1 { font-size: 31px; line-height: 41px;
}
#sppb-addon-wrapper-da717c72-3060-4098-92c2-4189b00a0824, 
#sppb-addon-wrapper-6672222a-cdf6-4ea1-a597-4fe9c6464a2b { display:none;
}
#sppb-addon-6672222a-cdf6-4ea1-a597-4fe9c6464a2b .sppb-addon-title { letter-spacing: 0px; margin-bottom: -5px;
}
.sp-page-builder .page-content #section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 { padding-top: 15px!important; padding-bottom: 15px!important;
}
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 h5 { font-size: 27px!important; line-height: 1.24;
}
#sppb-addon-wrapper-54160660-870e-481d-9c16-4ebdf5ccc679, #sppb-addon-wrapper-58de00d2-8072-4f51-bf1a-70d6cad5a36f, #sppb-addon-wrapper-7a3aa6fb-6945-437a-abe6-0808677c2120, #sppb-addon-wrapper-efb188f7-3acd-4d3f-aff2-cd5df910a960, 
#sppb-addon-wrapper-9cc977af-4ec6-4dda-8808-03c8b678826e { margin-bottom: 15px!important;
}
#sppb-addon-wrapper-e8856634-ca69-4a34-a85e-97dbf49fb796 { margin-bottom: 0px!important;
}
#sppb-addon-cb2d740d-0d52-40a3-8e32-bd212346b923 img { margin: 0px auto 15px; width: 100%; padding: 15px; border: 1px solid #e6e8ed;
/*Pérgolas Metálicas, Marquesinas Corredizas - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#aboutus { padding-top: 60px!important; padding-bottom: 60px!important;
}
#sppb-addon-e513ca9a-be13-45bc-aa62-c605d52e575f .sppb-addon-header .sppb-addon-title { font-size:18px;
}
#sppb-addon-bea0ab9d-bc6d-4960-b7cc-18b0ebef5af4 .single-business-solution i, 
#sppb-addon-07096ef1-dd75-4480-add1-0b23204b30ff .single-business-solution i { height: 22px!important; width: 22px!important; font-size: 13px!important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Asesoría y Consultoría Técnica - inicio*/
#section-id-16c5364b-b771-4aa8-972e-65fdc4d7924b { padding-top: 60px!important; padding-bottom: 40px!important;
}
#sppb-addon-65f40d83-f085-4a67-b569-6700e38130ee .sppb-person-name, 
#sppb-addon-a3163f5b-cfdc-4b6a-814e-4e9c7028d40d .sppb-person-name, 
#sppb-addon-3677e679-8da4-473c-a3d9-ab33d087d9a4 .sppb-person-name, 
#sppb-addon-b52139b0-2711-4ef3-9c05-cd790eaa599c .sppb-person-name { font-size: 30px!important; line-height:34px!important;
}
#sppb-addon-65f40d83-f085-4a67-b569-6700e38130ee .sppb-person-designation, 
#sppb-addon-a3163f5b-cfdc-4b6a-814e-4e9c7028d40d .sppb-person-designation, 
#sppb-addon-3677e679-8da4-473c-a3d9-ab33d087d9a4 .sppb-person-designation, 
#sppb-addon-b52139b0-2711-4ef3-9c05-cd790eaa599c .sppb-person-designation { font-size: 22px!important; line-height: 26px!important;
/*Asesoría y Consultoría Técnica - final*/
}
/*--Diseño, Fabricación e Instalación - inicio--*/
#sppb-addon-4d89f185-fcb5-440b-98c5-8d099c0cd1ae .sppb-addon-title { font-size: 36px; line-height:40px; margin-bottom: 20px!important;
}
#sppb-addon-33853675-1ad8-482d-9988-3c35ea871396 .sppb-addon-header .sppb-addon-title { font-size: 18px!important; line-height: 28px!important;
}
#ejercicio_slider { padding-top: 60px!important; padding-bottom: 40px!important;
/*--Diseño, Fabricación e Instalación - final--*/
}
/*Tu Proyecto de Techos y Cubiertas - inicio*/
#column-id-332efd91-b64e-4c57-964a-e5d8c5d6f605 { padding-left: 15px !important; padding-right: 15px !important; padding-bottom:15px!important; padding-top: 60px!important;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07, #sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07::after { height: 540px;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07 { background: url(../../../images/inicio/tu_proyecto_de_acceso/tecnicos_expertos_para_la_instalacion_montaje_y_mantenimiento_de_pergolas_metalicas_540.webp) center center no-repeat; background-size: cover;
}
#section-id-26a940a2-30d7-45ae-854e-ee7b7d2e1773 { margin-right: 0!important;
}
#column-wrap-id-3e1a8831-e71e-459d-95ca-e047b4894c38 { padding-bottom: 70px;
}
#sppb-addon-35cd97ed-bfbe-4d4b-85b6-8fe7f3642dbd .sppb-addon-header .sppb-addon-title { font-size: 20px!important; line-height: 24px!important;
}
#sppb-addon-4fac7e07-95e2-451e-a38c-072d2c65f9a5 .sppb-addon-title { font-size: 32px; line-height: 36px;
/*Tu Proyecto de Techos y Cubiertas - final*/
}
/*Tenemos años de experiencia - inicio*/
#section-id-21002268-e516-44ac-887b-9573b8990d74 { padding-top: 60px!important; padding-bottom: 0px!important;
}
#column-wrap-id-f4cfc9cb-b1cc-4a3d-b9e8-1bae638d6c30 { padding-left: 15 !important; padding-right: 15 !important; margin-top: 0px !important; margin-bottom: 15px;
}
#sppb-addon-5bf10b5d-19f2-4032-a61d-52f7373f88ed img { border-radius: 5px;
}
#sppb-addon-69cd8d8d-52ff-4c12-bbfc-8087b2b2baa0 .sppb-addon-header .sppb-addon-title { font-size: 19px;
}
#sppb-addon-e1c3cb0a-bdda-4c42-b683-ffccaa3e980b .sppb-addon-title { font-size: 27px; line-height: 37px;
}
#sppb-addon-e1c3cb0a-bdda-4c42-b683-ffccaa3e980b .sppb-addon-title span { font-size: 43px!important;
}
#sppb-addon-FgbP8djiKhZ_CH_bmhSTQ .sppb-panel-custom .sppb-panel-heading .sppb-panel-title, #sppb-addon-5171c599-2848-40b9-b0b2-370f48efe9f7 .sppb-panel-custom .sppb-panel-heading .sppb-panel-title { font-size: 24px !important; line-height: 28px !important; margin-top: 10px; display: block; margin-bottom: 15px; padding-right: 25px;
}
#sppb-addon-5171c599-2848-40b9-b0b2-370f48efe9f7 .sppb-panel.sppb-panel-custom { margin-bottom:15px!important;
}
#sppb-addon-5171c599-2848-40b9-b0b2-370f48efe9f7 .sppb-btn { margin-top: 25px;
/*Tenemos años de experiencia - final*/
}
/*Marquesinas para Patios y Terrazas en Bogotá - inicio*/
#section-id-e591c66f-b8f8-4e69-9f10-a1aedce204e6 { padding-top: 0px !important; padding-bottom: 100px !important;
}
#sppb-addon-05b4dfbe-ce01-4047-b50d-1ef837c7ab92 .sppb-addon-header .sppb-addon-title { font-size: 20px !important; line-height: 20px !important;
}
#sppb-addon-35900f15-bc5a-4c15-bfd2-5cf676ad9e9a h2 { font-size: 34px; line-height: 40px;
}
#sppb-addon-97a8ec6c-928e-433e-bc4c-df4ea421c419 .single-feature-one i { font-size: 18px !important; line-height: 18px !important; height: 30px; width: 30px; text-align: center;
}
#sppb-addon-97a8ec6c-928e-433e-bc4c-df4ea421c419 { padding-right: 0!important;
}
#sppb-addon-wrapper-c636c3c8-3e02-4876-bfdf-bf337595aa72, 
#sppb-addon-wrapper-cd901840-16db-43f0-8b08-91557ad0da53, 
#sppb-addon-wrapper-90a68c0f-92fa-4edd-ba59-d69d97842bc9, 
#sppb-addon-wrapper-38f17255-c463-49f3-92df-29e98e6de1e8 { width:100%;
}
#sppb-addon-97a8ec6c-928e-433e-bc4c-df4ea421c419 .sppb-addon-header .sppb-addon-title { font-size: 18px!important; line-height: 0!important;
}
#sppb-addon-wrapper-35900f15-bc5a-4c15-bfd2-5cf676ad9e9a { margin-bottom: 25px!important;
}
#sppb-addon-c6756f1b-a3ec-4f99-a3d6-3030ec87d1fc .rts-service-areah2-im-3-image-area-three { left: 12%!important;
}
#sppb-addon-090026a2-4236-4cf5-b21b-fef599941fed .rts-service-areah2-im-3-image-area-three { top: 100% !important; margin-top: -420px !important; left: 50px !important;
}
#sppb-addon-wrapper-431ec243-4d1d-4946-a75a-fde9d8bef2ec { left: 45px !important; top: 30px !important;
}
#sppb-addon-wrapper-1f271179-f6ac-4a69-832c-eecf29a67168, #sppb-addon-wrapper-1d91e789-5470-4e56-9421-5f31b209b0db { display:none!important;
}
#sppb-addon-wrapper-431ec243-4d1d-4946-a75a-fde9d8bef2ec { top: 40px;
}
.sp-page-builder .page-content #section-id-e591c66f-b8f8-4e69-9f10-a1aedce204e6 { padding-bottom: 0px!important;
}
#sppb-addon-431ec243-4d1d-4946-a75a-fde9d8bef2ec { display:none!important;
/*Marquesinas para Patios y Terrazas en Bogotá - final*/
}
/*Creamos experiencias con estructuras - inicio*/
#section-id-72afe6f8-36b5-42b0-8bca-b9c687bb7af5 { padding-top: 60px!important; padding-bottom:0px!important;
}
#sppb-addon-3037503f-353d-4d7b-8368-b708dd912ee6 .sppb-addon-header .sppb-addon-title { font-weight: 800!important; font-size: 18px!important;
}
#sppb-addon-e664524c-38eb-4551-914a-98df1b5827b9 .sppb-addon-title { font-size: 34px; line-height: 40px;
}
#column-id-1779d793-1ef4-4953-bb70-c07b13feba0c img { height: 65px !important; width: 65px !important; max-width: 65px !important;
}
#sppb-addon-a5d24b08-45a1-4f30-bc34-7154dfe7b485 .sppb-addon-header .sppb-addon-title, 
#sppb-addon-007b5dcb-efb9-4bcf-9c3d-3b657ede0a92 .sppb-addon-header .sppb-addon-title { font-size: 22px!important;
}
#sppb-addon-4f4b7ba4-7537-4f3f-9243-0dcaa23633ef.about-section-text-block .fa { font-size: 40px!important; width: 70px!important; height: 70px!important;
}
#sppb-addon-82aa4f1d-4df4-4c8c-930e-6e6016f47044 p { font-size:16px!important;
}
#sppb-addon-06e57606-df0a-4e5a-a4a5-47ee74ee913f .sppb-addon-header .sppb-addon-title { font-size: 22px!important;
/*Creamos experiencias con estructuras - final*/
}
/*Ornamentación y Acabados Únicos - inicio*/
#section-id-44537d9a-b0f1-4481-8f2e-60d057560617 { padding-top: 60px!important;
}
#sppb-addon-2862182b-5f6d-4798-9317-d3ec71076f7c .sppb-addon-header .sppb-addon-title { font-size: 20px!important; line-height: 24px!important;
}
#sppb-addon-84092dcc-e306-4e63-a4de-ab2b01f22257 .sppb-addon-title { font-size: 34px!important; line-height: 40px!important;
}
#sppb-addon-40b7fc49-794e-4305-bba1-91838a94a130 .sppb-addon-title { font-size: 24px!important;
/*Ornamentación y Acabados Únicos - final*/
}
/*Mantenimiento, Reparación y Remplazo - inicio*/
#sppb-addon-7f3fec52-5486-41ec-96f6-ff81f399d695 .sppb-feature-box-title { font-size: 20px!important; line-height: 24px!important;
}
#section-id-002cadb4-9bdb-4b52-94e2-2f3c7058a1bd { padding-top: 50px!important;
}
#sppb-addon-744fafef-e71e-4416-b41f-155d435cb3a9 img { border-radius: 20px!important;
}
#sppb-addon-16d7e00e-bf70-475c-bbd7-1080bdde88e2 h2 { font-size: 34px!important; line-height: 40px!important;
}
#sppb-addon-3bf43f02-b7b9-49ad-b4b4-22766d97f15e .sppb-addon-title, 
#sppb-addon-07751be2-24c7-44e0-884c-f9a02d3df60e .sppb-addon-title { font-size: 24px!important;
}
#sppb-addon-wrapper-1e9a5f89-5d09-4822-a847-03d5831adcf3 { display:none!important;
}
#sppb-addon-ec5e85b0-f6f1-4bad-9ddf-9b61c6b77e74 { margin-bottom:30px!important;
/*Mantenimiento, Reparación y Remplazo - final*/
}
/*Tipos y Materiales en Puertas y Cortinas Enrollables - inicio*/
#section-id-e04256fb-6519-4202-8481-0f1646ced0ce { padding-top: 35px!important; padding-bottom:0px!important;
}
#sppb-addon-b59d623e-c22e-47ed-8ce0-f99a6ecf6441 .sppb-addon-header .sppb-addon-title { font-size: 20px!important; line-height: 24px!important;
}
#sppb-addon-d0cbf8d0-21ac-47c0-8c29-2e233a9d6ef2 .sppb-addon-title { font-size: 34px!important; line-height: 40px!important;
}
#sppb-addon-025181af-beb2-47c0-8c69-a1055797a913 .why-choose-us-three-info-box .title { font-size: 24px!important; font-weight: 700!important;
}
#sppb-addon-wrapper-8c3e0232-5ecf-48d6-9772-267d3061da67 { display: none;
}
#sppb-addon-wrapper-025181af-beb2-47c0-8c69-a1055797a913 { margin-bottom: 30px!important;
 /*Tipos y Materiales en Puertas y Cortinas Enrollables - final*/
}
/*Instalación de Pérgolas Metálicas - inicio*/
#section-id-3dbb5629-51cc-425d-8604-2aadbb716829 { padding-top: 70px!important; padding-bottom: 20px!important;
}
#sppb-addon-414949ec-209e-42fb-af3b-ab9561ac9268 { margin-bottom: 30px!important;
/*Instalación de Pérgolas Metálicas - final*/
}
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - inicio*/
#column-wrap-id-abf374c8-d2ed-4508-b8d9-c0cdea75cab1 { display:none!important;
}
#section-id-91bf1801-1e4f-471c-933b-43a56edd8749 { padding-top: 0!important; padding-bottom: 25px!important;
}
#sppb-addon-51750bd4-ee40-48cd-bbaa-ae3c13110ed1 { margin-bottom: 35px!important;
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - final*/
}
/*Marquesinas Manuales y Automáticas - inicio*/
#section-id-857f94f0-375a-49c1-937c-bcce627d2af3, 
#section-id-dbcd97bd-81d3-44f4-a981-607141c5d214 { padding-top: 60px!important; padding-bottom: 10px!important;
/*Marquesinas Manuales y Automáticas - final*/
}
/*Cuál Marquesina se Ajusta - inicio*/
#column-wrap-id-1214f42a-fbce-4ad3-a21e-cbf649a8449a, 
#column-wrap-id-66f86c00-86ca-4649-89b6-bf35bb5cb3a9 { display:none!important;
}
#section-id-1b53e5c4-1e75-4b1a-a3d9-0a1f096e53af, 
#section-id-444104c1-bf39-4068-be3f-593bd5fffea3 { padding-top: 0!important; padding-bottom: 20px!important;
}
#sppb-addon-529c9baf-0753-4ed9-974e-8db2e21d7d06, 
#sppb-addon-6f6f4aa3-fd9d-4d29-9b29-d4cb98bd32df { margin-bottom: 30px!important;
}
#sppb-addon-a9411ad1-bfc9-4af4-a673-8d2144762f4d, 
#sppb-addon-27c019a1-1755-4879-beb5-e40af5dcd3dd { margin-bottom: 40px!important;
/*Cuál Marquesina se Ajusta - final*/
}
/*Comuníquese con Nuestro Equipo - inicio*/
#sppb-addon-53a25e66-635f-46c4-a539-c58bda025625 .sppb-addon-header .sppb-addon-title { line-height: 50px!important;
/*Comuníquese con Nuestro Equipo - final*/
}
/*Nuestras soluciones - inicio*/
#sppb-addon-4abb98ee-519f-4788-80b2-9253fe9a5ad6 img, 
#sppb-addon-ce8167cd-ce69-4b9d-af80-93197905a660 img, 
#sppb-addon-2a0113ac-611b-4701-887c-4098d58f9d52 img, 
#sppb-addon-1e8391ae-8237-47d2-89fb-11c3289e4895 img { width: 160px; padding: 37px;
}
#sppb-addon-3ccf3e1e-e7bb-4c33-aa41-32d89eccec78.feature-block-one .icon-wrap .icon, 
#sppb-addon-7a7d0f48-d6d5-4d4d-947a-a9c02ee7d56d.feature-block-one .icon-wrap .icon, 
#sppb-addon-5a9195aa-d7a0-49b6-a3ea-1be01daed5a5.feature-block-one .icon-wrap .icon, 
#sppb-addon-79cc2f6f-b648-4729-b5f6-81f557ce74be.feature-block-one .icon-wrap .icon { width:160px!important; height:160px!important;
}
#sppb-addon-3ccf3e1e-e7bb-4c33-aa41-32d89eccec78.feature-block-one .icon-wrap, #sppb-addon-7a7d0f48-d6d5-4d4d-947a-a9c02ee7d56d.feature-block-one .icon-wrap, #sppb-addon-5a9195aa-d7a0-49b6-a3ea-1be01daed5a5.feature-block-one .icon-wrap, #sppb-addon-79cc2f6f-b648-4729-b5f6-81f557ce74be.feature-block-one .icon-wrap { margin-top: -151px !important; margin-bottom: 5px !important;
}
#sppb-addon-3ccf3e1e-e7bb-4c33-aa41-32d89eccec78, 
#sppb-addon-7a7d0f48-d6d5-4d4d-947a-a9c02ee7d56d, 
#sppb-addon-5a9195aa-d7a0-49b6-a3ea-1be01daed5a5, 
#sppb-addon-79cc2f6f-b648-4729-b5f6-81f557ce74be { margin-top: 126px !important; margin-bottom: 50px !important;
}
#section-id-6c391ad4-fd4b-4943-b1f9-b3149620a3a3 { padding-bottom: 0px!important; padding-top:65px!important;
}
#sppb-addon-0e9824ef-6953-4b27-9288-eab39c4c6609 img, 
#sppb-addon-b2b047a6-2751-4fe6-8dc7-7d9324f6eba6 img, 
#sppb-addon-d9a9e3a5-0ad6-4def-a55b-a04456b8e4ab img, 
#sppb-addon-9db777e1-0358-4e91-bb77-dc0a1b615640 img { margin-top:-15px;
}
#section-id-6c391ad4-fd4b-4943-b1f9-b3149620a3a3 h2 { font-size: 35px !important; line-height: 41px !important;
}
#sppb-addon-9ce9846a-d333-4b58-9673-f90cd1c2c284 .sppb-addon-header .sppb-addon-title { margin-bottom:5px!important;
}
#section-id-6c391ad4-fd4b-4943-b1f9-b3149620a3a3 h4 { font-size: 26px !important; line-height: 36px !important;
/*Nuestras soluciones - final*/
}
/*Módulo inicio abajo Productos y Servicios, ¿Por qué elegirnos?, Atención y Horario - inicio--*/
#sppb-addon-f0cfc44c-9da9-4885-a918-6570fe6b00d6 .sppb-addon-title, 
#sppb-addon-c2199b14-0ee6-497b-ba5d-e5e40c2ec695 .sppb-addon-title, 
#sppb-addon-25a150e0-1540-423a-990f-c3d28abf5377 .sppb-addon-title { font-size:26px!important; line-height:36px!important;
/*Módulo inicio abajo Productos y Servicios, ¿Por qué elegirnos?, Atención y Horario - final--*/
}
/*Módulo inicio abajo Algunos Proyectos, Nuestra Empresa, Actualizaciones - inicio--*/
#sppb-addon-f7538af1-33e9-4dc3-b291-31d17748ce45 .sppb-addon-title, 
#sppb-addon-a38c80ff-2b7a-4205-906a-a21fb3cf2427 .sppb-addon-title, 
#sppb-addon-ce33d67f-4cb7-4b33-8689-3a89eb7c9784 .sppb-addon-title { font-size:26px!important; line-height:36px!important;
/*Módulo inicio abajo Algunos Proyectos, Nuestra Empresa, Actualizaciones - final--*/
}
/*Pérgolas, Marquesinas y Cubiertas - inicio*/
.sp-page-builder .page-content #section-id-c9822bce-0118-46cd-960c-4f7b913b84e4 { padding-top: 70px!important;
}
#sppb-addon-ab98ef27-1768-4852-aa91-36d28d1c759b { margin-bottom: 50px!important;
}
#sppb-addon-wrapper-b160c90b-c047-42d3-82c7-bd4a0c822cda { margin-bottom: 25px!important;
}
#sppb-addon-db2380f8-62fe-4483-8979-9b0ae7760c30 { margin-bottom: 10px!important;
}
#sppb-addon-d9f85a53-f07c-4a4b-9328-d403d6fe4b1a .sppb-addon-header .sppb-addon-title { font-size: 18px!important;
/*Pérgolas, Marquesinas y Cubiertas - final*/
}
/*Tipos y Clases de Pérgolas Metálicas - inicio*/
#section-id-25b7f853-d935-4c06-ae8a-0ac64f96d25d { padding-top: 70px!important;
}
#sppb-addon-fcbd3b55-cceb-4425-93d5-5a3472da9f74 .sppb-addon-title { font-size: 34px; line-height: 40px; margin-bottom: 40px!important;
}
#sppb-addon-cc780de3-beea-43bd-a842-7be80503e84a .sppb-addon-header .sppb-addon-title {  font-size: 18px!important;
}
#sppb-addon-wrapper-fcbd3b55-cceb-4425-93d5-5a3472da9f74 { margin-bottom: 0!important;
}
#section-id-25b7f853-d935-4c06-ae8a-0ac64f96d25d h4 { font-size:26px!important; line-height:36px!important;
}
#sppb-addon-f37da170-65ba-43ab-917c-80d8cba4a33a { margin-bottom: 70px!important;
/*Tipos y Clases de Pérgolas Metálicas - final*/
}
/*Explora Nuestros Proyectos - inicio*/
#section-id-26027b35-c911-43e6-a06d-74eae7158215 { padding-top: 65px!important; padding-bottom:30px!important;
}
#sppb-addon-wrapper-5b8b0d45-ac0a-467f-a1f1-095c2d94eaa8 { margin-bottom: 20px!important;
}
#sppb-addon-5b8b0d45-ac0a-467f-a1f1-095c2d94eaa8 .sppb-addon-title { font-size: 34px!important; line-height: 40px!important;
}
#sppb-addon-0d94ceed-71dd-4c8b-b5fa-7b3bd7724e28 .sppb-carousel-extended-subheading { font-size: 26px !important; line-height: 36px !important;
}
#sppb-addon-0d94ceed-71dd-4c8b-b5fa-7b3bd7724e28 .sppb-carousel-extended-heading { font-size: 14px!important;
/*Explora Nuestros Proyectos - final*/
}
/*Ingeniería Integral - inicio*/
#sppb-addon-9d6de734-6587-4b3f-a7db-606104d6c8cf .sppb-addon-title { font-size: 34px; line-height: 40px;
}
#sppb-addon-84989a1c-cd7d-432b-8aa0-00d74f742ddc { margin-bottom: 70px!important;
}
#section-id-8cc09515-3217-47fb-92f9-d98c1d842a0c { padding-top: 65px; padding-bottom:40px;
}
#sppb-addon-34e6d9af-713d-4c24-b5aa-dd4600c42609 .sppb-addon-header .sppb-addon-title, 
#sppb-addon-c5b79375-61a9-4280-9cd2-c9585499a203 .sppb-addon-header .sppb-addon-title, 
#sppb-addon-5a6d3776-bb84-4379-a749-81324633ee28 .sppb-addon-header .sppb-addon-title { font-size: 26px; line-height: 36px;
}
#sppb-addon-b4ef1de6-933e-4900-a4fd-bd590bc32dda, 
#sppb-addon-a975c618-3d85-4772-8b50-ff5255346426, 
#sppb-addon-707ab8d8-7c53-43a2-8a6f-d489d4e00d8b { padding-top: 30px!important;
/*Ingeniería Integral - final*/
}
/*Inspección, Mantenimiento y Reparaciones - inicio*/
#sppb-addon-4c9edc59-de63-4ac0-bdd9-527bee0733ad .sp-slider #sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-0-key #sp-slider-inner-item-4c9edc59-de63-4ac0-bdd9-527bee0733ae-num-0-key, 
#sppb-addon-4c9edc59-de63-4ac0-bdd9-527bee0733ad .sp-slider #sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-1-key #sp-slider-inner-item-4c9edc59-de63-4ac0-bdd9-527bee0733af-num-0-key, 
#sppb-addon-4c9edc59-de63-4ac0-bdd9-527bee0733ad .sp-slider #sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-2-key #sp-slider-inner-item-4c9edc59-de63-4ac0-bdd9-527bee0733ag-num-0-key { font-size: 18px!important;
}
#sppb-addon-1180d996-b1eb-4ba6-bdd7-3193476b20ce .sppb-addon-header .sppb-addon-title, 
#sppb-addon-fcc606b8-9983-4d7c-a137-69d8430ae108 .sppb-addon-header .sppb-addon-title, 
#sppb-addon-168adcd3-032d-4c34-adfe-3fca9b392bb8 .sppb-addon-header .sppb-addon-title { font-size: 26px!important; line-height: 32px!important;
}
#section-id-569f3148-bfb2-4406-ad11-096db903836e { padding-bottom: 40px!important;
/*Inspección, Mantenimiento y Reparaciones - final*/
}
/*slider final - inicio*/
#column-wrap-id-eed80a5e-f527-4021-a036-2077e6083d0b, 
#column-wrap-id-6d17e3f1-e318-4f79-9a86-1514075be81b, 
#column-wrap-id-3047be5e-509b-42ef-815d-c8147f261b66, 
#column-wrap-id-3047be5e-509b-42ef-815d-c8147f261b66 { padding: 0px;
}
#slider_1_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/fabricacion_en_metal/slider_cuadrado/pergola_esquinera_con_paneles_decorativos_y_tarima_de_madera_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
}
#slider_2_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/instalacion_de_pergolas_profesional/slider_cuadrado/pergola_adosada_con_techo_de_vidrio_templado_y_madera_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
}
#slider_3_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas/slider_cuadrado/marquesina_diseno_arquitectonico_vanguardia_lamas_verticales_jardin_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
}
#slider_4_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas/slider_cuadrado/cubierta_metalica_aluminio_comedor_exterior_muebles_modernos_jardin_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
}
}
@media (min-width:501px) {
.no_min_501 { display:none!important;
}
/*3 módulos - inicio*/
#sppb-addon-wrapper-ee03fc27-598c-4b14-800e-49f6afb7212e, 
#sppb-addon-wrapper-e50ff6fb-a030-4b20-8797-b6fab8de76db { margin-bottom: 0px!important;
}
#column-wrap-id-fb13d475-b6dc-4120-96cf-62881e3bcd4a, #column-wrap-id-95b3798e-f127-4b4b-9e9e-eb797c7feade { display:none;
}
.modulo_mantemiento_inicio_2 { display:none;
/*3 módulos - final*/
}
/*--estructuras blanco - inicio--*/
.imagen_boton_inicio span { display:none;
/*--estructuras blanco - final--*/
}
/*Nuestras soluciones - inicio*/
#sppb-addon-4abb98ee-519f-4788-80b2-9253fe9a5ad6 img, 
#sppb-addon-ce8167cd-ce69-4b9d-af80-93197905a660 img, 
#sppb-addon-2a0113ac-611b-4701-887c-4098d58f9d52 img, 
#sppb-addon-1e8391ae-8237-47d2-89fb-11c3289e4895 img { width: 100px; padding: 20px;
}
#sppb-addon-3ccf3e1e-e7bb-4c33-aa41-32d89eccec78.feature-block-one .icon-wrap, 
#sppb-addon-7a7d0f48-d6d5-4d4d-947a-a9c02ee7d56d.feature-block-one .icon-wrap, 
#sppb-addon-5a9195aa-d7a0-49b6-a3ea-1be01daed5a5.feature-block-one .icon-wrap, 
#sppb-addon-79cc2f6f-b648-4729-b5f6-81f557ce74be.feature-block-one .icon-wrap { margin-top: -91px!important;
}
#sppb-addon-3ccf3e1e-e7bb-4c33-aa41-32d89eccec78, 
#sppb-addon-7a7d0f48-d6d5-4d4d-947a-a9c02ee7d56d, 
#sppb-addon-5a9195aa-d7a0-49b6-a3ea-1be01daed5a5, 
#sppb-addon-79cc2f6f-b648-4729-b5f6-81f557ce74be { margin-top: 51px!important;
/*Nuestras soluciones - final*/
}
}
@media (min-width:501px) and (max-width:575px) {
.no_min_501_max_575 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-position3 - inicio -*/
#sp-position3 { margin-left: -220px!important;
/*- sp-position3 - final -*/
}
/*--offcanvas-toggler - inicio--*/
#sp-menu #offcanvas-toggler { margin-right: 228px!important;
/*--offcanvas-toggler - inicio--*/
}
/*- sp-top-cabezote - inicio -*/
.icono_facebook_cabezote, 
.icono_twitter_cabezote, 
.icono_youtube_cabezote, 
.icono_pinterest_cabezote { width:16px!important; height:16px!important; margin-left: 6.5px!important; margin-right: 6.5px!important;
}
.icono_instagram_cabezote { width:16px!important; height:16px!important; margin-left: 6.5px!important; margin-right: 0!important;
}
.icono_facebook_blanco, .icono_facebook_azul, .icono_facebook_cabezote:hover .icono_facebook_negro, 
.icono_twitter_blanco, .icono_twitter_azul, .icono_twitter_cabezote:hover .icono_twitter_negro, 
.icono_youtube_blanco, .icono_youtube_azul, .icono_youtube_cabezote:hover .icono_youtube_negro, 
.icono_pinterest_blanco, .icono_pinterest_azul, .icono_pinterest_cabezote:hover .icono_pinterest_negro, 
.icono_instagram_blanco, .icono_instagram_azul, .icono_instagram_cabezote:hover .icono_instagram_negro { display:none;
}
.icono_facebook_cabezote:hover .icono_facebook_azul, 
.icono_twitter_cabezote:hover .icono_twitter_azul, 
.icono_youtube_cabezote:hover .icono_youtube_azul, 
.icono_pinterest_cabezote:hover .icono_pinterest_azul, 
.icono_instagram_cabezote:hover .icono_instagram_azul { display:inherit!important;
/*- sp-top-cabezote - final -*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky { margin-top: -11px;
}
#sp-header.header-sticky .container { transform: scale(.75); width: 95%; max-width: 95%;
/*header-sticky - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 0 !important; right: 0 !important; bottom: -652px; z-index: 5; width: 225px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 30px; width: 40px; height: 40px; line-height: 40px; background: none; border: none;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 40px; font-weight: normal;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 58px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 118px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 750px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 44px!important; line-height: 1em!important; width: 90%; margin-bottom:12px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-0-key p { width: 85%; font-size: 16px; font-weight: 500; line-height: 23px; letter-spacing: 4px; margin-bottom: 5px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:85%;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-3-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider #sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-4-key #sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { margin: 0px 0px 11px 0px!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key .sp-background { background: url(../../../images/inicio/slider_1/cortinas_enrollables_metalicas_575.webp) top center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key .sp-background { background: url(../../../images/inicio/slider_1/puertas_y_garajes_automaticos_575.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key .sp-background { background: url(../../../images/inicio/slider_1/motorizacion_y_automatizacion_575_2.webp) top left no-repeat!important; background-size:cover!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio h2 { font-size: 44px !important; line-height: 1em !important; width: 90%;
}
.slider_nuevo_inicio h3 { width: 85%; font-size: 16px !important; font-weight: 500; line-height: 23px !important; letter-spacing: 4px !important; margin-bottom: 5px;
}
.slider_nuevo_inicio .caja { height: 750px!important;
/*Slider Nuevo Inicio - final*/
}
/*Pérgolas Metálicas, Marquesinas Corredizas - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 h1 { font-size: 26px; line-height: 36px;
/*Pérgolas Metálicas, Marquesinas Corredizas - final*/
}
/*3 módulos - inicio*/
#sppb-addon-wrapper-e50ff6fb-a030-4b20-8797-b6fab8de76db { margin-bottom: 15px!important;
/*3 módulos - final*/
}
/*Marquesinas para Patios y Terrazas en Bogotá - inicio*/
#section-id-e591c66f-b8f8-4e69-9f10-a1aedce204e6 { padding-top: 0px!important; padding-bottom:0px!important;
/*Marquesinas para Patios y Terrazas en Bogotá - final*/
}
/*Creamos experiencias con estructuras - inicio*/
#section-id-72afe6f8-36b5-42b0-8bca-b9c687bb7af5 { padding-top: 90px!important;
/*Creamos experiencias con estructuras - final*/
}
}
@media (min-width:501px) and (max-width:767px) {
.no_min_501_max_767 { display:none!important;
}
/*Tu Proyecto de Techos y Cubiertas - inicio*/
#column-id-332efd91-b64e-4c57-964a-e5d8c5d6f605 { padding-left: 15px !important; padding-right: 15px !important; padding-bottom:15px!important; padding-top: 90px!important;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07, #sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07::after { height: 540px;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07 { background: url(../../../images/inicio/tu_proyecto_de_acceso/tecnicos_expertos_para_la_instalacion_montaje_y_mantenimiento_de_pergolas_metalicas_540.webp) center center no-repeat; background-size: cover;
}
#section-id-26a940a2-30d7-45ae-854e-ee7b7d2e1773 { margin-right: 0!important;
}
#column-wrap-id-3e1a8831-e71e-459d-95ca-e047b4894c38 { padding-bottom: 100px;
/*Tu Proyecto de Techos y Cubiertas - final*/
}
/*Tipos y Clases de Pérgolas Metálicas - inicio*/
#section-id-25b7f853-d935-4c06-ae8a-0ac64f96d25d { padding-top: 70px!important;
}
#sppb-addon-f37da170-65ba-43ab-917c-80d8cba4a33a { margin-bottom: 70px!important;
}
#sppb-addon-fcbd3b55-cceb-4425-93d5-5a3472da9f74 .sppb-addon-title { margin-bottom: 40px !important;
}
#sppb-addon-wrapper-fcbd3b55-cceb-4425-93d5-5a3472da9f74 { margin-bottom: 0!important;
/*Tipos y Clases de Pérgolas Metálicas - final*/
}
}
@media (min-width:501px) and (max-width:991px) {
.no_min_501_max_991 { display:none!important;
}
/*Tenemos años de experiencia - inicio*/
#section-id-21002268-e516-44ac-887b-9573b8990d74 { padding-top: 90px!important;
/*Tenemos años de experiencia - final*/
}
/*Ornamentación y Acabados Únicos - inicio*/
#section-id-44537d9a-b0f1-4481-8f2e-60d057560617 { padding-top: 90px!important;
}
#sppb-addon-wrapper-2ce1b0f6-5b22-43fa-b286-d1c16bf1de28 { margin-bottom: 0;
 /*Ornamentación y Acabados Únicos - final*/
}
/*Instalación de Pérgolas Metálicas - inicio*/
#section-id-3dbb5629-51cc-425d-8604-2aadbb716829 { padding-top: 100px!important; padding-bottom: 50px!important;
/*Instalación de Pérgolas Metálicas - final*/
}
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - inicio*/
#column-wrap-id-abf374c8-d2ed-4508-b8d9-c0cdea75cab1 { display:none!important;
}
#section-id-91bf1801-1e4f-471c-933b-43a56edd8749 { padding-top: 0!important; padding-bottom: 25px!important;
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - final*/
}
/*Marquesinas Manuales y Automáticas - inicio*/
#section-id-857f94f0-375a-49c1-937c-bcce627d2af3, 
#section-id-dbcd97bd-81d3-44f4-a981-607141c5d214 { padding-top: 80px!important; padding-bottom: 40px!important;
/*Marquesinas Manuales y Automáticas - final*/
}
/*Cuál Marquesina se Ajusta - inicio*/
#column-wrap-id-1214f42a-fbce-4ad3-a21e-cbf649a8449a, 
#column-wrap-id-e9723859-a398-45f6-a379-91f5ae099312 { display:none!important;
}
#section-id-1b53e5c4-1e75-4b1a-a3d9-0a1f096e53af, 
#section-id-444104c1-bf39-4068-be3f-593bd5fffea3 { padding-top: 0!important; padding-bottom: 20px!important;
/*Cuál Marquesina se Ajusta - final*/
}
/*Pérgolas, Marquesinas y Cubiertas - inicio*/
#sppb-addon-ab98ef27-1768-4852-aa91-36d28d1c759b { margin-bottom: 50px!important;
}
#sppb-addon-wrapper-e6ee7a89-aa4c-4bff-bba4-10835fcce593 { width:100%!important;
/*Pérgolas, Marquesinas y Cubiertas - final*/
}
}
@media (min-width:501px) and (max-width:1199px) {
.no_min_501_max_1199 { display:none!important;
}
/*Asesoría y Consultoría Técnica - inicio*/
#section-id-16c5364b-b771-4aa8-972e-65fdc4d7924b { padding-bottom: 70px!important;
/*Asesoría y Consultoría Técnica - final*/
}
}
@media (min-width:501px) and (max-width:1365px) {
.no_min_501_max_1365 { display:none!important;
}
/*slider final - inicio*/
#slider_1_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/fabricacion_en_metal/slider_rectangular/pergola_esquinera_con_paneles_decorativos_y_tarima_de_madera_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
}
#slider_2_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/instalacion_de_pergolas_profesional/slider_rectangular/pergola_adosada_con_techo_de_vidrio_templado_y_madera_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
}
#slider_3_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas/slider_rectangular/marquesina_diseno_arquitectonico_vanguardia_lamas_verticales_jardin_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
}
#slider_4_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas/slider_rectangular/cubierta_metalica_aluminio_comedor_exterior_muebles_modernos_jardin_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
/*slider final - final*/
}
}
@media (min-width:521px) and (max-width:575px) {
.no_min_521_max_575 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote .top_cabezote_redes .fa-instagram { margin-right: 0px !important;
/*- sp-top-cabezote - final -*/
}
/*- sp-logo - inicio -*/
#sp-logo { width: 31%;
/*- sp-logo - final -*/
}
/*- sp-menu - inicio -*/
#sp-menu { width: 69%;
/*- sp-menu - final -*/
}
/*sp-barra-azul - inicio*/
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { width: 78%;
/*- barra azul menú carrusel - final -*/
}
/*- barra azul asesoría - inicio -*/
.barra_azul_formulario_soporte { width: 11%; margin-left: 78% !important; 
/*- barra azul asesoría - final -*/
}
/*- barra azul buscador 2 - inicio -*/
.barra_azul_buscador_2 { width: 11%; margin-left: 89% !important; 
/*- barra azul buscador 2 - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky #sp-logo { width: 26%;
}
#sp-header.header-sticky #sp-menu { width: 74%;
/*header-sticky - final*/
}
}
@media (min-width:540px) and (max-width:589px) {
.no_min_540_max_589 { display:none!important; 	
}
/*--slide_inicio - inicio--*/
#slide_inicio { height:330px; 
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_590.webp) center center no-repeat; height:330px; 
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_590.webp) center center no-repeat; height:330px; 
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_590.webp) center center no-repeat; height:330px;
}
.slide_inicio_fondo_contenido { height: 330px; margin-bottom: -330px;
}
.bg_video_inicio_2 { max-width: 430px; margin: auto; z-index: 0; position: relative; top:40px;
}
#slide_inicio h3 { font-size: 21px; line-height: 21px; margin: 0px 0px 0px;
}
#slide_inicio .enlace_ofertas img { width: 370px; height: auto; margin: 30px auto -5px;
/*--slide_inicio - final--*/
}
}
@media (min-width:540px) and (max-width:599px) {
.no_min_540_max_599 { display:none!important; 	
}
/*servicios_inicio - inicio*/ 
#servicios_inicio .sppb-flipbox-panel { height:199px; max-height:199px;
}
#servicios_inicio h4 { font-size:18px;
/*servicios_inicio - final*/
}
}
@media (min-width:550px) and (max-width:575px) {
.no_min_550_max_575 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-position3 - inicio -*/
#sp-position3 { margin-left: -178px;
/*- sp-position3 - final -*/
}
/*--offcanvas-toggler - inicio--*/	
#sp-menu #offcanvas-toggler { margin-right: 186px;
/*--offcanvas-toggler - final--*/	
/*sp-header - final*/
}
}
@media (max-width:575px) {
.no_max_575 { display:none!important;
}
/*sp-header - inicio*/
#sp-header .logo, #sp-header .logo a, #sp-header .logo img { height: 70px!important; width:101px!important;
}
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote { padding-left: 10px; padding-right: 10px;
}
#sp-top-cabezote .sp-column { padding: 0 12px; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;
}
#sp-top-cabezote .top_cabezote_direccion { margin-right:10px;
}
#sp-top-cabezote .top_cabezote_direccion i { margin-right: 7px; font-size: 13.5px;
}
#sp-top-cabezote .top_cabezote_telefonos a::after { content: ""; position: absolute; transform: translateY(-50%); width: 1px; height: 16px; background: #929EBC; top: 18px;
}
#sp-top-cabezote .top_cabezote_telefonos i { margin-left: 10px; margin-right:7px; font-size: 13.5px;
}
#sp-top-cabezote .top_cabezote_redes i { margin-left: 6.5px !important; margin-right: 6.5px !important;
}
#sp-top-cabezote { background: #fff; height: 35px; width: 100%;
}
#sp-top-cabezote .sp-column { height:35px; background:#E6E9F0;
}
#sp-top-cabezote .sp-module { width: 100%;
}
#sp-top-cabezote a { height: 35px!important; margin: 0; margin-right: 0px; margin-right: 0px; padding: 0px; font-weight: 500; color: #1C2539; font-weight: 500; display: flex; align-items: center;
}
#sp-top-cabezote a:hover, 
#sp-top-cabezote a:hover span { font-weight: 500; color: var(--maincolor);
}
#sp-top-cabezote .top_cabezote_direccion i, 
#sp-top-cabezote .top_cabezote_telefonos i { font-weight: 900; transform: none; padding: 0px; color: var(--maincolor);
}
#sp-top-cabezote .top_cabezote_direccion { height:35px; float:left;
}
#sp-top-cabezote .top_cabezote_telefonos { height:35px; float:left;
}
#sp-top-cabezote .top_cabezote_redes { float: right; height: 35px; display: flex;
}
#sp-top-cabezote .top_cabezote_redes a { color: #1C2539; font-weight: 500;
}
#sp-top-cabezote .top_cabezote_redes i { color: #1C2539 !important; font-weight: 500 !important;
}
#sp-top-cabezote .top_cabezote_redes a:hover, 
#sp-top-cabezote .top_cabezote_redes a:hover span, 
#sp-top-cabezote .top_cabezote_redes a:hover i { color: var(--maincolor) !important;
/*- sp-top-cabezote - final -*/
}
/*sp-top - inicio*/
/*-top3 - inicio-*/
.top_cabezote_telefonos img { margin-left:10px;
/*-top3 - final-*/
/*sp-top - final*/
}
/*- sp-logo - inicio -*/
#sp-logo, 
#sp-logo .sp-column, 
#sp-header .logo a, 
#sp-header .logo img { height: 80px;
}
#sp-header .logo a, #sp-header .logo img { width: 100%; padding:0px;
}
#sp-logo { background:#fff; margin:0; padding-left: 10px;
}
#sp-header .logo { position:absolute;
}
#sp-header.header-sticky #sp-logo .logo img { opacity: 0!important;
}
#sp-header.header-sticky #sp-logo .logo a { background: url(../../../images/inicio/logo_pergolas_marquesinas_y_domos_multicorp_ingenieria_sas_bogota_colombia_991_sticky.png) center center no-repeat!important; background-size: contain!important; height: 60px !important;
/*- sp-logo - final -*/
}
/*- sp-menu - inicio -*/
#sp-menu .boton_diseno_y_fabricacion { display:none;
}
/*- sp-position3 - inicio -*/
#sp-position3 .boton_camera_cabezote a, 
#sp-position3 .boton_video_cabezote a, 
#sp-position3 .boton_telefono_cabezote a, 
#sp-position3 .boton_whatsapp_cabezote a, 
#sp-position3 .boton_contacto_cabezote a { height: 35px; width: 35px; margin-left: 7px; margin-right: 0; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;
}
#sp-position3 .boton_camera_cabezote i, 
#sp-position3 .boton_video_cabezote i, 
#sp-position3 .boton_telefono_cabezote i, 
#sp-position3 .boton_whatsapp_cabezote i { font-size: 20px;
}
#sp-position3 .boton_contacto_cabezote img { height: 15px; width:20px;
}
#sp-position3 .boton_telefono_cabezote a { background: var(--maincolor);
}
#sp-position3 .boton_telefono_cabezote:hover a { background:#E6E9F0;
}
#sp-position3 .boton_telefono_cabezote i { color: #fff;
}
#sp-position3 .boton_whatsapp_cabezote img { height:20px; width:20px; margin: auto;
}
#sp-position3 .boton_camera_cabezote img { height:19px; width:22px; margin: auto;
}
#sp-position3 .boton_video_cabezote img { height:16px; width:24px; margin: auto;
}
#sp-position3 .boton_telefono_cabezote img { height:16px; width:16px; margin: auto;
/*- sp-position3 - final -*/
}
/*--offcanvas-toggler - inicio--*/	
#sp-menu #offcanvas-toggler { margin-left: 0;
}
#sp-menu .burger-icon > span { height: 3px;
}
#sp-menu #offcanvas-toggler { height: 80px;
}
#sp-menu .burger-icon { width: 28px;
/*--offcanvas-toggler - final--*/	
/*- sp-menu - inicio -*/
}
/*sp-barra-azul - inicio*/
#sp-barra-azul { width: 100%; display: flex;
}
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { position: absolute; top: 115px;
/*- barra azul menú carrusel - final -*/
}
/*- barra azul asesoría - inicio -*/
.barra_azul_formulario_soporte { position: absolute;
}
.barra_azul_formulario_soporte a { width: 100%;
/*- barra azul asesoría - final -*/
}
/*- barra azul buscador 2 - inicio -*/
.barra_azul_buscador_2 { position: absolute;
}
.barra_azul_buscador_2 a { width: 100%;
/*- barra azul buscador 2 - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky #sp-top-cabezote { display:none;
}
#sp-header.header-sticky #sp-logo { padding:0;
}
#sp-header.header-sticky #sp-logo .logo { position: relative; width: 86px !important; height: 60px !important;
}
#sp-header.header-sticky #sp-logo .logo a, 
#sp-header.header-sticky #sp-logo .logo img { padding: 0px; margin: auto; height: 60px !important; width:86px!important; background: none;
}
#sp-header.header-sticky #sp-logo .logo a, 
#sp-header.header-sticky #sp-logo .logo img { height: 64px!important; width:92px!important;
/*header-sticky - final*/
}
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - inicio*/
/*- Asesoría - inicio*/
#mod-custom139 .open-button { right: 88px; bottom: 15px;
}
#mod-custom139 .open-button { background-color: var(--maincolor); color: white; padding: 0 15px 0 15px; height: 47px;
}
#mod-custom139 .open-button-arriba { font-weight: 400; font-size: 13px; margin: 0; padding: 0;
}
#mod-custom139 .open-button-abajo { font-weight: 800; font-size: 15px; letter-spacing: -0.3px; line-height: 15px;
}
#mod-custom139 .open-button-texto { font-size: 14px; line-height: 13px; padding: 0; color: #fff; text-align: left; margin: 0px 0 0 5px;
}
#mod-custom139 .open-button i { font-size: 28px; margin-top: -1px; margin-right: 5px!important;
}
#mod-custom139 .open-button img { width:34px; height:26px; margin-right: 5px!important;
/*- Asesoría - final*/
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f p span { display:none;
/*Slider Home - final*/
}
/*3 módulos - inicio*/
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title .title { height: 80px; display: flex; align-items: center;
}
#sppb-addon-wrapper-1583f4f2-586a-48fc-834b-0f16f67ff6a0, 
#sppb-addon-wrapper-2161345f-d2e9-4bcf-924d-f2722b8dcde5, 
#sppb-addon-wrapper-316c8de5-b678-4106-8958-78719a3829c5, 
#sppb-addon-wrapper-f2c0bbe0-0eab-4b07-b7bf-e804492d3eac, 
#sppb-addon-wrapper-a2747ae6-9475-4b25-85a6-60b38414853e, 
#sppb-addon-wrapper-e50ff6fb-a030-4b20-8797-b6fab8de76db, 
#sppb-addon-wrapper-ee03fc27-598c-4b14-800e-49f6afb7212e { margin-bottom: 15px!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box, 
#sppb-addon-316c8de5-b678-4106-8958-78719a3829c5 .feature-block-inner-box, 
#sppb-addon-f2c0bbe0-0eab-4b07-b7bf-e804492d3eac .feature-block-inner-box, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box { padding:15px!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_contenido, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .animacion_contenido, 
#sppb-addon-f2c0bbe0-0eab-4b07-b7bf-e804492d3eac .animacion_contenido, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .animacion_contenido, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .animacion_contenido, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .animacion_contenido { padding:30px 15px 15px;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .title, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .title, 
#sppb-addon-f2c0bbe0-0eab-4b07-b7bf-e804492d3eac .title, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .title, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .title, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .title { height: 80px; display: flex; align-items: center; margin:0;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_titulo img, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .animacion_titulo img, 
#sppb-addon-f2c0bbe0-0eab-4b07-b7bf-e804492d3eac .animacion_titulo img, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .animacion_titulo img, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .animacion_titulo img, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .animacion_titulo img { background:var(--maincolor); height: 80px; width: 80px; padding: 10px; margin-right: 20px; float:left;
/*3 módulos - final*/
}
/*Pérgolas Metálicas, Marquesinas Corredizas - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 {  background: url(../../../images/fondos/automatizacion_control_y_sistemas_de_acceso_inteligentes_en_puertas_y_cortinas_enrollables_575.jpg) center bottom no-repeat; background-size:contain;
/*Pérgolas Metálicas, Marquesinas Corredizas - final*/
}
/*Mapa - inicio*/
#sp-mapa { background: url(../../../images/inicio/mapa/mapa_ubicacion_multicorp_ingenieria_sas_en_bogota_colombia_575.webp) center center no-repeat;
/*Mapa - final*/
}
/*Comuníquese con Nuestro Equipo - inicio*/
#column-wrap-id-13b4c59d-ae9e-4cb2-b387-5070de7cba60 { max-width: 100%!important; margin:auto;
/*Comuníquese con Nuestro Equipo - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#aboutus { padding-top: 70px!important; padding-bottom: 60px!important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Marquesinas para Patios y Terrazas en Bogotá - inicio*/
#sppb-addon-bf66b854-745c-4815-850f-3ba393516953 { margin-bottom: 0px!important;
/*Marquesinas para Patios y Terrazas en Bogotá - final*/
}
/*Creamos experiencias con estructuras - inicio*/
#sppb-addon-wrapper-01314990-a14c-492c-8d1d-667b59f93eb7, 
#section-id-9181c4cc-a752-4125-b55d-996b763ec3a6, 
#sppb-addon-wrapper-4f4b7ba4-7537-4f3f-9243-0dcaa23633ef { display:none!important;
/*Creamos experiencias con estructuras - final*/
}
/*Ornamentación y Acabados en Puertas - inicio*/
#sppb-addon-f553bc80-df5c-4b64-9f9e-8a5a46f47bc2 .list-style-three li { width: 100%;
/*Ornamentación y Acabados en Puertas - final*/
}
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - inicio*/
#sppb-addon-414949ec-209e-42fb-af3b-ab9561ac9268.feature-block-two img, 
#sppb-addon-51750bd4-ee40-48cd-bbaa-ae3c13110ed1.feature-block-two img { width: 86px; height: 86px;
}
#sppb-addon-414949ec-209e-42fb-af3b-ab9561ac9268.feature-block-two .icon, 
#sppb-addon-51750bd4-ee40-48cd-bbaa-ae3c13110ed1.feature-block-two .icon { height: 160px!important; width: 160px!important;
}
#sppb-addon-a4b704a6-5ecf-45d1-81a2-cd271c832757 { padding-right: 0!important;
}
#sppb-addon-87f56f25-9b60-4d61-94fe-9b6fd4afc6ab, 
#sppb-addon-wrapper-bdfc7916-0b91-4bdd-a73b-48b20df2346d { padding-right: 70px!important;
}
#sppb-addon-wrapper-414949ec-209e-42fb-af3b-ab9561ac9268, 
#sppb-addon-wrapper-51750bd4-ee40-48cd-bbaa-ae3c13110ed1 { padding-left:35px!important; padding-right: 35px!important; text-align:center!important;
}
#sppb-addon-wrapper-cde184df-6c01-451d-97c4-72a525c03fa2, 
#sppb-addon-wrapper-30d78610-9cd1-4c71-962f-bed4185d7f41 { margin:auto!important;
}
#sppb-addon-3bb3ff21-a572-42b9-b300-93d349624eb4 .sppb-addon-text-block, 
#sppb-addon-5c04bb50-ae6d-4944-8101-77a00dab4113 .sppb-addon-text-block { text-align: center!important;
}
#sppb-addon-3bb3ff21-a572-42b9-b300-93d349624eb4 .sppb-addon-title, 
#sppb-addon-5c04bb50-ae6d-4944-8101-77a00dab4113 .sppb-addon-title { font-size: 26px!important; line-height: 36px!important;
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - final*/
}
/*Cuál Marquesina se Ajusta - inicio*/
#sppb-addon-529c9baf-0753-4ed9-974e-8db2e21d7d06.feature-block-two img, 
#sppb-addon-a9411ad1-bfc9-4af4-a673-8d2144762f4d.feature-block-two img { width: 86px; height: 86px;
}
#sppb-addon-529c9baf-0753-4ed9-974e-8db2e21d7d06.feature-block-two .icon, 
#sppb-addon-a9411ad1-bfc9-4af4-a673-8d2144762f4d.feature-block-two .icon { height: 160px!important; width: 160px!important;
}
#sppb-addon-19f729b4-58c2-472b-b553-47d892a898e8 { padding-right: 0!important;
}
#sppb-addon-9169d844-bac2-4a0d-8539-54d60bffd941, 
#sppb-addon-wrapper-4dc52e10-be47-4669-80bb-c3165c6a86d7 { padding-right: 70px!important;
}
#sppb-addon-wrapper-529c9baf-0753-4ed9-974e-8db2e21d7d06, 
#sppb-addon-wrapper-a9411ad1-bfc9-4af4-a673-8d2144762f4d { padding-left:35px!important; padding-right: 35px!important; text-align:center!important;
}
#sppb-addon-wrapper-dd85a429-d1cf-40a6-8f3c-09a52b183bf2, 
#sppb-addon-wrapper-1170ae87-0c8f-4cb1-88fa-b576f4c64cda { margin:auto!important;
}
#sppb-addon-75d0f04a-2959-40b1-91e9-ba33270a8320 .sppb-addon-text-block, 
#sppb-addon-d3f8cad4-9063-418f-8492-bdf87bae12ad .sppb-addon-text-block { text-align: center!important;
}
#sppb-addon-75d0f04a-2959-40b1-91e9-ba33270a8320 .sppb-addon-title, 
#sppb-addon-d3f8cad4-9063-418f-8492-bdf87bae12ad .sppb-addon-title { font-size: 26px!important; line-height: 36px!important;
/*Cuál Marquesina se Ajusta - final*/
}
/*Inspección, Mantenimiento y Reparaciones - inicio*/
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-0-key { background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/diagnostico_estructural_para_detectar_filtraciones_en_pergolas_y_marquesinas_575.webp) center center; background-size:cover;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-1-key { background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/mantenimiento_de_pergolas_metalicas_y_renovacion_de_marquesinas_corredizas_575.webp) center center; background-size:cover;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-2-key { background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/reparacion_de_estructuras_y_cambio_de_cubiertas_en_pergolas_y_marquesinas_575.webp) center center; background-size:cover;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-0-key .sppb-container, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-1-key .sppb-container, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-2-key .sppb-container { max-width: 100%; width: 100%; background: green; height: 100%; display: flex; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-0-key .sppb-row, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-1-key .sppb-row, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-2-key .sppb-row { max-width: 1140px; padding-right: 15px; padding-left: 15px; margin: auto;
/*Inspección, Mantenimiento y Reparaciones - final*/
}
/* Página Contáctenos - inicio*/
#section-id-93dd36ca-3229-416a-a2c1-0593a1bbfa32 { padding-top: 65px!important;
}
#column-wrap-id-bd2fd9d1-36a8-4d17-88c1-79457ba0d55e { padding-bottom: 15px!important;
/* Página Contáctenos - final*/
}
}
@media (min-width:576px) {
.no_min_576 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-menu - inicio -*/
#sp-menu { margin-top: 35px;
/*- sp-menu - final -*/
/*sp-header - final*/
}
/*3 módulos - inicio*/
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box { padding:15px!important;
/*3 módulos - final*/
}
}
@media (min-width:576px) and (max-width:665px) {
.no_min_576_max_665 { display:none!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 0 !important; right: 0 !important; bottom: -624px; z-index: 5; width: 230px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 30px; width: 40px; height: 40px; line-height: 40px; background: none; border: none;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 40px; font-weight: normal;
}
}
@media (min-width:576px) and (max-width:720px) {
.no_min_576_max_720 { display:none!important;
}
/*Inspección, Mantenimiento y Reparaciones - inicio*/
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-0-key { background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/diagnostico_estructural_para_detectar_filtraciones_en_pergolas_y_marquesinas_720.webp) center center; background-size:cover;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-1-key { background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/mantenimiento_de_pergolas_metalicas_y_renovacion_de_marquesinas_corredizas_720.webp) center center; background-size:cover;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-2-key { background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/reparacion_de_estructuras_y_cambio_de_cubiertas_en_pergolas_y_marquesinas_720.webp) center center; background-size:cover;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-0-key .sppb-container, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-1-key .sppb-container, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-2-key .sppb-container { max-width: 100%; width: 100%; background: green; height: 100%; display: flex; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-0-key .sppb-row, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-1-key .sppb-row, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-2-key .sppb-row { max-width: 1140px; padding-right: 15px; padding-left: 15px; margin: auto;
/*Inspección, Mantenimiento y Reparaciones - final*/
}
}
@media (min-width:576px) and (max-width:767px) {
.no_min_576_max_767 { display:none!important;
}
/*slider final - inicio*/
#slider_1_final { height: 750px; background: url(../../../images/inicio/slider_final/fabricacion_en_metal_policarbonato_y_vidrio_en_estructuras_para_cubiertas_y_marquesinas_998.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_2_final { height: 750px; background: url(../../../images/inicio/slider_final/instalacion_profesional_de_calidad_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_998.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_3_final { height: 750px; background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas_pergolas_domos_y_cubiertas_en_bogota_colombia_998.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_4_final { height: 750px; background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas_para_pergolas_y_marquesinas_de_casas_y_edificios_998.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_1_final .sppb-row-container, #slider_1_final .sppb-row-column, 
#slider_2_final .sppb-row-container, #slider_2_final .sppb-row-column, 
#slider_3_final .sppb-row-container, #slider_3_final .sppb-row-column, 
#slider_4_final .sppb-row-container, #slider_4_final .sppb-row-column { padding:0px;
}
#slider_1_final .sppb-row, #slider_2_final .sppb-row, #slider_3_final .sppb-row, #slider_4_final .sppb-row { margin:0!important;
}
.slider_final_box { width: 85%; max-width: 85%; padding: 20px;
}
.slider_final_box h2 { font-size: 40px !important; line-height: 44px !important; letter-spacing: -1px; margin-bottom: 15px !important; font-weight: 800 !important; margin-top: 0; color: #fff;
}
.slider_final_box p { font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 1.8rem; font-weight:300;
}
.slider_final_box_left { height: 320px; margin-bottom: 15px; border-radius: 5px; border: 1px solid #fff; padding: 10px; background: rgba(0, 0, 0, 0.5);
/*slider final - final*/
}
/*3 módulos - inicio*/
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title img { height: 70px; width: 70px;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title { padding-left: 90px;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box { padding:15px!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_contenido, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .animacion_contenido, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .animacion_contenido, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .animacion_contenido { padding:30px 15px 15px;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .title, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .title, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .title, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .title { height: 70px; display: flex; align-items: center; margin:0;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_titulo img, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .animacion_titulo img, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .animacion_titulo img, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .animacion_titulo img { background:var(--maincolor); height: 70px; width: 70px; padding: 10px; margin-right: 20px; float:left;
/*3 módulos - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#sppb-addon-82fe53e0-2f18-4caf-8361-806f45e577f9 .video-play-button { right: -34px!important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Marquesinas para Patios y Terrazas en Bogotá - inicio*/
#section-id-e591c66f-b8f8-4e69-9f10-a1aedce204e6 { padding-bottom: 0px !important; padding-top: 30px !important;
/*Marquesinas para Patios y Terrazas en Bogotá - final*/
}
/*sp-header - inicio*/
#sp-header { margin-top: -5px;
}
#sp-header .container { transform: scale(0.945);
}
#sp-header .container, 
#sp-header .container-lg, 
#sp-header .container-md, 
#sp-header .container-sm, 
#sp-header .container-xl, 
#sp-header .sppb-container, 
#sp-header .sppb-row-container { max-width: 540px;
}
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote { background: #fff; height: 35px; width: 349px; margin-left: 161px; margin-bottom: -35px; padding-left: 15px; padding-right: 15px;
}
#sp-top-cabezote .sp-column { height:35px; background:#E6E9F0; padding-left:15px; padding-right:15px; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;
}
#sp-top-cabezote .sp-module { width: 100%;
}
#sp-top-cabezote a { height: 35px!important; margin: 0; margin-right: 0px; margin-right: 0px; padding: 0px; font-weight: 500; color: #1C2539; font-weight: 500; display: flex; align-items: center;
}
#sp-top-cabezote a:hover, 
#sp-top-cabezote a:hover span { font-weight: 500; color: var(--maincolor);
}
#sp-top-cabezote .top_cabezote_direccion i, 
#sp-top-cabezote .top_cabezote_telefonos i { font-weight: 900; transform: none; margin-right: 10px; font-size: 15px; padding: 0px; color: var(--maincolor);
}
#sp-top-cabezote .top_cabezote_direccion { height:35px; float:left;
}
#sp-top-cabezote .top_cabezote_telefonos { padding-left: 15px; height:35px; float:left;
}
#sp-top-cabezote .top_cabezote_redes { float: right; height: 35px; display: flex;
}
#sp-top-cabezote .top_cabezote_redes a { color: #1C2539; font-weight: 500;
}
#sp-top-cabezote .top_cabezote_redes i { color: #1C2539 !important; margin-left: 7.5px !important; margin-right: 7.5px !important; font-weight: 500 !important;
}
#sp-top-cabezote .top_cabezote_redes a:hover, 
#sp-top-cabezote .top_cabezote_redes a:hover span, 
#sp-top-cabezote .top_cabezote_redes a:hover i { color: var(--maincolor) !important;
}
#sp-top-cabezote .top_cabezote_redes .fa-youtube { margin-right: 0px !important;
}
#sp-top-cabezote .top_cabezote_redes .fa-twitter, 
#sp-top-cabezote .top_cabezote_redes .fa-pinterest, 
#sp-top-cabezote .top_cabezote_redes .fa-instagram { display:none;
/*- sp-top-cabezote - final -*/
}
/*- sp-menu - inicio -*/
#sp-menu { width: 349px;
}
#sp-menu .boton_diseno_y_fabricacion { display:none;
}
#sp-menu #offcanvas-toggler { height: 90px; padding: 0 20px; margin-left: 132px; float:left;
}
#sp-menu .burger-icon { width: 32px;
}
#sp-menu .burger-icon > span { height: 3px;
/*- sp-menu - inicio -*/
}
/*- sp-position3 - inicio -*/
#sp-position3 { margin-top: 35px; margin-left: -323px; padding-right: 22px; transform: scale(0.9); z-index:1;
}
#sp-position3 .boton_contacto_cabezote a { margin-left: 10px!important;
}
#sp-position3 .boton_camera_cabezote img { height:30px; width:34px; margin: auto;
}
#sp-position3 .boton_video_cabezote img { height:26px; width:39px; margin: auto;
/*- sp-position3 - final -*/
}
/*sp-barra-azul - inicio*/
#sp-barra-azul { width: 510px;
}
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { width:420px;
/*- barra azul menú carrusel - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky > .container > .container-inner::before, #sp-header.header-sticky > .container > .container-inner::after {
  height: 90px;
}
#sp-header.header-sticky #sp-top-cabezote { display:none;
}
#sp-header.header-sticky .container { transform: scale(0.75); width:540px;
}
#sp-header.header-sticky { margin-top: -11px;
}
#sp-header.header-sticky .boton_diseno_y_fabricacion { display:inherit;
}
#sp-header.header-sticky #sp-logo, #sp-header.header-sticky #sp-logo .sp-column, #sp-header.header-sticky #sp-logo .logo { width: 122px; height: 90px;
}
#sp-header.header-sticky #sp-logo .logo a, #sp-header.header-sticky #sp-logo .logo img { height: 64px!important; width:92px!important;
}
#sp-header.header-sticky #sp-menu { width: 388px; height:90px;
}
#sp-header.header-sticky #sp-position3 { height: auto; margin-left: -383px; transform: scale(0.9); padding-right: 0;
}
#sp-header.header-sticky #sp-menu #offcanvas-toggler { height: 100px !important;
}
#sp-header.header-sticky .boton_whatsapp_cabezote { display: inherit!important;
/*header-sticky - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-item .sppb-container { max-width: 510px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 58px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 118px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 720px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 46px!important; line-height: 1em!important; width: 100%;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-0-key p { width: 85%; font-size: 17px; font-weight: 500; letter-spacing:4px;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:70%;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key .sp-background { background: url(../../../images/inicio/slider_1/cortinas_enrollables_metalicas_767.webp) center top no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key .sp-background { background: url(../../../images/inicio/slider_1/puertas_y_garajes_automaticos_767.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key .sp-background { background: url(../../../images/inicio/slider_1/motorizacion_y_automatizacion_767.webp) center top no-repeat!important; background-size:cover!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio {  padding: 0 !important; margin: 0 !important; background: url(../../../images/inicio/slider_1/diseno_fabricacion_e_instalacion_de_pergolas_marquesinas_y_domos_en_bogota_colombia_767.webp) center top no-repeat !important; background-size: cover !important;
}
.slider_nuevo_inicio .sppb-row-container { width:100%; max-width:100%; padding:0; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
.slider_nuevo_inicio .caja { max-width: 510px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; height: 720px; display: flex; align-items: center;
}
.slider_nuevo_inicio .contenido { margin-top: 120px;
}
.slider_nuevo_inicio h3 { font-family: 'DM Sans', sans-serif; text-transform: uppercase !important; font-size: 18px !important; line-height: 26px !important; letter-spacing: 0.3em !important; color: #fff; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px; width:85%;
}
.slider_nuevo_inicio h2 { font-weight: 900; text-transform: uppercase; color: #fff; margin: 5px 0px 17px 0px; font-size: 46px !important; line-height: 1em !important; font-family: "Red Hat Display", sans-serif; text-shadow: rgba(0,0,0,.5) 10px 10px 50px;
}
.slider_nuevo_inicio h4 { font-weight: 500; font-size: 16px; line-height: 26px; color: #fff; font-family: 'DM Sans', sans-serif; width: 80%; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px; margin: 0px 0px 36px 0px;
}
.slider_nuevo_inicio .sppb-sp-slider-button { margin-left: 0;
}
.slider_nuevo_inicio .boton_contacto .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_nosotros:hover .sp-slider-btn-text { border: 1px solid var(--maincolor); background: var(--maincolor)!important;
}
.slider_nuevo_inicio .boton_nosotros .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_contacto:hover .sp-slider-btn-text { background: transparent!important; border: 1px solid #FFFFFF; color: #fff; color: #fff;
/*Slider Nuevo Inicio - final*/
}
/*Pérgolas Metálicas, Marquesinas Corredizas - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 {  background: url(../../../images/fondos/automatizacion_control_y_sistemas_de_acceso_inteligentes_en_puertas_y_cortinas_enrollables_576.jpg) center bottom no-repeat; background-size:contain;
/*Pérgolas Metálicas, Marquesinas Corredizas - final*/
}
/*Mapa - inicio*/
#sp-mapa { background: url(../../../images/inicio/mapa/mapa_ubicacion_multicorp_ingenieria_sas_en_bogota_colombia_768.webp) center center no-repeat;
/*Mapa - final*/
}
/*Comuníquese con Nuestro Equipo - inicio*/
#column-wrap-id-13b4c59d-ae9e-4cb2-b387-5070de7cba60 { max-width: 540px!important; margin:auto;
/*Comuníquese con Nuestro Equipo - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#aboutus { padding-top: 100px!important; padding-bottom: 100px!important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Marquesinas para Patios y Terrazas en Bogotá - inicio*/
#sppb-addon-97a8ec6c-928e-433e-bc4c-df4ea421c419 { padding-right: 0!important;
}
#sppb-addon-bf66b854-745c-4815-850f-3ba393516953 { margin-bottom: 0px!important;
/*Marquesinas para Patios y Terrazas en Bogotá - final*/
}
/*Creamos experiencias con estructuras - inicio*/
#section-id-9181c4cc-a752-4125-b55d-996b763ec3a6 { width: 100%!important;
}
#column-wrap-id-9058598b-e252-42b0-b8bd-7f0769900530, 
#column-wrap-id-da9ca5b8-f954-47ae-95a0-a18e61aa1cb5 { width: 50%!important; max-width: 50%!important;
}
#sppb-addon-wrapper-01314990-a14c-492c-8d1d-667b59f93eb7 { display:none!important;
}
#section-id-72afe6f8-36b5-42b0-8bca-b9c687bb7af5 { padding-bottom: 0px!important;
/*Creamos experiencias con estructuras - final*/
}
/*Tipos y Materiales en Puertas y Cortinas Enrollables - inicio*/
#sppb-addon-f553bc80-df5c-4b64-9f9e-8a5a46f47bc2 .list-style-three li { width: 50%;
/*Tipos y Materiales en Puertas y Cortinas Enrollables - final*/
}
}
@media (min-width:576px) and (max-width:768px) {
.no_min_576_max_768 { display:none!important;
}
}
@media (min-width:576px) and (max-width:991px) {
.no_min_576_max_991 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-top-cabezote - inicio -*/
.icono_facebook_cabezote, 
.icono_twitter_cabezote, 
.icono_pinterest_cabezote, 
.icono_instagram_cabezote { width:17px!important; height:17px!important; margin-left: 7px!important; margin-right: 7px!important;
}
.icono_youtube_cabezote { width:17px!important; height:17px!important; margin-left: 7px!important; margin-right: 0!important;
}
.icono_facebook_blanco, .icono_facebook_azul, .icono_facebook_cabezote:hover .icono_facebook_negro, 
.icono_twitter_blanco, .icono_twitter_azul, .icono_twitter_cabezote:hover .icono_twitter_negro, 
.icono_youtube_blanco, .icono_youtube_azul, .icono_youtube_cabezote:hover .icono_youtube_negro, 
.icono_pinterest_blanco, .icono_pinterest_azul, .icono_pinterest_cabezote:hover .icono_pinterest_negro, 
.icono_instagram_blanco, .icono_instagram_azul, .icono_instagram_cabezote:hover .icono_instagram_negro { display:none;
}
.icono_facebook_cabezote:hover .icono_facebook_azul, 
.icono_twitter_cabezote:hover .icono_twitter_azul, 
.icono_youtube_cabezote:hover .icono_youtube_azul, 
.icono_pinterest_cabezote:hover .icono_pinterest_azul, 
.icono_instagram_cabezote:hover .icono_instagram_azul { display:inherit!important;
/*- sp-top-cabezote - final -*/
}
/*- sp-logo - inicio -*/
#sp-logo, 
#sp-logo .sp-column { width: 161px;
}
#sp-logo, 
#sp-logo .sp-column { height: 125px;
}
#sp-header .logo { height: 100%;
}
#sp-header .logo img { height: 96px; width:138px;
}
#sp-header.header-sticky #sp-logo .logo a, #sp-header.header-sticky #sp-logo .logo img { width: 112px; height: 78px;
/*- sp-logo - final -*/
}
/*- sp-menu - inicio -*/
#sp-menu { height: 90px;
/*- sp-menu - final -*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
/*- sp-position3 - inicio -*/
#sp-header.header-sticky .boton_video_cabezote { display:inherit!important;
/*- sp-position3 - final -*/
/*header-sticky - final*/
}
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - inicio*/
/*- Asesoría - inicio*/
#mod-custom139 .open-button { display:none;
/*- Asesoría - final*/
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - final*/
}
/*Creamos experiencias con estructuras - inicio*/
#sppb-addon-d6c6e533-55b7-4c8c-8133-af508c27ada3 { margin-bottom: 60px!important;
/*Creamos experiencias con estructuras - final*/
}
}
@media (min-width:576px) and (max-width:1199px) {
.no_min_576_max_1199 { display:none!important;
}
}
@media (min-width:590px) and (max-width:679px) { 
.no_min_590_max_679 { display:none!important;
}
/*--slide_inicio - inicio--*/
#slide_inicio { height:360px; 
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_768.webp) center center no-repeat; height:360px; 
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_768.webp) center center no-repeat; height:360px; 
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_768.webp) center center no-repeat; height:360px;
}
.slide_inicio_fondo_contenido { height: 360px; margin-bottom: -360px;
}
.bg_video_inicio_2 { max-width: 480px; margin: auto; z-index: 0; position: relative; top:38px;
}
#slide_inicio h3 { font-size: 25px; line-height: 25px; margin: 0px 0px 0px;
}
#slide_inicio .enlace_ofertas img { width: 440px; height: auto; margin: 40px auto -7px;
/*--slide_inicio - final--*/
}
}
@media (min-width:600px) and (max-width:679px) {
.no_min_600_max_679 { display:none!important;
}
/*servicios_inicio - inicio*/ 
#servicios_inicio h4 { font-size:20px;
}
#servicios_inicio .sppb-flipbox-panel { height:221px; max-height:221px;
/*servicios_inicio - final*/
}
}
@media (max-width:665px) {
.no_max_665 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider .sp-nav-control .nav-control.prev-control { left:28px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider .sp-nav-control .nav-control.next-control { right:28px;
/*Slider Home - final*/
}
}
@media (min-width:666px) and (max-width:767px) {
.no_min_666_max_767 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 25px !important; right: 25px !important; top: 105px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 30px !important; width: 50px; height: 50px; line-height: 50px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 50px;
/*Slider Home - final*/
}
}
@media (min-width:680px) and (max-width:719px) {
.no_min_680_max_719 { display:none!important;
}
/*--slide_inicio - inicio--*/
#slide_inicio { height:390px; 
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_768.webp) center center no-repeat; height:390px; 
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_768.webp) center center no-repeat; height:390px; 
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_768.webp) center center no-repeat; height:390px;
}
.slide_inicio_fondo_contenido { height: 390px; margin-bottom: -390px;
}
.bg_video_inicio_2 { max-width: 510px; margin:auto; z-index: 0; position: relative; top:40px;
}
#slide_inicio h3 { font-size: 25px; line-height: 25px; margin: 0px 0px 0px;
}
#slide_inicio .enlace_ofertas img { width: 440px; height: auto; margin: 40px auto -7px;
/*--slide_inicio - final--*/
}
}
@media (min-width:680px) and (max-width:768px) {
.no_min_680_max_768 { display:none!important;
}
/*servicios_inicio - inicio*/ 
#servicios_inicio h4 { font-size:22px;
}
#servicios_inicio .sppb-flipbox-panel { height:250px; max-height:250px;
/*servicios_inicio - final*/
}
}
@media (max-width:720px) { 
.no_max_720 { display:none!important;
}
/*Inspección, Mantenimiento y Reparaciones - inicio*/
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb { height: 600px; background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/reparacion_de_estructuras_y_cambio_de_cubiertas_en_pergolas_y_marquesinas_1200.webp) center center; background-size:cover;
}                                      
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sppb-container-inner { height: 600px; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sppb-row { max-width: 1140px; padding-right: 15px; padding-left: 15px; margin: auto; height: 600px; text-align: center; display: flex; align-items: center;
}
#column-wrap-id-1d9e2e66-0733-465c-b1b3-b6d97beda7b8 { margin-top: -110px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb h2 { font-size: 40px; line-height: 1.1em; font-weight: 700; color: #fff; margin-bottom: 55px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb p { font-weight: 400; font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 35px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sp-slider-btn-text:hover { color: var(--maincolor);
/*Inspección, Mantenimiento y Reparaciones - final*/
}
}
@media (min-width:720px) and (max-width:768px) {
.no_min_720_max_768 { display:none!important;
}
/*--slide_inicio - inicio--*/
#slide_inicio { height:430px; 
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_768.webp) center center no-repeat; height:430px; 
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_768.webp) center center no-repeat; height:430px; 
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_768.webp) center center no-repeat; height:430px;
}
.slide_inicio_fondo_contenido { height: 430px; margin-bottom: -430px;
}
.bg_video_inicio_2 { max-width: 570px; margin: auto; z-index: 0; position: relative; top:50px;
}
#slide_inicio h3 { font-size: 27px; line-height: 27px; margin: 0px 0px 5px;
}
#slide_inicio .enlace_ofertas img { width: 480px; height: auto; margin: 40px auto -7px;
/*--slide_inicio - final--*/
}
}
@media (min-width:721px) and (max-width:960px) {
.no_min_721_max_960 { display:none!important;
}
/*Inspección, Mantenimiento y Reparaciones - inicio*/
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb { height: 737px; background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/reparacion_de_estructuras_y_cambio_de_cubiertas_en_pergolas_y_marquesinas_1200.webp) center center; background-size:cover;
}                                      
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sppb-container-inner { height: 737px; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sppb-row { max-width: 1140px; padding-right: 15px; padding-left: 15px; margin: auto; height: 737px; text-align: center; display: flex; align-items: center;
}
#column-wrap-id-1d9e2e66-0733-465c-b1b3-b6d97beda7b8 { margin-top: -110px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb h2 { font-size: 45px; line-height: 1.1em; font-weight: 700; color: #fff; margin-bottom: 55px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb p { font-weight: 400; font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 45px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sp-slider-btn-text:hover { color: var(--maincolor);
/*Inspección, Mantenimiento y Reparaciones - final*/
}
}
@media (max-width:767px) {
.no_max_767 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-menu - inicio -*/
#sp-menu { background:#fff;
/*- sp-menu - final -*/
}
/*sp-barra-azul - inicio*/
/*- barra azul nuestros servicios - inicio -*/
.barra_azul_nuestros_servicios { display:none;
/*- barra azul nuestros servicios - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*--estructuras blanco - inicio--*/
.estructuras_blanco_center_1, .estructuras_blanco_center_3 { display:none;
}
.estructuras_blanco_top_right h3, .estructuras_blanco_bottom_right h3, .estructuras_blanco_center_2_right h3, .estructuras_blanco_center_1_left h3, .estructuras_blanco_center_3_left h3, .estructuras_blanco_center_4_right h3 { border-color: var(--maincolor); border-style: solid; border-width: 0px 0px 0px 4px; padding: 0px 0px 0px 20px; color: #1C2539 !important; font-weight: 600 !important;
}
.botones_grandes_azul_y_negro {  float: left;
}
.botones_grandes_azul_y_negro { margin-top: 15px;
/*--estructuras blanco - final--*/
}
/*3 módulos - inicio*/
#sppb-addon-4350f763-de0d-4930-b2f0-4abfa801eb32 .about-section-content-column-info-box { max-width: 100%!important;
}
/*
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e:hover, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box::before, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box:hover, 

#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e:hover, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box::before, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box:hover { background: url(../../../images/icons/shape-1.jpg) var(--bs-gray-900) !important; background-size: cover !important; box-shadow:0 10px 60px rgba(0, 0, 0, 0.1)!important; background-color:none!important;
}
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box h5, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box:hover h5 a, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box p, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box p a, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box:hover p, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box:hover p a, 

#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box h5, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box:hover h5 a, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box p, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box p a, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box:hover p, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box:hover p a { color: #fff!important;
}
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5:hover, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box::before, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box:hover, 

#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db:hover, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box::before, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box:hover { background-image:none!important; background-color:#fff!important; box-shadow:0 10px 60px rgba(0, 0, 0, 0.1)!important;
}
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box h5, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box:hover h5 a, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box p, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box p a, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box:hover p, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box:hover p a, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box h5, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box:hover h5 a, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box p, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box p a, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box:hover p, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box:hover p a { color: #5D666F!important;*/

#section-id-3b06abe3-b4b8-41d5-b2ba-7bd7ef4b7424 { padding-right: 0!important;
}
#sppb-addon-aa6935b4-d67a-4ea9-8d7a-daf52b5c0ab5 .about-section-image-1 { max-width: 100%!important;
/*3 módulos - final*/
}
/*Tipos y Materiales en Puertas y Cortinas Enrollables - inicio*/
#sppb-addon-8c3e0232-5ecf-48d6-9772-267d3061da67 .sppb-divider { margin-top: 40px !important; margin-bottom: 20px !important;
/*Tipos y Materiales en Puertas y Cortinas Enrollables - final*/
}
/*Pérgolas Metálicas, Marquesinas Corredizas - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 h1 { font-size: 35px; line-height: 45px;
/*Pérgolas Metálicas, Marquesinas Corredizas - final*/
}
/*Mantenimiento, Reparación y Remplazo - inicio*/
#sppb-addon-fc4c11d8-252d-47da-ba60-c4978bef8978 { border-radius: 20px!important;
}
#sppb-addon-744fafef-e71e-4416-b41f-155d435cb3a9 img { width: 100%!important; border-radius: 20px 20px 0px 0px!important;
}
#sppb-addon-7340e979-403f-4685-8df9-ad56f74043cb { padding-bottom: 180px!important;
/*Mantenimiento, Reparación y Remplazo - final*/
}
}
@media (min-width:768px) {
.no_min_768 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-menu - inicio -*/
#sp-menu { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+89,fcfcfc+93,f8f8f8+94,eeeeee+97,dddddd+100 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 89%,#fcfcfc 93%,#f8f8f8 94%,#eeeeee 97%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
width:max-content; padding:0 15px;
}
#sp-menu .sp-column { display:block!important;
}
.sp-megamenu-parent { max-width: max-content; margin: auto;
}
.sp-megamenu-parent > li { display: inline-flex;
}
.sp-megamenu-parent > li:hover > span, 
.sp-megamenu-parent > li:hover > span > li:hover > span { cursor:default; 
}
.sp-megamenu-parent.menu-animation-fade-down .sp-has-child:hover > .sp-dropdown { animation: spFadeInDown 200ms ease-in;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > span, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge), 
.sp-megamenu-parent .sp-mega-group > li > span { cursor: default;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover span:not(.sp-menu-badge) { color: var(--maincolor) !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover::marker { color: var(--maincolor) !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) { display: block; position: relative;
}
.sp-megamenu-parent > li:hover { color: var(--maincolor)!important;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, 
.sp-megamenu-parent > li:last-child > a { font-size:0px;
}
.sp-megamenu-parent > li > a::before, 
.sp-megamenu-parent > li > span::before { bottom: 30px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, 
.sp-megamenu-parent .sp-mega-group > li > a, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) { padding: 8px 0;
}
.sp-megamenu-parent .sp-dropdown { width:350px!important;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > span::after { content: "\f054" !important; margin-left: 0px; font-weight: 900; font-size: 10px; float: right; display: inline; position: absolute; right: 0px; margin-top: 1px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) { width: 320px;
}
.sp-megamenu-parent .sp-dropdown li { margin: 0px !important; color: #000 !important; padding: 3px 8px 0px 8px!important; list-style-position: inside !important; display: list-item !important; list-style-type: initial !important; font-size: 12px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { margin-top: -31px;
 padding-left: 15px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) { width: 333px; margin-top: -31px; padding-left: 13px; padding-right: 18px;
}
.sp-megamenu-parent > li > span, 
.sp-megamenu-parent > li:hover > span, 
.sp-megamenu-parent > li.active > span, 
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li:hover > a, 
.sp-megamenu-parent > li.active > a { color:rgba(0,0,0,0)!important; min-width:auto;
}
.sp-megamenu-parent > li + li > a { margin-left: 0px;
}
.sp-megamenu-parent > li > span::before, 
.sp-megamenu-parent > li:hover > span::before, 
.sp-megamenu-parent > li.active > span::before, 
.sp-megamenu-parent > li > a::before, 
.sp-megamenu-parent > li > span::before { display:none;
}
li.boton_sobre_nosotros { width: 66px;
}
.sp-megamenu-parent > li > span.boton_sobre_nosotros { width:66px; height:100px; background: url(../../../images/inicio/icono_sobre_nosotros_negro.png) center center no-repeat; background-size:cover;
}
.sp-megamenu-parent > li:hover > span.boton_sobre_nosotros, 
.sp-megamenu-parent > li.active > span.boton_sobre_nosotros { width:66px; height:100px; background: url(../../../images/inicio/icono_sobre_nosotros_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}
.menu_sobre_nosotros .sp-dropdown { margin-left:-117px;
}

li.boton_diseno_y_fabricacion { width: 79px;
}
.sp-megamenu-parent > li > span.boton_diseno_y_fabricacion { width:79px; height:100px; background: url(../../../images/inicio/icono_diseno_y_fabricacion_negro.png) center center no-repeat; background-size:cover;
}
.sp-megamenu-parent > li:hover > span.boton_diseno_y_fabricacion, 
.sp-megamenu-parent > li.active > span.boton_diseno_y_fabricacion { width:79px; height:100px; background: url(../../../images/inicio/icono_diseno_y_fabricacion_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}
.menu_nuestros_servicios .sp-dropdown { margin-left:-114px;
}
.submenu_nuestros_servicios .sp-dropdown { margin-left:0px!important;
}

li.boton_pergolas_y_estructuras { width: 83px;
}
.sp-megamenu-parent > li > span.boton_pergolas_y_estructuras { width:83px; height:100px; background: url(../../../images/inicio/icono_pergolas_y_estructuras_negro.png) center center no-repeat; background-size:cover;
}
.sp-megamenu-parent > li:hover > span.boton_pergolas_y_estructuras, 
.sp-megamenu-parent > li.active > span.boton_pergolas_y_estructuras { width:83px; height:100px; background: url(../../../images/inicio/icono_pergolas_y_estructuras_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}
a.boton_pergolas_y_estructuras { width:83px; height:100px; background: url(../../../images/inicio/icono_pergolas_y_estructuras_negro.png) center center no-repeat; background-size:cover;
}
li:hover a.boton_pergolas_y_estructuras, 
li.active a.boton_pergolas_y_estructuras { width:83px; height:100px; background: url(../../../images/inicio/icono_pergolas_y_estructuras_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}

li.boton_marquesinas_y_aleros { width: 101px;
}
.sp-megamenu-parent > li > span.boton_marquesinas_y_aleros { width:101px; height:100px; background: url(../../../images/inicio/icono_marquesinas_y_aleros_negro.png) center center no-repeat; background-size:cover;
}
.sp-megamenu-parent > li:hover > span.boton_marquesinas_y_aleros, 
.sp-megamenu-parent > li.active > span.boton_marquesinas_y_aleros { width:101px; height:100px; background: url(../../../images/inicio/icono_marquesinas_y_aleros_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}
a.boton_marquesinas_y_aleros { width:101px; height:100px; background: url(../../../images/inicio/icono_marquesinas_y_aleros_negro.png) center center no-repeat; background-size:cover;
}
li:hover a.boton_marquesinas_y_aleros, 
li.active a.boton_marquesinas_y_aleros { width:101px; height:100px; background: url(../../../images/inicio/icono_marquesinas_y_aleros_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}

li.boton_domos_y_tragaluces { width: 77px;
}
.sp-megamenu-parent > li > span.boton_domos_y_tragaluces { width:77px; height:100px; background: url(../../../images/inicio/icono_domos_y_tragaluces_negro.png) center center no-repeat; background-size:cover;
}
.sp-megamenu-parent > li:hover > span.boton_domos_y_tragaluces, 
.sp-megamenu-parent > li.active > span.boton_domos_y_tragaluces { width:77px; height:100px; background: url(../../../images/inicio/icono_domos_y_tragaluces_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}
a.boton_domos_y_tragaluces { width:77px; height:100px; background: url(../../../images/inicio/icono_domos_y_tragaluces_negro.png) center center no-repeat; background-size:cover;
}
li:hover a.boton_domos_y_tragaluces, 
li.active a.boton_domos_y_tragaluces { width:77px; height:100px; background: url(../../../images/inicio/icono_domos_y_tragaluces_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}

li.boton_instalacion_y_montaje { width: 88px;
}
.sp-megamenu-parent > li > span.boton_instalacion_y_montaje { width:88px; height:100px; background: url(../../../images/inicio/icono_instalacion_y_montaje_negro.png) center center no-repeat; background-size:cover;
}
.sp-megamenu-parent > li:hover > span.boton_instalacion_y_montaje, 
.sp-megamenu-parent > li.active > span.boton_instalacion_y_montaje { width:88px; height:100px; background: url(../../../images/inicio/icono_instalacion_y_montaje_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}
a.boton_instalacion_y_montaje { width:88px; height:100px; background: url(../../../images/inicio/icono_instalacion_y_montaje_negro.png) center center no-repeat; background-size:cover;
}
li:hover a.boton_instalacion_y_montaje, 
li.active a.boton_instalacion_y_montaje { width:88px; height:100px; background: url(../../../images/inicio/icono_instalacion_y_montaje_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}

li.boton_mantenimiento_y_reparaciones { width: 117px;
}
.sp-megamenu-parent > li > span.boton_mantenimiento_y_reparaciones { width:117px; height:100px; background: url(../../../images/inicio/icono_mantenimiento_y_reparaciones_negro.png) center center no-repeat; background-size:cover;
}
.sp-megamenu-parent > li:hover > span.boton_mantenimiento_y_reparaciones, 
.sp-megamenu-parent > li.active > span.boton_mantenimiento_y_reparaciones { width:117px; height:100px; background: url(../../../images/inicio/icono_mantenimiento_y_reparaciones_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}
a.boton_mantenimiento_y_reparaciones { width:117px; height:100px; background: url(../../../images/inicio/icono_mantenimiento_y_reparaciones_negro.png) center center no-repeat; background-size:cover;
}
li:hover a.boton_mantenimiento_y_reparaciones, 
li.active a.boton_mantenimiento_y_reparaciones { width:117px; height:100px; background: url(../../../images/inicio/icono_mantenimiento_y_reparaciones_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}

a.boton_nuestros_proyectos { width:73px; height:100px; background: url(../../../images/inicio/icono_nuestros_proyectos_negro.png) center center no-repeat; background-size:cover;
}
li:hover a.boton_nuestros_proyectos, 
li.active a.boton_nuestros_proyectos { width:73px; height:100px; background: url(../../../images/inicio/icono_nuestros_proyectos_azul.jpg) var(--maincolor) center center no-repeat; background-size:cover;
}
.menu_nuestros_proyectos .sp-dropdown { margin-left:-113px;
}
.submenu_nuestros_proyectos .sp-dropdown { margin-left:-60px;	
/*- sp-menu - final -*/
}
/*- sp-position3 - inicio -*/
#sp-position3 { padding-right: 0px; height: 100px !important; margin-top: 35px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+89,fcfcfc+93,f8f8f8+94,eeeeee+97,dddddd+100 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 89%,#fcfcfc 93%,#f8f8f8 94%,#eeeeee 97%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*- sp-position3 - final -*/

/*sp-header - final*/
}
/*página de resultados de búsqueda - inicio*/
.view-search .form-label { font-size: 20px; line-height: 30px;
}
.view-search .fa-magnifying-glass::before, 
.view-search .fa-search::before { margin-right: 5px; margin-left: 7px;
}
.view-search .btn-primary { font-size: 20px; line-height: 30px; padding: 0px 15px 0 5px; cursor: pointer !important; pointer-events:auto!important;
}
.view-search .form-control { font-size: 20px; line-height: 30px; padding: 5px 5px 5px 15px;
}
.view-search .btn.disabled, 
.view-search .btn:disabled, 
.view-search fieldset:disabled .btn { background-color: var(--maincolor); opacity: 1; border: none;
}
.view-search [type="button"]:not(:disabled), 
.view-search [type="reset"]:not(:disabled), 
.view-search [type="submit"]:not(:disabled), 
.view-search button:not(:disabled) { cursor: pointer;
}
.view-search .brc-submenu-flotante-caja { margin-top:0px;
/*página de resultados de búsqueda - final*/
}
/*--slide_inicio - inicio--*/
#slide_inicio h4 { text-transform: uppercase;
/*--slide_inicio - final--*/
}
/*--estructuras blanco - inicio--*/
.estructuras_blanco_top_right h3, .estructuras_blanco_bottom_right h3, .estructuras_blanco_center_2_right h3 { border-color: var(--maincolor); border-style: solid; border-width: 0px 0px 0px 4px; padding: 0px 0px 0px 20px; color:#1C2539!important; font-weight:600!important;
}
.estructuras_blanco_center_1_left h3, .estructuras_blanco_center_3_left h3 { border-color: var(--maincolor); border-style: solid; border-width: 0px 4px 0px 0px; padding: 0px 20px 0px 0px; color:#1C2539!important; font-weight:600!important;
}
.estructuras_blanco_center_4_right h3 { border-color: var(--maincolor); border-style: solid; border-width: 0px 0px 0px 4px; padding: 0px 0px 0px 20px; color:#1C2539!important; font-weight:600!important;
}
.estructuras_blanco_center_1_left .botones_grandes_azul_y_negro, 
.estructuras_blanco_center_3_left .botones_grandes_azul_y_negro { float: right;
}
.estructuras_blanco_top_right .botones_grandes_azul_y_negro, 
.estructuras_blanco_bottom_right .botones_grandes_azul_y_negro, 
.estructuras_blanco_center_4_right .botones_grandes_azul_y_negro, 
.estructuras_blanco_center_2_right .botones_grandes_azul_y_negro { float: left;
}
.estructuras_blanco_center_3 { border-bottom:1px solid #fff;
}
.estructuras_blanco_center_2, .estructuras_blanco_center_4 { display:none; 
}
.estructuras_blanco_center_1_left, .estructuras_blanco_center_3_left { text-align:right;
/*--estructuras blanco - final--*/
}
/*3 módulos - inicio*/
#column-wrap-id-a00aa081-c51b-4481-bcc6-16c690a61228 { max-width: 100% !important; flex-basis: 100% !important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_contenido { display:none;
/*3 módulos - final*/
}
}
@media (min-width:768px) and (max-width:768px) {
.no_min_768_max_768 { display:none!important;
}
/*--estructuras blanco - inicio--*/
.espacio_estructuras_blanco_izquierda img { width: 140px; height: auto; bottom: 15px; position: absolute; right: 15px;
}
.espacio_estructuras_blanco_derecha img { width: 140px; height: auto; bottom: 15px; position: absolute; left: 15px;
}
.espacio_estructuras_blanco_izquierda h3 { top: 20px; letter-spacing: 0px; font-size: 39px !important; line-height: 39px !important; right: 25px; text-align: right; width:80%;
}
.espacio_estructuras_blanco_derecha h3 { top: 20px; letter-spacing: 0px; font-size: 39px !important; line-height: 39px !important; left: 25px; width:80%;
}
.estructuras_blanco_top_left { background: url(../../../images/inicio/estructuras_blanco/marquesinas_corredizas_y_pergolas_metalicas_para_patios_terrazas_y_exteriores_en_bogota_768.webp) center right;
}
.estructuras_blanco_center_1_right { background: url(../../../images/inicio/estructuras_blanco/montaje_de_cubiertas_techos_y_estructuras_metalicas_arquitectonicas_en_bogota_colombia_768.webp) left center;
}
.estructuras_blanco_center_2_left { background: url(../../../images/inicio/estructuras_blanco/soluciones_industriales_para_la_fabricacion_de_pergolas_marquesinas_domos_y_cubiertas_768.webp) center center;
}
.estructuras_blanco_center_3_right { background: url(../../../images/inicio/estructuras_blanco/calidad_diseno_y_funcionalidad_en_pergolas_metalicas_y_marquesinas_en_bogota_768.webp) center left;
}
.estructuras_blanco_center_4_left { background: url(../../../images/inicio/estructuras_blanco/diseno_e_instalacion_de_techos_cubiertas_y_estructuras_metalicas_en_bogota_colombia_768.webp) top left;
}
.estructuras_blanco_bottom_left { background: url(../../../images/inicio/estructuras_blanco/estructuras_metalicas_para_exteriores_en_pergolas_y_marquesinas_en_bogota_colombia_768.webp) center left;
/*--estructuras blanco - final--*/
}
/*slider final - inicio*/
#slider_1_final { height: 780px; background: url(../../../images/inicio/slider_final/fabricacion_en_metal_policarbonato_y_vidrio_en_estructuras_para_cubiertas_y_marquesinas_1152.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_2_final { height: 780px; background: url(../../../images/inicio/slider_final/instalacion_profesional_de_calidad_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_1152.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_3_final { height: 780px; background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas_pergolas_domos_y_cubiertas_en_bogota_colombia_1152.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_4_final { height: 780px; background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas_para_pergolas_y_marquesinas_de_casas_y_edificios_1152.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_1_final .sppb-row-container, #slider_1_final .sppb-row-column, 
#slider_2_final .sppb-row-container, #slider_2_final .sppb-row-column, 
#slider_3_final .sppb-row-container, #slider_3_final .sppb-row-column, 
#slider_4_final .sppb-row-container, #slider_4_final .sppb-row-column { padding:0px;
}
#slider_1_final .sppb-row, #slider_2_final .sppb-row, #slider_3_final .sppb-row, #slider_4_final .sppb-row { margin:0!important;
}
.slider_final_box { width: 95%; max-width: 95%; padding: 20px;
}
.slider_final_box h2 { font-size: 46px !important; line-height: 52px !important; letter-spacing: -1px; margin-bottom: 15px !important; font-weight: 800 !important; margin-top: 0; color: #fff;
}
.slider_final_box p { font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 1.8rem; font-weight:300;
}
.slider_final_box_left { height: 300px; margin-bottom: 15px; border-radius: 5px; border: 1px solid #fff; padding: 10px; background: rgba(0, 0, 0, 0.5);
/*slider final - final*/
}
}
@media (min-width:768px) and (max-width:854px) {
.no_min_768_max_854 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 0 !important; right: 0 !important; bottom: -672px; z-index: 5; width: 230px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 30px; width: 40px; height: 40px; line-height: 40px; background: none; border: none;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 40px; font-weight: normal;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-item .sppb-container { max-width: 684px;
/*Slider Home - final*/
}
}
@media (min-width:768px) and (max-width:991px) {
.no_min_768_max_991 { display:none!important;
}
/*sp-header - inicio*/
#sp-header { margin-top: -6px;
}
#sp-header .container { transform: scale(0.933);
}
#sp-header .container, 
#sp-header .container-lg, 
#sp-header .container-md, 
#sp-header .container-sm, 
#sp-header .container-xl, 
#sp-header .sppb-container, 
#sp-header .sppb-row-container { max-width: 740px;
}
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote { background: #fff; height: 35px; width: 549px; margin-left: 161px; margin-bottom: -35px; padding-left:15px; padding-right:15px; 
}
#sp-top-cabezote .sp-column { height:35px; background:#E6E9F0; padding-left:15px; padding-right:15px; border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px;
}
#sp-top-cabezote .sp-module { width: 100%;
}
#sp-top-cabezote a { height: 35px!important; margin: 0; margin-right: 0px; margin-right: 0px; padding: 0px; font-weight: 500; color: #1C2539; font-weight: 500; display: flex; align-items: center;
}
#sp-top-cabezote a:hover, 
#sp-top-cabezote a:hover span { font-weight: 500; color: var(--maincolor);
}
#sp-top-cabezote .top_cabezote_direccion i, 
#sp-top-cabezote .top_cabezote_telefonos i { font-weight: 900; transform: none; margin-right: 10px; font-size: 15px; padding: 0px; color: var(--maincolor);
}
#sp-top-cabezote .top_cabezote_direccion { height:35px; float:left;
}
#sp-top-cabezote .top_cabezote_telefonos { padding-left: 20px; height:35px; float:left;
}
#sp-top-cabezote .top_cabezote_redes { float: right; height: 35px; display: flex;
}
#sp-top-cabezote .top_cabezote_redes a { color: #1C2539; font-weight: 500;
}
#sp-top-cabezote .top_cabezote_redes i { color: #1C2539 !important; margin-left: 7.5px !important; margin-right: 7.5px !important; font-weight: 500 !important;
}
#sp-top-cabezote .top_cabezote_redes a:hover, 
#sp-top-cabezote .top_cabezote_redes a:hover span, 
#sp-top-cabezote .top_cabezote_redes a:hover i { color: var(--maincolor) !important;
}
#sp-top-cabezote .top_cabezote_redes .fa-twitter, 
#sp-top-cabezote .top_cabezote_redes .fa-pinterest { display:none;
}
#sp-top-cabezote .top_cabezote_redes .fa-instagram { margin-right: 0px !important;
/*- sp-top-cabezote - final -*/
}
/*- sp-menu - inicio -*/
#sp-menu { width: 549px; padding: 0px;
}
#sp-menu .boton_diseno_y_fabricacion { display:none;
}
#sp-menu #offcanvas-toggler { height: 90px; padding: 0 20px; margin-left: 128px; float:left;
}
#sp-menu .burger-icon { width: 32px;
}
#sp-menu .burger-icon > span { height: 3px;
}
.itemid375, .itemid376, .itemid377, .itemid378, .itemid375, .itemid380, .itemid409 { display:none!important;
/*- sp-menu - inicio -*/
}
/*- sp-position3 - inicio -*/
#sp-position3 { height: 90px !important; margin-top: 35px; margin-left: -349px; padding-right: 22px; width: 349px;
}
#sp-position3 .boton_contacto_cabezote a { margin-left: 10px!important;
}
#sp-position3 .boton_whatsapp_cabezote i { font-size: 33px;
}
#sp-position3 .boton_camera_cabezote i, 
#sp-position3 .boton_video_cabezote i, 
#sp-position3 .boton_telefono_cabezote i { font-size: 29px;
}
#sp-position3 .boton_video_cabezote img { height:22px; width:33px; margin: auto;
}
#sp-position3 .boton_camera_cabezote img { height:26px; width:29px; margin: auto;
}
#sp-position3 .boton_whatsapp_cabezote img { height: 30px; width: 30px; margin: auto;
/*- sp-position3 - final -*/
}
/*sp-barra-azul - inicio*/
#sp-barra-azul { width: 690px;
}
/*- barra azul nuestros servicios - inicio -*/
#sp-barra-azul .boton_diseno_y_fabricacion { display:inherit;
}
.barra_azul_nuestros_servicios .dj-megamenu-default li ul.dj-submenu > li > a { font-size: 13px !important;
}
.barra_azul_nuestros_servicios li.itemid257 ul.dj-submenu > li > a { padding: 7px 30px 9px 10px!important;
}
.barra_azul_nuestros_servicios li.itemid307 div.dj-subwrap { top: -36px !important;
}
.barra_azul_nuestros_servicios li.itemid308 div.dj-subwrap { top: -71px !important;
/*- barra azul nuestros servicios - final -*/
}
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { width:412px;
/*- barra azul menú carrusel - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky { margin-top: -15px;
}
#sp-header.header-sticky .container { transform: scale(0.70); width:740px;
}
#sp-header.header-sticky #sp-top-cabezote { display:none;
}
/*- sp-position3 - inicio -*/
#sp-header.header-sticky .boton_whatsapp_cabezote { display:inherit!important;
/*- sp-position3 - final -*/
}
#sp-header.header-sticky .boton_diseno_y_fabricacion { display:inherit;
}
#sp-header.header-sticky #sp-logo, 
#sp-header.header-sticky #sp-logo .sp-column, 
#sp-header.header-sticky #sp-logo .logo { width: 146px;
}
#sp-header.header-sticky #sp-menu { width:215px; padding:0px;
}
#sp-header.header-sticky #sp-position3 { height: 100px !important; margin-left: -64px; padding-right: 22px; width: 413px;
}
#sp-header.header-sticky #sp-menu #offcanvas-toggler { height: 100px !important; margin-left: 79px; width: 72px;
/*header-sticky - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom:58px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 118px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 770px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 58px!important; line-height: 1em!important; width: 85%;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-0-key p, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-0-key p { width: 85%; font-size: 18px; font-weight: 500;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:70%;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key .sp-background { background: url(../../../images/inicio/slider_1/cortinas_enrollables_metalicas_991.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key .sp-background { background: url(../../../images/inicio/slider_1/puertas_y_garajes_automaticos_991.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key .sp-background { background: url(../../../images/inicio/slider_1/motorizacion_y_automatizacion_991.webp) center top no-repeat!important; background-size:cover!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio {  padding: 0 !important; margin: 0 !important; background: url(../../../images/inicio/slider_1/diseno_fabricacion_e_instalacion_de_pergolas_marquesinas_y_domos_en_bogota_colombia_991.webp) center top no-repeat !important; background-size: cover !important;
}
.slider_nuevo_inicio .sppb-row-container { width:100%; max-width:100%; padding:0; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
.slider_nuevo_inicio .caja { max-width: 690px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; height: 770px; display: flex; align-items: center;
}
.slider_nuevo_inicio .contenido { margin-top: 120px;
}
.slider_nuevo_inicio h3 { font-family: 'DM Sans', sans-serif; text-transform: uppercase !important; font-size: 18px !important; line-height: 26px !important; letter-spacing: 0.3em !important; color: #fff; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px; padding-right:10%;
}
.slider_nuevo_inicio h2 { font-weight: 900; text-transform: uppercase; color: #fff; margin: 5px 0px 17px 0px; font-size: 58px !important; line-height: 1em !important; font-family: "Red Hat Display", sans-serif; text-shadow: rgba(0,0,0,.5) 10px 10px 50px;
}
.slider_nuevo_inicio h4 { font-weight: 500; font-size: 16px; line-height: 26px; color: #fff; font-family: 'DM Sans', sans-serif; width: 80%; text-shadow:rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio .sppb-sp-slider-button { margin-left: 0;
}
.slider_nuevo_inicio .boton_contacto .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_nosotros:hover .sp-slider-btn-text { border: 1px solid var(--maincolor); background: var(--maincolor)!important;
}
.slider_nuevo_inicio .boton_nosotros .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_contacto:hover .sp-slider-btn-text { background: transparent!important; border: 1px solid #FFFFFF; color: #fff; color: #fff;
/*Slider Nuevo Inicio - final*/
}
/*--estructuras blanco - inicio--*/
#estructuras_blanco .sppb-col-md-6 { width: 50%; max-width:50%;
/*--estructuras blanco - final--*/
}
/*3 módulos - inicio*/
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title .title { height: 80px; display: flex; align-items: center;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title .title { font-size: 21px; line-height: 25px;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .title, 
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .title, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .title, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .title, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .title, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .title { font-size: 21px; line-height: 25px; margin:0;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box { padding:15px!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_contenido, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .animacion_contenido, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .animacion_contenido, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .animacion_contenido, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .animacion_contenido { padding:30px 15px 15px;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .title, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .title, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .title, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .title, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .title { height: 80px; display: flex; align-items: center; margin:0;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_titulo img, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .animacion_titulo img, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .animacion_titulo img, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .animacion_titulo img, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .animacion_titulo img { background:var(--maincolor); height: 80px; width: 80px; padding: 10px; margin-right: 20px; float:left;
/*3 módulos - final*/
}
/*Pérgolas Metálicas, Marquesinas Corredizas - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 h1 { font-size: 45px; line-height: 55px;
}
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 {  background: url(../../../images/fondos/automatizacion_control_y_sistemas_de_acceso_inteligentes_en_puertas_y_cortinas_enrollables_768.jpg) center bottom no-repeat; background-size:contain;
/*Pérgolas Metálicas, Marquesinas Corredizas - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#sppb-addon-82fe53e0-2f18-4caf-8361-806f45e577f9 .video-play-button { right: -36px!important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Mapa - inicio*/
#sp-mapa { background: url(../../../images/inicio/mapa/mapa_ubicacion_multicorp_ingenieria_sas_en_bogota_colombia_991.webp) center center no-repeat;
/*Mapa - final*/
}
/*Comuníquese con Nuestro Equipo - inicio*/
#column-wrap-id-13b4c59d-ae9e-4cb2-b387-5070de7cba60 { max-width: 720px!important; margin:auto;
/*Comuníquese con Nuestro Equipo - final*/
}
/*Tu Proyecto de Techos y Cubiertas - inicio*/
#column-id-332efd91-b64e-4c57-964a-e5d8c5d6f605 { padding-left: 15px !important; padding-right: 15px !important; padding-bottom:25px!important; padding-top: 90px!important;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07, #sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07::after { height: 540px;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07 { background: url(../../../images/inicio/tu_proyecto_de_acceso/tecnicos_expertos_para_la_instalacion_montaje_y_mantenimiento_de_pergolas_metalicas_540.webp) center center no-repeat; background-size: cover;
}
#section-id-26a940a2-30d7-45ae-854e-ee7b7d2e1773 { margin-right: 0!important;
}
#column-wrap-id-3e1a8831-e71e-459d-95ca-e047b4894c38 { padding-bottom: 100px;
/*Tu Proyecto de Techos y Cubiertas - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#aboutus { padding-top: 100px!important; padding-bottom: 100px!important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Marquesinas para Patios y Terrazas en Bogotá - inicio*/
#section-id-e591c66f-b8f8-4e69-9f10-a1aedce204e6 { padding-top: 30px!important; padding-bottom: 0px!important;
/*Marquesinas para Patios y Terrazas en Bogotá - final*/
}
/*Tipos y Materiales en Puertas y Cortinas Enrollables - inicio*/
#sppb-addon-8c3e0232-5ecf-48d6-9772-267d3061da67 .sppb-divider { margin-top: 35px!important; margin-bottom: 20px!important;
/*Tipos y Materiales en Puertas y Cortinas Enrollables - final*/
}
/*3 módulos - inicio*/
#column-wrap-id-e44dec66-630e-47dc-956f-c5e76062b8f5, 
#column-wrap-id-2579576a-ab22-40c9-a514-cfa361b7010c, 
#column-wrap-id-d8dc6adf-1340-46c0-b0e2-34a3134c8620, 
#column-wrap-id-1b760690-0899-4152-b819-fe6a9fd72140 { max-width: 50%!important; flex-basis: 50%!important;
/*3 módulos - final*/
}
/*Módulo inicio abajo Productos y Servicios - inicio--*/
#column-wrap-id-64b27a1c-ceb0-4dc0-8fa1-cfde4e6b437e { max-width: 50%!important; flex-basis: 50%!important;
/*Módulo inicio abajo Productos y Servicios - final--*/
}
/*Pérgolas, Marquesinas y Cubiertas - inicio*/
#sppb-addon-e6ee7a89-aa4c-4bff-bba4-10835fcce593 .sppb-addon-single-image-container, 
#sppb-addon-e6ee7a89-aa4c-4bff-bba4-10835fcce593 img { width: 100%;
/*Pérgolas, Marquesinas y Cubiertas - final*/
}
/*Ingeniería Integral - inicio*/
#column-wrap-id-b2ff11c6-1419-438d-843b-0e8ad07fddf1 { display:none;
/*Ingeniería Integral - final*/
}
/*Sellado, renovación y cambio - inicio*/
#column-wrap-id-c0906369-6e62-4835-8401-449104b65bf0 { display:none;
/*Sellado, renovación y cambio - final*/
}
}
@media (min-width:768px) and (max-width:1023px) { 
.no_min_768_max_1023 { display:none!important;
}
/*--estructuras blanco - inicio--*/
.estructuras_blanco_top_right, .estructuras_blanco_center_1_left, .estructuras_blanco_center_2_right, .estructuras_blanco_center_3_left, .estructuras_blanco_center_4_right, .estructuras_blanco_bottom_right { padding: 80px 35px;
/*--estructuras blanco - final--*/
}
}
@media (min-width:768px) and (max-width:1024px) {
.no_min_768_max_1024 { display:none!important;
}
/*--estructuras blanco - inicio--*/
#estructuras_blanco h3 { font-size: 35px;
/*--estructuras blanco - final--*/
}
}
@media (min-width:768px) and (max-width:1199px) {
.no_min_768_max_1199 { display:none!important;
}
/*Módulo inicio abajo ¿Por qué elegirnos? - inicio--*/
#column-wrap-id-95912bf7-5eb9-492c-8a2f-d84d6474c428 { display:none!important; 
/*Módulo inicio abajo ¿Por qué elegirnos? - abajo--*/
}
}
@media (min-width:769px) {
.no_min_769 { display:none!important;
}
/*--estructuras blanco - inicio--*/
.estructuras_blanco_top_left { background: url(../../../images/inicio/estructuras_blanco/marquesinas_corredizas_y_pergolas_metalicas_para_patios_terrazas_y_exteriores_en_bogota.webp) center center;
}
.estructuras_blanco_center_1_right { background: url(../../../images/inicio/estructuras_blanco/montaje_de_cubiertas_techos_y_estructuras_metalicas_arquitectonicas_en_bogota_colombia.webp) left center;
}
.estructuras_blanco_center_2_left { background: url(../../../images/inicio/estructuras_blanco/soluciones_industriales_para_la_fabricacion_de_pergolas_marquesinas_domos_y_cubiertas.webp) left center;
}
.estructuras_blanco_center_3_right { background: url(../../../images/inicio/estructuras_blanco/calidad_diseno_y_funcionalidad_en_pergolas_metalicas_y_marquesinas_en_bogota.webp) center center;
}
.estructuras_blanco_center_4_left { background: url(../../../images/inicio/estructuras_blanco/diseno_e_instalacion_de_techos_cubiertas_y_estructuras_metalicas_en_bogota_colombia.webp) center center;
}
.estructuras_blanco_bottom_left { background: url(../../../images/inicio/estructuras_blanco/estructuras_metalicas_para_exteriores_en_pergolas_y_marquesinas_en_bogota_colombia.webp) bottom right;
/*--estructuras blanco - final--*/
}
}
@media (min-width:769px) and (max-width:839px) {
.no_min_769_max_839 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:16px;
}
#servicios_inicio .sppb-flipbox-panel { height:188px!important; max-height:188px!important;
/*servicios_inicio - final*/
}
}
@media (min-width:769px) and (max-width:991px) { 
.no_min_769_max_991 { display:none!important;
}
/*--slide_inicio - inicio--*/
#slide_inicio { height:480px; 
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_992.webp) center center no-repeat; height:480px; 
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_992.webp) center center no-repeat; height:480px; 
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_992.webp) center center no-repeat; height:480px;
}
.slide_inicio_fondo_contenido { height: 480px; margin-bottom: -480px;
}
.bg_video_inicio_2 { max-width: 605px; margin: auto; z-index: 0; position: relative; top: 65px;
}
#slide_inicio h3 { font-size: 27.5px; line-height: 27.5px; margin: 0px 0px 5px;
}
#slide_inicio .enlace_ofertas img { width: 510px; height: auto; margin: 57px auto -8px;
/*--slide_inicio - final--*/
}
/*slider final - inicio*/
#slider_1_final { height: 800px; background: url(../../../images/inicio/slider_final/fabricacion_en_metal_policarbonato_y_vidrio_en_estructuras_para_cubiertas_y_marquesinas_1152.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_2_final { height: 800px; background: url(../../../images/inicio/slider_final/instalacion_profesional_de_calidad_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_1152.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_3_final { height: 800px; background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas_pergolas_domos_y_cubiertas_en_bogota_colombia_1152.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_4_final { height: 800px; background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas_para_pergolas_y_marquesinas_de_casas_y_edificios_1152.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_1_final .sppb-row-container, #slider_1_final .sppb-row-column, 
#slider_2_final .sppb-row-container, #slider_2_final .sppb-row-column, 
#slider_3_final .sppb-row-container, #slider_3_final .sppb-row-column, 
#slider_4_final .sppb-row-container, #slider_4_final .sppb-row-column { padding:0px;
}
#slider_1_final .sppb-row-container, 
#slider_2_final .sppb-row-container, 
#slider_3_final .sppb-row-container, 
#slider_4_final .sppb-row-container { max-width: 670px;
}
#slider_1_final .sppb-row, #slider_2_final .sppb-row, #slider_3_final .sppb-row, #slider_4_final .sppb-row { margin:0!important;
}
.slider_final_box { width: 90%; max-width: 90%; padding: 20px;
}
.slider_final_box h2 { font-size: 48px !important; line-height: 52px !important; letter-spacing: -1px; margin-bottom: 15px !important; font-weight: 800 !important; margin-top: 0; color: #fff;
}
.slider_final_box p { font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 1.8rem; font-weight:300;
}
.slider_final_box_left { height: 320px; margin-bottom: 20px; border-radius: 5px; border: 1px solid #fff; padding: 10px; background: rgba(0, 0, 0, 0.5);
/*slider final - final*/
}
}
@media (min-width:769px) and (max-width:1023px) {
.no_min_769_max_1023 { display:none!important;
}
/*--estructuras blanco - inicio--*/
.espacio_estructuras_blanco_izquierda img { width: 150px; height: auto; bottom: 15px; position: absolute; right: 15px;
}
.espacio_estructuras_blanco_derecha img { width: 150px; height: auto; bottom: 15px; position: absolute; left: 15px;
}
.espacio_estructuras_blanco_izquierda h3 { top: 20px; letter-spacing: 0px; font-size: 39px !important; line-height: 39px !important; right: 25px; text-align:right; width:85%;
}
.espacio_estructuras_blanco_derecha h3 { top: 20px; letter-spacing: 0px; font-size: 39px !important; line-height: 39px !important; left: 25px; width:85%;
/*--estructuras blanco - final--*/
}
}
@media (min-width:840px) and (max-width:909px) {
.no_min_840_max_909 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:16px;
}
#servicios_inicio .sppb-flipbox-panel { height:206px; max-height:206px;
/*servicios_inicio - final*/
}
}
@media (min-width:855px) and (max-width:991px) {
.no_min_855_max_991 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 20px !important; right: 20px !important; top: 98px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 35px !important; width: 60px; height: 60px; line-height: 60px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 60px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-item .sppb-container { max-width: 684px;
/*Slider Home - final*/
}
}
@media (min-width:961px) and (max-width:1140px) {
.no_min_961_max_1140 { display:none!important;
}
}
@media (min-width:910px) and (max-width:991px) {
.no_min_910_max_991 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:18px;
}
#servicios_inicio .sppb-flipbox-panel { height:223px; max-height:223px;
/*servicios_inicio - final*/
}
}
@media (max-width: 991px) {
.no_max_991 { display:none!important;
}
/*sp-top - inicio*/
#sp-top { display:none;
/*sp-top - final*/
}
/*sp-header - inicio*/
/*- sp-menu - inicio -*/
/*-top3 - inicio-*/
.top3_right_redes_cabezote .fa-instagram { margin-right:0px!important;
/*-top3 - final-*/
}
/*--offcanvas-toggler - inicio--*/	
.offcanvas-active .burger-icon > span:nth-child(3), 
#modal-menu-toggler.active .burger-icon > span:nth-child(3) { transform: translate(0, -6px) rotate(45deg);
}
.offcanvas-active .burger-icon > span:nth-child(3), 
#modal-menu-toggler.active .burger-icon > span:nth-child(3), 
.burger-icon > span:nth-child(3) { width: calc(100% - 0px);
/*--offcanvas-toggler - final--*/	
/*- sp-menu - final -*/
}
/*- sp-position3 - inicio -*/
#mod-custom218 { display:none!important;
/*- sp-position3 - final -*/
}
/*sp-barra-azul - inicio*/
/*- barra azul preguntas frecuentes - inicio -*/
.barra_azul_preguntas_frecuentes { display:none;
/*- barra azul preguntas frecuentes - final-*/
}
/*- barra azul menú carrusel - inicio -*/
.brc-elemento-submenu-item { font-size: 12px!important; height: 34px!important;
/*- barra azul menú carrusel - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*Slider Home - inicio*/
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key p span, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key p span, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key p span, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key p span, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key p span { display:none!important; 
/*Slider Home - final*/
}
/*slider final - inicio*/
.slider_final_box .sppb-sp-slider-button { margin-left: 0px; margin-top:0px;
/*slider final - final*/
}
/*3 módulos - inicio*/
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .feature-block-inner-box:hover, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box:hover, 
#sppb-addon-316c8de5-b678-4106-8958-78719a3829c5 .feature-block-inner-box:hover, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box:hover, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box:hover, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box:hover {  background: var(--bs-gray-900); background-size:cover!important;
/*3 módulos - final*/
}
/*Comuníquese con Nuestro Equipo - inicio*/
#section-id-778f46e3-233b-41ac-8044-a7a6b7494802 { background:url(../../../images/inicio/comuniquese_con_nuestro_equipo/soluciones_para_pergolas_metalicas_marquesinas_corredizas_domos_y_cubiertas_992.webp) center center; background-size:cover; margin:0!important; padding:0!important;
}
#section-id-778f46e3-233b-41ac-8044-a7a6b7494802 .sppb-row-container { padding-top:100px; padding-bottom:100px; max-width:100%; width:100%; background: url(../images/fondo_pagina.webp) #050a1520 !important;
/*Comuníquese con Nuestro Equipo - final*/
}
/*Tenemos años de experiencia - inicio*/
#column-wrap-id-f4cfc9cb-b1cc-4a3d-b9e8-1bae638d6c30 { padding-left: 15px; margin-top: 30px; padding-right: 15px;
}
#sppb-addon-c39fa3ea-51d6-4574-b97e-c73cc507c61d, #sppb-addon-5bf10b5d-19f2-4032-a61d-52f7373f88ed { padding-left: 0px!important;
}
#sppb-addon-69cd8d8d-52ff-4c12-bbfc-8087b2b2baa0 .sppb-addon-header .sppb-addon-title, 
#sppb-addon-e1c3cb0a-bdda-4c42-b683-ffccaa3e980b .sppb-addon-title span, 
#sppb-addon-FgbP8djiKhZ_CH_bmhSTQ .sppb-panel-custom .sppb-panel-heading .sppb-panel-title .text-primary, 
#sppb-addon-FgbP8djiKhZ_CH_bmhSTQ .sppb-panel-custom .sppb-accordion-icon-wrap .fa-angle-down::before, 
#sppb-addon-5171c599-2848-40b9-b0b2-370f48efe9f7 .sppb-panel-custom .sppb-panel-heading .sppb-panel-title span, 
#sppb-addon-5171c599-2848-40b9-b0b2-370f48efe9f7 .sppb-panel-custom .sppb-accordion-icon-wrap { color: var(--maincolorazul)!important;
/*Tenemos años de experiencia - final*/
}
/*Marquesinas para Patios y Terrazas en Bogotá - inicio*/
#sppb-addon-1f271179-f6ac-4a69-832c-eecf29a67168 .sppb-divider { margin-bottom: 25px!important;
}
#column-wrap-id-e33e00b6-f614-494b-ae0c-42b2fb5402b0 { order: 2;
}
#column-wrap-id-e33e00b6-f614-494b-ae0c-42b2fb5402b0 { padding-top: 50px!important;
/*Marquesinas para Patios y Terrazas en Bogotá - final*/
}
/*Mantenimiento, Reparación y Remplazo - inicio*/
#sppb-addon-wrapper-cbac8104-a57e-4379-86ce-27b72651b96d { display:none!important;
/*Mantenimiento, Reparación y Remplazo - final*/
}
/*Ornamentación y Acabados Únicos - inicio*/
#section-id-f30854a2-de43-4d7f-9475-d6f993b66ec7 { max-width: 100%!important;
}
#column-wrap-id-03db72ac-786a-4dd6-a11b-7bf4e0b286d1 { order: 1;
}
#column-wrap-id-03db72ac-786a-4dd6-a11b-7bf4e0b286d1 { margin-top:45px!important;
}
#sppb-addon-40b7fc49-794e-4305-bba1-91838a94a130 .sppb-addon-title { margin-bottom: 30px!important;
}
#sppb-addon-wrapper-40b7fc49-794e-4305-bba1-91838a94a130 { margin-bottom: 30px!important;
}
#sppb-addon-wrapper-2ce1b0f6-5b22-43fa-b286-d1c16bf1de28 { margin-top: 5px!important;
}
#sppb-addon-wrapper-2ce1b0f6-5b22-43fa-b286-d1c16bf1de28 { margin-bottom: 0px!important;
}
#sppb-addon-025181af-beb2-47c0-8c69-a1055797a913 .sppb-addon-title img { height: 60px !important; margin-top: 2px !important; width:auto;
}
#sppb-addon-025181af-beb2-47c0-8c69-a1055797a913 .why-choose-us-three-info-box .title { margin-left: 20px !important;
/*Ornamentación y Acabados en Puertas - final*/
}
/*Asesoría y Consultoría Técnica - inicio*/
#sppb-addon-26a1d72a-b17f-445b-9d9e-1e7b50749308 .sppb-addon-title  span { display:none!important;
/*Asesoría y Consultoría Técnica - final*/
}
/*sp-top - inicio*/
/*-top3 - inicio-*/
.top_cabezote_direccion img { width: 12px; height: 15px; display: inline; margin-top: -1px; margin-right:9px;
}
.top_cabezote_telefonos img { width: 15px; height: 15px; display: inline; margin-top: -1px; margin-right:9px;
}
.top_cabezote_direccion .top_cabezote_direccion_azul, 
.top_cabezote_direccion:hover .top_cabezote_direccion_azul_oscuro, 

.top_cabezote_telefonos .top_cabezote_telefonos_azul, 
.top_cabezote_telefonos:hover .top_cabezote_telefonos_azul_oscuro { display:none!important;
}
.top_cabezote_direccion:hover .top_cabezote_direccion_azul, 
.top_cabezote_telefonos:hover .top_cabezote_telefonos_azul { display:inline!important;
/*-top3 - final-*/
/*sp-top - final*/
}
/*3 módulos - inicio*/
#sppb-addon-7376cd13-86d9-4b08-9278-d391f7c53525 .feature-block-inner-box { padding:15px !important;
/*3 módulos - final*/
}
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - inicio*/
/*- Llamada abajo - inicio*/
#boton-llamada-abajo { z-index:2!important;
/*- Llamada abajo - final*/
}
/*- Llamar móviles abajo - inicio*/
#boton_llamar_moviles_abajo { z-index:2!important;
/*- Llamar móviles abajo - final*/
}
/*- Abrir mapa abajo - inicio*/
#boton_abrir_mapa_abajo { z-index:2!important;
/*- Abrir mapa abajo - final*/
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - final*/
}
/*Creamos experiencias con estructuras - inicio*/
#sppb-addon-76d3a764-6d59-46fe-b859-df7211f9e5dd { margin-bottom: 0px!important;
}
#sppb-addon-bf66b854-745c-4815-850f-3ba393516953 { margin-bottom: 0px!important;
/*Creamos experiencias con estructuras - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#column-wrap-id-4e6189d2-3e4b-44e3-a15b-0daad3900330 { margin:auto;
}
#aboutus { padding-top: 60px !important;
/*Marquesinas Comerciales y Residenciales - final*/
}
}
@media (min-width:992px) {
.no_min_992 { display:none!important;
}
/*sp-top - inicio*/
#sp-top { z-index: 102; 
}
#sp-top .container-inner { position: absolute;
}
#sp-top > .container > .container-inner > .row { --bs-gutter-x: 0;
}
#section-id-85084c5e-0584-43e8-bfd5-02ad6a2e095a .sppb-row-container .sppb-row, 
#column-wrap-id-a3263540-f25f-42d8-8e72-ca5ff52a0610, 
#column-wrap-id-835b0c07-4ad9-4e0b-9739-cfd8b5e406e7 { height:35px;
}
#section-id-85084c5e-0584-43e8-bfd5-02ad6a2e095a .sppb-row-container .sppb-row { margin:0px; padding:0px;
}
#column-wrap-id-a3263540-f25f-42d8-8e72-ca5ff52a0610 { margin: 0px; padding: 0px; background:#E6E9F0; border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; -moz-border-radius: 0 0 0 10px;
}
#column-wrap-id-835b0c07-4ad9-4e0b-9739-cfd8b5e406e7 { margin-left: 0px; padding: 0px;
}
#section-id-85084c5e-0584-43e8-bfd5-02ad6a2e095a { border:none!important;
}
/*-top3 - inicio-*/
#sp-top3 { margin:0px; padding:0px; font-size:14.5px;
}
#sp-top3 .sppb-row-container { height: 35px; padding:0px;
}
#sp-top3 i { font-weight: 900; color: var(--maincolor); transform: none; margin-right: 10px; font-size:13.5px;
}
#sp-top3 .top3_right_redes_cabezote i { font-size:15px;
}
#sp-top3 a { color: #1C2539; font-weight:500;
}
#sp-top3 a span { padding:0;
}
.top3_left_ciudad_direccion, 
.top3_left_telefonos, 
.top3_right_nosotros, 
.top3_right_servicios, 
.top3_right_portafolio, 
.top3_right_contacto { width: max-content; float: left; height: 35px; align-items: center; display: flex; background:#E6E9F0; 
}
.top3_left_ciudad_direccion { border-radius: 0 0 0 7px; -webkit-border-radius: 0 0 0 7px; -moz-border-radius: 0 0 0 7px; padding-left: 15px; margin-right: 13px;
}
.top3_left_ciudad_direccion a::after { content: ""; position: absolute; transform: translateY(-50%); width: 1px; height: 15px; background: #929EBC; top: 18px; margin-left: 13px;
}
.top3_left_telefonos, 
.top3_right_nosotros, 
.top3_right_servicios, 
.top3_right_portafolio, 
.top3_right_contacto { padding-left:13px;
}
.top3_right_portafolio li::after { content: ""; position: absolute; transform: translateY(-50%); width: 1px; height: 15px; background: #929EBC; top: 18px; right: -13px;
}
.top3_right_portafolio li li::after { display:none!important;
}
.top3_right_portafolio .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right { left: -105px !important;
}
.top3_right_portafolio { padding-right: 13px;
}
.top3_right_nosotros .sp-megamenu-parent, 
.top3_right_servicios .sp-megamenu-parent { height: 35px;
}
.top3_right_redes_cabezote { width: max-content; float: left; height: 35px; align-items: center; display: flex;
}
.top3_right_redes_cabezote { padding-left:16px;
}
.top3_right_redes_cabezote i { color:#1C2539!important; margin-left:7.5px!important; margin-right:7.5px!important; font-weight:500!important;
}
.top3_right_nosotros .sp-megamenu-parent > li > a, 
.top3_right_nosotros .sp-megamenu-parent > li > span, 
.top3_right_nosotros .sp-megamenu-parent > li:last-child > a, 
.top3_right_portafolio .sp-megamenu-parent > li > a, 
.top3_right_portafolio .sp-megamenu-parent > li > span, 
.top3_right_portafolio .sp-megamenu-parent > li:last-child > a, 
.top3_right_servicios .sp-megamenu-parent > li > a, 
.top3_right_servicios .sp-megamenu-parent > li > span, 
.top3_right_servicios .sp-megamenu-parent > li:last-child > a { font-size: 14.5px !important; color: #1C2539 !important; height: 35px; padding: 5px 0; pointer-events: none;
}
.top3_right_nosotros .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner, 
.top3_right_servicios .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { padding: 0; border-radius: 0 0 10px 10px; background-color: #fff; border-left: 1px solid #ffffff14; border-bottom: 1px solid #ffffff14; border-right: 1px solid #ffffff14; border-top: 4px solid var(--maincolor); box-shadow: 0px 7px 18px rgba(5,10,21,.3);
/*-top3 - final-*/
/*sp-top - final*/
}
/*sp-header - inicio*/
/*- sp-top-cabezote - inicio -*/
#sp-top-cabezote { display:none;
/*- sp-top-cabezote - inicio -*/
}
/*- sp-logo - inicio -*/
#sp-logo { height:135px;
/*- sp-logo - final -*/
}
/*- sp-menu - inicio -*/
#sp-menu { height: 100px; z-index:1;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge), .sp-megamenu-parent .sp-mega-group > li > a { font-size: 14px; line-height:17px;
}
.barra_azul_nuestros_servicios li.itemid375, .barra_azul_nuestros_servicios li.itemid380, .barra_azul_nuestros_servicios li.itemid380, .barra_azul_nuestros_servicios li.itemid409 { display:none!important;
}
.barra_azul_nuestros_servicios li.itemid376 div.dj-subwrap { top: -38px !important;
}
.barra_azul_nuestros_servicios li.itemid377 div.dj-subwrap { top: -76px !important;
}
/*--offcanvas-toggler - inicio--*/
#sp-menu #offcanvas-toggler { right: 0px!important; height: 54px; width: 54px; margin-right:22px; height: 24px!important; width: 24px!important; background: url(../../../images/inicio/puntos_menu_hamburguesa_negro.png) center center no-repeat!important; background-size:cover!important; border-radius: 0; padding:0px;
}
#sp-menu #offcanvas-toggler:hover { height: 24px!important; width: 24px!important; background: url(../../../images/inicio/puntos_menu_hamburguesa_azul.png) center center no-repeat!important; background-size:cover!important;border-radius: 0; padding:0px;
}
#sp-menu #offcanvas-toggler span { display:none;
/*--offcanvas-toggler - final--*/	
/*- sp-menu - final -*/
}
/*- sp-position3 - inicio -*/
#sp-position3 { padding-right: 22px;
}
#mod-custom135 { display:none!important;
/*- sp-position3 - final -*/
}
/*sp-barra-azul - inicio*/
/*- barra azul asesoría - inicio -*/
.barra_azul_formulario_soporte a:hover { background: url(../../../images/inicio/icono_formulario_soporte.png) center center no-repeat #050A15!important; background-size: contain!important;
/*- barra azul asesoría - final -*/
}
/*- barra azul preguntas frecuentes - inicio -*/
.barra_azul_preguntas_frecuentes .boton_preguntas_frecuentes { display:inherit!important;
}
.barra_azul_preguntas_frecuentes .itemid256, 
.barra_azul_preguntas_frecuentes .itemid257, 
.barra_azul_preguntas_frecuentes .itemid261, 
.barra_azul_preguntas_frecuentes .itemid262, 
.barra_azul_preguntas_frecuentes .itemid263, 
.barra_azul_preguntas_frecuentes .itemid454, 
.barra_azul_preguntas_frecuentes .itemid150, 
.barra_azul_preguntas_frecuentes .itemid151, 
.barra_azul_preguntas_frecuentes .itemid152, 
.barra_azul_preguntas_frecuentes .itemid292, 
.barra_azul_preguntas_frecuentes .itemid303 { display:none!important;
}
.barra_azul_preguntas_frecuentes, 
.barra_azul_preguntas_frecuentes li.itemid285 a.dj-up_a, 
.barra_azul_preguntas_frecuentes li.itemid285 a.dj-up_a span.dj-drop { height:45px; width:246px;
}
.barra_azul_preguntas_frecuentes li.itemid285 { width: max-content;
}
.barra_azul_preguntas_frecuentes li.itemid285 a.dj-up_a { border:none; padding:0px; font-family:roboto; font-weight:500; color:#fff;
}
.barra_azul_preguntas_frecuentes li.itemid285 a.dj-up_a > span { font-size:13px; line-height:13px;
}
.barra_azul_preguntas_frecuentes li.itemid285 a.dj-up_a .arrow { right: 15px; color:#fff;
}
.barra_azul_preguntas_frecuentes li.itemid285:hover a.dj-up_a .arrow, 
.barra_azul_preguntas_frecuentes li.itemid285.hover a.dj-up_a .arrow { color:#fff;
}
.barra_azul_preguntas_frecuentes li.itemid285 a.dj-up_a > span::before, 
.barra_azul_preguntas_frecuentes li.itemid285.active a.dj-up_a > span::before { content: "?"; font-family: arial; position: absolute; left: 15px; top: 7px; height: 31px; background: #fff; width: 31px; font-size: 22px; display: block; border-radius: 50%; padding-top: 9px; text-align: center; color: #050A15; font-weight: 800;
}
.barra_azul_preguntas_frecuentes li.itemid285 a.dj-up_a span.dj-drop { align-items: center; display: flex; padding: 0px 0px 0px 56px;
}
.barra_azul_preguntas_frecuentes .dj-megamenu-default { background:var(--maincolor); font-family:"DM Sans", sans-serif;
}
.barra_azul_preguntas_frecuentes li.itemid285:hover a.dj-up_a, 
.barra_azul_preguntas_frecuentes li.itemid285.hover a.dj-up_a { background:var(--maincolor);
}
.barra_azul_preguntas_frecuentes li.itemid285:hover a.dj-up_a > span::before, 
.barra_azul_preguntas_frecuentes li.itemid285.hover a.dj-up_a > span::before, 
.barra_azul_preguntas_frecuentes li.itemid285.active:hover a.dj-up_a > span::before { background: #050A15!important;
}
.barra_azul_preguntas_frecuentes li.itemid285:hover a.dj-up_a > span::before, 
.barra_azul_preguntas_frecuentes li.itemid285.hover a.dj-up_a > span::before, 
.barra_azul_preguntas_frecuentes li.itemid285.active:hover a.dj-up_a > span::before { color:#fff!important;
}
.barra_azul_preguntas_frecuentes li.itemid285.active a.dj-up_a { background: #fff; color:#050A15;
}
.barra_azul_preguntas_frecuentes li.itemid285.active:hover a.dj-up_a { background:#050A15; color:#fff;
}
.barra_azul_preguntas_frecuentes li.itemid285:hover a.dj-up_a .arrow, 
.barra_azul_preguntas_frecuentes li.itemid285.hover a.dj-up_a .arrow, 
.barra_azul_preguntas_frecuentes li.itemid285.active a.dj-up_a .arrow { top: calc(50% + 0px)!important;
}
.barra_azul_preguntas_frecuentes li.itemid285 ul.dj-submenu > li > a .arrow { right:15px!important;
}
.barra_azul_preguntas_frecuentes li.itemid285:hover a.dj-up_a > span::before, 
.barra_azul_preguntas_frecuentes li.itemid285.hover a.dj-up_a > span::before, 
.barra_azul_preguntas_frecuentes li.itemid285.active:hover a.dj-up_a > span::before { content: "?"; font-family: arial; position: absolute; left: 15px; top: 7px; height: 31px; background: #fff; width: 31px; font-size: 22px; display: block; border-radius: 50%; padding-top: 9px; text-align: center; color:#050A15;
}
.barra_azul_preguntas_frecuentes li.itemid285 ul.dj-submenu > li > a:hover, 
.barra_azul_preguntas_frecuentes li.itemid285 ul.dj-submenu > li > a.active, 
.barra_azul_preguntas_frecuentes li.itemid285 ul.dj-submenu > li.hover:not(.subtree) > a { background:var(--maincolor); color:#fff;
}
.barra_azul_preguntas_frecuentes li.itemid285 .dj-subwrap { margin-left:-104px;
}
.barra_azul_preguntas_frecuentes li.itemid285 .dj-subwrap-in, 
.barra_azul_preguntas_frecuentes li.itemid285 ul.dj-submenu > li, 
.barra_azul_preguntas_frecuentes li.itemid285 div.dj-subcol { width:350px!important;
}
.barra_azul_preguntas_frecuentes li.itemid285:hover div.dj-subwrap, 
.barra_azul_preguntas_frecuentes li.itemid285.hover div.dj-subwrap { background:#151D28!important; 
}
.barra_azul_preguntas_frecuentes li.itemid285 ul.dj-submenu > li > a { margin:0px!important; color:#fff; padding:8px 30px 10px 10px; list-style-position: inside; display: list-item; list-style-type: initial; font-size: 14px !important; line-height: 18px !important;
}
.barra_azul_preguntas_frecuentes li.itemid285 ul.dj-submenu > li > a .title { display: block; margin-top: -18px; padding-left: 13px;
}
.barra_azul_preguntas_frecuentes li.itemid285 ul.dj-submenu > li > a::marker { font-size: 10.5px;
}
.barra_azul_preguntas_frecuentes li.itemid285 ul.dj-submenu > li > a, 
.barra_azul_preguntas_frecuentes li.itemid285:hover div.dj-subwrap li:hover > div.dj-subwrap, 
.barra_azul_preguntas_frecuentes li.itemid285.hover div.dj-subwrap li.hover > div.dj-subwrap { margin:0px!important; color:#fff;
/*- barra azul preguntas frecuentes - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - inicio*/
/*- Asesoría - inicio*/
#mod-custom139 .open-button { right: 205px;
}
#mod-custom139 .open-button { bottom: 0px;
}
#mod-custom139 .open-button { border-radius: 8px 8px 0 0;
/*- Asesoría - final*/
/*Botones Abajo - Asesoría, Whatsapp y Botón ir arriba - final*/
}
/*slider final - inicio*/
.slider_final_box .sppb-sp-slider-button { margin-left: 0px; margin-top:10px;
/*slider final - final*/
}
/*3 módulos - inicio*/
#column-wrap-id-e44dec66-630e-47dc-956f-c5e76062b8f5, 
#column-wrap-id-2579576a-ab22-40c9-a514-cfa361b7010c, 
#column-wrap-id-d8dc6adf-1340-46c0-b0e2-34a3134c8620, 
#column-wrap-id-1b760690-0899-4152-b819-fe6a9fd72140 { max-width: 33.33%!important; flex-basis: 33.33%!important;
}
#column-wrap-id-1b760690-0899-4152-b819-fe6a9fd72140 { display:none!important;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 { padding-bottom: 45px!important;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .feature-block-inner-box:hover, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box:hover, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box:hover, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box:hover, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box:hover {  background: var(--bs-gray-900)!important; background-size:cover!important;
/*3 módulos - final*/
}
/*Pérgolas Metálicas, Marquesinas Corredizas - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 h1 { width:100%;
/*Pérgolas Metálicas, Marquesinas Corredizas - final*/
}
/*Tu Proyecto de Techos y Cubiertas - inicio*/
#column-wrap-id-3e1a8831-e71e-459d-95ca-e047b4894c38 { padding-left:0px; padding-right:0px;
}
#section-id-04bc7602-769e-4097-a966-5ebf6ca37ab0 .sppb-row-container { max-width: 100%;
}
#column-wrap-id-332efd91-b64e-4c57-964a-e5d8c5d6f605, 
#column-wrap-id-3e1a8831-e71e-459d-95ca-e047b4894c38 { width:50%; max-width: 50%;
}
#column-wrap-id-332efd91-b64e-4c57-964a-e5d8c5d6f605 { padding-right:0px;
}
#column-id-332efd91-b64e-4c57-964a-e5d8c5d6f605 { float:right;
}
#column-id-332efd91-b64e-4c57-964a-e5d8c5d6f605 { padding-top: 90px!important; padding-bottom: 0!important;
}
#section-id-26a940a2-30d7-45ae-854e-ee7b7d2e1773 { margin-right: 0;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07 { background:url(../../../images/inicio/tu_proyecto_de_acceso/tecnicos_expertos_para_la_instalacion_montaje_y_mantenimiento_de_pergolas_metalicas.webp) center right no-repeat; background-size:cover;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07::after { background: url(../images/fondo_pagina.webp) #050a1520 !important; width: 100%;
/*Tu Proyecto de Techos y Cubiertas - final*/
}
/*Ornamentación y Acabados en Puertas - inicio*/
#sppb-addon-wrapper-9b414d6a-d080-4c6d-a967-72f6342a51d3, #sppb-addon-wrapper-49a4f180-d342-4af5-8a73-bbf491f092ae { margin-bottom: 0px!important;
/*Ornamentación y Acabados en Puertas - final*/
}
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - inicio*/
#section-id-91bf1801-1e4f-471c-933b-43a56edd8749 .sppb-row-container { max-width: 100%!important;
}
#column-id-5b79363c-9530-4868-89f3-76935ab313da { width: 450px; float: right;
}
#sppb-addon-bfb84f1e-4550-4ad4-8b98-3a2cfcd7a538 { text-align: center!important;
}
#sppb-addon-ead7015d-7a2e-495f-b12d-c8eef5940dbb { background:url(../../../images/inicio/cortinas_fabricadas_por_expertos/pergolas_metalicas_para_terrazas_jardines_y_patios_de_casas_y_negocios_en_bogota_1200.webp) center center no-repeat!important; background-size:cover!important;
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - final*/
}
/*Cuál Marquesina se Ajusta - inicio*/
#sppb-addon-e3868152-cd58-40f7-9406-300a5a443692.why-choose-us-bg-image, 
#sppb-addon-d035f431-95a3-475d-bd5f-68f4173cfa38.why-choose-us-bg-image { left: 0;
}
#section-id-1b53e5c4-1e75-4b1a-a3d9-0a1f096e53af .sppb-row-container, 
#section-id-444104c1-bf39-4068-be3f-593bd5fffea3 .sppb-row-container { max-width: 100%!important;
}
#sppb-addon-849dc86e-549c-4c6b-a988-1886da3c75c4 .video-box, 
#sppb-addon-2ff6333a-1558-4bb1-9101-f3965435488b .video-box { left: 0; text-align: left;
}
#column-id-1664ed0c-5c59-460a-b461-58580491aceb, 
#column-id-e9723859-a398-45f6-a379-91f5ae099312 { width: 450px; float: left;
}
#sppb-addon-6db23400-e76b-4bde-a8cc-df64b81d4e86, 
#sppb-addon-4b4a1912-b794-4c81-9e8b-688006470a0c { text-align: center!important;
}
#sppb-addon-e3868152-cd58-40f7-9406-300a5a443692, 
#sppb-addon-d035f431-95a3-475d-bd5f-68f4173cfa38 { background:url(../../../images/inicio/sistemas_de_control_inteligente/soluciones_en_marquesinas_corredizas_de_control_manual_o_automatico_en_bogota_1200.webp) center center no-repeat!important; background-size:cover!important;
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - final*/
}
/*Creamos experiencias con estructuras - inicio*/
#sppb-addon-d6c6e533-55b7-4c8c-8133-af508c27ada3, 
#sppb-addon-76d3a764-6d59-46fe-b859-df7211f9e5dd { margin-bottom:0px!important;
/*Creamos experiencias con estructuras - final*/
}
/*Cómo funciona el menú principal - inicio*/
.menu_nuestros_proyectos .sp-dropdown.sp-dropdown-sub { left: -188px !important;
/*Cómo funciona el menú principal - final*/
}
}
@media (min-width:992px) and (max-width:1023px) {
.no_min_992_max_1023 { display:none!important;
}
}
@media (min-width:992px) and (max-width:1024px) {
.no_min_992_max_1024 { display:none!important;
}
/*- Botón ir arriba - inicio*/
.sp-scroll-up { bottom: 15px; left: 233px;
/*- Botón ir arriba - final*/
}
/*--slide_inicio - inicio--*/
#slide_inicio { height:530px; 
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_992.webp) center center no-repeat; height:530px; 
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_992.webp) center center no-repeat; height:530px; 
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_992.webp) center center no-repeat; height:530px;
}
.slide_inicio_tecnico_1 { height:530px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_1_992.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_tecnico_2 { height:530px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_2_992.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_tecnico_3 { height:530px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_3_992.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_fondo_contenido { height: 530px; margin-bottom: -530px;
}
.bg_video_inicio_2 { max-width: 640px; margin: auto; z-index: 0; position: relative; top:80px;
}
#slide_inicio h3 { font-size: 26.5px; line-height: 26.5px; margin: 0px 0px 0px;
}
#slide_inicio .enlace_ofertas img { width: 490px; height: auto; margin: 57px auto -8px;
/*--slide_inicio - final--*/
}
}
@media (min-width:992px) and (max-width:1029px) {
.no_min_992_max_1029 { display:none!important;
}
/*- sp-menu - inicio -*/
#sp-menu .boton_diseno_y_fabricacion { display: none !important;
/*- sp-menu - final -*/
}
}
@media (min-width:992px) and (max-width:1059px) {
.no_min_992_max_1059 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:18px;
}
#servicios_inicio .sppb-flipbox-panel { height:243px; max-height:243px;
/*servicios_inicio - final*/
}
}
@media (min-width:992px) and (max-width:1137px) {
.no_min_992_max_1137 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 0 !important; right: 0 !important; bottom: -690px; z-index: 5; width: 230px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 40px; width: 40px; height: 40px; line-height: 40px; background: none; border: none;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 40px; font-weight: normal;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-item .sppb-container { max-width: 958px;
/*Slider Home - final*/
}
}
@media (min-width:992px) and (max-width:1199px) {
.no_min_992_max_1199 { display:none!important;
}
/*sp-top - inicio*/
#sp-top .container { width: 960px; margin: auto; position: relative; max-width: inherit; padding: 0px;
}
#sp-top .container-inner { width: 709px; left: 223px;
} 
#column-wrap-id-a3263540-f25f-42d8-8e72-ca5ff52a0610 { max-width: 402px !important; flex-basis: 402px !important; width: 402px !important;
}
#column-wrap-id-835b0c07-4ad9-4e0b-9739-cfd8b5e406e7 { flex-basis: 292px !important; width: 292px !important; max-width: 292px !important;
}
/*-top3 - inicio-*/
#sp-top3 a:hover, #sp-top3 a:hover span, 
#sp-top3 a:hover i { color:var(--maincolor)!important;
}
#sp-top3 .sppb-row-container { margin:0 0 0 15px;
}
.top3_right_servicios { border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0; -moz-border-radius: 0 0 10px 0; padding-left: 21px; padding-right: 15px;
}
.top3_right_servicios .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right { left: -107px!important;
}
.top3_right_redes_cabezote { padding-left:12px !important;
}
.top3_right_nosotros .sp-megamenu-parent > li:hover > a, 
.top3_right_nosotros .sp-megamenu-parent > li:hover > a > i, 
.top3_right_servicios .sp-megamenu-parent > li:hover > a, 
.top3_right_servicios .sp-megamenu-parent > li:hover > a > i, 
.top3_right_servicios:hover a span { color:var(--maincolor)!important;
}
.top3_right_redes_cabezote a:hover i { color:var(--maincolor)!important;
}
.icono_facebook_cabezote, 
.icono_twitter_cabezote, 
.icono_youtube_cabezote, 
.icono_pinterest_cabezote, 
.icono_instagram_cabezote { width:15px; height:15px; margin-left: 7px; margin-right: 7px;
}
.icono_facebook_blanco, .icono_facebook_azul, .icono_facebook_cabezote:hover .icono_facebook_negro, 
.icono_twitter_blanco, .icono_twitter_azul, .icono_twitter_cabezote:hover .icono_twitter_negro, 
.icono_youtube_blanco, .icono_youtube_azul, .icono_youtube_cabezote:hover .icono_youtube_negro, 
.icono_pinterest_blanco, .icono_pinterest_azul, .icono_pinterest_cabezote:hover .icono_pinterest_negro, 
.icono_instagram_blanco, .icono_instagram_azul, .icono_instagram_cabezote:hover .icono_instagram_negro { display:none;
}
.icono_facebook_cabezote:hover .icono_facebook_azul, 
.icono_twitter_cabezote:hover .icono_twitter_azul, 
.icono_youtube_cabezote:hover .icono_youtube_azul, 
.icono_pinterest_cabezote:hover .icono_pinterest_azul, 
.icono_instagram_cabezote:hover .icono_instagram_azul { display:inherit!important;
}
.top3_left_ciudad_direccion img { width: 11px; height: 14px; display: inline; margin-top: -3px; margin-right:6px;
}
.top3_left_telefonos img { width:14px; height:14px; display: inline; margin-top: -3px; margin-right:6px;
}
.top3_right_servicios img { width:14px; height:14px; display: inline; margin-top: -3px; margin-right:6px;
}
.top3_left_ciudad_direccion .top3_left_ciudad_direccion_blanco, 
.top3_left_ciudad_direccion .top3_left_ciudad_direccion_negro, 
.top3_left_ciudad_direccion .top3_left_ciudad_direccion_azul, 
.top3_left_ciudad_direccion:hover .top3_left_ciudad_direccion_azul_oscuro, 

.top3_left_telefonos .top3_left_telefonos_blanco, 
.top3_left_telefonos .top3_left_telefonos_negro, 
.top3_left_telefonos .top3_left_telefonos_azul, 
.top3_left_telefonos:hover .top3_left_telefonos_azul_oscuro, 

.top3_right_servicios .top3_right_servicios_azul, 
.top3_right_servicios:hover .top3_right_servicios_azul_oscuro { display:none!important;
}
.top3_left_ciudad_direccion:hover .top3_left_ciudad_direccion_azul, 
.top3_left_telefonos:hover .top3_left_telefonos_azul, 
.top3_right_servicios:hover .top3_right_servicios_azul { display:inline!important;
/*-top3 - final-*/
/*sp-top - final*/
}
/*sp-header - inicio*/
#sp-header .container, 
#sp-header .container-lg, 
#sp-header .container-md, 
#sp-header .container-sm, 
#sp-header .container-xl, 
#sp-header .sppb-container, 
#sp-header .sppb-row-container { max-width: 934px;
}
#sp-logo { width:195px;
}
#sp-header .logo a, 
#sp-header .logo img{ height: 115px; width:165px;
}
#sp-logo .sp-column { width:195px; height:135px;
}
#sp-menu .boton_diseno_y_fabricacion { display:none;
}
#sp-menu #offcanvas-toggler { display:none!important;
}
/*- sp-position3 - inicio -*/
#sp-position3 .boton_contacto_cabezote a { margin-left: 0px!important;
/*- sp-position3 - final -*/
}
/*sp-barra-azul - inicio*/
#sp-barra-azul { width: 1253px;
}
/*- barra azul nuestros servicios - inicio -*/
#sp-barra-azul .boton_diseno_y_fabricacion { display:inherit;
/*- barra azul nuestros servicios - final -*/
}
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { width:357px;
/*- barra azul menú carrusel - final -*/
}
/*- barra azul asesoría - inicio -*/
.barra_azul_formulario_soporte a { background: url(../../../images/inicio/icono_formulario_soporte.png) center center no-repeat #050A15; background-size: contain;
/*- barra azul asesoría - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky .container { transform: scale(0.85);
}
#sp-header.header-sticky { margin-top: -8px;
}
#sp-header.header-sticky .boton_diseno_y_fabricacion { display:inherit;
}
#sp-header.header-sticky #sp-logo, 
#sp-header.header-sticky #sp-logo .sp-column, 
#sp-header.header-sticky #sp-logo .logo { width: 146px;
}
#sp-header.header-sticky #sp-logo .logo a, 
#sp-header.header-sticky #sp-logo .logo img { width: 112px; height:78px;
}
#sp-header.header-sticky #sp-position3 .boton_whatsapp_cabezote { display:none;
/*header-sticky - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 63px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 175px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 798px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 66px!important; line-height: 1em!important;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:70%;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key .sp-background { background: url(../../../images/inicio/slider_1/cortinas_enrollables_metalicas_1200.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key .sp-background { background: url(../../../images/inicio/slider_1/puertas_y_garajes_automaticos_1200.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key .sp-background { background: url(../../../images/inicio/slider_1/motorizacion_y_automatizacion_1200.webp) center left no-repeat!important; background-size:cover!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio {  padding: 0 !important; margin: 0 !important; background: url(../../../images/inicio/slider_1/diseno_fabricacion_e_instalacion_de_pergolas_marquesinas_y_domos_en_bogota_colombia_1200.webp) center top no-repeat !important; background-size: cover !important;
}
.slider_nuevo_inicio .sppb-row-container { width:100%; max-width:100%; padding:0; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
.slider_nuevo_inicio .caja { max-width: 930px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; height: 798px; display: flex; align-items: center;
}
.slider_nuevo_inicio .contenido { margin-top: 145px;
}
.slider_nuevo_inicio h3 { font-family: 'DM Sans', sans-serif; text-transform: uppercase !important; font-size: 18px !important; line-height: 26px !important; letter-spacing: 0.3em !important; color: #fff; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio h2 { font-weight: 900; text-transform: uppercase; color: #fff; margin: 5px 0px 17px 0px; font-size: 66px !important; line-height: 1em !important; font-family: "Red Hat Display", sans-serif; text-shadow: rgba(0,0,0,.5) 10px 10px 50px; padding-right:10%;
}
.slider_nuevo_inicio h4 { font-weight: 500; font-size: 16px; line-height: 26px; color: #fff; font-family: 'DM Sans', sans-serif; width: 80%; text-shadow:rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio .sppb-sp-slider-button { margin-left: 0;
}
.slider_nuevo_inicio .boton_contacto .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_nosotros:hover .sp-slider-btn-text { border: 1px solid var(--maincolor); background: var(--maincolor)!important;
}
.slider_nuevo_inicio .boton_nosotros .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_contacto:hover .sp-slider-btn-text { background: transparent!important; border: 1px solid #FFFFFF; color: #fff; color: #fff;
/*Slider Nuevo Inicio - final*/
}
/* botones abajo - inicio*/
#mod-custom158 { display:none!important;
/* botones abajo - final*/
}
/*slider final - inicio*/
#slider_1_final { height: 900px; background: url(../../../images/inicio/slider_final/fabricacion_en_metal_policarbonato_y_vidrio_en_estructuras_para_cubiertas_y_marquesinas_1306.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_2_final { height: 900px; background: url(../../../images/inicio/slider_final/instalacion_profesional_de_calidad_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_1306.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_3_final { height: 900px; background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas_pergolas_domos_y_cubiertas_en_bogota_colombia_1306.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_4_final { height: 900px; background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas_para_pergolas_y_marquesinas_de_casas_y_edificios_1306.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
.slider_final_box { width: 80%; max-width: 80%; padding: 25px;
}
.slider_final_box h2 { font-size: 54px !important; line-height: 58px !important; letter-spacing: -1px; margin-bottom: 15px !important; font-weight: 800 !important; margin-top: 0; color: #fff;
}
.slider_final_box p { font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 1.8rem; font-weight:300;
}
.slider_final_box_left { height: 320px; margin-bottom: 20px; border-radius: 5px; border: 1px solid #fff; padding: 10px; background: rgba(0, 0, 0, 0.5);
/*slider final - final*/
}
/*3 módulos - inicio*/
#sppb-addon-7376cd13-86d9-4b08-9278-d391f7c53525 .feature-block-inner-box { padding: 15px!important;
}
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box { padding: 30px 30px 25px!important;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title img { height: 70px; width: 70px;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title .title { font-size: 20px; line-height: 24px;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .title, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .title, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .title, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .title, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .title { font-size: 20px; line-height: 24px; margin:0;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 .sppb-col-md-4 .feature-block-inner-box .sppb-addon-title { padding-left: 90px;
}
#column-wrap-id-54f64df6-942d-4b04-a172-58865b6bc381, 
#sppb-addon-wrapper-eae8a04c-d3d0-4214-9c0a-ae5d69567add, 
#sppb-addon-wrapper-2b169735-79cc-4dbe-b6da-3122d7cf57ef { display:none!important;
}
#column-wrap-id-0fda860d-df61-4e10-8949-2184b3f84221 { max-width: 100%!important; flex-basis: 100%!important;
}
#sppb-addon-a20c71d6-de52-4e46-b935-ed80b2d9e6d1 .about-section-image-2 { right: 15px!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box { padding:15px!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_contenido, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .animacion_contenido, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .animacion_contenido, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .animacion_contenido, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .animacion_contenido { padding:30px 15px 15px;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .title, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .title, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .title, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .title, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .title { height: 70px; display: flex; align-items: center; margin:0;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_titulo img, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .animacion_titulo img, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .animacion_titulo img, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .animacion_titulo img, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .animacion_titulo img { background:var(--maincolor); height: 70px; width: 70px; padding: 10px; margin-right: 20px; float:left;
/*3 módulos - final*/
}
/*Pérgolas Metálicas, Marquesinas Corredizas - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 h1 { font-size: 48px; line-height: 58px;
}
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 {  background: url(../../../images/fondos/automatizacion_control_y_sistemas_de_acceso_inteligentes_en_puertas_y_cortinas_enrollables_992.jpg) center bottom no-repeat; background-size:contain;
/*Pérgolas Metálicas, Marquesinas Corredizas - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#sppb-addon-wrapper-969988b5-a81d-427a-92f7-2be21c045b9a { display: none;
}
#sppb-addon-82fe53e0-2f18-4caf-8361-806f45e577f9 .video-play-button { right: -64px!important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Comuníquese con Nuestro Equipo - inicio*/
#section-id-778f46e3-233b-41ac-8044-a7a6b7494802 { background:url(../../../images/inicio/comuniquese_con_nuestro_equipo/soluciones_para_pergolas_metalicas_marquesinas_corredizas_domos_y_cubiertas_1200.webp) center center; background-size:cover; margin:0!important; padding:0!important;
}
#section-id-778f46e3-233b-41ac-8044-a7a6b7494802 .sppb-row-container { padding-top:100px; padding-bottom:100px; max-width:100%; width:100%; background: url(../images/fondo_pagina.webp) #050a1520 !important;
}
#column-wrap-id-13b4c59d-ae9e-4cb2-b387-5070de7cba60 { max-width: 960px!important; margin:auto;
/*Comuníquese con Nuestro Equipo - final*/
}
/*Tenemos años de experiencia - inicio*/
#column-wrap-id-bdac79d0-ab0a-4291-979b-6f37bafb47cd { width:50%!important; max-width: 50%!important; flex-basis: 50%!important;
}
#column-wrap-id-f4cfc9cb-b1cc-4a3d-b9e8-1bae638d6c30 { width:50%!important; max-width: 50%!important; flex-basis: 50%!important;
}
#sppb-addon-5bf10b5d-19f2-4032-a61d-52f7373f88ed { padding-left: 0px!important;
/*Tenemos años de experiencia - final*/
}
/*Mapa - inicio*/
#sp-mapa { background: url(../../../images/inicio/mapa/mapa_ubicacion_multicorp_ingenieria_sas_en_bogota_colombia_1200.webp) center center no-repeat;
/*Mapa - final*/
}
/*Asesoría y Consultoría Técnica - inicio*/
#column-wrap-id-82fb0227-17e2-4fd1-8f4c-670af0684583 { display:none;
/*Asesoría y Consultoría Técnica - final*/
}
/*Tu Proyecto de Techos y Cubiertas - inicio*/
#column-id-332efd91-b64e-4c57-964a-e5d8c5d6f605 { width: 480px; padding-left: 15px !important;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07, #sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07::after { height: 860px;
/*Tu Proyecto de Techos y Cubiertas - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#aboutus { padding-top: 80px!important; padding-bottom: 90px!important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Marquesinas para Patios y Terrazas en Bogotá - inicio*/
#column-wrap-id-e33e00b6-f614-494b-ae0c-42b2fb5402b0, #column-wrap-id-7e84ffa2-61ae-448a-87c1-45db9fdf0528 { max-width: 50%!important; flex-basis: 50%!important;
}
#sppb-addon-1f271179-f6ac-4a69-832c-eecf29a67168, #sppb-addon-wrapper-1d91e789-5470-4e56-9421-5f31b209b0db { display:none;
}
#sppb-addon-wrapper-35900f15-bc5a-4c15-bfd2-5cf676ad9e9a { margin-bottom: 30px!important;
}
#sppb-addon-bf66b854-745c-4815-850f-3ba393516953 { margin-top: -10px !important; margin-bottom: -5px !important;
}
#section-id-e591c66f-b8f8-4e69-9f10-a1aedce204e6 { padding-top: 95px!important;
}
#sppb-addon-c6756f1b-a3ec-4f99-a3d6-3030ec87d1fc .rts-service-areah2-im-3-image-area-three { top: 32%!important; left:20%!important;
}
#sppb-addon-c6756f1b-a3ec-4f99-a3d6-3030ec87d1fc .sppb-addon-single-image-container { margin-right:-20px!important;
/*Marquesinas para Patios y Terrazas en Bogotá - final*/
}
/*Creamos experiencias con estructuras - inicio*/
#column-wrap-id-6e7e2d39-18b4-441f-92a1-0e3c784ad641 { max-width: 48%!important; flex-basis: 48%!important;
}
#column-wrap-id-9c883220-7239-4984-8412-9a7d1f5442c4 { max-width: 4%!important; flex-basis: 4%!important;
}
#column-wrap-id-1779d793-1ef4-4953-bb70-c07b13feba0c { max-width: 48%!important; flex-basis: 48%!important;
}
#sppb-addon-wrapper-e664524c-38eb-4551-914a-98df1b5827b9 { margin-bottom: 30px!important;
}
#sppb-addon-wrapper-01314990-a14c-492c-8d1d-667b59f93eb7 { display: none!important;
/*Creamos experiencias con estructuras - final*/
}
/*Mantenimiento, Reparación y Remplazo - inicio*/
#section-id-002cadb4-9bdb-4b52-94e2-2f3c7058a1bd { padding-top: 95px!important;
}
#sppb-addon-7340e979-403f-4685-8df9-ad56f74043cb { margin-right: 10px!important; margin-top:30px!important;
}
#sppb-addon-fc4c11d8-252d-47da-ba60-c4978bef8978.about__three-left-image-experience { right: 0px !important; bottom: -46px !important;
}
#column-wrap-id-6d99d9c2-c7c0-4c7f-a0cd-8efd06f06d0e { max-width: 50%!important; flex-basis: 50%!important;
}
#column-wrap-id-924bb309-32cf-4e40-b2db-5e6cc580d6db { max-width: 50%!important; flex-basis: 50%!important;
}
#sppb-addon-fc4c11d8-252d-47da-ba60-c4978bef8978 { border-radius: 20px!important; padding-top: 30px!important; padding-right: 30px!important; padding-bottom: 30px!important; padding-left: 30px!important;
}
#sppb-addon-2ea71944-4e63-4b4f-aa83-0c1d20975ed9 .sppb-animated-number { font-size: 75px!important; line-height: 75px!important; margin-bottom: 15px!important;
}
#sppb-addon-a2053e22-1e33-4a3d-b291-c4991cfeefc4 { display: block!important; margin-top: -40px;
}
#sppb-addon-wrapper-cbac8104-a57e-4379-86ce-27b72651b96d { display:none!important;
/*Mantenimiento, Reparación y Remplazo - final*/
}
/*Ornamentación y Acabados en Puertas - inicio*/
#sppb-addon-40b7fc49-794e-4305-bba1-91838a94a130 .sppb-addon-title { width: 75%!important;
}
#sppb-addon-40b7fc49-794e-4305-bba1-91838a94a130 .sppb-addon-content { width: 70%!important;
}
#column-wrap-id-74497297-dbea-4cf7-a30a-6996e134c9d6 { display:none!important;
}
#sppb-addon-40b7fc49-794e-4305-bba1-91838a94a130 .sppb-addon-title { margin-bottom: 35px!important;
}
#sppb-addon-wrapper-40b7fc49-794e-4305-bba1-91838a94a130 { margin-bottom: 35px!important;
}
#sppb-addon-84092dcc-e306-4e63-a4de-ab2b01f22257 .sppb-addon-title { margin-bottom: 25px!important;
}
#column-wrap-id-513d5109-423d-4ee5-8c38-fe2b411a701a, #column-wrap-id-307bec15-604c-4777-8db1-16fdd16bc2ab { max-width: 43%!important; flex-basis: 43%!important;
/*Ornamentación y Acabados en Puertas - final*/
}
/*Tipos y Materiales en Puertas y Cortinas Enrollables - inicio*/
#sppb-addon-025181af-beb2-47c0-8c69-a1055797a913 .sppb-addon-title img { height: 50px!important; margin-top: 10px!important; width:auto;
}
#sppb-addon-025181af-beb2-47c0-8c69-a1055797a913 .why-choose-us-three-info-box .title { margin-left: 5px !important; font-size: 22px; margin-top: 7px;
}
#sppb-addon-wrapper-025181af-beb2-47c0-8c69-a1055797a913 { display:none!important;
/*Tipos y Materiales en Puertas y Cortinas Enrollables - final*/
}
#sppb-addon-8c3e0232-5ecf-48d6-9772-267d3061da67 .sppb-divider { margin-top: 0px!important; margin-bottom: 20px!important;
}
/*Cuál Marquesina se Ajusta- inicio*/
#sppb-addon-19f729b4-58c2-472b-b553-47d892a898e8, 
#sppb-addon-7d53aa96-5ce6-42ea-8788-a96fd2409072 { padding-left: 70px!important; padding-right: 0px!important;
/*Cuál Marquesina se Ajusta- inicio*/
}
}
@media (min-width:992px) and (max-width:1365px) {
.no_min_992_max_1365 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio .sppb-col-md-2 { width:33.3%; ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%;
/*servicios_inicio - final*/
}
/*Nuestras soluciones - inicio*/
#sppb-addon-wrapper-3cb103b8-8c0d-4d46-b6db-276d382e2ba7 { margin-bottom: 40px!important;
/*Nuestras soluciones - final*/
}
}
@media (min-width:992px) and (max-width:1399px) {
.no_min_992_max_1399 { display:none!important;
}
/*menú - inicio*/
.sp-megamenu-parent .sp-dropdown { width:300px!important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) { width: 280px;
/*menú - final*/
}
}
@media (min-width:992px) and (max-width:1599px) {
.no_min_992_max_1599 { display:none!important;
}
}
@media (min-width:1024px) and (max-width:1024px) {
.no_min_1024_max_1024 { display:none!important;
}
}
@media (min-width:1024px) and (max-width:1169px) {
.no_min_1024_max_1169 { display:none!important;
}
/*--estructuras blanco - inicio--*/
.estructuras_blanco_top_right, .estructuras_blanco_center_1_left, .estructuras_blanco_center_2_right, .estructuras_blanco_center_3_left, .estructuras_blanco_center_4_right, .estructuras_blanco_bottom_right { padding: 80px 50px;
/*--estructuras blanco - final--*/
}
}
@media (min-width:1024px) and (max-width:1199px) {
.no_min_1024_max_1199 { display:none!important;
}
/*--estructuras blanco - inicio--*/
.espacio_estructuras_blanco_izquierda img { width: 160px; height: auto; bottom: 20px; position: absolute; right: 20px;
}
.espacio_estructuras_blanco_derecha img { width: 160px; height: auto; bottom: 20px; position: absolute; left: 20px;
}
.espacio_estructuras_blanco_izquierda h3 { top: 20px; letter-spacing: 0px; right: 30px; font-size: 45px !important; line-height: 45px !important; text-align:right;
}
.espacio_estructuras_blanco_derecha h3 { top: 20px; letter-spacing: 0px; left: 30px; font-size: 45px !important; line-height: 45px !important;
/*--estructuras blanco - final--*/
}
}
@media (max-width:1024px) {
.no_max_1024 { display:none!important;
}
/*--youtube-player - inicio--*/
.youtube-player .play, .ver_fondo_video .youtube-player .play { height: 86px; width: 122px; margin-left: -61px; margin-top: -43px;
}
.youtube-player .play:hover, .ver_fondo_video .youtube-player .play:hover { height: 86px; width: 122px; margin-left: -61px; margin-top: -43px;
/*--youtube-player - final--*/
}
}
@media (min-width:1025px) {
.no_min_1025 { display:none!important;
}
}
@media (min-width:1025px) and (max-width:1199px) {
.no_min_1025_max_1199 { display:none!important;
}
/*- Botón ir arriba - inicio*/
.sp-scroll-up { bottom: 15px; left: 243px;
/*- Botón ir arriba - final*/
}
/*--slide_inicio - inicio--*/
#slide_inicio { height:580px; 
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_992.webp) center center no-repeat; height:580px; 
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_992.webp) center center no-repeat; height:580px; 
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_992.webp) center center no-repeat; height:580px;
}
.slide_inicio_tecnico_1 { height:580px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_1_1024.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_tecnico_2 { height:580px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_2_1024.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_tecnico_3 { height:580px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_3_1024.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_fondo_contenido { height: 580px; margin-bottom: -580px;
}
.bg_video_inicio_2 { max-width: 760px; margin: auto; z-index: 0; position: relative; top: 71px;
}
#slide_inicio h3 { font-size: 27px; line-height: 27px; margin: 0px 0px 5px;
}
#slide_inicio .enlace_ofertas img { width: 500px; height: auto; margin: 65px auto -10px;
/*--slide_inicio - final--*/
}
}
@media (min-width:1060px) and (max-width:1129px) {
.no_min_1060_max_1129 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:20px;
}
#servicios_inicio .sppb-flipbox-panel { height:260px; max-height:260px;
/*servicios_inicio - final*/
}
}
@media (min-width:1130px) and (max-width:1199px) {
.no_min_1130_max_1199 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:20px;
}
#servicios_inicio .sppb-flipbox-panel { height:277px; max-height:277px;
/*servicios_inicio - final*/
}
}
@media (min-width:1138px) and (max-width:1199px) {
.no_min_1138_max_1199 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 30px!important; right: 30px!important; top:115px; z-index:4;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 35px !important; width: 60px; height: 60px; line-height: 60px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 60px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-item .sppb-container { max-width: 928px;
/*Slider Home - final*/
}
}
@media (min-width:1141px) {
.no_min_1141 { display:none!important;
}
/*Inspección, Mantenimiento y Reparaciones - inicio*/
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sp-slider-outer-stage { height:770px!important;
/*Inspección, Mantenimiento y Reparaciones - final*/
}
}
@media (min-width:1141px) and (max-width:1199px) {
.no_min_1141_max_1199 { display:none!important;
}
/*Inspección, Mantenimiento y Reparaciones - inicio*/
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb { height: 770px; background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/reparacion_de_estructuras_y_cambio_de_cubiertas_en_pergolas_y_marquesinas_1200.webp) center center; background-size:cover;
}                                      
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sppb-container-inner { height: 770px; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sppb-row { max-width: 1140px; padding-right: 15px; padding-left: 15px; margin: auto; height: 770px; text-align: center; display: flex; align-items: center;
}
#column-wrap-id-1d9e2e66-0733-465c-b1b3-b6d97beda7b8 { margin-top: -110px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb h2 { font-size: 70px; line-height: 1.1em; font-weight: 700; color: #fff; margin-bottom: 35px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb p { font-weight: 400; font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 30px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sp-slider-btn-text:hover { color: var(--maincolor);
/*Inspección, Mantenimiento y Reparaciones - final*/
}
}
@media (max-width:1169px) { 
.no_max_1169 { display:none!important;
}
/*--estructuras blanco - inicio--*/
.estructuras_blanco_top_right, .estructuras_blanco_center_1_left, .estructuras_blanco_center_2_right, .estructuras_blanco_center_3_left, .estructuras_blanco_center_4_right, .estructuras_blanco_bottom_right { width:100%; max-width:100%;
/*--estructuras blanco - final--*/
}
}
@media (min-width:1170px) {
.no_min_1170 { display:none!important;
}
/*--estructuras blanco - inicio--*/
.estructuras_blanco_top_right, .estructuras_blanco_center_1_left, .estructuras_blanco_center_2_right, .estructuras_blanco_center_3_left, .estructuras_blanco_center_4_right, .estructuras_blanco_bottom_right { width:585px; max-width:585px; padding: 80px 60px;
}
.estructuras_blanco_top_right, .estructuras_blanco_center_2_right, .estructuras_blanco_bottom_right  { float:left;
}
.estructuras_blanco_center_1_left, .estructuras_blanco_center_3_left { float:right;
/*--estructuras blanco - final--*/
}
}
@media (min-width:1199px) {
.no_min_1199 { display:none!important;
}
/*--slide_inicio - inicio--*/
#slide_inicio .sppb-col-md-12 { padding-right: 0px; padding-left: 0px;
/*--slide_inicio - final--*/
}
}
@media (max-width: 1199px) {
.no_max_1199 { display:none!important;
}
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 { margin-top: -30px !important;
}
}
@media (min-width: 1200px) {
.no_min_1200 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-menu - inicio -*/
.sp-megamenu-parent > li > span.boton_sobre_nosotros { width:66px; height:100px; background: url(../../../images/inicio/icono_sobre_nosotros_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li > span.boton_sobre_nosotros { width:66px; height:100px; background: url(../../../images/inicio/icono_sobre_nosotros_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li:hover > span.boton_sobre_nosotros, 
#sp-header.header-sticky .sp-megamenu-parent > li.active > span.boton_sobre_nosotros  { width:66px; height:100px; background: url(../../../images/inicio/icono_sobre_nosotros_azul.jpg) center center no-repeat; background-size:cover;
}
.sp-megamenu-parent > li > span.boton_diseno_y_fabricacion { width:79px; height:100px; background: url(../../../images/inicio/icono_diseno_y_fabricacion_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li > span.boton_diseno_y_fabricacion { width:79px; height:100px; background: url(../../../images/inicio/icono_diseno_y_fabricacion_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li:hover > span.boton_diseno_y_fabricacion, 
#sp-header.header-sticky .sp-megamenu-parent > li.active > span.boton_diseno_y_fabricacion  { width:79px; height:100px; background: url(../../../images/inicio/icono_diseno_y_fabricacion_azul.jpg) center center no-repeat; background-size:cover;
}
a.boton_diseno_y_fabricacion { width:79px; height:100px; background: url(../../../images/inicio/icono_diseno_y_fabricacion_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky a.boton_diseno_y_fabricacion { width:79px; height:100px; background: url(../../../images/inicio/icono_diseno_y_fabricacion_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky li:hover a.boton_diseno_y_fabricacion, 
#sp-header.header-sticky li.active a.boton_diseno_y_fabricacion  { width:79px; height:100px; background: url(../../../images/inicio/icono_diseno_y_fabricacion_azul.jpg) center center no-repeat; background-size:cover;
}


.sp-megamenu-parent > li > span.boton_pergolas_y_estructuras { width:83px; height:100px; background: url(../../../images/inicio/icono_pergolas_y_estructuras_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li > span.boton_pergolas_y_estructuras { width:83px; height:100px; background: url(../../../images/inicio/icono_pergolas_y_estructuras_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li:hover > span.boton_pergolas_y_estructuras, 
#sp-header.header-sticky .sp-megamenu-parent > li.active > span.boton_pergolas_y_estructuras { width:83px; height:100px; background: url(../../../images/inicio/icono_pergolas_y_estructuras_azul.jpg) center center no-repeat; background-size:cover;
}
a.boton_pergolas_y_estructuras { width:83px; height:100px; background: url(../../../images/inicio/icono_pergolas_y_estructuras_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky a.boton_pergolas_y_estructuras { width:83px; height:100px; background: url(../../../images/inicio/icono_pergolas_y_estructuras_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky li:hover a.boton_pergolas_y_estructuras, 
#sp-header.header-sticky li.active a.boton_pergolas_y_estructuras { width:83px!important; height:100px!important; background: url(../../../images/inicio/icono_pergolas_y_estructuras_azul.jpg) center center no-repeat!important; background-size:cover!important;
}
 
 
.sp-megamenu-parent > li > span.boton_marquesinas_y_aleros { width:101px; height:100px; background: url(../../../images/inicio/icono_marquesinas_y_aleros_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li > span.boton_marquesinas_y_aleros { width:101px; height:100px; background: url(../../../images/inicio/icono_marquesinas_y_aleros_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li:hover > span.boton_marquesinas_y_aleros, 
#sp-header.header-sticky .sp-megamenu-parent > li.active > span.boton_marquesinas_y_aleros { width:101px; height:100px; background: url(../../../images/inicio/icono_marquesinas_y_aleros_azul.jpg) center center no-repeat; background-size:cover;
}
a.boton_marquesinas_y_aleros { width:101px; height:100px; background: url(../../../images/inicio/icono_marquesinas_y_aleros_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky a.boton_marquesinas_y_aleros { width:101px; height:100px; background: url(../../../images/inicio/icono_marquesinas_y_aleros_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky li:hover a.boton_marquesinas_y_aleros, 
#sp-header.header-sticky li.active a.boton_marquesinas_y_aleros { width:101px; height:100px; background: url(../../../images/inicio/icono_marquesinas_y_aleros_azul.jpg) center center no-repeat; background-size:cover;
}
 
 
.sp-megamenu-parent > li > span.boton_domos_y_tragaluces { width:77px; height:100px; background: url(../../../images/inicio/icono_domos_y_tragaluces_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li > span.boton_domos_y_tragaluces { width:77px; height:100px; background: url(../../../images/inicio/icono_domos_y_tragaluces_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li:hover > span.boton_domos_y_tragaluces, 
#sp-header.header-sticky .sp-megamenu-parent > li.active > span.boton_domos_y_tragaluces { width:77px; height:100px; background: url(../../../images/inicio/icono_domos_y_tragaluces_azul.jpg) center center no-repeat; background-size:cover;
}
a.boton_domos_y_tragaluces { width:77px; height:100px; background: url(../../../images/inicio/icono_domos_y_tragaluces_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky a.boton_domos_y_tragaluces { width:77px; height:100px; background: url(../../../images/inicio/icono_domos_y_tragaluces_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky li:hover a.boton_domos_y_tragaluces, 
#sp-header.header-sticky li.active a.boton_domos_y_tragaluces { width:77px; height:100px; background: url(../../../images/inicio/icono_domos_y_tragaluces_azul.jpg) center center no-repeat; background-size:cover;
}
 
 
.sp-megamenu-parent > li > span.boton_instalacion_y_montaje { width:88px; height:100px; background: url(../../../images/inicio/icono_instalacion_y_montaje_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li > span.boton_instalacion_y_montaje { width:88px; height:100px; background: url(../../../images/inicio/icono_instalacion_y_montaje_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li:hover > span.boton_instalacion_y_montaje, 
#sp-header.header-sticky .sp-megamenu-parent > li.active > span.boton_instalacion_y_montaje { width:88px; height:100px; background: url(../../../images/inicio/icono_instalacion_y_montaje_azul.jpg) center center no-repeat; background-size:cover;
}
a.boton_instalacion_y_montaje { width:88px; height:100px; background: url(../../../images/inicio/icono_instalacion_y_montaje_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky a.boton_instalacion_y_montaje { width:88px; height:100px; background: url(../../../images/inicio/icono_instalacion_y_montaje_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky li:hover a.boton_instalacion_y_montaje, 
#sp-header.header-sticky li.active a.boton_instalacion_y_montaje { width:88px; height:100px; background: url(../../../images/inicio/icono_instalacion_y_montaje_azul.jpg) center center no-repeat; background-size:cover;
}
 
 
.sp-megamenu-parent > li > span.boton_mantenimiento_y_reparaciones { width:117px; height:100px; background: url(../../../images/inicio/icono_mantenimiento_y_reparaciones_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li > span.boton_mantenimiento_y_reparaciones { width:117px; height:100px; background: url(../../../images/inicio/icono_mantenimiento_y_reparaciones_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky .sp-megamenu-parent > li:hover > span.boton_mantenimiento_y_reparaciones, 
#sp-header.header-sticky .sp-megamenu-parent > li.active > span.boton_mantenimiento_y_reparaciones { width:117px; height:100px; background: url(../../../images/inicio/icono_mantenimiento_y_reparaciones_azul.jpg) center center no-repeat; background-size:cover;
}
a.boton_mantenimiento_y_reparaciones { width:117px; height:100px; background: url(../../../images/inicio/icono_mantenimiento_y_reparaciones_negro_2.jpg) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky a.boton_mantenimiento_y_reparaciones { width:117px; height:100px; background: url(../../../images/inicio/icono_mantenimiento_y_reparaciones_negro.png) center center no-repeat; background-size:cover;
}
#sp-header.header-sticky li:hover a.boton_mantenimiento_y_reparaciones, 
#sp-header.header-sticky li.active a.boton_mantenimiento_y_reparaciones { width:117px; height:100px; background: url(../../../images/inicio/icono_mantenimiento_y_reparaciones_azul.jpg) center center no-repeat; background-size:cover; 
/*- sp-menu - final -*/
}
 
 
/*- sp-logo - inicio -*/
#sp-logo { background:rgba(5,10,21,.6)
/*- sp-logo - final -*/
}
/*sp-top - inicio*/
#column-wrap-id-a3263540-f25f-42d8-8e72-ca5ff52a0610 { margin: 0px; padding: 0px; background:#050A15; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
}
#mod-custom138 { float:right;
/*sp-top - final*/
}
/*-top3 - inicio-*/
.top3_left_ciudad_direccion, .top3_left_telefonos, .top3_right_nosotros, .top3_right_servicios, .top3_right_portafolio, .top3_right_contacto { background: #050A15;
}
#sp-top3 .sppb-row-container { margin:0px;
}
.top3_right_contacto { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding-right: 15px;
}
#sp-top3 a { color: #ddd!important;
}
#sp-top3 .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { color: #1C2539!important; text-decoration: none!important;
}
#sp-top3 .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: var(--maincolor)!important;
}
.top3_left_ciudad_direccion:hover a span, 
.top3_left_telefonos:hover a span, 
.top3_right_nosotros:hover a span, 
.top3_right_portafolio:hover a span, 
.top3_right_contacto:hover a span { color: #fff!important; text-decoration:underline!important;
}
#sp-top3 .sp-megamenu-parent > li.sp-has-child > a:hover { color:red!important;
}
#sp-top3 i { color: #0176E5;
}
.top3_right_nosotros .sp-megamenu-parent > li:last-child > a:hover { color:orange;
}
body.ltr .sp-megamenu-parent > li.sp-has-child > a:hover { color:green!important;
}
#section-id-85084c5e-0584-43e8-bfd5-02ad6a2e095a { background:#050A15!important;
}
.top3_right_contacto a::after { content: ""; position: absolute; transform: translateY(-50%); width: 1px; height: 16px; background: #929EBC; top: 18px; margin-left: 13px;
}
.top3_right_redes_cabezote { padding-left: 5px; padding-right: 8px;
}
.top3_right_redes_cabezote i { color: #fff !important; margin-left: 7.5px !important; margin-right: 7.5px !important; font-weight: 500 !important;
}
.top3_right_redes_cabezote a:hover i { color:#0176E5!important;
}
.icono_facebook_cabezote, 
.icono_twitter_cabezote, 
.icono_youtube_cabezote, 
.icono_pinterest_cabezote, 
.icono_instagram_cabezote { width:15px; height:15px; margin-left: 7.5px; margin-right: 7.5px;
}
.icono_facebook_negro, .icono_facebook_azul, .icono_facebook_cabezote:hover .icono_facebook_blanco, 
.icono_twitter_negro, .icono_twitter_azul, .icono_twitter_cabezote:hover .icono_twitter_blanco, 
.icono_youtube_negro, .icono_youtube_azul, .icono_youtube_cabezote:hover .icono_youtube_blanco, 
.icono_pinterest_negro, .icono_pinterest_azul, .icono_pinterest_cabezote:hover .icono_pinterest_blanco, 
.icono_instagram_negro, .icono_instagram_azul, .icono_instagram_cabezote:hover .icono_instagram_blanco { display:none;
}
.icono_facebook_cabezote:hover .icono_facebook_azul, 
.icono_twitter_cabezote:hover .icono_twitter_azul, 
.icono_youtube_cabezote:hover .icono_youtube_azul, 
.icono_pinterest_cabezote:hover .icono_pinterest_azul, 
.icono_instagram_cabezote:hover .icono_instagram_azul { display:inherit!important;
}
.top3_left_ciudad_direccion img { width: 11px; height: 14px; display: inline; margin-top: -3px; margin-right:6px;
}
.top3_left_telefonos img { width:14px; height:14px; display: inline; margin-top: -3px; margin-right:6px;;
}
.top3_right_nosotros img { width:14px; height:14px; display: inline; margin-top: -3px; margin-right:6px;
}
.top3_right_portafolio img { width:16px; height:14px; display: inline; margin-top: -3px; margin-right:6px;
}
.top3_right_contacto img { width:19px; height:14px; display: inline; margin-top: -3px; margin-right:6px;
}
.top3_left_ciudad_direccion .top3_left_ciudad_direccion_blanco, 
.top3_left_ciudad_direccion .top3_left_ciudad_direccion_negro, 
.top3_left_ciudad_direccion .top3_left_ciudad_direccion_azul_oscuro, 
.top3_left_ciudad_direccion:hover .top3_left_ciudad_direccion_azul, 

.top3_right_nosotros .top3_right_nosotros_blanco, 
.top3_right_nosotros .top3_right_nosotros_negro, 
.top3_right_nosotros .top3_right_nosotros_azul_oscuro, 
.top3_right_nosotros:hover .top3_right_nosotros_azul,  
.top3_left_telefonos .top3_left_telefonos_blanco, 
.top3_left_telefonos .top3_left_telefonos_negro, 
.top3_left_telefonos .top3_left_telefonos_azul_oscuro, 
.top3_left_telefonos:hover .top3_left_telefonos_azul,  
.top3_right_contacto .top3_right_contacto_blanco, 
.top3_right_contacto:hover .top3_right_contacto_azul { display:none!important;
}
.top3_left_ciudad_direccion:hover .top3_left_ciudad_direccion_blanco, 
.top3_left_telefonos:hover .top3_left_telefonos_blanco, 
.top3_right_nosotros:hover .top3_right_nosotros_blanco, 
.top3_right_contacto:hover .top3_right_contacto_blanco { display:inline!important;
/*-top3 - final-*/
}
/*- barra azul asesoría - inicio -*/
.barra_azul_formulario_soporte a { background: url(../../../images/inicio/icono_formulario_soporte.png) center center no-repeat var(--maincolor) !important; background-size: contain !important;
/*- barra azul asesoría - final -*/
/*sp-barra-azul - final*/
/*sp-header - final*/
}
/*3 módulos - inicio*/
#section-id-59957c0d-9c99-40e3-9e5b-85164012eea6 { margin-top: 30px !important;
}
#column-wrap-id-e44dec66-630e-47dc-956f-c5e76062b8f5 { order: 1;
}
#column-wrap-id-2579576a-ab22-40c9-a514-cfa361b7010c { order: 2;
}
#column-wrap-id-d8dc6adf-1340-46c0-b0e2-34a3134c8620 { order: 3;
}
#column-wrap-id-1b760690-0899-4152-b819-fe6a9fd72140 { order: 4;
}
#column-wrap-id-a00aa081-c51b-4481-bcc6-16c690a61228 { order: 5;
}
#sppb-addon-7376cd13-86d9-4b08-9278-d391f7c53525 .feature-block-inner-box { padding: 15px!important;
}
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box { padding: 35px 35px 30px!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .feature-block-inner-box { padding:15px!important;
}
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .feature-block-inner-box, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .feature-block-inner-box, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .feature-block-inner-box, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .feature-block-inner-box { padding:0px!important;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_contenido, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .animacion_contenido, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .animacion_contenido, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .animacion_contenido, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .animacion_contenido { padding:30px;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .title, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .title, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .title, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .title, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .title { height: 80px; display: flex; align-items: center; margin:0;
}
#sppb-addon-1583f4f2-586a-48fc-834b-0f16f67ff6a0 .animacion_titulo img, 
#sppb-addon-2161345f-d2e9-4bcf-924d-f2722b8dcde5 .animacion_titulo img, 
#sppb-addon-a2747ae6-9475-4b25-85a6-60b38414853e .animacion_titulo img, 
#sppb-addon-e50ff6fb-a030-4b20-8797-b6fab8de76db .animacion_titulo img, 
#sppb-addon-ee03fc27-598c-4b14-800e-49f6afb7212e .animacion_titulo img { background:var(--maincolor); height: 80px; width: 80px; padding: 15px; margin-right: 20px; float:left;
/*3 módulos - final*/
}
/*Pérgolas Metálicas, Marquesinas Corredizas - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 h1 { font-size: 48px; line-height: 58px;
/*Pérgolas Metálicas, Marquesinas Corredizas - final*/
}
/*Marquesinas para Patios y Terrazas en Bogotá - inicio*/
#sppb-addon-1f271179-f6ac-4a69-832c-eecf29a67168 .sppb-divider { margin-bottom: 25px!important;
/*Marquesinas para Patios y Terrazas en Bogotá - final*/
}
/*Tipos y Materiales en Puertas y Cortinas Enrollables - inicio*/
#sppb-addon-8c3e0232-5ecf-48d6-9772-267d3061da67 .sppb-divider { margin-top: 30px!Important; margin-bottom: 25px!important;
}
#sppb-addon-025181af-beb2-47c0-8c69-a1055797a913 .sppb-addon-title img { height: 60px!important; margin-top: 10px!important; width:auto!important;
}
#sppb-addon-025181af-beb2-47c0-8c69-a1055797a913 .why-choose-us-three-info-box .title { margin-left: 20px!important;
/*Tipos y Materiales en Puertas y Cortinas Enrollables - final*/
}
/*Cuál Marquesina se Ajusta - inicio*/
#sppb-addon-19f729b4-58c2-472b-b553-47d892a898e8, 
#sppb-addon-7d53aa96-5ce6-42ea-8788-a96fd2409072 { padding-left: 70px!important; padding-right: 0px!important;
/*Cuál Marquesina se Ajusta - final*/
}
/*Asesoría y Consultoría Técnica - inicio*/
#sppb-addon-26a1d72a-b17f-445b-9d9e-1e7b50749308 .sppb-addon-title { width: 80%;
/*Asesoría y Consultoría Técnica - final*/
}
/*--Diseño, Fabricación e Instalación - inicio--*/
#sppb-addon-4d89f185-fcb5-440b-98c5-8d099c0cd1ae .sppb-addon-title { width: 90%!important;
/*--Diseño, Fabricación e Instalación - final--*/
}
/*Contáctenos - inicio*/
#section-id-93dd36ca-3229-416a-a2c1-0593a1bbfa32 { margin-top:40px!important;
/*Contáctenos - final*/
}
}
@media (min-width:1200px) and (max-width:1269px) {
.no_min_1200_max_1269 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { width: 1171px; left: 0!important; right: 0!important; 
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-item .sppb-container { max-width: 1040px;
/*Slider Home - final*/
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:22px;
}
#servicios_inicio .sppb-flipbox-panel { height:294px; max-height:294px;
/*servicios_inicio - final*/
}
}
@media (min-width:1200px) and (max-width:1365px) {
.no_min_1200_max_1365 { display:none!important;
}
/*sp-top - inicio*/
#sp-top .container { width: 1171px; margin: auto; position: relative; max-width: inherit; padding: 0px;
}
#sp-top .container-inner { width: 893px; left: 251px;
}
#column-wrap-id-a3263540-f25f-42d8-8e72-ca5ff52a0610 { min-width: max-content!important; max-width: 48%!important; flex-basis: 48%!important;
}
#column-wrap-id-835b0c07-4ad9-4e0b-9739-cfd8b5e406e7 { min-width: max-content!important; max-width: 52%!important; flex-basis: 52%!important;
/*sp-top - final*/
}
/*-top3 - inicio-*/
.top3_right_nosotros { padding-right: 15px;
}
.top3_right_nosotros li::after { content: ""; position: absolute; transform: translateY(-50%); width: 1px; height: 16px; background: #929EBC; top: 18px; right: -15px;
}
.top3_right_nosotros li li::after { display:none!important;
}
.top3_right_nosotros .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right { left: -80px!important;
/*-top3 - final-*/
/*sp-top - final*/

/*sp-top - final*/
}
/*sp-header - inicio*/
#sp-header .container, 
#sp-header .container-lg, 
#sp-header .container-md, 
#sp-header .container-sm, 
#sp-header .container-xl, 
#sp-header .sppb-container, 
#sp-header .sppb-row-container { max-width: 1147px;
}
#sp-logo { width:224px;
}
#sp-header .logo a, #sp-header .logo img { height: 115px; width:194px;
}
#sp-logo .sp-column { width:224px; height:135px;
}
/*- sp-menu - inicio -*/
.sp-megamenu-parent > li > span.boton_diseno_y_fabricacion { display:none;
}
.header-sticky #offcanvas-toggler { display:none!important;
/*- sp-menu - final -*/
}
/*- sp-position3 - inicio -*/
#sp-position3 { padding-right: 22px; width: 318px;
/*- sp-position3 - final -*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky .container { transform: scale(0.903);
}
#sp-header.header-sticky { margin-top: -5px;
}
#sp-header.header-sticky .boton_buscar_asesoria { display:none;
}
#sp-header.header-sticky #sp-position3 { width: 150px;
}
#sp-header.header-sticky #sp-logo, 
#sp-header.header-sticky #sp-logo .sp-column, 
#sp-header.header-sticky #sp-logo .logo { width: 174px;
}
#sp-header.header-sticky #sp-logo .logo a, 
#sp-header.header-sticky #sp-logo .logo img { width: 125px; height:74px;
/*header-sticky - final*/
}
/*sp-barra-azul - inicio*/
#sp-barra-azul { width: 1253px;
}
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { width:570px;
/*- barra azul menú carrusel - final -*/
/*sp-barra-azul - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { z-index:4; top:115px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 63px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 35px !important; width: 60px; height: 60px; line-height: 60px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 60px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 175px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 830px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 78px!important; line-height: 1em!important;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:70%;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key .sp-background { background: url(../../../images/inicio/slider_1/cortinas_enrollables_metalicas_1400.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key .sp-background { background: url(../../../images/inicio/slider_1/puertas_y_garajes_automaticos_1400.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key .sp-background { background: url(../../../images/inicio/slider_1/motorizacion_y_automatizacion_1400.webp) center left no-repeat!important; background-size:cover!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio {  padding: 0 !important; margin: 0 !important; background: url(../../../images/inicio/slider_1/diseno_fabricacion_e_instalacion_de_pergolas_marquesinas_y_domos_en_bogota_colombia_1400.webp) center top no-repeat !important; background-size: cover !important;
}
.slider_nuevo_inicio .sppb-row-container { width:100%; max-width:100%; padding:0; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
.slider_nuevo_inicio .caja { max-width: 1140px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; height: 830px; display: flex; align-items: center;
}
.slider_nuevo_inicio .contenido { margin-top: 145px;
}
.slider_nuevo_inicio h3 { font-family: 'DM Sans', sans-serif; text-transform: uppercase !important; font-size: 18px !important; line-height: 26px !important; letter-spacing: 0.3em !important; color: #fff; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio h2 { font-weight: 900; text-transform: uppercase; color: #fff; margin: 5px 0px 17px 0px; font-size: 76px !important; line-height: 1em !important; font-family: "Red Hat Display", sans-serif; text-shadow: rgba(0,0,0,.5) 10px 10px 50px; padding-right:5%;
}
.slider_nuevo_inicio h4 { font-weight: 500; font-size: 16px; line-height: 26px; color: #fff; font-family: 'DM Sans', sans-serif; width: 80%; text-shadow:rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio .sppb-sp-slider-button { margin-left: 0;
}
.slider_nuevo_inicio .boton_contacto .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_nosotros:hover .sp-slider-btn-text { border: 1px solid var(--maincolor); background: var(--maincolor)!important;
}
.slider_nuevo_inicio .boton_nosotros .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_contacto:hover .sp-slider-btn-text { background: transparent!important; border: 1px solid #FFFFFF; color: #fff; color: #fff;
/*Slider Nuevo Inicio - final*/
}
/*- Botón ir arriba - inicio*/
.sp-scroll-up { bottom: 15px; left: 252px;
/*- Botón ir arriba - final*/
}
/*--estructuras blanco - inicio--*/
.espacio_estructuras_blanco_izquierda img { width: 170px; height: auto; bottom: 25px; position: absolute; right: 25px;
}
.espacio_estructuras_blanco_derecha img { width: 170px; height: auto; bottom: 25px; position: absolute; left: 25px;
}
.espacio_estructuras_blanco_izquierda h3 { top: 25px; letter-spacing: 0px; right: 35px; font-size: 47px !important; line-height: 47px !important; text-align:right;
}
.espacio_estructuras_blanco_derecha h3 { top: 25px; letter-spacing: 0px; left: 35px; font-size: 47px !important; line-height: 47px !important;
/*--estructuras blanco - final--*/
}
/*slider final - inicio*/
#slider_1_final { height: 980px; background: url(../../../images/inicio/slider_final/fabricacion_en_metal_policarbonato_y_vidrio_en_estructuras_para_cubiertas_y_marquesinas_1366.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_2_final { height: 980px; background: url(../../../images/inicio/slider_final/instalacion_profesional_de_calidad_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_1366.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_3_final { height: 980px; background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas_pergolas_domos_y_cubiertas_en_bogota_colombia_1366.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_4_final { height: 980px; background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas_para_pergolas_y_marquesinas_de_casas_y_edificios_1366.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
.slider_final_box { width: 75%; max-width: 75%; padding: 25px;
}
.slider_final_box h2 { font-size: 58px !important; line-height: 62px !important; letter-spacing: -1px; margin-bottom: 15px !important; font-weight: 800 !important; margin-top: 0; color: #fff;
}
.slider_final_box p { font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 1.8rem; font-weight:300;
}
/*slider final - inicio*/
.slider_final_box_left { height: 320px; margin-bottom: 20px; border-radius: 5px; border: 1px solid #fff; padding: 10px; background: rgba(0, 0, 0, 0.5);
/*slider final - final*/
}
/*Pérgolas Metálicas, Marquesinas Corredizas - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 {  background: url(../../../images/fondos/automatizacion_control_y_sistemas_de_acceso_inteligentes_en_puertas_y_cortinas_enrollables_1200.jpg) center bottom no-repeat; background-size:contain;
/*Pérgolas Metálicas, Marquesinas Corredizas - final*/
}
/*Comuníquese con Nuestro Equipo - inicio*/
#section-id-778f46e3-233b-41ac-8044-a7a6b7494802 { background:url(../../../images/inicio/comuniquese_con_nuestro_equipo/soluciones_para_pergolas_metalicas_marquesinas_corredizas_domos_y_cubiertas_1366.webp) center center; background-size:cover; margin:0!important; padding:0!important;
}
#section-id-778f46e3-233b-41ac-8044-a7a6b7494802 .sppb-row-container { padding-top:100px; padding-bottom:100px; max-width:100%; width:100%; background: url(../images/fondo_pagina.webp) #050a1520 !important;
/*Comuníquese con Nuestro Equipo - final*/
}
/*Mapa - inicio*/
#sp-mapa { background: url(../../../images/inicio/mapa/mapa_ubicacion_multicorp_ingenieria_sas_en_bogota_colombia_1366.webp) center center no-repeat;
/*Mapa - final*/
}
}
@media (min-width:1200px) and (max-width:1366px) {
.no_min_1200_max_1366 { display:none!important;
}
/*Asesoría y Consultoría Técnica - inicio*/
#section-id-16c5364b-b771-4aa8-972e-65fdc4d7924b .sppb-row-container { max-width: 100%; padding-left: 30px; padding-right: 30px;
/*Asesoría y Consultoría Técnica - final*/
}
}
@media (min-width:1200px) and (max-width:1399px) {
.no_min_1200_max_1399 { display:none!important;
}
/*Comuníquese con Nuestro Equipo - inicio*/
#column-wrap-id-13b4c59d-ae9e-4cb2-b387-5070de7cba60 { max-width: 1140px!important; margin:auto;
/*Comuníquese con Nuestro Equipo - final*/
}
/*Tu Proyecto de Techos y Cubiertas - inicio*/
#column-id-332efd91-b64e-4c57-964a-e5d8c5d6f605 { width:555px;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07, #sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07::after { height: 700px;
/*Tu Proyecto de Techos y Cubiertas - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#sppb-addon-82fe53e0-2f18-4caf-8361-806f45e577f9 .video-play-button { right: -65px!important;
}
#aboutus { padding-top: 80px!important; padding-bottom: 100px!important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Marquesinas para Patios y Terrazas en Bogotá - inicio*/
#sppb-addon-bf66b854-745c-4815-850f-3ba393516953 { margin-bottom: 0!important;
}
#section-id-e591c66f-b8f8-4e69-9f10-a1aedce204e6 { padding-top:100px!important;
}
#sppb-addon-bf66b854-745c-4815-850f-3ba393516953 { margin-top: -15px!important;
/*Marquesinas para Patios y Terrazas en Bogotá - final*/
}
/*Ornamentación y Acabados en Puertas - inicio*/
#sppb-addon-wrapper-40b7fc49-794e-4305-bba1-91838a94a130 { width: 95%!important;
}
#sppb-addon-wrapper-40b7fc49-794e-4305-bba1-91838a94a130 .sppb-addon-content { width: 80%!important;
}
#sppb-addon-wrapper-2ce1b0f6-5b22-43fa-b286-d1c16bf1de28 { margin-top: 30px!important;
}
#sppb-addon-40b7fc49-794e-4305-bba1-91838a94a130 .sppb-addon-title { margin-bottom: 30px!important;
}
#sppb-addon-wrapper-40b7fc49-794e-4305-bba1-91838a94a130 { margin-bottom: 25px!important;
/*Ornamentación y Acabados en Puertas - final*/
}
/*Tipos y Materiales en Puertas y Cortinas Enrollables - inicio*/
#column-id-c0efe0d0-f55e-4e75-b879-6e5a9489d9aa { padding-right: 50px!important;
/*Tipos y Materiales en Puertas y Cortinas Enrollables - final*/
}
/*Instalación de Pérgolas Metálicas - inicio*/
#sppb-addon-8e56458c-fd76-4738-b5f6-7f3f3594ba7b.counter-block-three { display:none!important;
/*Instalación de Pérgolas Metálicas - inicio*/
}
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - inicio*/
#column-id-5b79363c-9530-4868-89f3-76935ab313da { width: 540px; float: right;
}
#sppb-addon-ead7015d-7a2e-495f-b12d-c8eef5940dbb { background:url(../../../images/inicio/cortinas_fabricadas_por_expertos/pergolas_metalicas_para_terrazas_jardines_y_patios_de_casas_y_negocios_en_bogota_1400.webp) center center no-repeat!important; background-size:cover!important;
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - final*/
}
/*Cuál Marquesina se Ajusta - inicio*/
#column-id-1664ed0c-5c59-460a-b461-58580491aceb, 
#column-id-e9723859-a398-45f6-a379-91f5ae099312 { width: 540px; float: left;
}
#sppb-addon-e3868152-cd58-40f7-9406-300a5a443692, 
#sppb-addon-d035f431-95a3-475d-bd5f-68f4173cfa38 { background:url(../../../images/inicio/sistemas_de_control_inteligente/soluciones_en_marquesinas_corredizas_de_control_manual_o_automatico_en_bogota_1400.webp) center center no-repeat!important; background-size:cover!important;
/*Cuál Marquesina se Ajusta - final*/
}
/*Marquesinas Manuales y Automáticas - inicio*/
#sppb-addon-d787da51-8a7f-4801-926b-abb6fcac19ec.counter-block-three, 
#sppb-addon-53727fbc-7077-440f-97b5-6e5105c2199f.counter-block-three { display:none!important;
/*Marquesinas Manuales y Automáticas - final*/
}
/*Inspección, Mantenimiento y Reparaciones - inicio*/
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb { height: 770px; background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/reparacion_de_estructuras_y_cambio_de_cubiertas_en_pergolas_y_marquesinas_1400.webp) center center; background-size:cover;
}                                      
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sppb-container-inner { height: 770px; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sppb-row { max-width: 1140px; padding-right: 15px; padding-left: 15px; margin: auto; height: 770px; text-align: center; display: flex; align-items: center;
}
#column-wrap-id-1d9e2e66-0733-465c-b1b3-b6d97beda7b8 { margin-top: -110px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb h2 { font-size: 80px; line-height: 1.2em; font-weight: 700; color: #fff; margin-bottom: 55px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb p { font-weight: 400; font-size: 22px; line-height: 30px; color: #fff; margin-bottom: 45px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sp-slider-btn-text:hover { color: var(--maincolor);
/*Inspección, Mantenimiento y Reparaciones - final*/
}
}
@media (min-width:1201px) and (max-width:1399px) {
.no_min_1201_max_1399 { display:none!important;
}
/*Ornamentación y Acabados en Puertas - inicio*/
#column-wrap-id-513d5109-423d-4ee5-8c38-fe2b411a701a, #column-wrap-id-307bec15-604c-4777-8db1-16fdd16bc2ab { max-width: 42.5%!important; flex-basis: 42.5%!important;
/*Ornamentación y Acabados en Puertas - final*/
}
}
@media (min-width:1200px) and (max-width:1599px) {
.no_min_1200_max_1599 { display:none!important;
}
/*--slide_inicio - inicio--*/
#slide_inicio { height:690px; 
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_1200.webp) center center no-repeat; height:690px; 
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_1200.webp) center center no-repeat; height:690px; 
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_1200.webp) center center no-repeat; height:690px;
}
.slide_inicio_tecnico_1 { height:690px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_1_1200.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_tecnico_2 { height:690px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_2_1200.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_tecnico_3 { height:690px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_3_1200.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_fondo_contenido { height: 690px; margin-bottom: -690px;
}
.bg_video_inicio_2 { max-width: 870px; margin: auto; z-index: 0; position: relative; top: 104px;
}
#slide_inicio h3 { font-size: 34px; line-height: 34px; margin: 0px 0px 5px;
}
#slide_inicio .enlace_ofertas img { width: 510px; height: auto; margin-top: 60px; margin-bottom: -15px;
/*--slide_inicio - final--*/
}
}
@media (min-width:1270px) and (max-width:1365px) {
.no_min_1270_max_1365 { display:none!important;
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 30px!important; right: 30px!important; 
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-item .sppb-container { max-width: 1080px;
/*Slider Home - final*/
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:22px;
}
#servicios_inicio .sppb-flipbox-panel { height:311px; max-height:311px;
/*servicios_inicio - final*/
}
}
@media (max-width:1365px) {
.no_max_1365 { display:none!important;
}
}
@media (min-width:1366px) {
.no_min_1366 { display:none!important;
}
/*sp-header - inicio*/
/*- sp-menu - inicio -*/
li.menu_nuestros_proyectos { box-shadow: rgba(53, 64, 91, 1) 0px 0px 28px -12px inset, 0px 0px 0px 0px inset; background:#eee;
}
.sp-megamenu-parent > li > span.boton_nuestros_proyectos { width:73px; height:100px; background: url(../../../images/inicio/icono_nuestros_proyectos_negro_con_linea_azul.png) center center no-repeat; background-size:cover;
/*- sp-menu - final -*/
/*sp-header - final*/
}
/*slider final - inicio*/
#slider_1_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/fabricacion_en_metal/slider_cuadrado/pergola_esquinera_con_paneles_decorativos_y_tarima_de_madera_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
}
#slider_2_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/instalacion_de_pergolas_profesional/slider_cuadrado/pergola_adosada_con_techo_de_vidrio_templado_y_madera_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
}
#slider_3_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas/slider_cuadrado/marquesina_diseno_arquitectonico_vanguardia_lamas_verticales_jardin_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
}
#slider_4_final .slider_final_box_left { box-shadow: inset 0 0 20px rgb(0,0,0,1), inset 0 0 70px rgba(0, 0, 0, 0.7); background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas/slider_cuadrado/cubierta_metalica_aluminio_comedor_exterior_muebles_modernos_jardin_en_bogota_colombia.jpg) center center no-repeat!important; background-size:cover!important;
}
.slider_final_box { background: url(../../../images/inicio/logo_pergolas_marquesinas_domos_y_cubiertas_multicorp_ingenieria_sas.png) bottom right no-repeat rgba(0, 0, 0, 0.5); background-size: 298px;
}
#column-wrap-id-717d176c-8945-405d-9378-8fd293882c8f, 
#column-wrap-id-04f9dcc1-78f1-459c-8e7c-f8c457ce1d6f, 
#column-wrap-id-c562ea66-f241-42cf-9939-96ffefc96ce6, 
#column-wrap-id-587e4a86-5a0a-4f8c-b427-033f0046ed75 { padding-left: 35px;
}
#slider_1_final .sppb-container, 
#slider_2_final .sppb-container, 
#slider_3_final .sppb-container, 
#slider_4_final .sppb-container { width: 100%; max-width: 1320px;
}
.slider_final_box_left .sppb-carousel-arrow i { top: 45%;
}
.slider_final_box_left .sppb-carousel-arrow { font-size: 45px; opacity: 1; text-shadow: 0px 2px 0px rgb(0, 0, 0);
}
.slider_final_box .sppb-carousel-arrow.left i { margin-left: -5px;
}
.slider_final_box .sppb-carousel-arrow.right i { margin-right: -5px;
}
#mod-custom169, #mod-custom170, #mod-custom171, #mod-custom172 { display:none;
/*slider final - final*/
}
/*-top3 - inicio-*/
.top3_right_portafolio { background: var(--maincolor);
}
.top3_right_portafolio li::after, 
.top3_right_nosotros li::after { background: none!important;
}
.top3_right_portafolio_azul { display:none!important;
/*-top3 - final-*/
}
/*Nuestras soluciones - inicio*/
#sppb-addon-wrapper-3cb103b8-8c0d-4d46-b6db-276d382e2ba7 { margin-bottom: 50px!important;
/*Nuestras soluciones - final*/
}
/*3 módulos - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 h1 { width: 80%;
}
#sppb-addon-wrapper-6672222a-cdf6-4ea1-a597-4fe9c6464a2b { margin-bottom: 20px!important;
}
#column-wrap-id-2de2dab8-7fd9-4222-a66c-2b61432c05b1, 
#column-wrap-id-718ffbfd-f95c-4733-a0cc-f24a46a8de5d, 
#column-wrap-id-0399da7b-ace2-4a7a-92d6-86290a6b61ab, 
#column-wrap-id-65a780a2-8c18-4d1b-a233-187c2c20c964, 
#column-wrap-id-c08a72fb-04b2-4fd3-8875-2f5c3ee3215b, 
#column-wrap-id-afc20d42-7366-41c2-ae46-f122bb1c6d5c, 
#column-wrap-id-8d2aa209-3a45-43e9-a4a8-3a5c59d8505e, 
#column-wrap-id-bf8b9d34-122e-40bb-8116-0cfa73f904fd { padding-left: 7.5px; padding-right: 7.5px; max-width:25%!important; width:25%!important; flex-basis: 25%!important;
/*3 módulos - final*/
}
/*Explora Nuestros Proyectos - inicio*/
#sppb-addon-5b8b0d45-ac0a-467f-a1f1-095c2d94eaa8 .sppb-addon-title { width:80%;
/*Explora Nuestros Proyectos - final*/
}
}
@media (min-width:1366px) and (max-width:1399px) {
.no_min_1366_max_1399 { display:none!important;
}
/*sp-top - inicio*/
#sp-top .container { width: 1258px; margin: auto; position: relative; max-width: inherit; padding: 0px;
}
#sp-top .container-inner { width: 972px;left: 284px;
} 
#column-wrap-id-a3263540-f25f-42d8-8e72-ca5ff52a0610 { min-width: max-content !important; max-width: 42% !important; flex-basis: 42% !important;
}
#column-wrap-id-835b0c07-4ad9-4e0b-9739-cfd8b5e406e7 { min-width: max-content !important; max-width: 58% !important; flex-basis: 58% !important;
}
/*sp-top - inicio*/
/*-top3 - inicio-*/
.top3_right_nosotros { padding-right: 13px;
}
.top3_right_nosotros li::after { content: ""; position: absolute; transform: translateY(-50%); width: 1px; height: 15px; background: #929EBC; top: 18px; right: -13px;
}
.top3_right_nosotros li li::after { display:none!important;
}
.top3_right_nosotros .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right { left: -83px!important;
/*-top3 - final-*/
/*sp-top - final*/
}
/*sp-header - inicio*/
#sp-header .container, 
#sp-header .container-lg, 
#sp-header .container-md, 
#sp-header .container-sm, 
#sp-header .container-xl, 
#sp-header .sppb-container, 
#sp-header .sppb-row-container { max-width: 1284px;
}
#sp-logo { width:282px;
}
#sp-header .logo a, 
#sp-header .logo img{ height: 117px; width:251px;
}
#sp-logo .sp-column { width:282px; height:135px;
}
#sp-position3 { width: 324px;
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky .container { transform: scale(0.876);
}
#sp-header.header-sticky { margin-top: -6px;
}
#sp-header.header-sticky .container, 
#sp-header.header-sticky .container-lg, 
#sp-header.header-sticky .container-md, 
#sp-header.header-sticky .container-sm, 
#sp-header.header-sticky .container-xl, 
#sp-header.header-sticky .sppb-container, 
#sp-header.header-sticky .sppb-row-container { max-width: 1268px; width: max-content;
}
#sp-header.header-sticky #sp-logo, 
#sp-header.header-sticky #sp-logo .sp-column, 
#sp-header.header-sticky #sp-logo .logo { width: 174px;
}
#sp-header.header-sticky #sp-logo .logo a, 
#sp-header.header-sticky #sp-logo .logo img { width: 150px; height:70px;
/*header-sticky - final*/
}
/*sp-barra-azul - inicio*/
#sp-barra-azul { width: 1253px;
}
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { width:707px;
/*- barra azul menú carrusel - final -*/

/*sp-barra-azul - final*/
}
/*- Botón ir arriba - inicio*/
.sp-scroll-up { bottom: 15px; left: 262px;
/*- Botón ir arriba - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 30px!important; right: 30px!important; top:110px; z-index:4;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-item .sppb-container { max-width: 1150px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 63px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 35px !important; width: 60px; height: 60px; line-height: 60px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 50px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 160px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 900px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 86px!important; line-height: 1em!important;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:70%;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key .sp-background { background: url(../../../images/inicio/slider_1/cortinas_enrollables_metalicas_1400.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key .sp-background { background: url(../../../images/inicio/slider_1/puertas_y_garajes_automaticos_1400.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key .sp-background { background: url(../../../images/inicio/slider_1/motorizacion_y_automatizacion_1400.webp) center left no-repeat!important; background-size:cover!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio {  padding: 0 !important; margin: 0 !important; background: url(../../../images/inicio/slider_1/diseno_fabricacion_e_instalacion_de_pergolas_marquesinas_y_domos_en_bogota_colombia_1400.webp) center top no-repeat !important; background-size: cover !important;
}
.slider_nuevo_inicio .sppb-row-container { width:100%; max-width:100%; padding:0; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
.slider_nuevo_inicio .caja { max-width: 1150px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; height: 900px; display: flex; align-items: center;
}
.slider_nuevo_inicio .contenido { margin-top: 145px;
}
.slider_nuevo_inicio h3 { font-family: 'DM Sans', sans-serif; text-transform: uppercase !important; font-size: 18px !important; line-height: 26px !important; letter-spacing: 0.3em !important; color: #fff; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio h2 { font-weight: 900; text-transform: uppercase; color: #fff; margin: 5px 0px 17px 0px; font-size: 84px !important; line-height: 1em !important; font-family: "Red Hat Display", sans-serif; text-shadow: rgba(0,0,0,.5) 10px 10px 50px;
}
.slider_nuevo_inicio h4 { font-weight: 500; font-size: 16px; line-height: 26px; color: #fff; font-family: 'DM Sans', sans-serif; width: 80%; text-shadow:rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio .sppb-sp-slider-button { margin-left: 0;
}
.slider_nuevo_inicio .boton_contacto .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_nosotros:hover .sp-slider-btn-text { border: 1px solid var(--maincolor); background: var(--maincolor)!important;
}
.slider_nuevo_inicio .boton_nosotros .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_contacto:hover .sp-slider-btn-text { background: transparent!important; border: 1px solid #FFFFFF; color: #fff; color: #fff;
/*Slider Nuevo Inicio - final*/
}
/*slider final - inicio*/
#slider_1_final { height: 732px; background: url(../../../images/inicio/slider_final/fabricacion_en_metal_policarbonato_y_vidrio_en_estructuras_para_cubiertas_y_marquesinas_1366.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_2_final { height: 732px; background: url(../../../images/inicio/slider_final/instalacion_profesional_de_calidad_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_1366.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_3_final { height: 732px; background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas_pergolas_domos_y_cubiertas_en_bogota_colombia_1366.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left; border-bottom: 1px solid #fff;
}
#slider_4_final { height: 732px; background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas_para_pergolas_y_marquesinas_de_casas_y_edificios_1366.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
.slider_final_box { width: 1160px; max-width: 1160px; padding: 25px;
}
.slider_final_box_left .sppb-row-container { padding-left:0px; padding-right:0px;
}
.slider_final_box_left { border-radius: 5px; border: 1px solid #fff; height:352px;
}
.slider_final_box_left img { border-radius: 5px; height:350px!important;
}
.slider_final_box_right { padding-left: 5px;
}
.slider_final_box h2 { font-size: 62px !important; line-height: 66px !important; letter-spacing: -1px; margin-bottom: 15px !important; font-weight: 800 !important; margin-top: 0; color: #fff;
}
.slider_final_box p { font-size: 18px; line-height: 28px; color: #fff; margin-bottom: 1.8rem; font-weight:300;
/*slider final - final*/
}
/*3 módulos - inicio*/
#section-id-bf604310-f01b-4986-9cd0-758135e3e96f .sppb-row-container { max-width: 1260px!important;
}
#column-wrap-id-d7ab2f74-a1fa-46ba-a5a1-b4f0ca369048 { max-width: 44%!important; flex-basis: 44%!important; margin-left: auto!important;
}
#column-wrap-id-ce4f5894-6daa-435f-a3cd-e19340719f08 { max-width: 44%!important; flex-basis: 44%!important; margin-right: auto!important;
}
#sppb-addon-a20c71d6-de52-4e46-b935-ed80b2d9e6d1 .about-section-image-2 { right: 35px!important;
/*3 módulos - final*/
}
}
@media (min-width:1366px) and (max-width:1439px) {
.no_min_1366_max_1439 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio .sppb-flipbox-panel { height:251px; max-height:251px;
/*servicios_inicio - final*/
}
}
@media (min-width:1366px) and (max-width:1599px) {
.no_min_1366_max_1599 { display:none!important;
}
/*--estructuras blanco - inicio--*/
.espacio_estructuras_blanco_izquierda h3 { top: 30px; right: 40px; font-size: 49px !important; line-height: 49px !important; text-align:right;
}
.espacio_estructuras_blanco_derecha h3 { top: 30px; left: 40px; font-size: 49px !important; line-height: 49px !important;
}
.espacio_estructuras_blanco_izquierda img { width: 180px; height: auto; bottom: 30px; position: absolute; right: 30px;
}
.espacio_estructuras_blanco_derecha img { width: 180px; height: auto; bottom: 30px; position: absolute; left: 30px;
/*--estructuras blanco - final--*/
}
/*Comuníquese con Nuestro Equipo - inicio*/
#section-id-778f46e3-233b-41ac-8044-a7a6b7494802 { background:url(../../../images/inicio/comuniquese_con_nuestro_equipo/soluciones_para_pergolas_metalicas_marquesinas_corredizas_domos_y_cubiertas_1600.webp) center center; background-size:cover; margin:0!important; padding:0!important;
}
#section-id-778f46e3-233b-41ac-8044-a7a6b7494802 .sppb-row-container { padding-top:100px; padding-bottom:100px; max-width:100%; width:100%; background: url(../images/fondo_pagina.webp) #050a1520 !important;
/*Comuníquese con Nuestro Equipo - final*/
}
/*Mapa - inicio*/
#sp-mapa { background: url(../../../images/inicio/mapa/mapa_ubicacion_multicorp_ingenieria_sas_en_bogota_colombia_1600.webp) center center no-repeat;
/*Mapa - final*/
}
/*servicios_inicio - inicio*/
#servicios_inicio .sppb-col-md-2 { width:25%; ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;
/*servicios_inicio - final*/
}
}
@media (min-width:1366px) and (max-width:1920px) {
.no_min_1366_max_1920 { display:none!important;
}
/*3 módulos - inicio*/
#section-id-fd281db3-ee2e-44cb-8e7f-c16f83c2af72 .sppb-row-container { max-width: 100%; padding-left: 30px; padding-right: 30px;
/*3 módulos - final*/
}
}
@media (max-width:1399px) {
.no_max_1399 { display:none!important;
}
}
@media (min-width: 1400px) {
.no_min_1400 { display:none!important;
}
/*sp-top - inicio*/
#sp-top .container { width: 1324px; margin: auto; background: red; position: relative; max-width: inherit; padding: 0px;
}
#sp-top .container-inner { width: 1038px; left: 284px;
} 
#column-wrap-id-a3263540-f25f-42d8-8e72-ca5ff52a0610 { min-width: max-content !important; max-width: 42% !important; flex-basis: 42% !important;
}
#column-wrap-id-835b0c07-4ad9-4e0b-9739-cfd8b5e406e7 { min-width: max-content !important; max-width: 58% !important; flex-basis: 58% !important;
}
/*-top3 - inicio-*/
.top3_right_nosotros { padding-right: 13px;
}
.top3_right_nosotros li::after { content: ""; position: absolute; transform: translateY(-50%); width: 1px; height: 15px; background: #929EBC; top: 18px; right: -13px;
}
.top3_right_nosotros li li::after { display:none!important;
}
.top3_right_nosotros .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right { left: -110px!important;
/*-top3 - final-*/
/*sp-top - final*/
}
/*sp-header - inicio*/
#sp-header .container, 
#sp-header .container-lg, 
#sp-header .container-md, 
#sp-header .container-sm, 
#sp-header .container-xl, 
#sp-header .sppb-container, 
#sp-header .sppb-row-container { max-width: 1350px;
}
/*- sp-logo - inicio -*/
#sp-logo { width:282px;
}
#sp-header .logo a, 
#sp-header .logo img { height: 117px; width: 251px;
}
#sp-header.header-sticky #sp-logo .logo a, 
#sp-header.header-sticky #sp-logo .logo img { width: 150px; height: 70px;
}
#sp-logo .sp-column { width:282px; height:135px;
/*- sp-logo - final -*/
}
/*- sp-position3 - inicio -*/
#sp-position3 { width: 324px;
/*- sp-position3 - final -*/
}
/*- sp-menu - inicio -*/
.menu_sobre_nosotros .sp-dropdown { margin-left:-142px;
}
.menu_nuestros_servicios .sp-dropdown { margin-left:-142px;
}
.menu_nuestros_proyectos .sp-dropdown { margin-left:-138px;
}
.submenu_nuestros_proyectos .sp-dropdown { margin-left: -110px !important;
/*- sp-menu - final -*/
/*sp-header - final*/
}
/*header-sticky - inicio*/
#sp-header.header-sticky .container, 
#sp-header.header-sticky .container-lg, 
#sp-header.header-sticky .container-md, 
#sp-header.header-sticky .container-sm, 
#sp-header.header-sticky .container-xl, 
#sp-header.header-sticky .sppb-container, 
#sp-header.header-sticky .sppb-row-container { max-width: 1268px; width: max-content;
}
#sp-header.header-sticky #sp-logo, 
#sp-header.header-sticky #sp-logo .sp-column, 
#sp-header.header-sticky #sp-logo .logo { width: 174px;
/*header-sticky - final*/
}
/*sp-barra-azul - inicio*/
#sp-barra-azul { width: 1253px;
}
/*- barra azul menú carrusel - inicio -*/
.barra_azul_menu_carrusel { width:773px;
/*- barra azul menú carrusel - final -*/
/*sp-barra-azul - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#sppb-addon-82fe53e0-2f18-4caf-8361-806f45e577f9 .video-play-button { right: -30px!important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Comuníquese con Nuestro Equipo - inicio*/
#column-wrap-id-13b4c59d-ae9e-4cb2-b387-5070de7cba60 { max-width: 1320px!important; margin:auto;
/*Comuníquese con Nuestro Equipo - final*/
}
/*Tu Proyecto de Techos y Cubiertas - inicio*/
#column-id-332efd91-b64e-4c57-964a-e5d8c5d6f605 { width:645px;
}
#sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07, #sppb-addon-3b6cc85a-83c4-4e34-a352-18d92877ad07::after { height: 670px;
/*Tu Proyecto de Techos y Cubiertas - final*/
}
/*Marquesinas Comerciales y Residenciales - inicio*/
#aboutus { padding-top: 75px!important; padding-bottom: 95px!important;
/*Marquesinas Comerciales y Residenciales - final*/
}
/*Marquesinas para Patios y Terrazas en Bogotá - inicio*/
#section-id-e591c66f-b8f8-4e69-9f10-a1aedce204e6 { padding-top: 70px!important; padding-bottom: 0px!important;
/*Marquesinas para Patios y Terrazas en Bogotá - final*/
}
/*Tipos y Materiales en Puertas y Cortinas Enrollables - inicio*/
#column-id-c0efe0d0-f55e-4e75-b879-6e5a9489d9aa { padding-right:60px!important;
}
#section-id-e04256fb-6519-4202-8481-0f1646ced0ce { padding-bottom: 50px!important;
/*Tipos y Materiales en Puertas y Cortinas Enrollables - final*/
}
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - inicio*/
#column-id-5b79363c-9530-4868-89f3-76935ab313da { width: 630px; float: right;
}
#sppb-addon-ead7015d-7a2e-495f-b12d-c8eef5940dbb { background:url(../../../images/inicio/cortinas_fabricadas_por_expertos/pergolas_metalicas_para_terrazas_jardines_y_patios_de_casas_y_negocios_en_bogota_1920.webp) center center no-repeat!important; background-size:cover!important;
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - final*/
}
/*Cuál Marquesina se Ajusta- inicio*/
#column-id-1664ed0c-5c59-460a-b461-58580491aceb, 
#column-id-e9723859-a398-45f6-a379-91f5ae099312 { width: 630px; float: left;
}
#sppb-addon-e3868152-cd58-40f7-9406-300a5a443692, 
#sppb-addon-d035f431-95a3-475d-bd5f-68f4173cfa38 { background:url(../../../images/inicio/sistemas_de_control_inteligente/soluciones_en_marquesinas_corredizas_de_control_manual_o_automatico_en_bogota_1920.webp) center center no-repeat!important; background-size:cover!important;
/*Pérgolas para Terrazas, Jardines y Patios en Bogotá - final*/
}
/*Inspección, Mantenimiento y Reparaciones - inicio*/
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb { height: 770px; background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/reparacion_de_estructuras_y_cambio_de_cubiertas_en_pergolas_y_marquesinas_1600.webp) center center; background-size:cover;
}                                      
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sppb-container-inner { height: 770px; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sppb-row { max-width: 1140px; padding-right: 15px; padding-left: 15px; margin: auto; height: 770px; text-align: center; display: flex; align-items: center;
}
#column-wrap-id-1d9e2e66-0733-465c-b1b3-b6d97beda7b8 { margin-top: -110px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb h2 { font-size: 80px; line-height: 1.2em; font-weight: 700; color: #fff; margin-bottom: 55px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb p { font-weight: 400; font-size: 24px; line-height: 30px; color: #fff; margin-bottom: 45px;
}
#section-id-3a380e1f-da09-4b84-878b-f337e9daabdb .sp-slider-btn-text:hover { color: var(--maincolor);
/*Inspección, Mantenimiento y Reparaciones - final*/
}
}
@media (min-width:1400px) and (max-width:1599px) {
.no_min_1400_max_1599 { display:none!important;
}
/*- Botón ir arriba - inicio*/
.sp-scroll-up { bottom: 15px; left: 271px;
/*- Botón ir arriba - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { left: 30px!important; right: 30px!important; top:115px; z-index:4;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-item .sppb-container { max-width: 1210px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 68px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"].sp-slider .sp-nav-control .nav-control { font-size: 35px !important; width: 60px; height: 60px; line-height: 60px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i { line-height: 60px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 160px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 970px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 90px!important; line-height: 1em!important;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:70%;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key .sp-background { background: url(../../../images/inicio/slider_1/cortinas_enrollables_metalicas_1600.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key .sp-background { background: url(../../../images/inicio/slider_1/puertas_y_garajes_automaticos_1600.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key .sp-background { background: url(../../../images/inicio/slider_1/motorizacion_y_automatizacion_1600.webp) center left no-repeat!important; background-size:cover!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio {  padding: 0 !important; margin: 0 !important; background: url(../../../images/inicio/slider_1/diseno_fabricacion_e_instalacion_de_pergolas_marquesinas_y_domos_en_bogota_colombia_1600.webp) center top no-repeat !important; background-size: cover !important;
}
.slider_nuevo_inicio .sppb-row-container { width:100%; max-width:100%; padding:0; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
.slider_nuevo_inicio .caja { max-width: 1210px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; height: 970px; display: flex; align-items: center;
}
.slider_nuevo_inicio .contenido { margin-top: 145px;
}
.slider_nuevo_inicio h3 { font-family: 'DM Sans', sans-serif; text-transform: uppercase !important; font-size: 18px !important; line-height: 26px !important; letter-spacing: 0.3em !important; color: #fff; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio h2 { font-weight: 900; text-transform: uppercase; color: #fff; margin: 5px 0px 17px 0px; font-size: 89px !important; line-height: 1em !important; font-family: "Red Hat Display", sans-serif; text-shadow: rgba(0,0,0,.5) 10px 10px 50px;
}
.slider_nuevo_inicio h4 { font-weight: 500; font-size: 16px; line-height: 26px; color: #fff; font-family: 'DM Sans', sans-serif; width: 80%; text-shadow:rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio .sppb-sp-slider-button { margin-left: 0;
}
.slider_nuevo_inicio .boton_contacto .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_nosotros:hover .sp-slider-btn-text { border: 1px solid var(--maincolor); background: var(--maincolor)!important;
}
.slider_nuevo_inicio .boton_nosotros .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_contacto:hover .sp-slider-btn-text { background: transparent!important; border: 1px solid #FFFFFF; color: #fff; color: #fff;
/*Slider Nuevo Inicio - final*/
}
/*slider final - inicio*/
#slider_1_final { height: 821px; background: url(../../../images/inicio/slider_final/fabricacion_en_metal_policarbonato_y_vidrio_en_estructuras_para_cubiertas_y_marquesinas_1400.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_2_final { height: 821px; background: url(../../../images/inicio/slider_final/instalacion_profesional_de_calidad_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_1400.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_3_final { height: 821px; background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas_pergolas_domos_y_cubiertas_en_bogota_colombia_1400.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_4_final { height: 821px; background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas_para_pergolas_y_marquesinas_de_casas_y_edificios_1400.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
.slider_final_box { width: 1200px; max-width: 1200px; padding: 30px 30px 25px;
}
.slider_final_box_left .sppb-row-container { padding-left:0px; padding-right:0px;
}
.slider_final_box_left { border-radius: 5px; border: 1px solid #fff; margin: -5px 40px 0px -5px; height:370px;
}
.slider_final_box_left img { border-radius: 5px; height:368px!important;
}
.slider_final_box_right { padding-left: 5px;
}
.slider_final_box h2 { font-size: 68px !important; line-height: 72px !important; letter-spacing: -1px; margin-bottom: 15px !important; font-weight: 800 !important; margin-top: 0; color: #fff;
}
.slider_final_box p { font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 1.9rem; font-weight:300;
/*slider final - final*/
}
}
@media (min-width:1400px) and (max-width:1919px) {
.no_min_1400_max_1919 { display:none!important;
}
}
@media (min-width: 1401px) {
.no_min_1401 { display:none!important;
}
/*menú - inicio*/
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, 
body.ltr .sp-megamenu-parent > li.sp-has-child > span::after { display: none;
}
.bot_sub_izquierda .sp-dropdown { left: -350px !important;
/*menú - final*/
}
}
@media (min-width:1440px) and (max-width:1509px) {
.no_min_1440_max_1509 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio .sppb-flipbox-panel { height:265px; max-height:265px;
/*servicios_inicio - final*/
}
}
@media (min-width:1510px) and (max-width:1599px) {
.no_min_1510_max_1599 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio .sppb-flipbox-panel { height:277px; max-height:277px;
/*servicios_inicio - ifinal*/
}
}
@media (max-width:1599px) {
.no_max_1599 { display:none!important;
}
}
@media (min-width:1600px) {
.no_min_1600 { display:none!important;
}
/*header-sticky - inicio*/
#sp-header.header-sticky .container, .container-lg, 
#sp-header.header-sticky .container-md, .container-sm, 
#sp-header.header-sticky .container-xl, .sppb-container, 
#sp-header.header-sticky .sppb-row-container { max-width: 1268px;
}
#sp-header.header-sticky #sp-logo { background: #121621;
}
#sp-header.header-sticky #sp-logo, 
#sp-header.header-sticky #sp-logo .sp-column, 
#sp-header.header-sticky #sp-logo .logo { width: 200px;
}
#sp-header.header-sticky #sp-logo .logo a, 
#sp-header.header-sticky #sp-logo .logo img { width: 150px; height: 70px;
}
.header-sticky #sp-barra-azul { display: inherit; width: 1282px; background: #121621;
}
.header-sticky .barra_azul_menu_carrusel { width: 694px;
}
.header-sticky .brc-boton-flecha, 
.header-sticky .boton_contacto_cabezote a, 
.header-sticky .barra_azul_formulario_soporte a { background: #121621;
}
.header-sticky #offcanvas-toggler { top: 50px;
}
#sp-header.header-sticky > .container > .container-inner::before, #sp-header.header-sticky > .container > .container-inner::after { height: 145px;
/*header-sticky - final*/
}
/*Comuníquese con Nuestro Equipo - inicio*/
#section-id-778f46e3-233b-41ac-8044-a7a6b7494802 { background:url(../../../images/inicio/comuniquese_con_nuestro_equipo/soluciones_para_pergolas_metalicas_marquesinas_corredizas_domos_y_cubiertas_1920.webp) center center; background-size:cover; margin:0!important; padding:0!important;
}
#section-id-778f46e3-233b-41ac-8044-a7a6b7494802 .sppb-row-container { padding-top:100px; padding-bottom:100px; max-width:100%; width:100%; background: url(../images/fondo_pagina.webp) #050a1510 !important;
/*Comuníquese con Nuestro Equipo - final*/
}
/*Mapa - inicio*/
#sp-mapa { background: url(../../../images/inicio/mapa/mapa_ubicacion_multicorp_ingenieria_sas_en_bogota_colombia_1920.webp) center center no-repeat;
/*Mapa - final*/
}
}
@media (min-width:1600px) and (max-width:1679px) {
.no_min_1600_max_1679{ display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:18px;
}
#servicios_inicio .sppb-flipbox-panel { height:196px; max-height:196px;
/*servicios_inicio - final*/
}
}
@media (min-width:1600px) and (max-width:1919px) {
.no_min_1600_max_1919 { display:none!important;
}
/*header-sticky - inicio*/
#sp-header.header-sticky .container { transform: scale(.8);
}
#sp-header.header-sticky { margin-top: -15px;
/*header-sticky - final*/
}
/*- Botón ir arriba - inicio*/
.sp-scroll-up { bottom: 15px; left: 280px;
/*- Botón ir arriba - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { top:110px; z-index:4;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-item .sppb-container { max-width: 1302px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 68px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 160px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 1040px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 98px!important; line-height: 1em!important;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:70%;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key .sp-background { background: url(../../../images/inicio/slider_1/cortinas_enrollables_metalicas_1920.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key .sp-background { background: url(../../../images/inicio/slider_1/puertas_y_garajes_automaticos_1920.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key .sp-background { background: url(../../../images/inicio/slider_1/motorizacion_y_automatizacion_1920.webp) center left no-repeat!important; background-size:cover!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio {  padding: 0 !important; margin: 0 !important; background: url(../../../images/inicio/slider_1/diseno_fabricacion_e_instalacion_de_pergolas_marquesinas_y_domos_en_bogota_colombia_1600.webp) center center no-repeat !important; background-size: cover !important;
}
.slider_nuevo_inicio .sppb-row-container { width:100%; max-width:100%; padding:0; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
.slider_nuevo_inicio .caja { max-width: 1302px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; height: 1040px; display: flex; align-items: center;
}
.slider_nuevo_inicio .contenido { margin-top: 145px;
}
.slider_nuevo_inicio h3 { font-family: 'DM Sans', sans-serif; text-transform: uppercase !important; font-size: 18px !important; line-height: 26px !important; letter-spacing: 0.3em !important; color: #fff; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio h2 { font-weight: 900; text-transform: uppercase; color: #fff; margin: 5px 0px 17px 0px; font-size: 94px !important; line-height: 1em !important; font-family: "Red Hat Display", sans-serif; text-shadow: rgba(0,0,0,.5) 10px 10px 50px;
}
.slider_nuevo_inicio h4 { font-weight: 500; font-size: 16px; line-height: 26px; color: #fff; font-family: 'DM Sans', sans-serif; width: 80%; text-shadow:rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio .sppb-sp-slider-button { margin-left: 0;
}
.slider_nuevo_inicio .boton_contacto .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_nosotros:hover .sp-slider-btn-text { border: 1px solid var(--maincolor); background: var(--maincolor)!important;
}
.slider_nuevo_inicio .boton_nosotros .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_contacto:hover .sp-slider-btn-text { background: transparent!important; border: 1px solid #FFFFFF; color: #fff; color: #fff;
/*Slider Nuevo Inicio - final*/
}
/*--slide_inicio - inicio--*/
#slide_inicio { height:773px; 
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_1600.webp) center center no-repeat; height:773px; 
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_1600.webp) center center no-repeat; height:773px; 
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_1600.webp) center center no-repeat; height:773px;
}
.slide_inicio_tecnico_1 { height:773px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_1_1600.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_tecnico_2 { height:773px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_2_1600.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_tecnico_3 { height:773px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_3_1600.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_fondo_contenido { height: 773px; margin-bottom: -773px;
}
.bg_video_inicio_2 { max-width: 960px; margin: auto; z-index: 0; position: relative; top: 111px;
}
#slide_inicio h3 { font-size: 36px; line-height: 36px; margin: 0px 0px 10px;
}
#slide_inicio .enlace_ofertas img { width: 670px; height: auto; margin-top: 73px; margin-bottom: -8px;
/*--slide_inicio - final--*/
}
/*--estructuras blanco - inicio--*/
.espacio_estructuras_blanco_izquierda h3 { top: 30px; letter-spacing: -3px; right: 40px; font-size: 51px !important; line-height: 51px !important; text-align:right;
}
.espacio_estructuras_blanco_derecha h3 { top: 30px; letter-spacing: -3px; left: 40px; font-size: 51px !important; line-height: 51px !important;
}
.espacio_estructuras_blanco_izquierda img { width: 200px; height: auto; bottom: 30px; position: absolute; right: 30px;
}
.espacio_estructuras_blanco_derecha img { width: 200px; height: 1uto; bottom: 30px; position: absolute; left: 30px;
/*--estructuras blanco - final--*/
}
/*slider final - inicio*/
#slider_1_final { height: 910px; background: url(../../../images/inicio/slider_final/fabricacion_en_metal_policarbonato_y_vidrio_en_estructuras_para_cubiertas_y_marquesinas_1600.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_2_final { height: 910px; background: url(../../../images/inicio/slider_final/instalacion_profesional_de_calidad_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_1600.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_3_final { height: 910px; background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas_pergolas_domos_y_cubiertas_en_bogota_colombia_1600.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_4_final { height: 910px; background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas_para_pergolas_y_marquesinas_de_casas_y_edificios_1600.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
.slider_final_box { width: 1260px; max-width: 1260px; padding: 30px 30px 25px;
}
.slider_final_box_left .sppb-row-container { padding-left:0px; padding-right:0px;
}
.slider_final_box_left { border-radius: 5px; border: 1px solid #fff; margin: -5px 40px 0px -5px; height:397px;
}
.slider_final_box_left img { border-radius: 5px; height:395px!important;
}
.slider_final_box_right { padding-left: 15px;
}
.slider_final_box h2 { font-size: 70px !important; line-height: 74px !important; letter-spacing: -1px; margin-bottom: 20px !important; font-weight: 800 !important; margin-top: 0; color: #fff;
}
.slider_final_box p { font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 2rem; font-weight:300;
/*slider final - final*/
}
}
@media (min-width:1680px) and (max-width:1749px) {
.no_min_1680_max_1749 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:18px;
}
#servicios_inicio .sppb-flipbox-panel { height:206px; max-height:206px;
/*servicios_inicio - final*/
}
}
@media (min-width:1750px) and (max-width:1839px) {
.no_min_1750_max_1839 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:18px;
}
#servicios_inicio .sppb-flipbox-panel { height:214px; max-height:214px;
/*servicios_inicio - final*/
}
}
@media (min-width:1840px) and (max-width:1919px) {
.no_min_1840_max_1919 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:20px;
}
#servicios_inicio .sppb-flipbox-panel { height:225px; max-height:225px;
/*servicios_inicio - final*/
}
}
@media (min-width:1920px) {
.no_min_1920 { display:none!important;
}
/*header-sticky - inicio*/
#sp-header.header-sticky .container { transform: scale(.85);
}
#sp-header.header-sticky { margin-top: -11px;
/*header-sticky - final*/
}
/*- Botón ir arriba - inicio*/
.sp-scroll-up { bottom: 15px; left: 290px;
/*- Botón ir arriba - final*/
}
/*Slider Home - inicio*/
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-nav-control { top:110px; z-index:4;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-item .sppb-container { max-width: 1302px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f div.sp-slider .sp-dots { z-index:4; bottom: 68px;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-content-align-left { padding: 160px 0px 0px 0px!important;
}
#sppb-addon-73adddb8-07c8-4907-9e53-8f944d155e2f .sp-slider-outer-stage { height: 1110px!important;
}
#sppb-sp-slider-73adddb8-07c8-4907-9e53-8f944d155e2f h2 { font-size: 102px!important; line-height: 1em!important;
}
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2g-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2h-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2i-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2j-num-2-key, 
#sp-slider-inner-item-73adddb8-07c8-4907-9e53-8f944d155e2k-num-2-key { width:70%;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-0-key .sp-background { background: url(../../../images/inicio/slider_1/cortinas_enrollables_metalicas_1920.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-1-key .sp-background { background: url(../../../images/inicio/slider_1/puertas_y_garajes_automaticos_1920.webp) center center no-repeat!important; background-size:cover!important;
}
#sp-slider-item-73adddb8-07c8-4907-9e53-8f944d155e2f-num-2-key .sp-background { background: url(../../../images/inicio/slider_1/motorizacion_y_automatizacion_1920.webp) center center no-repeat!important; background-size:cover!important;
/*Slider Home - final*/
}
/*Slider Nuevo Inicio - inicio*/
.slider_nuevo_inicio {  padding: 0 !important; margin: 0 !important; background: url(../../../images/inicio/slider_1/diseno_fabricacion_e_instalacion_de_pergolas_marquesinas_y_domos_en_bogota_colombia_1920.webp) center center no-repeat !important; background-size: cover !important;
}
.slider_nuevo_inicio .sppb-row-container { width:100%; max-width:100%; padding:0; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
.slider_nuevo_inicio .caja { max-width: 1302px; width: 100%; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; height: 1110px; display: flex; align-items: center;
}
.slider_nuevo_inicio .contenido { margin-top: 145px;
}
.slider_nuevo_inicio h3 { font-family: 'DM Sans', sans-serif; text-transform: uppercase !important; font-size: 18px !important; line-height: 26px !important; letter-spacing: 0.3em !important; color: #fff; font-weight: 500; text-shadow: rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio h2 { font-weight: 900; text-transform: uppercase; color: #fff; margin: 5px 0px 17px 0px; font-size: 99px !important; line-height: 1em !important; font-family: "Red Hat Display", sans-serif; text-shadow: rgba(0,0,0,.5) 10px 10px 50px;
}
.slider_nuevo_inicio h4 { font-weight: 500; font-size: 16px; line-height: 26px; color: #fff; font-family: 'DM Sans', sans-serif; width: 80%; text-shadow:rgba(0, 0, 0, 0.5) 0px 5px 13px;
}
.slider_nuevo_inicio .sppb-sp-slider-button { margin-left: 0;
}
.slider_nuevo_inicio .boton_contacto .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_nosotros:hover .sp-slider-btn-text { border: 1px solid var(--maincolor); background: var(--maincolor)!important;
}
.slider_nuevo_inicio .boton_nosotros .sp-slider-btn-text, 
.slider_nuevo_inicio .boton_contacto:hover .sp-slider-btn-text { background: transparent!important; border: 1px solid #FFFFFF; color: #fff; color: #fff;
/*Slider Nuevo Inicio - final*/
}
/*--slide_inicio - inicio--*/
#slide_inicio { height:940px; 
}
.slide_inicio_1 { background:url(../../../images/inicio/slide_inicio/bg_1_1920.webp) center center no-repeat; height:940px; 
}
.slide_inicio_2 { background:url(../../../images/inicio/slide_inicio/bg_2_1920.webp) center center no-repeat; height:940px; 
}
.slide_inicio_3 { background:url(../../../images/inicio/slide_inicio/bg_3_1920.webp) center center no-repeat; height:940px;
}
.slide_inicio_tecnico_1 { height:940px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_1_1920.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_tecnico_2 { height:940px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_2_1920.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_tecnico_3 { height:940px; position:relative; pointer-events:none; background: url(../../../images/inicio/slide_inicio/tecnicos_3_1920.webp) bottom center no-repeat; margin-top:0px;
}
.slide_inicio_fondo_contenido { height: 940px; margin-bottom: -940px;
}
.bg_video_inicio_2 { max-width: 1220px; margin: auto; z-index: 0; position: relative; top:122px;
}
#slide_inicio h3 { font-size: 44px; line-height: 44px; margin: 0px 0px 10px;
}
#slide_inicio .enlace_ofertas img { width: 800px; height: auto; margin-top: 90px; margin-bottom: -12px;
}
#slide_inicio .youtube-player .play, #slide_inicio .youtube-player .play:hover { height: 118px; width: 166px; margin-left: -83px; margin-top: -59px; background-size:cover;
/*--slide_inicio - final--*/
}
/*--estructuras blanco - inicio--*/
.espacio_estructuras_blanco_izquierda h3 { top: 30px; letter-spacing: -3px; right: 40px; font-size: 53px !important; line-height: 53px !important; text-align:right;
}
.espacio_estructuras_blanco_derecha h3 { top: 30px; letter-spacing: -3px; left: 40px; font-size: 53px !important; line-height: 53px !important;
}
.espacio_estructuras_blanco_izquierda img { width: 220px; height: auto; bottom: 30px; position: absolute; right: 35px;
}
.espacio_estructuras_blanco_derecha img { width: 220; height: auto; bottom: 30px; position: absolute; left: 35px;
/*--estructuras blanco - final--*/
}
/*slider final - inicio*/
#slider_1_final { height: 1000px; background: url(../../../images/inicio/slider_final/fabricacion_en_metal_policarbonato_y_vidrio_en_estructuras_para_cubiertas_y_marquesinas_1920.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_2_final { height: 1000px; background: url(../../../images/inicio/slider_final/instalacion_profesional_de_calidad_de_pergolas_marquesinas_domos_y_cubiertas_en_bogota_1920.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_3_final { height: 1000px; background: url(../../../images/inicio/slider_final/mantenimiento_experto_de_marquesinas_pergolas_domos_y_cubiertas_en_bogota_colombia_1920.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
#slider_4_final { height: 1000px; background: url(../../../images/inicio/slider_final/fabricacion_de_cubiertas_metalicas_para_pergolas_y_marquesinas_de_casas_y_edificios_1920.webp) center center no-repeat; background-size: auto; background-size: cover; border-bottom:1px solid #fff; display: flex; flex-wrap: wrap; align-items: center; text-align: left;
}
.slider_final_box { width: 1300px; max-width: 1300px; padding: 35px 45px 25px 35px;
}
.slider_final_box_left .sppb-row-container { padding-left:0px; padding-right:0px;
}
.slider_final_box_left { border-radius: 5px; border: 1px solid #fff; margin: -10px 45px 0px -10px; height:412px;
}
.slider_final_box_left img { border-radius: 5px; height:410px!important;
}
.slider_final_box_right { padding-left: 15px;
}
.slider_final_box h2 { font-size: 72px !important; line-height: 76px !important; letter-spacing: -1px; margin-bottom: 20px !important; font-weight: 800 !important; margin-top: 0; color: #fff;
}
.slider_final_box p { font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 2rem; font-weight: 300;
/*slider final - final*/
}
/*Inspección, Mantenimiento y Reparaciones - inicio*/
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-0-key { background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/diagnostico_estructural_para_detectar_filtraciones_en_pergolas_y_marquesinas_1920.webp) center center; background-size:cover;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-1-key { background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/mantenimiento_de_pergolas_metalicas_y_renovacion_de_marquesinas_corredizas_1920.webp) center center; background-size:cover;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-2-key { background: url(../../../images/inicio/inspeccion_mantenimiento_y_reparaciones/reparacion_de_estructuras_y_cambio_de_cubiertas_en_pergolas_y_marquesinas_1920.webp) center center; background-size:cover;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-0-key .sppb-container, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-1-key .sppb-container, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-2-key .sppb-container { max-width: 100%; width: 100%; background: green; height: 100%; display: flex; background: url(../images/fondo_pagina_oscuro.png) #050a1520 !important;
}
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-0-key .sppb-row, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-1-key .sppb-row, 
#sp-slider-item-4c9edc59-de63-4ac0-bdd9-527bee0733ad-num-2-key .sppb-row { max-width: 1140px; padding-right: 15px; padding-left: 15px; margin: auto;
/*Inspección, Mantenimiento y Reparaciones - final*/
}
}
@media (min-width:1920px) and (max-width:1989px) {
.no_min_1920_max_1989 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:20px;
}
#servicios_inicio .sppb-flipbox-panel { height:235px; max-height:235px;
/*servicios_inicio - final*/
}
}
@media (min-width:1990px) and (max-width:2059px) {
.no_min_1990_max_2059 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:20px;
}
#servicios_inicio .sppb-flipbox-panel { height:243px; max-height:243px;
/*servicios_inicio - final*/
}
}
@media (min-width:2060px) and (max-width:2139px) {
.no_min_2060_max_2139 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:20px;
}
#servicios_inicio .sppb-flipbox-panel { height:252px; max-height:252px;
/*servicios_inicio - final*/
}
}
@media (min-width:2140px) and (max-width:2220px) {
.no_min_2140_max_2220 { display:none!important;
}
/*servicios_inicio - inicio*/
#servicios_inicio h4 { font-size:22px;
}
#servicios_inicio .sppb-flipbox-panel { height:262px; max-height:262px;
/*servicios_inicio - ifinal*/