/*
font-family: 'Open Sans', sans-serif;
font-family: Open Sans, "Arial", "sans-serif";
font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif;
*/

/*PUBLILAND GLOBAL FRAMEWORK V2.4*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, 
CODE, DEL, DFN, EM, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, 
FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD, ARTICLE, ASIDE, CANVAS, DETAILS, EMBED, FIGURE, 
FIGCAPTION, FOOTER, HEADER, HGROUP, MENU, NAV, OUTPUT, RUBY, SECTION, SUMMARY, TIME, MARK, AUDIO, VIDEO, MAIN, BUTTON {margin: 0; padding: 0; border: 0 none; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
HTML {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
BODY {font: 62.5% "Open Sans", Arial, Helvetica, sans-serif; color: #333; background: #fff; height:100%; min-height:100%; line-height: 1; font-weight: 300; overflow-x: hidden;}
HTML, BODY { height: 100%;}
H1, H2, H3, H4, H5, H6 {font-weight: 300; font-size: 100%; display: block}
ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MENU, NAV, SECTION, MAIN {display: block; }
TABLE {border-collapse: collapse; border-spacing: 0;}
TH {text-align: left;}
TD, TH {empty-cells: show}
INPUT, SELECT, TEXTAREA, BUTTON { font: 1em "Open Sans", Arial, Helvetica, sans-serif; color: #333; background: #FFF; border: 1px solid #CCC; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
INPUT:focus, TEXTAREA:focus, BUTTON:focus { outline: none;}
INPUT, SELECT, BUTTON { vertical-align: middle}
INPUT[type="radio"], INPUT[type="checkbox"] {border: none; height: auto !important; width: auto !important; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
INPUT[type="submit"], INPUT[type="reset"], INPUT[type="button"], BUTTON {cursor: pointer; -webkit-appearance:none;}
TEXTAREA {overflow:auto; -webkit-appearance:none; resize: none}
INPUT::-moz-focus-inner, BUTTON::-moz-focus-inner {border: 0; padding: 0;}
::-webkit-input-placeholder {color: #747474;}
:-moz-placeholder {color: #747474; opacity: 1}
::-moz-placeholder {color: #747474; opacity: 1}
:-ms-input-placeholder { color: #747474;}
UL, OL, LI {list-style: none;}
IMG { vertical-align: top; max-width: 100%; height: auto}
A {text-decoration: none; cursor:pointer; background: transparent;}
A:active, A:hover { outline: 0}
STRONG { font-weight: 700}
EM { font-style: italic}
.Clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
/*FIN FRAMEWORK*/

/*HEADER*/
header {width: 100%; position: fixed; left: 0; top: 0; z-index: 100; background: #79003c; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);}
header .inner {height: 117px; width: 100%; padding: 0 30px; max-width: 1240px; margin: 0 auto; display: flex; justify-content: space-between;}
header h1 {margin-top: 43px;}
header .logo {display: block; text-indent: -5000px; overflow: hidden; background: url("../images/layout/logo-elgh1.png") no-repeat; background-size: contain; width: 200px; height: 42px;}
header nav {margin-top: 43px;}
header nav > ul {display: flex;}
header nav > ul > li {margin-left: 32px;}
header nav > ul > li:first-child {margin-left: 0;}
header nav > ul > li > a {display: block; height: 74px; padding-top: 14px; font-weight: 600; font-size: 14px; color: #fff; text-transform: uppercase;}
header nav > ul > li > a:hover {color: #ccc;}
header nav .submenu {position: absolute; left: 0; top: 117px; background: #f0f0f0; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); width: 100%; overflow: hidden; height: 0; opacity: 0; transition: all .3s ease;}
header nav .inner-submenu {padding: 32px 15px; max-width: 1210px; width: 100%; margin: 0 auto; display: flex; justify-content: flex-end;}
header nav .submenu ul {width: 100%; max-width: 848px; transform: translateY(-50px); transition: all .3s ease;}
header nav .submenu li {margin-bottom: 25px;}
header nav .submenu li a {display: inline-block; position: relative; font-weight: 600; text-transform: uppercase; color: #79003c; padding-left: 20px; font-size: 14px;}
header nav .submenu li a:hover {color: #b60e7e;}
header nav .submenu li a:before {content: ""; display: block; width: 7px; height: 12px; background: url("../images/layout/arrow-submenu.svg") no-repeat; background-size: contain; position: absolute; left: 0; top: 2px;}
header nav .submenu li:last-child {margin-bottom: 0;}
/**/
header nav .hassubmenu:hover .submenu {height: 156px; opacity: 1;}
header nav .hassubmenu:hover .submenu ul {transform: translateY(0);}
/**/
.show-menu {display: none;}
.header-placeholder {height: 117px;}

/*FOOTER*/
.pre-footer {background: #f5f5f5;}
.pre-footer .inner {width: 100%; max-width: 1170px; margin: 0 auto; padding: 45px 30px; display: flex; justify-content: space-between; align-items: center;}
.pre-footer .logo {display: block; overflow: hidden; text-indent: -5000px; background: url("../images/home/logo-footer.png") no-repeat; width: 100px;height:100px; background-size: contain;}
.pre-footer .logos{
    border-left: 1px solid #ccc;
	margin: 40px;
    padding: 0 40px }
	.pre-footer .logos span {font-family: "Roboto";
    font-size: 14px;
    color: #ccc;}
/**/
.foot {background: #b2b2b2;}
.foot .inner {width: 100%; max-width: 1170px; padding: 0 30px; margin: 0 auto; height: 62px; display: flex; justify-content: space-between; align-items: center;}
.foot .inner ul {display: flex;}
.foot .inner li {font-family: "Roboto"; font-size: 14px; color: #fff; border-left: 1px solid #fff; padding: 0 17px;}
.foot .inner li:first-child {padding-left: 0; border-left: none;}
.foot .inner li a {color: #fff;}
.foot .inner li a:hover {color: #ff6600;}
.foot .inner p a {display: inline-block; margin-left: 15px;}
.foot .inner p a.twt:hover {background: url("../images/layout/twitter-over.png") no-repeat; background-size: contain;}
.foot .inner p a.twt:hover img {opacity: 0}
.foot .inner p a.ins:hover {background: url("../images/layout/instagram-over.png") no-repeat; background-size: contain;}
.foot .inner p a.ins:hover img {opacity: 0}

/*HOME SLIDER*/
.home-slider {height: 565px; overflow: hidden;}
.home-slider .slide-bg {height: 565px; background-repeat: no-repeat; background-position: center center; background-size: 1380px 724px; animation:bg-pan-top 1s both}
.home-slider .slide-bg-2 {background-position: center -15px;}
.home-slider .slide-bg-3 {background-position: center -15px;}
.home-slider .slide-bg-4 {background-position: center -15px;}
.home-slider .inner {width: 100%; max-width: 1280px; margin: 0 auto;}
.home-slider .data {padding-top: 170px; padding-left: 95px; position: relative;}
.home-slider .data:before {content: ""; display: block; background: url("../images/home/slide-bg-dots.png") no-repeat -2px 0; background-size: contain; width: 68px; height: 80px; position: absolute; left: 0; top: 220px;}
.home-slider h3 {font-family: "Raleway"; font-weight: 300; font-size: 40px; color: #79003c;}
.home-slider h2 {font-family: "Raleway"; font-weight: 300; font-size: 52px; color: #ff6600; margin-bottom: 18px;}
.home-slider h2 strong {font-weight: 600;}
.home-slider p {font-weight: 300; font-size: 22px; color: #79003c; line-height: 1.3;}
.home-slider p span {color: #b60e7e;}
.home-slider .slick-arrow {position: absolute; top: 50%; border: none; overflow: hidden; text-indent: -5000px; width: 35px; height: 58px; cursor: pointer; margin-top: -29px; z-index: 10;}
.home-slider .slick-arrow:hover {background-color: #b60e7e;}
.home-slider .slick-prev {left: 0; background: #79003c url("../images/home/slide-arrow.png") no-repeat center center; background-size: 10px 18px;}
.home-slider .slick-next {right: 0; background: #79003c url("../images/home/slide-arrow.png") no-repeat center center; background-size: 10px 18px;}
/**/
.home-slider .animatethis .data h3 {animation:slide-left .5s 1s ease-in-out both}
.home-slider .animatethis .data h2 {animation:slide-right .5s 1s ease-in-out both}
.home-slider .animatethis .data p {animation:slide-bottom .5s 1.5s ease-in-out both}
@keyframes slide-left{ 0% { transform:translateX(-30%);opacity: 0; } 100% { transform:translateX(0); opacity: 1;}}
@keyframes slide-right{ 0% { transform:translateX(30%);opacity: 0; } 100% { transform:translateX(0); opacity: 1;}}
@keyframes slide-bottom{ 0% { transform:translateY(30%);opacity: 0; } 100% { transform:translateY(0); opacity: 1;}}
@keyframes bg-pan-top{0%{background-position:50% 100%}100%{background-position:50% 0}}
/*OBJECTIVOS CONCRETOS*/
.objetivos-concretos {background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%); padding-top: 100px; padding-bottom: 122px;}
.objetivos-concretos .inner {width: 100%; max-width: 1280px; margin: 0 auto;}
.objetivos-concretos h3 {font-family: "Raleway"; font-size: 35px; color: #79003c; font-weight: 300; text-align: center;}
.objetivos-concretos h2 {font-family: "Raleway"; font-size: 35px; font-weight: 700; color: #ff6600; text-align: center; margin-bottom: 48px;}
.objetivos-concretos ul {display: flex; justify-content: center; margin-bottom: 47px;}
.objetivos-concretos figure {height: 241px; margin: 0 auto 42px auto; text-align: center; position: relative; display: flex; justify-content: center; align-items: center;}
.objetivos-concretos figcaption {position: absolute; bottom: -28px; left: 50%; width: 56px; height: 56px; margin-left: -28px; border-radius: 100%; background: #f5f5f5; border: 1px solid #ff6600; font-size: 30px; color: #79003c; font-weight: 800; padding-top: 12px;}
.objetivos-concretos li {width: 340px; margin: 0 23px;}
.objetivos-concretos p {font-size: 16px; line-height: 1.4; text-align: justify;}
.objetivos-concretos .btn {display: block; height: 54px; width: 283px; text-align: center; background: #b60e7e; color: #fff; font-size: 14px; font-weight: 600; margin: 0 auto; padding-top: 19px; text-transform: uppercase;}
.objetivos-concretos .btn:hover {background: #79003c;}
/*CLIENTES*/
.clientes {width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 135px;}
.clientes h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; text-align: center; margin-bottom: 70px;}
.clientes h2 strong {color: #ff6600;}
.clientes ul {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; max-width: 1100px; margin: 0 auto;}
.clientes li {width: 30%; text-align: center; margin-bottom: 40px;margin-right:15px}
.clientes li img {display: block;width:280px;height:280px;
    padding: 6px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 4px;}
.clientes li img:hover {filter: grayscale(0); opacity: 1}
span.nombre-popular {
    background-color: #ff6600;
    text-align: center;
    color: white;
    font-size: 14px;
    display: block;
    padding: 10px;
	border-radius:0 0 10px 10px;
    margin: 0;
font-weight: 500;}

/*CLIENTES2*/
.clientes2 {width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 135px;}
.clientes2 h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; text-align: center; margin-bottom: 70px;}
.clientes2 h2 strong {color: #ff6600;}
.clientes2 ul {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; max-width: 1100px; margin: 0 auto;}
.clientes2 li {width: 16%;
    text-align: center;
    margin-bottom: 40px;}
.clientes2 li img {filter: grayscale(1);
    opacity: .7;}
.clientes li img:hover {filter: grayscale(0); opacity: 1}
/*CLIENTES3*/
.clientes3 {width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 135px;}
.clientes3 h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; text-align: center; margin-bottom: 70px;}
.clientes3 h2 strong {color: #ff6600;}
.clientes3 ul {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; max-width: 1100px; margin: 0 auto;}

span.nombre-popular {
    background-color: #ff6600;
    text-align: center;
    color: white;
    font-size: 14px;
    display: block;
    padding: 10px;
	border-radius:0 0 10px 10px;
    margin: 0;
font-weight: 500;}
.clientes3 .ul-deportes li {width: 18%; text-align: center; margin-bottom: 40px;margin-right:12px;padding: 6px;background-color: #ff6600;
    text-align: center;
    border-radius: 12px;}
	.clientes3 .ul-deportes li.keno {background: url("../images/home/deportes/keno.png") no-repeat center center;}		
	.clientes3 .ul-deportes li.futbol {background: url("../images/home/deportes/futbol.png") no-repeat center center;}
	.clientes3 .ul-deportes li.horse {background: url("../images/home/deportes/horse.png") no-repeat center center;}
	.clientes3 .ul-deportes li.dog {background: url("../images/home/deportes/dog.png") no-repeat center center;}
	.clientes3 .ul-deportes li.moto {background: url("../images/home/deportes/moto.png") no-repeat center center;}
span.nombre-deportes {
	display: flex;
    align-items: center;
    justify-content: center;width:180px;height:180px;
    text-align: center;
    color: white;
    font-size: 20px;
    margin: 0 auto;
font-weight: 700;}
/*PROVEERA*/
.proveera {margin-bottom: 75px;}
.proveera .inner {width: 100%; max-width: 1280px; margin: 0 auto;}
.proveera .cols {width: 100%; max-width: 1150px; margin: 0 auto; display: flex; justify-content: space-between;}
.proveera .data {width: 30%;}
.proveera .data p {font-size: 19px; color: #79003c; font-family: "Roboto"; line-height: 1.5; margin-bottom: 30px; text-align: justify;}
.proveera .data p span {color: #b60e7e;}
.proveera figure {width: 64%;}
/*GANADORES*/
.ganadores {background: #f4f4f4; padding-top: 82px; padding-bottom: 90px;}
.ganadores .inner {width: 100%; max-width: 1280px; margin: 0 auto;}
.ganadores h2 {font-family: "Raleway"; font-size: 35px; font-weight: 300; color: #79003c; text-align: center; margin-bottom: 46px;}
.ganadores h2 strong {font-weight: 500; color: #ff6600;}
.ganadores .partnership {width: 83%; text-align: center; margin: 0 auto;}
.ganadores .partnership h3 {font-family: "Raleway"; font-weight: 300; font-style: italic; font-size: 24px; color: #79003c; line-height: 1.3; margin-bottom: 20px;}
.ganadores .partnership p {font-weight: 600; font-size: 14px; color: #79003c; line-height: 1.4; margin-bottom: 10px;}
.ganadores .partnership h4 {font-size: 16px; font-weight: 600; color: #ff6600; text-transform: uppercase; line-height: 1.2; margin-bottom: 22px;}
.ganadores .partnership h4 span {font-size: 13px; color: #79003c; text-transform: none;}
.ganadores .partnership figure {margin-bottom: 32px; text-align: center;}
.ganadores .partnership figure img {margin: 0 auto; filter: grayscale(1); opacity: .7}
.ganadores .partnership figure img:hover {filter: grayscale(0); opacity: 1}
.ganadores .partnership .btn {display: block; margin: 0 auto; width: 242px; height: 57px; text-transform: uppercase; color: #fff; background: #b60e7e; text-align: center; font-weight: 600; font-size: 14px; padding-top: 22px;}
.ganadores .partnership .btn:hover {background: #79003c;}
/**/
.partnership-slider {padding-left: 30px; padding-right: 30px;}
.partnership-slider .slick-track {display: flex; /*align-items: flex-end;*/}
.partnership-slider .slick-arrow {position: absolute; top: 50%; border: none; overflow: hidden; text-indent: -5000px; width: 35px; height: 58px; cursor: pointer; margin-top: -29px; z-index: 10;}
.partnership-slider .slick-prev {left: 0; background: #79003c url("../images/home/slide-arrow.png") no-repeat center center; background-size: 10px 18px; transform: rotate(180deg)}
.partnership-slider .slick-next {right: 0; background: #79003c url("../images/home/slide-arrow.png") no-repeat center center; background-size: 10px 18px;}
/*BAJAR REPORTE*/
.reporte {padding-top: 78px; padding-bottom: 89px; background: url("../images/home/bg-download.jpg") no-repeat center center; background-size: cover;}
.reporte h2 {text-align: center; color: #fff; margin-bottom: 16px; font-family: "Raleway"; font-size: 35px; font-weight: 300;}
.reporte h2 strong {color: #ff6600;}
.reporte h3 {text-align: center; color: #fff; margin-bottom: 30px; font-family: "Raleway"; font-size: 23px; font-weight: 300;}
.reporte .card {background: #fff; width: 742px; border-radius: 10px; padding: 15px 16px; display: flex; margin: 0 auto; align-items: center;}
.reporte .icon {flex-shrink: 0;}
.reporte .icon img {position: relative; margin-top: -31px; margin-bottom: -41px;}
.reporte .card-block {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.reporte .data p {font-family: "Raleway"; font-weight: 400; color: #79003c; font-size: 18px; line-height: 1.3;}
.reporte .data h4 {font-family: "Raleway"; font-size: 18px; color: #ff6600; font-weight: 600; text-transform: uppercase; line-height: 1.3;}
.reporte .descargar {display: flex; align-items: center; padding: 16px 0; background: #fff; border: 1px solid rgb(24, 182, 235); border-radius: 10px; width: 218px; justify-content: center;}
.reporte .descargar figure {width: 63px;}
.reporte .descargar:hover figure svg .cls-2{fill:#ffffff;}
.reporte .descargar p {padding-left: 12px; font-weight: 600; font-size: 14px; color: #79003c;}
.reporte .descargar p span {color: #ff6600;}
.reporte .descargar:hover {background: #79003c;}
.reporte .descargar:hover p,
.reporte .descargar:hover p span {color: #fff;}
/*PRODUCTS*/
.products {padding-top: 82px; padding-bottom: 65px; background: #d0cece;}
.products .inner {width: 100%; max-width: 1280px; margin: 0 auto;}
.products h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; margin-bottom: 15px; text-align: center;}
.products h2 strong {color: #ff6600;}
.products .card {border-radius: 10px; background: #fff; width: 94%; margin: 0 auto; padding: 0 40px 40px 40px;}
.products .card figure {margin-bottom: 17px; text-align: center; position: relative; top: -34px;}
.products .card figcaption {position: absolute; bottom: -28px; left: 50%; width: 56px; height: 56px; margin-left: -28px; border-radius: 100%; background: #f5f5f5; border: 1px solid #ff6600; font-size: 30px; color: #79003c; font-weight: 800; padding-top: 12px;}
.products .card figure img {margin: 0 auto;}
.products .card h3 {font-family: "Raleway"; font-size: 30px; font-weight: 300; color: #79003c; margin-bottom: 26px; text-align: center;}
.products .card h3 strong {color: #ff6600;}
.products .card p {font-size: 16px; color: #79003c; line-height: 1.4; margin-bottom: 26px; text-align: justify;}
.products .card p span {color: #b60e7e;}
.products .card p:last-child {margin-bottom: 36px;}
.products .card .btn {display: block; margin: 0 auto; text-align: center; color: #fff; background: #b60e7e; font-weight: 600; text-transform: uppercase; width: 226px; height: 53px; padding-top: 21px; font-size: 14px; margin-top: 10px;}
.products .card .btn:hover {background: #79003c;}
/**/
.slider-products {padding-left: 65px; padding-right: 65px;}
.slider-products .item {padding-top: 34px;}
.slider-products .slick-arrow {position: absolute; top: 50%; border: none; overflow: hidden; text-indent: -5000px; width: 35px; height: 58px; cursor: pointer; margin-top: -29px; z-index: 10;}
.slider-products .slick-arrow:hover {background-color: #b60e7e;}
.slider-products .slick-prev {left: 0; background: #79003c url("../images/home/slide-arrow.png") no-repeat center center; background-size: 10px 18px;}
.slider-products .slick-next {right: 0; background: #79003c url("../images/home/slide-arrow.png") no-repeat center center; background-size: 10px 18px;}
/*CHAT*/
.chat {padding-top: 72px; padding-bottom: 60px; background: url("../images/home/bg-chat.jpg") no-repeat center center; background-size: cover;}
.chat .inner {width: 100%; max-width: 1280px; margin: 0 auto; display: flex; justify-content: flex-end; align-items: center;}
.chat h2 {font-family: "Raleway"; font-weight: 300; font-size: 33px; color: #fff; line-height: 1.2;}
.chat h3 {font-family: "Raleway"; font-weight: 300; font-size: 28px; color: #ff6600; line-height: 1.2;}
.chat .box {background: #fff; border-radius: 10px; padding: 0 26px 0 44px; display: flex; align-items: center; min-height: 53px; margin-left: 77px; margin-right: 13%; border: 1px solid #ff6600;}
.chat .box:hover {background: #79003c;}
.chat h4 {font-weight: 600; font-size: 14px; color: #79003c; text-transform: uppercase;}
.chat .box:hover h4 {color: #fff;}
.chat figure {margin-left: 25px; width: 77px;}
.chat figure svg {margin-top: -7px; margin-bottom: -12px;}
.chat .box:hover figure svg .cls-2{fill:#ffffff;}

/*HEADER SECCION*/
.section-header {height: 284px; background: url("../images/layout/seccion-bg.png") no-repeat center bottom; background-size: cover; padding-top: 184px;}
.section-header .inner {width: 100%; max-width: 1280px; margin: 0 auto;}
.section-header h1 {font-family: "Raleway"; font-weight: 300; font-size: 45px; color: #fff; position: relative; padding-left: 98px;}
.section-header h1 strong {font-weight: 600; color: #74d0ef;}
.section-header h1:before {content: ""; display: block; width: 64px; height: 30px; position: absolute; left: 0; top: 7px; background: url("../images/layout/white-dots.svg") no-repeat; background-size: 64px 70px;}

/*DATA STRATEGY PARTNERS*/
.beneficios {text-align: center; padding-top: 75px; padding-bottom: 105px;}
.beneficios h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c;}
.beneficios h2 strong {color: #ff6600;}
.beneficios figure {margin-top: -20px; margin-bottom: 52px;}
.beneficios p {font-size: 16px; line-height: 1.5; max-width: 790px; margin: 0 auto 52px auto; text-align: justify;}
.beneficios p span {color: #b60e7e;}
.beneficios .btn {display: inline-block; width: 240px; height: 54px; text-transform: uppercase; color: #fff; background: #b60e7e; font-weight: 600; font-size: 14px; padding-top: 20px; margin: 0 10px;}
.beneficios .btn:hover {background: #79003c;}
.beneficios .btn-blue {background: #79003c;}
.beneficios .btn-blue:hover {background: #b60e7e;}
/**/
.partner {background: #f5f5f5; padding-top: 82px; padding-bottom: 106px; text-align: center;}
.partner h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; margin-bottom: 46px;}
.partner h2 strong {color: #ff6600;}
.partner p {font-size: 16px; line-height: 1.5; max-width: 790px; margin: 0 auto 32px auto; text-align: justify;}
.partner ul {display: flex; justify-content: center;}
.partner li {margin: 0 29px;}
.partner li:first-child {margin-left: 0;}
.partner li:last-child {margin-right: 0;}
.partner figure {margin-bottom: 13px; height: 109px;}
.partner h4 {font-weight: 600; color: #79003c; font-size: 16px; text-transform: uppercase; line-height: 1.3;}
/**/
.aliviaremos {padding: 98px 40px 100px 40px;}
.aliviaremos h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; margin-bottom: 84px; text-align: center;}
.aliviaremos h2 strong {color: #ff6600;}
.aliviaremos .cols {width: 100%; max-width: 1120px; margin: 0 auto; display: flex; justify-content: space-between;}
.aliviaremos .data {width: 42%;}
.aliviaremos p {font-size: 16px; line-height: 1.5; text-align: justify; margin-bottom: 30px;}
.aliviaremos p span {color: #b60e7e;}
.aliviaremos p:last-child {margin-bottom: 0;}
.aliviaremos figure {width: 55%;}

/*EXITO*/
.ayudaremos {width: 100%; max-width: 1280px; margin: 0 auto; padding-top: 94px; padding-bottom: 94px;}
.ayudaremos .cols {width: 100%; display: flex; justify-content: flex-end; padding-right: 28px;}
.ayudaremos .data {width: 100%; max-width: 450px; margin-right: 60px;}
.ayudaremos h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; margin-bottom: 37px;}
.ayudaremos h2 strong {color: #ff6600;}
.ayudaremos p {font-size: 16px; line-height: 1.5; text-align: justify; margin-bottom: 30px;}
.ayudaremos p span {color: #b60e7e;}
/**/
.trabajamos {padding-top: 114px; padding-bottom: 106px; text-align: center;}
.trabajamos h3 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; line-height: 1.2; margin-bottom: 90px;}
.trabajamos h3 strong {font-weight: 600; display: block;}
.trabajamos h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; margin-bottom: 50px;}
.trabajamos h2 strong {color: #ff6600;}
.trabajamos ul {display: flex; justify-content: space-between; width: 100%; max-width: 1100px; margin: 0 auto;}
.trabajamos li {width: 30%;}
.trabajamos figure {height: 192px; display: flex; justify-content: center; align-items: flex-end;}
.trabajamos li span {display: block; width: 56px; height: 56px; border-radius: 100%; border: 1px solid #ff6600; background: #f5f5f5; font-weight: 800; color: #79003c; font-size: 30px; padding-top: 12px; margin: 10px auto 15px auto;}
.trabajamos li h4 {font-family: "Raleway"; font-weight: 300; font-size: 24px; color: #79003c; line-height: 1.2; margin-bottom: 5px;}
.trabajamos li h4 strong {color: #ff6600;}
.trabajamos li p {font-size: 16px; line-height: 1.4; text-align: justify;}

/*PRODUCTOS*/
.producto {padding-top: 90px; padding-bottom: 62px;}
.producto:nth-child(odd) {background: #f4f4f4;}
.producto .inner {width: 100%; max-width: 900px; display: flex; justify-content: space-between; margin: 0 auto;}
.producto .data {width: 100%; max-width: 540px;}
.producto h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; margin-bottom: 35px; line-height: 1.1;}
.producto p {font-size: 16px; line-height: 1.4; text-align: justify; margin-bottom: 36px;}
.producto .btn {display: block; width: 230px; height: 54px; text-align: center; color: #fff; text-transform: uppercase; background: #b60e7e; font-weight: 600; font-size: 14px; padding-top: 20px;}
.producto .btn:hover {background: #79003c;}

/*CONTACTO*/
.form-intro {text-align: center; padding-top: 55px; padding-bottom: 40px;}
.form-intro h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; line-height: 1.2;}
.form-intro h2 strong {color: #ff6600; display: block;}
/**/
.form-area {background: #f9f9f9; padding-top: 36px; padding-bottom: 50px; text-align: center;}
.form-area h3 {font-family: "Raleway"; font-weight: 300; font-size: 29px; color: #79003c; margin-bottom: 8px;}
.form-area p {font-size: 16px; margin-bottom: 30px;}
/**/
.formulario {width: 100%; max-width: 920px; margin: 0 auto;}
.formulario .form-row {width: 100%; display: flex; justify-content: space-between; margin-bottom: 18px;}
.formulario .form-field {width: 100%; max-width: 100%; text-align: left;}
.formulario .form-field input {height: 51px; width: 100%; padding-left: 18px; padding-right: 18px; color: #747474; font-size: 16px;}
.formulario .form-field input:focus::-webkit-input-placeholder {color: #fff;}
.formulario .form-field input:focus:-moz-placeholder {color: #fff; opacity: 1}
.formulario .form-field input:focus::-moz-placeholder {color: #fff; opacity: 1}
.formulario .form-field input:focus:-ms-input-placeholder { color: #fff;}
.formulario .form-field select {height: 51px; width: 100%; padding-left: 18px; padding-right: 18px; color: #747474; font-size: 16px;}
.formulario .captcha {margin-bottom: 18px;}
.formulario .captcha .g-recaptcha {width: 304px;margin: 0 auto;}
.formulario input[type="submit"] {width: 402px; height: 67px; background: #79003c; color: #fff; text-transform: uppercase; font-size: 16px; border: none;}
.formulario input[type="submit"]:hover {background: #b60e7e;}
/**/
.ubicacion {margin: 0 auto; padding-top: 76px; padding-bottom: 50px;}
.ubicacion ul {width: 100%; max-width: 850px; display: flex; justify-content: space-between; margin: 0 auto;}
.ubicacion li {width: 28%; text-align: center;}
.ubicacion figure {height: 132px; margin-bottom: 15px;}
.ubicacion h4 {font-family: "Raleway"; font-weight: 300; font-size: 23px; color: #79003c; margin-bottom: 16px; text-transform: uppercase;}
.ubicacion p {font-size: 18px; color: #b60e7e; line-height: 1.5;}
.ubicacion p a {color: #b60e7e;}

/*LOGIN*/
.login-area {width: 100%; display: flex; height: 100%;}
.login-area .left-col {width: 435px; text-align: center; background: #79003c url("../images/login/bg-login.png") no-repeat center center; background-size: contain; padding-top: 38px; display: flex; justify-content: space-between; flex-direction: column; padding-bottom: 22px;}
.login-area .left-col .logo {display: inline-block; background: url("../images/login/logo-white.png") no-repeat; width: 184px; height: 32px; background-size: contain; overflow: hidden; text-indent: -5000px;}
.login-area .left-col p {font-family: "Raleway"; font-weight: 500; font-size: 14px; color: #fff; line-height: 1.2; }
.login-area .right-col {width: 100%; text-align: center; display: flex; justify-content: space-between; flex-direction: column;}
/**/
.login {display: flex; justify-content: center; align-items: center; height: 100%;}
.login h1 {margin-bottom: 30px;}
.login .logo {display: block; background: url("../images/login/logo-blue.png") no-repeat; width: 278px; height: 62px; background-size: contain; overflow: hidden; text-indent: -5000px; margin: 0 auto;}
.login h2 {font-size: 24px; color: #79003c; margin-bottom: 5px;}
.login h3 {font-family: "Raleway"; font-weight: 500; font-size: 16px; margin-bottom: 15px;}
.login-form {width: 430px;}
.login-form .form-field {margin-bottom: 15px;}
.login-form .form-field input {width: 100%; height: 48px; font-size: 16px; color: #747474; padding-left: 40px; padding-right: 20px;}
.login-form .form-field .user {background: #fff url("../images/login/icon-user.png") no-repeat 15px center; background-size: 15px 15px;}
.login-form .form-field .pass {background: #fff url("../images/login/icon-pass.png") no-repeat 16px center; background-size: 13px 18px;}
.login-form input[type="submit"] {width: 100%; color: #fff; background: #79003c; height: 59px; font-size: 18px; text-transform: uppercase; margin-bottom: 28px;}
.login-form p {font-size: 16px;}
.login-form p a {color: #ff6600;}
.login-foot {padding: 30px 0; background: #f4f4f4;}
.login-foot p {display: none;}
.login-foot ul {display: flex; justify-content: center;}
.login-foot li {margin: 0 16px;}

/*TRAYECTORIA*/
.trayectoria {padding-top: 72px; padding-bottom: 108px; text-align: center;}
.trayectoria h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; margin-bottom: 42px; line-height: 1.2;}
.trayectoria h2 strong {color: #ff6600;}
/**/
.trayectoria .inner {width: 100%; max-width: 990px; margin: 0 auto;}
.trayectoria .head {width: 100%; display: flex; justify-content: flex-end; align-items: center;}
.trayectoria .head h3 {width: 127px; height: 127px; text-align: center; color: #74d0ef; background: #79003c; border-radius: 100%; border: 1px solid #ff6600; font-weight: 600; font-size: 39px; padding-top: 44px; margin-right: -63px;}
.trayectoria .head .box {padding-left: 80px; text-align: left; width: 50%;}
.trayectoria .head h4 {font-size: 24px; color: #79003c; margin-bottom: 5px;}
.trayectoria .head p {font-family: "Raleway"; font-weight: 500; font-size: 16px; line-height: 1.3;}
.trayectoria ul {display: flex; flex-wrap: wrap; padding-top: 28px; padding-bottom: 90px; background: url("../images/trayectoria/line.png") repeat-y 50% top;}
.trayectoria li {width: 50%; position: relative;}
.trayectoria li:nth-child(odd) {text-align: right; padding-right: 80px;}
.trayectoria li:nth-child(even) {text-align: left; padding-left: 80px;}
.trayectoria li h4 {font-size: 24px; color: #79003c; margin-bottom: 5px;}
.trayectoria li:nth-child(odd) h4:after {content: ""; display: block; width: 6px; height: 6px; background: #79003c; border: 1px solid #ff6600; position: absolute; top: 9px; right: -4px; border-radius: 100%;}
.trayectoria li:nth-child(even) h4:before {content: ""; display: block; width: 6px; height: 6px; background: #79003c; border: 1px solid #ff6600; position: absolute; top: 9px; left: -4px; border-radius: 100%;}
.trayectoria li p {font-family: "Raleway"; font-weight: 500; font-size: 16px; line-height: 1.3;}
.trayectoria li:nth-child(1) {margin-bottom: 20px;}
.trayectoria li:nth-child(2) {top: 24px;}
.trayectoria li:nth-child(3) {margin-bottom: 29px;}
.trayectoria li:nth-child(4) {top: 20px;}
.trayectoria li:nth-child(5) {margin-bottom: 37px;}
.trayectoria li:nth-child(6) {top: 30px;}
.trayectoria li:nth-child(7) {margin-bottom: 32px;}
.trayectoria li:nth-child(8) {top: 42px;}
.trayectoria li:nth-child(9) {margin-bottom: 36px;}
.trayectoria li:nth-child(10) {top: 50px;}
.trayectoria li:nth-child(11) {margin-bottom: 35px;}
.trayectoria li:nth-child(12) {top: 32px;}
.trayectoria li:nth-child(14) {top: 36px;}
.trayectoria .group-2 {padding-top: 72px; padding-bottom: 0;}
.trayectoria .group-2 li:nth-child(2) {top: 34px;}
.trayectoria .group-2 li:nth-child(4) {top: 34px;}
.trayectoria .group-2 li:nth-child(5) {margin-bottom: 0;}
.cambio {background: #f5f5f5 url("../images/trayectoria/line.png") repeat-y 50% top; display: flex; justify-content: center; align-items: center;}
.cambio h4 {width: 50%; text-align: right; padding-right: 80px; font-size: 24px; color: #79003c; line-height: 1.2;}
.cambio h3 {width: 127px; height: 127px; text-align: center; color: #74d0ef; background: #79003c; border-radius: 100%; border: 1px solid #ff6600; font-weight: 600; font-size: 39px; padding-top: 44px; margin-right: -63px; margin-left: -63px;}
.cambio figure {width: 50%; text-align: left; padding-left: 80px; opacity: .65; margin-top: -15px; margin-bottom: -60px;}
.trayectoria .group-2 + h3 {width: 127px; height: 127px; text-align: center; color: #74d0ef; background: #79003c; border-radius: 100%; border: 1px solid #ff6600; font-weight: 600; font-size: 39px; padding-top: 44px; margin: -15px auto 0 auto;}

/*BLOG*/
.blog {width: 100%; max-width: 1280px; margin: 0 auto;}
.blog .cols {display: flex;}
.blog .left-col {width: 68%; padding-right: 63px; padding-top: 80px; padding-bottom: 54px; display: flex; justify-content: flex-end; flex-wrap: wrap;}
.blog .right-col {width: 32%; padding-top: 80px; padding-bottom: 54px; background: #f8f8f8; padding-left: 33px;}
/**/
.blog-post-list {width: 100%; max-width: 635px; margin-bottom: 54px; border-bottom: 1px solid #e1e1e1; padding-bottom: 34px;}
.blog-post-list .head h4 {font-size: 14px; font-weight: 600; color: #ff6600; text-transform: uppercase; margin-bottom: 3px;}
.blog-post-list .head h4 a {color: #ff6600;}
.blog-post-list .head p {font-size: 13px; font-weight: 600; color: #79003c; margin-bottom: 10px;}
.blog-post-list h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; line-height: 1.2; color: #79003c; margin-bottom: 21px;}
.blog-post-list h2 a {color: #79003c;}
.blog-post-list figure {margin-bottom: 34px;}
.blog-post-list .excerpt p {font-size: 16px; line-height: 1.3; margin-bottom: 21px; text-align: justify;}
.blog-post-list .btn {display: inline-block; height: 40px; width: 128px; text-align: center; color: #fff; background: #b60e7e; text-transform: uppercase; font-weight: 600; font-size: 14px; padding-top: 12px;}
.blog-post-list .btn:hover {background: #79003c;}
.blog-category-list {width: 100%; max-width: 253px;}
.blog-category-list h3 {font-size: 18px; font-weight: 600; text-transform: uppercase; color: #ff6600; margin-bottom: 32px;}
.blog-category-list .group {margin-bottom: 26px;}
.blog-category-list h4 {font-weight: 600; text-transform: uppercase; color: #79003c; font-size: 14px; position: relative; padding-left: 18px; cursor: pointer;}
.blog-category-list h4:before {content: ""; display: block; width: 7px; height: 12px; background: url("../images/blog/arrow.svg") no-repeat; background-size: contain; position: absolute; left: 0; top: 2px; transition: all .3s ease;}
.blog-category-list h4.open:before {transform: rotate(90deg); top: 3px;}
.blog-category-list .data {padding-top: 20px; display: none;}
.blog-category-list .data.active {display: block;}
.blog-category-list .data li {margin-bottom: 16px;}
.blog-category-list .data li a {display: flex;}
.blog-category-list .data li figure {flex-shrink: 0;}
.blog-category-list .data li p {font-size: 14px; color: #333; line-height: 1.3; padding-left: 10px;}
/**/
.blog-post {width: 100%; max-width: 635px; margin-bottom: 54px;}
.blog-post .head h4 {font-size: 14px; font-weight: 600; color: #ff6600; text-transform: uppercase; margin-bottom: 3px;}
.blog-post .head h4 a {color: #ff6600;}
.blog-post .head p {font-size: 13px; font-weight: 600; color: #79003c; margin-bottom: 10px;}
.blog-post h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; line-height: 1.2; color: #79003c; margin-bottom: 31px;}
.blog-post h2 a {color: #79003c;}
.blog-post figure {margin-bottom: 34px;}
.blog-post .content {border-bottom: 1px solid #e1e1e1; padding-bottom: 34px;}
.blog-post .content p {font-size: 16px; line-height: 1.4; margin-bottom: 31px; text-align: justify;}
.blog-post .content h2 {font-family: "Raleway"; font-weight: 300; font-size: 30px; line-height: 1.2; color: #79003c; margin-bottom: 21px;}
.blog-post .content h3 {font-family: "Raleway"; font-weight: 300; font-size: 25px; line-height: 1.2; color: #79003c; margin-bottom: 21px;}
.blog-post .content h4 {font-family: "Raleway"; font-weight: 300; font-size: 20px; line-height: 1.2; color: #79003c; margin-bottom: 21px;}
.blog-post .content ul { margin-bottom: 31px;}
.blog-post .content ol { margin-bottom: 31px; counter-reset: ol-counter;}
.blog-post .content li {font-size: 16px; line-height: 1.4; text-align: justify; position: relative; margin-bottom: 10px; padding-left: 15px;}
.blog-post .content ul li:before {content: ""; display: block; width: 5px; height: 5px; background: #79003c; border-radius: 100%; position: absolute; left: 0; top: 8px;}
.blog-post .content ol li {counter-increment: ol-counter; padding-left: 20px;}
.blog-post .content ol li:before {content: counter(ol-counter) ". "; position: absolute; left: 0; top: 0; font-weight: 400; font-size: 15px; color: #79003c;}
.blog-post .autor p {font-weight: 600; color: #79003c; margin-bottom: 0;}
.blog-post .autor p span {text-transform: uppercase; color: #ff6600;}
.blog-post .blog-foot {display: flex; border-bottom: 1px solid #e1e1e1; padding: 30px 0; margin-bottom: 22px;}
.blog-post .blog-foot .logo {display: block; overflow: hidden; text-indent: -5000px; background: url("../images/layout/logo-footer.png") no-repeat; width: 139px; height: 34px; background-size: contain;}
.blog-post .blog-foot p {font-size: 14px; line-height: 1.3; padding-left: 26px; margin-top: -2px;}
.blog-post .blog-foot p span {font-size: 16px; text-transform: uppercase;}
.blog-post .back {padding-top: 30px;}
.blog-post .back a {font-weight: 600; font-size: 16px; color: #ff6600; text-transform: uppercase;}
.blog-post .back a span {font-size: 22px;}

/*RESPONSIVE*/
@media screen and (max-width: 1260px) {
	
	/*GANADORES*/
	.ganadores .partnership h3 br {display: none;}
	/**/
	.partnership-slider {padding-left: 0; padding-right: 0;}
	
}

@media screen and (max-width: 1120px) {
	
	/*HEADER*/
	.show-menu {display: block; background: url("../images/layout/menu-icon.svg") no-repeat; width: 27px; height: 20px; background-size: contain; cursor: pointer; margin-top: 11px;}
	/**/
	header nav > ul {display: block; position: absolute; left: -100%; top: 117px; width: 100%; padding: 0; background: #fff; opacity: 0; transform: translateX(-100%); transition: all .3s ease;}
	header nav > ul > li {margin-left: 0; border-bottom: 1px solid #e0e0e0;}
	header nav > ul > li > a {display: block; height: auto; padding: 23px 30px; font-size: 17px; color: #79003c; position: relative;}
	header nav > ul > li.hassubmenu > a:after {content: ""; display: block; width: 10px; height: 17px; background: url("../images/layout/arrow-submenu.svg") no-repeat; background-size: contain; position: absolute; right: 30px; top: 40%; transform: rotate(-90deg); transition: all .3s ease}
	header nav .submenu {position: static; background: #f3f3f3; box-shadow: none; height: 0; opacity: 0;}
	header nav .inner-submenu {padding: 0; max-width: 100%; margin: 0; display: block;}
	header nav .submenu ul {max-width: 100%;}
	header nav .submenu li {margin-bottom: 0; border-top: 1px solid #e0e0e0;}
	header nav .submenu li a {display: block; color: #333; padding-left: 0; padding: 23px 30px;}
	header nav .submenu li a:before {content: ""; display: none;}
	/**/
	header nav .hassubmenu:hover > a:after {transform: rotate(-90deg);}
	header nav .hassubmenu:hover .submenu {height: 0; opacity: 0;}
	header nav .hassubmenu:hover .submenu ul {transform: translateY(-50px);}
	/**/
	header nav .hassubmenu.open > a:after {transform: rotate(90deg);}
	header nav .hassubmenu.open .submenu {height: 182px; opacity: 1;}
	header nav .hassubmenu.open .submenu ul {transform: translateY(0);}
	/**/
	header nav > ul.show-nav {opacity: 1; transform: translateX(0); left: 0;}
	
	/*HOME SLIDER*/
	.home-slider .slide-bg {background-position: 20% 50%;}
	
	/*OBJECTIVOS CONCRETOS*/
	.objetivos-concretos ul {justify-content: space-between; padding-left: 30px; padding-right: 30px;}
	.objetivos-concretos li {width: 31%; margin: 0;}
	
	/*PROVEERA*/
	.proveera .inner {padding-left: 30px; padding-right: 30px;}
	
	/*PRODUCTS*/
	.slider-products {padding-left: 30px; padding-right: 30px;}
	
	/*CHAT*/
	.chat .box {margin-right: 7%;}

	/*DATA STRATEGY PARTNERS*/
	.beneficios {padding-left: 40px; padding-right: 40px;}
	/**/
	.partner {padding-left: 40px; padding-right: 40px;}
	.partner ul {justify-content: space-between;}
	.partner li {margin: 0; width: 24%;}
	
	/*EXITO*/	
	.ayudaremos {padding-left: 40px; padding-right: 40px;}
	.ayudaremos .cols {justify-content: center; padding-right: 0;}
	/**/
	.trabajamos {padding-left: 40px; padding-right: 40px;}
	.trabajamos h3 strong {display: inline;}
	
	/*BLOG*/
	.blog .left-col {justify-content: center; padding-right: 30px; padding-left: 30px;}
	.blog .right-col {padding-left: 30px; padding-right: 30px;}
	
}

@media screen and (max-width: 991px) {
	
	/*FOOTER*/
	.pre-footer .inner {flex-wrap: wrap; justify-content: center;}
	.pre-footer .logo {margin-bottom: 40px;}
	.pre-footer .logos {display: flex; width: 100%; justify-content: center;}
	.pre-footer .logos span {margin-left: 5px;}
	.pre-footer .logos span:first-child {margin-left: 0;}
	/**/
	.foot .inner {flex-wrap: wrap; justify-content: center; height: auto; padding-top: 24px; padding-bottom: 36px;}
	.foot .inner ul {flex-wrap: wrap; width: 88%; margin-bottom: 22px;}
	.foot .inner li {width: 100%; border-left: none; padding: 12px 0; text-align: center; font-size: 12px; border-bottom: 1px solid #265796;}
	.foot .inner li:first-child { line-height: 1.4;}
	
	/*HOME SLIDER*/
	.home-slider .slide-bg {background-position: 35% 50%;}
	.home-slider .data {padding-left: 68px;}
	.home-slider .data:before {width: 43px; height: 64px; background-size: 86px 64px; background-position: -1px 0}
	.home-slider h3 {font-size: 32px;}
	.home-slider h2 {font-size: 32px;}
	.home-slider p {font-size: 18px;}	
	
	/*PROVEERA*/
	.proveera .cols {flex-wrap: wrap;}
	.proveera .data {width: 100%; order: 2;}
	.proveera figure {width: 100%; order: 1; margin-bottom: 30px;}
	
	/*GANADORES*/
	.ganadores .partnership {width: 90%;}
	/**/
	.partnership-slider {padding-left: 30px; padding-right: 30px;}
	
	/*CHAT*/
	.chat .box {margin-right: 0; margin-left: 30px;}
	.chat .inner {justify-content: center;}
	
	/*DATA STRATEGY PARTNERS*/
	.partner li br {display: none;}
	/**/
	.aliviaremos .data {width: 55%;}
	.aliviaremos figure {width: 42%;}
	
	/*EXITO*/
	.ayudaremos .cols {flex-wrap: wrap}
	.ayudaremos .data {max-width: 100%; margin-right: 0;}
	/**/
	.trabajamos ul {flex-wrap: wrap;}
	.trabajamos li {width: 100%; margin-bottom: 35px;}
	.trabajamos li:last-child {margin-bottom: 0;}
	
	/*PRODUCTOS*/
	.producto {padding-left: 40px; padding-right: 40px;}
	.producto .data {width: 50%;}
	
	/*CONTACTO*/
	.form-area {padding-left: 40px; padding-right: 40px;}
	.form-area p {line-height: 1.2;}
	/**/
	.ubicacion {padding-left: 40px; padding-right: 40px;}
	.ubicacion li {width: 30%;}
	
	/*LOGIN*/
	.login-foot ul {flex-wrap: wrap;}
	.login-foot li {width: 25%; margin-bottom: 26px;}
	.login-foot li:nth-child(4),
	.login-foot li:nth-child(5) {margin-bottom: 0;}
	
	/*TRAYECTORIA*/
	.trayectoria .head {padding-left: 15px; padding-right: 15px;}
	.trayectoria ul {padding-left: 15px; padding-right: 15px;}
	.trayectoria li:nth-child(14) {top: 56px;}
	.cambio {padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px;}
	.cambio figure {margin-top: -30px; margin-bottom: -30px;}
	.cambio h4 br {display: none;}
	
	
}

@media screen and (max-width: 767px) {
	
	/*HEADER*/
	header .inner,
	.header-placeholder {height: 78px;}
	header .inner {align-items: center;}
	header h1 {margin-top: 0;}
	header .logo {width: 155px; height: 28px;}
	header nav {margin-top: 0;}
	.show-menu {margin-top: 0;}
	header nav > ul,
	header nav > ul.show-nav {top: 78px;}
	
	/*HOME SLIDER*/
	.home-slider {height: 562px;}
	.home-slider .slide-bg {height: 562px; background-position: 85% 180%; background-size: 923px 484px; animation: none;}
	.home-slider .data {padding-top: 66px; padding-left: 45px;}
	.home-slider .data:before {width: 30px; height: 43px; top: 70px; background-size: 60px 43px;}
	.home-slider h3 {font-size: 21px;}
	.home-slider h2 {font-size: 28px;}
	.home-slider p {font-size: 12px;}
	.home-slider .slick-arrow {width: 24px; height: 40px;}
	.home-slider .slick-prev {background-size: 7px 12px; background-position: 45% 50%}
	.home-slider .slick-next {background-size: 7px 12px; background-position: 60% 50%}
	
	
	/*CLIENTES*/
	.clientes {display: none;}
	
	/*PROVEERA*/
	.proveera {display: none;}
	
	/*GANADORES*/
	.ganadores {padding-top: 49px; padding-bottom: 54px;}
	.ganadores h2 {font-size: 20px; line-height: 1.2; margin-bottom: 33px;}
	.ganadores h2 strong {display: block;}
	.ganadores .partnership {width: 98%;}
	.ganadores .partnership h3 {font-size: 16px; margin-bottom: 18px;}
	.ganadores .partnership p {font-size: 10px;}
	.ganadores .partnership h4 {font-size: 12px;}
	.ganadores .partnership h4 span {font-size: 10px;}
	.ganadores .partnership figure {margin-bottom: 22px;}
	.ganadores .partnership figure img {max-width: 26%}
	.ganadores .partnership .btn {padding-top: 14px; width: 162px; height: 38px; font-size: 10px;}
	/**/
	.partnership-slider {padding-left: 56px; padding-right: 56px;}
	.partnership-slider .slick-track {display: block;}
	.partnership-slider .slick-arrow {width: 24px; height: 40px;}
	.partnership-slider .slick-prev {background-size: 7px 12px; background-position: 45% 50%}
	.partnership-slider .slick-next {background-size: 7px 12px; background-position: 60% 50%}
	


	
	/*PRODUCTS*/
	.products {padding-top: 45px; padding-bottom: 28px;}
	.products h2 {font-size: 20px; margin-bottom: 25px;}
	.products .card {padding: 0 20px 24px 20px;}
	.products .card figure {margin-left: auto; margin-right: auto; width: 66%; top: -17px; margin-bottom: 7px;}
	.products .card figcaption {width: 38px; height: 38px; font-size: 20px; padding-top: 8px; margin-left: -19px; bottom: -19px;}
	.products .card h3 {font-size: 20px; margin-bottom: 18px; line-height: 1.3;}
	.products .card p {font-size: 11px; margin-bottom: 18px;}
	.products .card p:last-child {margin-bottom: 28px;}
	.products .card .btn {width: 151px; height: 35px; font-size: 10px; padding-top: 13px;}
	/**/
	.slider-products {padding-left: 28px; padding-right: 28px;}
	.slider-products .item {padding-top: 17px;}
	.slider-products .slick-arrow {width: 24px; height: 40px;}
	.slider-products .slick-prev {background-size: 7px 12px; background-position: 45% 50%}
	.slider-products .slick-next {background-size: 7px 12px; background-position: 60% 50%}
	
	/*CHAT*/
	.chat {padding-top: 30px; padding-bottom: 28px; background-position: 36% 50%}
	.chat .inner {justify-content: center; flex-wrap: wrap; flex-direction: column;}
	.chat .head {padding-left: 38px;}
	.chat h2 {font-size: 22px;}
	.chat h3 {font-size: 19px; margin-bottom: 12px;}
	.chat .box {margin-left: 0; padding: 0 18px 0 29px; min-height: 35px; border-radius: 5px;}
	.chat h4 {font-size: 10px;}
	.chat figure {margin-left: 18px; width: 51px;}
	
	/*HEADER SECCION*/
	.section-header {height: 180px; padding-top: 118px; background-position: 85% 100%}
	.section-header h1 {font-size: 20px; padding-left: 26px;}
	.section-header h1:before {width: 12px; height: 20px; background-size: 44px 48px; left: 4px; top: -3px;}
	

	/**/
	.partner {padding: 42px 26px 44px 26px;}
	.partner h2 {font-size: 20px; margin-bottom: 26px; line-height: 1.3;}
	.partner h2 strong {display: block;}
	.partner p {font-size: 11px;}
	.partner ul {flex-wrap: wrap;}
	.partner li {width: 50%;}
	.partner figure {height: 72px; margin-bottom: 10px;}
	.partner li:nth-child(1) img {width: 64px;}
	.partner li:nth-child(1) {margin-bottom: 20px;}
	.partner li:nth-child(2) img {width: 52px;}
	.partner li:nth-child(2) {margin-bottom: 20px;}
	.partner li:nth-child(3) img {width: 71px;}
	.partner li:nth-child(4) img {width: 45px;}
	.partner li br {display: inline-block;}
	.partner h4 {font-size: 11px;}
	/**/

	
	/*PRODUCTOS*/
	.producto {padding: 26px;}
	.producto .inner {flex-wrap: wrap;}
	.producto .data {width: 100%; order: 2}
	.producto figure {order: 1; text-align: center; width: 50%; margin: 0 auto 15px auto;}
	.producto h2 {font-size: 24px; margin-bottom: 10px;}
	.producto p {font-size: 11px; margin-bottom: 15px;}
	.producto .btn {width: 154px; height: 36px; padding-top: 13px; font-size: 10px;}
	
	/*CONTACTO*/
	.form-intro {padding: 35px 26px 22px 26px;}
	.form-intro h2 {font-size: 20px;}
	.form-intro h2 br {display: none;}
	.form-intro h2 strong {display: inline;}
	/**/
	.form-area {padding: 24px 26px 40px 26px;}
	.form-area h3 {font-size: 20px; margin-bottom: 5px; line-height: 1.3;}
	.form-area p {font-size: 11px; line-height: 1.5; margin-bottom: 25px;}
	.formulario .form-row {flex-wrap: wrap; margin-bottom: 0;}
	.formulario .form-row input {font-size: 11px; height: 33px; padding-left: 14px; padding-right: 14px;}
	.formulario .form-row select {font-size: 11px; height: 33px; padding-left: 14px; padding-right: 14px;}
	.formulario .form-field {max-width: 100%; margin-bottom: 12px;}
	.formulario .captcha {margin-bottom: 12px;}
	.formulario input[type="submit"] {width: 100%; max-width: 298px; height: 45px; font-size: 11px;}
	/**/

	
	/*LOGIN*/
	.login-area {height: auto;}
	.login {height: auto; padding-left: 36px; padding-right: 36px; padding-top: 98px; padding-bottom: 74px;}
	.login-area .left-col {display: none;}
	.login-form {width: 100%;}
	.login-data {width: 100%;}
	.login h1 {margin-bottom: 46px;}
	.login .logo {width: 186px; height: 43px;}
	.login h2 {font-size: 16px;}
	.login h3 {font-size: 11px;}
	.login-form .form-field {margin-bottom: 10px;}
	.login-form .form-field input {height: 32px; font-size: 11px; padding-left: 27px; padding-right: 13px;}
	.login-form .form-field .user {background-size: 11px 10px; background-position: 10px center;}
	.login-form .form-field .pass {background-size: 9px 12px; background-position: 10px center;}
	.login-form input[type="submit"] {height: 39px; font-size: 12px; margin-bottom: 17px;}
	.login-form p {font-size: 11px;}
	.login-foot p {display: block; font-family: "Raleway"; font-weight: 500; color: #79003c; font-size: 10px; line-height: 1.1; margin-bottom: 24px;}
	.login-foot li {margin-left: 9px; margin-right: 9px; width: 27%;}
	


@media screen and (max-width: 450px) {
	
	/*HOME SLIDER*/
	.home-slider .slide-bg {background-position: 82% 180%;}
	.pre-footer .logos{
    border-left: 1px solid #ccc;
	margin: 10px 0;
    padding: 0}
	.pre-footer .logos span {font-family: "Roboto";
    font-size: 14px;
    color: #ccc;}
	/*CLIENTES3*/
.clientes3 {width: 100%; max-width: 1280px; margin: 0 auto; padding-bottom: 135px;}
.clientes3 h2 {font-family: "Raleway"; font-weight: 300; font-size: 35px; color: #79003c; text-align: center; margin-bottom: 70px;}
.clientes3 h2 strong {color: #ff6600;}
.clientes3 ul {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; max-width: 400px; margin: 0 auto;}

span.nombre-popular {
    background-color: #ff6600;
    text-align: center;
    color: white;
    font-size: 14px;
    display: block;
    padding: 10px;
	border-radius:0 0 10px 10px;
    margin: 0;
font-weight: 500;}
.clientes3 .ul-deportes li {width: 90%; text-align: center; margin-bottom: 40px;margin-right:12px;padding: 6px;background-color: #ff6600;
    text-align: center;
    border-radius: 12px;}
	.clientes3 .ul-deportes li.keno {width: 90%; text-align: center; margin-bottom: 40px;margin-right:12px;padding: 6px;background-color: #ff6600;text-align: center;border-radius: 12px;background: url("../images/home/deportes/keno.png") no-repeat center center;}		
	.clientes3 .ul-deportes li.futbol {width: 90%; text-align: center; margin-bottom: 40px;margin-right:12px;padding: 6px;background-color: #ff6600;
    text-align: center;
    border-radius: 12px;background: url("../images/home/deportes/futbol.png") no-repeat center center;}
	.clientes3 .ul-deportes li.horse {width: 90%; text-align: center; margin-bottom: 40px;margin-right:12px;padding: 6px;background-color: #ff6600;
    text-align: center;
    border-radius: 12px;background: url("../images/home/deportes/horse.png") no-repeat center center;}
	.clientes3 .ul-deportes li.dog {width: 90%; text-align: center; margin-bottom: 40px;margin-right:12px;padding: 6px;background-color: #ff6600;
    text-align: center;
    border-radius: 12px;background: url("../images/home/deportes/dog.png") no-repeat center center;}
	.clientes3 .ul-deportes li.moto {width: 90%; text-align: center; margin-bottom: 40px;margin-right:12px;padding: 6px;background-color: #ff6600;
    text-align: center;
    border-radius: 12px;background: url("../images/home/deportes/moto.png") no-repeat center center;}
span.nombre-deportes {
	display: flex;
    align-items: center;
    justify-content: center;width:180px;height:180px;
    text-align: center;
    color: white;
    font-size: 20px;
    margin: 0 auto;
font-weight: 700;}
}