@font-face {
  font-family: 'iconosbqs';
  src:
    url('fonts/iconosbqs.ttf?tqiaqm') format('truetype'),
    url('fonts/iconosbqs.woff?tqiaqm') format('woff'),
    url('fonts/iconosbqs.svg?tqiaqm#iconosbqs') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.ico {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconosbqs' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 25px;
  text-transform: none;
  line-height: 42px;
  background-color: transparent !important;


  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-armado:before {
  content: "\e900";
}
.ico-ensamble .path1:before {
  content: "\e901";
  color: rgb(0, 0, 0);
}
.ico-ensamble .path2:before {
  content: "\e902";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.ico-ensamble .path3:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.ico-ensamble .path4:before {
  content: "\e904";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.ico-ensamble .path5:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.ico-ensamble .path6:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.ico-ensamble .path7:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.ico-grapado:before {
  content: "\e908";
}
.ico-limpieza .path1:before {
  content: "\e909";
  color: rgb(72, 72, 72);
}
.ico-limpieza .path2:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(72, 72, 72);
}
.ico-limpieza .path3:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(72, 72, 72);
}
.ico-limpieza .path4:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(72, 72, 72);
}
.ico-limpieza .path5:before {
  content: "\e90d";
  margin-left: -1em;
  color: rgb(72, 72, 72);
}
.ico-limpieza .path6:before {
  content: "\e90e";
  margin-left: -1em;
  color: rgb(72, 72, 72);
}
.ico-limpieza .path7:before {
  content: "\e90f";
  margin-left: -1em;
  color: rgb(123, 123, 123);
}
.ico-limpieza .path8:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(123, 123, 123);
}
.ico-limpieza .path9:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(123, 123, 123);
}
.ico-pegado:before {
  content: "\e912";
}
.ico-retrabajo:before {
  content: "\e913";
}

/* ----------------------------------------------------------------------
	Icon Box
-------------------------------------------------------------------------*/
.icon { margin-bottom: 16px; }

div.icon-box:before { display: none !important; }

.icon-box { margin-bottom: 50px; position: relative; }

.icon-box .ico { height: 64px; position: absolute; width: 64px; }

.icon-box .ico { font-size: 28px; text-align: center; line-height: 66px; border-radius: 50%; }

.icon-box .ico a, .icon-box .ico { width: 100%; height: 100%; color: #333; }

.icon-box h3, .icon-box h5 { margin: 0 12px 10px 83px; letter-spacing: 0px; font-size: 16px; line-height: 25px; font-weight: 700; }

.icon-box p { margin: 0 0 20px 83px; font-size: 16px; line-height: 28px; font-weight: 400; }

.icon-box-description > p { margin-bottom: 20px; }

.icon-box.effect .ico { z-index: 1; }

.icon-box.effect .ico i:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; box-sizing: content-box; }

.icon-box .ico { -webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s; }

.icon-box .ico :after { top: -4px; left: -4px; padding: 4px; box-shadow: 0 0 0 3px #333; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(0.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; }

.icon-box.effect.dark .ico :after { box-shadow: 0 0 0 3px #2250fc; }

.icon-box.effect.dark .ico :hover, .icon-box.effect.dark:hover .ico { background-color: #2250fc; }

.icon-box.effect .ico :hover:after, .icon-box.effect:hover .icon :after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.image-box .image-box-content p i.fa.fa-play { padding-left: 3px; }

.icon-box.small .ico { height: 46px; width: 46px; }

.icon-box.small .ico { font-size: 20px; line-height: 47px; }

.icon-box.small > h3, .icon-box.small > h5 { font-size: 18px; margin: 0 12px 4px 60px; }

.icon-box.small > p { margin: 0 0 20px 60px; line-height: 1.6; font-size: 14px; }

.icon-box.medium > h3, .icon-box.medium > h4, .icon-box.medium > h5 { margin: 0 12px 10px 84px; }

.icon-box.medium > p { margin: 0 0 20px 84px; }

.icon-box.large .ico { height: 86px; width: 86px; }

.icon-box.large .ico { font-size: 38px; line-height: 87px; }

.icon-box.large > h3, .icon-box.large > h5 { margin: 0 12px 10px 110px; font-size: 24px; }

.icon-box.large p { margin: 0 0 20px 110px; }

.icon-box.icon-box-right { padding: 0; text-align: right; }

.icon-box.icon-box-right > h3, .icon-box.icon-box-right > h5 { margin: 0px 84px 0px 10px; }

.icon-box.icon-box-right.medium > p { margin: 20px 84px 0px 10px; }

.icon-box.icon-box-right .ico { right: 0; }

.icon-box.icon-box-right p { font-size: 14px; margin-top: 15px; }

.icon-box.text-center, .icon-box.center { padding: 0; text-align: center; }

.icon-box.text-center h3, .icon-box.text-center h5, .icon-box.center h3, .icon-box.center h5 { margin: 0 12px 10px 0px; }

.icon-box.text-center p, .icon-box.center p { margin: 0 0 20px 0px; }

.icon-box.text-center .ico, .icon-box.center .ico { margin: 0 auto 22px; position: relative; }

.icon-box.text-center p, .icon-box.center p { font-size: 16px; margin-top: 15px; }

.icon-box.text-center.small .ico, .icon-box.center.small .ico { clear: both !important; position: relative !important; }

.icon-box.border { border: 0 !important; }

.icon-box.border .ico { border: 3px solid #333; text-align: center; border-radius: 50%; background-color: transparent; }

.icon-box.border .ico { line-height: 56px; }

.icon-box.border:hover > .ico { line-height: 62px; }

.icon-box.border:hover > .ico { border: 0px; }

.icon-box.border .ico { background-color: transparent !important; color: #333; }

.icon-box.border.small .ico { height: 46px; position: absolute; top: 5px; width: 46px; }

.icon-box.border.small .ico { font-size: 20px; line-height: 42px; }

.icon-box.border.small:hover > .ico { line-height: 49px; }

.icon-box.border.large .ico { line-height: 81px; }

.icon-box.border.large:hover > .ico { line-height: 86px; }

.icon-box.square.large:hover > .ico { line-height: 86px; }

.icon-box.square .ico, .icon-box.square.effect .ico i:after, .icon-box.square .ico { border-radius: 0; }

.icon-box.square:hover > .ico { line-height: 66px; }

.icon-box.square.border .ico { line-height: 59px; }

.icon-box.square.border:hover > .ico { line-height: 64px; }

.icon-box.square.border.small .ico { line-height: 41px; }

.icon-box.square.border.small:hover > .ico { line-height: 47px; }

.icon-box.square.border.large .ico { line-height: 78px; }

.icon-box.square.border:large:hover > .ico { line-height: 84px; }

.icon-box.square.small:hover > .ico { line-height: 48px; }

.icon-box.light .ico i:after { box-shadow: 0 0 0 3px #e5e5e5; }

.icon-box.light .ico { background-color: #e5e5e5; }

.icon-box.light .ico { color: #808080; }

.icon-box.light.border .ico { border: 3px solid #e5e5e5; }

.icon-box.light.border.large .ico { line-height: 87px; }

.icon-box.light.border.large:hover > .ico { line-height: 88px; }

.icon-box.fancy .ico { background-color: transparent; color: #222; font-size: 110px; opacity: 0.09; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; border-radius: 0px; }

.icon-box.fancy.small > .ico { font-size: 68px; }

.icon-box.fancy.large .ico { font-size: 120px; }

.icon-box.fancy.text-center .ico, .icon-box.fancy.center .ico { width: auto; margin-bottom: 30px; }

.icon-box.effect.fancy .ico i:after { box-shadow: 0 0 0 0px transparent; }

.icon-box.effect.fancy:hover > .ico { font-size: 110px; }

.icon-box.effect.fancy.small:hover > .ico { font-size: 76px; }

.icon-box.clean .ico { background-color: none; color: #333; font-size: 50px; }

.icon-box.clean.small .ico { font-size: 36px; }

.icon-box.effect.clean .ico :after { box-shadow: 0 0 0 0px transparent; }

.icon-box.process { border: 1px solid #888; margin-top: 45px; padding: 0 30px 10px; border-radius: 4px; }

.icon-box.process.effect .ico :hover:after, .icon-box.process.effect:hover .ico ::after { opacity: 0; border: 0px; }

.icon-box.process .ico { margin-top: 10px; }

.icon-box.process.small .ico { margin-top: 10px; }

.icon-box.box-type { background: #fafafa; border: 1px solid #ececec; border-radius: 4px; padding: 20px; }

.icon-box.box-type .ico { margin-top: 20px; }

/*Text Box*/
.text-box { padding: 40px; text-align: center; -webkit-transition: background 0.4s ease 0s; transition: background 0.4s ease 0s; cursor: pointer; }

.text-box i { font-size: 42px; margin: 30px 0 20px; }

.text-box i { color: #fff; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

.text-box h3, .text-box h5, .text-box p { color: #fff; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

.text-box:hover { background: #fbfbfb; }

.text-box:hover i, .text-box:hover h3, .text-box:hover h5, .text-box:hover p { color: #333; }

.text-box.text-box-light { border: 1px solid #d9d9d9; background: #fff; }

.text-box.text-box-light i, .text-box.text-box-light h3, .text-box.text-box-light h5, .text-box.text-box-light p { color: #1e2022; }

.text-box.text-box-light:hover { background: #2250fc; }

.text-box.text-box-light:hover i, .text-box.text-box-light:hover h3, .text-box.text-box-light:hover h5, .text-box.text-box-light:hover p { color: #fff; }

.text-box.hover-effect { padding: 30px 30px 10px 30px; }

.text-box.hover-effect i { margin: 90px 0 20px; }

.text-box.hover-effect p { opacity: 0; }

.text-box.hover-effect:hover i { margin: 70px 0 6px 0; }

.text-box.hover-effect:hover p { opacity: 1; }