ss@charset "utf-8";

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
*/

img,
object,
embed,
video {}


/* IE 6 does not support max-width so default to width 100% */

.ie6 img {
    width: 100%;
}

.cosoprotector {
    background-color: #fff;
}

#banWeb {
    background-color: #fff;
}

.años10 {
    width: 100%;
    height: auto;
    background-color: #3d3935;
    padding-bottom: 50px;
}

.años10 img {
    width: 100%;
}


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;

	Inspiration from "Responsive Web Design" by Ethan Marcotte
	http://www.alistapart.com/articles/responsive-web-design

	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
    clear: both;
    width: 100%;
    float: left;
    display: block;
}


/*     BANER COVID     */


/*#bannercovid{
  border-bottom: 9px solid #54534A;
}*/

#gifcovid {
    float: left;
}

#textocovid {
    text-align: left;
    font-size: 145%;
}


/*     BANER COVID     */

.fluidList {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}


/* Mobile Layout: 480px and below. */

.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: auto;
    padding-right: auto;
    clear: none;
    float: none;
}

.segundapartedirecc {
    width: 100%;
    float: left;
    height: auto;
    padding-bottom: 8%;
}

.tel {
    background-color: #54534a;
    color: #FFFFFF;
    height: auto;
    font-size: 16px;
    text-align: center;
    width: 100%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    background-repeat: no-repeat;
    line-height: normal;
    padding-top: 4%;
    padding-bottom: 3%;
    margin: 0px;
    padding-left: 0px;
}

.ir-arriba {
    padding: 20px;
    display: inline-block;
    background-image: url(../imagenes/cosassec/flechaarribgris.png);
    background-repeat: no-repeat;
    background: cover;
    position: fixed;
    z-index: 99;
    bottom: 20px;
    right: 20px;
    display: none;
    cursor: pointer;
}

.ir-arriba2 {
    padding: 20px;
    display: inline-block;
    background-image: url(../imagenes/cosassec/flechaarribgris.png);
    background-repeat: no-repeat;
    background: cover;
    position: fixed;
    z-index: 99;
    bottom: 20px;
    left: 20px;
    display: none;
    cursor: pointer;
}

#menu {
    margin-top: 0px;
}

.fluid.logo img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 200px;
    eight: 200px;
}

.banPrincipal {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    text-align: center;
    background-color: #F58426;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    height: auto;
    float: left;
}

.fluid.banPrincipal p {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    font-size: medium;
    margin-left: auto;
    margin-right: auto;
    float: left;
    padding-left: 4%;
    padding-right: 4%;
}

#btnQuienes .qs {
    border: medium solid #D3650A;
    background-color: #FFFFFF;
    color: #54534A;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    /* [disabled]border-radius: 5px; */
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    width: 80%;
    height: auto;
    margin-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    padding-left: 1.5%;
    padding-right: 1.5%;
}

#btnQuienes .qs:after {
    top: -116%;
    left: -3px;
    width: 100%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    position: absolute;
    border: medium solid #D3650A;
    background-color: #FFFFFF;
    color: #54534A;
    content: 'NOSOTROS';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    margin-top: 1.5%;
    margin-bottom: 0px;
}

#btnQuienes .qs:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.fluid.banPrincipal h1 {
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: xx-large;
    margin-top: 0%;
}

#btnQuienes {}

.fluid.banPrincipal img {
    max-height: 80%;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#banWeb {
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    width: 100%;
    height: auto;
    padding-top: 15%;
    padding-bottom: 15%;
}

#banWeb img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-height: 60%;
    max-width: 80%;
}

.titulo {}

#banWeb .fluid.titulo {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding-bottom: 5px;
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    text-align: center;
    border-bottom: thin solid #54534A;
}

#titulo {
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#banWeb h2 {
    width: 250px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-bottom: 5px;
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    border-bottom: thin solid #54534A;
    margin-bottom: 0px;
}

#banList {
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    margin-top: 5px;
    list-style-type: circle;
    list-style-position: outside;
    margin-bottom: 15px;
}

#banListLine {
    color: #F58426;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: large;
    font-weight: bold;
    list-style-position: outside;
    list-style-type: circle;
    text-align: center;
    margin-top: 0px;
    padding-top: 0px;
}

#Mensaje {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    background-color: #54534A;
    height: 100px;
    float: left;
}

#Mensaje img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
}

#banAccesos {}

#banGoogle {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    height: auto;
    float: left;
}

#banGoogle img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 30px;
}

#banGoogle h3 {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    color: #F58426;
    font-size: 21px;
    line-height: 24px;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    text-align: center;
    float: left;
}

#bantexto {
    text-align: center;
    float: left;
}

#banGoogle .bantexto {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
    text-align: center;
    color: #53544A;
    margin-left: 30px;
    margin-right: 30px;
    float: left;
}

.btnAdwords {}

.btnAdwords2 .qs2 {
    border: medium solid #F29596;
    background-color: #EEC5A3;
    color: #000;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    /* [disabled]border-radius: 5px; */
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    width: 80%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 10%;
    margin-right: 10%;
    margin-left: 10%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.btnAdwords2 .qs2:after {
    top: -137%;
    left: -3px;
    width: 100%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    position: absolute;
    border: medium solid #E69193;
    background-color: #EEC5A3;
    color: #000;
    content: 'PALABRAS CLAVE';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.btnAdwords2 .qs2:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.qs2 {
    border: none;
    padding: 10px;
    font-size: 18px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

.btnWeb {
    margin-top: 0px;
}

.btnWeb2 .qs1 {
    border: medium solid #969696;
    background-color: #B3B4B1;
    color: #000;
    padding-top: 5px;
    padding-bottom: 5px;
    /* [disabled]border-radius: 5px; */
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    width: 80%;
    height: auto;
    margin-bottom: 3%;
    margin-right: 10%;
    margin-left: 10%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-top: 7%;
    font-size: 100%;
}

.btnWeb2 .qs1:after {
    top: -128%;
    left: -3px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: absolute;
    border: medium solid #939393;
    background-color: #ADAEAB;
    color: #000;
    content: 'CREA TU SITIO WEB';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    margin-left: 0px;
    margin-bottom: 0px;
}

.btnWeb2 .qs1:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.qs1 {
    border: none;
    padding: 10px;
    font-size: 21px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

.btnWeb3 .qs66 {
    border: medium solid #F58426;
    background-color: #F7A35D;
    color: #FFFFFF;
    padding-top: 10px;
    /* [disabled]border-radius: 5px; */
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    width: 90%;
    height: auto;
    margin-bottom: 3%;
    margin-right: 5%;
    margin-left: 5%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-top: 0%;
    font-size: 108%;
}

.btnWeb3 .qs66:after {
    top: -99%;
    left: -3px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: absolute;
    border: medium solid #F58426;
    background-color: #F8AE71;
    color: #FFFFFF;
    content: 'DE FORMA CREATIVA';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    margin-left: 0px;
    margin-bottom: 0px;
}

.btnWeb3 .qs66:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.qs66 {
    border: none;
    padding: 10px;
    font-size: 18px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

#banEmail {
    margin-left: 0px;
    margin-right: 0px;
    border-top: thin solid #54534A;
    border-bottom: thin solid #54534A;
    width: 100%;
    height: auto;
    z-index: -5;
    float: left;
}

#banEmail img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.Email {
    color: #3C76A3;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-align: center;
}

.AccesList {
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
    list-style-position: outside;
    margin-bottom: 15px;
    width: 90%;
}

.acceslistline {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    color: #53544A;
    font-size: 16px;
    list-style-position: outside;
}

.btnEmailS {}

.btnEmailS2 .qs3 {
    border: medium solid #42769F;
    background-color: #B6CEE1;
    color: #000;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    /* [disabled]border-radius: 5px; */
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    width: 80%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 5%;
    margin-left: 10%;
    margin-right: 10%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.btnEmailS2 .qs3:after {
    top: -128%;
    left: -3px;
    width: 96.4%;
    padding: 2%;
    position: absolute;
    border: medium solid #47769C;
    background-color: #B0C5D7;
    color: #000;
    font-size: 80%;
    content: 'PRUEBA PERSONALIZADA';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.btnEmailS2 .qs3:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.qs3 {
    border: none;
    padding: 10px;
    font-size: 18px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

#ban3D {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 30px;
    width: 100%;
    height: auto;
    float: left;
}

#ban3D img {
    margin-left: auto;
    display: block;
    margin-right: auto;
    margin-top: 0px;
}

#ban3D .fluid.3D {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif";
}

.Anima {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    color: #000000;
    text-align: center;
    width: 100%;
}

.Animalist {
    margin-bottom: 15px;
    text-align: center;
    list-style-position: outside;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.Animalistline {
    color: #53544A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
    list-style-position: outside;
    width: 100%;
}

.btnAnima {}

.btnAnima2 .qs4 {
    border: medium solid #969696;
    background-color: #ADAEAB;
    color: #000;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    /* [disabled]border-radius: 5px; */
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    width: 90%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.btnAnima2 .qs4:after {
    top: -122%;
    left: -3px;
    width: 100%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    position: absolute;
    border: medium solid #969696;
    background-color: #B3B4B1;
    color: #000;
    content: 'SOLUCIONES EN 3D';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    font-size: 85%;
}

.btnAnima2 .qs4:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.qs4 {
    border: none;
    padding: 10px;
    font-size: 18px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

#banBrand {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    height: auto;
    margin-top: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #B5B5B5;
    float: left;
    margin-bottom: 0px;
    padding-bottom: 5%;
}

h5 {
    font-family: monoton;
    font-size: 250%;
    font-weight: 200;
    text-align: center;
    width: 100%;
    color: #54534A;
    margin-top: 30%;
    margin-bottom: 9%;
}

#banBrand img {
    width: 90%;
    height: auto;
}

.btnBrand {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.btnBrand1 .qs5 {
    border: medium solid #57564E;
    background-color: #fff;
    color: #000;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    /* [disabled]border-radius: 5px; */
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    width: 80%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 0%;
    margin-left: 10%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.btnBrand1 .qs5:after {
    top: -113%;
    left: -3px;
    width: 100%;
    padding-top: 1%;
    padding-bottom: 1%;
    position: absolute;
    border: medium solid #57564E;
    background-color: #fff;
    color: #000;
    font-size: 90%;
    content: 'DISEÑAR ESTRATEGIA';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.btnBrand1 .qs5:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.qs5 {
    border: none;
    padding: 10px;
    font-size: 18px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

#banMarcas {
    background-image: url(../imagenes/fondoMARCAS1.png);
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    float: left;
    padding-top: 0px;
    background-size: cover;
    display: none;
}

#banMarcas2 {
    background-image: url(../imagenes/fondoMARCAS1.png);
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    float: left;
    padding-top: 0px;
    background-size: cover;
}

#banMarcas h2 {
    color: #D4D4D2;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    font-weight: lighter;
    text-align: center;
    margin-top: 30px;
    font-size: 29px;
}

#banMarcas2 h2 {
    color: #D4D4D2;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    font-weight: lighter;
    text-align: center;
    margin-top: 30px;
}

#banMarcas img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 40px;
    width: 80%;
    height: auto;
}

#banMarcas2 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 40px;
    width: 80%;
    height: auto;
}

#banPie {
    margin-left: 0px;
    margin-right: 0px;
    border-top: thin solid #000000;
    background-color: #908F89;
    margin-top: 0px;
    width: 100%;
    height: auto;
    float: left;
}

#banPie h2 {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
}

.btnRedes {
    width: 100%;
    text-align: center;
}

.direccion {
    width: 90%;
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
}

.btnContacto {}

.btnContacto1 .qs6 {
    border: medium solid #fff;
    background-color: #F78E1F;
    color: #fff;
    padding-top: 2%;
    padding-bottom: 2%;
    /* [disabled]border-radius: 5px; */
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    width: 90%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 4%;
    margin-left: 5%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-right: 5%;
}

.btnContacto1 .qs6:after {
    top: -65%;
    left: -3px;
    width: 100%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    position: absolute;
    border: medium solid #FFF;
    background-color: #F78E1F;
    color: #fff;
    content: 'SOLICITA ASESORÍA';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.btnContacto1 .qs6:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.qs6 {
    border: none;
    padding: 10px;
    font-size: 18px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

.Legales {
    color: #000000;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    font-size: 55%;
    margin-left: 5%;
    margin-bottom: 30px;
    margin-top: 20px;
    width: 90%;
    margin-right: 5%;
    text-align: center;
}

.fluid.btnRedes img {}

.imgPrincipal {}

.imgBrand {
    width: 60%;
    display: none;
    float: right;
    margin-right: 20%;
    margin-left: 20%;
}

.imgBrand2 {
    width: 60%;
    display: block;
    float: right;
    margin-right: 20%;
    margin-left: 20%;
    margin-bottom: 10%;
}

.imgBrandTex {
    width: 100%;
    float: left;
    margin-top: 0%;
    margin-bottom: 3%;
}

.blancquien {
    width: 100%;
    margin-top: 0%;
    padding-top: 5%;
    float: left;
    position: fixed;
    z-index: -3;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: 68% auto;
    background-position: 107% 68%;
    max-width: 1366px;
}

.hombre {
    width: 27%;
    float: left;
    margin-left: 7%;
}

.paffi {
    width: 30%;
    float: left;
    color: #6D6D6D;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    margin-right: 2%;
    margin-top: 7%;
    margin-left: 3%;
}

.paffi p {
    letter-spacing: 12px;
}

.merc {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 25px;
    color: #5A5A5A;
    letter-spacing: normal;
}

.comm {
    letter-spacing: 3px;
    color: #5D5D5D;
    font-size: 29px;
}

.siggual {
    float: left;
    width: 10%;
    margin-right: 2%;
    margin-top: 12%;
}

.paffii {
    width: 50%;
    float: left;
    color: #5D5D5D;
    font-size: 29px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    margin-top: 6%;
    line-height: 39px;
    margin-left: 0%;
}

.hojaww {
    background-image: url(../imagenes/hojaweb_1.png);
    background-size: cover;
    width: 100%;
    height: auto;
    float: left;
    background-color: #FFFEFE;
    margin-top: 30%;
    margin-bottom: 0%;
    background-repeat: no-repeat;
    padding-bottom: 18%;
}

.hombreizq {
    width: 60%;
    float: right;
    margin-right: 6%;
    margin-top: 10%;
}

.nuestro {
    font-size: 41px;
    font-weight: lighter;
}

.cumppis {
    color: #A9A9A9;
    font-size: 50px;
    font-weight: bold;
}

.descrili {}

.zeroMargin_mobile {
    margin-left: 0;
}

.hide_mobile {
    display: none;
}

.espacioblanco {
    width: 100%;
    height: 138px;
    float: left;
    background-color: #FFFFFF;
}

.efe1 {}

.banPrincipal {
    width: 100%;
    z-index: 54;
    padding-bottom: 5%;
}

.cabeza {
    width: 100%;
    background-color: #FFFFFF;
}

.menu {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.cosoprotector {
    width: 100%;
    height: 630px;
    /* height: 1260px; */
    float: left;
}

.backtitmarcas {
    width: 100%;
    margin-top: -17px;
}

footer {
    width: 100%;
    float: left;
}

.sliderinfografia {
    width: 100%;
    height: 614px;
    background-color: #FFFFFF;
    margin-bottom: 0%;
    float: left;
    margin-top: 0px;
    padding-bottom: 0%;
}

.sliderinfografia .swiper-button-next {
    width: 11%;
    position: absolute;
    z-index: 22;
    margin-top: 190px;
}

.imagenesslider {
    width: 100%;
    height: 12px;
    margin-top: 0%;
    margin-left: 0%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    padding-top: 3%;
    float: left;
}

.imgred {
    margin-top: 48%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 0%;
}

.tituloslider {
    width: 95%;
    float: left;
    color: #54534A;
    height: 381px;
    margin-left: 0%;
    margin-top: 0%;
    font-size: 58px;
    padding-left: 2.5%;
    padding-right: 2.5%;
}

.tituloslider h1 {
    box-sizing: border-box;
    float: right;
    color: #54534A;
    font-size: 28px;
    line-height: 37px;
    margin-top: 95%;
    width: 100%;
    padding-right: 2.5%;
    padding-left: 2.5%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.partegrisfb {
    background-color: #54534A;
    width: 100%;
    height: auto;
    padding-top: 3%;
    float: left;
    padding-bottom: 1%;
}

.partegrisqs {
    background-color: #54534A;
    float: left;
    width: 100%;
}

.partegrisfb h1 {
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 51px;
    font-weight: 400;
}

.parteblancaredssoc {
    width: 100%;
    height: auto;
    float: left;
}

.ser {
    font-size: 80px;
}

.premis {
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: 10px;
}

.tercerslid {
    font-size: 18px;
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: left;
    padding-top: 3%;
    padding-right: 2.5%;
    padding-bottom: 3%;
    padding-left: 2.5%;
    margin-bottom: 0px;
    margin-top: 65px;
    width: 95%;
    float: left;
}

.iconfb {
    width: 60%;
    position: relative;
    z-index: -27;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 9px;
}

.redsocial {
    font-weight: bold;
    font-size: 24px;
}

.swiper-pagination {
    margin-top: -34px;
    margin-left: 616px;
    float: left;
}

.empatia {
    width: 80%;
    margin-left: 10%;
    padding-bottom: 5%;
}

.naranjaredes h1 {
    width: 40%;
    float: right;
    text-align: right;
    margin-right: 5%;
    margin-top: 5%;
    font-family: helvetica neue;
    font-weight: 200;
    font-size: 61px;
    line-height: 37px;
    color: #FFFFFF;
}

.imgfb {
    width: 45%;
    float: right;
    margin-right: 5%;
}

.parteblancaredssoc h1 {
    color: #54534A;
    width: 30%;
    float: left;
    margin-left: 10%;
    margin-top: 23%;
    font-size: 274%;
    line-height: 40px;
}

.generamos {
    font-size: 61px;
}

.monitosfb {
    float: left;
    width: 32%;
    margin-right: 40%;
    margin-left: 28%;
    position: relative;
    z-index: -25;
}

.flech {
    width: 20%;
    margin-top: 15%;
}

.comps {
    width: 75%;
    margin-top: 10%;
}

.creac {
    font-weight: bold;
    font-size: 64px;
}

.videovid {
    background-color: #54534A;
    position: relative;
    z-index: -1;
    margin-top: -599px;
    float: left;
    overflow: hidden;
    height: 600px;
    width: 100%;
    opacity: 0.47;
}

.pleca {
    background-color: rgba(245, 132, 38, 0.81);
    width: 100%;
    height: 271px;
    opacity: 1;
    margin-top: 0px;
    position: relative;
    z-index: 16;
    float: left;
}

.pleca h1 {
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 35px;
    line-height: 35px;
    padding-top: 16%;
    padding-left: auto;
    opacity: 1;
    margin-top: 0%;
    padding-right: auto;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.textoanim li:hover {
    color: rgba(245, 132, 38, 1.00);
}

.elparrfo {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 100;
    text-align: center;
    margin-left: 0px;
    margin-top: 0px;
}

.fondo12k {
    background-repeat: no-repeat;
    width: 100%;
    background-image: url(../imagenes/cosassec/imgen1.png);
    height: auto;
}

.fondo13k {
    width: 100%;
    height: auto;
    background-image: url(../imagenes/cosassec/imgen4_1.png);
    background-size: 140% auto;
}

.pabclav {
    background-color: #FFFFFF;
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
    width: 219px;
    margin-top: 80%;
    margin-left: 41%;
    color: #ABABAB;
    font-family: helvetica neue;
    font-size: 23px;
    font-weight: 200;
}

.fondo14k {
    width: 100%;
    height: auto;
    background-image: url(../imagenes/cosassec/imgen8.png);
}

.container {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0%;
    width: 100%;
    padding-left: 0px;
    float: left;
    height: auto;
}

.tabs {
    width: 43%;
    position: relative;
    z-index: 76;
    margin-top: -12%;
    float: right;
    margin-right: 2%;
    -webkit-box-shadow: 0px 0px #616161;
    box-shadow: 0px 0px #616161;
}

.www2 {
    width: 48%;
    text-align: left;
    margin-left: 39%;
    color: #37362F;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 6px;
    margin-top: 2%;
}

.www3 {
    width: 50%;
    text-align: left;
    margin-left: 37%;
    color: #37362F;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 8px;
    margin-top: 2%;
    overflow-x: hidden;
}

.www4 {
    width: 55%;
    text-align: left;
    margin-left: 32%;
    color: #37362F;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 10px;
    margin-top: 29px;
    display: block;
    overflow-x: hidden;
}

.primertextslideweb {
    width: 70%;
    margin-left: 15%;
    margin-top: 6%;
    color: #FFFFFF;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 0%;
}

.contslie1web {
    width: 90%;
    margin-left: 8%;
    margin-right: 0%;
    color: #37362F;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin-top: 7%;
    font-weight: normal;
    text-align: left;
    line-height: 11px;
}

.cont3slide {
    width: 82%;
    margin-top: 9%;
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: left;
    margin-left: 11%;
    font-weight: bold;
    text-shadow: 2px 2px 6px #84837F;
    line-height: 17px;
}

.amedida {
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
    margin-top: 9%;
    width: 48%;
    text-align: left;
    margin-left: 8%;
    line-height: 11px;
}

.compatib {
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 15px;
    margin-top: 0%;
    width: 59%;
    float: left;
    text-align: left;
    margin-left: 4%;
    line-height: 15px;
}

.finad {
    width: 0%;
    margin-top: 8%;
    color: #F58426;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    margin-left: 0%;
    text-shadow: 0px 0px #8B8B8B;
}

.actual {
    width: 30%;
    margin-left: 1%;
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 19px;
    text-shadow: 0px 0px;
}

.boldder {
    position: absolute;
    z-index: 42;
    margin-top: 129px;
    max-width: 1366px;
    margin-left: 437px;
    width: 250px;
}

.display {
    background-image: url(../imagenes/cosassec/displaymovil-01.png);
    width: 100%;
    height: 186px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding-top: 0%;
    padding-left: 0%;
    margin-bottom: 0%;
    -webkit-box-shadow: 6px 7px 24px #54534A;
    box-shadow: 6px 7px 24px #54534A;
    padding-bottom: 0%;
    background-position: 0% 10%;
    margin-top: 0%;
    max-width: 316px;
    margin-left: auto;
    margin-right: auto;
}

.display p {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    margin-left: 0px;
    font-size: 22px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    width: 100%;
    padding-top: 25px;
}

.capta {
    color: #141354;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    font-size: 21px;
    padding-top: 13px;
}

.conecta {
    color: #080850;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 35px;
    font-weight: 600;
    text-shadow: 1px 3px 1px #0B568C;
}

.gif {
    position: absolute;
    z-index: 40;
    width: 82%;
    margin-left: 9%;
    margin-top: 8%;
}

.naranjaredes ul {
    width: 58%;
    float: right;
    font-family: helvetica neue;
    font-size: 25px;
    font-weight: 200;
    margin-left: 0px;
    text-align: right;
    list-style-type: none;
    margin-right: 8%;
}

.flecha19 {
    margin-top: -0.2%;
    float: left;
    width: 0%;
    margin-left: 180px;
    display: none;
}

.flecha20 {
    margin-top: 0.3%;
    float: left;
    width: 0%;
    margin-left: 180px;
    display: none;
}

.partedisplay p {
    width: 90%;
    height: auto;
    margin-left: auto;
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin-bottom: 7%;
    margin-top: 16px;
    margin-right: auto;
    max-width: 316px;
    padding-left: 0%;
    padding-right: 0%;
    padding-bottom: 0%;
}

.red {
    color: #F58426;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 35px;
}

.partedisplay {
    width: 100%;
    height: auto;
    position: fixed;
    z-index: -24;
    background-color: rgba(255, 255, 255, 1.00);
    padding-top: 5%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    float: left;
}

input[id^="spoiler"]~.spoiler {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 0px;
}

input[id^="spoiler"] {
    display: none;
    width: 90%;
    float: left;
}

input[id^="spoiler"]+label {
    background-color: #D0D0D0;
    width: 100%;
    margin-left: 0%;
    margin-bottom: 10%;
    margin-right: 0%;
    text-align: center;
    display: block;
    color: rgba(255, 255, 255, 1.00);
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 4px;
    opacity: 1;
    line-height: 15px;
    margin-top: 0%;
    padding-top: 13px;
    padding-bottom: 8px;
}

input[id^="spoiler"]:checked+label {
    background-color: #F58426;
    color: #ffffff;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: normal;
    font-size: 15px;
}

input[id^="spoiler"]:checked+label+.spoiler {
    height: auto;
    opacity: 1;
    color: #FFFFFF;
    font-family: helvetica neue;
    font-size: 20px;
    text-align: right;
    font-weight: 200;
    /*border-bottom: thick solid #EDEDED;*/
    width: 85%;
    margin-bottom: 3%;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    margin-top: -14%;
    padding-right: 10%;
    background-color: rgba(84, 83, 74, 0.74);
    padding-top: 3%;
    padding-bottom: 3%;
}

.trajetapresentacion {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

input[id^="spoiler"]+label:hover {
    background-color: rgba(248, 180, 123, 1.00);
}

.nostrosclient {
    width: 90%;
    background-color: rgba(84, 83, 74, 1.00);
    margin-top: 0%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
    float: left;
}

.nostrosclient h1 {
    color: rgba(245, 132, 38, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 45px;
    text-align: center;
}

.text {
    display: block;
}

.ba {
    display: none;
}

.ba:hover {}

.fondnaj {
    width: 100%;
    margin-top: -25px;
    background-repeat: no-repeat;
    margin-bottom: -3%;
    margin-left: 0%;
    float: left;
    background-image: url(../imagenes/cosassec/fondonaranja_4.png);
    background-size: 140% 111%;
    background-position: 12% 0%;
    padding-bottom: 45%;
    padding-top: 8%;
    margin-right: 0%;
}

section {
    overflow: hidden;
    width: 100%;
    float: left;
}

#animation {
    position: relative;
    width: 100%;
    height: 480px;
    float: left;
    margin-top: 7%;
    margin-bottom: 0%;
    padding-bottom: 0px;
}

#animation h1,
#intro h1 {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 130px;
    z-index: 90;
}

.animation-container {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#object {
    display: block;
    width: 100%;
    margin-left: auto;
    background-size: contain;
    background-color: transparent;
    border-radius: 7px;
    visibility: hidden;
    margin-top: 0%;
    background-repeat: no-repeat;
    padding-bottom: 0%;
    height: 479px;
    margin-right: 0px;
    position: relative;
    max-height: 479px;
    margin-bottom: 0%;
    padding-top: 0%;
}

.slideDown {
    background-repeat: no-repeat;
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTb2bM.jpg);
    background-size: 100% auto;
}

#animation .cta-wrapper {
    width: 100%;
    position: absolute;
    bottom: 55px;
    text-align: center;
}

#animation .examples {
    font-family: 'NovecentowideLightBold', 'Source Sans Pro', sans-serif;
    font-size: 16px;
    color: #444444;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: transparent;
    letter-spacing: 1px;
    text-decoration: none;
}

#animation a.examples:hover {
    background-color: #e8e8e8;
    -webkit-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    -ms-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease;
}

#actions {
    background-color: #FFFFFF;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    width: 100%;
    float: left;
}

a.button {
    width: 94%;
    color: #FFFFFF;
    line-height: 12px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    font-size: 14px;
}

a.button1 {
    width: 100%;
    color: #FFFFFF;
    line-height: 16px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    font-size: 14px;
    margin-top: 0px;
}

a.button2 {
    width: 100%;
    color: #FFFFFF;
    line-height: 15px;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    font-size: 14px;
    margin-top: 0px;
}

a.button:link,
a.button:visited {
    color: #FFFFFF;
}

a.button:hover {
    color: #54534A;
    -webkit-transition: color;
    font-size: 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

a.button1:hover {
    color: #54534A;
    -webkit-transition: color;
    font-size: 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

a.button2:hover {
    color: #F58426;
    -webkit-transition: color;
    font-size: 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

a.activeBtn {
    background-color: #DDDDDD;
    border-bottom: 4px solid #D0D0D0;
}

a.activeBtn:hover {
    background-color: #DDDDDD;
    border-bottom: 4px solid #D0D0D0;
}

.delbutton {
    font-size: 23px;
    margin-top: 0%;
}

.parteblancacliente {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 0%;
    margin-top: 0%;
    padding-top: 0%;
    padding-bottom: 0%;
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


/*overtime*/

.hatch {
    background-size: contain;
    background-color: transparent !important;
    href: url(../branding.html);
    background-image: url(../imagenes/bannersportafolio/banREPORTcirculo.png);
}

#example-4 .example-container .stretchRight {
    background-color: transparent !important;
}

.bounce,
.pulse,
.floating,
.tossing,
.pullUp,
.pullDown,
.stretchLeft,
.stretchRight {
    visibility: visible !important;
}

a.back {
    display: block;
    width: 100%;
    background-color: #fe5652;
    font-family: 'NovecentowideLightBold', 'Source Sans Pro', sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
    padding: 25px 0px;
}

a.back:hover {
    color: #a71d1d;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.primparetegal {
    width: 100%;
    margin-top: 0%;
    height: 442px;
    clear: left;
    background-size: cover;
    background-position: 98% 1%;
    background-repeat: no-repeat;
    float: left;
    overflow-y: hidden;
}

.reto p {
    color: rgba(84, 83, 74, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 16px;
}

.segpartgal {
    width: 100%;
    height: auto;
    float: left;
}

.reto {
    width: 84%;
    height: auto;
    float: left;
    margin-top: 0%;
    margin-bottom: 5%;
    padding-left: 8%;
    padding-right: 8%;
}

.remar {
    border-top: 5px dashed rgba(245, 132, 38, 1.00);
    border-bottom: 5px dashed rgba(245, 132, 38, 1.00);
    padding-top: 5%;
    padding-bottom: 5%;
}

.reto h1 {
    color: rgba(245, 132, 38, 1.00);
    text-align: left;
    font-weight: 300;
    font-size: 47px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.reto h1 img {}

.titanimte {
    width: 100%;
    height: auto;
    margin-bottom: 0%;
    float: left;
}

.titanimte h1 {
    color: rgba(84, 83, 74, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 27px;
    margin-top: 3%;
    margin-bottom: 0%;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
}

.resultados {
    font-size: 46px;
}

.sliderinfografia .swiper-button-prev {
    position: absolute;
    z-index: 22;
    margin-top: 190px;
}

.mision {}

.posci {}

.flecha21 {
    float: right;
    margin-right: 180px;
    margin-top: -65px;
    display: none;
}

.caraemoc {
    width: 60%;
    margin-top: 28px;
    margin-left: 20%;
    position: relative;
    opacity: 1;
    z-index: 21;
    height: auto;
    float: left;
    margin-right: 20%;
}

#Accordion1 div p a:hover {
    color: rgba(245, 132, 38, 1.00);
}

.sliderinfografia .swiper-container .swiper-button-next.swiper-button-black:hover {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    width: 0%;
}

.sliderinfografia .swiper-container .swiper-button-prev.swiper-button-black:hover {
    -webkit-animation-name: hvr-wobble-horizontal;
    animation-name: hvr-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.info {
    margin-left: 0px;
    width: 100%;
    margin-top: 0%;
    float: left;
    background-repeat: no-repeat;
    background-size: 135% auto;
    background-position: 8% 3%;
    margin-right: 17px;
    height: auto;
    margin-bottom: 10%;
}

.ojalasi {
    width: 100%;
    height: auto;
    float: left;
}

.loading-panel {
    width: 90%;
    float: left;
    padding-left: 5%;
    padding-right: 5%;
}

.icon-wrapper {
    width: 100%;
    height: auto;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: lighter;
    float: left;
}

.icon-wrapper h1 {
    text-align: left;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 37px;
    font-weight: 300;
    line-height: 37px;
    width: 95%;
}

.first {
    background-color: rgba(245, 132, 38, 1.00);
    height: 550px;
}

.second {
    background-color: rgba(84, 83, 74, 1.00);
    height: 550px;
}

.animacionsec {
    width: 100%;
    background-color: rgba(255, 255, 255, 1.00);
    font-size: 27px;
    font-weight: 200;
}

.icon-wrapper img {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    float: left;
    margin-bottom: 11%;
}

.first .icon-wrapper ul {
    width: 90%;
    height: auto;
    color: rgba(255, 255, 255, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 29px;
    font-weight: 200;
    list-style-type: square;
    float: left;
    margin-left: 5%;
    padding-bottom: 0px;
    margin-right: 5%;
    margin-top: 0%;
}

.textoanim {
    width: 90%;
    float: right;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 4%;
}

.textoanim h1 {
    color: rgba(84, 83, 74, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 29px;
    font-weight: 100;
    margin-right: 0px;
}

.textoanim p {
    color: rgba(84, 83, 74, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    margin-right: 0px;
    font-weight: 100;
    font-size: 20px;
    line-height: 22px;
}

.textoanim ul {
    color: rgba(84, 83, 74, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    margin-left: 0%;
    list-style-image: url(../imagenes/bullet.png);
    font-weight: 100;
    font-size: 17px;
}

.parteblancagestion {
    width: 100%;
    height: auto;
    margin-top: 0%;
    padding-top: 5%;
    padding-bottom: 5%;
    float: left;
}

.parteblancagestion p {
    margin-left: 10%;
    margin-right: 10%;
    color: rgba(84, 83, 74, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 25px;
    line-height: 25px;
}

.contenidoformulario {
    background-color: #F58426;
    margin-top: 0%;
    width: 50%;
}

.contenidoformulario h1 {
    font-family: gill sans;
    font-size: 102px;
    margin-left: 6%;
}

@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


/*formulario*/

.row {
    margin-top: 0;
    margin-bottom: 0;
    padding: 60px 30px;
    position: relative;
    z-index: 1;
    text-align: center;
    width: 90%;
    background-color: rgba(245, 132, 38, 1.00);
    height: 450px;
}

.row:before {
    position: absolute;
    display: block;
    top: 0;
    height: auto %;
    z-index: -1;
    background-color: rgba(245, 132, 38, 1.00);
    height: auto;
}

.row:first-child {
    padding: 40px 30px;
}

.row:nth-child(2),
.row:nth-child(8),
.row:nth-child(10) {}

.row span {
    position: relative;
    display: inline-block;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 30px;
    float: left;
    clear: left;
    width: 85%;
    background-color: transparent;
}

.balloon {
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #F58426;
    border: 0;
    outline: 0;
    text-indent: 60px;
    transition: all .3s ease-in-out;
    float: left;
    background-image: url(../imagenes/cosassec/globodernar.png);
    background-repeat: no-repeat;
    background-size: 99% auto;
    background-position: 0% 49%;
    background-color: rgba(245, 132, 38, 1.00);
}

.balloon::-webkit-input-placeholder {
    color: transparent;
    text-indent: 0;
    font-weight: 300;
}

.balloon+label {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0;
    bottom: 8px;
    padding: 5px 15px;
    color: #54534A;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(19, 74, 70, 0);
    transition: all .3s ease-in-out;
    border-radius: 3px;
    background: rgba(122, 184, 147, 0);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.balloon+label:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    margin-left: -3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid rgba(122, 184, 147, 0);
    transition: all .3s ease-in-out;
    font-weight: 200;
}

.balloon:focus,
.balloon:active {
    color: #377D6A;
    text-indent: 0;
    background: #fff;
    border-collapse: collapse;
}

.balloon:focus::-webkit-input-placeholder,
.balloon:active::-webkit-input-placeholder {
    color: #aaa;
}

.balloon:focus+label,
.balloon:active+label {
    color: #fff;
    text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4);
    background: #7ab893;
    transform: translateY(-40px);
}

.balloon:focus+label:after,
.balloon:active+label:after {
    border-top: 4px solid #7ab893;
}

input .balloon {}

.parteformulario {
    background-image: url(../imagenes/cosassec/fondowhats.png);
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: -2% 0%;
    margin-top: 5%;
    padding-bottom: 2%;
    float: right;
    background-size: 100% auto;
    background-color: #F58426;
}

.primform {
    margin-top: 36%;
    margin-left: 3%;
}

.secform {
    margin-top: 4%;
    margin-left: 3%;
    width: 103%;
}

.terform {
    margin-top: 0%;
    margin-left: 2.5%;
    width: 95%;
    margin-right: 2.5%;
}

.cuarform {
    margin-top: 0%;
    margin-left: 3%;
}

#enviar {
    background-color: transparent;
    background-image: url(../imagenes/cosassec/botonwhats.png);
    width: 13%;
    background-repeat: no-repeat;
    height: 56px;
    position: absolute;
    z-index: 19;
    margin-top: -129px;
    margin-left: -75px;
}

#enviar:focus {
    outline: 0px;
}

#enviar:hover {
    background-color: transparent;
    background-image: url(../imagenes/cosassec/botonwhasthover.png);
    background-repeat: no-repeat;
}

.terform img {
    float: left;
}

.quesuba {
    margin-left: 24px;
    margin-bottom: 0px;
    margin-top: 5px;
    float: left;
    margin-right: 20px;
}

.quesuba2 {
    margin-top: 5px;
    margin-left: 5%;
    margin-bottom: 0px;
    margin-right: 35%;
}

.quesuba1 {
    margin-top: 5px;
    margin-bottom: 0px;
    float: left;
    margin-right: 40%;
    margin-left: 6%;
}

#Nombre,
#Apoyo,
#nombre,
#telefono,
#adicional,
#adios {
    background-image: url(../imagenes/cosassec/globograndeazul.png);
    width: 70%;
    height: 37px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    margin-left: 17%;
    margin-top: 3%;
    padding-left: 3%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 3%;
    color: rgba(55, 54, 47, 1.00);
    background-size: 100% 95%;
}

#Nombre:focus,
#Apoyo:focus,
#nombre:focus,
#telefono:focus,
#adicional:focus,
#adios:focus {
    border: none;
    outline: 0px;
}

#cuadrito {
    margin-left: 6%;
    width: auto;
    height: auto;
    float: left;
    margin-right: 2%;
    margin-top: 3px;
}

.diagform {
    width: 63%;
    float: left;
    color: rgba(255, 255, 255, 1.00);
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 200;
}

.priv {
    width: 100%;
    float: left;
    margin-top: 6%;
}

.direccioncontacto {
    width: 90%;
    float: left;
    margin-left: 5%;
    margin-top: 9%;
    margin-right: 5%;
    height: 200px;
}

.direcctext {
    width: 90%;
    float: left;
    margin-top: 9%;
    margin-left: 5%;
    margin-right: 5%;
}

.photo {
    width: 100%;
    float: left;
    height: 365px;
}

.direcctext p {
    color: rgba(84, 83, 74, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.fasc {
    color: rgba(84, 83, 74, 1.00);
    font-size: 49px;
    line-height: 56px;
}

.caele {
    font-size: 35px;
}

.fcbplug {
    width: 100%;
    float: left;
    margin-top: 6%;
    margin-right: 0%;
    visibility: visible;
    padding: 0%;
    margin-left: 0%;
}

.twitt {
    margin-top: 10%;
    width: 100%;
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    visibility: visible;
}

.conversemos {
    width: 95%;
    height: auto;
    float: left;
    background-color: rgba(245, 132, 38, 1.00);
    margin-top: 0px;
    padding-top: 2.5%;
    padding-right: 2.5%;
    padding-bottom: 2.5%;
    padding-left: 2.5%;
    color: rgba(255, 255, 255, 1.00);
    font-weight: bolder;
    font-size: 25px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 34%;
}

.conversemos h1 {
    margin-left: 0%;
    margin-top: 1%;
    margin-bottom: 1%;
}

.titpriva {
    background-color: rgba(84, 83, 74, 1.00);
    width: 80%;
    margin-top: 0%;
    height: auto;
    float: left;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.titpriva h1 {
    width: 80%;
    height: auto;
    color: rgba(255, 255, 255, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 38px;
    text-align: center;
    padding-left: 10%;
    padding-right: 10%;
    line-height: 38px;
}

.bloquepriv {
    width: 100%;
    float: left;
}

.bloquepriv h1 {
    color: rgba(245, 132, 38, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 300;
    padding-left: 5%;
    padding-top: 3%;
    margin-right: 0px;
    padding-right: 5%;
    text-align: center;
    font-size: 33px;
    line-height: 33px;
}

.bloquepriv p {
    color: rgba(84, 83, 74, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 200;
    margin-left: 5%;
    margin-right: 5%;
    text-align: left;
    line-height: 21px;
}

.actualizacion {
    width: 90%;
    padding-right: 5%;
    float: right;
    margin-bottom: 5%;
    color: rgba(245, 132, 38, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 20px;
    padding-left: 5%;
}

.diagform a {
    color: rgba(84, 83, 74, 1.00);
    text-decoration: none;
}

.notita {
    text-align: center;
    margin-top: 7%;
    padding-right: 5%;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.flechaform {
    height: auto;
    float: left;
    width: 77%;
    margin-top: -126px;
    visibility: visible;
    margin-left: 22px;
}

.avisobut a {
    margin-top: 0%;
    color: rgba(255, 255, 255, 0.52);
    float: left;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-decoration: none;
    width: 50%;
    margin-left: 10%;
    margin-right: 50%;
}

.avisobut a:hover {
    color: rgba(245, 132, 38, 0.65);
    text-decoration: underline;
}

.imgbullt {
    width: 100%;
    margin-bottom: 9px;
}

.flechin {
    width: 40px;
    background-image: url(../imagenes/cosassec/botonwhats.png);
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    outline: 0px;
    height: 33px;
    margin-top: 0px;
    margin-left: 0px;
    cursor: pointer;
    background-size: 80% auto;
}

.largos {
    line-height: 14px;
}

.cliente {
    width: 45%;
    margin-top: 6%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-align: center;
    float: right;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.cliente1 {
    width: 40%;
    margin-left: 4%;
    margin-right: 4%;
    float: left;
    clear: none;
    margin-top: 6%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    text-align: center;
}

.cliente1 .imgbullt {
    margin-bottom: 0px;
    padding-bottom: 14px;
}

.cliente .imgbullt {
    margin-bottom: 8px;
    padding-bottom: 14px;
}

.primeraperteqs {
    background-color: #f58426;
    margin-top: 0%;
    margin-right: 0px;
    margin-bottom: -0%;
    width: 90%;
    padding-top: 0%;
    padding-right: 5%;
    padding-bottom: 0%;
    padding-left: 5%;
    float: left;
    background-repeat: no-repeat;
    background-size: 75% auto;
    border-top-color: #54534A;
    border-top-width: 10px;
    background-position: 88% 1%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 100;
    background-image: url(../imagenes/cosassec/sextoaniv.png);
}

primerapartedeprim h1 {
    width: 54%;
    float: right;
    margin-top: 14%;
    padding-bottom: 0px;
    background-image: url(url);
    text-align: left;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    margin-right: 9%;
    font-weight: 200;
}

.titemp {
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 36px;
}

.slogan {
    width: 74%;
    height: auto;
    margin-left: 26%;
    float: left;
    margin-right: 3%;
    margin-bottom: 8%;
    position: relative;
    margin-top: -20%;
}

.animacioon {
    width: 100%;
    float: left;
    background-color: #FFFFFF;
}

.lapluma {
    width: 50%;
    float: left;
}

#product {}

.flecha7 {
    margin-top: -5px;
    float: left;
    padding-left: 28px;
    padding-top: 0px;
}

.dergqs {
    width: 100%;
    max-width: 316px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    background-image: url(../imagenes/cosassec/compu_1-8.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 267px;
}

.lacompu {
    margin-top: 0%;
    margin-bottom: 0%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 21%;
}

.lacompu .swiper-container {
    width: 100%;
    height: 57px;
    margin-top: 0%;
    padding-top: 7%;
}

.sliders {
    width: 59%;
}

.alochenta {
    width: 92%;
}

.izqgqs {
    width: 90%;
    margin-top: 28%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    padding-left: 5%;
    padding-right: 5%;
}

.pasion {
    font-size: 23px;
    font-weight: 300;
}

.mmycyc {
    font-size: 31px;
    margin-top: 0%;
}

.flecha9 {
    float: right;
    padding-right: 180px;
    visibility: hidden;
}

.ciendos {
    width: 100%;
    height: auto;
    float: right;
}

.plma {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0%;
    display: none;
}

.iconodepica {
    z-index: 34;
    width: 150px;
    height: 186px;
    float: left;
    margin-left: 62px;
    margin-top: 20px;
    background-image: url(../imagenes/cosassec/dedomovil.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.parteblancaqs {
    width: 100%;
    height: auto;
    float: left;
    background-color: #FFFFFF;
}

.flecha8 {
    margin-top: -6px;
    margin-left: 70%;
}

.letrasun {
    width: 90%;
    padding-left: 5%;
    padding-top: 12%;
    padding-bottom: 13%;
    padding-right: 5%;
}

.letrasun p {
    color: #B5B5B5;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 23px;
    font-weight: 400;
    width: 100%;
    height: auto;
    margin-top: 3%;
    margin-left: 3%;
    float: left;
}

.sliders .swiper-container {
    z-index: 70;
    padding-top: 0px;
    width: 100%;
    height: 159px;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
}

.inno {
    font-size: 540%;
    max-width: 0px;
}

.trans {
    font-size: 359%;
}

.rein {
    font-size: 436%;
    text-align: center;
}

.letrasdo {
    width: 100%;
    height: auto;
    margin-top: 3%;
    margin-left: 3%;
    float: left;
}

.letrasdo p {
    width: 90%;
    height: auto;
    margin-top: 3%;
    margin-left: 0%;
    float: left;
    color: #B5B5B5;
    font-family: helvetica neue;
    font-size: 32px;
    text-align: right;
}

.partenaranja2 {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 8%;
    padding-bottom: 180%;
    margin-top: 0%;
    max-width: 1366px;
    position: fixed;
    z-index: -4;
    background-color: #F58426;
}

.mejorts {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 28px;
}

.asegura {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 28px;
}

.sitios {
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 35px;
}

.partenaranja2 p {
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 24px;
    line-height: 27px;
    text-align: left;
    width: 72%;
    margin-left: auto;
    margin-right: auto;
}

.imgenicn {
    width: 100%;
    float: left;
    margin-top: 9%;
    margin-right: 0%;
    padding-top: 2%;
    padding-left: 0%;
    height: auto;
}

.primerapartedeprim {
    width: 100%;
    float: right;
    margin-top: 56%;
    padding-bottom: 0px;
    margin-right: 0%;
    min-height: 0px;
}

.primerapartedesec {
    float: left;
    margin-top: 4%;
    margin-left: 0%;
}

.izqgqs p {
    font-size: 21px;
}

.izqgqs h3 {
    font-size: 38px;
    font-weight: 400;
    line-height: 25px;
}

.bulletgogle {
    width: 45vw;
    margin-left: 21.5vw;
    margin-right: 27.5vw;
    margin-top: 10vw;
}

.plma iframe {
    margin-top: -45px;
}

.viernesdevariedad {
    font-size: 23px;
}

#Telefono,
#correo,
#telefono {
    background-image: url(../imagenes/cosassec/globoazulpeque.png);
    width: 50%;
    height: 37px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    margin-left: 40%;
    margin-top: 3%;
    padding-left: 5%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-bottom: 3%;
    color: rgba(55, 54, 47, 1.00);
    margin-right: 10%;
    float: left;
}

#Correo {
    background-image: url(../imagenes/cosassec/globograndeazul.png);
    width: 90%;
    height: 34px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    margin-left: 6%;
    margin-top: 3%;
    padding-left: 3%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 3%;
    color: rgba(55, 54, 47, 1.00);
    background-size: 94% auto;
}

#Comentario {
    background-image: url(../imagenes/cosassec/textareaazul.png);
    width: 80%;
    height: 183px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    margin-left: 6%;
    margin-top: 6%;
    padding-left: 9%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 300;
    padding-top: 2%;
    color: rgba(55, 54, 47, 1.00);
    background-size: 97% auto;
}

.flechin:hover {
    background-image: url(../imagenes/cosassec/botonwhasthover.png);
}

.primerapartemarket {
    float: left;
    background-color: #F58426;
}

.primerapartemarket p {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    margin-top: 6%;
    float: left;
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 33px;
    text-align: center;
}

.imgnmarket {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 0%;
}

.parteblanca {
    width: 90%;
    float: left;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.parteblanca p {
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 24px;
    text-align: center;
    line-height: 27px;
    margin-left: auto;
    margin-right: auto;
}

.parteblanca ul {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 23px;
    list-style-type: none;
    text-align: left;
    font-weight: lighter;
    line-height: 24px;
    list-style-image: url(../imagenes/cosassec/flechamini.png);
}

.cosoprotector2 {
    width: 100%;
    float: left;
}

.grismarket {
    width: 100%;
    height: auto;
    float: left;
    background-color: #54534A;
}

.grismarket p {
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 38px;
    width: 80%;
    float: right;
    margin-right: 10%;
    margin-top: 6%;
    margin-left: 10%;
    text-align: center;
    line-height: 38px;
}

.imggris {
    width: 50%;
    padding-top: 8%;
    padding-bottom: 3%;
    float: left;
    margin-left: 25%;
    margin-right: 25%;
}

.entimepo {
    font-size: 29px;
    line-height: 20px;
}

.parteblan2merc {
    width: 100%;
    height: auto;
    float: left;
    background-repeat: no-repeat;
    background-size: 44% auto;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.parteblan2merc h1 {
    width: 90%;
    margin-left: 5%;
    margin-top: 5%;
    color: #F58426;
    font-size: 39px;
    margin-right: 5%;
}

.parteblan2merc p {
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 20px;
    width: 90%;
    margin-left: 5%;
    margin-top: 0px;
    margin-bottom: 73px;
    margin-right: 5%;
    text-align: center;
}

.estasidt {
    width: 90%;
    float: right;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0%;
    height: 127px;
    background-image: url(../imagenes/cosassec/barras.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    max-width: 283px;
    max-height: 127px;
}

.bolitas {
    width: 100%;
    float: right;
    margin-top: 0px;
    visibility: visible;
    margin-left: 0px;
    height: 0px;
}

.bol1 {
    margin-left: 61px;
    margin-top: 64px;
    width: 18px;
    height: 18px;
}

.bol2 {
    margin-top: 43px;
    margin-left: 33px;
    width: 18px;
    height: 18px;
}

.bol3 {
    margin-top: -51px;
    margin-left: 220px;
    width: 18px;
    height: 18px;
}

.partenaraservicios {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 5%;
    margin-top: 0px;
    background-color: #F58426;
}

.flecha5 {
    float: left;
    margin-top: -5.1%;
    margin-left: 180px;
    visibility: hidden;
}

.partenaraservicios h1 {
    width: 95%;
    float: right;
    margin-right: 2.5%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 51px;
    color: #FFFFFF;
    margin-left: 2.5%;
    line-height: 50px;
    text-align: right;
}

.partenaraservicios ul {
    float: right;
    width: 90%;
    padding-right: 10%;
    margin-top: 0%;
    margin-bottom: 0%;
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 100;
    text-align: right;
    list-style-type: none;
    font-size: 16px;
    margin-left: 7%;
    margin-right: 3%;
}

.btnmail .qs16 {
    padding-top: 0.4%;
    padding-bottom: 0.4%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    height: auto;
    margin-top: 11%;
    margin-right: 10%;
    margin-left: 10%;
    margin-bottom: 6%;
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    border: medium solid #54534A;
    font-weight: bold;
    background-color: #FFFFFF;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.btnmail .qs16:after {
    top: -109%;
    left: -3px;
    width: 100%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    position: absolute;
    border: medium solid #54534A;
    background-color: #FFFFFF;
    color: #54534A;
    content: 'REALIZAR TEST';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.btnmail .qs16:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.qs16 {
    border: none;
    padding: 10px;
    font-size: 18px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

.flecha6 {
    margin-top: 38%;
    margin-left: 1052px;
}

.estrates {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 29px;
}

.parte1 {
    float: left;
    width: 100%;
    margin-top: 0%;
    padding-bottom: 4%;
    padding-top: 0%;
    background-color: transparent;
}

.parte1 h1 {
    width: 90%;
    height: auto;
    margin-top: 15%;
    margin-left: 5%;
    margin-right: 5%;
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 25px;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
}

.expe {
    margin-top: 0px;
    font-style: italic;
    font-weight: lighter;
    font-size: 64px;
    color: #54534A;
}

.webB {
    font-size: 30px;
}

.elcelu {
    display: none;
}

.gif {}

.parte2 {
    width: 90%;
    float: left;
    background-color: #54534A;
    margin-left: 0px;
    padding-left: 5%;
    padding-right: 5%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.opti {}

.parte3 {
    width: 100%;
    float: left;
    padding-bottom: 17%;
    height: auto;
    background-color: #FFFFFF;
    background-image: url(../imagenes/cosassec/mundo-8.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0% 94%;
}

.parte3 h1 {
    color: #54534A;
    text-align: center;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 31px;
    margin-top: 19%;
}

.ar {}

.desa {}

.sitis {}

.webA {
    font-size: 44px;
    line-height: 36px;
    letter-spacing: -7px;
    color: #54534A;
}

.loquedura {
    margin-top: 13%;
    background-color: #3DA3A5;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-bottom: 111%;
}

.bullet {
    z-index: 17;
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 19px;
    margin-top: 5%;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    list-style-position: inside;
    line-height: 28px;
}

.pff3 {}

.pff4 {}

.pff5 {}

.pff6 {}

.parte4 {
    width: 90%;
    float: left;
    background-color: #54534A;
    padding-top: 0%;
    margin-top: 0%;
    padding-left: 5%;
    padding-right: 5%;
}

.flecha16 {
    margin-top: -9px;
    margin-left: 22px;
}

.parte4 h1 {
    margin-left: auto;
    margin-right: auto;
    width: 88%;
    margin-top: 6%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 34px;
    font-weight: bold;
    text-align: right;
    å
}

.parte4 ul {
    width: 80%;
    float: left;
    margin-left: 10%;
    margin-bottom: 0%;
    list-style-image: url(../imagenes/cosassec/bulletblanc-8.png);
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 14px;
    line-height: 15px;
    padding: 0%;
    margin-right: 10%;
}

.btngris .qs11 {
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 65%;
    height: auto;
    margin-top: 5%;
    margin-right: auto;
    margin-left: 17.5%;
    color: #fff;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    border: medium solid #fff;
    font-weight: bold;
    background-color: #54534A;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    margin-bottom: 10%;
}

.flecha17 {
    visibility: hidden;
    display: none;
}

.parte2 p {
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 23px;
}

.un {
    font-size: 37px;
}

.bullet img {
    display: none;
}

.grisoculto {
    width: 100%;
    top: 0px;
    max-width: 1366px;
    height: auto;
    padding-top: 8.5%;
    padding-bottom: 8.5%;
    background-color: #54534A;
    float: left;
}

.grisoculto h1 {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 36px;
    font-weight: 500;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    line-height: 36px;
}

.hojabuscador {
    float: left;
    width: 100%;
    height: 699px;
    margin-top: 0%;
    background-image: url(../imagenes/cosassec/hoja_movil_buscadormovil.png);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-position: 0% 1%;
    background-size: 100% auto;
}

.www {
    padding-top: 2%;
    height: auto;
    width: 79%;
    float: left;
    margin-top: 4px;
    color: #A9A9A9;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 10px;
    background-size: 0% auto;
    margin-left: 10%;
}

.bannerweb {
    float: left;
    width: 95%;
    margin-top: 24%;
    margin-left: 4%;
    background-color: transparent;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    margin-right: 0%;
}

.bannerweb h1 {
    float: left;
    padding-left: 15px;
    margin-bottom: 6%;
    color: #6414E2;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 16px;
    width: 85%;
}

.btnbannergris3 .qs27 {
    border: medium solid #F58426;
    background-color: #54534A;
    color: #FFFFFF;
    padding-top: 2%;
    padding-bottom: 2%;
    /* [disabled]border-radius: 5px; */
    position: relative;
    box-sizing: border-box;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    width: 77%;
    height: auto;
    margin-bottom: 10px;
    margin-top: -11px;
    margin-right: auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-left: 16px;
    z-index: 28;
    float: left;
    font-size: 15px;
}

.btnbannergris3 .qs27:after {
    top: -101%;
    left: -3px;
    width: 100%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    position: absolute;
    border: medium solid #F58426;
    background-color: #54534A;
    color: #fff;
    content: 'ATRAER PROSPECTOS';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.btnbannergris3 .qs27:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.boton {
    width: 70%;
    margin-top: -7px;
    margin-left: 4px;
    float: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.bannerweb .boton p {
    font-weight: 300;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.trella {
    float: right;
    clear: left;
    margin-top: -31px;
    width: 77px;
    height: 15px;
    display: none;
}

.marcadores {
    display: none;
}

.googlwo {
    width: 30%;
    float: right;
    margin-top: 131px;
    margin-right: 22px;
}

.segbannnaj {}

.iconcin {}

.cosonaranja {
    width: 100%;
    float: left;
    padding-right: 0px;
    margin-bottom: 176%;
    background-color: #F58426;
    -webkit-box-shadow: 0px 5px 12px #7B7A73;
    box-shadow: 0px 5px 12px #7B7A73;
}

.cosonaranja h1 {
    margin-right: 5%;
    width: 90%;
    margin-top: 8%;
    float: left;
    padding-bottom: 0px;
    margin-left: 5%;
    font-weight: 200;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 25px;
    text-align: right;
    line-height: 27px;
    text-shadow: 0px 0px;
}

.flecha10 {
    display: none;
}

.optimiz {
    font-weight: bold;
    font-size: 32px;
    color: #54534A;
    text-shadow: 3px 2px 5px #DB6F16;
}

.increm {
    font-weight: bold;
    font-size: 17px;
    text-shadow: 3px 1px 4px #D86A0D;
    color: #FFFFFF;
}

.puff {
    width: 82%;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 4%;
    padding-left: 2%;
    margin-bottom: 10%;
    float: left;
    margin-top: 2%;
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 39px;
    line-height: 31px;
    text-align: right;
    background-color: #F0A809;
    -webkit-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
}

.campa {
    font-size: 17px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
    color: #54534A;
    line-height: 0px;
}

.nuestroserviciogris {
    width: 90%;
    height: auto;
    margin-top: 0px;
    padding-bottom: 14%;
    margin-bottom: -1px;
    float: left;
    background-color: #70706B;
    padding-top: 20px;
    padding-left: 5%;
    padding-right: 5%;
}

.nuestroserviciogris h1 {
    width: 90%;
    margin-top: 6.5%;
    margin-left: 5%;
    text-align: left;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 27px;
    margin-right: 5%;
}

.nuestroserviciogris ul {
    width: 90%;
    margin-left: 0px;
    padding-left: 5%;
    margin-top: 4%;
    float: left;
    margin-bottom: 0%;
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 100;
    font-size: 17px;
    line-height: 24px;
    list-style-type: square;
}

.flecha11 {
    visibility: hidden;
    display: none;
}

.mark {
    font-size: 35px;
    letter-spacing: 12px;
    font-weight: lighter;
    color: #F58426;
}

.busq {
    padding-top: 0%;
    padding-left: 1%;
    width: 99%;
    margin-top: 11%;
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 75%;
    font-weight: 100;
    padding-bottom: 0%;
}

.bannerweb p {
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 200;
    width: 82%;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-left: 20px;
    line-height: 18px;
}

.imgredbajo1 {
    margin-top: 64%;
    margin-right: 0px;
    margin-left: 0%;
    margin-bottom: 0px;
    position: absolute;
    width: 25%;
}

.imgredbajo {
    margin-top: 11%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    position: absolute;
    width: 25%;
}

.imgred1 {
    margin-top: 37%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 28%;
}

.imgred {
    margin-top: 29%;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 35%;
}

.imgredsube {
    margin-top: 56%;
    margin-bottom: 0px;
    position: absolute;
    width: 34%;
    margin-left: -98px;
}

.imgredsube1 {
    margin-top: 7%;
    margin-right: 0px;
    margin-left: -34%;
    margin-bottom: 0px;
    position: absolute;
    width: 28%;
}

.amigos {
    font-size: 49px;
}

.redsocial1 {
    font-weight: bold;
    font-size: 21px;
}

.habilidad {
    width: 95%;
    margin-top: 5%;
    margin-bottom: 6%;
    color: rgba(84, 83, 74, 1.00);
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 28px;
    text-align: left;
    line-height: 32px;
    padding-right: 2.5%;
    padding-left: 2.5%;
}

.retos {
    font-size: 32px;
    color: #F58426;
}

.partegristexto {
    width: 95%;
    float: left;
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #54534A;
    padding-left: 2.5%;
    padding-right: 2.5%;
    margin-top: 0px;
}

.social {}

.ofreecrs {}

.flecha13 {
    display: none;
}

.flecha13 {}

.partegristexto h1 {
    float: left;
    color: #F58426;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 37px;
    line-height: 37px;
    text-align: right;
}

.partegristexto p {
    width: 85%;
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 27px;
    text-align: right;
    line-height: 26px;
}

.managers {
    display: none;
    width: 0%;
}

.managers1 {
    display: block;
    margin-top: 41px;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    float: left;
    margin-bottom: 31px;
}

.info1 {
    width: 60%;
    height: auto;
    margin-top: 10px;
    text-align: right;
    padding-left: 30%;
    padding-right: 10%;
    margin-left: 0px;
    margin-right: 0px;
    background-image: url(../imagenes/cosassec/info1-01.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-bottom: 6%;
    padding-top: 7%;
}

.info1 h1 {
    color: #FFFFFF;
    margin: 0%;
    height: auto;
    font-size: 17px;
    line-height: 23px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    width: 100%;
    padding: 0%;
}

.capa {
    font-size: 19px;
}

.info1 p {
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 15px;
    margin-top: 0px;
    line-height: 15px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.info2 {
    width: 75%;
    height: auto;
    margin-top: 0%;
    margin-right: 0%;
    text-align: right;
    background-image: url(../imagenes/cosassec/info2-01.png);
    padding-left: 20%;
    padding-right: 5%;
    margin-left: 0%;
    background-size: 100% 100%;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-bottom: 0%;
}

.info2 h1 {
    color: #54534A;
    width: 100%;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
}

.info2 p {
    width: 100%;
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 200;
}

.info3 {
    width: 65%;
    height: auto;
    margin-top: 0%;
    text-align: right;
    margin-right: 0%;
    padding-left: 30%;
    padding-right: 5%;
    margin-left: 0%;
    background-image: url(../imagenes/cosassec/info3-01.png);
    background-size: 100% 100%;
    padding-top: 6%;
    padding-bottom: 4%;
    margin-bottom: 0%;
}

.info3 h1 {
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    width: 100%;
    margin-top: 0%;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    margin-left: 0%;
    margin-bottom: 0%;
}

.info3 p {
    margin-top: 0%;
    color: #FFFFFF;
    font-family: helvetica neue;
    font-size: 16px;
    font-weight: 200;
    margin-left: 0%;
    margin-bottom: 0px;
    width: 100%;
}

.info4 {
    width: 70%;
    height: auto;
    margin-top: 0%;
    text-align: right;
    margin-right: 0%;
    margin-bottom: 0%;
    padding-bottom: 5%;
    padding-left: 25%;
    padding-right: 5%;
    margin-left: 0%;
    background-image: url(../imagenes/cosassec/info4-01.png);
    background-size: 100% 100%;
    padding-top: 4%;
}

.info4 h1 {
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
}

.info4 p {
    width: 67%;
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 0%;
    margin-top: 0px;
    margin-left: 30%;
    margin-right: 3%;
}

.info5 {
    width: 60%;
    height: auto;
    margin-top: 0%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 0%;
    padding-bottom: 8%;
    text-align: right;
    background-image: url(../imagenes/cosassec/infografia-01.png);
    background-size: 100% 100%;
    padding-left: 32%;
    padding-right: 8%;
    padding-top: 8%;
}

.info5 h1 {
    color: #F58426;
    width: 100%;
    font-size: 22px;
    line-height: 22px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    margin-top: 0%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    padding-bottom: 0%;
}

.info5 p {
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    width: 100%;
    font-size: 12px;
    margin-top: 0%;
    margin-left: 0%;
    margin-right: 0%;
}

.naranjaredes {
    width: 100%;
    height: auto;
    float: right;
    margin-top: 0px;
    padding-top: 0%;
    padding-bottom: 7%;
    color: #FFFFFF;
    background-color: #F58426;
}

.btnbannergris1 .qs20 {
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    height: auto;
    margin-bottom: 30px;
    margin-top: 16%;
    float: left;
    margin-left: 10%;
    color: #fff;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    border: medium solid #fff;
    font-size: 40px;
    background-color: #54534A;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    margin-right: 10%;
}

.btnbannergris1 .qs20:after {
    top: -78%;
    left: -3px;
    width: 100%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    position: absolute;
    border: medium solid #fff;
    background-color: #54534A;
    color: #fff;
    content: 'GENERA LIKES';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.btnbannergris1 .qs20:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.qs20 {
    border: none;
    padding: 10px;
    font-size: 18px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
}

.flecha21 {}

.imgengris {
    width: 90%;
    margin-bottom: 25px;
    margin-left: 5%;
    margin-right: 5%;
}

.flecha4 {
    display: none;
}

.second .icon-wrapper ul {
    float: left;
    margin-top: 0px;
    font-size: 20px;
    font-weight: lighter;
}

.first .icon-wrapper h1 {
    font-size: 70px;
}

.first {
    height: 776px;
}

.primerobran {
    width: 80%;
    height: auto;
    float: left;
    margin-top: -6px;
    margin-bottom: 5%;
    padding-top: 4%;
    padding-bottom: 4%;
    padding-left: 10%;
    padding-right: 10%;
    border-top: 10px solid #41403A;
    background-color: #54534A;
    background-image: url(../imagenes/cosassec/fondoblanco-01.png);
    background-repeat: no-repeat;
    background-size: 104% auto;
    background-position: 0% 4%;
}

.mano1 {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0%;
    margin-bottom: 23%;
}

.mano1 img {
    float: right;
    width: 84%;
    margin-top: 9%;
}

.titbr {
    width: 90%;
    margin-left: 5%;
    margin-top: 0%;
    margin-right: 5%;
    float: left;
}

.titbr h1 {
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 61px;
    text-align: center;
    font-weight: 600;
}

.titbr1 h1 {
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 50px;
    text-align: center;
    font-weight: 600;
}

.pafbrn {
    width: 90%;
    margin-left: 2.5%;
    margin-top: 0%;
    padding-top: 3%;
    padding-bottom: 3%;
    opacity: 1;
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 36px;
    font-weight: 200;
    background-color: #F58426;
    -webkit-box-shadow: 5px 4px 10px #BCBCBC;
    box-shadow: 5px 4px 10px #BCBCBC;
    margin-right: 2.5%;
    float: left;
    line-height: 32px;
    padding-left: 2.5%;
    padding-right: 2.5%;
}

.prpsta {
    font-weight: bolder;
    font-size: 44px;
    line-height: 44px;
}

.mecobj {
    color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 21px;
    line-height: 21px;
}

.qui {}

.med {
    color: #54534A;
    font-size: 39px;
}

.sobr {}

.dif {
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 42px;
    font-weight: 400;
}

.pem {
    font-size: 44px;
    line-height: 0px;
    color: rgba(84, 83, 74, 1.00);
}

.mindy {}

.flecha1 {}

.servpega {
    letter-spacing: normal;
    font-size: 45px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    line-height: 45px;
}

.flecha2 {
    display: none;
}

.titulobranding {
    width: 94%;
}

.msj {
    color: #54534A;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 28px;
    line-height: 0px;
}

.flecha1 {
    display: none;
}

.dyt {
    font-size: 49px;
    line-height: 44px;
    color: rgba(84, 83, 74, 1.00);
    font-weight: 300;
}

.btngris qs13 {
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%;
    height: auto;
    margin-right: auto;
    margin-left: 10%;
    margin-bottom: 6%;
    color: #fff;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    border: medium solid #fff;
    font-weight: bold;
    background-color: #54534A;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-top: 0%;
}

.btngris .qs13:after {
    top: -109%;
    left: -3px;
    width: 100%;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    position: absolute;
    border: medium solid #F58426;
    background-color: #FFFFFF;
    color: #F58426;
    content: 'TE PODEMOS AYUDAR';
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

.btngris .qs13:hover {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-90deg) translateY(100%);
    -moz-transform: rotateX(-90deg) translateY(100%);
    -ms-transform: rotateX(-90deg) translateY(100%);
    -o-transform: rotateX(-90deg) translateY(100%);
    transform: rotateX(-90deg) translateY(100%);
}

.qs13 {
    border: 3px solid #F58426;
    padding-top: 7px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 7px;
    font-size: 17px;
    position: relative;
    box-sizing: border-box;
    transition: all 500ms ease;
    background-color: #FFFFFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bolder;
    color: #F58426;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 10%;
    width: 80%;
    margin-right: 10%;
}

.folio {
    font-size: 45px;
}

.fondgris {
    float: left;
    width: 100%;
    margin-top: -130px;
    background-image: url(../imagenes/cosassec/fondogris.png);
    background-size: 158% 100%;
    background-repeat: no-repeat;
    background-position: 35% 0%;
    padding-bottom: 23%;
    padding-top: 30%;
}

.desaparece {
    display: block;
}

.mailmk {
    font-size: 26px;
}

.cnoce {
    font-size: 38px;
}

.sliders2 {
    width: 90%;
    height: 248px;
    background-image: url(../imagenes/cosassec/compus.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-top: 8px;
    max-width: 292px;
}

.sliders2 .tope .swiper-container {
    width: 95%;
    margin-left: 2.5%;
    height: 160px;
}

.sliders2 .tope .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.sliders2 .tope .swiper-slide {
    width: 100%;
    height: 154px;
    background-size: 101% auto;
}

.coordina {
    font-size: 27px;
}

.hatch {
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTcirculoM.jpg);
}

.slideExpandUp {
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTcgaM.jpg);
    width: 100%;
    background-size: 100% auto;
}

.expandUp {
    width: 100%;
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTdaecsaM.jpg);
}

.expandOpen {
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTexpoimpresionM.jpg);
    width: 100%;
}

.bigEntrance {
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTfabercastellM.jpg);
}

.bounce {
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTfishersM.png);
}

.slideLeft {
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTliverpoolM.jpg);
    width: 100%;
}

.pullDown {
    width: 100%;
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTprolaifM.jpg);
}

.pullUp {
    width: 100%;
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTschoolofrockM.jpg);
}

.fadeIn {
    width: 100%;
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTsayerM.jpg);
}

.slideUp {
    background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTviverosparraM.jpg);
}

.partblanc2 {
    background-color: #FFFFFF;
    width: 100%;
    float: left;
    margin-bottom: 105%;
}

.plma2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: auto;
    padding-right: auto;
}

.plma2 iframe {
    margin-left: auto;
    margin-right: auto;
}

.redessociales {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    float: left;
}

.botones {
    width: 80%;
}

.primparetegal .fondos {
    background-image: url(../imagenes/bannersportafolio/averyCLIENTESban1.jpg);
    width: 100%;
    height: 424px;
    background-size: cover;
    background-position: 93% 0%;
    background-repeat: no-repeat;
}

.primparetegal .fondos3 {
    background-image: url(../imagenes/bannersportafolio/bebambooCLIENTESban.jpg);
    width: 100%;
    height: 454px;
    background-size: cover;
    background-position: 100% 0%;
    background-repeat: no-repeat;
}

.primparetegal .fondos4 {
    background-image: url(../imagenes/bannersportafolio/irritinsaCLIENTESban.jpg);
    width: 100%;
    height: 454px;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

.primparetegal .fondos5 {
    background-image: url(../imagenes/bannersportafolio/directaCLIENTESban.jpg);
    width: 100%;
    height: 425px;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

.primparetegal .fondos2 {
    background-image: url(../imagenes/bannersportafolio/appcoreCLIENTESban%5B1%5D.jpg);
    width: 100%;
    height: 442px;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

.primparetegal .fondos6 {
    background-image: url(../imagenes/bannersportafolio/lumenCLIENTESban.jpg);
    width: 100%;
    height: 442px;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

.primparetegal .fondos7 {
    background-image: url(../imagenes/bannersportafolio/strongtechrCLIENTESban.jpg);
    width: 100%;
    height: 442px;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

.primparetegal .fondos8 {
    background-image: url(../imagenes/bannersportafolio/ukcompanyCLIENTESban.jpg);
    width: 100%;
    height: 442px;
    background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

.protecc {
    float: left;
}

.gridContainer.clearfix main .protecc {}

.chatbot {
    display: inline;
    position: fixed;
    z-index: 999;
    bottom: 20px;
    right: 24px;
}

.chatbot2 {
    display: inline;
    position: fixed;
    z-index: 999;
    bottom: 95px;
    right: 24px;
}

.fb-customerchat {
    display: none;
    z-index: -10;
}

.fb_reset {
    display: none;
}

.videovid iframe {
    width: 80%;
    height: 220px;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 150px;
    margin-bottom: 50px;
    position: relative;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
    .videovid iframe {
        width: 80%;
        height: 350px;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 150px;
        margin-bottom: 50px;
        position: relative;
    }
    .primparetegal .fondos2 {
        background-image: url(../imagenes/bannersportafolio/appcoreCLIENTESban%5B1%5D.jpg);
        width: 100%;
        background-size: cover;
        background-position: 98% 0%;
        background-repeat: no-repeat;
        height: 439px;
    }
    .primparetegal .fondos6 {
        background-image: url(../imagenes/bannersportafolio/lumenCLIENTESban.jpg);
        width: 100%;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
        height: 439px;
    }
    .primparetegal .fondos7 {
        background-image: url(../imagenes/bannersportafolio/strongtechrCLIENTESban.jpg);
        width: 100%;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
        height: 439px;
    }
    .primparetegal .fondos8 {
        background-image: url(../imagenes/bannersportafolio/ukcompanyCLIENTESban.jpg);
        width: 100%;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
        height: 439px;
    }
    .bannerweb {
        float: left;
        width: 81%;
        margin-top: 24%;
        margin-left: 9%;
        background-color: transparent;
        -webkit-box-shadow: 0px 0px;
        box-shadow: 0px 0px;
        max-width: 80%;
    }
    .estrates {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 30px;
    }
    #Comentario {
        background-image: url(../imagenes/cosassec/textareaazul.png);
        width: 80%;
        height: 213px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 5%;
        margin-top: 6%;
        padding-left: 9%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 300;
        padding-top: 2%;
        color: rgba(55, 54, 47, 1.00);
    }
    .flechin:hover {
        background-image: url(../imagenes/cosassec/botonwhasthover.png);
        background-repeat: no-repeat;
        outline: 0px;
    }
    #Comentario:focus {
        online: 0px;
        outline: 0px;
    }
    #Correo {
        background-image: url(../imagenes/cosassec/globograndeazul.png);
        width: 70%;
        height: 40px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 15%;
        margin-top: 3%;
        padding-left: 3%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 300;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
        background-size: cover;
    }
    #Correo:focus {
        outline: 0px;
    }
    #Telefono:focus,
    #correo:focus,
    #telefono:focus {
        outline: 0px;
    }
    .fondgris {
        width: 100%;
        background-repeat: no-repeat;
        height: auto;
    }
    .bolizq {
        width: 250px;
        position: absolute;
        z-index: 42;
        margin-top: 574px;
        max-width: 1366px;
        margin-left: 436px;
    }
    .redsocial1 {
        font-weight: bold;
        font-size: 22px;
    }
    .imgred1 {
        margin-top: 39%;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
        width: 35%;
    }
    .imgredsube {
        margin-top: 1%;
        margin-left: -22%;
        margin-bottom: 0px;
        position: absolute;
        width: 11%;
    }
    .imgredsube1 {
        margin-top: 1%;
        margin-right: 0px;
        margin-left: -10%;
        margin-bottom: 0px;
        position: absolute;
        width: 9%;
    }
    .imgredbajo {
        margin-top: 21%;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
        position: absolute;
        width: 9%;
    }
    .imgredbajo1 {
        margin-top: 20%;
        margin-right: 0px;
        margin-left: 10%;
        margin-bottom: 0px;
        position: absolute;
        width: 9%;
    }
    .gridContainer {
        width: 100%;
        clear: none;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
    }
    .tel {
        margin-top: 0%;
        display: block;
        padding-top: 3%;
        width: 56%;
        height: auto;
        padding-bottom: 3%;
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
        clear: right;
        float: right;
    }
    #menu {}
    .banPrincipal {
        width: 100%;
        height: auto;
        margin-top: 0px;
        float: right;
    }
    .btnQuienes {}
    #banWeb {}
    .titulo {}
    #banList {}
    #banListLine {}
    #Mensaje {}
    #banAccesos {}
    #banGoogle {
        float: left;
    }
    .btnAdwords {}
    .btnWeb {}
    #banEmail {
        width: 100%;
        height: auto;
    }
    .AccesList {
        margin-left: 27.5%;
        margin-right: 27.5%;
        display: block;
        width: 45%;
        text-align: left;
    }
    .acceslistline {}
    .btnEmailS {}
    #ban3D {
        width: 100%;
        height: auto;
    }
    .Animalist {
        width: 45%;
        display: block;
        margin-left: 27.5%;
        margin-right: 27.5%;
        text-align: left;
    }
    .Animalistline {}
    .btnAnima {}
    #banBrand {
        width: 100%;
        margin: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 5%;
        float: left;
    }
    .btnBrand {}
    #banMarcas {
        display: none;
    }
    #banMarcas2 {}
    #banMarcas2 h2 {
        margin-top: 9%;
        font-size: 27px;
    }
    #banPie {
        width: 100%;
        margin: 0;
        padding-top: 4%;
        padding-right: 0%;
        padding-left: 0%;
        padding-bottom: 0%;
        border: none;
        float: left;
    }
    .btnRedes {}
    #Accordion1 h3 a {
        display: block;
        text-align: center;
        font-size: 16px;
        padding-bottom: 0px;
    }
    .direccion {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .btnContacto {}
    .Legales {
        width: 90%;
        margin-left: 10%;
        margin-right: 10%;
        text-align: center;
        font-size: 13px;
    }
    #Accordion1 h3 {
        display: block;
        float: left;
        width: 16%;
        margin: 0%;
        padding-top: 2%;
        padding-right: 2%;
        padding-left: 2%;
        padding-bottom: 2%;
        border: none;
        text-align: center;
    }
    #Accordion1 {
        width: 100%;
    }
    .imgPrincipal {
        margin-left: 20%;
        margin-right: 20%;
        width: 60%;
    }
    .imgBrand {
        display: none;
        width: 60%;
        margin-left: 20%;
        margin-right: 20%;
    }
    .imgBrand2 {
        display: block;
        width: 60%;
        float: left;
        margin-bottom: 5%;
        margin-left: 20%;
        margin-right: 20%;
        padding-left: 1.5%;
        padding-right: 1.5%;
    }
    .imgBrandTex {
        margin-top: 0%;
        width: 100%;
        padding: 0%;
        float: left;
    }
    .fluid.banPrincipal p {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        color: #FFFFFF;
        width: 84%;
        height: auto;
        font-size: 120%;
        margin-right: 8%;
        margin-top: 5%;
        float: left;
        margin-left: 8%;
    }
    .fluid.banPrincipal h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 190%;
        width: 80%;
        height: auto;
        text-align: center;
        margin-top: 5%;
        margin-bottom: 5%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .fluid.banPrincipal img {}
    .descrili {}
    .hide_tablet {
        display: none;
    }
    .zeroMargin_tablet {
        margin-left: 0;
    }
    #banGoogle .bantexto {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 16px;
        color: #53544A;
        margin-left: 20%;
        margin-right: 20%;
        width: 60%;
        float: left;
        text-align: left;
    }
    .cabeza {
        width: 100%;
        height: auto;
        float: left;
        border-bottom: 9px solid #54534A;
    }
    .fluid.logo img {
        display: block;
        width: 200px;
        height: 200px;
        clear: left;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .logo {
        width: 44%;
        clear: left;
    }
    .menu {
        width: 100%;
        padding-top: 5px;
    }
    #Accordion1 div {
        width: 100%;
        float: left;
    }
    .cosoprotector {
        width: 100%;
        /* height: 1150px; */
        height: 630px;
        float: left;
    }
    #btnQuienes .qs {
        border: medium solid #D3650A;
        background-color: #FFFFFF;
        color: #54534A;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 45%;
        height: auto;
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        padding-left: 1.5%;
        padding-right: 1.5%;
    }
    #btnQuienes .qs:after {
        top: -100%;
        left: -3px;
        width: 100%;
        padding-top: 2%;
        padding-bottom: 2%;
        position: absolute;
        border: medium solid #D3650A;
        background-color: #FFFFFF;
        color: #54534A;
        content: 'NOSOTROS';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        margin-top: 1.5%;
        margin-bottom: 0px;
    }
    .btnWeb2 .qs1 {
        border: medium solid #969696;
        background-color: #B3B4B1;
        color: #000;
        padding-top: 5px;
        padding-bottom: 5px;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 40%;
        height: auto;
        margin-bottom: 3%;
        margin-right: 30%;
        margin-left: 35% % %;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-top: 3%;
        font-size: 100%;
        margin-left: 30%;
    }
    .btnWeb2 .qs1:after {
        top: -128%;
        left: -3px;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        position: absolute;
        border: medium solid #939393;
        background-color: #ADAEAB;
        color: #000;
        content: 'CREA TU SITIO WEB';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        margin-left: 0px;
        margin-bottom: 0px;
    }
    .btnAdwords2 .qs2 {
        border: medium solid #F29596;
        background-color: #EEC5A3;
        color: #000;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 45%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 10%;
        margin-right: 27.5%;
        margin-left: 27.5%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .btnAdwords2 .qs2:after {
        top: -123%;
        left: -3px;
        width: 100%;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        position: absolute;
        border: medium solid #E69193;
        background-color: #EEC5A3;
        color: #000;
        content: 'PALABRAS CLAVE';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btnEmailS2 .qs3 {
        border: medium solid #42769F;
        background-color: #B6CEE1;
        color: #000;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 45%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 5%;
        margin-left: 27.5%;
        margin-right: 27.5%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .btnEmailS2 .qs3:after {
        top: -128%;
        left: -3px;
        width: 96.4%;
        padding: 2%;
        position: absolute;
        border: medium solid #47769C;
        background-color: #B0C5D7;
        color: #000;
        font-size: 80%;
        content: 'PRUEBA PERSONALIZADA';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btnAnima2 .qs4 {
        border: medium solid #969696;
        background-color: #ADAEAB;
        color: #000;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 60%;
        height: auto;
        margin-bottom: 66px;
        margin-top: 1%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 20%;
        margin-right: 20%;
    }
    .btnAnima2 .qs4:after {
        top: -120%;
        left: -3px;
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #969696;
        background-color: #B3B4B1;
        color: #000;
        content: 'SOLUCIONES EN 3D';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        font-size: 80%;
    }
    .btnBrand1 .qs5 {
        border: medium solid #57564E;
        background-color: #fff;
        color: #000;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 50%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 0%;
        margin-left: 25%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-right: 25%;
    }
    .btnBrand1 .qs5:after {
        top: -113%;
        left: -3px;
        width: 100%;
        padding-top: 1%;
        padding-bottom: 1%;
        position: absolute;
        border: medium solid #57564E;
        background-color: #fff;
        color: #000;
        font-size: 90%;
        content: 'DISEÑAR ESTRATEGIA';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    #banBrand img {
        width: 90%;
        height: auto;
    }
    h5 {
        font-family: monoton;
        font-size: 413%;
        font-weight: 200;
        text-align: center;
        width: 100%;
        color: #54534A;
        margin-top: 18%;
        margin-bottom: 5%;
    }
    .btnContacto1 .qs6 {
        border: medium solid #fff;
        background-color: #F78E1F;
        color: #fff;
        padding-top: 1%;
        padding-bottom: 1%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 50%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 4%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-right: 25%;
        margin-left: 25%;
        font-size: 16px;
    }
    .btnContacto1 .qs6:after {
        top: -100%;
        left: -3px;
        width: 100%;
        padding-top: 1%;
        padding-bottom: 1%;
        position: absolute;
        border: medium solid #FFF;
        background-color: #F78E1F;
        color: #fff;
        content: 'SOLICITA ASESORÍA';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    #banMarcas2 img {
        margin-top: 15%;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .slogan {
        width: 54%;
        height: auto;
        margin-left: 48%;
        float: left;
        margin-right: 3%;
        margin-bottom: 2%;
        position: relative;
        margin-top: -27%;
    }
    primerapartedeprim h1 {
        width: 54%;
        float: right;
        margin-top: 14%;
        padding-bottom: 0px;
        background-image: url(url);
        text-align: left;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        margin-right: 9%;
        font-weight: 200;
    }
    .primerapartedeprim {
        width: 100%;
        float: right;
        margin-top: 36%;
        padding-bottom: 0px;
        margin-right: 0%;
        font-weight: 300;
    }
    .primeraperteqs {
        background-color: #f58426;
        margin-top: 0%;
        margin-right: 0px;
        margin-bottom: -0%;
        width: 90%;
        padding-top: 0%;
        padding-right: 5%;
        padding-bottom: 0%;
        padding-left: 5%;
        float: left;
        background-repeat: no-repeat;
        border-top-color: #54534A;
        border-top-width: 10px;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 100;
        background-image: url(../imagenes/cosassec/sextoaniv.png);
        background-size: 49% auto;
        background-position: 6% 0%;
    }
    .primerapartedesec {
        float: left;
        margin-top: 2%;
        margin-left: 0%;
    }
    .izqgqs {
        width: 90%;
        margin-top: 26%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        padding-left: 5%;
        padding-right: 5%;
    }
    .mmycyc {
        font-size: 28px;
        margin-top: 0%;
    }
    .pasion {
        font-size: 44px;
    }
    .izqgqs h3 {
        font-size: 38px;
        font-weight: 400;
        line-height: 38px;
        text-align: left;
    }
    .dergqs {
        width: 100%;
        max-width: 450px;
        height: 315px;
    }
    .partegrisqs {
        background-color: #54534A;
        padding-bottom: 10%;
    }
    .inno {
        font-size: 689%;
    }
    .trans {
        font-size: 500%;
    }
    .rein {
        font-size: 520%;
    }
    .sliders {
        width: 58%;
        z-index: 25;
        position: absolute;
        margin-left: -13px;
        margin-top: 25px;
    }
    .dibujosblanc {
        width: 40%;
        margin-bottom: 7%;
        margin-top: 9%;
        float: left;
        clear: left;
        background-color: #FFFFFF;
    }
    .buscador {
        width: 48%;
        height: auto;
        margin-top: 9%;
        float: left;
        margin-left: 10%;
    }
    .letrasdo {
        width: 56%;
        height: auto;
        margin-top: 3%;
        margin-left: 3%;
        float: left;
    }
    .letrasdo p {
        width: 90%;
        height: auto;
        margin-top: 3%;
        margin-left: 0%;
        float: left;
        color: #B5B5B5;
        font-family: helvetica neue;
        font-size: 32px;
        text-align: right;
    }
    .partenaranja2 p {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 100;
        font-size: 46px;
        line-height: 37px;
        text-align: center;
        width: 97%;
        margin-left: auto;
        margin-right: auto;
    }
    .mejorts {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 36px;
    }
    .flecha8 {
        margin-top: -4px;
        float: left;
        margin-left: 319px;
    }
    .bulletgogle {
        width: 30%;
        margin-left: 35%;
        margin-right: 35%;
    }
    .avisobut a {
        margin-left: 30%;
        margin-top: 0%;
        color: rgba(255, 255, 255, 0.52);
        float: left;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        text-decoration: none;
        width: 40%;
        margin-right: 30%;
    }
    .photo {
        width: 100%;
        height: 365px;
        float: left;
    }
    .segundapartedirecc {
        width: 100%;
        float: left;
        height: auto;
        padding-bottom: 8%;
    }
    .direccioncontacto {
        width: 90%;
        float: left;
        margin-left: 5%;
        margin-top: 7%;
        margin-right: 5%;
        height: 300px;
    }
    .direcctext {
        width: 95%;
        float: right;
        margin-top: 9%;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }
    .direcctext p {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 400;
    }
    .fasc {
        color: rgba(84, 83, 74, 1.00);
        font-size: 62px;
        line-height: 56px;
    }
    .caele {
        font-size: 55px;
    }
    .viernesdevariedad {
        font-size: 26px;
    }
    .notita {
        text-align: right;
        margin-top: 7%;
        padding-right: 5%;
    }
    .conversemos {
        width: 96%;
        height: auto;
        float: left;
        background-color: rgba(245, 132, 38, 1.00);
        margin-top: 0px;
        padding-top: 0%;
        padding-right: 2%;
        padding-bottom: 0%;
        padding-left: 2%;
        color: rgba(255, 255, 255, 1.00);
        font-weight: bolder;
        font-size: 50px;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-bottom: 0px;
    }
    .conversemos h1 {
        margin-left: 0%;
        margin-top: 1%;
        margin-bottom: 1%;
        font-size: 84px;
    }
    .flechaform {
        height: auto;
        float: left;
        width: 57%;
        margin-left: 82px;
        visibility: visible;
        margin-top: 0px;
        margin-bottom: 0%;
        padding-top: 0%;
        padding-bottom: 0%;
    }
    .fcbplug {
        width: 50%;
        margin-top: 6%;
        float: left;
        margin-left: 0%;
        margin-right: 3%;
    }
    .twitt {
        margin-top: 6%;
        width: 40%;
        float: right;
        margin-left: 0%;
        margin-right: 0%;
    }
    .parteformulario {
        background-image: url(../imagenes/cosassec/fondowhats.png);
        width: 98%;
        height: auto;
        background-repeat: no-repeat;
        background-position: -2% 0%;
        margin-top: 0%;
        padding-bottom: 2%;
        float: right;
        margin-left: 1%;
        margin-right: 1%;
    }
    .primform {
        margin-top: 22%;
        margin-left: 3%;
    }
    #Nombre,
    #Apoyo,
    #nombre,
    #telefono,
    #adicional,
    #adios {
        background-image: url(../imagenes/cosassec/globograndeazul.png);
        width: 70%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 17%;
        margin-top: 3%;
        padding-left: 3%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
    }
    .secform {
        margin-top: 0%;
        margin-left: 3%;
    }
    #Telefono,
    #correo,
    #telefono {
        background-image: url(../imagenes/cosassec/globoazulpeque.png);
        width: 36%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 50%;
        margin-top: 3%;
        padding-left: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
    }
    .flechin {
        width: 49px;
        background-image: url(../imagenes/cosassec/botonwhats.png);
        background-repeat: no-repeat;
        background-color: transparent;
        border: none;
        outline: 0px;
        height: 49px;
        margin-top: 0px;
        margin-left: 0%;
        float: right;
        margin-right: 19%;
    }
    .diagform {
        width: 50%;
        float: left;
        color: rgba(255, 255, 255, 1.00);
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 17px;
        font-weight: 200;
    }
    .quesuba {
        margin-left: 24px;
        margin-bottom: 0px;
        margin-top: 5px;
        float: left;
        margin-right: 20px;
    }
    .quesuba2 {
        margin-top: 5px;
        margin-left: 4%;
        margin-bottom: 0px;
        margin-right: 40%;
    }
    .quesuba1 {
        margin-top: 5px;
        margin-left: 24px;
        margin-bottom: 0px;
        float: left;
        margin-right: 49%;
    }
    .priv {
        width: 80%;
        margin-left: 3%;
    }
    .cuarform {
        margin-top: 0%;
        margin-left: 2.5%;
        width: 95%;
        margin-right: 2.5%;
    }
    .estasidt {
        width: 80%;
        float: right;
        margin-top: 0px;
        margin-right: 10%;
        height: 124px;
        max-width: 340px;
    }
    .primerapartemarket {
        float: left;
        background-color: #F58426;
        width: 100%;
    }
    .primerapartemarket p {
        width: 100%;
        padding-left: 0%;
        padding-right: 0%;
        margin-top: 14%;
        float: left;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 38px;
        font-weight: bold;
        line-height: 42px;
        text-align: center;
    }
    .imgnmarket {
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
    }
    .parteblanca {
        width: 90%;
        float: left;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 10%;
        padding-bottom: 5%;
    }
    .grismarket {
        width: 100%;
        height: auto;
        float: left;
        background-color: #54534A;
    }
    .imggris {
        width: 30%;
        padding-top: 8%;
        padding-bottom: 3%;
        float: left;
        padding-left: 35%;
        padding-right: 35%;
        margin-left: 0%;
        margin-right: 0%;
    }
    .grismarket p {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 33px;
        width: 90%;
        float: right;
        margin-right: 5%;
        margin-top: 6%;
        margin-left: 5%;
        text-align: center;
        line-height: 48px;
    }
    .entimepo {
        font-size: 58px;
        line-height: 20px;
    }
    .parteblan2merc h1 {
        width: 90%;
        margin-left: 5%;
        margin-top: 5%;
        color: #F58426;
        font-size: 28px;
        margin-right: 5%;
        text-align: center;
    }
    .btnmail .qs16 {
        padding-top: 0.4%;
        padding-bottom: 0.4%;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 47%;
        height: auto;
        margin-top: 7%;
        margin-bottom: 7%;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        border: medium solid #54534A;
        font-weight: bold;
        background-color: #FFFFFF;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        margin-left: 42%;
        margin-right: 11%;
    }
    .www2 {
        width: 47%;
        text-align: left;
        margin-left: 37%;
        color: #37362F;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 10px;
        margin-top: 8px;
    }
    .www3 {
        width: 47%;
        text-align: left;
        margin-left: 40%;
        color: #37362F;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 10px;
        margin-top: 8px;
        overflow-x: hidden;
    }
    .cont3slide {
        width: 76%;
        margin-top: 8%;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 21px;
        text-align: left;
        margin-left: 14%;
        font-weight: bold;
        text-shadow: 2px 2px 6px #84837F;
        line-height: 20px;
    }
    .finad {
        width: 72%;
        margin-top: 0%;
        color: #F58426;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 23px;
        text-align: left;
        margin-left: 0%;
        text-shadow: 2px 1px 7px #8B8B8B;
    }
    .actual {
        margin-left: 0%;
        margin-top: 21%;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 25px;
        line-height: 19px;
        text-shadow: 2px 2px 5px #37362F;
    }
    .www4 {
        width: 47%;
        text-align: left;
        margin-left: 31%;
        color: #37362F;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 14px;
        margin-top: 37px;
        overflow-x: hidden;
    }
    .amedida {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-size: 24px;
        margin-top: 0%;
        width: 62%;
        text-align: left;
        margin-left: 8%;
        line-height: 21px;
        padding-top: 19px;
    }
    .compatib {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 17px;
        margin-top: 1%;
        width: 49%;
        float: left;
        text-align: left;
        margin-left: 8%;
    }
    .elcelu {
        width: 15%;
        height: 355px;
        background-image: url(../imagenes/cosassec/celus.png);
        background-repeat: no-repeat;
        padding-top: 22px;
        padding-left: 13px;
        position: relative;
        margin-top: -296px;
        margin-left: 94px;
        margin-bottom: 5%;
        -webkit-box-shadow: 0px 0px #A3A3A3;
        box-shadow: 0px 0px #A3A3A3;
        background-size: 85% auto;
        overflow-x: hidden;
        overflow-y: hidden;
        display: none;
    }
    .tabs {
        width: 26%;
        position: relative;
        z-index: 76;
        margin-top: -7%;
        float: right;
        margin-right: 2%;
        -webkit-box-shadow: 0px 0px #616161;
        box-shadow: 0px 0px #616161;
        margin-left: 0px;
    }
    .primertextslideweb {
        width: 85%;
        margin-left: 8%;
        margin-top: 5%;
        color: #FFFFFF;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 20px;
    }
    .un {
        font-size: 37px;
    }
    .webA {
        font-size: 69px;
        line-height: 76px;
        letter-spacing: -7px;
        color: #54534A;
    }
    .parte3 h1 {
        color: #54534A;
        text-align: center;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 50px;
        line-height: 51px;
        margin-top: 9%;
    }
    .bullet {
        z-index: 17;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 31px;
        margin-top: 5%;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        list-style-position: inside;
        line-height: 27px;
        text-align: left;
        padding-top: 0px;
    }
    .loquedura {
        padding-top: 5%;
        margin-top: 0%;
        margin-right: 0%;
        margin-left: 0%;
        margin-bottom: 80%;
        padding-bottom: 5%;
    }
    .parte4 ul {
        width: 90%;
        float: left;
        margin-left: 5%;
        margin-bottom: 5%;
        list-style-image: url(../imagenes/cosassec/bulletblanc-8.png);
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 100;
        font-size: 21px;
        line-height: 23px;
        margin-right: 5%;
    }
    .parte2 {
        width: 90%;
        float: left;
        background-color: #54534A;
        margin-left: 0px;
        padding-left: 5%;
        padding-right: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        margin-top: 0%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .parte2 p {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 37px;
    }
    .expe {
        margin-top: 0px;
        font-style: italic;
        font-weight: lighter;
        font-size: 48px;
        color: #54534A;
    }
    .partedisplay p {
        width: 79%;
        height: auto;
        margin-left: auto;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 18px;
        margin-bottom: 9%;
        margin-top: 42px;
        margin-right: auto;
        max-width: 540px;
    }
    .partedisplay {
        width: 100%;
        height: auto;
        position: fixed;
        z-index: -24;
        background-color: rgba(255, 255, 255, 1.00);
        padding-top: 5%;
        margin-top: 4%;
        margin-left: auto;
        margin-right: auto;
    }
    .display {
        background-image: url(../imagenes/cosassec/fondomas_2.png);
        width: 90%;
        height: 194px;
        background-repeat: no-repeat;
        background-size: 243% auto;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0%;
        padding-left: 0%;
        margin-bottom: 7%;
        -webkit-box-shadow: 6px 7px 24px #54534A;
        box-shadow: 6px 7px 24px #54534A;
        padding-bottom: 0%;
        background-position: 84% 0%;
        margin-top: 20%;
        max-width: 540px;
    }
    .display p {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        margin-left: 30px;
        font-size: 20px;
        font-weight: 500;
        line-height: 20px;
        margin-top: 20px;
        text-align: left;
        width: 50%;
    }
    .red {
        color: #F58426;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 30px;
    }
    .conecta {
        color: #080850;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 83px;
        font-weight: 600;
        text-shadow: 1px 3px 1px #0B568C;
    }
    .capta {
        color: #141354;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: lighter;
        font-size: 25px;
    }
    .www {
        padding-top: 2%;
        height: auto;
        width: 79%;
        float: left;
        margin-top: 7px;
        color: #A9A9A9;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 14px;
        background-size: 0% auto;
        margin-left: 10%;
    }
    .busq {
        padding-top: 0%;
        padding-left: 7%;
        width: 90%;
        margin-top: 12%;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 100;
        max-width: 80%;
    }
    .bannerweb h1 {
        float: left;
        margin-bottom: 6%;
        color: #6414E2;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 500;
        font-size: 31px;
        line-height: 28px;
        width: 100%;
    }
    .mark {
        font-size: 35px;
        letter-spacing: 4px;
        font-weight: lighter;
        color: #F58426;
    }
    .hojabuscador {
        float: left;
        width: 100%;
        height: 983px;
        margin-top: 0%;
        background-image: url(../imagenes/cosassec/hoja_movil_buscadormovil.png);
        background-color: #FFFFFF;
        background-repeat: no-repeat;
        background-position: 0% 1%;
        background-size: 100% auto;
    }
    .grisoculto h1 {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        font-size: 183%;
        font-weight: 500;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        line-height: 36px;
        text-align: center;
    }
    .boton {
        width: 70%;
        z-index: 12;
        margin-top: -5%;
        margin-left: 4%;
        margin-bottom: 2%;
        padding-bottom: 0px;
        opacity: 1;
    }
    .bannerweb .boton p {
        font-weight: 300;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 19px;
    }
    .bannerweb p {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 17px;
        font-weight: 200;
        width: 82%;
        float: left;
        margin-top: 0px;
        margin-left: 0px;
        padding-top: 9px;
        padding-left: 14px;
        margin-bottom: 11px;
    }
    .marcadores {
        display: block;
        color: #3B38EC;
        text-align: justify;
        font-size: 22px;
    }
    .conecta {
        color: #080850;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 50px;
        font-weight: 600;
        text-shadow: 1px 3px 1px #0B568C;
    }
    .nuestroserviciogris h1 {
        margin-right: 3%;
        width: 94%;
        margin-top: 6.5%;
        margin-left: 3%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 39px;
        text-align: left;
    }
    .sliderinfografia {
        width: 100%;
        height: 274px;
        background-color: #FFFFFF;
        margin-bottom: 0%;
    }
    .sliderinfografia .swiper-button-next {
        width: 6%;
        position: absolute;
        z-index: 31;
        margin-top: 64px;
        margin-right: 13px;
    }
    .sliderinfografia .swiper-button-prev {
        position: absolute;
        z-index: 22;
        margin-top: 64px;
    }
    .sliderinfografia .swiper-container .swiper-button-next.swiper-button-black:hover {
        -webkit-animation-name: hvr-wobble-horizontal;
        animation-name: hvr-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
    .sliderinfografia .swiper-container .swiper-button-prev.swiper-button-black:hover {
        -webkit-animation-name: hvr-wobble-horizontal;
        animation-name: hvr-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
    .imagenesslider {
        width: 29%;
        height: 417px;
        margin-top: 3%;
        margin-left: 3%;
    }
    .tituloslider {
        width: 50%;
        float: right;
        color: #54534A;
        height: 143px;
        position: absolute;
        margin-left: 42%;
        margin-top: 0%;
    }
    .tituloslider h1 {
        float: right;
        color: #54534A;
        font-size: 22px;
        line-height: 29px;
        margin-top: 16%;
    }
    .redsocial {
        font-weight: bold;
        font-size: 21px;
    }
    .caraemoc {
        width: 20%;
        margin-top: -74px;
        margin-left: 65%;
        position: relative;
        opacity: 1;
        z-index: 21;
        height: auto;
        float: left;
        margin-right: 15%;
    }
    .partegrisfb {
        background-color: #54534A;
        width: 90%;
        height: auto;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 3%;
        float: left;
        padding-bottom: 1%;
    }
    .partegrisfb h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 51px;
        font-weight: 400;
    }
    .flecha21 {
        float: right;
        margin-right: 180px;
        margin-top: -65px;
    }
    .iconfb {
        width: 35%;
        position: relative;
        z-index: -27;
        margin-top: -28px;
        margin-left: 32.5%;
        height: 91px;
        margin-right: 32.5%;
        margin-bottom: 0px;
    }
    .flecha19 {
        margin-top: -0.2%;
        float: left;
        width: 0%;
        margin-left: 180px;
    }
    .habilidad {
        width: 95%;
        margin-top: 0%;
        margin-bottom: 6%;
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 22px;
        text-align: left;
        line-height: 26px;
        padding-right: 2.5%;
        padding-left: 2.5%;
        padding-top: 12px;
    }
    .tercerslid {
        font-size: 18px;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-align: left;
        padding-top: 3%;
        padding-right: 24%;
        padding-bottom: 3%;
        padding-left: 6%;
        margin-bottom: 0px;
        margin-top: 0px;
        width: 65%;
        float: left;
    }
    .partegristexto {
        width: 95%;
        float: left;
        padding-top: 5%;
        padding-bottom: 5%;
        background-color: #54534A;
        padding-left: 2.5%;
        padding-right: 2.5%;
        margin-left: 0%;
    }
    .partegristexto h1 {
        float: left;
        color: #F58426;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 37px;
        line-height: 37px;
        width: 70%;
        margin-left: 70px;
    }
    .partegristexto p {
        width: 85%;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 27px;
        text-align: right;
        line-height: 26px;
    }
    .parteimgengris {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
    .info {
        width: 100%;
        margin-top: 0%;
        float: left;
        padding-left: 0px;
    }
    .info2 {
        width: 70%;
        margin-top: 0%;
        margin-left: 0%;
        margin-bottom: 0%;
        text-align: right;
        padding-top: 10%;
        padding-right: 10%;
        padding-bottom: 10%;
        padding-left: 20%;
        margin-right: 0%;
        height: auto;
        float: left;
    }
    .info2 h1 {
        color: #54534A;
        width: 100%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 35px;
        font-weight: 500;
        margin-top: 0%;
        margin-left: 0%;
        margin-bottom: 0%;
        margin-right: 0%;
        padding-top: 0%;
        padding-right: 0%;
        padding-bottom: 0%;
        padding-left: 0%;
    }
    .info2 p {
        width: 100%;
        color: #54534A;
        margin-top: 0%;
        margin-left: 0%;
        float: left;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 19px;
        font-weight: 200;
        padding: 0%;
        margin-bottom: 0%;
    }
    .info3 {
        width: 50%;
        height: auto;
        margin-top: -2%;
        float: left;
        margin-left: 0%;
        margin-bottom: 0%;
        padding-top: 10%;
        padding-bottom: 10%;
        padding-left: 45%;
        padding-right: 5%;
    }
    .info3 h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        width: 100%;
        margin-top: 0%;
        font-weight: 600;
        font-size: 29px;
        line-height: 29px;
        text-align: right;
        margin-right: 0%;
        margin-bottom: 0%;
        margin-left: 0%;
        padding-top: 0%;
        padding-right: 0%;
        padding-bottom: 0%;
        padding-left: 0%;
    }
    .info3 p {
        color: #FFFFFF;
        font-family: helvetica neue;
        width: 100%;
        font-size: 24px;
        font-weight: 200;
        text-align: right;
        margin: 0%;
        padding: 0%;
        line-height: 25px;
    }
    .info4 {
        width: 45%;
        height: auto;
        margin: 0%;
        padding-top: 10%;
        padding-right: 15%;
        padding-left: 40%;
        padding-bottom: 5%;
        float: left;
        text-align: right;
    }
    .info4 h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        width: 100%;
        font-weight: 500;
        font-size: 33px;
        padding: 0%;
        margin: 0%;
    }
    .info4 p {
        margin: 0%;
        width: 100%;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-weight: 200;
        background-color: transparent;
        padding: 0%;
    }
    .info5 {
        width: 60%;
        height: auto;
        margin-top: -2%;
        margin-right: 0%;
        margin-left: 0%;
        margin-bottom: 0%;
        padding-top: 10%;
        padding-right: 10%;
        padding-left: 30%;
        padding-bottom: 10%;
        float: left;
        text-align: right;
    }
    .info5 h1 {
        color: #F58426;
        width: 100%;
        font-size: 38px;
        margin: 0%;
        line-height: 38px;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        padding: 0%;
    }
    .info5 p {
        color: #54534A;
        margin: 0%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        width: 100%;
        font-size: 20px;
        padding: 0%;
        line-height: 21px;
    }
    .imgengris {
        width: 90%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .pleca h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 40px;
        line-height: 40px;
        padding-top: 0%;
        padding-left: auto;
        opacity: 1;
        margin-top: 10%;
        padding-right: auto;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 0px;
        text-align: center;
    }
    .elparrfo {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 25px;
        font-weight: 100;
        margin-left: 0px;
        margin-top: 0%;
        line-height: 25px;
    }
    .videovid {
        background-color: #54534A;
        position: relative;
        z-index: -1;
        margin-top: -604px;
        float: left;
        overflow: hidden;
        height: 600px;
        width: 100%;
        opacity: 0.47;
    }
    .animacioon {
        width: 100%;
        float: left;
        background-color: #FFFFFF;
    }
    .plma {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 0%;
        display: block;
    }
    .plma iframe {
        margin-top: -74px;
    }
    .textoanim {
        width: 90%;
        float: right;
        margin-left: 5%;
        margin-right: 5%;
    }
    .textoanim h1 {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 46px;
        font-weight: 100;
        margin-right: 0px;
        text-align: center;
    }
    .textoanim p {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        text-align: left;
        font-weight: lighter;
        font-size: 28px;
        line-height: 27px;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .textoanim ul {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        margin-left: 0%;
        list-style-image: url(../imagenes/bullet.png);
        font-weight: 100;
        font-size: 24px;
    }
    .ojalasi {
        width: 100%;
        height: auto;
        float: left;
    }
    .loading-panel {
        width: 90%;
        float: left;
        padding-left: 5%;
        padding-right: 5%;
        height: auto;
    }
    .icon-wrapper {
        width: 100%;
        height: auto;
    }
    .icon-wrapper img {
        width: 40%;
        margin-left: 30%;
        margin-right: 30%;
    }
    .icon-wrapper h1 {
        text-align: center;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 48px;
        font-weight: 200;
        line-height: 43px;
    }
    .first .icon-wrapper ul {
        width: 30%;
        height: auto;
        color: rgba(255, 255, 255, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 200;
        list-style-type: square;
        float: left;
        margin-left: 7%;
        padding-bottom: 0px;
        margin-right: 0%;
    }
    .second .icon-wrapper ul {
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
        float: left;
        height: auto;
        color: rgba(255, 255, 255, 1.00);
        font-family: helvetica neue;
        font-size: 20px;
        font-weight: 300;
        list-style-type: square;
        padding-bottom: 0%;
    }
    .parteblancagestion {
        width: 100%;
        height: auto;
        margin-top: 0%;
        padding-top: 5%;
        padding-bottom: 5%;
        float: left;
    }
    .parteblancagestion p {
        margin-left: 10%;
        margin-right: 10%;
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 45px;
        line-height: 43px;
    }
    .iconodepica {
        z-index: 34;
        width: 187px;
        height: 198px;
        float: left;
        margin-left: 62px;
        margin-top: 20px;
        background-size: 73% auto;
    }
    .pleca {
        background-color: rgba(245, 132, 38, 0.81);
        width: 100%;
        height: 266px;
        opacity: 1;
        margin-top: 0px;
        position: relative;
        z-index: 16;
        float: left;
    }
    .info1 {
        width: 50%;
        height: auto;
        margin-top: 10px;
        text-align: right;
        padding-left: 30%;
        padding-right: 20%;
        margin-left: 0%;
        margin-right: 0px;
        background-image: url(../imagenes/cosassec/info1-01.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding-bottom: 11%;
        float: left;
        padding-top: 7%;
    }
    .info1 h1 {
        color: #FFFFFF;
        margin-right: 0px;
        height: auto;
        font-size: 30px;
        line-height: 30px;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        width: 100%;
        margin-left: 0px;
        margin-top: 0%;
    }
    .info1 p {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 21px;
        margin-top: 0px;
        line-height: 22px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .capa {
        font-size: 34px;
    }
    .naranjaredes {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 10%;
        padding-top: 0%;
        padding-bottom: 7%;
        color: #FFFFFF;
        background-color: #F58426;
    }
    .btnWeb3 .qs66 {
        border: medium solid #F58426;
        background-color: #F7A35D;
        color: #FFFFFF;
        padding-top: 10px;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 60%;
        height: auto;
        margin-bottom: 3%;
        margin-right: 20%;
        margin-left: 20%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-top: 0%;
        font-size: 108%;
    }
    .primparetegal {
        width: 100%;
        margin-top: 0%;
        height: 500px;
        float: left;
        clear: left;
        background-size: cover;
        background-position: 98% 1%;
        background-repeat: no-repeat;
    }
    .reto h1 {
        color: rgba(245, 132, 38, 1.00);
        text-align: center;
        font-weight: 300;
        font-size: 53px;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    }
    .reto p {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 16px;
        text-align: center;
    }
    .nostrosclient {
        width: 90%;
        background-color: rgba(84, 83, 74, 1.00);
        margin-top: 0%;
        padding-top: 5%;
        padding-bottom: 5%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .nostrosclient h1 {
        color: rgba(245, 132, 38, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 100;
        font-size: 70px;
        text-align: center;
    }
    .fondnaj {
        width: 100%;
        margin-top: -24px;
        background-repeat: no-repeat;
        float: left;
        margin-bottom: -3%;
        padding-bottom: 35%;
    }
    .button2 {
        width: 100%;
        color: #FFFFFF;
        line-height: 13px;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        backface-visibility: hidden;
        font-size: 12px;
    }
    .cliente {
        width: 26%;
        float: left;
        margin-left: 3%;
        margin-right: 3%;
        margin-top: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        text-align: center;
    }
    .cliente .imgbullt {
        padding-bottom: 0px;
        margin-right: 0px;
    }
    .cliente1 {
        width: 26%;
        float: left;
        margin-left: 3%;
        margin-right: 3%;
        margin-top: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        text-align: center;
    }
    .titanimte {
        width: 100%;
        height: auto;
        margin-bottom: 0%;
        margin-top: 0px;
    }
    .folio {
        font-size: 77px;
    }
    a.button {
        width: 100%;
        color: #FFFFFF;
        line-height: 14px;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        backface-visibility: hidden;
        font-size: 13px;
    }
    a.button1 {
        width: 100%;
        color: #FFFFFF;
        line-height: 14px;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        backface-visibility: hidden;
        font-size: 13px;
    }
    .bloquepriv h1 {
        color: rgba(245, 132, 38, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 300;
        padding-left: 5%;
        padding-top: 3%;
        margin-right: 0px;
        padding-right: 5%;
        text-align: left;
    }
    .titpriva h1 {
        width: 80%;
        height: auto;
        color: rgba(255, 255, 255, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 60px;
        text-align: left;
        padding-left: 10%;
        padding-right: 10%;
        line-height: 60px;
        padding-top: 0%;
    }
    .titpriva {
        background-color: rgba(84, 83, 74, 1.00);
        width: 80%;
        margin-top: 0%;
        height: auto;
        float: left;
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 0%;
        padding-bottom: 0%;
    }
    .desaparece {
        display: none;
    }
    .lacompu {
        margin-top: 0%;
        margin-bottom: 0%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding-top: 25%;
    }
    .lacompu .swiper-container {
        width: 100%;
        height: 54px;
        margin-top: 0%;
        padding-top: 0%;
    }
    .mailmk {
        font-size: 42px;
    }
    .bolitas {
        width: 100%;
        float: right;
        margin-top: 0px;
        visibility: visible;
        margin-left: 0px;
        height: 0px;
    }
    .bol1 {
        margin-left: 74px;
        margin-top: 81px;
        width: 18px;
        height: 18px;
    }
    .bol2 {
        margin-top: 43px;
        margin-left: 33px;
        width: 18px;
        height: 18px;
    }
    .bol3 {
        margin-top: -51px;
        margin-left: 260px;
        width: 18px;
        height: 18px;
    }
    .partenaraservicios h1 {
        width: 80%;
        float: right;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-size: 51px;
        color: #FFFFFF;
        margin-left: 10_ % %;
        line-height: 50px;
        text-align: right;
        margin-right: 10%;
        margin-left: 10%;
    }
    #object {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-bottom: 0px;
        background-size: contain;
        background-color: transparent;
        border-radius: 7px;
        visibility: hidden;
        margin-top: 0%;
        background-repeat: no-repeat;
        padding-bottom: 0%;
        height: 768px;
        margin-right: 0px;
        min-height: 768px;
    }
    .titanimte h1 {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 27px;
        margin-top: 11%;
        margin-bottom: 6%;
        font-weight: 600;
        line-height: 30px;
    }
    .cosonaranja {
        width: 100%;
        float: left;
        padding-right: 0px;
        margin-bottom: 115%;
        background-color: #F58426;
        -webkit-box-shadow: 0px 5px 12px #7B7A73;
        box-shadow: 0px 5px 12px #7B7A73;
    }
    .parte1 h1 {
        font-size: 38px;
    }
    .sliders2 {
        width: 90%;
        max-width: 385px;
        height: 293px;
    }
    .sliders2 .tope .swiper-container {
        width: 95%;
        margin-left: 2.5%;
        height: 218px;
    }
    .contslie1web {
        width: 90%;
        margin-left: 7%;
        margin-right: 0%;
        color: #37362F;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 13px;
        margin-top: 7%;
        font-weight: normal;
        text-align: left;
        line-height: 15px;
    }
    .sliders2 .tope .swiper-slide {
        width: 100%;
        height: 232px;
        background-size: 101% auto;
    }
    .parte3 {
        width: 100%;
        float: left;
        padding-bottom: 17%;
        height: auto;
        background-color: #FFFFFF;
        background-image: url(../imagenes/cosassec/mundo-8.png);
        background-repeat: no-repeat;
        background-size: 80% auto;
        background-position: 10% 94%;
    }
    .slideDown {
        background-repeat: no-repeat;
        background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTb2bM.jpg);
        background-size: 100% auto;
    }
    #animation {
        position: relative;
        width: 100%;
        height: 769px;
        float: left;
        margin-top: 0%;
        margin-bottom: 0%;
    }
    .slideExpandUp {
        background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTcgaM.jpg);
        width: 100%;
        background-size: 100% auto;
    }
    .plma2 {
        display: none;
        margin-left: auto;
    }
    .primparetegal .fondos {
        background-image: url(../imagenes/bannersportafolio/averyCLIENTESban1.jpg);
        width: 100%;
        height: 500px;
        background-size: cover;
        background-position: 93% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos3 {
        background-image: url(../imagenes/bannersportafolio/bebambooCLIENTESban.jpg);
        width: 100%;
        height: 478px;
        background-size: cover;
        background-position: 100% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos4 {
        background-image: url(../imagenes/bannersportafolio/irritinsaCLIENTESban.jpg);
        width: 100%;
        height: 478px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos5 {
        background-image: url(../imagenes/bannersportafolio/directaCLIENTESban.jpg);
        width: 100%;
        height: 478px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .chatbot {
        display: inline;
        position: fixed;
        z-index: 999;
        bottom: 20px;
        right: 24px;
    }
    .videovid iframe {
        width: 80%;
        height: 350px;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 150px;
        margin-bottom: 50px;
        position: relative;
    }
}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width:769px) {
    .videovid iframe {
        width: 80%;
        height: 480px;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 150px;
        margin-bottom: 50px;
        position: relative;
    }
    .primparetegal .fondos {
        background-image: url(../imagenes/bannersportafolio/averyCLIENTESban1.jpg);
        width: 100%;
        height: 422px;
        background-size: cover;
        background-position: 93% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos3 {
        background-image: url(../imagenes/bannersportafolio/bebambooCLIENTESban.jpg);
        width: 100%;
        height: 400px;
        background-size: cover;
        background-position: 100% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos4 {
        background-image: url(../imagenes/bannersportafolio/irritinsaCLIENTESban.jpg);
        width: 100%;
        height: 388px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos5 {
        background-image: url(../imagenes/bannersportafolio/directaCLIENTESban.jpg);
        width: 100%;
        height: 388px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    a.button {
        width: 100%;
        color: #FFFFFF;
        line-height: 16px;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        backface-visibility: hidden;
        font-size: 16px;
    }
    a.button1 {
        width: 100%;
        color: #FFFFFF;
        line-height: 16px;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        backface-visibility: hidden;
        font-size: 16px;
    }
    a.button2 {
        width: 100%;
        color: #FFFFFF;
        line-height: 16px;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        backface-visibility: hidden;
        font-size: 16px;
    }
    .photo {
        width: 100%;
        height: 365px;
        float: left;
    }
    .gridContainer {
        width: 100%;
        margin-top: 0%;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0px;
        clear: none;
        float: none;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        max-width: 1366px;
        background-size: cover;
        height: auto;
    }
    .flecha16 {
        margin-top: -2px;
        margin-left: 180px;
    }
    .flecha17 {
        margin-top: -62px;
        float: right;
        margin-right: 180px;
        visibility: hidden;
        position: relative;
        display: none;
    }
    #menu {}
    .menu {
        height: 13%;
        float: right;
        clear: right;
        background-color: #FFFFFF;
        width: 72%;
        padding-right: 0px;
        margin-top: 17.5%;
        margin-bottom: 0px;
    }
    .banPrincipal {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        display: block;
        width: 90%;
        height: auto;
        padding-top: 3%;
        padding-bottom: 3%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .btnQuienes {
        width: 150px;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
    }
    #button .qs {
        border: none;
        background: #3a7999;
        color: #f2f2f2;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        font-size: 18px;
        border-radius: 5px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    #banWeb {
        width: 100%;
        padding-bottom: 5%;
        margin-top: 0%;
        padding-top: 0%;
        float: left;
    }
    .titulo {}
    #banList {
        height: auto;
        clear: right;
        float: right;
        width: 44%;
        margin-right: 3%;
        margin-bottom: 0%;
        padding-bottom: 0%;
        padding-top: 0px;
        margin-top: 0%;
    }
    #banListLine {
        color: #F58426;
        font-size: 24px;
        font-weight: bolder;
        padding: 0px;
        margin: 0px;
        float: left;
    }
    #Mensaje {
        margin-top: 0px;
        width: 100%;
        height: auto;
        display: block;
        background-color: #54534A;
    }
    #banAccesos {}
    #banGoogle {
        width: 33%;
        padding-top: 20px;
        float: left;
        margin-right: 0px;
        height: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #banGoogle h3 {
        font-size: 23px;
        float: left;
    }
    .btnAdwords2 {
        height: auto;
        display: block;
        width: 100%;
        margin-bottom: auto;
        margin-left: 0%;
        margin-right: 0%;
    }
    .qs1 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    #banEmail {
        width: 33%;
        padding-top: 63px;
        border-left: thin solid #54534A;
        border-right-style: solid;
        border-bottom-style: none;
        border-top-style: none;
        border-right-width: thin;
        border-right-color: #54534A;
        float: left;
        clear: right;
        height: 100%;
        margin-top: 4%;
        margin-bottom: 4%;
        display: block;
    }
    .AccesList {
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
    }
    .acceslistline {
        width: 100%;
        text-align: left;
    }
    .btnEmailS {
        margin-top: 25px;
        width: 100%;
    }
    #ban3D {
        width: 33%;
        height: 100%;
        padding-top: 50px;
        margin-top: 3%;
        margin-bottom: 3%;
        float: left;
        clear: right;
    }
    .Animalist {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        text-align: left;
    }
    .Animalistline {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        text-align: left;
    }
    .btnAnima {
        margin-top: 25px;
    }
    .Anima {
        font-size: 24px;
        line-height: 38px;
    }
    #banBrand {
        width: 100%;
        background-color: #D4D4D2;
        background-image: url(../imagenes/fondoBRAND3.png);
        height: auto;
        padding-top: 3%;
        padding-bottom: 3%;
        float: left;
    }
    .btnBrand {
        width: 30%;
        height: auto;
        margin-left: 25%;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        clear: left;
    }
    #banMarcas {
        width: 50%;
        float: right;
        margin-left: 0px;
        display: block;
        margin-right: 0px;
        height: auto;
        position: relative;
        z-index: 10;
        clear: right;
        background-image: none;
    }
    #banPie {
        width: 40%;
        border-style: none;
        margin-left: 0px;
        margin-right: 0px;
        background-color: #908F89;
        height: auto;
        position: relative;
        margin-top: 0px;
        float: left;
        padding-top: 7%;
        padding-right: 5%;
        padding-bottom: 0px;
        padding-left: 5%;
    }
    .btnRedes {
        width: 100%;
        padding: 0%;
        float: left;
    }
    .direccion {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .btnContacto {
        margin-top: 10px;
        margin-bottom: 10px;
        width: auto;
        height: auto;
    }
    .Legales {
        font-size: small;
        margin-left: 40px;
        width: auto;
    }
    #Accordion1 h3 {
        display: block;
        float: left;
        padding-left: 2%;
        width: 15%;
        padding-right: 2%;
    }
    #Accordion1 h3 a {
        display: block;
        font-size: 17px;
    }
    #Accordion1 div {
        background-color: #FFFFFF;
        overflow-y: hidden;
        clear: left;
        text-align: left;
        float: left;
    }
    .fluid.banPrincipal h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 33px;
        text-align: center;
        width: 60%;
        height: auto;
        display: block;
        margin-left: 0%;
        margin-top: -1%;
        margin-bottom: 0%;
        margin-right: 0%;
        float: left;
        padding-top: 7%;
    }
    .fluid.banPrincipal img {}
    .fluid.banPrincipal p {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        color: #FFFFFF;
        font-size: 150%;
        width: 50%;
        height: auto;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        padding-top: 2%;
        padding-right: 5%;
        padding-left: 5%;
        font-weight: lighter;
    }
    #btnQuienes {
        padding-bottom: 0px;
        width: 60%;
        height: auto;
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        clear: left;
        padding-top: 2%;
    }
    #btnQuienes .qs {
        border: medium solid #D3650A;
        background-color: #FFFFFF;
        color: #54534A;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 40%;
        height: auto;
        margin-bottom: 30px;
        margin-right: auto;
        margin-left: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        padding-left: 0px;
        padding-right: 0px;
    }
    #btnQuienes .qs:after {
        top: -137%;
        left: -3px;
        width: 100%;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        position: absolute;
        border: medium solid #D3650A;
        background-color: #FFFFFF;
        color: #54534A;
        content: 'NOSOTROS';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        margin-top: 1.5%;
        margin-bottom: 0px;
    }
    #btnQuienes .qs:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    #banWeb img {
        float: left;
        display: block;
        width: 50%;
        margin-left: 3%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
    #banWeb h2 {
        text-align: center;
        padding-bottom: 5px;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: lighter;
        border-bottom: thin solid #54534A;
        margin-bottom: 1%;
        height: auto;
        float: right;
        font-size: 54px;
        width: 44%;
        margin-right: 3%;
        margin-top: 3%;
    }
    #Mensaje img {
        width: 100%;
        height: auto;
    }
    #banEmail .fluid.Email {
        color: #3C76A3;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        text-align: center;
        margin-top: 55px;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        display: block;
        font-size: 24px;
    }
    #banBrand img {
        width: 80%;
        height: auto;
    }
    #banMarcas img {
        display: block;
        width: 80%;
        height: auto;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 12%;
    }
    #banPie h2 {
        width: 250px;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        text-align: center;
        margin-left: 21px;
        margin-bottom: 25px;
        margin-top: 30px;
        font-size: xx-large;
    }
    .imgPrincipal {
        width: 40%;
        height: auto;
        margin-top: 0%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 0%;
        float: right;
        clear: right;
    }
    #banGoogle img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 40px;
    }
    #banEmail img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        width: 80%;
        height: auto;
    }
    .imgBrand {
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 0px;
        margin-right: 0px;
        width: 40%;
        display: block;
        clear: right;
    }
    .imgBrandTex {
        width: 55%;
        height: auto;
        float: left;
        padding-left: 0px;
        margin-top: 0%;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 5%;
    }
    main {
        float: left;
        width: 100%;
        height: auto;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        max-width: 1366px;
    }
    h5 {
        font-family: monoton;
        font-size: 49px;
        font-weight: 200;
    }
    .bloque {
        width: 100%;
        background-color: #A9A9A9;
    }
    .bloque {
        background-image: url(../imagenes/fondoreflejo.png);
        float: left;
        margin-top: 0px;
        width: 84%;
        padding-top: 8%;
        padding-right: 8%;
        padding-bottom: 8%;
        padding-left: 8%;
        background-repeat: no-repeat;
        height: auto;
        background-color: #908F89;
        background-size: cover;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 29px;
        font-weight: 100;
    }
    h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    }
    .quienessoms h1 {
        color: #F78E1F;
        text-align: center;
        width: 50%;
        font-weight: 700;
        font-size: 41px;
        margin-left: 25%;
        margin-right: 25%;
    }
    .quienessoms p {
        color: #6C6C6C;
        width: 50%;
        margin-left: 27.5%;
        height: auto;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-align: justify;
        font-size: 21px;
        font-weight: 300;
    }
    .contqusom {
        border-top: 11px solid #54534A;
        margin-top: -2px;
        float: left;
    }
    .sumas {
        width: 2%;
        height: 2%;
    }
    footer {
        width: 100%;
        float: left;
        background-color: #908F89;
    }
    .backtitmarcas {
        height: auto;
        background-color: #54534A;
        margin-top: 0px;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
    }
    #button .qs1 {
        border: none;
        background: #3a7999;
        font-size: 18px;
        border-radius: 5px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
        margin-top: 0px;
    }
    .btnWeb2 .qs1 {
        border: medium solid #969696;
        background-color: #B3B4B1;
        color: #000;
        padding-top: 5px;
        padding-bottom: 5px;
        /* [disabled]border-radius: 5px; */
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 55%;
        height: auto;
        margin-bottom: 0%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-top: 4%;
        float: right;
        clear: right;
        margin-left: 0%;
        margin-right: 22.5%;
    }
    .btnWeb2 .qs1:after {
        top: -119%;
        left: -3px;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        position: absolute;
        border: medium solid #939393;
        background-color: #ADAEAB;
        color: #000;
        content: 'CREA TU SITIO WEB';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        margin-left: 0px;
        margin-bottom: 0px;
    }
    .btnWeb2 .qs1:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs1 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    #button .qs1 {
        border: none;
        background: #3a7999;
        padding: 10px;
        font-size: 18px;
        border-radius: 5px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btnAdwords2 .qs2 {
        border: medium solid #F29596;
        background-color: #EEC5A3;
        color: #000;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 90%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 12%;
        margin-right: 5%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 5%;
    }
    .btnAdwords2 .qs2:after {
        top: -124%;
        left: -3px;
        width: 100%;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        position: absolute;
        border: medium solid #E69193;
        background-color: #EEC5A3;
        color: #000;
        content: 'PALABRAS CLAVE';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        margin-left: 0px;
    }
    .btnAdwords2 .qs2:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs2 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btnbannergris .qs9 {
        border: medium solid #fff;
        background-color: #54534A;
        color: #fff;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 20%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 0%;
        margin-right: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 41%;
        z-index: 88;
    }
    .btnbannergris .qs9:after {
        top: -109%;
        left: -3px;
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #fff;
        background-color: #54534A;
        color: #fff;
        content: 'PALABRAS CLAVE';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btnbannergris .qs9:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs9 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btnbannergris3 .qs27 {
        border: medium solid #F58426;
        background-color: #54534A;
        color: #FFFFFF;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 38%;
        height: auto;
        margin-bottom: 10px;
        margin-top: -5%;
        margin-right: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 3%;
        z-index: 28;
        float: left;
    }
    .btnbannergris3 .qs27:after {
        top: -101%;
        left: -3px;
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #F58426;
        background-color: #54534A;
        color: #fff;
        content: 'ATRAER PROSPECTOS';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btnbannergris3 .qs27:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs27 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
        width: 100%;
        margin-top: -3px;
    }
    .btnbannergris1 .qs20 {
        border: medium solid #fff;
        background-color: #54534A;
        color: #fff;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 50%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 3%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        float: left;
        font-size: 40px;
        margin-left: 25%;
        margin-right: 25%;
    }
    .btnbannergris1 .qs20:after {
        top: -78%;
        left: -3px;
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #fff;
        background-color: #54534A;
        color: #fff;
        content: 'GENERA LIKES';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btnbannergris1 .qs20:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs20 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btngris .qs11 {
        border: medium solid #fff;
        background-color: #54534A;
        color: #fff;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 28%;
        height: auto;
        margin-top: 0%;
        margin-right: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 11%;
    }
    .btngris .qs11:after {
        top: -109%;
        left: -3px;
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #fff;
        background-color: #54534A;
        color: #fff;
        content: 'SOLICITAR COTIZACIÓN';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btngris .qs11:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs11 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btngris .qs12 {
        border: medium solid #fff;
        background-color: #54534A;
        color: #fff;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 20%;
        height: auto;
        margin-right: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 10%;
        margin-bottom: 6%;
    }
    .btngris .qs12:after {
        top: -109%;
        left: -3px;
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #fff;
        background-color: #54534A;
        color: #fff;
        content: 'TE PODEMOS AYUDAR';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btngris .qs12:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs12 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btngris .qs13 {
        border: 3px solid #F58426;
        background-color: #F7F7F7;
        color: #F58426;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 30%;
        height: auto;
        margin-top: 0%;
        margin-right: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-bottom: 5%;
        margin-left: 7%;
    }
    .btngris .qs13:after {
        top: -109%;
        left: -3px;
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #F58426;
        background-color: #F5F5F5;
        color: #F58426;
        content: 'ATRAER CLIENTES';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btngris .qs13:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs13 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btngris2 .qs14 {
        border: medium solid #fff;
        background-color: #F58426;
        color: #fff;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 20%;
        height: auto;
        margin-top: 0%;
        margin-right: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 67%;
    }
    .btngris2 .qs14:after {
        top: -109%;
        left: -3px;
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #fff;
        background-color: #F58426;
        color: #fff;
        content: 'PALABRAS CLAVE';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btngris2 .qs14:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs14 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btngris3 .qs15 {
        border: medium solid #54534A;
        background-color: #FFFFFF;
        color: #54534A;
        padding-top: 1%;
        padding-bottom: 1%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 70%;
        height: auto;
        margin-top: 6%;
        margin-right: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 16%;
        margin-bottom: 20%;
    }
    .btngris3 .qs15:after {
        top: -109%;
        left: -3px;
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #54534A;
        background-color: #FFFFFF;
        color: #54534A;
        content: 'PALABRAS CLAVE';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btngris3 .qs15:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs15 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btnmail .qs16 {
        border: medium solid #54534A;
        background-color: #FFFFFF;
        color: #54534A;
        padding-top: 0.4%;
        padding-bottom: 0.4%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 33%;
        height: auto;
        margin-top: 3%;
        margin-right: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 55%;
        margin-bottom: 6%;
    }
    .btnmail .qs16:after {
        top: -109%;
        left: -3px;
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #54534A;
        background-color: #FFFFFF;
        color: #54534A;
        content: 'REALIZAR TEST';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btnmail .qs16:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs16 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btnagris .qs9 {
        border: medium solid #fff;
        background-color: #54534A;
        color: #fff;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 20%;
        height: auto;
        margin-top: 0%;
        margin-right: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 10%;
    }
    .btnagris .qs9:after {
        top: -109%;
        left: -3px;
        width: 100%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #fff;
        background-color: #54534A;
        color: #fff;
        content: 'PALABRAS CLAVE';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btnagris .qs9:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs9 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btnEmailS2 .qs3 {
        border: medium solid #42769F;
        background-color: #B6CEE1;
        color: #000;
        padding-top: 1%;
        padding-bottom: 1%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 90%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 5%;
        margin-left: 5%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .btnEmailS2 .qs3:after {
        top: -118%;
        left: -3px;
        width: 96%;
        padding-top: 1.5%;
        padding-bottom: 1.5%;
        position: absolute;
        border: medium solid #47769C;
        background-color: #B0C5D7;
        color: #000;
        content: 'PRUEBA PERSONALIZADA';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        font-size: 80%;
    }
    .btnEmailS2 .qs3:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs3 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btnAnima2 .qs4 {
        border: medium solid #969696;
        background-color: #ADAEAB;
        color: #000;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 95%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 8%;
        margin-left: 2.5%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-right: 2.5%;
        font-size: 15px;
    }
    .btnAnima2 .qs4:after {
        top: -68%;
        left: -3px;
        width: 100%;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        position: absolute;
        border: medium solid #969696;
        background-color: #B3B4B1;
        color: #000;
        content: 'SOLUCIONES EN 3D';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        margin-left: 0px;
        font-size: 100%;
    }
    .btnAnima2 .qs4:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs4 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btnBrand1 .qs5 {
        border: medium solid #57564E;
        background-color: #fff;
        color: #000;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 60%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 0%;
        margin-left: 0%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-right: 40%;
    }
    .btnBrand1 .qs5:after {
        top: -113%;
        left: -3px;
        width: 100%;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        position: absolute;
        border: medium solid #57564E;
        background-color: #fff;
        color: #000;
        content: 'DISEÑAR ESTRATEGIA';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btnBrand1 .qs5:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs5 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btnContacto2 .qs7 {
        border: medium solid #fff;
        background-color: #F78E1F;
        color: #fff;
        padding-top: 0.75%;
        padding-bottom: 0.75%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 29%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 4%;
        margin-left: 50%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    .btnContacto2 .qs7:after {
        top: -100%;
        left: -3px;
        width: 100%;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        position: absolute;
        border: medium solid #FFF;
        background-color: #F78E1F;
        color: #fff;
        content: 'SOLICÍTALA AQUÍ';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btnContacto2 .qs7:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs7 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .btnContacto1 .qs6 {
        border: medium solid #fff;
        background-color: #F78E1F;
        color: #fff;
        padding-top: 0.75%;
        padding-bottom: 0.75%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 80%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 4%;
        margin-left: 5%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-right: 5%;
    }
    .btnContacto1 .qs6:after {
        top: -100%;
        left: -3px;
        width: 100%;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        position: absolute;
        border: medium solid #FFF;
        background-color: #F78E1F;
        color: #fff;
        content: 'SOLICITA ASESORÍA';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }
    .btnContacto1 .qs6:hover {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-transform: rotateX(-90deg) translateY(100%);
        -moz-transform: rotateX(-90deg) translateY(100%);
        -ms-transform: rotateX(-90deg) translateY(100%);
        -o-transform: rotateX(-90deg) translateY(100%);
        transform: rotateX(-90deg) translateY(100%);
    }
    .qs6 {
        border: none;
        padding: 10px;
        font-size: 18px;
        position: relative;
        box-sizing: border-box;
        transition: all 500ms ease;
    }
    .quienessoms {
        width: 90%;
        height: auto;
        float: left;
        background-image: url(../imagenes/fondogrisclaro.png);
        border-top: 11px solid #57564E;
        margin-top: -1px;
        background-repeat: no-repeat;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 9%;
        background-size: cover;
        margin-bottom: 0px;
        padding-bottom: 11%;
        max-height: 470px;
        background-color: #FFFFFF;
    }
    .partnaranja {
        width: 100%;
        background-color: #f58426;
        float: left;
        background-repeat: no-repeat;
        height: auto;
        margin-top: 0px;
        background-size: 40% auto;
        margin-bottom: 20%;
        background-image: url(../imagenes/compu.png);
        background-position: 85% 65%;
        padding-top: 8%;
        padding-bottom: 8%;
    }
    .partnaranja p {
        color: #FFFFFF;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        width: 40%;
        padding-left: 0%;
        float: left;
        margin-right: 0px;
        padding-top: 8%;
        font-weight: lighter;
        text-align: right;
        padding-right: 0px;
        font-size: 26px;
    }
    .wrapper {
        width: 0%;
        position: relative;
        margin-right: auto;
        margin-left: 21%;
        font-family: 'Bree Serif';
        z-index: 21;
        margin-top: 23%;
        margin-bottom: 80%;
    }
    .letrasparaanimar {
        display: inline;
        text-indent: 10px;
        width: 0%;
        margin-left: 0%;
    }
    .letrasparaanimar span {
        position: absolute;
        opacity: 0;
        overflow: hidden;
        width: 0%;
        color: #FFFFFF;
        -webkit-animation: rotateWordsSecond 12s linear infinite 0s;
        -ms-animation: rotateWordsSecond 12s linear infinite 0s;
        animation: rotateWordsSecond 12s linear infinite 0s;
        font-size: 220%;
        font-weight: lighter;
        letter-spacing: 3px;
        font-family: monoton;
    }
    .letrasparaanimar span:nth-child(2) {
        -webkit-animation-delay: 3s;
        -ms-animation-delay: 3s;
        animation-delay: 3s;
    }
    .letrasparaanimar span:nth-child(3) {
        font-size: 300%;
        -webkit-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    @-webkit-keyframes rotateWordsSecond {
        0% {
            opacity: 1;
            -webkit-animation-timing-function: ease-in;
            width: 0px;
        }
        10% {
            opacity: 0.3;
            width: 0px;
        }
        20% {
            opacity: 1;
            width: 100%;
        }
        27% {
            opacity: 0;
            width: 100%;
        }
        100% {
            opacity: 0;
        }
    }
    @-ms-keyframes rotateWordsSecond {
        0% {
            opacity: 1;
            -ms-animation-timing-function: ease-in;
            width: 0px;
        }
        10% {
            opacity: 0.3;
            width: 0px;
        }
        20% {
            opacity: 1;
            width: 100%;
        }
        27% {
            opacity: 0;
            width: 100%;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes rotateWordsSecond {
        0% {
            opacity: 1;
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            width: 0px;
        }
        10% {
            opacity: 0.3;
            width: 0px;
        }
        20% {
            opacity: 1;
            width: 100%;
        }
        27% {
            opacity: 0;
            width: 100%;
        }
        100% {
            opacity: 0;
        }
    }
    .compu {
        float: right;
        width: 50%;
        padding-top: 0px;
        height: 65px;
        padding-right: 5%;
        margin-bottom: 13%;
        max-width: 700px;
    }
    .myc {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 35px;
        font-weight: 400;
    }
    .busqueda {
        color: #5D5C5B;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        width: 78%;
        margin-top: 10%;
        margin-left: 13%;
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 22px;
    }
    .descri {
        width: 53%;
        margin-top: 10%;
        margin-left: 15%;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 30px;
    }
    .descrili {}
    .zeroMargin_desktop {
        margin-left: 0;
    }
    .hide_desktop {
        display: none;
    }
    .descri ul li {
        list-style-image: url(../imagenes/bullet.png);
        font-weight: 100;
        width: 50%;
        float: left;
        font-size: 22px;
    }
    .descri p {
        color: #FFFDFD;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: normal;
    }
    .ojo {
        position: absolute;
        z-index: 24;
        width: 1.5%;
        margin-top: -415px;
        margin-left: 16%;
        animation-name: parpadeo;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        -webkit-animation-name: parpadeo;
        -webkit-animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
    }
    @-moz-keyframes parpadeo {
        0% {
            opacity: 1.0;
        }
        50% {
            opacity: 0.0;
        }
        100% {
            opacity: 1.0;
        }
    }
    @-webkit-keyframes parpadeo {
        0% {
            opacity: 1.0;
        }
        50% {
            opacity: 0.0;
        }
        100% {
            opacity: 1.0;
        }
    }
    @keyframes parpadeo {
        0% {
            opacity: 1.0;
        }
        25% {
            opacity: 0.0
        }
        50% {
            opacity: 1.0;
        }
        100% {
            opacity: 1.0;
        }
    }
    #Accordion1 h3 {}
    .efe1 {
        animation-name: parpadeo;
        animation-duration: 15s;
        -webkit-animation-iteration-count: infinite;
    }
    /*aqui la parte buena de las paginas*/
    .partenaranjaqs {
        width: 98%;
        background-image: url(url);
        background-color: #F78E1F;
        padding-top: 1%;
        padding-right: 1%;
        padding-bottom: 1%;
        padding-left: 1%;
        height: auto;
        margin-top: -2px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        border-top: 9px solid #50514B;
        float: left;
    }
    .letarsnarqs {
        width: 65%;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 3%;
        padding-bottom: 5%;
        clear: left;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        float: left;
    }
    .cretmov {
        font-size: 22px;
        margin-top: -6%;
        margin-left: 224px;
        color: #FFFFFF;
        letter-spacing: 4px;
    }
    .letarsnarqs p {
        color: #FFFFFF;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 22px;
        margin-top: 4%;
        padding-top: 2%;
        padding-right: 2%;
        padding-bottom: 2%;
        padding-left: 2%;
        width: 79%;
        margin-left: 8.5%;
    }
    .letarsnarqs h1 {
        font-size: 39px;
        width: 60%;
        margin-left: 10%;
    }
    .partenajengran {
        width: 31%;
        margin-top: 0%;
        margin-right: 0%;
        margin-bottom: 0%;
        margin-left: 0%;
        padding-top: 0%;
        height: auto;
        padding-bottom: 0%;
        clear: right;
        float: right;
    }
    .partgrisosqs {
        width: 100%;
        height: auto;
        float: left;
        background-color: #54534A;
        padding-top: 5%;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
    .letrasgriqs {
        width: 40%;
        float: left;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 70px;
    }
    .imagengrisqs {
        width: 50%;
        float: right;
        background-image: url(../imagenes/compu-8.png);
        background-repeat: no-repeat;
        padding-top: 0px;
        background-position: 0% 0%;
    }
    .rw-words {
        display: inline;
        text-indent: 10px;
    }
    .rw-words-1 span {
        position: absolute;
        opacity: 0;
        overflow: hidden;
        color: #F78E1F;
        font-family: monoton;
        font-size: 45px;
        -webkit-animation: rotateWord 12s linear infinite 0s;
        -ms-animation: rotateWord 12s linear infinite 0s;
        animation: rotateWord 12s linear infinite 0s;
    }
    .rw-words-1 span:nth-child(2) {
        -webkit-animation-delay: 3s;
        -ms-animation-delay: 3s;
        animation-delay: 3s;
    }
    .rw-words-1 span:nth-child(3) {
        -webkit-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    .rw-words-1 span:nth-child(4) {
        -webkit-animation-delay: 9s;
        -ms-animation-delay: 9s;
        animation-delay: 9s;
    }
    @-webkit-keyframes rotateWord {
        0% {
            opacity: 0;
        }
        2% {
            opacity: 0;
            -webkit-transform: translateY(-30px);
        }
        5% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }
        17% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }
        20% {
            opacity: 0;
            -webkit-transform: translateY(30px);
        }
        80% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @-ms-keyframes rotateWord {
        0% {
            opacity: 0;
        }
        2% {
            opacity: 0;
            -ms-transform: translateY(-30px);
        }
        5% {
            opacity: 1;
            -ms-transform: translateY(0px);
        }
        17% {
            opacity: 1;
            -ms-transform: translateY(0px);
        }
        20% {
            opacity: 0;
            -ms-transform: translateY(30px);
        }
        80% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes rotateWord {
        0% {
            opacity: 0;
        }
        2% {
            opacity: 0;
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
        }
        5% {
            opacity: 1;
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }
        17% {
            opacity: 1;
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }
        20% {
            opacity: 0;
            -webkit-transform: translateY(30px);
            transform: translateY(30px);
        }
        80% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    .letrasgriqs p {
        color: #FFFFFF;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: lighter;
        font-size: 24px;
        margin-top: 9%;
    }
    /*quienes somos*/
    .primeraperteqs {
        background-color: #f58426;
        margin-top: 0%;
        margin-right: 0px;
        margin-left: 0px;
        margin-bottom: -0%;
        width: 100%;
        padding-top: 0%;
        padding-right: 0%;
        padding-bottom: 0%;
        padding-left: 0%;
        float: left;
        background-repeat: no-repeat;
        background-image: url(../imagenes/cosassec/Aniver14_1.png);
        border-top-color: #54534A;
        border-top-width: 10px;
        background-position: 15% 80%;
        background-size: 80% auto;
    }
    .primerapartedeprim {
        width: 52%;
        float: right;
        margin-top: 14%;
        padding-bottom: 0px;
        background-image: url(url);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        margin-right: 13%;
        min-height: 0px;
    }
    .primerapartedesec {
        float: left;
        margin-top: 14%;
        margin-left: 33%;
        width: 45%;
    }
    .primerapartedeprim h1 {
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 30px;
        font-weight: 300;
        line-height: 37px;
        margin-top: 3px;
        text-align: right;
    }
    .engrane1 {
        width: 10%;
        height: auto;
        margin-top: 0%;
        margin-left: 0%;
        clear: left;
        float: left;
        margin-right: 0%;
    }
    .engrane2 {
        width: 31%;
        height: auto;
        margin-left: 22%;
        margin-top: -15.5%;
        max-width: 1366px;
        margin-right: 0px;
        float: left;
    }
    .engrane3 {
        width: 10%;
        height: auto;
        margin-top: 0%;
        margin-left: 0%;
        float: right;
        margin-right: 0%;
    }
    .slogan {
        width: 25%;
        height: auto;
        margin-left: 65%;
        float: right;
        margin-right: 3%;
        margin-bottom: 2%;
        position: relative;
        margin-top: -11%;
    }
    .ciendos {
        width: 100%;
        height: auto;
        float: right;
    }
    .titulo {
        width: 70%;
        margin-top: 5%;
        margin-left: auto;
        margin-bottom: 0px;
        margin-right: auto;
    }
    .mexic {
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: lighter;
        font-size: 51px;
        line-height: 28px;
        color: #FFFFFF;
    }
    .seis {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 44px;
        color: #FFFEFD;
        margin-left: 0%;
        margin-top: 0px;
    }
    .servicesmec {
        font-size: 32px;
        line-height: 0px;
    }
    .mx {
        font-family: helvetica neue;
        font-size: 66px;
        font-style: normal;
        font-weight: bold;
    }
    .primeraperteqs p {
        color: #54534A;
        width: 94%;
        margin-left: auto % %;
        margin-right: auto;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-align: justify;
        font-size: 25px;
        font-weight: 200;
        margin-top: 4%;
    }
    .partegrisqs {
        width: 100%;
        height: auto;
        margin-top: 0%;
        background-color: #54534a;
        margin-bottom: 0%;
        padding-top: 5%;
        padding-bottom: 5%;
        float: left;
    }
    .alochenta {
        width: 80%;
        height: auto;
        padding-left: 10%;
        padding-right: 10%;
    }
    .izqgqs {
        width: 40%;
        clear: left;
        padding-left: 7.5%;
        padding-right: 2.5%;
        padding-top: 10%;
        padding-bottom: 10%;
        margin: 0%;
        float: left;
    }
    .izqgqs h3 {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-variant: normal;
        font-weight: 600;
        color: #F3F3F3;
        font-size: 33px;
        margin: 0%;
        padding: 0%;
        line-height: 46px;
    }
    .izqgqs p {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 100;
        font-size: 19px;
        margin-left: 0%;
        width: 93%;
    }
    .dergqs {
        width: 45%;
        margin-top: 8%;
        background-size: 100% auto;
        background-repeat: no-repeat;
        height: 250px;
        background-position: 65% 0%;
        float: right;
        max-width: 350px;
        margin-right: 2.5%;
        padding-right: 0%;
    }
    .parteblancaqs {
        width: 100%;
        background-color: #FFFFFF;
        float: left;
        height: auto;
        position: relative;
        margin-left: 0%;
        margin-right: 0%;
    }
    .letrasun {
        width: 60%;
        float: left;
        padding-left: 0%;
        padding-top: 5%;
        padding-bottom: 0%;
        margin-top: 0%;
        margin-left: 0%;
    }
    .letrasun p {
        width: 100%;
        color: #B5B5B5;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 22px;
        font-weight: 400;
        float: left;
    }
    .dibujosblanc {
        width: 30%;
        margin-bottom: 7%;
        margin-top: 9%;
        float: left;
        clear: left;
    }
    .letrasdo p {
        color: #B5B5B5;
        font-family: helvetica neue;
        font-size: 26px;
        width: 100%;
        text-align: right;
    }
    .obtienes {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 71px;
    }
    .letrasdo {
        width: 47%;
        height: auto;
        margin-top: 3%;
        margin-left: 12%;
        float: left;
    }
    .imgenicn {
        width: 30%;
        float: right;
        margin-top: 8%;
        margin-right: 0%;
        padding-top: 2%;
        padding-left: 0%;
        background-repeat: no-repeat;
        height: auto;
    }
    .creamos {
        font-size: 60px;
    }
    .tunecs {
        font-size: 42px;
    }
    .meta {
        font-family: gill sans;
        font-style: normal;
        font-weight: 700;
        font-size: 41px;
    }
    .partenaranja2 {
        width: 100%;
        height: auto;
        float: left;
        background-color: #F58426;
        padding-top: 10%;
        padding-bottom: 70%;
        margin-top: -35%;
        max-width: 1366px;
        position: fixed;
        z-index: -4;
    }
    .partenaranja2 p {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 100;
        font-size: 40px;
        line-height: 65px;
        width: 72%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .asegura {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 64px;
    }
    .sitios {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 83px;
    }
    .mejorts {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 86px;
    }
    /*desarrollo web*/
    .parte1 {
        background-color: transparent;
        float: left;
        width: 100%;
        margin-top: 0%;
        padding-bottom: 4%;
        padding-top: 0%;
    }
    .alturaslid {
        width: 100%;
        margin-top: 0%;
    }
    .parte1 h1 {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 38px;
        font-weight: normal;
        width: 90%;
        height: auto;
        margin-top: 5%;
        line-height: 33px;
        margin-left: 5%;
        margin-right: 5%;
    }
    .expe {
        font-style: italic;
        font-weight: lighter;
        font-size: 59px;
        margin-top: 0px;
        color: #54534A;
    }
    .webB {
        font-size: 50px;
        line-height: 50px;
    }
    .imgelect {
        width: 95%;
        padding-top: 6.5%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: -2;
    }
    compuweb {
        margin-top: 0px;
    }
    .parte2 {
        float: left;
        background-color: #54534A;
        width: 100%;
        padding-top: 3%;
        padding-bottom: 3%;
        margin-top: 0%;
        margin-bottom: 3%;
        margin-right: 0%;
        margin-left: 0%;
        padding-left: 0%;
        padding-right: 0%;
    }
    .parte2 p {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 46px;
        width: 83%;
        margin-left: auto;
        margin-right: auto;
    }
    .opti {
        color: #FFFFFF;
        font-weight: bold;
        font-size: 62px;
    }
    .optimiz {
        font-weight: bold;
        font-size: 69px;
        color: #54534A;
        text-shadow: 3px 2px 5px #DB6F16;
    }
    .parte3 {
        width: 100%;
        background-color: #FFFFFF;
        float: left;
        padding-bottom: 0%;
        height: auto;
        padding-left: 0%;
        margin: 0%;
        padding-right: 0%;
        max-width: 1366px;
        background-image: none;
    }
    .parte3 h1 {
        color: #54534A;
        width: 95%;
        text-align: center;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 700;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0%;
        font-size: 71px;
        line-height: 93px;
        margin-bottom: 10%;
        padding-right: 0%;
        padding-left: 0%;
    }
    .loquedura {
        width: 100%;
        height: 400px;
        float: left;
        background-color: #FFFFFF;
        margin-top: 0%;
        max-width: 1366px;
        background-image: url(../imagenes/cosassec/mundo-8.png);
        background-repeat: no-repeat;
        background-size: 36% auto;
        background-position: 46% 0%;
        margin-bottom: 0%;
        padding-bottom: 0%;
        padding-top: 0%;
    }
    .ar {
        font-size: 103px;
        letter-spacing: -8px;
        width: auto;
    }
    .desa {
        font-size: 73px;
        margin-left: auto;
        margin-right: auto;
        letter-spacing: 4px;
    }
    .sitis {
        font-size: 76px;
        letter-spacing: 7px;
    }
    .letrasder {
        width: 33%;
        float: right;
        height: auto;
    }
    .parte4 {
        width: 100%;
        background-color: #A3A297;
        float: left;
        max-width: 1366px;
        margin-left: 0%;
        padding: 0%;
        margin-right: 0%;
    }
    .parte4 h1 {
        margin-left: auto;
        margin-right: auto;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 61px;
        font-weight: bold;
        width: 88%;
        margin-top: 6%;
        text-align: right;
    }
    .parte4 ul {
        list-style-image: url(../imagenes/cosassec/bulletblanc-8.png);
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 100;
        font-size: 25px;
        width: 35%;
        float: left;
        margin-left: 9%;
        line-height: 42px;
        margin-bottom: 5%;
        margin-right: 0%;
    }
    .imgBrandTex h5 {
        color: #54534A;
        font-family: monoton;
        font-size: 60px;
        width: 82%;
        margin-bottom: 6%;
    }
    .primerapartemarket {
        width: 100%;
        background-color: #F58426;
        margin-top: -1px;
        height: auto;
        float: left;
    }
    .primerapartemarket p {
        color: #FFFFFF;
        width: 53%;
        padding-left: 10%;
        padding-right: 0%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 59px;
        font-weight: bold;
        line-height: 44px;
        margin-top: 14%;
        float: left;
        margin-right: 0%;
        margin-left: 0%;
    }
    .mailmk {
        font-size: 34px;
    }
    .imgnmarket {
        width: 30%;
        height: auto;
        float: right;
        margin-right: 3%;
        margin-top: 7%;
        margin-bottom: 4%;
        margin-left: 0%;
    }
    .bolitas {
        width: 100%;
        float: right;
        margin-top: 0%;
        visibility: visible;
        margin-left: 0px;
    }
    .bol1 {
        width: 35px;
        height: 35px;
        margin-left: 94px;
        margin-top: 108px;
    }
    .bol2 {
        width: 35px;
        height: 35px;
        margin-left: 42px;
        margin-top: 55px;
    }
    .bol3 {
        width: 35px;
        height: 35px;
        margin-left: 139px;
        margin-top: 93px;
    }
    .parteblanca {
        width: 90%;
        height: auto;
        background-color: #FFFFFF;
        float: left;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 7%;
        padding-bottom: 7%;
    }
    .parteblanca p {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 40px;
        text-align: left;
        margin-left: 2%;
        margin-right: 15%;
        line-height: 42px;
        width: 100%;
    }
    .parteblanca ul {
        width: 75%;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 31px;
        margin-left: auto;
        list-style-image: url(../imagenes/cosassec/paloma-8.png);
        list-style-type: none;
        text-align: left;
        font-weight: lighter;
        line-height: 31px;
        margin-right: auto;
    }
    .titanimte h1 {
        margin-left: 0%;
    }
    .estrates {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 38px;
    }
    .vende {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 40px;
    }
    .espaciodeul {
        margin-right: 8%;
    }
    .grismarket {
        width: 100%;
        height: auto;
        float: left;
        background-color: #54534A;
    }
    .imggris {
        width: 15%;
        padding-top: 3%;
        padding-bottom: 3%;
        float: left;
        padding-left: 12%;
        padding-right: 0%;
    }
    .grismarket p {
        width: 64%;
        float: right;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 36px;
        margin-right: 0%;
        margin-top: 4%;
        line-height: 51px;
    }
    .entimepo {
        font-size: 62px;
        line-height: 20px;
        margin-top: 0px;
    }
    .parteblan2merc {
        width: 100%;
        height: auto;
        float: left;
        background-repeat: no-repeat;
        background-size: 44% auto;
    }
    .parteblan2merc h1 {
        color: #F58426;
        width: 91%;
        margin-left: 5%;
        margin-top: 5%;
        font-size: 45px;
        float: left;
        text-align: left;
    }
    .parteblan2merc p {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        width: 90%;
        margin-left: 5%;
        font-size: 27px;
        margin-top: -15px;
        margin-bottom: 73px;
        text-align: left;
        float: left;
        margin-right: 0px;
    }
    .partenaraservicios {
        width: 100%;
        height: auto;
        float: left;
        background-color: #F58426;
        padding-top: 5%;
        margin-top: -9px;
    }
    .partenaraservicios h1 {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-size: 54px;
        width: 75%;
        float: right;
        margin-right: 11%;
        color: #FFFFFF;
        text-align: right;
    }
    .partenaraservicios ul {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 100;
        text-align: right;
        float: right;
        width: 70%;
        padding-right: 2%;
        padding-right: 10%;
        list-style-type: none;
        font-size: 27px;
        margin-top: 0%;
        margin-bottom: 0%;
    }
    .titslide {
        color: #FFFFFF;
        font-size: 58px;
    }
    .tel {
        width: 43%;
        height: auto;
        display: block;
        float: right;
        clear: right;
        margin-top: 0%;
        padding-top: 10px;
        margin-right: 3%;
        padding-bottom: 10px;
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;
        font-size: 112%;
        margin-bottom: 0px;
    }
    .cabeza {
        width: 100%;
        background-color: #FFFFFF;
        position: relative;
        border-top-color: #54534A;
        border-top-width: 9px;
        border-bottom: 9px solid #54534A;
    }
    .logo {
        width: 17%;
        float: left;
        clear: left;
        margin-left: 3%;
        background-color: #FFFFFF;
        height: auto;
    }
    .cosoprotector {
        width: 100%;
        height: 500px;
        /* height: 1000px; */
        float: left;
    }
    .experiem {
        float: left;
        margin-top: 1.9%;
        margin-left: -3.5%;
        background-repeat: no-repeat;
        background-size: 0% auto;
        background-image: url(../imagenes/cosassec/fondoweb1.png);
    }
    .primerobran {
        width: 80%;
        background-color: #54534A;
        height: 281px;
        float: left;
        margin-top: -6px;
        margin-bottom: 5%;
        padding-top: 4%;
        padding-bottom: 4%;
        background-image: url(../imagenes/cosassec/fondoblanco-01.png);
        background-repeat: no-repeat;
        background-size: 104% auto;
        background-position: 0% 4%;
        border-top: 10px solid #41403A;
        padding-left: 10%;
        padding-right: 10%;
    }
    .parteblacbran {
        width: 100%;
        background-color: #FFFFFF;
        background-image: url(../imagenes/cosassec/triangulo-8.png);
        background-repeat: no-repeat;
        background-position: 105% 0%;
        height: auto;
        float: left;
        padding-bottom: 5%;
    }
    .mano1 {
        width: 100%;
        height: auto;
        float: left;
        margin-top: 0%;
        margin-bottom: 3%;
    }
    .mano1 img {
        float: right;
        width: 50%;
        margin-top: 4%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .mano1:hover img {
        -webkit-transform: translateX(300px);
        -moz-transform: translateX(300px);
        -o-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px);
    }
    .titbr {
        width: 40%;
        margin-left: 6%;
        margin-top: -16%;
    }
    .titbr1 {
        width: 40%;
        margin-left: 6%;
        margin-top: 0%;
    }
    .titbr h1 {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 70px;
        text-align: center;
        width: 0%;
        font-weight: 600;
    }
    .titbr1 h1 {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 56px;
        text-align: center;
        width: 0%;
        font-weight: 600;
    }
    .pafbrn {
        width: 190%;
        margin-left: -15%;
        position: relative;
        z-index: 18;
        margin-top: -65%;
        background-color: #F58426;
        color: #FFFFFF;
        padding-top: 3%;
        padding-right: 1%;
        padding-bottom: 3%;
        padding-left: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 37px;
        font-weight: 200;
        -webkit-transition: opacity 0.3s;
        opacity: 0;
        -webkit-box-shadow: 5px 4px 10px #54534A;
        box-shadow: 5px 4px 10px #54534A;
        line-height: 40px;
    }
    .titbr:hover .pafbrn {
        opacity: 1;
        cursor: pointer;
        margin-top: 0%;
    }
    .titbr1:hover .pafbrn {
        opacity: 1;
        cursor: pointer;
        margin-top: 0%;
        padding-top: 0%;
    }
    .med {
        color: #54534A;
        font-size: 66px;
    }
    .dyt {
        font-size: 62px;
        line-height: 56px;
    }
    .sobr {
        color: #54534A;
        font-size: 90px;
        line-height: 67px;
        font-weight: 600;
    }
    .dif {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 49px;
        font-weight: 400;
    }
    .pem {
        font-size: 28px;
        line-height: 0px;
    }
    .mindy {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 60px;
        line-height: 46px;
    }
    .prpsta {
        font-weight: bolder;
        font-size: 53px;
    }
    .msj {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 40px;
        line-height: 0px;
    }
    .mecobj {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 30px;
    }
    .qui {
        font-size: 47px;
    }
    .servpega {
        letter-spacing: normal;
        font-size: 61px;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        line-height: normal;
    }
    .grisoculto {
        background-color: #54534A;
        width: 100%;
        top: 0px;
        max-width: 1366px;
        height: auto;
        padding-top: 8.5%;
        padding-bottom: 8.5%;
    }
    .hojabuscador {
        float: left;
        width: 100%;
        height: 757px;
        background-image: url(../imagenes/cosassec/fondobuscador_1.png);
        background-size: 103% auto;
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        background-position: 9% 0%;
        margin-top: 0%;
    }
    .www {
        padding-top: 2%;
        padding-left: 16%;
        color: #A9A9A9;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 19px;
        height: auto;
        width: 89%;
        float: left;
        background-size: 0% auto;
        margin-top: 2%;
        margin-left: 0px;
        text-align: left;
    }
    .busq {
        padding-top: 0%;
        padding-left: 13%;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 19px;
        width: 87%;
        margin-top: 13%;
        font-weight: 100;
    }
    .googlwo {
        width: 16%;
        float: right;
        margin-top: 18%;
        margin-right: 9%;
    }
    .ban1 {
        color: #6B06D3;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 32px;
        text-align: right;
        width: 90%;
        margin-right: 10%;
        line-height: 39px;
    }
    .ayud {
        font-size: 59px;
    }
    .precie {
        font-size: 38px;
    }
    .ban2 {
        width: 72%;
        margin-left: 11%;
        color: #EEEEEE;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 27px;
        margin-top: 8%;
        margin-bottom: 5%;
    }
    .simbolo {
        width: 30%;
        margin-left: 64%;
        position: relative;
        z-index: 32;
        margin-top: -1%;
        margin-bottom: 0px;
    }
    .garan {
        font-size: 39px;
    }
    .renta {
        font-size: 30px;
    }
    .grisoculto h1 {
        font-size: 43px;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        font-weight: 500;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        padding-left: 0%;
        padding-right: 0%;
    }
    .mark {
        font-size: 56px;
        letter-spacing: 12px;
        font-weight: lighter;
        color: #F58426;
    }
    .cosonaranja {
        width: 100%;
        background-color: #F58426;
        float: left;
        padding-right: 0px;
        -webkit-box-shadow: 0px 5px 12px #7B7A73;
        box-shadow: 0px 5px 12px #7B7A73;
        margin-bottom: 85%;
    }
    .cosonaranja h1 {
        margin-right: 5%;
        font-weight: 200;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 70px;
        text-align: right;
        line-height: 52px;
        width: 90%;
        margin-top: 8%;
        float: left;
        padding-bottom: 0px;
        text-shadow: 0px 0px;
        margin-left: 5%;
    }
    .increm {
        font-weight: bold;
        font-size: 46px;
        text-shadow: 3px 1px 4px #D86A0D;
        color: #FFFFFF;
    }
    .puff {
        width: 73%;
        padding-top: 5%;
        padding-right: 5%;
        padding-bottom: 4%;
        padding-left: 2%;
        margin-bottom: 10%;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 69px;
        line-height: 59px;
        text-align: right;
        float: left;
        margin-top: 2%;
        background-color: #F0A809;
        -webkit-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
    }
    .crea {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 84px;
        font-weight: bold;
    }
    .campa {
        font-size: 50px;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        text-align: center;
        color: #54534A;
    }
    .nuestroserviciogris {
        background-repeat: no-repeat;
        background-position: 100% %;
        width: 100%;
        height: auto;
        float: left;
        margin-top: 0%;
        margin-right: 0%;
        margin-left: 0%;
        margin-bottom: -2%;
        padding: 0%;
        background-image: url(../imagenes/cosassec/grisclaro1366.png);
        background-size: cover;
        max-width: 1366px;
        background-color: transparent;
    }
    .nuestroserviciogris h1 {
        text-align: left;
        margin-right: 1%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 61px;
        width: 98%;
        margin-top: 6.5%;
        margin-left: 1%;
    }
    .nuestroserviciogris ul {
        width: 40%;
        margin-left: 0px;
        padding-left: 5%;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 100;
        font-size: 21px;
        margin-top: 4%;
        float: left;
        list-style-image: url(../imagenes/cosassec/bulletblanc-8.png);
        line-height: 36px;
        margin-bottom: 13%;
    }
    .video {
        width: 100%;
        height: 361px;
        margin-top: 0%;
        overflow: hidden;
    }
    .texto {
        width: 20%;
        color: #FFFFFF;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 37px;
        font-weight: 200;
        list-style-image: url(../imagenes/cosassec/bulletblanc-8.png);
        float: left;
        margin-left: 30%;
        margin-top: 6%;
    }
    .imagenv {
        width: 40%;
        float: right;
        margin-left: 10%;
    }
    .foto {
        width: 100%;
        height: auto;
        float: left;
        margin-bottom: 0%;
    }
    .foto h1 {
        color: #54534A;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 111px;
        line-height: 67px;
        width: 72%;
        margin-left: 14%;
        margin-right: 14%;
        margin-top: 10%;
    }
    .product {
        font-size: 24px;
        font-weight: 200;
        margin-left: 0px;
        color: rgba(165, 163, 147, 1.00);
        top: 0px;
    }
    .prof {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 37px;
    }
    .imagenf {
        width: 25%;
        height: auto;
        margin-left: 9%;
        float: left;
    }
    .foto ul {
        width: 50%;
        float: right;
        list-style-image: url(../imagenes/bullet.png);
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 43px;
        font-weight: 200;
        color: #54534A;
    }
    .flecha1 {
        margin-left: 180px;
        margin-top: -1px;
        display: block;
    }
    .flecha10 {
        margin-top: -5px;
        float: left;
        margin-left: 180px;
    }
    .flecha15 {
        margin-top: -1px;
        float: right;
        margin-right: 180px;
    }
    .flecha7 {
        margin-top: -70px;
        float: right;
        padding-right: 180px;
    }
    .flecha2 {
        float: right;
        margin-top: 27px;
        margin-right: 180px;
        display: block;
    }
    .flecha5 {
        float: left;
        margin-top: -6.1%;
        margin-left: 90px;
        visibility: hidden;
    }
    .flecha6 {
        margin-top: -3%;
        float: right;
        margin-right: 106px;
    }
    .flecha3 {
        margin-left: 180px;
        margin-top: -1px;
    }
    .flecha8 {
        margin-top: -6px;
        margin-left: 3%;
        width: 97%;
    }
    .flecha9 {
        float: right;
        padding-right: 180px;
        visibility: visible;
    }
    .flecha18 {
        float: right;
        padding-right: 180px;
        margin-top: -65px;
    }
    .flecha11 {
        float: right;
        padding-right: 0px;
        margin-right: 180px;
        margin-top: -61px;
        visibility: visible;
        display: block;
    }
    .primerapartedesec h1 {
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 28px;
        line-height: 36px;
    }
    .cosoprotector2 {
        width: 100%;
        float: left;
    }
    .rw-words-2 span {
        -webkit-animation: rotateWordsSecond 13s infinite 0s;
        -ms-animation: rotateWordsSecond 13s infinite 0s;
        animation: rotateWordsSecond 13s infinite 0s;
    }
    .rw-words span:nth-child(2) {
        -webkit-animation-delay: 3s;
        -ms-animation-delay: 3s;
        animation-delay: 3s;
    }
    .rw-words span:nth-child(3) {
        -webkit-animation-delay: 6s;
        -ms-animation-delay: 6s;
        animation-delay: 6s;
    }
    @-webkit-keyframes rotateWordsSecond {
        0% {
            opacity: 1;
            -webkit-animation-timing-function: ease-in;
            width: 0px;
        }
        10% {
            opacity: 1;
            width: 0px;
        }
        20% {
            opacity: 1;
            width: 100%;
        }
        37% {
            opacity: 1;
            width: 100%;
        }
        100% {
            opacity: 0;
        }
    }
    @-ms-keyframes rotateWordsSecond {
        0% {
            opacity: 1;
            -ms-animation-timing-function: ease-in;
            width: 0px;
        }
        10% {
            opacity: 1;
            width: 0px;
        }
        20% {
            opacity: 1;
            width: 100%;
        }
        37% {
            opacity: 1;
            width: 100%;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes rotateWordsSecond {
        0% {
            opacity: 1;
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            width: 0px;
        }
        10% {
            opacity: 1;
            width: 0px;
        }
        20% {
            opacity: 1;
            width: 100%;
        }
        37% {
            opacity: 1;
            width: 100%;
        }
        100% {
            opacity: 0;
        }
    }
    .rw-wrapper {
        width: 80%;
        position: relative;
        margin-top: 3.5%;
        margin-bottom: 0;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 10px;
        font-size: 25px;
        color: #54534A;
        margin-left: 12%;
    }
    .rw-sentence {
        margin: 0;
        text-align: left;
    }
    .rw-sentence span {
        white-space: nowrap;
        font-weight: normal;
    }
    .rw-words {
        display: inline;
        text-indent: 10px;
    }
    .rw-words span {
        position: absolute;
        opacity: 0;
        overflow: hidden;
        width: 100%;
    }
    #banGoogle .bantexto {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        color: #53544A;
        margin-top: 0%;
        margin-right: 15%;
        margin-left: 15%;
        margin-bottom: 0%;
        width: 70%;
    }
    .fluid.logo img {
        display: block;
        width: 250px;
        height: 250px;
        clear: left;
        margin-left: auto;
        margin-right: auto;
    }
    .imgBrand2 {
        display: none;
        width: 60%;
        float: left;
        margin-bottom: 5%;
        margin-left: 20%;
        margin-right: 20%;
        padding-left: 1.5%;
        padding-right: 1.5%;
    }
    #banMarcas2 {
        display: none;
    }
    .p1 {
        font-size: 34px;
        color: #FFFFFF;
        font-family: helvetica neue;
        font-variant: normal;
        font-weight: 600;
        line-height: 40px;
        text-align: left;
        padding-left: 5%;
        padding-top: 5%;
    }
    .hum {
        font-size: 63px;
    }
    .naranjaredes {
        width: 100%;
        height: auto;
        background-color: #F58426;
        float: right;
        margin-top: 24%;
        padding-top: 5%;
        padding-bottom: 1%;
        color: #FFFFFF;
    }
    .p2 {
        color: #FFFFFF;
        font-family: helvetica neue;
        font-size: 41px;
        text-align: right;
        width: 52%;
        margin-left: 43%;
        margin-right: 5%;
        margin-top: 5%;
    }
    .p3 {
        color: #FFFFFF;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 51px;
        font-weight: bold;
        margin-top: 0px;
        text-align: left;
        margin-left: 5%;
        line-height: 48px;
    }
    .flecha13 {
        margin-top: 67%;
        top: 0px;
        z-index: 5;
        position: relative;
        display: block;
    }
    .relaciones {
        font-size: 78px;
    }
    .bullet {
        color: #7C7C79;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        position: absolute;
        z-index: 17;
        font-weight: 200;
        font-size: 20px;
        height: auto;
        margin-top: 0%;
        margin-right: 0%;
        margin-left: 0%;
        margin-bottom: 0%;
        float: right;
        width: 30%;
    }
    .izqq {
        float: right;
    }
    .elcelu iframe {
        width: 80%;
        height: 177px;
        margin-left: -5px;
        margin-top: -6px;
        overflow-y: hidden;
        overflow-x: hidden;
        max-height: 172px;
    }
    .bannerweb h1 {
        color: #6414E2;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 500;
        padding-left: 15px;
        margin-bottom: 1%;
        width: 100%;
    }
    .bannerweb .boton {
        width: 59%;
        z-index: 17;
        margin-left: 23%;
        margin-top: -12%;
        opacity: 1;
    }
    .butun {
        width: 13%;
        margin-left: 2%;
        margin-top: 0px;
        float: left;
        margin-right: 2%;
    }
    .bannerweb p {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 26px;
        width: 88%;
        margin-top: -9px;
        margin-left: 3%;
        font-weight: 200;
        line-height: 26px;
    }
    .marcadores {
        color: #0F20D9;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 24px;
        display: block;
    }
    .bannerweb .boton p {
        font-weight: 300;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
        width: 29%;
        margin-top: 28px;
        margin-right: 18px;
        margin-left: 0%;
        opacity: 1;
    }
    .trella {
        float: left;
        clear: left;
        margin-top: -10%;
        display: block;
        margin-left: 85%;
    }
    .info1 {
        width: 50%;
        height: auto;
        margin: 0%;
        padding-top: 6%;
        padding-right: 20%;
        padding-left: 30%;
        padding-bottom: 18%;
        text-align: right;
    }
    .info1 h1 {
        width: 100%;
        color: #FFFFFF;
        margin: 0%;
        height: auto;
        font-size: 39px;
        padding: 0%;
        line-height: 38px;
    }
    .info1 p {
        width: 100%;
        height: auto;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 18px;
        margin: 0%;
        line-height: 27px;
    }
    .info2 {
        width: 60%;
        height: auto;
        margin-top: 0%;
        margin-left: 0%;
        padding-left: 15%;
        padding-right: 25%;
        padding-top: 10%;
        padding-bottom: 18%;
    }
    .info2 h1 {
        color: #54534A;
        width: 100%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 40px;
        font-weight: 500;
        margin-top: 0%;
        margin-right: 0%;
        margin-left: 24%;
        margin-bottom: 0%;
        padding: 0%;
    }
    .info3 {
        width: 63%;
        height: auto;
        margin-top: -2%;
        margin-right: 0%;
        margin-left: 0%;
        margin-bottom: 0%;
        padding-top: 8%;
        padding-right: 5%;
        padding-left: 32%;
        padding-bottom: 16%;
    }
    .info3 h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 600;
        font-size: 40px;
        line-height: 39px;
        margin-top: -20px;
    }
    .info3 p {
        color: #FFFFFF;
        font-family: helvetica neue;
        font-size: 23px;
        font-weight: 200;
        text-align: right;
    }
    .info4 {
        width: 40%;
        height: auto;
        float: left;
        margin-top: 0%;
        padding-left: 55%;
        padding-top: 5%;
        padding-bottom: 10%;
        padding-right: 5%;
    }
    .info4 h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 500;
        font-size: 40px;
        margin-left: 0px;
        text-align: right;
    }
    .info4 p {
        float: left;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 200;
        margin-left: 0px;
        width: 100%;
    }
    .info5 {
        width: 50%;
        height: auto;
        float: left;
        padding-top: 6%;
        padding-left: 35%;
        padding-right: 15%;
        padding-bottom: 14%;
        margin-bottom: 20%;
    }
    .info5 h1 {
        color: #F58426;
        font-size: 40px;
        text-align: right;
        float: left;
        line-height: 39px;
    }
    .info5 p {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 19px;
    }
    .pasion {
        font-size: 31px;
        font-weight: 400;
    }
    .mmycyc {
        font-size: 33px;
        margin-top: 0%;
    }
    .sliders {
        width: 65%;
        z-index: 25;
        margin-top: -36px;
        position: relative;
        margin-left: 30px;
    }
    .inno {
        font-size: 666%;
    }
    .trans {
        font-size: 439%;
    }
    .rein {
        font-size: 400%;
    }
    .lacompu {
        margin-bottom: 0%;
        padding-top: 0%;
        margin-top: 23%;
    }
    .buscador {
        width: 51%;
        height: auto;
        margin-top: 9%;
        float: left;
        margin-left: 12%;
    }
    .bulletgogle {
        width: 39%;
        margin-left: 30%;
        margin-right: 30%;
        margin-top: 2vw;
        margin-bottom: 2vw;
    }
    .avisobut a {
        margin-left: 6.5%;
        margin-top: 0%;
        color: rgba(255, 255, 255, 0.52);
        float: left;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        text-decoration: none;
        width: 70%;
        s
    }
    .segundapartedirecc {
        width: 100%;
        float: left;
        height: auto;
        padding-bottom: 8%;
    }
    .direccioncontacto {
        width: 30%;
        float: left;
        margin-left: 10%;
        margin-top: 9%;
    }
    .direcctext {
        width: 50%;
        float: right;
        margin-top: 9%;
    }
    .direcctext p {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 400;
    }
    .fasc {
        color: rgba(84, 83, 74, 1.00);
        font-size: 62px;
        line-height: 56px;
    }
    .caele {
        font-size: 55px;
    }
    .notita {
        text-align: right;
        margin-top: 7%;
        padding-right: 5%;
    }
    .viernesdevariedad {
        font-size: 26px;
    }
    .conversemos {
        width: 96%;
        height: auto;
        float: left;
        background-color: rgba(245, 132, 38, 1.00);
        margin-top: 0px;
        padding-top: 0%;
        padding-right: 0%;
        padding-bottom: 0%;
        padding-left: 4%;
        color: rgba(255, 255, 255, 1.00);
        font-weight: bolder;
        font-size: 50px;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-bottom: 0px;
    }
    .conversemos h1 {
        margin-left: 15%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    .flechaform {
        height: auto;
        float: right;
        width: 28%;
        margin-left: 566px;
        margin-top: 0px;
        visibility: visible;
        margin-right: 27px;
    }
    .twitt {
        margin-top: 5%;
        width: 100%;
        margin-left: 0%;
        visibility: visible;
        margin-right: 0%;
        h;
        padding: 0%;
        float: right;
        clear: right;
    }
    .parteformulario {
        background-image: url(../imagenes/cosassec/fondowhats.png);
        width: 50%;
        height: auto;
        background-repeat: no-repeat;
        background-position: -2% 0%;
        margin: 0%;
        padding: 0%;
        float: right;
    }
    .primform {
        margin-top: 36%;
        margin-left: 3%;
    }
    #Nombre,
    #Apoyo,
    #nombre,
    #telefono,
    #adicional,
    #adios {
        background-image: url(../imagenes/cosassec/globograndeazul.png);
        width: 70%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 17%;
        margin-top: 3%;
        padding-left: 3%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
    }
    .secform {
        margin-top: 0%;
        margin-left: 3%;
    }
    #Telefono,
    #correo,
    #telefono {
        background-image: url(../imagenes/cosassec/globoazulpeque.png);
        width: 55%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 45%;
        margin-top: 3%;
        padding-left: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
        margin-right: 10%;
    }
    #Correo {
        background-image: url(../imagenes/cosassec/globograndeazul.png);
        width: 85%;
        height: 47px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 2%;
        margin-top: 3%;
        padding-left: 3%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 300;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
        background-size: 100% auto;
        background-position: 0% 43%;
    }
    #Comentario {
        background-image: url(../imagenes/cosassec/textareaazul.png);
        width: 80%;
        height: 162px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 5%;
        margin-top: 6%;
        padding-left: 9%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 300;
        padding-top: 2%;
        color: rgba(55, 54, 47, 1.00);
    }
    .flechin {
        width: 46px;
        background-image: url(../imagenes/cosassec/botonwhats.png);
        background-repeat: no-repeat;
        background-color: transparent;
        border: none;
        outline: 0px;
        height: 46px;
        margin-top: 0%;
        margin-left: auto;
        max-width: none;
        max-height: none;
        float: right;
        padding: 0%;
        margin-right: 8%;
    }
    .diagform {
        width: 59%;
        float: left;
        color: rgba(255, 255, 255, 1.00);
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 16px;
        margin: 0%;
        padding: 0%;
        font-weight: 200;
    }
    .quesuba {
        margin-left: 24px;
        margin-bottom: 0px;
        margin-top: 5px;
        float: left;
        margin-right: 20px;
    }
    .quesuba2 {
        margin-top: 5px;
        margin-left: 19px;
        margin-bottom: 0px;
        margin-right: 70px;
    }
    .fcbplug {
        width: 100%;
        margin-top: 0%;
        float: left;
        margin-left: 0%;
        margin-right: 0%;
        visibility: visible;
    }
    .estasidt {
        width: 60%;
        float: right;
        margin-top: 0px;
        margin-right: 3%;
        margin-left: 5%;
        margin-bottom: 0%;
        background-image: url(../imagenes/cosassec/barras.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        height: 214px;
        max-height: 214px;
        max-width: 467px;
    }
    .un {
        font-size: 86px;
    }
    .webA {
        font-size: 78px;
        line-height: 104px;
        letter-spacing: -7px;
        color: #54534A;
    }
    .elcelu {
        width: 18%;
        background-image: url(../imagenes/cosassec/celus.png);
        background-repeat: no-repeat;
        padding-top: 22px;
        padding-left: 13px;
        position: relative;
        margin-top: -253px;
        margin-left: 9%;
        margin-bottom: 5%;
        -webkit-box-shadow: 0px 0px #A3A3A3;
        box-shadow: 0px 0px #A3A3A3;
        background-size: 85% auto;
        overflow-x: hidden;
        overflow-y: hidden;
        display: block;
        z-index: 61;
        max-width: 137px;
        max-height: 194px;
        height: 194px;
    }
    .www2 {
        width: 47%;
        text-align: left;
        margin-left: 36%;
        color: #37362F;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 11px;
        margin-top: 16px;
    }
    .www3 {
        width: 47%;
        text-align: left;
        margin-left: 37%;
        color: #37362F;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 14px;
        margin-top: 18px;
    }
    .www4 {
        width: 55%;
        text-align: left;
        margin-left: 31%;
        color: #37362F;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 24px;
        margin-top: 64px;
    }
    .primertextslideweb {
        width: 80%;
        margin-left: 10%;
        margin-top: 7%;
        color: #FFFFFF;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 30px;
        margin-right: 10%;
    }
    .contslie1web {
        width: 77%;
        margin-left: auto;
        margin-right: auto;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 21px;
        margin-top: 41px;
        font-weight: normal;
        text-align: left;
        line-height: 17px;
    }
    .cont3slide {
        width: 83%;
        margin-top: 6%;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 23px;
        text-align: left;
        margin-left: 11%;
        font-weight: bold;
        text-shadow: 2px 2px 6px #84837F;
        line-height: 36px;
    }
    .finad {
        width: 100%;
        margin-top: 0%;
        color: #F58426;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 37px;
        text-align: left;
        margin-left: 0%;
        text-shadow: 0px 0px 0px;
        padding-top: 0px;
        margin-right: 0%;
    }
    .actual {
        width: 60%;
        margin-left: 0%;
        margin-top: 0%;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 35px;
        line-height: 19px;
        text-shadow: 0px 0px;
    }
    .amedida {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-size: 28px;
        margin-top: 8%;
        width: 52%;
        text-align: left;
        margin-left: 8%;
        line-height: 26px;
    }
    .compatib {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 20px;
        margin-top: -4%;
        width: 56%;
        float: left;
        text-align: left;
        margin-left: 8%;
        line-height: 20px;
    }
    .tabs {
        width: 33%;
        position: relative;
        z-index: 76;
        margin-top: -28%;
        float: right;
        margin-right: 6%;
        -webkit-box-shadow: 0px 0px #616161;
        box-shadow: 0px 0px #616161;
    }
    .fondo12k {
        background-image: url(../imagenes/cosassec/imgen1_1.png);
        background-repeat: no-repeat;
        background-size: 100% auto;
        width: 90%;
    }
    .bullet img {
        display: block;
    }
    .bannerweb {
        float: left;
        width: 80%;
        margin-top: 14%;
        margin-left: 11%;
        background-color: #FFFFFF;
        -webkit-box-shadow: 0px 0px;
        box-shadow: 0px 0px;
        max-width: 564px;
    }
    .partedisplay {
        width: 100%;
        height: auto;
        position: fixed;
        z-index: -24;
        background-color: rgba(255, 255, 255, 1.00);
        padding-top: 0%;
        margin-top: -24%;
        margin-bottom: 0%;
    }
    .partedisplay p {
        width: 85%;
        height: auto;
        margin-left: auto;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 25px;
        margin-bottom: 9%;
        margin-top: 0px;
        margin-right: auto;
        max-width: 650px;
    }
    .display {
        background-image: url(../imagenes/cosassec/fondomas_2.png);
        width: 90%;
        height: 192px;
        background-repeat: no-repeat;
        background-size: 150% auto;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0%;
        padding-left: 0%;
        margin-bottom: 0%;
        -webkit-box-shadow: 6px 7px 24px #54534A;
        box-shadow: 6px 7px 24px #54534A;
        padding-bottom: 0%;
        background-position: 84% 12%;
        margin-top: 0px;
        max-width: 696px;
    }
    .display p {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 27px;
        font-weight: 500;
        line-height: 29px;
        margin-top: 0px;
        text-align: left;
        color: #FFFFFF;
        width: 60%;
        margin-left: 5%;
    }
    .sliderinfografia {
        width: 100%;
        height: 471px;
        background-color: #FFFFFF;
        margin-bottom: 0%;
    }
    .sliderinfografia .swiper-button-prev {
        position: absolute;
        z-index: 22;
        margin-top: 190px;
    }
    .sliderinfografia .swiper-container .swiper-button-next.swiper-button-black:hover {
        -webkit-animation-name: hvr-wobble-horizontal;
        animation-name: hvr-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }
    .sliderinfografia .swiper-button-next {
        width: 4%;
        position: absolute;
        z-index: 22;
        margin-top: 190px;
    }
    .imagenesslider {
        width: 29%;
        height: 417px;
        margin-top: 0%;
        margin-left: 3%;
    }
    .tituloslider {
        width: 50%;
        float: right;
        color: #54534A;
        height: 381px;
        position: absolute;
        margin-left: 42%;
        margin-top: 0%;
        font-size: 58px;
    }
    .tituloslider h1 {
        float: right;
        color: #54534A;
        font-size: 58px;
        line-height: 56px;
        margin-top: 16%;
    }
    .habilidad {
        width: 80%;
        margin-top: 5%;
        margin-bottom: 6%;
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 28px;
        text-align: left;
        line-height: 32px;
        padding-right: 10%;
        padding-left: 10%;
    }
    .tercerslid {
        font-size: 30px;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-align: right;
        padding-top: 3%;
        padding-right: 6%;
        padding-bottom: 3%;
        padding-left: 0%;
        margin-bottom: 0px;
        margin-top: 8%;
        width: 55%;
        float: right;
        margin-left: 0%;
        margin-right: 5%;
    }
    .redsocial {
        font-weight: bold;
        font-size: 31px;
    }
    .caraemoc {
        width: 25%;
        margin-top: 13%;
        position: relative;
        opacity: 1;
        z-index: 21;
        height: auto;
        float: left;
        margin-left: 5%;
        margin-right: 0%;
    }
    .iconfb {
        width: 30%;
        position: relative;
        z-index: -27;
        margin-top: -20px;
        margin-left: 101px;
        height: 91px;
    }
    .info2 p {
        width: 100%;
        color: #54534A;
        margin-top: 0%;
        margin-left: 25%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 21px;
        font-weight: 200;
        line-height: 28px;
    }
    .managers1 {
        display: block;
        padding-left: 5%;
        padding-right: 5%;
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
    .parteblancaredssoc {
        width: 100%;
        height: auto;
        float: left;
    }
    .partegristexto {
        width: 55%;
        padding-top: 0%;
        padding-bottom: 0%;
        background-color: transparent;
        padding-left: 0%;
        padding-right: 0%;
        float: left;
        clear: left;
        margin-left: 0%;
        margin-top: 9%;
        position: relative;
        z-index: 24;
    }
    .partegrisfb {
        background-color: #54534A;
        width: 90%;
        height: 520px;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 0%;
        padding-bottom: 0%;
        margin-top: -40%;
        clear: right;
        float: right;
        position: relative;
        z-index: -2;
    }
    .parteimgengris {
        width: 19%;
        margin-left: 22%;
        margin-right: 15%;
    }
    .info {
        margin-left: 0px;
        width: 100%;
        margin-top: 7%;
        float: left;
        height: 1351px;
        margin-right: auto;
        max-width: 770px;
        padding-left: 0px;
        margin-bottom: 0%;
    }
    .capa {
        font-size: 42px;
    }
    .pleca {
        background-color: rgba(245, 132, 38, 0.81);
        width: 100%;
        height: 470px;
        opacity: 1;
        max-width: 1366px;
        margin-top: 0px;
        position: relative;
        z-index: 16;
    }
    .pleca h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 50px;
        line-height: 69px;
        padding-top: 11%;
        padding-left: auto;
        opacity: 1;
        margin-top: 0%;
        padding-right: auto;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .elparrfo {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 27px;
        font-weight: 100;
        margin-left: 0px;
    }
    .videovid {
        background-color: #54534A;
        position: relative;
        z-index: -1;
        margin-top: -604px;
        float: left;
        overflow: hidden;
        height: 600px;
        width: 100%;
        opacity: 0.47;
    }
    .animacioon {
        width: 100%;
        float: left;
        background-color: #FFFFFF;
    }
    .plma {
        width: 45%;
        height: auto;
        float: left;
        margin-top: 0%;
        padding-top: 0%;
        display: none;
    }
    .plma iframe {
        margin-top: -50px;
    }
    .textoanim {
        width: 45%;
        float: right;
        margin-top: 124px;
    }
    .textoanim h1 {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 63px;
        font-weight: 100;
        margin-right: 0px;
    }
    .textoanim p {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        text-align: left;
        margin-right: 65px;
        font-weight: 100;
        font-size: 25px;
    }
    .textoanim ul {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        margin-left: 0%;
        list-style-image: url(../imagenes/bullet.png);
        font-weight: 100;
        font-size: 24px;
    }
    .ojalasi {
        width: 100%;
        height: auto;
        float: left;
    }
    .loading-panel {
        width: 40%;
        float: left;
        padding-left: 5%;
        padding-right: 5%;
        height: 535px;
    }
    .icon-wrapper {
        width: 100%;
        height: auto;
    }
    .icon-wrapper h1 {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 58px;
        font-weight: 500;
        line-height: 58px;
    }
    .first .icon-wrapper ul {
        width: 30%;
        height: auto;
        color: rgba(255, 255, 255, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 200;
        list-style-type: square;
        margin-left: 10%;
        padding-bottom: 0px;
        float: left;
        margin-right: 0%;
        margin-top: 0.2%;
        margin-bottom: 0%;
    }
    .second .icon-wrapper ul {
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
        float: left;
        height: auto;
        color: rgba(255, 255, 255, 1.00);
        font-family: helvetica neue;
        font-size: 20px;
        font-weight: 300;
        list-style-type: square;
        padding-bottom: 0%;
    }
    .parteblancagestion {
        width: 100%;
        height: auto;
        margin-top: 0%;
        padding-top: 5%;
        padding-bottom: 5%;
        float: left;
    }
    .parteblancagestion p {
        margin-left: 10%;
        margin-right: 10%;
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 45px;
        line-height: 43px;
    }
    .flecha4 {
        float: right;
        margin-top: -4.8%;
        margin-right: 180px;
        position: relative;
        z-index: 13;
    }
    .iconodepica {
        z-index: 34;
        width: 170px;
        height: 214px;
        float: left;
        margin-left: 62px;
        margin-top: 108px;
        background-image: url(../imagenes/cosassec/mouse_1.png);
        background-size: 107% auto;
    }
    .btnWeb3 .qs66 {
        border: medium solid #F58426;
        background-color: #F7A35D;
        color: #FFFFFF;
        padding-top: 10px;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 40%;
        height: auto;
        margin-bottom: 3%;
        margin-right: 30%;
        margin-left: 30%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-top: 0%;
        font-size: 108%;
    }
    .titulobranding {
        width: 51%;
        margin-top: 0px;
    }
    .primparetegal {
        width: 100%;
        margin-top: 0%;
        height: 400px;
        float: left;
        clear: left;
        background-size: cover;
        background-position: 93% 0%;
    }
    .primparetegal h1 {
        color: rgba(255, 255, 255, 1.00);
        font-weight: 300;
        font-size: 58px;
        margin-left: 65%;
        width: 35%;
        margin-top: 1%;
    }
    .segpartgal {
        float: left;
        width: 100%;
        height: auto;
    }
    .reto {
        width: 92%;
        height: auto;
        margin-right: 1.5%;
        float: left;
        margin-left: 1.5%;
        margin-top: 5%;
        margin-bottom: 5%;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    .reto h1 {
        color: rgba(245, 132, 38, 1.00);
        text-align: left;
        font-weight: 300;
        font-size: 65px;
        margin-top: 4%;
        margin-right: 0%;
        margin-left: 0%;
        margin-bottom: 0%;
        padding-top: 0%;
        padding-right: 5%;
        padding-left: 0%;
        padding-bottom: 0%;
        width: 45%;
        float: left;
    }
    .resultados {
        font-size: 80%;
    }
    .remar {}
    .reto p {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 16px;
        text-align: left;
        width: 50%;
        float: right;
    }
    .nostrosclient {
        width: 90%;
        background-color: rgba(84, 83, 74, 1.00);
        margin-top: 0%;
        padding-top: 0%;
        padding-bottom: 0%;
        padding-left: 5%;
        padding-right: 5%;
        height: auto;
    }
    .nostrosclient h1 {
        color: rgba(245, 132, 38, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 100;
        font-size: 107px;
        text-align: center;
    }
    .folio {
        font-size: 111px;
    }
    .flecha20 {
        margin-top: 0.3%;
        float: left;
        width: 0%;
        margin-left: 45px;
        display: block;
    }
    .fondnaj {
        width: 100%;
        margin-top: -21px;
        background-repeat: no-repeat;
        float: left;
        max-width: 1366px;
        margin-bottom: -3%;
        background-size: 107% auto;
        padding-top: 0%;
        padding-bottom: 18%;
    }
    .fondgris {
        width: 100%;
        background-repeat: no-repeat;
        height: auto;
        max-width: 1366px;
        background-size: 109% auto;
        background-position: 30% 0%;
        background-size: 120% auto;
        margin-top: -14%;
        padding-top: 4%;
        padding-bottom: 10%;
    }
    .parteblancacliente {
        width: 100%;
        height: auto;
        margin-bottom: 0%;
        padding-top: 0%;
        margin-top: 7%;
        margin-left: 0%;
        float: left;
    }
    .titanimte h1 {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 40px;
        margin-top: 0%;
        margin-bottom: 6%;
        font-weight: 600;
    }
    .slideDown {
        background-size: 100% auto;
        background-repeat: no-repeat;
    }
    .cliente {
        width: 12%;
        float: left;
        margin-left: 4%;
        margin-right: 3.5%;
        margin-top: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        text-align: center;
    }
    .cliente .imgbullt {
        padding-bottom: 0px;
        margin-right: 0px;
    }
    .cliente1 {
        width: 12%;
        float: left;
        margin-left: 4%;
        margin-right: 3.5%;
        margin-top: 5%;
        padding: 0%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        text-align: center;
    }
    /*overtime*/
    .hatch {
        background-color: transparent !important;
        background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTcirculoM.jpg);
        width: 100%;
    }
    #object {
        display: block;
        height: 1049px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0%;
        background-color: transparent;
        border-radius: 7px;
        visibility: hidden;
        margin-top: 5%;
        max-height: 1049px;
    }
    .titpriva h1 {
        width: 80%;
        height: auto;
        color: rgba(255, 255, 255, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 80px;
        text-align: center;
        padding-left: 10%;
        padding-right: 10%;
    }
    .bloquepriv h1 {
        color: rgba(245, 132, 38, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 300;
        padding-left: 5%;
        padding-top: 3%;
        margin-right: 0px;
        padding-right: 5%;
        text-align: left;
    }
    .bloquepriv p {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 23px;
        font-weight: 200;
        margin-left: 5%;
        margin-right: 5%;
    }
    .actualizacion {
        width: 45%;
        padding-right: 5%;
        float: right;
        margin-bottom: 5%;
        color: rgba(245, 132, 38, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 23px;
    }
    .titpriva {
        background-color: rgba(84, 83, 74, 1.00);
        width: 80%;
        margin-top: 0%;
        height: auto;
        float: left;
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 3%;
        padding-bottom: 3%;
    }
    .desaparece {
        display: block;
    }
    .lacompu .swiper-container {
        margin-top: 0%;
        margin-right: 0%;
        margin-left: 0%;
        margin-bottom: 0%;
        padding: 0%;
    }
    .lacompu .swiper-slide {
        margin-bottom: 0%;
        padding-bottom: 0%;
        padding-top: 0%;
    }
    .priv {
        width: 100%;
        margin-top: 1%;
        margin-left: 0%;
        padding-left: 0%;
        padding-right: 0%;
    }
    .sliders2 {
        width: 80%;
        max-width: 621px;
        height: 588px;
    }
    .sliders2 .tope .swiper-container {
        width: 96%;
        margin-left: 1.6%;
        height: 340px;
        margin-right: 2.5%;
        margin-top: 1.5%;
    }
    .sliders2 .tope .swiper-slide {
        width: 100%;
        height: 341px;
        background-size: 101% auto;
        margin-left: 4px;
    }
    .pff1 {
        width: 47%;
        margin-top: -34px;
        margin-left: 28%;
    }
    .pff2 {
        width: 22%;
        margin-top: 64px;
        margin-left: 21%;
    }
    .pff3 {
        width: 29%;
        margin-top: 183px;
        margin-left: 16%;
    }
    .pff4 {
        margin-top: -48px;
        text-align: right;
        float: right;
        margin-left: 52%;
        margin-right: 0%;
        padding: 0%;
        width: 42%;
    }
    .pff5 {
        width: 25%;
        margin-top: 63px;
        margin-left: 66%;
    }
    .pff6 {
        width: 35%;
        margin-top: 28%;
        margin-left: 61%;
    }
    .letrasizq {
        width: 30%;
        height: auto;
        float: left;
        margin-left: 13%;
    }
    .uno {
        text-align: left;
    }
    .dos {
        margin-top: 9%;
        text-align: left;
    }
    .tres {
        margin-top: 18%;
        text-align: left;
        margin-right: 0%;
    }
    .cuatro {}
    .cinco {
        margin-top: 9%;
    }
    .seis {
        margin-top: 18%;
    }
    .imgengris {
        width: 44%;
        float: right;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 115px;
    }
    .coordina {
        font-size: 42px;
    }
    .redsocial1 {
        font-weight: bold;
        font-size: 29px;
    }
    #animation {
        position: relative;
        width: 100%;
        height: 890px;
        margin-top: 0%;
        margin-bottom: 0%;
        max-height: none;
        max-width: none;
    }
    .slideExpandUp {
        background-image: url(../imagenes/bannersportafolio/bannermovil/banREPORTcgaM.jpg);
        width: 100%;
        background-size: 100% auto;
    }
    .plma2 {
        display: block;
        width: 40%;
        float: left;
        margin-top: 9%;
    }
    .redessociales {
        width: 40%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
    }
    .primparetegal .fondos2 {
        background-image: url(../imagenes/bannersportafolio/appcoreCLIENTESban[1].jpg) width: 100%;
        height: 400px;
        background-size: cover;
        background-position: 93% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos6 {
        background-image: url(../imagenes/bannersportafolio/lumenCLIENTESban.jpg) width: 100%;
        height: 400px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos7 {
        background-image: url(../imagenes/bannersportafolio/strongtechrCLIENTESban.jpg) width: 100%;
        height: 400px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos8 {
        background-image: url(../imagenes/bannersportafolio/ukcompanyCLIENTESban.jpg) width: 100%;
        height: 400px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .chatbot {
        display: inline;
        position: fixed;
        z-index: 999;
        bottom: 20px;
        right: 24px;
    }
}

@media only screen and (min-width:1050px) {
    .videovid iframe {
        width: 80%;
        height: 600px;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 150px;
        margin-bottom: 50px;
        position: relative;
    }
    .primparetegal .fondos {
        background-image: url(../imagenes/bannersportafolio/averyCLIENTESban1.jpg);
        width: 100%;
        height: 500px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos3 {
        background-image: url(../imagenes/bannersportafolio/bebambooCLIENTESban.jpg);
        width: 100%;
        height: 482px;
        background-size: cover;
        background-position: 20% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos4 {
        background-image: url(../imagenes/bannersportafolio/irritinsaCLIENTESban.jpg);
        width: 100%;
        height: 481px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos5 {
        background-image: url(../imagenes/bannersportafolio/directaCLIENTESban.jpg);
        width: 100%;
        height: 481px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .info1 {
        width: 60%;
        height: auto;
        margin-top: 10px;
        text-align: right;
        padding-left: 30%;
        padding-right: 10%;
        margin-left: 0px;
        margin-right: 0px;
        background-image: url(../imagenes/cosassec/info1-01.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding-bottom: 10%;
        padding-top: 7%;
    }
    .info1 h1 {
        color: #FFFFFF;
        margin-top: 7%;
        margin-right: 0%;
        margin-left: 0%;
        margin-bottom: 0%;
        height: auto;
        font-size: 46px;
        line-height: 41px;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        width: 100%;
        padding: 0%;
    }
    .capa {
        font-size: 52px;
    }
    .info1 p {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 100;
        font-size: 30px;
        margin-top: 0px;
        line-height: 30px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .info2 {
        width: 50%;
        height: auto;
        margin-top: 0%;
        margin-right: 0%;
        text-align: right;
        background-image: url(../imagenes/cosassec/info2-01.png);
        margin-left: 0%;
        background-size: 100% 100%;
        padding-top: 5%;
        padding-bottom: 10%;
        margin-bottom: 0%;
    }
    .info2 h1 {
        color: #54534A;
        width: 100%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 38px;
        font-weight: 500;
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: 74px;
    }
    .info2 p {
        width: 93%;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 22px;
        font-weight: 200;
        margin-right: 5%;
    }
    .info3 {
        width: 80%;
        height: auto;
        margin-top: 0%;
        text-align: right;
        margin-right: 0%;
        padding-left: 10%;
        padding-right: 10%;
        margin-left: 0%;
        background-image: url(../imagenes/cosassec/info3-01.png);
        background-size: 100% 100%;
        padding-top: 6%;
        padding-bottom: 16%;
        margin-bottom: 0%;
    }
    .info3 h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        width: 100%;
        margin-top: 0%;
        font-weight: 600;
        font-size: 44px;
        line-height: 39px;
        margin-left: 0%;
        margin-bottom: 0%;
    }
    .info3 p {
        margin-top: 0%;
        color: #FFFFFF;
        font-family: helvetica neue;
        font-size: 25px;
        font-weight: 200;
        margin-left: 0%;
        margin-bottom: 0px;
        width: 100%;
    }
    .info4 {
        width: 70%;
        height: auto;
        margin-top: 0%;
        text-align: right;
        margin-right: 0%;
        margin-bottom: 0%;
        padding-bottom: 16%;
        padding-left: 25%;
        padding-right: 5%;
        margin-left: 0%;
        background-image: url(../imagenes/cosassec/info4-01.png);
        background-size: 100% 100%;
        padding-top: 4%;
    }
    .info4 h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        width: 100%;
        font-weight: 500;
        font-size: 34px;
        margin-top: 0%;
        margin-right: 0%;
        margin-bottom: 0%;
        margin-left: 0%;
    }
    .info4 p {
        width: 53%;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 20px;
        font-weight: 200;
        margin-bottom: 0%;
        margin-top: 5%;
        margin-left: 43%;
        margin-right: 3%;
    }
    .info5 {
        width: 60%;
        height: auto;
        margin-top: 0%;
        margin-right: 0%;
        margin-left: 0%;
        margin-bottom: 0%;
        padding-bottom: 12%;
        text-align: right;
        background-image: url(../imagenes/cosassec/infografia-01.png);
        background-size: 100% 100%;
        padding-left: 0%;
        padding-right: 44%;
        padding-top: 6%;
    }
    .info5 h1 {
        color: #F58426;
        width: 141%;
        font-size: 45px;
        line-height: 45px;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        margin-top: -4%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 0%;
        padding-bottom: 0%;
        padding-left: 0%;
        padding-right: 0%;
        text-align: right;
    }
    .info5 p {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        width: 109%;
        font-size: 18px;
        margin-top: 20%;
        margin-left: 47%;
        margin-right: 0%;
    }
    .btnWeb2 .qs1 {
        border: medium solid #969696;
        background-color: #B3B4B1;
        color: #000;
        padding-top: 5px;
        padding-bottom: 5px;
        /* [disabled]border-radius: 5px; */
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 45%;
        height: auto;
        margin-bottom: 0%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-top: 2%;
        float: right;
        margin-right: 27.5%;
        clear: right;
    }
    .btnWeb2 .qs1:after {
        top: -119%;
        left: -3px;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        position: absolute;
        border: medium solid #939393;
        background-color: #ADAEAB;
        color: #000;
        content: 'CREA TU SITIO WEB';
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
        margin-left: 0px;
        margin-bottom: 0px;
    }
    .btnRedes {
        width: 75%;
        float: left;
        padding: 0px;
        margin-left: -7%;
    }
    .Legales {
        font-size: small;
        margin-left: -15px;
        width: 94%;
    }
    .fondonaranjis {
        background-color: #F58426;
    }
    body {}
    .tel {
        width: 35%;
        height: auto;
        display: block;
        float: right;
        clear: right;
        margin-top: 0%;
        padding-top: 10px;
        margin-right: 3%;
        padding-bottom: 10px;
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;
        font-size: 151%;
        margin-bottom: 0px;
    }
    .pff1 {
        width: 47%;
        margin-top: 0%;
        margin-left: 17%;
    }
    .pff2 {
        width: 22%;
        margin-top: 13%;
        margin-left: 13%;
    }
    .pff3 {
        width: 29%;
        margin-top: 25%;
        margin-left: 15%;
    }
    .pff4 {
        width: 28%;
        margin-top: -5%;
        margin-left: 43%;
        text-align: right;
    }
    .pff5 {
        width: 23%;
        margin-top: 10%;
        margin-left: 62%;
    }
    .pff6 {
        width: 22%;
        margin-top: 30%;
        margin-left: 55%;
    }
    .partegristexto {
        width: 40%;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
        padding-top: 0%;
        padding-bottom: 5%;
        margin-top: 0%;
    }
    .imagentitarrib {
        margin-top: 9%;
        margin-right: 2%;
        width: 68%;
        float: right;
        margin-left: 30%;
    }
    .managers {
        width: 10%;
        float: right;
        margin-top: 8%;
        margin-right: 8%;
        display: block;
    }
    .inteligencia {
        width: 80%;
        height: auto;
        float: left;
        margin-top: 15%;
        margin-bottom: 6%;
        margin-left: 9%;
    }
    .clicky {
        position: absolute;
        z-index: 88;
        margin-top: -12%;
        margin-left: 57%;
    }
    .naranjaredes h1 {
        float: left;
        color: #FFFFFF;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 61px;
        font-weight: bold;
        margin-left: 11%;
        margin-top: 100px;
        width: 83%;
        line-height: 82px;
    }
    .naranjaredes p {
        color: #FFFFFF;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding-top: 10%;
        font-size: 35px;
        width: 47%;
        margin-left: -53%;
        float: left;
        margin-top: 177px;
        text-align: right;
        font-weight: 200;
    }
    .parteimgengris {
        width: 50%;
        float: right;
    }
    .partegristexto h1 {
        color: #F58426;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 54px;
        line-height: 47px;
        float: left;
        padding-top: 0px;
    }
    .partegristexto p {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 27px;
        text-align: right;
        line-height: 26px;
        width: 85%;
    }
    .sliderinfografia .swiper-container {
        width: 100%;
    }
    .menu {
        margin-bottom: 0px;
        margin-top: 126px;
    }
    #Accordion1 h3 {
        display: block;
        float: left;
        padding-left: 2%;
        width: 13%;
        padding-right: 2%;
    }
    #banList {
        height: auto;
        clear: right;
        float: right;
        width: 44%;
        margin-right: 3%;
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .btnAdwords2 .qs2 {
        border: medium solid #F29596;
        background-color: #EEC5A3;
        color: #000;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 75%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 12%;
        margin-right: 12.5%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 12.5%;
    }
    .btnEmailS2 .qs3 {
        border: medium solid #42769F;
        background-color: #B6CEE1;
        color: #000;
        padding-top: 1%;
        padding-bottom: 1%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 70%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 5%;
        margin-left: 15%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-right: 15%;
    }
    .btnAnima2 .qs4 {
        border: medium solid #969696;
        background-color: #ADAEAB;
        color: #000;
        padding-top: 1%;
        padding-bottom: 1%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 70%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 8%;
        margin-left: 15%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-right: 15%;
        font-size: 15px;
    }
    .btnBrand1 .qs5 {
        border: medium solid #57564E;
        background-color: #fff;
        color: #000;
        padding-top: 0.5%;
        padding-bottom: 0.5%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 45%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 0%;
        margin-left: 3%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-right: 52%;
    }
    .btnContacto1 .qs6 {
        border: medium solid #fff;
        background-color: #F78E1F;
        color: #fff;
        padding-top: 0.75%;
        padding-bottom: 0.75%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 55%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 0%;
        margin-left: 5%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-right: 25%;
    }
    .Animalist {
        width: 50%;
        margin-left: 25%;
        margin-right: 25%;
        text-align: left;
    }
    #banGoogle .bantexto {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 15px;
        text-align: left;
        color: #53544A;
        margin-top: 0%;
        margin-right: 20%;
        margin-left: 18%;
        margin-bottom: 0%;
        width: 70%;
    }
    #banGoogle {
        width: 33%;
        padding-top: 20px;
        float: left;
        margin-right: 0px;
        height: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #Accordion1 h3 a {
        display: block;
        font-size: 20px;
    }
    .dergqs {
        width: 45%;
        margin-top: 8%;
        background-size: 100% auto;
        background-repeat: no-repeat;
        height: 364px;
        background-position: 65% 0%;
        float: right;
        max-width: 500px;
        margin-right: 2.5%;
        padding-right: 0%;
    }
    .lacompu {
        margin-bottom: 0%;
        padding-top: 0%;
        margin-top: 28%;
    }
    .inno {
        font-size: 798%;
    }
    .trans {
        font-size: 564%;
    }
    .rein {
        font-size: 553%;
    }
    .letrasun {
        width: 64%;
        float: left;
        padding-left: 0%;
        padding-top: 5%;
        padding-bottom: 0%;
        margin-top: 5%;
    }
    .imgenicn {
        width: 27%;
        float: right;
        margin-top: 5%;
        margin-right: 0%;
        padding-top: 2%;
        padding-left: 0%;
        background-repeat: no-repeat;
        height: auto;
    }
    .partenaranja2 {
        width: 100%;
        height: auto;
        float: left;
        background-color: #F58426;
        padding-top: 27%;
        padding-bottom: 42%;
        margin-top: -35%;
        max-width: 1366px;
        position: fixed;
        z-index: -4;
    }
    .flechin {
        width: 55px;
        background-image: url(../imagenes/cosassec/botonwhats.png);
        background-repeat: no-repeat;
        background-color: transparent;
        border: none;
        outline: 0px;
        height: 55px;
        margin-top: 0%;
        float: right;
        margin-left: 0%;
        margin-right: 10%;
    }
    .titanimte h1 {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 52px;
        margin-top: -6%;
        margin-bottom: 0%;
        font-weight: 600;
    }
    .fondgris {
        width: 100%;
        background-repeat: no-repeat;
        height: auto;
        max-width: 1366px;
        background-size: 109% auto;
        background-position: 37% 0%;
        background-size: 105% auto;
        margin-top: -14%;
        padding-top: 4%;
        padding-bottom: 15%;
    }
    .primerapartemarket p {
        color: #FFFFFF;
        width: 44%;
        padding-left: 10%;
        padding-right: 0%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 62px;
        font-weight: bold;
        line-height: 55px;
        margin-top: 14%;
        float: left;
    }
    .mailmk {
        font-size: 39px;
    }
    .parteblanca {
        width: 90%;
        height: auto;
        background-color: #FFFFFF;
        float: left;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 7%;
        padding-bottom: 7%;
    }
    .parteblanca p {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 40px;
        text-align: left;
        margin-left: 2%;
        margin-right: 15%;
        line-height: 42px;
        width: 99%;
    }
    .estrates {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 56px;
    }
    .grismarket p {
        width: 63%;
        float: right;
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 44px;
        margin-right: 0%;
        margin-top: 4%;
        line-height: 55px;
    }
    .parteblan2merc p {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        width: 52%;
        margin-left: 10%;
        font-size: 27px;
        margin-top: -15px;
        margin-bottom: 73px;
        text-align: left;
        float: left;
    }
    .btnmail .qs16 {
        border: medium solid #54534A;
        background-color: #FFFFFF;
        color: #54534A;
        padding-top: 0.4%;
        padding-bottom: 0.4%;
        /* [disabled]border-radius: 5px; */
        position: relative;
        box-sizing: border-box;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: bold;
        width: 24%;
        height: auto;
        margin-top: 3%;
        margin-right: auto;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
        margin-left: 65%;
        margin-bottom: 9%;
    }
    .entimepo {
        font-size: 75px;
        line-height: 73px;
        margin-top: 0px;
    }
    .vende {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 68px;
    }
    .parteblan2merc h1 {
        color: #F58426;
        width: 91%;
        margin-left: 10%;
        margin-top: 5%;
        font-size: 61px;
        float: left;
        text-align: left;
    }
    .hojabuscador {
        float: left;
        width: 100%;
        height: 1115px;
        background-image: url(../imagenes/cosassec/fondobuscador_1.png);
        background-size: 103% auto;
        background-repeat: no-repeat;
        background-color: #FFFFFF;
        background-position: 9% 0%;
        margin-top: 0%;
    }
    .busq {
        padding-top: 0%;
        padding-left: 13%;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 19px;
        width: 87%;
        margin-top: 13%;
        font-weight: 100;
    }
    .grisoculto h1 {
        font-size: 62px;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        font-weight: 500;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        padding-left: 0%;
        padding-right: 0%;
    }
    .mark {
        font-size: 74px;
        letter-spacing: 12px;
        font-weight: lighter;
        color: #F58426;
    }
    .partedisplay {
        width: 100%;
        height: auto;
        position: fixed;
        z-index: -24;
        background-color: rgba(255, 255, 255, 1.00);
        padding-top: 0%;
        margin-top: -9%;
        margin-bottom: 0%;
        max-width: 1366px;
        margin-left: auto;
        margin-right: auto;
    }
    .display p {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 25px;
        font-weight: 500;
        line-height: 29px;
        margin-top: 0px;
        text-align: left;
        color: #FFFFFF;
        margin-left: 0%;
        width: 63%;
        padding-left: 0%;
    }
    .display {
        background-image: url(../imagenes/cosassec/fondomas_2.png);
        width: 90%;
        height: 180px;
        background-repeat: no-repeat;
        background-size: 104% auto;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0%;
        padding-left: 0%;
        margin-bottom: 0%;
        -webkit-box-shadow: 6px 7px 24px #54534A;
        box-shadow: 6px 7px 24px #54534A;
        padding-bottom: 0%;
        background-position: 3% 12%;
        margin-top: 0px;
        max-width: 1018px;
    }
    .partedisplay p {
        width: 90%;
        height: auto;
        margin-left: auto;
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 25px;
        margin-bottom: 9%;
        margin-top: 0px;
        margin-right: auto;
        max-width: 713px;
        padding-left: 0%;
    }
    .tabs {
        width: 25%;
        position: relative;
        z-index: 76;
        margin-top: -21%;
        float: right;
        margin-right: 9%;
        -webkit-box-shadow: 0px 0px #616161;
        box-shadow: 0px 0px #616161;
    }
    .elcelu {
        width: 24%;
        background-image: url(../imagenes/cosassec/celus.png);
        background-repeat: no-repeat;
        padding-top: 22px;
        padding-left: 13px;
        position: relative;
        margin-top: -214px;
        margin-left: 17%;
        margin-bottom: 5%;
        -webkit-box-shadow: 0px 0px #A3A3A3;
        box-shadow: 0px 0px #A3A3A3;
        background-size: 85% auto;
        overflow-x: hidden;
        overflow-y: hidden;
        display: block;
        z-index: 61;
        max-width: 141px;
        max-height: 234px;
    }
    .parte1 h1 {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 60px;
        font-weight: normal;
        width: 90%;
        height: auto;
        margin-top: 5%;
        line-height: 60px;
        margin-left: 5%;
        margin-right: 5%;
    }
    .pafbrn {
        width: 170%;
        margin-left: -15%;
        position: relative;
        z-index: 18;
        margin-top: -15%;
        background-color: #F58426;
        color: #FFFFFF;
        padding-top: 3%;
        padding-right: 1%;
        padding-bottom: 3%;
        padding-left: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 37px;
        font-weight: 200;
        -webkit-transition: opacity 0.3s;
        opacity: 0;
        -webkit-box-shadow: 5px 4px 10px #54534A;
        box-shadow: 5px 4px 10px #54534A;
        line-height: 40px;
    }
    .titbr h1 {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 70px;
        text-align: center;
        width: 0%;
        font-weight: 600;
    }
    .titbr1 h1 {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 56px;
        text-align: center;
        width: 0%;
        font-weight: 600;
    }
    .managers1 {
        display: none;
        padding-left: 5%;
        padding-right: 5%;
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
    .imgengris {
        width: 36%;
        float: right;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 10%;
    }
    .naranjaredes {
        width: 100%;
        height: auto;
        background-color: #F58426;
        float: right;
        margin-top: 20%;
        padding-top: 5%;
        padding-bottom: 5%;
        color: #FFFFFF;
    }
    .loquedura {
        width: 100%;
        height: 400px;
        float: left;
        background-color: #FFFFFF;
        margin-top: 0%;
        max-width: 1366px;
        background-image: url(../imagenes/cosassec/mundo-8.png);
        background-repeat: no-repeat;
        background-size: 28% auto;
        background-position: 46% 0%;
        margin-bottom: 5%;
        padding-bottom: 0%;
        padding-top: 0%;
    }
    .elparrfo {
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 42px;
        font-weight: 100;
        text-align: center;
        margin-left: 0px;
        line-height: 42px;
    }
    .redsocial {
        font-weight: bold;
        font-size: 32px;
    }
    .bounce {
        background-image: url(../imagenes/bannersportafolio/banREPORTfishers.jpg);
    }
    .slideExpandUp {
        background-image: url(../imagenes/bannersportafolio/banREPORTcga.jpg);
        width: 100%;
        background-size: 100% auto;
    }
    .stretchLeft {
        background-image: url(../imagenes/bannersportafolio/banREPORTschoolofrock.png);
    }
    .slideRight {
        background-image: url(../imagenes/bannersportafolio/banREPORTcga.jpg);
    }
    .pullDown {
        background-image: url(../imagenes/bannersportafolio/banREPORTprolaif.jpg);
    }
    .expandUp {
        background-image: url(../imagenes/bannersportafolio/banREPORTdaecsa.jpg);
    }
    .float {
        background-image: url(../imagenes/bannersportafolio/banREPORTviverosparra.png);
    }
    .pullUp {
        background-image: url(../imagenes/bannersportafolio/banREPORTschoolofrock.jpg);
    }
    .expandOpen {
        background-image: url(../imagenes/bannersportafolio/banREPORTexpoimpresion.jpg);
    }
    .slideUp {
        background-image: url(../imagenes/bannersportafolio/banREPORTviverosparra.jpg);
    }
    .slideLeft {
        background-image: url(../imagenes/bannersportafolio/banREPORTliverpool.jpg);
    }
    .fadeIn {
        background-image: url(../imagenes/bannersportafolio/banREPORTsayerlack.jpg);
    }
    #animation {
        position: relative;
        width: 100%;
        float: left;
        margin-top: 0%;
        margin-bottom: 0%;
        max-height: 521px;
        padding-top: 0%;
        padding-bottom: 0%;
    }
    .slideDown {
        width: 100%;
        background-image: url(../imagenes/bannersportafolio/banREPORTb2b.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat;
        height: auto;
    }
    #object {
        display: block;
        height: 169px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0%;
        background-color: transparent;
        border-radius: 7px;
        visibility: hidden;
        margin-top: 9%;
        max-height: none;
        min-height: none;
        padding-top: 0%;
        padding-bottom: 0%;
    }
    /*overtime*/
    .hatch {
        background-color: transparent !important;
        background-image: url(../imagenes/bannersportafolio/banREPORTcirculo.jpg);
        width: 100%;
    }
    .bigEntrance {
        background-image: url(../imagenes/bannersportafolio/banREPORTfabercastell.jpg);
    }
    .reto {
        width: 25%;
        height: auto;
        margin-right: 1.5%;
        float: left;
        margin-left: 1.5%;
        margin-top: 5%;
        margin-bottom: 5%;
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    .reto h1 {
        color: rgba(245, 132, 38, 1.00);
        text-align: left;
        font-weight: 300;
        font-size: 304%;
        width: 100%;
    }
    .reto p {
        color: rgba(84, 83, 74, 1.00);
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: 200;
        font-size: 16px;
        text-align: left;
        width: 101%;
    }
    .remar {
        border-top-style: none;
        border-bottom-style: none;
        border-right: thin solid #54534A;
        border-left: thin solid #54534A;
        margin-top: 0%;
    }
    .parteformulario {
        background-image: url(../imagenes/cosassec/fondowhats.png);
        width: 30%;
        height: auto;
        background-repeat: no-repeat;
        background-position: -2% 0%;
        margin-top: 0%;
        padding-bottom: 2%;
        float: right;
        clear: right;
        margin-right: 3%;
        margin-left: 0%;
        padding-left: 0%;
        padding-right: 0%;
        padding-top: 0%;
        margin-bottom: 0%;
    }
    .fcbplug {
        width: 47%;
        margin-top: 0%;
        margin-left: 0%;
        margin-right: 0%;
        visibility: visible;
        padding-top: 0%;
        padding-right: 0%;
        padding-left: 3%;
        padding-bottom: 0%;
        float: left;
    }
    .twitt {
        margin-top: 0%;
        margin-right: 3%;
        margin-left: 0%;
        margin-bottom: 0%;
        width: 47%;
        visibility: visible;
        clear: right;
        float: right;
    }
    .flecha8 {
        margin-top: -6px;
        margin-left: 180px;
        float: right;
    }
    .loading-panel {
        width: 40%;
        float: left;
        padding-left: 5%;
        padding-right: 5%;
        height: 579px;
    }
    .partblanc2 {
        background-color: #FFFFFF;
        width: 100%;
        float: left;
        margin-bottom: 90%;
    }
    .compatib {
        color: #54534A;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 20px;
        margin-top: -4%;
        width: 50%;
        float: left;
        text-align: left;
        margin-left: 8%;
        line-height: 20px;
    }
    .segpartgal {
        float: left;
        width: 100%;
        height: auto;
        margin-top: 5%;
    }
    .caraemoc {
        width: 20%;
        margin-top: 10%;
        position: relative;
        opacity: 1;
        z-index: 21;
        height: auto;
        float: left;
        margin-left: 5%;
        margin-right: 0%;
        margin-bottom: 0%;
    }
    .plma {
        width: 45%;
        height: auto;
        float: left;
        margin-top: 0%;
        padding-top: 0%;
        display: block;
    }
    .plma2 {
        display: none;
        width: 40%;
        float: left;
        margin-top: 9%;
    }
    .imgBrandTex h5 {
        color: #54534A;
        font-family: monoton;
        font-size: 88px;
        width: 82%;
        margin-bottom: 6%;
    }
    #Telefono,
    #correo,
    #telefono {
        background-image: url(../imagenes/cosassec/globoazulpeque.png);
        width: 55%;
        height: 37px;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        margin-left: 35%;
        margin-top: 3%;
        padding-left: 5%;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-weight: normal;
        margin-bottom: 3%;
        color: rgba(55, 54, 47, 1.00);
        margin-right: 10%;
    }
    .redessociales {
        width: 65%;
        margin-left: 0%;
        margin-right: 0%;
        float: left;
    }
    .fluid.banPrincipal h1 {
        color: #FFFFFF;
        font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
        font-size: 33px;
        text-align: center;
        width: 60%;
        height: auto;
        display: block;
        margin-left: 0%;
        margin-top: 2%;
        margin-bottom: 0%;
        margin-right: 0%;
        float: left;
        padding-top: 7%;
    }
    .primparetegal {
        width: 100%;
        margin-top: 0%;
        height: 500px;
        float: left;
        clear: left;
        background-size: cover;
        background-position: 93% 0%;
    }
    .primparetegal .fondos2 {
        background-image: url(../imagenes/bannersportafolio/appcoreCLIENTESban%5B1%5D.jpg);
        width: 100%;
        height: 482px;
        background-size: cover;
        background-position: 44% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos6 {
        background-image: url(../imagenes/bannersportafolio/lumenCLIENTESban.jpg);
        width: 100%;
        height: 482px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos7 {
        background-image: url(../imagenes/bannersportafolio/strongtechrCLIENTESban.jpg);
        width: 100%;
        height: 482px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .primparetegal .fondos8 {
        background-image: url(../imagenes/bannersportafolio/ukcompanyCLIENTESban.jpg);
        width: 100%;
        height: 482px;
        background-size: cover;
        background-position: 0% 0%;
        background-repeat: no-repeat;
    }
    .chatbot2 {
        display: block;
    }
    .fb-customerchat {
        display: none;
    }
    .fb_reset {
        display: block;
    }
}