@font-face {
    font-family: "open-b";
    src: url(fonts/OpenSans-Bold.ttf) format("truetype");
}

@font-face {
    font-family: "open-l";
    src: url(fonts/OpenSans-Light.ttf) format("truetype");
}
@font-face {
    font-family: "open-r";
    src: url(fonts/OpenSans-Regular.ttf) format("truetype");
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}


.video-background-container {
  position: relative;
  width: 100%;
  height: 100vh; /* altura completa de pantalla */
  overflow: hidden;
}

.video-background {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.video-overlay-content {
  position: relative;
  z-index: 1;
  text-align: center;
  color: white;
  padding: 20px;
  top: 50%;
  transform: translateY(-50%);
}



.proyectos .owl-controls{display: none!important}
.proyectos.activate .owl-controls{display: block!important}
.pleca-negra{background: #000000!important;color: white!important;padding:  10px;width: 100%;margin: 0px!important;box-sizing: border-box;}
iframe{width: 100%}
html{margin-top: 0 !important;}
body{font-size: 12px;font-family: open-r;-webkit-font-smoothing: antialiased;position: relative;overflow-x: hidden;height: auto;margin: 0px;background: #EBEDED}
body *{outline: none}
input{outline: none;}
input:focus::-webkit-input-placeholder{color: transparent;}
input:focus:-moz-placeholder{color: transparent;}
input:focus::-moz-placeholder{color: transparent;}
input:focus:-ms-input-placeholder {color: transparent;}
input:focus{outline: none}
textarea:focus::-webkit-input-placeholder{color: transparent;}
textarea:focus:-moz-placeholder{color: transparent;}
textarea:focus::-moz-placeholder{color: transparent;}
textarea:focus:-ms-input-placeholder {color: transparent;}
textarea:focus{outline: none}
a,button{color: initial;text-decoration: none;cursor: pointer!important;}
a:focus{outline: none;color: none;}
a{text-decoration: none!important;outline: none;}
a:hover{text-decoration: none;outline: none;color: inherit;}
h1,h2,h3,h4,h5,h6,p{margin:0px;line-height:normal;}
h1,h2,h3,h4,h5,h6{text-align: center;font-weight: normal;}
button{border: none;outline: none}

button[disabled], html input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled]{opacity: .5}
.input.ng-invalid.ng-dirty{border: 1px solid #E62117!important}
.input.ng-valid{background: white}

body {
  cursor: url('../imagenes/sable.png') 0 0, auto;
}

/*Globales*/

.max-widht-extend,
.max-widht,
.max-widht1,
.max-widht2,
.max-widht3,
.max-widht4,
.max-widht5,
.max-widht6{padding: 0;margin: 0 auto}

.maxw,
.maxw2{width: 100%;display: flex;flex-direction: column;}

.maxw2.black{position: relative;}
.maxw2.black:after{background: #000000;position: absolute;left: -50%;top: 0;width: 1000%;height: 100%;content: '';z-index: -1}


.maxw.gray{position: relative;}
.maxw.gray:after{background: #111111;position: absolute;left: -50%;top: 0;width: 1000%;height: 100%;content: '';z-index: -1}

.maxw2.gray2{position: relative;}
.maxw2.gray2:after{background: #f8f8f8;position: absolute;left: -50%;top: 0;width: 1000%;height: 100%;content: '';z-index: -1}


.maxw.black{position: relative;}
.maxw.black:after{background: #000000;position: absolute;left: -50%;top: 0;width: 1000%;height: 100%;content: '';z-index: -1}

.maxw.white{position: relative;}
.maxw.white:after{background: white;position: absolute;left: -50%;top: 0;width: 1000%;height: 100%;content: '';z-index: -1}

.maxw2.white{position: relative;}
.maxw2.white:after{background: white;position: absolute;left: -50%;top: 0;width: 1000%;height: 100%;content: '';z-index: -1}

.max-widht-extend{max-width: 1400px!important;width: 100%}
.max-widht{max-width: 1092px!important;width: 100%}
.max-widht1{max-width: 1100px!important;width: 90%}
.max-widht2{max-width: 900px!important;width: 90%}
.max-widht3{max-width: 700px!important;width: 90%}
.max-widht4{max-width: 600px!important;width: 90%}
.max-widht5{max-width: 500px!important;width: 90%}
.max-widht6{max-width: 400px!important;width: 90%}

.content-box{padding: 40px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}

.global{padding-top: 70px;overflow: hidden;transition: all ease-in-out .5s}

.icon-cont{width: 55px;height: 55px;background: #1D9ADD;display: flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 50%}
.icon-cont.eco{background: #4fcf46}
.icon-cont i{color: white;font-size: 30px}
.icon-cont.amarillo{background: #FFCA00}
.icon-cont.amarillo i{color: black;}

.icon-cont.min{width: 30px;height: 30px}
.icon-cont.min i{font-size: 18px}

.Selector{width: 20px;height: 20px;background: #1D9ADD;display: flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 50%}
.Selector i{color: white;font-size: 10px;}

.video{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.video p{color: white;margin-top: 10px;text-align: center;font-size: 14px}
.video i{color: #1D9ADD;font-size: 30px}

/*modals*/
.cont-modal{position: fixed;z-index: 9999999;left: 0;top: 0;transition: all ease-in-out .5s;overflow: hidden;width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 0px;opacity: 0}
.cont-modal .content-modals{display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;width: 100%;height: 100%}
.cont-modal .content-modals .container-modals{width: 90%;height: 90%;margin-top: 100%;transition: all ease-in-out .5s;position: relative;z-index: 2box-sizing: border-box;margin-top: 60px}
/*.cont-modal .content-modals .container-modals{width: 90%;height: 90%;background: #212121;margin-top: 100%;transition: all ease-in-out .5s;position: relative;z-index: 2;overflow-y: scroll;box-sizing: border-box;margin-top: 60px}*/
.cont-modal .content-modals .title-modal{background: #FDFE03;padding: 15px;border: 2px solid #000;position: relative;}
.cont-modal .content-modals .title-modal h1{color: #000;text-transform: uppercase;text-align: center;font-size: 25px}
.cont-modal .content-modals .title-modal .button-cerrar{position: absolute;right: 15px;top: 15px;}
.cont-modal .content-modals .title-modal .button-cerrar i{color: #DD001A;font-size: 25px}

.container-modals{position: relative;z-index: 10;display: flex;flex-direction: column;}

.cont-modal .content-modals .cont{display: flex;flex-direction: column;padding: 10px;box-sizing: border-box;}

.cont-modal .content-modals .cont{}

.close-modals{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .30)}

.title-men{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: flex;flex-direction: column;justify-content: center;align-items: center;top: 0;left: 0;z-index: 90000000000000}
.title-men h1{color: white;text-align: center;font-size: 40px} 
.cerrar-mensaje{color: red;font-size: 20px}

.pc{display: flex;}
.movil{display: none!important}

/*modals*/

.button{background: #FFCA00;padding: 10px;border-radius: 5px;border: 2px solid #FFCA00;box-sizing: border-box;transition: all ease-in-out .5s;margin-top: 20px;width: 200px;max-width: 200px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.button span{color: black;font-size: 12px;text-transform: uppercase;text-align: center;letter-spacing: 1px;text-align: center;font-family: open-b}
.button:hover{background: transparent;}
.button:hover span{color: #FFCA00}


#gracias .banner-home .item{justify-content: center;align-items: center;align-items: center;position: relative;}
#gracias .banner-home .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);content: ''}
#gracias .banner-home .item .box{justify-content: center;align-items: center;align-items: center;position: relative;z-index: 10}
#gracias .banner-home .item .box h1{font-size: 45px}
#gracias .button{background: transparent;border: 0px;border-bottom: 2px solid #1D9ADD;padding: 0;padding-bottom: 5px;width: auto;border-radius: 0px;margin-top: 40px}
#gracias .button span{color: #1D9ADD;text-transform: inherit;}
 /*

.dropdown{position: relative;display: inline-block;}
.dropdown ul{position: absolute;background: #000000;width: 200px;z-index: 10;padding: 10px;box-sizing: border-box;list-style: none;display: none}
.dropdown ul li{margin: 3px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 5px 0;border-bottom: 2px solid #1D9ADD;transition: all ease-in-out .5s}
.dropdown ul li a{text-align: center;}
.dropdown ul li:hover{background: #1D9ADD;}

.dropdown:hover ul{display: block;}
*/

.dropbtn {
  box-sizing: border-box;background: transparent;padding: 0
}

.dropbtn span{color: white;text-transform: uppercase;font-size: 12px}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
#dropdown-content {
  display: none;
  flex-direction: row;
  position: absolute;
  z-index: 20;
  background: rgba(28,28,28,0.94)!important;
  justify-content: space-around;
  align-items: stretch;
  right: 0;
  top: 20px;
  padding: 30px 10px;
  width: 100%;
  box-sizing: border-box;
}

#dropdown-content.active1{display: flex;}

/* Links inside the dropdown */
#dropdown-content .box {
  margin: 3px 0;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;padding: 5px;width: 200px;padding: 5px 0;text-align: left;
}

#dropdown-content .box a{font-size: 10px;margin-left: 10px;text-align: left;width: 100%;}
#dropdown-content .box a.links-ser{padding: 5px}
#dropdown-content .box a span{font-size: 12px;text-transform: inherit;color: #999}
#dropdown-content .box a:first-child{margin: 3px 0;margin-bottom: 10px;font-family: open-b;font-size: 12px;text-transform: uppercase;}


/* Change color of dropdown links on hover */
#dropdown-content .box a.links-ser:hover {background:  #1D9ADD;}
#dropdown-content .box a.links-ser:hover span{color: white}
#dropdown-content .box:hover a:first-child span{color: #1D9ADD;}

/* Show the dropdown menu on hover */
.abrir-drop:hover #dropdown-content2 {display: flex;}

/* Change the background color of the dropdown button when the dropdown content is shown */


/* Dropdown Content (Hidden by Default) */
#dropdown-content2 {
  display: none;
  flex-direction: row;
  position: absolute;
  z-index: 20;
  background: rgb(0,0,0,);
  justify-content: space-around;
  align-items: stretch;
  right: 0;
  top: 0;
  padding: 10px;
}

#dropdown-content2.active1{display: flex;}

/* Links inside the dropdown */
#dropdown-content2 .box {
  margin: 3px 0;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;padding: 5px;width: 200px;padding: 5px 0;text-align: left;
}

#dropdown-content2 .box a{font-size: 10px;margin-bottom: 5px;margin-left: 10px;text-align: left;width: 100%;}
#dropdown-content2 .box a span{font-size: 10px;text-transform: inherit;color: white!important}
#dropdown-content2 .box a:first-child{margin: 3px 0;margin-bottom: 10px;font-family: open-b;font-size: 14px;text-transform: uppercase;color: #999}


/* Change color of dropdown links on hover */
#dropdown-content2 .box a:hover span{color: #1D9ADD;}

.cerrar-menu{position: fixed;width: 100%;height: 100%;left: 100%;top: 0;z-index: 9999;}
.open-menu{display: none;}
.open-menu i{color: white;font-size: 25px}


.menu-serv{width: 100%;position: relative;}

.cerrar-drop{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 80;}

.blue-font{color: #1D9ADD!important;text-transform: uppercase!important;}


/*Globales*/

/** header **/

.separador{width: 100%}

.header{background: #000000;position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;transition: all ease-in-out .5s;padding: 5px 0}
.header .cont{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 90%;max-width: 1092px;margin: 0 auto;min-height: 72px}

.header .cont .logo{margin-right: 10px;width: 200px;text-align: center;}
.header .cont .logo img{width: 100%;}

.header .cont .links{display: flex;flex-direction: row;align-items: center;justify-content: space-between;position: relative;z-index: 999999;left: inherit;opacity: 1}
.header .cont .links ul{padding: 0;list-style: none;width: max-content;margin-left: 12px}
.header .cont .links .link{box-sizing: border-box;transition: all ease-in-out .5s;padding: 0;display: flex;box-sizing: border-box;transition: all ease-in-out .5s;padding: 0;min-height: 72px;flex-direction: row;justify-content: center;align-items: center;margin-left: 12px}
.header .cont .links .link span{color: #FFCA00;text-transform: uppercase;font-size: 14px;padding: 1px;letter-spacing: 3px}
.header .cont .links .link i{font-size: 18px;color: #A0A0A0}

.header .cont .links .link.enlace.cerrar-dpr{margin-left: 30px}

/*.header .cont .links .dropdown-cont:hover .link span:after {color: white;border-bottom: 2px solid #1D9ADD;content: ''}*/
/*.header .cont .links .link:hover span:after {color: white;border-bottom: 2px solid #1D9ADD}*/

.titles-web{color: #FFCA00;text-align: center;font-size: 35px;margin-bottom: 20px;font-family: open-b;text-transform: uppercase;}

.nosotros{background: #000000;padding: 25px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.nosotros .cont{width: 90%;max-width: 800px;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 1}
.nosotros .cont p{color: white;font-size: 20px;text-align: center;}

.nosotros.servimos{background: url(../imagenes/Bahoware-desarrollo-web.jpg);height: 100vh;max-height: 500px;background-attachment: fixed;background-size: cover;position: relative;}
.nosotros.servimos:after{width: 100%;height: 100%;content: '';position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, .8);}

.dropdown-cont{position: relative;display: inline-block;}
.dropdown-cont ul{position: absolute;z-index: 10;background: rgba(28,28,28,0.94);padding-top: 15px!important;padding-bottom: 15px!important;display: none;}
.dropdown-cont ul li{list-style: none;font-size: 10px;text-align: left;/*width: 100%*/;box-sizing: border-box;display: flex;flex-direction: column;margin: 0 auto;padding: 0 10px;box-sizing: border-box;}
.dropdown-cont ul li a{font-size: 12px;text-transform: capitalize;color: #999;padding: 3px 5px;width: 100%;box-sizing: border-box;margin: 0 auto}
/*.dropdown-cont ul li:hover a.first {background:  #1D9ADD;color: white}*/
.dropdown-cont:hover .dropdowns{display: flex;}

.dropdown-cont .dropdowns{flex-direction: row;justify-content: center;align-items: center;}

/*.button-drop.active span{border-bottom: 2px solid #1D9ADD;color: white!important}*/

.button-drop{display: inline-block;}

.enlace{;display: inline-block;margin: 0;padding: 0 8px;cursor: pointer;}

/*.enlace:hover .button-drop span{border-bottom: 2px solid #1D9ADD;color: white}*/

#sub-drop{position: relative;}
.sub-drop{position: absolute;right: -85%;top: 0;max-width: 170px;display: none}
#sub-drop:hover .sub-drop{display: block;}

.sub-drop li:hover a {background:  #1D9ADD;color: white}

.menus-new{width: 100%;background: #202124;padding: 20px 0;display: none;}
.menus-new .cont{flex-direction: row;align-items: center;justify-content: flex-end;width:90%;max-width: 1122px;min-height: inherit;}
.menus-new a{font-size: 12px;color: #A0A0A0;padding: 3px 5px;/*width: 100%;*/box-sizing: border-box;margin: 0 8px;text-transform: capitalize;margin-right: 0}
.menus-new a:hover {color: #1D9ADD}

.menus-new.active{}

.movil-menu{width: 100%;padding: 20px 0;}
.movil-menu li{padding: 5px 0;box-sizing: border-box;display: flex;}
.movil-menu a{font-size: 14px;color: #A0A0A0;/*width: 100%;*/;text-transform: capitalize;}
.movil-menu a:hover {color: #1D9ADD}

.enlace .mdp{position: relative;transition: all ease-in-out .4s}
.link.active .mdp{border-bottom: 2px solid #1D9ADD;color: white!important}
.enlace .mdp:after{position: absolute;bottom: -2px;left: 0;height: 2px;width: 0%;background: #FFCA00;content: '';transition: all ease-in-out .2s}
.enlace:hover .mdp{color: white!important}
.enlace:hover .mdp:after{width: 100%}

/** header **/

/****/

#aviso{background: white;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 50px 0}
#aviso .cont{width: 90%;max-width: 800px;}
#aviso .cont p{color: #757575;font-size: 14px}
#aviso .cont p strong{color: #757575;font-size: 16px;font-family: open-b}
#aviso .cont span{color: #1D9ADD;font-size: 14px}

/**home**/

.banner-home{}
.banner-home .item{width: 100%;height: 600px;display: flex;flex-direction: row;justify-content: center;align-items:  center;;background-size: cover!important;background-repeat: no-repeat!important;background-position: right!important;}
#home .banner-home .item{position: relative;align-items: center;justify-content: flex-start;}

/*.banner-home .item .box.max-widht2{width: inherit;}*/
.banner-home .item .box{max-width: 1092px!important;}

.banner-home .item .box{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;z-index: 10}
.banner-home .item .box h1{color: white;font-size: 50px;text-align: left;letter-spacing: 1px;font-family: open-b!important}
.banner-home .item .box h1.upper{text-transform: uppercase;font-family: open-b}
.banner-home .item .box p{color: white;font-size: 16px;margin: 10px 0;text-align: left;font-weight: bold;margin-top: 0px;font-family: open-l!important}

#home .banner-home .button:hover span{color: white!important}
#home .banner-home .item .box{display: flex;flex-direction: column;justify-content: center;align-items: center;}
#home .banner-home .item .box h1{color: #FFCA00;text-align: center;/*letter-spacing: 1px*/;line-height: 26px;margin-bottom: 15px}
#home .banner-home .item .box h1.upper{text-transform: uppercase;font-family: open-r}
#home .banner-home .item .box h1 strong{color: #2fb7d9}
#home .banner-home .item .box p{color: white;margin: 10px 0;/*font-weight: bold*/;margin-bottom: 0;max-width: 550px;font-size: 18px}

#grupos .banner-home .item .box p{font-weight: inherit;font-size: 16px}

.banner-home .item .box .cont{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}

/*#home .banner-home .item .box{position: relative;z-index: 2}*/
/*#home .banner-home .item .box{justify-content: flex-start;position: relative;z-index: 10}*/
#home .banner-home .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);content: ''}


.home-slide .owl-page{background: #c3c3c3;border-radius: 50%;width: 10px;height: 10px;margin:0 5px;}
.home-slide .owl-page.active{background: black}

.servicios{display: flex;flex-direction: row;align-items: stretch;flex-wrap: wrap;justify-content: center;width: 100%}
.servicios .servicio{width: 31%;display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 1%;position: relative;max-height: 480px!important}
.servicios .servicio .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.servicios .servicio h3{color: #FFCA00;font-size: 22px;text-transform: uppercase;font-family: open-b;letter-spacing: 1px;text-align: center;width: 90%}
.servicios .servicio p{color: white;font-size: 16px;text-align: center;width: 90%;min-height: 44px}
.servicios .servicio a{margin: 15px 0;padding: 10px 24px;border: 1px solid #FFCA00;border-radius: 5px;transition: all ease-in-out .5}
.servicios .servicio:hover a{background: #FFCA00}
.servicios .servicio a span{color: #FFCA00;font-size: 12px;text-transform: uppercase;text-transform: uppercase;;transition: all ease-in-out .5;font-family: open-b}
.servicios .servicio:hover a span{color: white}
.servicios .servicio img{width: 100%;height: 100%;object-fit: cover;}
.servicios .servicio .img{width: 100%;height: 100%;background-position: center!important;background-size: cover!important;background-repeat: no-repeat!important;}


.content-box-servicios{display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;padding: 30px 0}
.content-box-servicios .containers{width: 90%;margin: 0 auto;max-width: 1170px;display: flex;flex-direction: row;justify-content: center;align-content: center;align-items: center;}

.hover-image{overflow:hidden;position: relative;}
.hover-image:after{position: absolute;bottom: 0;left: 0;height: 7px;background: #FFCA00;width: 0;content: '';z-index: 10;transition: all ease-in-out .5s}
.hover-image img{transition: all ease-in-out .5s}
.hover-image:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.hover-image:hover:after{width: 100%}

.facilidades{padding-bottom: 40px;background: #EBEDED}
.facilidades .cont{display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 1134px;
    margin: 0 auto;}
.facilidades .cont .box{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 280px;padding: 5px 15px;box-sizing: border-box;}
.facilidades .cont .box img{width: 50px;}
.facilidades .cont .box h2{font-family: open-b;font-size: 16px;margin: 15px 0;color: #202124;min-height: 44px}
.facilidades .cont .box p{text-align: center;font-size: 14px;color: #202124;font-family: open-l}
.facilidades h1{text-transform: uppercase;letter-spacing: 1px;margin-bottom: 40px;color: #444444}

.facilidades .section-description{color: white;text-align: center;font-size: 18px;margin: 0 auto;margin-bottom: 40px;width: 90%;max-width: 800px}

#home .facilidades .cont{justify-content: space-around;max-width: 1100px}
#home .facilidades .cont .box{width: 250px}
#home .facilidades .cont .box p{font-size: 12px}

#grupos .facilidades .cont .box{width: 300px}

.wall-suite{position: relative;background: url(../imagenes/Bahoware-desarrollo-web-nueva-imagen.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;background-attachment: flex;height: 100vh;max-height: 500px;}
.wall-suite:after{width: 100%;height: 100%;top: 0;left: 0;content: '';position: absolute;;background: rgba(0,0,0,0.7);}
.wall-suite img{width: 100%}



.wall-suite .cont{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.wall-suite .cont h1{font-family: open-b;font-size: 30px;text-align: center;color: #FFCA00;}
.wall-suite .cont p{font-size: 15px;text-align: center;margin: 10px 0;color: white;max-width: 580px;margin-top: 5px;}

.galeria {padding: 60px 0}
.galeria .cont{display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap}
.galeria .max-widht1.cont{justify-content: space-between;}
.galeria .title{width: 35%;display: flex;flex-direction: column;position: relative;box-sizing: border-box;justify-content: center;align-items: center}
.galeria .title .box{display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
width: 90%;
max-width: 288px;}
.galeria .title h1{font-family: open-b;font-size: 22px;text-align: left;color: #202124;text-transform: uppercase;text-align: left;;width: 100%;max-width: 800px;margin:0 auto;;margin-left: 10px}
.galeria .title.max {max-width: 425px}
.max-widht-g{max-width: 1385px;width: 90%;margin: 0 auto}
.galeria .title p{font-size: 14px;color: #202124;text-align: left;max-width: 500px;;margin-top: 5px;font-family: open-l;width: 100%;max-width: 800px;margin:0 auto;;margin-left: 10px}
.galeria .title i{position: absolute;right: 10px;top: 50%;font-size: 28px;color: #A6ADB4;font-weight: bold;}
.galeria .galeria-slide{width: 62%}
/*.galeria .galeria-slide .owl-wrapper-outer{width: 92%}*/
.galeria .galeria-slide .item{padding: 0 10px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.galeria .galeria-slide .item img{width: 100%;border-radius: 17px;max-height: 339px;object-fit: cover;}
.galeria .galeria-slide .item p{text-transform: uppercase;font-size: 16px;margin-top: 15px;}

#display .galeria .title{width: 30%}
#display .galeria .galeria-slide{width: 68%}
#display .galeria .title i{right: -11px}

.clientes{background: #000000;padding: 20px 0;}
.clientes .cont{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;align-items: center;width: 100%;margin: 0 auto}
.clientes .cont img{width: 75px}
.clientes .cont img.max{width: 100px}
.clientes .cont img.min{width: 90px}

.clientes .item{/*display: flex;flex-direction: row;justify-content: center;align-content: center;*/min-height: 145px;display: flex;flex-direction: row;justify-content: center;align-items: center;}

.covid{}
.covid .cont{display: flex;flex-direction: row;justify-content: space-between;align-content: stretch;flex-wrap: wrap;}
.covid .info{width: 52%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.covid .info .box{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;width: 92%;max-width: 450px;}
.covid .info h1{font-family: open-b;font-size: 26px;text-align: left;color: #202124;text-transform: uppercase;text-align: left;}
.covid .info p{font-size: 14px;color: #202124;text-align: left;max-width: 380px;;margin-top: 5px;font-family: open-l}


.covid .img{width: 48%}
.covid .img img{width: 100%}

#productos .content-box{background: #EBEDED}

/**home**/

/** acerca **/

#acerca .item{background: url('../img/Acercade/planta-americansign-cancun.jpg');background-position-y: 75% !important;background-position-x: 10% !important;}

/*#acerca .facilidades{background: white;padding: 40px 0}*/

.facilidades h1{text-transform: uppercase;letter-spacing: 1px;margin-bottom: 50px;color: #444444}
.facilidades h1 small{font-size: 12px!important;text-transform: none!important;font-family: open-l}
.facilidades .img-cert{width: 100px;margin: 15px 20px}


.quienes{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: stretch;}
.quienes .img{width: 50%}
.quienes .img img{width: 100%;display: flex;}

.quienes .info{width: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;padding:30px  15px ;box-sizing: border-box;background: #f1f1f1}
.quienes .info .cont{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;width: 90%;max-width: 407px}
.quienes .info h1{font-size: 28px;margin-bottom: 10px;text-align: left;color: #000000;}
.quienes .info p{color: #606060;font-size: 16px;text-align: justify;line-height: 22px;font-family: open-l}
.quienes .info .box{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;width: 100%}
.quienes .info .box p{font-size: 14px;margin: 10px}

#quienes.quienes .info h1{font-weight: bold;}
#quienes.quienes .info p{text-align: left;}

.comprometidos{padding: 40px 0;background: white}
.comprometidos .cont{display: flex;flex-direction: column;}
.comprometidos .cont h1{font-size: 32px;margin-bottom: 10px;text-align: center;color: #000000;margin-bottom: 10px}
.comprometidos .cont p{font-size: 16px;margin-bottom: 30px;text-align: center;}
.comprometidos .cont .box{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.comprometidos .cont .box img{object-fit: cover;width: 130px}


.quienes.black{background: #000000;}
.quienes.black h1{color: white}
.quienes.black p{color: white}

.facilidades.white{background: white;padding: 30px 0}
.facilidades.white .cont .box{width: 250px}

.centrales{height: 200px;display: flex;flex-direction: row;justify-content: center;align-items: center;position: relative;flex-wrap: wrap;background: black}
.centrales:after{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;content: ''}
.centrales .max-widht{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.centrales .cont{width: 60%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;position: relative;z-index: 2;padding: 10px 0;box-sizing: border-box;}
.centrales .cont:last-child{flex-direction: row;justify-content: flex-end;align-items: center;width: 40%}
.centrales .cont h1{color: white;text-align: left;font-size: 30px;margin-bottom: 10px;font-weight: bold}
.centrales .cont p{color: white;text-align: left;font-size: 16px;font-weight: bold;max-width: 550px}

.ayudar{padding: 30px;background: white}
.ayudar .cont{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.ayudar .cont .box{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;width: 40%;padding: 10px;box-sizing: border-box;width: 40%}
.ayudar .cont .box:last-child{width: 60%;flex-direction: row;justify-content: flex-end;}
.ayudar .cont .box h1{color: #000000;text-align: left;font-size: 30px;margin-bottom: 10px;font-weight: bold}
.ayudar .cont .box p{color: #606060;text-align: left;font-size: 16px;font-weight: bold;}
.ayudar .cont .box img{max-width: 400px;width: 90%}
/****/

/**anuncios**/

#anuncios .item{background: url('../img/luminosos/Banner/anuncios-luminosos-americansign.jpg')}

.facilidades.luminosos{padding: 40px 0;background-color: white}

#anuncios .banner-home .item .box h1{/*font-size: 35px;*/text-transform: none;}
#anuncios .banner-home .item .box p{font-size: 16px;max-width: 350px}
#anuncios .banner-home .item .box p span{color: #29aac9}

#anuncios .quienes.luminosos{padding: 60px 0;background: #000000}
#anuncios .quienes .info p{line-height: 20px}

#anuncios .contenido .info .box {width: 325px;align-items: flex-end;}
#anuncios .contenido .info .box .cont h3{font-size: 16px;color: #444444}
#anuncios .contenido .info .box .cont  p{color: #909399;font-size: 14px;}

#anuncios .channel-letter h1{text-transform: inherit;color: #444444}
#anuncios .channel-letter h1:first-letter{text-transform: uppercase;}

#anuncios .info .cont{max-width: 410px}
#anuncios .info h1{font-size: 28px;text-transform: capitalize;}
#anuncios .info p{font-size: 15px;font-family: open-l}

#anuncios .channel-letter .icon-cont{width: 55px;height: 55px;margin: 0px 10px;margin-bottom: 5px}

#anuncios .channel-letter .des span{color: #29aac9}

#anuncios .contenido .info .box .cont{width: 250px;}

#anuncios .channel-letter .des{margin: 0 auto;max-width: 500px;font-size: 14px;text-align: center;color: #444444;width: 90%}

#anuncios .quienes.luminosos{display: flex;flex-direction: row;justify-content: flex-end;align-items: center;}
#anuncios .quienes.luminosos .info{width: 35%;}
#anuncios .quienes.luminosos .img{width: 60%;display: flex;flex-direction: row;justify-content: center;align-items: center;}

#anuncios .quienes.luminosos .img .box{width: 60%;display: flex;flex-direction: column;padding: 5px;box-sizing: border-box;}
#anuncios .quienes.luminosos .img .box .image{width: 100%;height: 280px;background-size: cover!important;background-position: center!important;background-repeat: no-repeat!important;border-radius: 5px}
#anuncios .quienes.luminosos .img .box:last-child{width: 40%}
#anuncios .quienes.luminosos .img .box .image2:first-child{margin-bottom: 5px}
#anuncios .quienes.luminosos .img .box .image2{height: 135px;width: 100%;background-size: cover!important;background-position: center!important;background-repeat: no-repeat!important;border-radius: 5px}

#anuncios .amor img.big{width: 90%;max-width: 230px;margin: 0 auto}

.letras{padding: 50px 0;/*background: white*/}
.letras .cont{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;align-items: stretch;}
.letras .cont .box{display: flex;flex-direction: column;width: 26%;margin: 1%;padding: 10px 15px;box-sizing: border-box;}
.letras .cont .box img{width: 100%;margin-bottom: 30px;}
.letras .cont .box h1{color: #000000;text-align: left;font-size: 18px;margin-bottom: 5px;}
.letras .cont .box p{font-size: 13px;color: #A6ADB4}

.cajas{padding: 40px 0}
.cajas .cont{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.cajas .cont h1{width: 100%;color: #202124;font-size: 32px;margin-bottom: 40px;text-transform: uppercase;letter-spacing: 5px}
.cajas .cont .box{width: 48%;margin: 1%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding: 10px;box-sizing: border-box;}
.cajas .cont img{width: 100%;margin-bottom: 20px}
.cajas .cont h2{font-size: 22px;text-align: left;font-family: open-b;color: #515151}
.cajas .cont h2 span{font-family: open-l}
.cajas .cont p{font-size: 12px;text-align: left;margin-top: 15px;color: #444444}

.amor{padding: 50px 0;background: white}
.amor .cont{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;align-items: stretch;}
.amor .box{width: 50%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: stretch;}
.amor img.big{width: 90%;margin: 0 auto}

.amor .box h1{width: 100%;color: #202124;font-size: 26px;margin-bottom: 40px;text-transform: uppercase;letter-spacing: 3px}
.amor .box .detalle{display: flex;flex-direction: column;;text-align: left;justify-content: flex-start;align-items: center;width: 50%;padding: 20px;box-sizing: border-box;}
.amor .box .detalle img{width: 40px;margin-bottom: 10px;}
.amor .box .detalle h2{font-size: 14px;color: #1D9ADD;text-align: center;margin-bottom: 5px;font-family: open-b}
.amor .box .detalle p{font-size: 12px;color:;text-align: center;max-width: 200px}

.servicios h1.luminosos{width: 100%;color: #202124;font-size: 32px;margin-bottom: 40px;text-transform: uppercase;letter-spacing: 5px}
.content-box.white{background: white}

.proyecte{background: #ededed;padding: 50px 0}
.proyecte .cont{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.proyecte .cont .img{display: flex;flex-direction: row;justify-content: center;}
.proyecte .cont .img img{width: 300px;}
.proyecte .cont .text{display: flex;flex-direction: column;max-width: 350px}
.proyecte .cont .text h1{font-weight: bold;font-size: 30px;margin-bottom: 10px;text-align: left;}
.proyecte .cont .text p{text-align: justify;font-size: 15px;margin-bottom: 10px}

.impactan{padding: 60px 0 0 0;display: flex;flex-direction: column;background: white}
.impactan h1{font-family: open-l;font-size: 40px;margin-bottom: 60px}
.impactan h1 span{font-family: open-b;color: #1D9ADD;}
.impactan .images{display: flex;flex-direction: row;justify-content: center;align-items: flex-start;flex-wrap: wrap;}
.impactan .images img{width: 25%;height: 250px;object-fit: cover;display: flex;}
.impactan .images img.big{width: 50%}

/** caja **/

#caja .item{background: url('../img/anuncios/CajasBacklight/indoor-backlight-caja-de-luz.jpg');background-position: left!important;}
#caja .facilidades.white{background: #EBEDED;padding: 40px 0}
#caja .servicios{padding: 0}
#caja .servicios .servicio{width: 24%;margin: 0;margin-right: 1%;}
#caja .servicios .servicio:last-child{margin-right: 0}

#caja .amor h1{margin-top: 70px}
#caja .amor .info{width: 90%;margin: 0 auto;max-width: 520px;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
#caja .amor .desc{;margin: 0 auto;line-height: 20px;font-size: 14px}
#caja .amor .box{justify-content: flex-start;align-items: flex-start;align-content: flex-start;}


.quienes.black2{background: #161616}
.quienes.black2 h1{color: #4699C1}
.quienes.black2 h2{color: #409CC5;font-size: 14px;text-align: left;margin-bottom: 5px;text-transform: uppercase;}
.quienes.black2 p{color: white}
.quienes.black2 .info .cont{max-width: 280px}

#caja .banner-home .item .box{align-items: flex-start;}

#caja .ayuda.pad{padding: 0}
#caja .ayuda.pad .fotos{margin: 0}

.definicion{display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.definicion .img{width: 53%}
.definicion .img img{width: 100%;display: flex;}
.definicion .info{width: 47%;background: #EBEDEC;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;}
.definicion .info .box{width: 90%;max-width: 450px;}
.definicion .info .box h1{font-size: 28px;margin-bottom: 15px;font-family: open-b;text-align: left;color: #444444}
.definicion .info .box p{text-align: left;color: #444444;font-size: 15px;margin-left: 10px}
.definicion .info .box p.des{margin-bottom: 20px;margin-left: 0}
.definicion .info .box .cont{display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 10px 0}
.definicion .info .box .cont img{width: 30px;margin-right: 15px}
.definicion .info .box .cont p{}

#caja .ayuda.imga .fotos .img:nth-child(1){width: 20%}
#caja .ayuda.imga .fotos .img:nth-child(2){width: 15%}
#caja .ayuda.imga .fotos .img:nth-child(3){width: 15%}
#caja .ayuda.imga .fotos .img:nth-child(4){width: 20%}
#caja .ayuda.imga .fotos .img:nth-child(5){width: 15%}
#caja .ayuda.imga .fotos .img:nth-child(6){width: 15%}

/**fabric**/

#fabric .item{background: url('../img/fabrick/baner1.jpg')}

.brillante{padding: 40px 0;background: white}
.brillante .cont{display: flex;flex-direction: row;justify-content: center;align-items: stretch;flex-wrap: wrap;}
.brillante .cont .box{width: 45%;display: flex;flex-direction: column;justify-content: center;align-items: center;flex-wrap: wrap;}
.brillante .cont .box:first-child{width: 55%}
.brillante .cont .box img{width: 100%}

.brillante .cont .box .info{width: 90%;max-width: 450px;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.brillante .cont .box .info h1{color: #202124;font-size: 40px;margin-bottom: 15px;text-transform: uppercase;text-align: left;font-family: open-r}
.brillante .cont .box .info h1.low{text-transform: inherit;}
.brillante .cont .box .info p{font-size: 17px;text-align: left;margin-top: 15px;color: #707070;max-width: 400px}

.perfil{padding: 30px 0;background: white}
.perfil .cont{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.perfil .cont .box{width: 55%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;height: 500px}
.perfil .cont .box:last-child{width: 40%;height: inherit;margin-left: 2%}
.perfil .cont .box .box-full{background: #202125;width: 100%;height: 25%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.perfil .cont .box .box-full h1{font-size: 25px;text-transform: uppercase;letter-spacing: 3px;;font-weight: bold;color: white}
.perfil .cont .box .box-full span{color: #18A9EC;font-weight: inherit;}

.perfil .cont .box .box-small{width: 50%;background: #2A2A2A;height: 75%}
.perfil .cont .box .box-small:last-child{background: #18A9EC}

.perfil .cont .box .box-small{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.perfil .cont .box .box-small .info{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;max-width: 250px;width: 90%;margin-top: 25%}
.perfil .cont .box .box-small h1{color: #18A9EC;font-size: 25px;margin-bottom: 10px;text-transform: uppercase;text-align: left;}
.perfil .cont .box .box-small:last-child h1{color: #083548}
.perfil .cont .box .box-small ul{padding: 0;padding-left: 15px}
.perfil .cont .box .box-small li{color: white;font-size: 15px;margin-bottom: 10px}

.perfil .cont .box img{width: 100%;}

.aplicaciones{background: #000000;padding: 30px 0}
.aplicaciones .cont{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.aplicaciones .cont .box{width: 60%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 15px;box-sizing: border-box;}
.aplicaciones .cont .box:first-child{width: 40%;justify-content: center;}
.aplicaciones .cont .box h1{color: white;text-align: left;font-size: 32px;letter-spacing: 3px;line-height: 45px}
.aplicaciones .cont .box img{width: 46%;}

#fabric .luz{background: white;padding: 35px 0}
/*#fabric .facilidades .cont .box{align-items: flex-start;}
#fabric .facilidades .cont .box h1,#fabric .facilidades .cont .box p{text-align: left;}*/

#fabric .quienes .img, #fabric .quienes .info{width: 50%}

#fabric .letras{}
#fabric .letras h1{text-align: center;color: white}
#fabric .letras p{text-align: center;color: #000000}

.caja-azul{background: #1D9ADD;padding: 10px 0;margin-bottom: 20px}
.caja-azul .letras h1{color: white!important}


.detalles{display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 30px 0;background: white}
.detalles .cont{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 20px 40px;box-sizing: border-box;}
.detalles .cont h2{font-size: 30px;text-transform: uppercase;color: #484848}
.detalles .cont .box{display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;}
/*.detalles .cont .box div{margin: 10px}*/
.detalles .cont .box p{font-size: 16px;color: #000000;margin-left: 10px}

.ayuda{background: #171717;display: flex;flex-direction: column;}
.ayuda .cont{display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 30px 0}
.ayuda .cont img{width: 90px;margin-right: 20px}
.ayuda .cont .box{display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 600px}
.ayuda .cont .box h2{color: white;text-align: center;font-size: 28px;margin-bottom: 10px;font-weight: bold}
.ayuda .cont .box p{color: white;text-align: center;font-size: 16px}

.ayuda .fotos{width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top: 60px;flex-wrap: wrap;}
.ayuda .fotos .img{width: 25%;height: 270px;background-position: center!important;background-size: cover!important;background-repeat: no-repeat!important;}

.ayuda .fotos .img.item{height: inherit;width: inherit;}

.ayuda{position: relative;}
.ayuda .arrow{position: absolute;z-index: 100;height: 100%;width: 50px;}
.ayuda .arrow .box{width: 100%;height: 100%;position: relative;box-sizing: border-box;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.ayuda .arrow .box:after{width: 100%;height: 100%;position: absolute;filter: blur(8px);background: rgba(0,0,0,0.5);content: '';left: 0;top: 0}
.ayuda .arrow.left{left: 0}
.ayuda .arrow.right{right: 0}
.ayuda .arrow i{color: white;font-size: 40px;position: relative;z-index: 2}

/**display**/


#display .item{background: url('../img/display/banner.jpg')}
#display .item h1{}
#display .item p{max-width: 510px;line-height: 20px}

#display p.justify{text-align: justify;}

#display .galeria.black{background: #000000}
#display .galeria.black h1, #display .galeria.black p{color: white}
#display .galeria.black .item{padding: 0 5px;box-sizing: border-box;background: #000000;position: relative;}
#display .galeria.black .item p{width: 100%;padding: 10px 5px;box-sizing: border-box;left: 0;bottom: 0;background: rgba(0,0,0,0.7);text-transform: uppercase;font-size: 10px;letter-spacing: 2px;font-family: open-b}

.roll-up{padding: 30px 0;background: white}
.roll-up .cont{display: flex;flex-direction: column;}
.roll-up .cont h1{text-align: left;font-size: 30px;line-height: 25px}
.roll-up .cont h1 small{font-size: 12px;font-family: open-l}
.roll-up .cont .box{display: flex;flex-direction: row;align-items: center;justify-content: space-around;flex-wrap: wrap;}
.roll-up .cont .box img{width: 33%;max-width: 400px}

.brillante.gray{background: #E7E7E7;}

#display .brillante.pad{padding: 0}

.brillante.gray .cont .box .info h1{text-transform: inherit;line-height: 30px;font-family: open-r}
.brillante.gray .cont .box .info h1 small{font-size: 18px;letter-spacing: 0px;}
.brillante.gray .cont .box img{max-width: 580px}

#display .brillante .cont .box{width: 50%}

#display .galeria .galeria-slide .item img{border-radius: 0}

#display .channel-letter .des{margin: 0 auto;max-width: 400px;font-size: 14px;text-align: center;color: #444444}

#display .brillante .cont.right{justify-content: flex-end;}

#display .brillante.stand{/*background: url('../img/display/XTEND-Mockup02.jpg');background-position: center!important;background-size: cover;*/background: #D6D6D6;height: 500px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
#display .brillante.stand .cont .box{width: 60%}
#display .brillante.stand .cont .box:last-child{width: 40%}
#display .brillante.stand .cont .box img{width: 100%;max-width: inherit;}

.roll{background: white;padding-top: 60px}
.roll .cont{display: flex;flex-direction: row;justify-content: center;align-items: stretch;flex-wrap: wrap;}
.roll .cont .box{width: 33%;display: flex;flex-direction: column;padding: 10px;box-sizing: border-box;position: relative;}
.roll .cont .box a{border-radius: 10px;border: 1px solid transparent;padding: 10px 30px;position: relative;transition: all ease-in-out .5s;}
.roll .cont .box a .circle{position: absolute;left: 0;top: 0;border-radius: 50%;border: 1px solid #444444;width: 20px;height: 20px;background: white;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.roll .cont .box a .circle div{content: '';width:10px;height: 10px;border-radius: 50%;background: #1D9ADD}
.roll .cont .box a span{color: white;font-size: 14px;transition: all ease-in-out .5s}

.roll .cont .box a:hover{border: 1px solid #444444;background: white}
.roll .cont .box a:hover span{color: #444444}

.roll .box.paso1 a{margin-left: 60px}
.roll .box.paso1 a .circle{bottom: -7.5px;left: -7.5px;top: inherit;}

.roll .paso1{justify-content: space-between;align-content: flex-end;}
.roll .paso1 .img{position: relative;}
.roll .paso1 .img .cont-button{position: absolute;left: 0;top: 40%;right: 0;margin: 0 auto}
.roll .paso1 img{width: 90%;max-width:  300px}

.roll .box h1{text-align: left;font-weight: 300;font-size: 35px;color: #444444}
.roll .box h2{text-align: left;font-size: 22px;color: #1D9ADD;margin: 15px 0;margin-top: 3px}
.roll .box p{text-align: left;font-size: 15px;color: #444444}

.roll .box.paso2{display: flex;flex-direction: row;justify-content: center;}
.roll .box.paso2 img{width: 90%;max-width: 200px}
.roll .box.paso2 .cont-button{position: absolute;left: 0;top: 40%;right: 0;margin: 0 auto;display: flex;flex-direction: row;justify-content: center;}
.roll .box.paso2 a .circle {top: -7.5px;left: -10px;margin: 0 auto;}
.roll .box.paso2 a{margin-right: -148px;}

.roll .box.paso3{display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-end;}
.roll .box.paso3 img{height: 375px;width: 48%;object-fit: contain;}
.roll .box.paso3 img:nth-child(2){height: 360px;margin-bottom: 10px}
.roll .box.paso3 .cont-button{width: 100%;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;}
.roll .box.paso3 a .circle{bottom: -12.5px;left: 0;margin: 0 auto;top: inherit;}

/**Channel Letter**/

#channel .banner-home .item{background: url('../img/channel/Banner-channelLetter-SB.jpg');background-position: left!important;}
/*#channel .banner-home .item .box{align-items: flex-end;}*/
/*#channel .banner-home .item p{color: #B5B5B5}*/

.facilidades.black{background: #000000;padding: 40px 0}
.facilidades.black .cont .box p, .facilidades.black .cont .box h2{color: white}

.channel-letter{padding: 40px 0;background: white}
#channel .channel-letter{background: #000000}
.channel-letter h1{text-transform: uppercase;font-size: 40px;letter-spacing: 3px;margin-bottom: 10px;text-align: center;color: #444444}
#channel .channel-letter h1{font-weight: bold;color: white}
.channel-letter h2{font-size: 25px;margin-bottom: 60px;text-align: center;color: #444444}
#channel .channel-letter h2{font-weight: bold;color: white}
.channel-letter .opcion{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0 30px;box-sizing: border-box;flex-wrap: wrap;}
.channel-letter .opcion a{background: transparent;padding: 10px;border-radius: 15px;border: 1px solid white;box-sizing: border-box;transition: all ease-in-out .5s;width: 200px;max-width: 200px;display: flex;flex-direction: row;justify-content: center;align-items: center;margin: 5px auto}
.channel-letter .opcion span{color: white;transition: all ease-in-out .5s;font-size: 16px;text-transform: uppercase;}
.channel-letter .opcion a:hover{background: #1D9ADD;border: 1px solid #1D9ADD}
.channel-letter .opcion a:hover span{color: white}

.channel-letter .opcion a.active{background: #1D9ADD;border: 1px solid #1D9ADD}
.channel-letter .opcion a.active span{color: white}

.contenido{display: flex;flex-direction: row;justify-content: center;align-items: center;margin-top: 80px}
.contenido .info{width: 30%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;min-height: 300px}
.contenido .imagen{width: 40%;display: flex;flex-direction: column;justify-content: center;align-items: center;}

.contenido .imagen img{width: 95%}

.contenido .info .box{display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 20px 10px;box-sizing: border-box;margin-bottom: 20px}
.contenido .info .box .cont{display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;margin: 0 10px}
.contenido .info .box .cont h3{text-align: right;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.contenido .info .box .cont p{text-align: right;font-size: 12px;}
.contenido .info .box img{width: 60px;margin: 0 15px}

.channel-letter .contenido .info .box .cont h3{color: white}
.channel-letter .contenido .info .box .cont p{color: white;}

.channel-letter .contenido .info .box .cont.right{align-items: flex-start;}
.channel-letter .contenido .info .box .cont.right h3, .channel-letter .contenido .info .box .cont.right p{text-align: left;}

.contenido{display: none}
.contenido.active{display: flex;}

#channel .galeria.black{background: #000000}
#channel .galeria.black .title h1{color: white;font-size: 38px;margin-bottom: 15px;margin: inherit;}
#channel .galeria.black .title p{color: white;font-size: 20px;font-weight: 600px;margin: inherit;}
#channel .galeria.black .title {
    width: 35%;
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    justify-content: start;
    align-items: start;
    align-content: start;
}
#channel .galeria.black .cont{justify-content: space-between;}

#channel .galeria.black .galeria-slide .item p{color: white;text-transform: inherit;width: inherit;text-align: center!important;width: 100%}
#channel .galeria.black .galeria-slide .item img{border-radius: 0px}
#channel .galeria .galeria-slide .item{align-items: flex-start;}
#channel .galeria.black .title{align-items: center;}

#channel .ayuda{padding: 0px;margin: 0}
#channel .ayuda .fotos{margin: 0}
/**Channel Letter**/

/**Grupos**/

#grupos .banner-home .item{background: url('../img/grupos/Slide-principal-Grupos&convenciones_2560x1000_.jpg');}

.facilidades.white{background: white;padding: 60px 0}

#grupos .brillante .cont .box .info h1{font-size: 30px;font-family: open-r;color: #444444;line-height: 35px;text-transform: uppercase;letter-spacing: 1px}
#grupos .brillante .cont .box .info p{font-size: 17px;max-width: inherit;}
#grupos .brillante .cont .box .info{max-width: 550px}

#grupos .brillante.gray .cont .box img{max-width: 650px}

#grupos .ayuda.pad{padding: 0px}
#grupos .ayuda.pad .fotos{margin: 0}
#grupos .ayuda.pad .fotos .img{height: 340px}

.convenciones{padding: 40px 0;background: white}
.convenciones .max-widht1{display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.convenciones .cont{display: flex;flex-direction: column;width: 50%;padding: 10px 0}
.convenciones .cont:last-child{flex-direction: row;justify-content: center;align-items: center;}
.convenciones .cont h1{color: #444444;text-align: left;font-size: 32px;text-transform: uppercase;}
.convenciones .cont .des{color: #444444;text-align: left;font-size:14px;margin-top: 15px}
.convenciones .cont .box{display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 10px}
.convenciones .cont .box img{width: 50px;margin-bottom: 15px}
.convenciones .cont .box p{text-transform: uppercase;color: #444444;font-size: 15px;margin-top: 10px}

.exito{background: url('../img/grupos/exito.jpg');background-position: center;height: 650px;background-size: cover;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.exito .max-widht1{display: flex;flex-direction: row;justify-content: flex-end;}
.exito .cont{width: 90%;max-width: 400px}
.exito .cont h1{color: #1D9ADD;font-size: 30px;margin-bottom: 10px;text-align: left;}
.exito .cont p{color: white;text-align: left;font-size: 16px;}

#grupos .ayuda .fotos.max .img{width: 33%}

/**contacto**/

#contacto{padding-bottom: 20px;background:  #000000}
#contacto .banner-home .item{background: url('../img/contact/banner-contacto-americansign.jpg');background-position: left!important;}
#contacto .banner-home .item h1{color: white}
#contacto .banner-home .item .box {display: flex;flex-direction: column;justify-content: center;align-items: center;}

.contacto .button{margin-top: 10px}

.contacto .cont{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.contacto{background:  #000000;padding: 30px 0}
.contacto form{display: flex;flex-direction:row;;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 40%;}
.contacto form label{color: white}
.contacto h1{font-size: 25px;color: #444444;margin-bottom: 5px;width: 100%;text-align: center;font-weight: bold;}
.contacto p{color: white;font-size: 16px;text-align: left;width: 100%;}
.contacto .buttom p{color: #444444}
.contacto .first{margin-bottom: 25px;}
.contacto .textat{width: 100%;min-height: 60px;position: relative;}
.contacto .textat label{position: absolute;left: 0;top: 16px;font-size: 16px;transition: all ease-in-out .3s}
.contacto .input{width: 100%;box-sizing: border-box;border: inherit;margin: 8px 0;margin-top: 20px;border-bottom: 2px solid #313131;background: transparent;color: white;font-size: 16px;z-index: 1;position: relative;}
.contacto .input::-webkit-input-placeholder{color: white!important;font-family: open-r;opacity: 1;}
.contacto .input:-moz-placeholder{color: white!important;font-family: open-r;opacity: 1;}
.contacto .input::-moz-placeholder{color: white!important;font-family: open-r;opacity: 1;}
.contacto .input:-ms-input-placeholder {color: white!important;font-family: open-r;opacity: 1;}

.contacto .container{position: relative;width: 12px;height: 12px;position: relative;margin-right: 10px;margin-bottom: 2px}
.contacto .container input{width: 12px;height: 12px;position: relative;z-index: 2}
.contacto .container .check{width: 12px;height: 12px;position: absolute;left: 4px;top: 3px;background: #1D9ADD;content: '';display: flex;flex-direction: row;justify-content: center;align-items: center;}
.contacto .container .check i{font-size: 5px;color: white}
.contacto .container input:checked{
  opacity: 0
}



.contacto .input.mail{width: 100%;margin-bottom: 20px}
.contacto .box{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;margin: 5px 10px;;width: 100%}
/*.contacto .box input{margin-right: 10pxbackground: white}*/
.contacto .box p{font-size: 12px;}
.contacto .describa{margin-top: 15px;margin-bottom: 10px}
.contacto textarea.input{height: 150px;width: 100%}
.contacto  .small{font-size: 17px;font-family: open-l;text-align: center;margin-top: 10px;color:white}
.contacto  .correo{font-size: 16px;font-family: open-b;margin-top: 5px;position: relative;text-align: center;padding-bottom: 5px;color: #444444}
.contacto  .correo:after{position: absolute;left: 0;right: 0;bottom: 0;width: 250px;height: 2px;background: #18A9EC;content: '';margin:0 auto;}
.contacto  .correo img{margin-right: 5px}
.contacto  .button{width: 100%;max-width: inherit;}

.trabajarcon{padding: 40px 0;background: #000000;position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.trabajarcon .float{position: absolute;left: 0;right: 0;top: -25px;margin: 0 auto;width: 55px}
.trabajarcon h1{color: #1D9ADD;text-align: center;font-size: 22px}
.trabajarcon p{color: white;text-align: center;font-size: 16px;margin-top: 10px}

.trabajo{padding: 50px 0;background: #EBEDEC;height: 300px;position: relative;background: url(../img/Grupo-126.jpg);background-position: center;background-size: cover;position: relative;}
.trabajo:after{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: rgba(0,0,0,0.4);content: ''}
.trabajo .cont{position: relative;height: 100%}
.trabajo p{color: #444444;}
.trabajo i{font-size: 160px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 25%;z-index: 2;text-align: center;color: #A6ADB4}

.boxes{width: 100%;display: flex;flex-direction: column;justify-content: space-around;align-items: center;flex-wrap: wrap;margin-top: 30px}
.boxes .box{display: flex;flex-direction: row;width: inherit;justify-content: flex-start;align-items: center;margin-bottom: 30px}
.boxes .box p{color: white;text-align: left;width: auto;margin-left: 10px}
.boxes .box p.lo{font-family: open-b;}
.boxes .box a{color: white}

.boxes .box .icon-cont{border-radius: 0}

.conto{width: 90%;max-width: 1250px;margin: 0 auto}

/** business **/

#business .item{background: url(../img/business/banner.jpg);}
#business .item h1{text-transform: uppercase;text-align: center;width: 100%;letter-spacing: 4px}
#business .item p{font-weight: inherit;text-align: center;width: 100%;margin: 5px 0;font-size: 16px}
#business .conto{justify-content: center;align-items: center;}

#business .banner-home{position: relative;}
#business .banner-home img{position: absolute;left: 0;right: 0;bottom: -25%;margin: 0 auto;width: 90%;max-width: 600px;z-index: 10}


/**fo0ter**/
.footer{background: #202125;padding: 70px 0;position: relative;z-index: 2;margin-top: -10px;;display: flex;flex-direction: row-reverse;justify-content: center;align-items: center;}
.footer .cont{display: flex;flex-direction: row;justify-content: space-between;align-items: center;;flex-wrap: wrap;max-width: 1098px;width: 90%}
.footer .box{display: flex;flex-direction: row;width: 50%;flex-wrap: wrap;max-width: 460px;justify-content: center;align-items: center;padding-left: 45px;}
.footer .box:last-child{justify-content: flex-end;}
.footer .box .dates:first-child{width: 70%;padding: 10px;box-sizing: border-box;position: relative;}
.footer .box .dates:last-child{width: 30%;border-left: 1px solid #A6ADB4;padding: 0 10px;box-sizing: border-box;position: relative;margin-top: -20px;}
.footer .box .dates h1{font-size: 12px;font-family: open-b;color: #A6ADB4;text-align: left;margin-bottom: 10px}
.footer .box p{text-transform: uppercase;text-align: left;font-size: 12px;color: #A6ADB4!important}
.footer .box p a{text-transform: inherit}
.footer .box p span{color: #A6ADB4!important}
.footer .box .dates .img{position: absolute;left: -40px;width: 30px;top: 13px}

.footer .box .max{}
.footer .box .redes{display: flex;flex-direction: row;align-items: center;justify-content: center;flex-wrap: wrap;width: 100%}
.footer .box .redes a{margin: 10px 15px}
.footer .box .redes img{width: 25px;}

.footer .box .container{width: 250px;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}

.copy{width: 100%;margin-top: 30px;display: flex;flex-direction: row;justify-content: flex-end;align-items: flex-end;max-width: 1067px}
.copy p{color: #A6ADB4;font-size: 12px}

.imgages-celosias{display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.imgages-celosias img{width: 25%;object-fit: cover;height: 253px}

/** router **/

#router .banner-home .item{background: url(../img/router/banner/Banner-closeup-CNC-Router@2x.jpg);}

#router .proyectos .owl-controls{display: block!important;}

.quees{padding: 50px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;background: #171717}
.quees .cont{width: 90%;max-width: 700px;}
.quees .cont h2{color: white;font-size: 30px;margin-bottom: 10px;text-align: center;}
.quees .cont p{color: white;font-size: 14px;text-align: center;}

#router .facilidades .cont .box{width: 290px}

.proyectos{background: #f5f5f5;padding: 50px 10px 0 10px;display: flex;flex-direction: column;}
.proyectos.pddin{padding: 0px}
.proyectos.celos{padding: 0}
.proyectos .cont{display: flex;flex-direction: column;}
.proyectos .cont h2{color: #000000;font-size: 26px;margin-bottom: 50px;line-height: 22px}
.proyectos .cont h2.pleca-negra{padding: 30px 0}
.proyectos .cont span{color: #3dbbdb;}
.proyectos .cont small{font-size: 16px;}
.proyectos .cont {width: 100%;}
.proyectos .cont .item{padding: 0 5px;padding-bottom: 10px;display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;flex-wrap: wrap;}
.proyectos .cont .item img{width: 100%;object-fit: cover;height: 300px}
.proyectos .cont .item p{color: #575757;font-size: 15px;text-align: center;margin-top: 5px}

.proyectos .cont.celosias .item img{height: 200px!important}
.proyects-celosia{display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.proyects-celosia img{width: 25%;object-fit: cover;}

.proyectos  .cont .owl-page span {background: #000000;width: 7px;display: inherit;height: 7px;border-radius: 50%;margin: 0 3px}
.proyectos  .cont .owl-page.active span{background: #b1b1b1}

.owl-pagination{display: flex;flex-direction: row;height: 50px;justify-content: center;align-items: center;}

.creatividad{background: url(../img/router/banner/laser-cut-details@2x.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;height: 500px;position: relative;}
.creatividad:after{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;content: ''}
.creatividad .cont{display: flex;flex-direction: row;justify-content: flex-start;}
.creatividad .cont .info{margin-top: 100px;display: flex;flex-direction: column;z-index: 2;position: relative;width: 450px}
.creatividad .cont .info h2{color: white;font-size: 18px;text-align: left;margin-bottom: 15px;font-family: open-b}
.creatividad .cont .info p{color: white;font-size: 15px;text-align: left;}

.materiales{padding: 50px 0;background: #000000;display: flex;flex-direction: column;}
.materiales .cont{display: flex;flex-direction: column;}
.materiales .cont h2{margin-bottom: 30px;color: white}
.materiales .cont h2.big{font-size: 28px;line-height: 28px}
.materiales .cont h2 span{color: #1D9ADD}
.materiales .cont h2 strong{font-size: 30px;color: white;text-align: center;}
.materiales .cont h2 small{font-size: 15px;color: #5ea7b8;text-align: center;}
.materiales .cont .box{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;}
.materiales .cont .box .contain{width: 30%;margin: 1%;display: flex;flex-direction: column;}
.materiales .cont .box .contain img{width: 200px;margin-bottom: 10px;}
.materiales .cont .box .contain h3{color: white;font-size: 17px;margin-bottom: 10px;text-transform: capitalize;font-weight: 600;width: 100%;text-align: center;}
.materiales .cont .box .contain ul{list-style: none;padding: 0;width: 160px;margin: 0 auto;}
.materiales .cont .box .contain ul li{margin-bottom: 5px;}
.materiales .cont .box .contain ul span{color: white;font-size: 14px}

.materiales .cont .info{width: 140px;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}

.alucobond{background: #ffffff;display: flex;flex-direction: row;justify-content: center;align-items: stretch;}
.alucobond .cont{display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;align-content: flex-start;margin: inherit;padding-bottom: 50px;}
.alucobond .cont .info{width: 50%;margin-top: 100px;box-sizing: border-box;}
.alucobond .cont .img{width: 200px;margin-bottom: 10px}
.alucobond .cont p{color: #4c4d4f;text-align: left;font-size: 13px}
.alucobond .cont p:nth-child(2){margin-bottom: 20px;font-size: 15px}
.alucobond .cont .galeria{display: flex;flex-direction: row;justify-content: space-between;align-items: center;width: 100%;padding: 0;margin-top: 15px}
.alucobond .cont .galeria .box{width: 30%}
.alucobond .cont .galeria img{width: 100%}

.alucobond .map{width: 50%;display: flex;flex-direction: row;position: relative;;box-sizing: border-box;z-index: 2}
.alucobond .map img.material{width: 100%;:}
.alucobond .map .info-g{position: absolute;z-index: 2;display: flex;flex-direction: row;}
.alucobond .map .info-g.nucleo{top: 60px;left: 55px}
.alucobond .map .info-g.aluminio{top: 150px;right: 100px}
.alucobond .map .info-g img{width: 52px}
.alucobond .map .info-g .text{background: white;padding: 10px;border-radius: 10px;margin-left: 10px;opacity: 0;transition: ease-in-out all 0.5s}
.alucobond .map .info-g .text p:nth-child(2){font-size: inherit;margin: 0!important;}
.alucobond .map .info-g .text h3{margin-bottom: 10px}
.alucobond .map .info-g:hover .text{opacity: 1}


.funciona{display: flex;flex-direction: row;flex-wrap: wrap;background: #000000}
.funciona .video{width: 60%;position: relative;overflow: hidden;}
.funciona .video::after {width: 0;height: 0;border-left: 195px solid transparent;border-bottom: 550px solid transparent;border-right: 350px solid #000000;border-top: 350px solid #000000;position: absolute;right: -258px;top: 0;z-index: 2;content: '';}

.funciona .info{width: 40%;display: flex;flex-direction: row;justify-content: center;align-items: center;background: #000000}
.funciona .info h1{color: white;font-size: 30px;line-height: 30px}
.funciona .info h1 small{color: #33a6c8;font-size: 15px}

.cortes{display: flex;flex-direction: row;justify-content: center;align-items: stretch;align-content: center;flex-wrap: wrap;background: white}
.cortes .info{width: 50%;display: flex;flex-direction: column;padding: 80px 0;margin: 0 auto;max-width: 410px;align-items: flex-start;align-content: flex-start;justify-content: flex-start;}
.cortes .info .cont{display: flex;flex-direction: column;}
.cortes .info .cont h3{text-align: left;font-size: 30px;font-weight: bold;margin-bottom: 10px;}
.cortes .info .cont p{text-align: left;font-size: 15px;color: #3b3b3b;font-family: open-l;max-width: 300px}
.cortes .info .cont ul{list-style: none}
.cortes .info .cont li{text-align: left;font-size: 14px;color: #3b3b3b;font-family: open-l}

.cortes .image{width: 50%;background: url('../img/router/Celosias/celosia-diseño-personalizado-cortes-router-cnc.jpg}');background-size: cover;background-position: center;background-repeat: no-repeat;min-height: 350px}

.diseno{padding: 50px 0;background: url('../img/router/banner/diseno-grafico-americansing.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;display: flex;flex-direction: row;justify-content: center;align-items: center;height: 350px}
.diseno .box{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.diseno .box h1{color: white;font-size: 28px;margin-bottom: 20px;text-align: center;}
.diseno .box p{color: #B1B1B1;font-size: 15px;text-align: center;margin-bottom: 5px}

.proyectos.white{background: white;}

.proyectos.white .cont h2{color: #000000;font-size: 22px;margin-bottom: 30px;}
.proyectos.white .cont span{color: #3dbbdb;}
.proyectos.white .cont small{font-size: 14px;}
.proyectos.white .cont {width: 100%;background: white;}
.proyectos.white .cont  .item{padding: 0;padding-bottom: 10px}
.proyectos.white .cont  .item img{width: 100%;object-fit: cover;height: 300px}
.proyectos.white .cont  .item p{color: #575757;font-size: 18px;text-align: center;text-transform: capitalize;}

.similares{padding: 50px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.similares .cont{display: flex;flex-direction: column;}
.similares .cont h2{color: #2f2f2f;font-size: 22px;margin-bottom: 30px}
.similares .cont h2 small{color:  #6dcfe7;font-size: 14px}
.similares .cont .box{display: flex;flex-direction:row;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 20px}
.similares .cont .box .contain{width: 30%;margin: 1%;display: flex;flex-direction: column;justify-content: flex-end;align-content: center;height: 400px;background-size: cover!important;background-position: center!important;background-repeat: no-repeat!important;padding-bottom: 30px;align-items: center;}
.similares .cont .box h1{color: white;font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.similares .cont .box a{}

/*Neon*/
#neon .banner-home .item{background: url(../img/Neon/Banner/banner-neon-led-flexible.jpg);background-position: left!important;}

#neon .viniles{background: white}
#neon .viniles .container .vinil{width: 23%;margin-bottom: 15px;display: flex;flex-direction: column;background: white}
#neon .viniles .container .vinil img{height: inherit;object-fit: cover;}

#neon .proyectos.black{background: #000000}
#neon .proyectos.black h2{color: white}
#neon .proyectos .cont .owl-page span{background: #414343}
#neon .proyectos .cont .owl-page.active span{background: white}

.luz-neon{height: 450px;width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;background: url(../img/Neon/coffee-neon-sign-290207_1920x-03.jpg);background-size: cover;background-position: center;}
.luz-neon .conter{width: 90%;max-width: 900px;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
.luz-neon .conter h1{color: white;font-family: open-l;font-size: 30px;text-align: left;}
.luz-neon .conter h1 strong{font-family: open-b}
.luz-neon .conter p{color: white;margin: 10px 0;text-align: left;max-width: 340px}
.luz-neon .conter p span{color: #1D9ADD}

/** laser **/

#laser .banner-home .item{background: url(../img/laser/Banner/laser-cut-corte-laser-americansign.jpg);}

.fuciona{padding: 50px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;background: white}
.fuciona .cont{display: flex;flex-direction: column;}
.fuciona .cont h1{font-size: 40px;margin-bottom: 30px}
.fuciona .cont .box{display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.fuciona .cont .box .contain{display: flex;flex-direction: column;width: 50%;padding: 10px 15px;box-sizing: border-box;}
.fuciona .cont .box .contain:nth-child(2){justify-content: flex-end;align-items: center;}
.fuciona .cont .box .contain h2{color: #1D9ADD;font-size: 20px;margin-bottom: 15px;text-align: left;}
.fuciona .cont .box .contain p{font-size: 14px;text-align: left;}
.fuciona .cont .box .contain .icon{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;min-width: 175px;margin-bottom: 10px}
.fuciona .cont .box .contain .icon img{width: 30px;margin-right: 10px;}
.fuciona .cont .box .contain .icon p{font-size: 14px;min-width: 133px;margin-left: 5px}

.fuciona .cont .box .contain .icon-cont{width: 25px;height: 25px}
.fuciona .cont .box .contain .icon-cont i{font-size: 16px}

.usos{padding: 50px 0}
.usos .cont{}
.usos .cont h1{font-size: 30px;text-align: center;line-height: 30px;margin-bottom: 30px}
.usos .cont h1 span{color: #1D9ADD;font-family: open-b;}
.usos .cont h1 small{font-size: 22px}
.usos .cont .box{display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;flex-wrap: wrap;margin-top: 40px}
.usos .cont .box .contain{width: 30%;margin: 1%;display: flex;flex-direction: column;}
.usos .cont .box .contain .img{width: 100%;object-fit: cover;}
.usos .cont .box .contain p{background:#272727;padding: 10px;box-sizing: border-box;width: 100%;text-align: center;box-sizing: border-box;color: white;font-size: 14px}
.usos .cont .box .contain img{object-fit: cover}
.materiales .cont .box .contain{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-end;align-content: center;}
.materiales .cont .box .contain .list{width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: stretch;}
.materiales .cont .box .contain .list ul{width: 50%;margin-left: 45px;max-width: 271px}
#laser .materiales .cont .box .contain img{width: 250px}
#laser .materiales{background: #202126}

#laser .diseno{height: 130px;background: url('../img/laser/Banner/mi-material-funciona-para-grabado-corte-laser.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;}

.kit{background:white;padding: 50px 0;}
.kit .cont{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap; }
.kit .cont .image{width: 70%;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.kit .cont .image img{width: 90%;}
.kit .cont .info{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;flex-grow: 1;width: 25%;padding: 5px;box-sizing: border-box;}
.kit .cont .info h3{color: #1D9ADD;font-size: 25px;margin-bottom: 10px;text-transform: uppercase;}
.kit .cont .info p{font-size: 14px;text-align: left;margin-bottom: 15px;color: #7d7d7d}

.destaque{background:#000000;padding: 50px 0}
.destaque .cont{display: flex;flex-direction: column;}
.destaque .cont h3{color: #3ba9c3;font-size: 26px;line-height: 26px;margin-bottom: 10px}
.destaque .cont h3 small{color: white;font-size: 18px;text-align: center;}
.destaque .cont p.sub{color: white;font-size: 15px;margin-bottom: 20px;color: #090909;text-align: center;}
.destaque .cont .images{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 30px}
.destaque .cont .images .box{width: 23%;margin: 1%;display: flex;flex-direction: column;position: relative;}
.destaque .cont .images .box img{width: 100%;object-fit: cover;margin-bottom: 15px;height: 300px}
.destaque .cont .images .box p{color: white;text-align: center;font-size:14px;}
.destaque .cont .images .box a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}

/**impresion**/

#impresion .banner-home .item{background: black;height: 450px}
#impresion .banner-home .item .box{margin: 0 auto;width: 90%;flex-direction: row;height: 100%;align-items: center;flex-wrap: wrap;}
#impresion .banner-home .item .box h1{/*font-size: 37px*/;line-height: 35px;letter-spacing: 0px;margin-bottom: 10px}
#impresion .banner-home .item .box p{font-size: 16px;}
#impresion .banner-home .item .box .cont{width: 45%;display: flex;flex-direction: column;justify-content: flex-start;align-content: flex-start;align-items: flex-start;}

#impresion .banner-home .item .box .image{width: 55%;background: url(..);background-position: center;background-size: cover;height: 100%;display: flex;flex-direction: row;justify-content: center;align-items: flex-end;align-content: flex-end;}
#impresion .banner-home .item .box .image img{width: 100%}

.generacion{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;padding: 80px 0;padding-bottom: 0;background: #ebeded;}
.generacion img{width: 85%;object-fit: cover;}
.generacion .box{width: 220px;object-fit: cover;margin-top: 20px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.generacion .box i{color: white;font-size: 40px;height: 40px}
.generacion .cont{display: flex;flex-direction: column;margin-bottom: 45px;}
.generacion .cont h1{letter-spacing: 3px;font-size: 30px;line-height: 35px;padding: 0 10px;box-sizing: border-box;}
.generacion .cont h1 small{letter-spacing: normal;color: #1D9ADD;font-size: 20px}

.generacion.impresion{background: url('../img/impresion/collage-impresoras-fondo_sinlineas.jpg');background-size: cover;background-position: center;height: 500px;padding: 40px 0}
.generacion.impresion .cont h1{color: white;font-family: open-b;margin-bottom: 30px}


.generacion.acerca{background: url('../img/impresoras-fondo-negro01.jpg');background-size: cover;background-position: center;height: 500px;padding: 40px 0}
.generacion.acerca .cont h1{color: white;font-family: open-b}
.generacion.acerca .cont p{color: white;margin-top: 10px;max-width: 450px}

.generacion.black{background: black}
.generacion.black .cont h1{color: white;padding: 0;margin-bottom: 10px;letter-spacing: 0px;font-weight: bold;}
.generacion .cont{justify-content: center;align-items: center;}
.generacion.black .cont p{color: white;font-size: 14px;text-align: center;;max-width: 525px;font-weight: bold;margin-bottom: 5px}
.generacion.black .cont .box{display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;max-width: 525px;}
.generacion.black .cont .box i{font-size: 40px;color: white;margin: 10px}

.proyectos .cont .item p.black{padding: 8px; box-sizing: border-box;background: #000000;color: white;width: 100%;margin-top: 0}
#impresion .proyectos .owl-controls{display: flex!important;flex-direction: row;justify-content: center;}
#impresion .proyectos .cont .item p:first-letter{text-transform: uppercase;}

.adelante{display: flex;flex-direction: row;justify-content: flex-end;align-items: center;flex-wrap: wrap;background: #000000/*background: url(../img/impresion/Banner/IMG_7398@2x.jpg);min-height: 500px;background-position: center;background-size: cover;background-repeat: no-repeat;height: auto*/}
/*.adelante .img{width: 50%;}*/
.adelante .info{width: 60%;display: flex;flex-direction: column;;margin-top: 30px;padding-bottom: 10px}
.adelante .info .cont{width: 90%;margin: 0 auto;max-width: 410px;display: flex;flex-direction: column;justify-content: flex-start;align-content: flex-start;align-items: flex-start;}
.adelante .info h1{color: white;text-align: left;margin-bottom: 10px;font-size: 40px;font-family: open-b}
.adelante .info p{color: white;text-align: left;margin-bottom: 40px;font-size: 16px;}
.adelante .info .box{display: flex;flex-direction: row;justify-content: center;align-items: center;margin-bottom: 3px;align-content: center;}
.adelante .info .box.margin{margin-bottom: 5px}
.adelante .info .box i{color: #1D9ADD;font-size: 35px;margin: 10px;}
.adelante .info .box p{font-size: 18px;margin: 0;font-family: open-b}
.adelante .info .box img{width: 30px;margin: 0 11px;}

.adelante .img{width: 40%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.adelante .img img{width: 100%}

.adelante.faro .info{width: 50%}
.adelante.faro .img{width: 50%}
.adelante.faro .info h1{font-size: 35px}
.adelante.faro .info h1 span{font-family: open-l}
.adelante.faro .info p strong{font-family: open-b;font-size: 20px}
.adelante.faro .info{margin-top: 0px;padding-top: 50px;box-sizing: border-box;}
.adelante.faro .info .cont{max-width: 550px}
.adelante.faro .info p{font-size: 15px}

.rigido{padding: 70px 0;background:white;}
.rigido .cont{display: flex;flex-direction: column;align-items: center;align-content: center;justify-content: center;}
.rigido .cont h1{font-size: 40px;font-family: open-l}
.rigido .cont span{font-family: open-b}
.rigido .cont p{font-size: 16px;text-align: center;margin-top: 10px;margin-bottom: 20px;font-family: open-l;margin-bottom: 50px;font-weight: 600}
.rigido .cont img{width: 100%;object-fit: cover;max-width: 700px}

.impresion-material{background: #0f0f0f;padding: 60px 0;} 
.impresion-material .cont{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: }
.impresion-material .cont h1{color: white;margin-bottom: 10px;font-size: 30px;text-align: center;}
.impresion-material .cont h1 span{color: #1D9ADD;}
.impresion-material .cont p{color: white;margin-bottom: 50px;font-size: 16px;text-align: center;}
.impresion-material .cont img{max-width: 800px;width: 90%}
.impresion-material .cont img.img-mv{display: none}

.impresion-material .cont ul{list-style: none;padding: 0;margin-top: 15px;display: none;}
.impresion-material .cont ul li{font-size: 15px;color: white;margin-bottom: 15px;}

.tela{padding: 50px 0;display: flex;flex-direction: row;justify-content: flex-end;background: white}
.tela .cont{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;align-items: center;width: 100%;max-width: 1222px}
.tela .cont .info{width:40%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;justify-content: flex-start;padding-right: 5%;box-sizing: border-box;}
.tela .cont .info h1{color: #444444;text-align: left;margin-bottom: 10px;font-size: 40px;font-family: open-l;line-height: 41px}
.tela .cont .info h1 span{color: #1D9ADD;font-family: open-b}
.tela .cont .info .des{color: #0f0f0f;text-align: left;margin-bottom: 20px;font-size: 14px;font-family: open-l;max-width: 400px}
.tela .cont .info .box{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;width: 100%;max-width: 373px}
.tela .cont .info .box .contain{margin-right: 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.tela .cont .info .box .icon-cont{margin-bottom: 6px}
.tela .cont .info .box .contain p{text-align: center;color: #7a7a7a}
.tela .cont .info a{padding: 10px;max-width: 170px;width: 170px}

.tela .cont .img{width: 60%;display: flex;flex-direction: row;align-items: center;justify-content: center;;max-width: 816.45px}
.tela .cont .img img{width: 100%}

.limites{min-height: 95vh;background: url('../img/impresion/impresion-instalacion-torre-de-control-aeropuerto.jpg');background-size: cover;background-repeat: no-repeat;background-position: center;display: flex;flex-direction: row;justify-content: flex-end;align-items: flex-end;align-content: flex-end;}
.limites .cont .max-widht4{margin: 0}
.limites .cont{display: flex;flex-direction: row;justify-content: flex-end;align-items: flex-end;align-content: flex-end;height: 100%;}
.limites .cont .container{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;width: 50%;margin-bottom: 30px}
.limites .cont h1{color: white;font-size: 32px;margin-bottom: 15px;text-align: left;}
.limites .cont h1 span{font-family: open-b}
.limites .cont .desc{color: white;font-size: 16px;text-align: justify;margin-bottom: 30px;max-width: 465px;font-weight: 600}
.limites .cont .box{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;}
.limites .cont .box img{width: 140px;object-fit: cover;margin-right: 15px;border-radius: 5px;height: 160px}
.limites .cont .box .container{display: flex;flex-direction: column;}
.limites .cont .box .container .cabecera{display: flex;flex-direction: row;justify-content: center;align-items: center;padding-bottom: 3px;border-bottom: 2px solid white;align-content: center;margin-bottom: 10px}
.limites .cont .box .container .cabecera p:last-child{margin-top: 10px}
.limites .cont .box .container p.numero{font-size: 50px;font-family: open-b;margin: 10px}
.limites .cont .box .container p{color: white;font-size: 15px;text-align: left;margin-bottom: 5px}
.limites .cont .box .container p strong{font-weight: bold;}
.limites .cont .box .container .cabecera p{margin-bottom: 0}

.logramos{padding: 20px 0;background: white}
.logramos .cont{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;align-content: center;}
.logramos .cont p{font-size: 18px;text-align: left;color: #292929;margin: 10px}
.logramos .cont a{margin: 0;max-width: 135px;width: 135px;padding: 5px}
.logramos .cont a span{font-size: 16px}


.material-movil{flex-direction: row;justify-content: center;align-items: center;position: relative;height: 300px;width: 100%;background: url('../img/impresion/cualquier-material-edit-mobile-version-blanco.jpg');background-size: cover;background-repeat: no-repeat;background-position: center;}
.material-movil img{width: 100%;}

/** instalacion **/

/*#instalacion .banner-home .item{background: url(../img/instalacion/servicio-instalacion-americansign.jpg);background-position: center!important;}*/
/*#instalacion .banner-home .item{justify-content: center;align-items: center;}*/
/*#instalacion .banner-home .item .box{display: flex;flex-direction: column;justify-content: flex-s;}*/

#instalacion .banner-home .item{background: url('../img/instalacion/servicio-instalacion-americansign.jpg');position: relative;}
#instalacion .banner-home .item:after{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);content: ''}
/*#instalacion .banner-home .item .box h1{color: black!important}
#instalacion .banner-home .item .box p{color: black!important}*/
#instalacion .banner-home .item .box{display: flex;flex-direction: row;justify-content: flex-end;}

#instalacion .banner-home .item .box h1{text-align: center;color: white;/*font-size: 40px*/}
#instalacion .banner-home .item .box p{text-align:center;color: white;font-size: 18px;font-weight: initial;}

.proceso{padding: 50px 0;background: #000000}
.proceso .cont{display: flex;flex-direction: column;}
.proceso .cont .cabecera{display: flex;flex-direction: row;justify-content: center;align-items: center;margin-bottom: 15px}
.proceso .cont .cabecera h2{color: white;font-size: 35px;margin-right: 20px;font-weight: bold;font-family: open-l}
.proceso .cont .cabecera .icon-cont{border: 2px solid #1D9ADD;box-sizing: border-box;background: transparent;width: 70px;height: 70px}
.proceso .cont .cabecera .icon-cont i{color: #1D9ADD;font-size: 35px}
.proceso .cont .info{display: flex;flex-direction: row;justify-content: center;align-items: flex-start;flex-wrap: wrap;}
.proceso .cont .info .box{display: flex;flex-direction: column;width: 50%;max-width: 300px;margin: 0 4%}
.proceso .cont .info .box p{text-align: left;color: white;font-size: 15px;}
.proceso .cont .info .box ul{padding: 0;margin-top: 10px;list-style: none}
.proceso .cont .info .box ul li{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;margin-bottom: 5px}
.proceso .cont .info .box ul li i{color: white;font-size: 20px;margin-right: 10px}
.proceso .cont .info .box ul li p{}

.pasos{background: white;padding: 50px 0;}
.pasos .cont{display: flex;flex-direction: row;justify-content: center;align-items: stretch;flex-wrap: wrap;}
.pasos .cont .container{display: flex;flex-direction: column;width: 50%;padding: 2%;box-sizing: border-box;}
.pasos .cont .container:first-child{justify-content: flex-start;align-items: center;align-content: center;}
.pasos .cont .container img{width: 95%;height: 45%;margin: 5% 0;object-fit: cover;font-weight: bold;font-family: open-l;margin-top: 0}
.pasos .cont .container h1{color: #0c0c0c;font-size: 30px;text-align: left;margin-top: 50px;font-family: open-b}
.pasos .cont .container small{font-size: 20px;color: #1D9ADD}
.pasos .cont .container p{text-align: left;color: #666666}
.pasos .cont .container .desc{margin: 20px 0;font-size: 15px;max-width: 350px}
.pasos .cont .container .box{display: flex;flex-direction: column;box-sizing: border-box;position: relative;}
.pasos .cont .container .box:after{content: '';width: 2px;background:  #1D9ADD;height: 500px;position: absolute;left: 0;top: 83px}
.pasos .cont .container .paso{display: flex;flex-direction: column;padding-bottom: 30px;position: relative;box-sizing: border-box;;padding-left: 50px;}
.pasos .cont .container .paso.border{border: 0;}
.pasos .cont .container .paso h2{font-weight: bold;font-size: 16px;text-align: left;margin-bottom: 10px}
.pasos .cont .container .paso p{font-size: 13px;}
.pasos .cont .container .paso .numero{position: absolute;left: -27px;top: 25px;width: 45px;height: 45px;border-radius: 50%;color: white;z-index: 2;display: flex;flex-direction: row;justify-content: center;align-items: center;border: white 5px solid}
.pasos .cont .container .paso .numero p{color: white}

#instalacion .facilidades{padding: 30px 0}
.facilidades.gray{background: #202125}
.facilidades.gray .cont .box p{color: white}
.facilidades.gray .cont .box h2{color: white}

.tri-gallery{display: flex;flex-direction: row;flex-wrap: wrap;}
.tri-gallery.gray{background: #202125}
.tri-gallery .image{width: 33%;background-position: center!important;background-repeat: no-repeat!important;background-size: cover!important;}


/**rotulacion**/

#rotulacion .banner-home .item{background: url('../img/rotulacion/banner-rotulacion.jpg');justify-content: center;align-items: center;position: relative;}
#rotulacion .banner-home .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);content: ''}

#rotulacion .banner-home .item .box p{color: #1D9ADD}
#rotulacion .banner-home .item .box h1{/*font-size: 40px*/}

.contamos{display: flex;flex-direction: row;justify-content: center;align-items: stretch;flex-wrap: wrap;background: #000000}
.contamos .img{width: 50%;background: url('../img/rotulacion/corte-de-vinil-en-plotter.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;min-height: 400px}
.contamos .info{display: flex;flex-direction: row;justify-content: center;align-items: center;width: 50%;min-height: 400px}
.contamos .info .cont{max-width: 400px;width: 90%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.contamos .info .cont .icon-cont{width: 65px;height: 65px}
.contamos .info .cont .icon-cont i{font-size: 37px}
.contamos .info .cont p{text-align: left;color: white;margin: 20px;font-size: 14px;line-height: 23px;}

.viniles{padding: 50px 0;background: #f5f5f5;display: flex;flex-direction: row;background: #f5f5f5}
.viniles .cont{display: flex;flex-direction: column;}
.viniles .cont h1{font-size: 30px;line-height: 28px;text-align: center;margin-bottom: 30px}
.viniles .cont h1 small{color: #1D9ADD;font-size: 18px;font-style:italic;font-weight: bold;}

.viniles .container{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin-top: 20px}
.viniles .container .vinil{width: 32%;margin-bottom: 15px;display: flex;flex-direction: column;background: white}
.viniles .container .vinil img{width: 100%;height: 200px;object-fit: cover;}
.viniles .container .vinil .titles{background: #1D9ADD;padding: 5px 10px;min-height: 57px;display: flex;flex-direction: row-reverse;justify-content: center;align-items: center;}
.viniles .container .vinil h2{text-align: center;color: white;font-size: 14px;font-weight: bold;letter-spacing: 1.5px}
.viniles .container .vinil p{font-size: 13px;width: 90%;max-width: 260px;text-align: left;color: #444444;margin: 0 auto;padding: 10px 5px}
.viniles p.desc{font-size: 13px;text-align: center;color: #444444;width: 90%;margin: 0 auto;margin-top: 30px;} 

.rotulaciones{background: #000000;padding: 40px 0}
.rotulaciones h1{color: white;font-size: 28px;margin-bottom: 25px;text-align: center;font-weight: bold;}
.rotulaciones .container{display: flex;flex-direction: row;justify-content: center;justify-content: space-around;align-items: flex-start;flex-wrap: wrap;}
.rotulaciones .container .box{margin: 5px;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;min-width: 140px}
.rotulaciones .container .box .icon-cont{width: 75px;height: 75px}
.rotulaciones .container .box .icon-cont i{font-size: 42px}
.rotulaciones .container .box p{color: white;text-align: center;margin-top: 10px;font-family: open-l;font-weight: bold;letter-spacing: 2px}

.viniles.aplicaiones .cont h1{color: #1D9ADD;font-weight: bold}
.viniles.aplicaiones{background: white}

.garantia .cont{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap}
.garantia .cont img{width: 220px;}
.garantia .cont .info{display: flex;flex-direction: column;flex-grow: 1;max-width: 600px;justify-content: flex-start;align-items: flex-start;align-content: flex-start;padding: 10px 0;}
.garantia .cont .info h3{color: #707070;font-size: 22px;text-align: left;font-weight: bold;margin-bottom: 10px}
.garantia .cont .info p{color: #707070;font-size: 14px;text-align: left;width: 90%}
.garantia .cont .info a{font-size: 12px;margin-top: 15px;text-align: left;color: #1D9ADD;font-family: open-b;font-weight: bold;;padding-bottom: 3px;border-bottom: 1px solid #1D9ADD}

/** señalizacion **/

#senalizacion .banner-home .item{background: url('../img/senalizacion/banner/banner-senalizacion-americansign.jpg')}
#senalizacion .banner-home .item .box h1{/*font-size: 50px*/}
#senalizacion .banner-home .item .box p{/*font-size: 16px*/;max-width: 400px}

.comunica{background: white;padding: 50px 0}
.comunica .cont{display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.comunica .cont .img{width: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.comunica .cont .img img{width: 90%;max-width: 400px}
.comunica .cont .text{display: flex;flex-direction: row;justify-content: center;align-items: flex-start;width: 50%}
.comunica .cont .text .box{display: flex;flex-direction: column;margin-left: 10px;max-width: 300px}
.comunica .cont .text .box h1{font-size: 22px;color: #444547;text-align: left;margin-bottom: 10px;font-weight: bold}
.comunica .cont .text .box p{font-size: 13px;color: #444547;text-align: left;}
.comunica .cont .text .icon-cont{width: 40px;height: 40px;}
.comunica .cont .text .icon-cont i{font-size: 24px}

#senalizacion .proyectos.black{background: #000000}
#senalizacion .proyectos.black h2{color: white}
#senalizacion .proyectos .cont .owl-page span{background: #414343}
#senalizacion .proyectos .cont .owl-page.active span{background: white}

.seguridad{padding: 50px 0;background: #f2efef}
.seguridad .cont{display: flex;flex-direction: column;}
.seguridad .cont h1{text-align: center;font-size: 35px;line-height: 25px;font-family: open-l;font-weight: bold;}
.seguridad .cont small{font-size: 15px;font-weight: normal;max-width: 500px;margin: 0 auto;margin-top: 10px;text-align: center;margin-bottom: 40px;font-family: open-l;}
.seguridad .cont .box{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.seguridad .cont .box .content{width: 24%;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;margin-bottom: 10px}
.seguridad .cont .box .content img{width: 100%;height: 210px;object-fit: cover;margin-bottom: 10px;border-radius: 10px}
.seguridad .cont .box .content h3{font-weight: bold;font-size: 18px;margin-bottom: 5px;text-align: left;width: 80%}
.seguridad .cont .box .content p{font-family: open-l;font-size: 15px;text-align: left;width: 80%}

.desicion{padding: 40px 0;background: url('../img/senalizacion/banner/fondo-señalizacion.jpg');background-position: center;background-size: cover}
.desicion p{width: 90%;max-width: 500px;color: white;text-align: center;font-size: 18px;margin: 0 auto;line-height: 30px}

.espacios{padding: 50px 0;background: white}
.espacios h2{font-size: 25px;text-align: center;margin-bottom: 20px;font-family: open-l;font-weight: bold;}
.espacios h2 span{color: #1D9ADD}
.espacios .desc{width: 90%;max-width: 495px;text-align: center;font-size: 15px;margin: 0 auto;margin-bottom: 50px}
.espacios .box{display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.espacios .box .espacio{width: 32%;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;align-content: center;margin: 1% 0}
.espacios .box .espacio img{width: 95%;max-width: 260px;object-fit: contain;max-height: 300px;min-height: 300px;margin-bottom: 5px}
.espacios .box .espacio h1{font-size: 16px;text-align: left;width: 90%;max-width: 230px;margin-bottom: 5px;font-weight: bold;}
.espacios .box .espacio p{font-size: 13px;text-align: left;width: 90%;max-width: 250px;font-family: open-l;margin-bottom: 5px;}
.espacios .box .espacio .button{background: transparent;width: 230px;max-width: 230px;border: 1px solid #1D9ADD;}
.espacios .box .espacio .button span{color: #1D9ADD}

.box-cont{display: flex;flex-direction: column;width: 100%;}

.espacios .box .espacio .button:hover{background: #1D9ADD}
.espacios .box .espacio .button:hover span{color: white}

#esenciales .viniles .container .vinil h2{background:  #1D9ADD;padding: 6px 0}
#decoprint .viniles .container .vinil h2{background:  #1D9ADD;padding: 6px 0}
#rotulacion .viniles .container .vinil h2{background:  #1D9ADD;padding: 6px 0}

.areas{display: flex;flex-direction: row;justify-content: center;align-items: stretch;background: #f6f8f9;flex-wrap: wrap;}
.areas .image{background: url('../img/senalizacion/banner/Senalizacion-covid-cancun.jpg');background-position: center;background-size: cover;width: 50%;min-height: 650px}
.areas .info{width: 50%;padding: 50px;display: flex;flex-direction: row;justify-content: center;align-items: center;box-sizing: border-box;padding-left: 10%}
.areas .info .container{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.areas .info h1{font-size: 34px;line-height: 25px;font-weight: bold;text-align: left;margin-bottom: 50px;width: 100%}
.areas .info h1 small{font-size: 16px;font-weight: normal;color: #1D9ADD;font-style: italic;}
.areas .info .cont{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;max-width: 550px;}
.areas .info .cont .area{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;margin-bottom: 30px;width: 200px;margin-right: 20px}
.areas .info .cont .area h2{margin-top: 10px;font-size: 16px;margin-bottom: 5px;font-weight: bold;text-align: left;}
.areas .info .cont .area ul{padding:0;list-style: none;max-width: 180px}
.areas .info .cont .area ul li{font-size: 13px;text-align: left;margin-bottom: 5px;font-family: open-l}
.areas .info .cont .area .icon-cont{width: 48px;height: 48px}
.areas .info .cont .area .icon-cont i{font-size: 28px}

.areas.covid .info .cont .area .icon-cont{width: inherit;height: inherit;background: inherit;border-radius: inherit}
.areas.covid .info .cont .area .icon-cont img{width: 60px;margin: 0 auto}

.areas.covid{position: relative;background: #DCDAD9}
.areas.covid:after{width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.6);content: '';left: 0;top: 0;position: absolute;}
.areas.covid .image{background: url('../img/esenciales/Nuestros-servicios.png');background-position: center;background-size: cover;width: 50%;min-height: 650px;position: relative;}
.areas.covid .image{width: 40%}
.areas.covid .info{width: 60%;position: relative;z-index: 2;background: transparent;}
.areas.covid .info .cont{max-width: 900px}
.areas.covid .info{padding: 30px}

.areas.covid .info h1, .areas.covid .info p,.areas.covid .info i, .areas.covid .info h2{color: white}
.areas.covid .info .cont .area{width: 300px;margin-right: 0px}
.areas.covid .info h1{text-align: center;text-transform: inherit}

.inclusiva{background: #eeeeee;padding: 60px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.inclusiva .info{width: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 20px 0;position: relative;}
.inclusiva .info .cont{width: 90%;max-width: 400px;position: relative;display: flex;flex-direction: column;}
.inclusiva .info .cont h1{text-align: left;font-size: 30px;color: #505050;margin-bottom: 10px;font-weight: bold}
.inclusiva .info .cont h1 span{color: #1D9ADD}
.inclusiva .info .cont p{text-align: left;font-size: ;color: #505050;max-width: 320px;font-size: 14px;}
.inclusiva .info .cont ul{margin: 15px 0;padding: 0;list-style: none}
.inclusiva .info .cont ul li{text-align: left;font-size: 14px;color: #505050;margin-bottom: 5px}
.inclusiva .info .cont img{position: absolute;top: -60px;right: -70px;width: 129px}
.inclusiva .img{width: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;position: relative;padding: 20px 0}
.inclusiva .img img{width: 90%;max-width: 550px;max-height: 430px;object-fit: contain;}
.inclusiva .info i{position: absolute;z-index: 10;right: 0;top: 50%;font-size: 20px}

.materiales-sen{padding: 50px 0;background: #ffffff}
.materiales-sen .cont{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.materiales-sen .cont h1{font-size: 30px;color: #1D9ADD;margin-bottom: 10px;text-align: center;}
.materiales-sen .cont p{font-size: 16px;max-width: 300px;text-align: center;font-family: open-l;font-weight: bold;color: #646464}
.materiales-sen .cont img{margin: 40px;margin-left: 150px;width: 90%;max-width: 700px}
.materiales-sen .cont p:last-child{max-width: 400px}

.envios{background: url('../img/senalizacion/banner/envios-senalizacion.jpg');background-position: right;background-size: cover;padding: 90px 0;}
.envios .cont{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;width: 90%;max-width: 1092px;margin: 0 auto}
.envios .cont .cabecera{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.envios .cont .cabecera h1{color: white;font-size: 34px; margin-bottom: 5px;text-align: left;margin-right: 15px}
.envios .cont .cabecera i{font-size: 38px;color: #1D9ADD}
.envios .cont p{color: white;font-size: 17px; margin-bottom: 5px;text-align: left;}

.envios .cont .button{background: transparent;}
.envios .cont .button span{color: #1D9ADD}

.envios .cont .button:hover{background: #1D9ADD}
.envios .cont .button:hover span{color: white}

.guiar{padding-top: 50px;background: #cacaca;display: flex;flex-direction: row;flex-wrap: wrap-reverse;justify-content: center;align-items: center;}
.guiar .img{width: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 0 5px;box-sizing: border-box;}
.guiar .img img{width: 90%;max-width: 700px;}
.guiar .info{width: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 20px 0}
.guiar .info .cont{width: 90%;max-width: 500px;}
.guiar .info h1{font-size: 38px;line-height: 30px;margin-bottom: 15px;text-align: left;font-family: open-l;font-weight: bold;color: #454545}
.guiar .info h1 small{font-size: 22px;font-weight: normal;}
.guiar .info p{font-size: 15px;text-align: left;max-width: 360px;margin-bottom: 10px;color: #454545}

.banner-insta{padding: 20px 0;background: url('../img/instabanner/gradiante-instagram-home.jpg');width: 100%;display: flex;flex-direction: row;background-position: center;background-size: cover}
.banner-insta .cont{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.banner-insta .cont img{max-width: 250px}
.banner-insta .cont p{text-align: center;color: white;font-size: 14px;font-weight: bold}
.banner-insta .cont a{text-align: center;color: white;font-size: 10px;text-transform: uppercase;padding: 10px 18px;border: 2px solid white;transition: all ease-in-out .5s;border-radius: 5px}
.banner-insta .cont a:hover{background: white;color: black}

.instagram .cont .info .cabecera br{display: none}

/** esenciales **/

#esenciales .banner-home .item{background: url('../img/esenciales/Banner-brand-connect.jpg');background-position: center!important;position: relative;}
#esenciales .banner-home .item:after{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.4);content: '';z-index: 2;width: 100%;height: 100%}
#esenciales .banner-home .item .box{justify-content: center;align-items:center;position: relative;z-index: 10}
#esenciales .banner-home .item .box h1{text-align: center;/*font-size: 34px*/;margin-top: -50px}
#esenciales .banner-home .item .box p{text-align: center;color: #1D9ADD;/*font-size: 18px*/}

.entendemos{padding: 50px 0;background: #000000;margin-top: -10px;position: relative;z-index: 2;}
.entendemos .cont{display: flex;flex-direction: row;justify-content: space-around;align-items: center;}
.entendemos .cont i{color: #1D9ADD;font-size: 100px;}
.entendemos .cont p{text-align: justify;max-width: 450px;font-size: 15px;color: white}

#esenciales .viniles{background: white}
#esenciales .viniles h1{color: #4f4f4f;font-family: open-l}
#esenciales .viniles h1 span{color: #1D9ADD;font-family: open-b}

.seguros{padding: 50px 0;background: #eeeeee}
.seguros .cont{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.seguros .cont .info{display: flex;flex-direction: column;width: 90%;max-width: 400px;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
.seguros .cont .info h2{font-size: 25px;text-align: left;margin-bottom: 15px;font-family: open-l;max-width: 300px;}
.seguros .cont .info h2 strong{font-family: open-r}
.seguros .cont .info p{margin-bottom: 10px;font-size: 15px;text-align: left;max-width: 365px}
.seguros .cont img{width: 90%;max-width: 500px}

.calidad{padding: 50px 0;background: white}
.calidad .cont{display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.calidad .cont h1{font-weight: bold;;font-size: 30px;text-align: center;}
.calidad .cont p{font-size: 14px;text-align: center;margin-bottom: 30px;color: #4f4f4f}
.calidad .cont img{width: 100%;max-width: 700px}

.diferencia{display: flex;flex-direction: row;justify-content: center;align-items: stretch;flex-wrap: wrap-reverse;}
.diferencia .img{background: url('../img/esenciales/consultoria-mas-30-años.jpg');background-position: center;background-size: cover;width: 50%;min-height: 500px}
.diferencia .info{width: 50%;padding: 30px 0;display: flex;flex-direction: row;justify-content: center;align-items: center}
.diferencia .info .cont{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;width: 90%;max-width: 500px}
.diferencia .info .cont h2{font-family: open-l;font-size: 30px;text-align: left;margin-bottom: 15px;}
.diferencia .info .cont h2 span{color: #1D9ADD;font-family: open-b}
.diferencia .info .cont p{color: #4f4f4f;font-size: 15px;text-align: left;margin-bottom: 10px;max-width: 440px;}


.instagram{padding: 50px 0;background: #000000}
.instagram .cont{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap-reverse;}
.instagram .cont .img{width: 45%;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;}
.instagram .cont .img img{width: 90%;max-width:500px}
.instagram .cont .info{width: 55%;display: flex;flex-direction: column;justify-content: center;align-items: flex-end;align-content: center;}
.instagram .cont .info .box{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;align-content: flex-start;width: 100%;max-width: 455px}
.instagram .cont .info .cabecera{display: flex;flex-direction: row;margin-bottom: 5px;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
.instagram .cont .info .cabecera img{width: 60px;margin-right: 15px}
.instagram .cont .info .cabecera h1{color: white;font-family: open-b;line-height: 25px;font-size: 30px;text-align: left;}
.instagram .cont .info .cabecera small{font-family: open-l;font-size: 14px;}
.instagram .cont .info .cabecera .box{display: flex;flex-direction: column;}
.instagram .cont .info .cabecera .box p{color: white;margin-top: 10px;font-size: 13px}


.instagram .button i{color: white;margin-left: 10px;font-size: 15px}

/** Branding **/

.adn{padding: 30px 0;background: #1D9ADD;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.adn .cont{width: 90%;max-height: 500px;display: flex;flex-direction: column;}
.adn .cont h2{color: white;font-size: 30px;margin-bottom: 5px;text-align: center;}
.adn .cont p{color: #000000;text-align: center;font-size: 22px;}

.img-adn{background: #171717;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.img-adn img{object-fit: cover;width: 90%;max-width: 900px}
/**vehicular**/

#vehicular .banner-home .item{background: url('../img/vehicular/Banner/rotulacion-vehicular.jpg');background-position: right!important;}
#vehicular .banner-home .item .box h1{/*font-size: 48px*/}
#vehicular .banner-home .item .box p{/*font-size: 19px*/;max-width: 545px;}

#vehicular .usos .cont{flex-wrap: wrap;}
#vehicular .usos .cont .contain{margin: 0;width: 32%;padding: 10px 0;box-sizing: border-box;}
#vehicular .usos .cont h1{font-family: open-l;font-weight: bold;margin-bottom: 10px;color: #272727;font-size: 27.5px}
.usos .cont .desc{font-size: 16px;width: 90%;max-width: 420px;margin: 0 auto;margin-bottom: 30px;text-align: center;;color: #272727}
#vehicular .usos .cont .box .contain img{height: 230px;object-fit: cover;width: 100%}
#vehicular .usos .cont .box .contain p{background:  #1D9ADD;color:white;text-transform: uppercase;font-size: }

.exotic{padding: 50px 0;background: white}
.exotic .cont{}
.exotic .cont h1{line-height: 26px;text-align: center;margin-bottom: 15px;} 
.exotic .cont h1 strong{font-size: 40px;font-family: open-l;font-weight: bold;letter-spacing: 2px;text-transform: uppercase;}
.exotic .cont h1 small{font-size: 25px;color: #1D9ADD;}
.exotic .cont .box{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.exotic .cont .box img{width: 24%;height: 200px;object-fit: contain;}
.exotic .cont .desc {font-size: 17px;text-align: center;width: 90%;max-width: 660px;margin: 0 auto;font-family: open-l;}
.exotic .cont .desc strong{font-family: open-r}

.facilidades.wight{padding: 40px}
.facilidades.wight .cont .box{width: 270px}
.facilidades.wight .cont .box h2{font-size: 18px;margin-bottom: 13px}
.facilidades.wight .cont .box p{font-family: open-r;font-size: 14px}

.vehiculos{display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.vehiculos img{width: 100%;object-fit: cover;}

#vehicular .guiar{background: #e9e9e9;padding:60px 0;}
#vehicular .guiar .img{justify-content: flex-end;}
#vehicular .guiar .img img{max-width: 500px}

#vehicular .owl-controls{display: none!important}

/**news**/
#news .banner-home .item{background: url('../img/news/news-noticias-americansign-02.jpg');display: flex;flex-direction: row;justify-content: flex-end;align-items: center;background-position: center!important;}
#news .banner-home .item .box{width: 50%;background: #161616;height: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
#news .banner-home .item .box .cont{width: 90%;max-width: 500px;}
#news .banner-home .item .box .cont h1{font-size: 38px;font-family: open-b;line-height: 40px}
#news .banner-home .item .box .cont p{color: #848484;font-size: 16px;max-width: 370px}
#news .banner-home .item .box .cont p span{color: #1D9ADD}

#noticia .banner-home .item{background: url('../img/torneos/Banner-torneos-golf.jpg');display: flex;flex-direction: row;justify-content: center;align-items: ;background-position: center!important;position: relative;}
#noticia .banner-home .item:after{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.4);content: '';z-index: 2;width: 100%;height: 100%}
#noticia .banner-home .item .box {display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 10}

.noticias{padding: 50px 0}
.noticias h1{font-size: 30px;font-weight: bold;color: #000000;margin-bottom: 40px}
.noticias .box{display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;width: 90%;max-width: 1250px;margin: 0 auto;flex-wrap: wrap;}
.noticias .box.second{margin-top: 50px}
.noticias .noticia-big{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;padding: 0 5px;box-sizing: border-box;width: 31%;margin: 1% 0;position: relative;}
.noticias .noticia-big img{width: 100%;height: 230px;object-fit: cover;margin-bottom: 15px;border-radius: 10px}
.noticias .noticia-big h2{font-size: 18px;color: #000000;text-align: left;margin-bottom: 5px;font-family: open-b}
.noticias .noticia-big p{text-align: left;font-size: 15px;font-family: open-l;max-width: 340px}
.noticias .noticia-big a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1}

.noticias .noticia{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;width: 31%;margin: 1%}
.noticias .noticia img{width: 100px;height: 100px;object-fit: cover;border-radius: 10px;margin-right: 15px}
.noticias .noticia .info{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.noticias .noticia h2{font-size: 15px;color: #000000;text-align: left;margin-bottom: 5px;font-family: open-b}
.noticias .noticia p{text-align: left;font-size: 12px;font-family: open-l;max-width: 181px}
.noticias .noticia .cuadros1{width: 100px;height: 100px;object-fit: cover;border-radius: 10px;margin-right: 15px;background: #c4c4c4}
.noticias .noticia .cuadros2{width: 100px;height: 100px;object-fit: cover;border-radius: 10px;margin-right: 15px;background: #b1b1b1}

#noticia .cabecera-ban{padding: 80px 0;background: white;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#noticia .cabecera-ban h1{font-family: open-b;text-align: center;font-size: 40px}
#noticia .cabecera-ban .button{background: transparent;border: 1px solid #828282}
#noticia .cabecera-ban .button span{color: #828282}
#noticia .cabecera-ban p{color: #b0b0b0;font-size: 14px}

.banner-not{width: 100%;display: flex;flex-direction: column;}
.banner-not img{width: 100%}

.sin-limites{padding: 60px 0;background: #f8f8f8;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 80px}
.sin-limites h1{font-family: open-b;text-align: center;font-size: 30px}
.sin-limites p{font-size: 16px;margin-top: 15px;text-align: center;width: 90%;text-align: center;max-width: 800px;}

#noticia .definicion{display: flex;flex-direction: row;justify-content: space-between;align-content: stretch;background: #000000;flex-wrap: wrap;}
#noticia .definicion .cont{display: flex;flex-direction: row;justify-content: center;align-items: center;width: 32.5%}
#noticia .definicion .cont img{width: 100%;;object-fit: cover;}
#noticia .definicion .cont .box{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;max-width: 280px}
#noticia .definicion .cont .box h1{color: white;font-size: 24px;margin-bottom: 10px;font-family: open-b;text-align: left;}
#noticia .definicion .cont .box p{color: white;font-size: 14px;margin-bottom: 10px;text-align: left;}
#noticia .definicion .cont .box .button{border: 1px solid #1D9ADD;background: transparent;max-width: 150px}
#noticia .definicion .cont .box .button span{color: #1D9ADD}


#noticia .definicion .cont-img{width:65%}
#noticia .definicion .cont-img img{width: 50%}

#noticia .definicion .cont.one,#noticia .definicion .cont.two{width: 50%}
#noticia .definicion .cont.two .box{max-width: 350px}

#noticia .definicion .cont .box .button:hover{background: #1D9ADD}
#noticia .definicion .cont .box .button:hover span{color: white}

.estamos{padding: 40px 0;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;background: #f8f8f8}
.estamos .cont{width: 90%;max-width: 1231px;display: flex;flex-direction: row;flex-wrap: wrap;}
.estamos .cont .box{width: 40%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.estamos .cont .box .info{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;max-width: 310px}
.estamos .cont .box .info h1{font-size: 24px;margin-bottom: 10px;font-family: open-b;text-align: left;}
.estamos .cont .box .info p{font-size: 14px;margin-bottom: 10px;text-align: left;}
.estamos .cont .box .info .button{}
.estamos .cont .box .info .button span{}
.estamos .cont .box:last-child{width: 60%;}
.estamos .cont img{width: 100%;}

#noticia .estamos .cont .box{align-items: flex-start;}
#noticia .estamos .cont .box2{display: flex;flex-direction: row;}
#noticia .estamos .cont .box2 .foto{width: 50%}

.estamos .cont .button{border: 1px solid #1D9ADD;background: transparent;max-width: 200px}
.estamos .cont .button span{color: #1D9ADD}

.estamos .cont .button:hover{background: #1D9ADD}
.estamos .cont .button:hover span{color: white}

.desc-galery{padding: 40px 0;background: #f8f8f8;padding-bottom: 0}
.desc-galery p{font-size: 16px;text-align: center;}
.desc-galery p span{color: #1D9ADD}

.galeria-temp{background: #f8f8f8;padding: 40px 0}
.galeria-temp .item img{width: 100%;height: 350px;object-fit: cover;}
.galeria-temp  .owl-page span {background: #000000;width: 7px;display: inherit;height: 7px;border-radius: 50%;margin: 0 3px}
.galeria-temp  .owl-page.active span{background: #b1b1b1}

.galeria-temp  .owl-pagination{display: flex;flex-direction: row;height: 50px;justify-content: center;align-items: center;}

.similares.white{background: #f8f8f8}

/* disño grafico */

#diseno .banner-home .item{background: url('../img/diseno/servicio-diseño-grafico-americansign.jpg')}
#diseno .banner-home .item .box h1{color: white}
#diseno .banner-home .item .box p{color: white}
#diseno .banner-home .item .box{display: flex;flex-direction: row;justify-content: flex-end;}

#diseno .diferencia .info .cont h2{font-family: open-r;margin-bottom: 0px;font-weight: bold;}
#diseno .diferencia .info .cont h3{font-family: open-l;font-size: 20px;text-align: left;margin-bottom: 20px}
#diseno .diferencia .info .cont p{max-width: 400px;}
#diseno .diferencia .img{background: url(../img/diseno/Banner/branding_cons-04.jpg);background-position: center;background-size: cover;}

.digitales{background: #000000;padding: 40px 0}
.digitales .cont{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}
.digitales .cont .cabecera{width: 100%;margin-bottom: 40px}
.digitales .cont .cabecera h2{color: white;font-size: 22px;margin-bottom: 7px;text-align: left;font-family: open-b}
.digitales .cont .cabecera p{color: white;font-size: 16px;text-align: left;}
.digitales .cont .box{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;width: 33%;margin: 3% 0}
.digitales .cont .box i{color: #1D9ADD;font-size: 40px;margin-bottom: 10px;margin-bottom: 10px}
.digitales .cont .box h3{color: white;font-size: 16px;margin-bottom: 5px;font-family: open-b}
.digitales .cont .box p{color: white;font-size: 15px;}

#diseno .owl-pagination{display: none}
#diseno .proyectos{padding: 0}

/**deco print**/

#decoprint .banner-home .item{background: url('../img/deco/INICIODECOPRINT/Banner/decoracion-interiores-hoteles.jpg')}
#decoprint .banner-home .item .box{justify-content: center;align-items: center;align-content: center;}
#decoprint .banner-home .item .box p{margin-top: 20px}

#decoprint .destaque{background: white}
#decoprint .destaque .cont{display: flex;flex-direction: column;}
#decoprint .destaque .cont h3{color: #090909;}
#decoprint .destaque .cont h3 small{color: #090909;}
#decoprint .destaque .cont .images .box{width: 18%;margin: 1%;display: flex;flex-direction: column;position: relative;}
#decoprint .destaque .cont .images .box img{width: 100%;object-fit: cover;margin-bottom: 0;}
#decoprint .destaque .cont .images .box p{font-family: open-l;text-transform: uppercase;color: #090909;font-weight: bold;font-size: 14px}
#decoprint .destaque .cont .images .box a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2}

#decoprint .quienes .info{background: black}
#decoprint .quienes .img{width: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
#decoprint .quienes .img img{width: 100%;height: 100%;object-fit: cover;}
#decoprint .quienes .info{width: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;padding:30px  15px ;box-sizing: border-box;}
#decoprint .quienes .info .cont{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;width: 90%;max-width: 400px}
#decoprint .quienes .info h1{font-size: 30px;margin-bottom: 10px;text-align: left;color: white;}
#decoprint .quienes .info p{color: white;font-size: 16px;text-align: justify;line-height: 22px}

#decoprint .viniles{background: #f6f6f6}
#decoprint .viniles .cabecera{width: 100%;margin-bottom: 50px;display: flex;flex-direction: column;}
#decoprint .viniles .cabecera h2{text-align: center;font-size: 30px;color: black;margin-bottom: 5px}
#decoprint .viniles .cabecera h3{text-align: center;font-size: 18px;color: #6b6b6b;}
#decoprint .viniles .container .vinil img{margin-bottom: 0}

#decoprint .funciona .info{flex-direction: column;justify-content: center;align-items: flex-start;align-content: flex-start;}
#decoprint .funciona .info h1{margin-bottom: 10px;text-align: left;}
#decoprint .funciona .info h1 span{color: #30c7dc}
#decoprint .funciona .info p{color: white;margin-bottom: 10px;text-align: left;font-size: 16px;max-width: 400px}
#decoprint .funciona .info a{margin: 0}

#decoprint .viniles .container .vinil{background: transparent;}

.espacios-deco{background: url('../img/deco/room-set-decoracion-interior-americansign.jpg');position: relative;background-position: center;background-size: cover;height: 430px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.espacios-deco.bac{background: white}
.espacios-deco .cont{display: flex;flex-direction: row;justify-content: flex-end;align-items: center;}
.espacios-deco .cont .box{display: flex;flex-direction: column;max-width: 370px}
.espacios-deco .cont .box h1{text-align: left;;font-size: 25px;margin-bottom: 10px;max-width: 265px}
.espacios-deco .cont .box h1 span{color: #1D9ADD}
.espacios-deco .cont .box p{text-align: left;;font-size: 14px;font-family: open-l;max-width: 310px}



/** decohome **/

#decohome .banner-home .item{background: url('../img/deco/02HOME/deocoracion-interior.jpg');position: relative;background-position: left!important;}
#decohome .banner-home .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);content: ''}
#decohome .banner-home .item .box{justify-content: flex-end;align-items: flex-end;align-content: center;max-width: 900px!important;position: relative;z-index: 10}
#decohome .banner-home .item .box p{margin-top: 20px}

.hogar{display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;flex-wrap: wrap;background: white}
.hogar .info{width: 44%;background: #000000;padding: 20px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.hogar .info .cont{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;max-width: 320px;width: 90%;/*margin-left: 50px*/;position: relative;}
.hogar .info .cont h1{color: white;text-align: left;font-size: 28px;font-family: open-b}
.hogar .info .cont p{color: white;text-align: left;margin:10px 0;font-size: 14px;font-family: open-l;}
.hogar .info .cont p.max{font-size: 18px;max-width: 270px;margin-top: 3px}
.hogar .info .cont ul{color: white;text-align: left;font-size: 14px;font-family: open-r;padding: 0;list-style: none}
.hogar img{width: 23%;object-fit: cover;max-height: 420px}
.hogar .img{width: 18.65%;object-fit: cover;max-height: 420px}
.hogar img.big{width: 33%}
.hogar .images{width: 56%;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.hogar .images img{width: 33.3%;object-fit: cover;height: 100%}

.hogar .images{width: 56%}
.hogar .images img{width: 33.33%}

.hogar .info .cont.seguro{margin: 0;max-width: 400px}
.hogar .info .cont img{position: absolute;right: 23px;bottom: -10px;width: 130px;}

.destaque.deco-style{background: #ececec}
.destaque.deco-style .cont{display: flex;flex-direction: column;}
.destaque.deco-style .cont h3{color: #090909;}
.destaque.deco-style .cont h3 small{color: #090909;}
.destaque.deco-style .cont .images .box img{width: 100%;object-fit: cover;margin-bottom: 0px;}
.destaque.deco-style .cont .images .box p{font-family: open-l;text-transform: uppercase;color: #090909;font-weight: bold;font-size: 14px}
.destaque.deco-style .cont .images .box a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2}

#hoteles .banner-home .item{background: url('../img/deco/03HOTELES/Banner/decoracion-interior-hoteles.jpg');position: relative;background-position: left!important;}
/*#hoteles .banner-home .item:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);content: ''}*/
#hoteles .banner-home .item .box{justify-content: center;align-items: center;align-content: center;max-width: 900px!important;position: relative;z-index: 10}

.deco-desc{padding: 50px 0;background: white}
.deco-desc h1{text-align: center;font-size: 30px;line-height: 25px;font-family: open-r;font-weight: bold;}
.deco-desc p{font-size: 14px;font-weight: normal;max-width: 620px;margin: 0 auto;margin-top: 10px;text-align: center;font-family: open-l;}

.tri-gallery.deco-g{background: white;justify-content: space-between;margin: 0;}
.tri-gallery.deco-g .image{width: 33.33%;height: 270px}

#kids .banner-home .item{background: url('../img/deco/04KIDS/cuarto-para-juegos-decoracion-interior-infantil-ideas.jpg');position: relative;background-position: left!important;}
#kids .banner-home .item .box{justify-content: center;align-items: center;align-content: center;max-width: 900px!important;position: relative;z-index: 10}
#kids .max2{max-width: 350px;text-align: left;}
#kids .max2 strong{font-family: open-b}

.quienes .info .cont .box{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;margin-bottom: 10px}
.quienes .info .cont .box h1{margin-left: 10px}
.quienes .icon-cont{width: 30px;height: 30px}
.quienes .icon-cont i{font-size: 18px}
#kids .quienes .info h1{margin-bottom: 0}

#office .banner-home .item{background: url('../img/deco/01OFFICE/Banner/oficina-junta-.jpg');position: relative;background-position: left!important;}
#office .banner-home .item .box{justify-content: center;align-items: center;align-content: center;max-width: 900px!important;position: relative;z-index: 10}

#showroom .banner-home .item{background: url('../img/deco/05SHOWROOM/Banner/diseño-impresos-escaparate-en-tiendas.jpg');position: relative;background-position: left!important;}
#showroom .banner-home .item .box{justify-content: center;align-items: center;align-content: center;max-width: 900px!important;position: relative;z-index: 10}

#showroom .facilidades h1{color: white;text-align: center;max-width: 450px;text-transform: inherit;margin: 0 auto;margin-bottom: 40px;font-family: open-r;font-weight: bold}
#showroom .facilidades{background: #212226}
#showroom .facilidades .cont .box{width: 90%;max-width: 300px}
#showroom .facilidades .cont .box p{font-family: open-r;font-weight: bold;margin-top: 10px}

.gallery-show{display: flex;flex-direction: row;justify-content: center;align-items: center;;flex-wrap: wrap;}
.gallery-show img{width: 25%;}

#noticia .proyectos.noticias-slide .owl-controls{display: block!important;}

#router .proyectos.white.height .item img{height: inherit!important;}
#esenciales .proyectos.white.height .item img{height: inherit!important;}
.pc2{display: inherit;}
.movil2{display: none;}

.cabecera-proyect{display: flex;flex-direction: row;align-items: center;justify-content: center;margin-bottom: 40px}
.cabecera-proyect .icon-cont{background: #1D9ADD;margin-right: 10px}
.cabecera-proyect .icon-cont i{color: white;font-size: 25px;}
.cabecera-proyect h2{margin-bottom: 0px!important}
.cabecera-proyect h2 span{color: #2cc4eb}

/*footer*/

.nfooter{background: #000000;padding: 60px 0;;display: flex;flex-direction: row;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.nfooter .cont{width: 90%;max-width: 1092px;display: flex;flex-direction: column;}
.nfooter .cont .logo{width: 100%;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;margin-bottom: 20px}
.nfooter .cont .logo img{width: 30px}
.nfooter .cont .container{width: 100%;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.nfooter .cont .container .menu{width: 24%;}
.nfooter .cont .container .menu h1{color: #C6C6C6;font-size: 18px;text-align: left;font-weight: bold;}
.nfooter .cont .container .menu ul{padding: 0;margin-top: 30px}
.nfooter .cont .container .menu ul li{margin-bottom: 5px;list-style: none;}
.nfooter .cont .container .menu ul li a{padding-bottom: 2px;border-bottom: 1px solid transparent;box-sizing: border-box;transition: all ease-in-out -5s}
.nfooter .cont .container .menu ul li a:hover{border-bottom: 1px solid #C6C6C6;}
.nfooter .cont .container .menu ul li a span{color: #C6C6C6;font-size: 14px;text-align: left;font-family: open-l}
.nfooter .cont .container .menu ul li a:first-letter{text-transform: uppercase;}
.nfooter .cont .container .menu ul li a.video-link{padding-bottom: 2px;border-bottom: 1px solid #C6C6C6}

.nfooter .cont .container .redes{width: 28%;display: flex;flex-direction: column;}
.nfooter .cont .container .redes p{color: #C6C6C6;font-size: 18px;text-align: center;margin-bottom: 10px}
.nfooter .cont .container .redes .content{display: flex;flex-direction: row;justify-content: space-around;align-items: center;max-width: 205px;margin: 0 auto;width: 100%;}
.nfooter .cont .container .redes .content a{}
.nfooter .cont .container .redes .content a img{width: 23px}
.nfooter .cont .container .redes .content a.img img{width: 33px}

.copyrigt{padding-top: 20px;border-top: 2px solid #C6C6C6;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;width: 90%;max-width: 1092px;margin-top: 50px}
.copyrigt p{color: #C6C6C6;width: 48%;text-align: left;font-size: 16px}
.copyrigt a{color: #C6C6C6;font-size: 12px}

.clear{width: 100%}

@media(min-width: 1401px){

  .content-box-servicios .containers{width: 90%;margin: 0 auto;max-width: 2000px}
  #instalacion .banner-home .item{height: 78vh}

  .maxw{max-width: 1351px;margin: 0 auto}
  .maxw2{max-width: 1092px;margin: 0 auto}

  .diferencia .info .cont{max-width: 400px}

  .estamos{justify-content: space-between;}

  .estamos .cont .box {width: 40%;display: flex;flex-direction: column;justify-content: center;align-items: start;}

}


@media(max-width: 1105px){
.tela .cont{justify-content: center;}
.tela .cont .info{margin: 20px 0;width: 100%;max-width: 800px;justify-content: center;align-content: center;align-items: center;}
.tela .cont .img{width: 100%}
.tela .cont .info .des{text-align: center;}
}

@media(min-width: 1400px){
  .tela .cont{max-width: inherit;width: 90%}
  .tela .cont .img{width: 65%;}
  .tela .cont .info{width: 35%;max-width: 500px}
}


@media(min-width: 971px){
  .pasos .cont .container .box::after{height: 517px}
}

@media(min-width: 952px){
  #dropdown-content2{display: none!important}
  .movil-menu{display: none!important;}
  .hover-menu{display: inherit}
  .clic-menu{display: none!important;}
}

@media(max-width: 952px){
  .header .cont{position: relative;}
  .header .cont:after{background: #000;position: absolute;left: -23px;right: 0;top: -150px;width: 150%;height: 150px;z-index: -10;content: '';}
  .header .cont .links .link{margin-bottom: 15px!important;}
  .hover-menu{display: none!important}
  .clic-menu{display: inherit;}
  .menus-new{display: none!important} 
  .movil-menu{display: none;}
  .header .cont .links{position: fixed;right: -100%;top: 0;width: 70%;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100vh;background: #000;transition: all ease-in-out .5s}
  .open-menu{display: inline-block;}
  .movil-menu{display: none;}
  .header .cont .links .link.enlace.cerrar-dpr, .header .cont .links .link{margin: 0}
  .header .cont .links .link.enlace.cerrar-dpr, .header .cont .links .link,.header .cont .links ul{max-width: 150px;justify-content: flex-start;min-width: 150px}
  .header .cont .links ul{margin: 0}
  .header .cont .links ul ul{margin-left: 25px;margin-bottom: 15px}
  #dropdown-content{flex-direction: column;position: relative;}
  #dropdown-content .box{width: 100%;padding-bottom: 5px;border-bottom: 2px white solid;}
  #dropdown-content .box a{text-align: center;}
  .header .cont .links .link{width: 100%;text-align: center;}
  .header .cont .links .link a{text-align: center;font-size: 15px}
  .header .cont .links .link span{font-size: 16px}
  #dropdown-content{display: none!important;}
  .header .cont .links .link i{display: none}

  .menus-new{display: none!important;}

  .header .cont .links .link{min-height: inherit;}
  .header .cont .links ul{position: relative;right: inherit;}

  .dropdown-cont:hover .dropdowns{display: block;}
  #sub-drop:hover .sub-drop{display: block;}

  .menus-new {background: rgba(28,28,28,0.94);padding: 20px 0;align-items: center;justify-content: center;position: absolute;z-index: 1000000;right: 0;flex-direction: column;width: 50%;top: 90px;min-height: 300px;}

  .brillante .cont .box .info h1{font-size: 30px!important}

  .pasos .cont .container{width: 100%}
  .pasos .cont .container:first-child{order: 2}
  .pasos{padding: 20px 0}

}

@media(max-width: 1000px){
  .alucobond .cont{flex-wrap: wrap;}
  .alucobond .cont .info, .alucobond .map{width: 100%;}
  .alucobond .map .info-g.nucleo{top: 60px;left: 95px;}
}

@media(max-width: 950px){

  .tela{padding: 30px 15px 0px 15px; box-sizing: border-box;}

  .limites .cont .container{width: 100%;padding: 0 10px;box-sizing: border-box;margin: 0;justify-content: center;align-items: center;align-content: center;}
  .limites .cont .container .cabecera{width: 100%}

  .limites .cont .box{flex-direction: row;justify-content: center;align-items: center;align-content: center;width: 100%;flex-wrap: wrap;}

  .limites{min-height: 780px;background-position: left;background: url('../img/impresion/impresion-instalacion-torre-de-control-aeropuerto-movil.png');background-size: cover;background-repeat: no-repeat;background-position: center;}


}

@media(min-width: 971px){
  .pasos .cont .container .box::after{height: 387px}
}

@media(max-width: 860px){

    #quienes .info img{display: none}
    .galeria .title,
    .galeria .galeria-slide{width: 100%}
    .galeria .title{margin-bottom: 20px}
    .galeria .title h1, .galeria .title p{text-align: center;}
    .galeria .title i{display: none;}

    .funciona .video, .funciona .info{width: 100%}
    .funciona .info{order: 1;padding: 30px 0;}
    .funciona .video{order: 2}
    .funciona .video:after{display: none}

    #impresion .banner-home .item{height: auto;}
    #impresion .banner-home .item .box{justify-content: center;}
    #impresion .banner-home .item .box .cont,#impresion .banner-home .item .box .image{width: 100%;}
    #impresion .banner-home .item .box .image{height: 350px}

    #impresion .banner-home .item .box .cont{justify-content: center;align-items: center;align-content: center;}

    .galeria .title h1,.galeria .title p{margin: 0}

    
    .adelante .info{width: 100%;position: relative;margin-top: 0}
    .adelante .info:after{width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;background: rgba(0,0,0,0.7);content: '';z-index: 1}
    .adelante .info .cont{z-index: 2;position: relative;margin-top: 30px}
    .adelante .info  h1,.adelante .info p{color: white}
    .adelante{background-position: left;}

    .rigido .cont h1{font-size: 30px}

    .logramos .cont{flex-direction: column;justify-content: center;align-items: center;align-content: center;}
    .logramos .cont p{text-align: center;margin: 0;margin-bottom: 10px}

    .tela .cont .info h1{text-align: center;}

    /*#impresion .banner-home .item .box h1{font-size: 25px}*/
    /*#impresion .banner-home .item .box p{font-size: 14px }*/

    .pc{display: none;}
    .movil{display: flex!important;}

    .contamos .img,
    .contamos .info{min-height: 350px;width: 100%}

    .viniles .container .vinil{width: 48%}

    #neon .viniles .container .vinil{width: 48%}

    .areas .image,
    .areas .info{width: 100%}

    .areas.covid .image,
    .areas.covid .info{width: 100%}

    .areas .info .cont {justify-content: center;align-items: center;align-content: center;}
    .areas .info .cont .area{justify-content: center;align-items: center;align-content: center;}
    .areas .info .cont .area ul li{text-align: center;}

     .inclusiva .info, .inclusiva .img{width: 100%}

    .inclusiva .info .cont img{top: 110px;right: 10px}

    .materiales .cont img{margin-left: 120px}

    .definicion .cont, .estamos .cont .box{width: 100%!important}
    .definicion .cont .box,.estamos .cont .box{padding: 20px 0}
    .inclusiva .info i{display: none;}

    .banner-insta .cont{flex-direction: column;justify-content: center;align-items: center;align-content: center;}
    .banner-insta{background: url(../img/instabanner/gradiante-insta-movil.jpg);padding-bottom: 40px}
    .banner-insta .cont p{margin: 15px 0;margin-bottom: 30px}

}

@media(max-width: 800px){


    .cortes .info .cont{margin: 0 auto}

    .quienes .img{width: 60%}
    .quienes .info{width: 40%}
    .servicios .servicio p{font-size: 20px;}

    
    /*.wall-suite img{display: none}*/
    .covid .info,
    .covid .img{width: 100%}
    .covid .info .box{padding: 40px 0;justify-content: center;align-items: center;}
    .covid .info h1, .covid .info p{text-align: center;}
    .amor .box h1{font-size: 24px;}
    .wall-suite .cont p{text-align: justify;padding: 15px}

    .footer .cont .box{flex-direction: column;justify-content: center;align-items: flex-start;}
    .footer .box .dates:last-child{border: none!important}
    .footer .box .dates{width: 100%!important;}
    .footer .box .max{text-align: left;}
    
    .copy{justify-content: flex-start;}

    #fabric .quienes .img, #fabric .quienes .info{width: 100%}

    .detalles .cont{padding: 20px}

    .roll .cont .box,
    .definicion .img,
    .definicion .info,
    .convenciones .cont{width: 100%}


    .roll .cont .box{justify-content: center;align-items: center;}

    /*.materiales .cont .box .contain{width: 100%;margin: 10px 0;justify-content: center;align-items: center;align-content: center;}*/
    /*.materiales .cont .box .contain ul li{text-align: center;}*/

   .materiales .cont .box {display: flex;flex-direction: column;flex-wrap: wrap;justify-content: space-between;align-items: center;}
   .materiales .cont .box .contain .list ul {margin-left: 25px}

    .similares .cont .box .contain,.cortes .info, .cortes .image{width: 100%}

    .creatividad{height: 350px}

  

    .materiales .cont .info{justify-content: center;align-items: center;align-content: center;width: 100%}

    .tela .cont .info{padding-right: 0}

    .tri-gallery .image{width: 100%}

    .proceso .cont .cabecera{flex-direction: column;}

    .proceso .cont .info .box{width: 100%;margin-bottom: 15px}
    .proceso .cont .cabecera h2{margin: 0}

    .impactan .images img{width: 50%}
    

    .espacios .box .espacio{width: 48%}

    .seguridad .cont .box .content{width: 100%}

    .areas .info .cont {justify-content: center;align-items: center;align-content: center;}
    .areas .info .cont .area{justify-content: center;align-items: center;align-content: center;}
    .areas .info .cont .area ul li{text-align: center;}

    .materiales .cont img{margin-left: 80px}

    .guiar .img,.guiar .info,.comunica .cont .img,.comunica .cont .text,.diferencia .img ,.diferencia .info,.instagram .cont .img,.instagram .cont .info{width: 100%}
  
    .comunica .cont, .instagram .cont .info{padding: 20px 0}

    .instagram .cont .info .box{align-items: center;}

    .entendemos .cont p{font-size: 14px;margin-left: 20px}

    .vehiculos img{width: 100%}

    .noticias .noticia-big{width: 100%}
    .noticias .noticia{width: 100%}

    #decoprint .destaque .cont .images .box{width: 30%}


}

@media(max-width: 870px){

  .digitales .cont .box{width: 50%}

  .imgages-celosias img{width: 50%;object-fit: cover;}

  .adelante .info, .adelante .img{width: 100%!important}
  .tela .cont .img{padding-bottom: 20px}


}
@media(max-width: 768px){
    .servicios .servicio{width: 100%}
    .footer .box{width: 100%;padding: 10px}
    .quienes .img{width: 100%;order: 2}
    .quienes .info{width: 100%;order: 1}
    .centrales .cont{flex-direction: column;justify-content: center;align-content: center;align-items: center;width: 100%}
    .centrales{height: inherit;}
    .centrales .cont h1. .centrales .cont p{text-align: center;}
    .comprometidos .cont .box img{width: 100px}
    .ayudar .cont .box{width: 100%!important}
    .ayudar .cont .box img{width: 100%}

    .letras .cont .box{width: 98%}
    .amor .box{width: 100%}
    #caja .amor h1{margin-top: 30px}
    .amor .box h1{font-size: 22px;}

    .perfil .cont .box{width: 100%!important}

    .contacto .input{width: 100%}

    .brillante .cont .box{width: 100%!important;padding: 10px 0}

    .aplicaciones .cont .box,.cajas .cont .box{width: 100%!important}

    .perfil .cont .box .box-small h1{font-size: 20px}

    .banner-home .item{height: 450px;}

    .ayuda .fotos .img{width: 50%}

    #grupos .ayuda .fotos .img{object-fit: cover;height: 200px}

    .facilidades .cont{flex-direction: column;justify-content: center;align-items: center;}
    .facilidades .cont .box{margin-bottom: 10px}

    #caja .ayuda.imga .fotos .img{width: 50%!important}

    .banner-home .item .box h1{font-size: 26px}

    #display .item h1, #display .item p{text-align: center;}
    #display .banner-home .item{position: relative;}
    #display .banner-home .item:after{width: 100%;height: 100%;background: rgba(0,0,0,0.2);content: '';position: absolute;left: 0;top: 0}
    #display .banner-home .item .box{justify-content: center;align-items: center;position: relative;z-index: 2}
    #display .banner-home .item .button{display: none}

    #display .brillante .cont .box.order{order: 2}

    #display  .galeria .title.max{width: 100%!important;max-width: inherit;}

    .contenido{flex-wrap: wrap;}
    .contenido .info{width: 80%}

    .contenido .info .box img{order: 1}
    .channel-letter .contenido .info .box .cont{order: 2;align-items: flex-start!important;}
    .contenido .info .box .cont p{text-align: left;}
    .contenido .imagen{width: 100%}

    #display .brillante.stand{height: inherit;}

    #grupos .banner-home .item{background: url(../img/grupos/movil.jpg);}
    .banner-home .item .box h1, .banner-home .item .box p{text-align: center;}
    .banner-home .item .box .cont{align-items: center;width: 100%}

    #grupos .brillante.gray{background:white;}

    #grupos .brillante .cont .box .info h1{color: #1D9ADD;font-size: 30px}

    .convenciones .cont:last-child{flex-wrap: wrap;}
    .convenciones .cont .box{width: 45%}

    .exito{background: url(../img/grupos/casosmovil.jpg);background-size: cover;background-position-y: -40px;align-items: flex-start;padding-top: 60px;box-sizing: border-box;}

    .ayuda .cont{flex-direction: column;}
    .ayuda .cont .box h2{font-size: 24px}
    .ayuda .cont .box p{font-size: 14px;width: 85%}


    #caja .item {
        background: url(../img/back/banner.jpg);
        background-position: auto;
        background-position-x: -375px!important;
    }

    .banner-home .item .box{align-items: center;}

    #anuncios .quienes.luminosos{flex-wrap: wrap;}
    .quienes .info, .quienes .img{width: 100%!important}

    #fabric .item{background: url(../img/fabrick/movil.jpg);}
    /*.banner-home .item .box {align-items: flex-start;}*/

    .quienes .info h1{font-size: 25px}
    #fabric .quienes .img, #fabric .quienes .info{order: 1}

    .detalles, .detalles .cont .box{flex-direction: column;}

    .detalles .cont{flex-direction: row;}

    .detalles .cont .box p{text-align: center;}

    #router .banner-home .item .box h1, .banner-home .item .box h1{text-align: center;margin: 0 auto;margin-bottom: 15px}

    .fuciona .cont .box .contain{width: 100%;justify-content: center!important;align-items: center!important;align-content: center!important;}

    .fuciona .cont .box .contain p{text-align: center;}

    .usos .cont .box .contain, .destaque .cont .images .box{width: 100%!important}

    .kit .cont .image, .kit .cont .info{width: 100%;justify-content: center;align-items: center;align-content: center;padding: 20px 0;box-sizing: border-box;}
    .kit .cont .info p{text-align: center;}


    .destaque .cont .images .box img{height: 400px}

    .viniles .container .vinil,.viniles .container .vinil p{width: 100%}
    .viniles .container .vinil p{max-width: inherit;}

    #rotulacion .banner-home .item .box p{text-align: center;}
    .rotulaciones .container .box{min-width: 200px}

    .espacios .box .espacio{width: 100%}

    .materiales-sen .cont img{margin-left: 60px;width: 100%}
    #senalizacion .banner-home .item .box p{margin: 0 auto}

    #decoprint .destaque .cont .images .box{width: 48%}

    #decoprint .quienes .info .cont{justify-content: center;align-items: center;}
    #decoprint .quienes .info h1{text-align: center;}
    #decoprint .quienes .info p{text-align: center;}
/*
    .espacios-deco{position: relative;}
    .espacios-deco:after{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;content: ''}
    .espacios-deco .cont{position: relative;z-index: 2;justify-content: center;align-items: center;}
    .espacios-deco .cont .box h1,.espacios-deco .cont .box p{color: white}
*/  
    .espacios-deco.bac{height: inherit;}
    .espacios-deco.bac img{width: 100%;object-fit: cover}
    .espacios .box .espacio{align-items: center;}
    .espacios .box .espacio p,.espacios .box .espacio h1{text-align: center;}
    .box-cont{display: flex;flex-direction: column;width: 100%;justify-content: center;align-items: center;align-content: center;}
    .espacios-deco .cont .box {
    display: flex;
    flex-direction: column;
    max-width: 370px;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 20px;margin-bottom: 20px}
    .espacios-deco .cont .box h1,.espacios-deco .cont .box p{text-align: center;max-width: inherit;}

    #decoprint .funciona .info{align-items: center;}
    #decoprint .funciona .info p{text-align: center;}

    .hogar{flex-wrap: wrap;}
    .hogar .info{width: 100%}
    .hogar img{width: 50%!important;}
    .hogar .img{width: 33.33%!important;}

    .hogar .info .cont img{width: 150px!important}
    .deco-desc,.quienes .info .cont,.quienes .info .cont .box{justify-content: center;align-items: center;}
    .quienes .info .cont .box,.deco-desc{flex-direction: column;display: flex;}
    #showroom .quienes.black p{text-align: center!important;}
    .hogar .info .cont img {right: 3px;bottom: 5px;}

    .deco-desc h1{text-align: center;max-width: 300px;}

    .hogar .info .cont{justify-content: center;align-items: center;margin: 0;max-width: 420px}
    .hogar .info .cont h1{text-align: center;}
    .hogar .info .cont p{text-align: center;}

    .impresion-material .cont img.img-pc{display: none}
    .impresion-material .cont img.img-mv, .impresion-material .cont ul{display: inline-block;}
    .impresion-material{background: #000000}

    #display .galeria .galeria-slide{width: 100%}

    .centrales .max-widht{justify-content: center;padding: 10px 5px}

    .clientes .item{display: flex!important;flex-direction: row!important;justify-content: center!important;align-items: center!important;}
  .footer .cont{width: 75%}

  .garantia .cont{padding: 0 20px;box-sizing: border-box;}
  .viniles .cont h1{text-align: center;}
  .comunica .cont .img img{margin-bottom: 20px}

  #anuncios .contenido .info .box .cont h3{text-align: left;}
  .proyecte .cont{justify-content: center;}
  #channel .galeria.black .cont{justify-content: center;}
  #channel .galeria.black .title{width: 90%;margin: 0 auto;margin-bottom: 20px}
  #channel .galeria.black .galeria-slide .item p{text-align: center;}
  .definicion .info .box {display: flex;flex-direction: column;justify-content: center;align-content: center;align-items: center;}
  .alucobond .cont .info, .alucobond .map{padding: 0 20px;box-sizing: border-box;}
  .diseno .box{max-width: 90%;}
  .diseno .box br{display: none}
  .materiales .cont .box .contain{width: 100%}

  .materiales .cont .box .contain{width: 90%;align-items: flex-start;}
  .materiales .cont .box .contain img{margin-left: 0}
  .materiales .cont .box .contain .list ul{margin-left: 10px}

  .digitales .cont .cabecera h2,.digitales .cont .cabecera p{text-align: center;}

  .usos .cont .box .contain{width: 100%}

  .garantia .cont .info p{text-align: justify;}

  /*.hogar .info .cont{align-items: flex-start;}*/
  .hogar .info .cont img{width: 120px!important}
  #hoteles .hogar .info .cont{align-items: center;}

  #noticia .definicion .cont .box h1,#noticia .definicion .cont .box p,.estamos .cont .box .info p,.estamos .cont .box .info h1{text-align: center;}
  #noticia .definicion .cont .box,.estamos .cont .box .info{align-items: center;align-content: center;max-width: 90%;margin: 0 auto}
  .definicion .cont .box, .estamos .cont .box{padding: 20px 0}

  .comprometidos .cont .box img{width: 70px}

  .centrales .cont p,.ayudar .cont .box p{text-align: center;max-width: 90%}
  .ayudar .cont .box{align-items: center;align-content: center;}

  #rotulacion .viniles .container .vinil p{max-width: 90%!important}

  .areas .info h1{font-size: 34px}
  .inclusiva .info .cont h1{font-size: 28px}
  .guiar .info h1{font-size: 30px}

  .tri-gallery.deco-g .image{height: 150px}

  .destaque .cont h3,.instagram .cont .info .cabecera h1, #home .banner-home .item .box h1,.usos .cont h1,.proyectos .cont h2{line-height: 35px}
  .proyectos .cont small{line-height: inherit!important}
  .quienes .info h1{text-align: center;}

  #home .banner-home .item .box{width: 100%;justify-content: center;align-items: center;align-content: center;}

  #decohome .hogar .info .cont {align-items: center;}

  #anuncios .channel-letter h1{line-height: 35px}
  #anuncios .quienes .info p{text-align: center;}

  .contenido .info .box .cont h3{text-align: left;}
  .channel-letter h1{font-size: 30px}
  .estamos .cont{width: 100%}

  .contacto form{width: 100%}
  .separadorc{display: none;}

  .hogar .images{width: 100%}
  .hogar .info .cont p.max {
    text-align: left;
    max-width: 200px;
    font-size: 16px;}

    .cabecera-proyect{flex-direction: column;}
    .cabecera-proyect .icon-cont{margin-bottom: 10px}

}
.movil-piva{display: none}

@media(min-width: 647px){
  .pasos .cont .container .box::after{height: 450px}
}

@media(max-width: 600px){
  .limites{background: url(../img/impresion/torre-control-impresion-gran-formato.jpg);background-position: center!important;background-size: cover!important;height: 1420px;}
  .tela{padding-bottom: 20px}

  #neon .viniles .container .vinil{width: 90%;margin: 10px auto
 }

  #kids .max2{max-width: 400px}
  .quienes .info .cont{width: 100%;max-width: 416px}

  #laser .diseno{height: 200px}

  .adelante .info{padding-bottom:40px}
  .adelante.movil .info{display: flex;}
  .adelante.movil{background: white;}

  
  .adelante .info:after {display: none}

  .envios .cont{display: none}
  .envios.movil{background: white;}
  .envios.movil .cont{display: flex;}
  .envios .cont .cabecera h1, .envios .cont p{color: black}

  .comprometidos .cont .box img{width: 50px}
  .comprometidos .cont .box{}

  .rotulaciones h1{text-align: center;}

  .areas .info h1{font-size: 26px}
  .inclusiva .info .cont h1{font-size: 26px}

  .inclusiva .info .cont img {top: 125px;right: 10px;width: 100px}
  .guiar .info h1{font-size: 28px}
  .guiar .info h1 small{font-size: 18px}

  .banner-home .item .box h1{font-size: 30px!important}
  #diseno .banner-home .item{background-position: left!important;}

  .banner-home .item{position: relative;}
  .banner-home .item:after{background: rgba(0,0,0,0.3);position: absolute;left: 0;top:0;width: 100%;height: 100%;content: ''}
  .banner-home .item .box {position: relative;z-index: 100;z-index: 10}

  .hogar .info .cont img{width: 80px!important}
  #decohome .hogar .info .cont img{right: -13px}

  .seguridad .cont h1{font-size: 30px;line-height: 35px}

  #anuncios .channel-letter h1{font-size: 35px}

  .wall-suite .cont h1{font-size: 26px}
  .wall-suite .cont p{max-width: 305px}

  #decoprint .funciona .info{padding-left: 15px;padding-right: 15px;box-sizing: border-box;}

  .footer .box .dates:last-child{margin-top: 20px}

  .nfooter .cont .container .menu{width: 50%;margin-bottom: 20px}
  .nfooter .cont .container .redes{width: 60%;justify-content: flex-start;align-content: flex-start;align-items: flex-start;}
  .nfooter .cont .container .redes .content{max-width: inherit;justify-content: flex-start;align-content: flex-start;align-items: center;}
  .nfooter .cont .container .redes .content a{margin-right: 10px}

  .copyrigt a{display: none}
  .movil-piva{display: inherit;text-align: center;margin-top: 20px}
  .copyrigt p, .copyrigt a span{width: 100%;text-align: center;font-size: 14px;text-align: center;}
  .movil-piva a{display: inherit;width: 100%;text-align: center;font-size: 10px;margin-top: 0px;display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;}
  .nfooter .cont .container .redes p{text-align: left;}
  .nfooter .cont .container .redes .content{max-width: 202px;justify-content: space-between;margin: 0}

  #gracias .banner-home .item .box h1{font-size: 45px;line-height: 45px}

}

/* 
@media(min-width: 1250px){
  #dropdown-content {right: -154px;min-width: 1090px;}
}

@media(min-width: 1200px){
  #dropdown-content {right: -204px;min-width: 1090px;}
}

@media(min-width: 1150px){
  #dropdown-content {right: -204px;min-width: 1090px;}

*/

@media(max-width: 580px){
  .alucobond .map .info-g .text{order: 1}
  .alucobond .map .info-g img{order: 2}
  .alucobond .map .info-g.nucleo{top: 30px;left: 80px;}
  .alucobond .map .info-g.aluminio {top: 105px;right: 25px;}

  .seguridad .cont h1{font-size: 27px}
  .seguridad .cont{padding-left: 10px;padding-right: 10px;box-sizing: border-box;}

  .digitales .cont .box{width: 100%;justify-content: center;align-items: center;}
  .digitales .cont .box p{text-align: center;}

  .banner-home .item .box h1{font-size: 25px!important}

  .areas .info h1{font-size: 22px}

  #anuncios .channel-letter h1{font-size: 22px!important}

  .seguridad .cont .box .content h3{padding-top: 10px}
  .seguridad .cont .box .content p{padding-bottom: 10px}

  .pc2{display: none}
  .movil2{display: inherit;}

  .video-background-container{height: 80vh}
  

}



@media(max-width: 520px){
  .alucobond .map .info-g.nucleo {top: -10px;left: -10px;}
  .alucobond .map .info-g.aluminio {top: 85px;right: 50px;}
}

@media(min-width: 1500px){
    .banner-home .item{height: 60vh}

}


@media(min-width: 450px){
  .pasos .cont .container .box::after{height: 548px}
}


/*///////////////////////////////////////////////interactive map////////////////////////////////*/

#mapWrap{
    position: relative;
    width: 100%;
}

#mapDiv{
     position: absolute;
     cursor:pointer;
     left: 0;
     top: 0;
}
#mapCanvas{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 3;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #mapDiv{
    display: none;
  }
  #mapCanvas{
    display: none;
  }
}
#mapImg{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: 100%;
}
.pinMap{
    position: absolute;
    margin: auto;
    height: 20px;
}

.roll .cont .box a .circle{
  
  box-shadow: 0px 0px 10px #1D9ADD;
  animation: infinite resplandorAnimation 2s;}

.Selector{
  border: 1px solid #1D9ADD;
  padding: 5px 5px;
  box-shadow: 0px 0px 10px #1D9ADD;
  animation: infinite resplandorAnimation 2s;
  
}
@keyframes resplandorAnimation {
  0%,100%{
    box-shadow: 0px 0px 20px;
  }
  50%{
  box-shadow: 0px 0px 0px;
  
  }

}

.pinMap path{
    fill: #249547;
}
#locationContainer{
    display: none;
    
    width: auto;
    /*min-height: 100px;*/
    position: absolute;
    margin: auto;
    z-index: 4;
}
.mapa{padding: 80px 0 40px 0}
#locationContainer .mainContent{
  display: flex;flex-direction: row;justify-content: center;align-items: center;
}
#locationContainer .mainContent.top{flex-direction: column;}
#locationContainer .mainContent.top2{flex-direction: column;justify-content: flex-start;align-items: flex-start;}

#locationContainer .mainContent .cont h1{font-size: 18px;text-align: left;font-weight: 600}
#locationContainer .mainContent .cont p{text-align: justify;font-size: 15px;font-family: open-l}

#locationContainer .mainContent .cont{

    border: 1px solid #323232;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    min-width: 300px;
    max-width: 300px
}
#locationContainer .mainContent img{
  width: 95px;height: 95px;border-radius: 50%;margin-left: 10px
}
#locationContainer .mainContent .crossContainer{
    width: 100%;
    height: 20px;
    position:relative;
}
#locationContainer .mainContent .crossContainer div{
    position: absolute;
    right: 0;
    margin:auto;
    font-weight: bold;
    color: #249547;
    margin-right: 5px;
    font-size: 25px;
}
/*
#locationContainer .mainContent .infoContent{
    width: 85%;
    height: 100%;
}
*/
#locationContainer .mainContent .infoContent{background-color: rgba(255,255,255,0.9);}
#locationContainer .mainContent .infoContent .sub{
    text-align: center;
    font-size: 14px;
    margin-bottom: 5px;
}
#locationContainer .mainContent .infoContent .title{
    font-size: 35px;
    font-weight: bold;
    color: #3D41A2;
    text-align: center;
    text-transform: uppercase;
    font-family: Bebas-b;
}
#locationContainer .mainContent .infoContent .title span{
    color: #249547;
}
#locationContainer .mainContent .infoContent .pinHolder{
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: -10px;
    position: relative;
}
#locationContainer .mainContent .infoContent .pin{
    width: 90%;
    max-width: 152px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
}
#locationContainer .mainContent .infoContent .pin path{
    fill: #249547!important;
}

#locationContainer .mainContent .infoContent .direction{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: Ari-b;
    text-transform: uppercase;
}
#locationContainer .mainContent .infoContent .info{
    text-align: justify;
    font-size: 14px;
    margin-top: 20px;
}


#locationContainer .mainContent .infoContent .textContainer{
    overflow-y:auto;
    height: 75%;
    padding: 2%
}
#locationContainer .mainContent .infoContent .crossContainer{
    position: relative;
    height: 10%;
}
#locationContainer .mainContent .infoContent .btn{
    position: absolute;
    right: 0;
    cursor: pointer;
}

@media(max-width: 900px){
  #locationContainer .mainContent .cont.left::after {display: none}
  #locationContainer .mainContent .cont.right::after {display: none}
  #locationContainer .mainContent .cont.top::after {display: none}
  #locationContainer .mainContent .cont.bottom::after {display: none}

  #locationContainer .mainContent .cont{margin: 0 auto}

}

iframe{border: none}

@media(max-width: 720px){

 /* #locationContainer{left: 0px!important;top: 45%!important;right: 0!important;margin: 0 auto;width: max-content!important;}
  #locationContainer .mainContent .cont.left::after {display: none}
  #locationContainer .mainContent .cont.right::after {display: none}
  #locationContainer .mainContent .cont.top::after {display: none}
  #locationContainer .mainContent .cont.bottom::after {display: none}*/

  /*#locationContainer{
    width: 100%;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    /*
    min-height: 100px;
    max-height: 200px!important;
    max-width: 320px;
    margin: auto;
    right: 0;
    bottom: 0;
  }
    
  .mainContent{height: 100%;}
  .mainContent .cont{width: 60%;height: 100%}
  .mainContent .cont .img {position: absolute;
    right: -75%;
    height: 90%;
    top: 0px;
    width: 150px;
    border-radius: 0px;}
    .mainContent .cont .img i{position: relative;right: 0;left: 0;top: 0}

    #locationContainer .mainContent .cont.left::after {display: none}

    .mainContent .cont {
    padding: 10px 8px;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;}

    .mainContent .cont h1{font-size: 14px}*/
}