/* */
/*
Theme Name: Web ArtLux ACG 2025
Theme URI: http://www.artlux.mx/
Description: Creador por la compañia ACA para Artlux - Innovamos soluciones
Author: Desarrollo Web
Author URI: http://www.artlux.mx/
Version: 1.0
*/

.b-connect {position: relative;background: #000;}
.b-connect-body,.b-connect-foot{margin-left:-8.3333333333vw;margin-right:-8.3333333333vw;}
.b-connect-body {display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-direction: normal;-webkit-box-orient: horizontal;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;-moz-align-items: flex-start;align-items: flex-start;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;-moz-justify-content: flex-start;justify-content: flex-start;}
@media (max-width: 991px){.b-connect-body {display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-direction: normal;-webkit-box-orient: vertical;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: stretch;-ms-flex-align: stretch;-webkit-align-items: stretch;-moz-align-items: stretch;align-items: stretch;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;-moz-justify-content: flex-start;justify-content: flex-start;margin-left:0;margin-right:0;}}
.b-connect-group{-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-moz-box-flex: 1;-moz-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-direction: normal;-webkit-box-orient: vertical;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: stretch;-ms-flex-align: stretch;-webkit-align-items: stretch;-moz-align-items: stretch;align-items: stretch;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;-moz-justify-content: flex-start;justify-content: flex-start;-webkit-align-self: stretch;-moz-align-self: stretch;-ms-flex-item-align: stretch;align-self: stretch;}
.b-connect-group:nth-child(1){width:calc(4.06736px + 363.93264 * ((100vw - 320px) / 1120));}
.b-connect-group:nth-child(2){width:calc(177.553024px + 391.446976 * ((100vw - 320px) / 1120));}
.b-connect-group:nth-child(3){width:calc(175.182048px + 143.817952 * ((100vw - 320px) / 1120));}
.b-connect-group:nth-child(4){width:calc(46.182048px + 143.817952 * ((100vw - 320px) / 1120));}
.b-connect-group:last-child {-webkit-box-flex:1;-webkit-flex:1 2 auto;-moz-box-flex:1;-moz-flex:1 2 auto;-ms-flex:1 2 auto;flex:1 2 auto;}
@media (max-width: 991px){.b-connect-group:nth-child(1){width:100%;}.b-connect-group:nth-child(2){width:100%;}.b-connect-group:nth-child(3){width:100%;}.b-connect-group:nth-child(4){width:100%;}}
.b-connect-cell{-webkit-box-flex:1;-webkit-flex:1 0 auto;-moz-box-flex:1;-moz-flex:1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto;height: calc(76.182048px + 143.817952 * ((100vw - 320px) / 1120));padding:calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));}
@media (max-width: 1599px){.b-connect-cell{height:calc(88.667712px + 171.332288 * ((100vw - 320px) / 1120));}}
@media (max-width: 575px){.b-connect-cell{height:auto;}}
@media (max-width: 991px){.b-connect-cell{border-right: none;}}
.b-connect-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: flex-end;
}
.b-connect-logo img{display:block;height:auto;min-width:200px;width:calc(93.349836px + 181.650164 * ((100vw - 320px) / 1120));}
@media (max-width: 575px){.b-connect-logo img{width: calc(77.742756px + 147.257244 * ((100vw - 320px) / 1120));}}
.b-connect-socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: flex-start;
}
.b-connect-socials ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.b-connect-socials li{position: relative;-webkit-box-flex: none;-webkit-flex: none;-moz-box-flex: none;-moz-flex: none;-ms-flex: none;flex: none;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-direction: normal;-webkit-box-orient: vertical;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;border-radius:60px;height:60px;list-style: none;list-style-position: outside;overflow: hidden;width:60px;}
.no-touchevents .b-connect-socials li:hover:before{transform:none;}
.b-connect-socials a{position: relative;color: #ffffff;display: block;font-size: calc(12.5051616px + 3.4948384 * ((100vw - 320px) / 1120));font-weight: 300;height: calc(27.8001px + 37.1999 * ((100vw - 320px) / 1120));letter-spacing: 0.15em;line-height: calc(27.8001px + 37.1999 * ((100vw - 320px) / 1120));text-align: center;width: calc(27.8001px + 37.1999 * ((100vw - 320px) / 1120));}
.b-connect-address{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-direction: normal;-webkit-box-orient: vertical;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;-moz-align-items: flex-start;align-items: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;color: #ffffff;font-weight: 300;font-size: calc(13.4415864px + 5.5584136 * ((100vw - 320px) / 1120));letter-spacing: 0.15em;min-height: calc(76.182048px + 143.817952 * ((100vw - 320px) / 1120));width: 100%;}
@media (max-width: 991px){.b-connect-address{border-right:none;}}
.b-connect-address h4{color: #fff;}
.b-connect-top{position: relative;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-direction: normal;-webkit-box-orient: vertical;-webkit-flex-direction: column;-moz-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;-moz-justify-content: center;justify-content: center;-webkit-box-flex: 1;-webkit-flex: 1 0 auto;-moz-box-flex: 1;-moz-flex: 1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto;cursor: pointer;min-height: calc(144.8532px + 295.1468 * ((100vw - 320px) / 1120));}
@media (max-width: 991px){.b-connect-top{display: none;}}
.b-connect-top:before{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #141414;content: "";display: block;transform: scaleY(0);transform-origin: center bottom;transition-property: transform;transition-duration: 500ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.no-touchevents .b-connect-top:hover:before{transform:none;}
.b-connect-top-button{writing-mode:tb;writing-mode:vertical-lr;position:relative;display:-webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-direction: normal;-webkit-box-orient: horizontal;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
.b-connect-top-button-label{color:#fff;font-size:calc(11.8808784px + 2.1191216 * ((100vw - 320px) / 1120));font-weight:300;letter-spacing:0.15em;margin-top:calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));text-transform:uppercase;}
.b-connect-top-button-arrow{position:relative;background:#fff;height:calc(21.557268px + 23.442732 * ((100vw - 320px) / 1120));transform-origin:center right;transition-property:opacity, transform;width:calc(1px + 0 * ((100vw - 320px) / 1120));}
.b-connect-top-button-arrow:before, .b-connect-top-button-arrow:after{position:absolute;top:0;right:1px;background:#fff;content:"";display:block;height:calc(1px + 0 * ((100vw - 320px) / 1120));transform: none;transform-origin:center right;transform:none;transition-property:opacity, transform;width: calc(10.632312px + -0.632312 * ((100vw - 320px) / 1120));}
.b-connect-top-button-arrow:before{right:calc(1px + 0 * ((100vw - 320px) / 1120));transform: rotate(-45deg);}
.b-connect-top-button-arrow:after{right:0vw;transform: rotate(225deg);}
.b-connect-contact{position: relative;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-direction: normal;-webkit-box-orient: horizontal;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;-moz-justify-content: flex-start;justify-content: flex-start;height: calc(126.124704px + 253.875296 * ((100vw - 320px) / 1120));padding-left: 8.3333333333vw;padding-right: 8.3333333333vw;}
.b-connect-contact:before {position:absolute;top:0;right: 0;bottom: 0;left: 0;background: #141414;content: "";display: block;transform: scaleX(0);transform-origin: center left;transition-property: transform;transition-duration: 500ms;transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}
.no-touchevents .b-connect-contact:hover:before{transform:none;}
.b-connect-contact-body{position:relative;}
.b-connect-contact-button{position:relative;display:-webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;-webkit-box-direction: normal;-webkit-box-orient: horizontal;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;-moz-align-items: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;-moz-justify-content: flex-start;justify-content: flex-start;}
.b-connect-contact-button-label{position:relative;color:#fff;font-size:calc(29.360808px + 40.639192 * ((100vw - 320px) / 1120));font-weight:900;display:block;letter-spacing:0.1em;text-align:left;text-transform:uppercase;white-space:nowrap;}
@media (max-width: 767px){.b-connect-contact-button-label{font-size:calc(23.117976px + 26.882024 * ((100vw - 320px) / 1120));}}
@media (max-width: 575px){.b-connect-contact-button-label{font-size:calc(19.99656px + 20.00344 * ((100vw - 320px) / 1120));}}
.b-connect-contact-button-label:not(:last-child){margin-right:calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));}
.no-touchevents .b-connect-contact:hover .b-connect-contact-button-label:after{width:100%;}
.b-connect-contact-button-arrow{position:relative;background:#ffffff;height:calc(2px + 0 * ((100vw - 320px) / 1120));transform-origin:center right;transition-property:opacity, transform;width:calc(38.725056px + 61.274944 * ((100vw - 320px) / 1120));}
@media (max-width: 575px){.b-connect-contact-button-arrow{display:none;}}
.b-connect-contact-button-arrow:before, .b-connect-contact-button-arrow:after{position:absolute;top:0;right:0;background:#ffffff;content:"";display:block;height:calc(2px + 0 * ((100vw - 320px) / 1120));transform:none;transform-origin:center right;transform:none;transition-property:opacity, transform;width:calc(16.875144px + 13.124856 * ((100vw - 320px) / 1120));}
.b-connect-contact-button-arrow:before{transform: rotate(35deg);}
.b-connect-contact-button-arrow:after{transform: rotate(-35deg);}