/*************** ////////////////////////////// *************** RESPONSIVE 1024 *************** ////////////////////////////// ***************/

@media only screen and (min-width: 1024px) and (max-width: 1366px) {

    body {
        overflow-x: hidden;
    }
    header {
        height: 8em;
    }
    article {
        margin-top: 1em;
        float: left;
        width: 100%;
    }
    .top-bar {
        background: #717073;
        height: 40px;
        width: 100%;
        color: #ffffff;
        margin: 0;
    }
    ul.topContact {
        width: 66%;
        background: none;
        margin: .5em 0 0 1%;
        padding: 0 !important;
        float: left;
    }
    .topContact li {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: normal;
    }
    .topContact li.contact {
        float: left;
        margin-right: .3em !important;
    }
    .topContact li.contact a {
        color: #fff;
        text-decoration: none;
    }
    .topContact li.contact a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
    }
    .topContact img {
        height: 24px !important;
        width: 24px !important;
    }
    .topContact img.phone {
        height: 24px !important;
        width: 15px !important;
    }
    ul.social {
        background: none;
        margin: .5em 1% 0 0;
        padding: 0 !important;
        width: 32%;
        float: left;
    }
    .social li {
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: normal;
    }
    .social img {
        height: 28px !important;
        width: 28px !important;
    }
    .logo {
        margin: .5em .5em 1em .5em;
        width: 220px;
        height: 55px;
        float: left;
        text-indent: -99999px;
        z-index: 18293848;
        position: absolute;
        background: url("../images/logo-abaco.svg") no-repeat;
    }
    .heroe {
        padding: 0;
        margin: 0 0 2em 0;
        z-index: 0;
        position: relative;
        background: url('../images/heroe-home.jpg') no-repeat;
        background-size: 100%;
    }
    .heroeAcademy {
        padding: 0;
        margin: 0;
        z-index: 0;
        position: relative;
        background: url('http://abaco.mx/wp-content/uploads/2017/05/hero-academy_2.jpg') no-repeat;
        background-size: 100%;
    }
    .heroe img,
    .heroeAcademy img {
        width: 100%;
        position: relative;
        float: left;
    }
    .heroe h1,
    .heroeAcademy h1 {
        color: #fff;
        width: 75%;
        z-index: 2;
        font-size: 40px;
        font-weight: normal;
        line-height: 40px;
        margin: 2em auto !important;
        padding: 2.2em 1em 2.2em 0;
        height: auto;
    }
    .heroeAcademy h1 .subAcademy {
        font-size: 25px !important;
        line-height: 30px !important;
        margin: 0;
        padding: 0;
        width: 75%;
    }
    .heroe .h-top,
    .heroeAcademy .h-top {
        border-top: 3px solid #00b6de;
        width: 10%;
        position: relative;
        z-index: 2;
        margin-bottom: .4em;
    }
    .heroe a,
    .heroeAcademy a {
        border-radius: 20px;
        border: 2px solid #fff;
        color: #fff;
        font-size: 22px;
        padding: 0em .8em;
        text-transform: uppercase;
        margin: 15px 0 0 0;
        float: left;
    }
    .heroe a:hover,
    .heroeAcademy a:hover {
        border: 2px solid #00b6de;
    }
    .heroe-int {
        padding: 0;
        margin: 0;
        z-index: 1;
        position: relative;
        background-size: 100%;
    }
    .heroe-int .h-top {
        background: #00b6de;
        height: 5px;
        width: 10% !important;
        position: relative;
        z-index: 20;
        margin-top: 1.2em !important;
        text-shadow: 1px 1px 10px #717174
    }
    .heroe-int h1 {
        color: #fff;
        width: 75%;
        z-index: 2;
        font-size: 35px !important;
        margin: 0 auto;
        padding: .5em 1em 0em 0;
        line-height: 40px !important;
        text-shadow: 1px 1px 10px #555;
    }
    .casos {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        margin: 0 1em;
        height: 600px;
    }
    .casos h1 {
        width: 100%;
        height: auto;
        margin: 1em 1em;
        color: #717174;
        font-size: 22px;
        text-transform: uppercase;
    }
    .casos p {
        width: 85%;
        margin: 1em 1.5em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .homeBlog {
        height: auto;
        width: 100%;
        display: table;
    }
    .contentBlog {
        width: 70%;
        display: table-cell;
        padding: 0;
        vertical-align: top;
    }
    .blogFront {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0;
        height: 600px;
        margin: 0 1em 1em 0;
    }
    .blogFront h1 {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom: 2px solid #dedede;
        background: #717174;
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .8em;
        color: #fff;
        font-size: 30px;
    }
    .blogFront h2 {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom: 2px solid #dedede;
        background: #717174;
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .8em;
        color: #fff;
        font-size: 30px;
    }
    .blogFront h3 {
        width: 100%;
        margin: 0em 3.6em;
        color: #717174;
        font-size: 13px;
    }
    .blogFront p {
        width: 80%;
        margin: 1em 3em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .blogFront .blog-col-0 .blog-content {
        width: 91%;
        margin: 0 1em;
    }
    .blogFront .blog-col-0 .blog-content .post-content-text .blog-title {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .blogFront .blog-col-0 .blog-content .post-content-text {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .blogFront .blog-col-0 .blog-content .post-content-text .blog-content-excerpt .blog-short-content {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .topPost ul {
        width: 100%;
        margin: 0 0 1em 0;
    }
    .topPost ul li {
        list-style: none;
        display: inline-block;
    }
    .topPost .share {
        float: right
    }
    .interior {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 1em 1em 1.5em 1em;
        margin: 1em 1em 0 1em;
    }
    .interior h1.caso {
        margin: 1.5em 1em;
        color: #717174;
        font-size: 50px;
        text-transform: uppercase;
        clear: both;
    }
    .bg-clientes {
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        height: auto;
        margin: 2em 0 2em 0;
    }
    .clientes {
        margin: 1em 1.8em 0;
    }
    .clientes h1 {
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .3em;
        color: #717174;
        font-size: 19px;
        text-transform: uppercase;
    }
    .clientes ul li {
        list-style: none;
        display: inline;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .clientes ul li img {
        height: 36px;
        width: auto;
        margin: 2em .5em;
    }
    .resellers {
        margin: 1em;
        height: 540px;
    }
    .resellers .img {
        margin: 0em 0 0 1.5em;
        text-align: center;
        width: 85%
    }
    .resellers h2 {
        width: 100%;
        height: auto;
        margin: 1em 1em;
        color: #717174;
        font-size: 29px;
        text-transform: uppercase;
    }
    .resellers p {
        width: 85%;
        margin: 1em 2em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .academy {
        margin: 1em;
        height: 540px;
    }
    .academy img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .academy h1 {
        width: 100%;
        height: auto;
        margin: 1em 1em;
        color: #717174;
        font-size: 30px;
        text-transform: uppercase;
    }
    .academy p {
        width: 85%;
        margin: 1em 2em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .socios {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0.01em 0 1.5em 0;
        margin: 2em 1em 0 1em;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .socios ul {
        text-align: center;
    }
    .socios li {
        list-style: none;
        display: inline;
        margin: .5em .3em .5em 0;
        text-align: center;
    }
    .socios img {
        height: 64px;
        margin: 0 .5em 1em .5em;
    }
    .socios p {
        width: 85%;
        margin: 1.5em 3em 1em 2em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .footer-datos {
        width: 33%;
        float: left;
        background: #717075;
        height: 27.5em;
    }
    .footer-datos p {
        color: #fff;
        font-size: 14px;
        margin: 1em 0;
    }
    .footer-datos p.aviso {
        color: #fff;
        font-size: 14px;
        margin: 1em 0;
    }
    .footer-datos p a {
        color: #fff;
        text-decoration: none;
    }
    .footer-datos p a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
        padding-bottom: .2em
    }
    .footer-datos h5 {
        font-size: 18px;
        color: #fff;
    }
    .footer-datos h5 a {
        color: #fff;
        text-decoration: none;
    }
    .footer-datos h5 a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
        padding-bottom: .2em
    }
    .logo-footer {
        margin: 1em auto 0 auto;
    }
    .f-datos {
        float: right;
        margin: 0;
        padding: 0 1em;
        width: 20.5em;
    }
    .footer-links {
        width: 28%;
        float: left;
        background: #00b6de;
        height: 27.5em;
    }
    .footer-links p {
        text-align: center;
        margin: 1em auto;
        padding: .5em 0;
        display: block;
        height: auto
    }
    .f-links {
        float: right;
        margin: 0 auto;
        padding: 1em 0;
        width: 100%;
    }
    p.derechos {
        color: #fff;
        font-size: 14px;
        margin: 1em 0 0 0;
    }
    .logo-footer-center {
        margin: 2.12em 25%;
        text-align: center;
    }
    ul.social-footer {
        text-align: center;
        background: none;
        width: 8.5em;
        margin: 1em auto 1em auto;
        padding: 0 0 1.5em 0;
    }
    .social-footer li {
        float: left;
        list-style: none;
        margin: 0 .1em;
        font-size: 13px;
        font-weight: bold;
    }
    .social-footer img {
        height: 24px;
        width: 24px;
    }
    .footer-mapa {
        width: 39%;
        float: left;
        background: #fff;
        height: 27.5em;
    }
    .newsletter {
        width: 80%;
        margin: .5em 0 .8em 0;
        border: 1px solid transparent;
    }
    .newsletter input.inputMailchimp{
        width: 100%;
        margin: 0 auto;
        border: 1px solid #959595 !important;
        border-radius: 10px;
        padding: 0 10px!important;
        height: 2em;
        font-size: 14px;
        color: #959595;
        background: none;
        outline: none;
    }
    /************************* BOTONES *************************/

    .boton {
        border-radius: 20px;
        background: #00b6de;
        font-size: 17px;
        color: #fff;
        text-transform: uppercase;
        padding: .5em .7em;
    }
    .boton:hover {
        background: #717174;
        color: #fff;
    }
    .boton-blanco {
        border-radius: 20px;
        background: transparent;
        border: 2px solid #fff;
        font-size: 17px;
        color: #fff;
        text-transform: uppercase;
        padding: .5em .7em;
    }
    .boton-blanco:hover {
        background: transparent;
        border: 3px solid #717075;
        color: #717075;
    }

    /************************* INTERIOR ACADEMY *************************/

    .interiorAcademy {
	    border-radius: 5px;
    	box-shadow: 0px 0px 8px #dedede;
	    background: #fff;
    	padding: 1em 1em 1.5em 1em;
	    margin: 1em 1em 0 1em;
   		display: block;
    }
    .interiorAcademy h1 {
        margin-bottom: 0px;
        font-size: 30px;
        text-transform: uppercase;
    }
    .interiorAcademy h2 {
        margin: 1em 0;
        font-size: 24px;
        text-transform: uppercase;
    }
    .interiorAcademy p {
        color: #717174;
        font-size: 18px;
        line-height: 20px;
    }
    .interiorAcademy ul li {
        color: #717174;
        font-size: 16px;
        line-height: 22px;
        list-style: disc;
        margin-left: 2em
    }
    ul.cursos {
        display: block;
        text-align: center;
        margin: 1em 0;
    }
    ul.cursos li {
        list-style: none;
        display: inline-block;
    }
    .interiorAcademy select {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 95%;
        color: #717174;
    }
    .interiorAcademy select:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    .interiorAcademy input,
    .interiorAcademy textarea {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 95%;
        color: #717174;
        margin: 0;
    }
    .interiorAcademy input:focus,
    .interiorAcademy textarea:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    .interiorAcademy input.btn-enviar {
        border-radius: 20px;
        background: #00B6DE;
        padding: .7em 1em;
        color: #fff;
        border: 1px solid #00B6DE;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 17px;
    }
    .interiorAcademy input.btn-enviar:hover {
        border-radius: 20px;
        background: #717174;
        padding: .7em 1em;
        color: #fff;
        border: 1px solid #717174;
        cursor: pointer;
    }
    .interiorAcademy label {
        color: #717075;
        font-size: 14px;
        padding: 0;
        margin: 0;
    }
    .academy-curso {
        width: 63%;
        display: inline-block;
        vertical-align: top;
    }
    .academy-form {
    	width: 45%;
	    padding: 1em;
    	background: #f1f1f1;
	    border-radius: 5px;
    	margin: 0 1em 0 1em;
	    display: inline-block;
	    vertical-align: top;
	}
    .academy-form-100 {
        width: 96%;
        padding: 1em;
        background: #f1f1f1;
        border-radius: 5px;
        margin: 1em 1em 0 1em;
        display: inline-block;
        vertical-align: top;
    }
	.mapaAcademy {
    	width: 48%;
	    display: inline-block;
    	vertical-align: top;
    	margin-left:  1em;
	}
    .offTable thead,
    .offTable tbody,
    .offTable tfoot,
    .offTable td,
    .offTable tbody tr:nth-child(even) {
        background: none !important;
        border-color: none !important;
    }
    .academy-int {
        width: 47%;
        display: inline-block;
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        margin: 1em .65em 1em .9em;
        vertical-align: top;
    }
    .academy-int p {
        padding: 0 1em;
    }
    .academy-int h3 {
        text-align: center;
        font-size: 40px;
        padding-top: .5em;
    }
    .A-Academy p{
        color: #717174;
        font-size: 18px !important;
        height: 11.5em !important;
    }
    .A-Academy p i{
        font-size: 16px !important;
        color: #00B6DE !important;
    }
    ul.reqs {
        color: #a1a1a1;
        text-decoration: none;
        margin: 1em 1em 2em 1em;
        width: 80%;
        height: 7em !important;
    }
    .A-Anlytics {
        background: #ffaa33;
        padding: 1em 0;
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin-bottom: 1em;
    }
    .A-Anlytics h1 {
        font-size: 60px;
        color: #fff;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .A-Anlytics h2 {
        font-size: 60px !important;
        line-height: 65px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-Anlytics h3 {
        font-size: 18px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-Fundamentos {
        background: #3354bb;
        padding: 1em 0;
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin-bottom: 1em;
    }
    .A-Fundamentos h1 {
        font-size: 60px;
        color: #fff;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .A-Fundamentos h2 {
        font-size: 60px !important;
        line-height: 65px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-Fundamentos h3 {
        font-size: 18px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-Search {
        background: #99bb33;
        padding: 1em 0;
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin-bottom: 1em;
    }
    .A-Search h1 {
        font-size: 60px;
        color: #fff;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .A-Search h2 {
        font-size: 60px !important;
        line-height: 65px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-Search h3 {
        font-size: 18px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-Display {
        background: #3399fe;
        padding: 1em 0;
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin-bottom: 1em;
    }
    .A-Display h1 {
        font-size: 60px;
        color: #fff;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .A-Display h2 {
        font-size: 60px !important;
        line-height: 65px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-Display h3 {
        font-size: 18px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-Video {
        background: #ef4400;
        padding: 1em 0;
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin-bottom: 1em;
    }
    .A-Video h1 {
        font-size: 60px;
        color: #fff;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .A-Video h2 {
        font-size: 60px !important;
        line-height: 65px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-Video h3 {
        font-size: 18px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-Seo {
        background: #704e97;
        padding: 1em 0;
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin-bottom: 1em;
    }
    .A-Seo h1 {
        font-size: 60px;
        color: #fff;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .A-Seo h2 {
        font-size: 60px !important;
        line-height: 65px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-Seo h3 {
        font-size: 18px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-GTM {
        background: #999;
        padding: 1em 0;
        color: #fff;
        font-size: 18px;
        text-align: center;
        margin-bottom: 1em;
    }
    .A-GTM h1 {
        font-size: 60px;
        color: #fff;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .A-GTM h2 {
        font-size: 60px !important;
        line-height: 65px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .A-GTM h3 {
        font-size: 18px !important;
        color: #fff;
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }
    .academy-int ul {
        color: #a1a1a1;
        text-decoration: none;
        margin: 0 1em 1em 1em;
    }
    ul.extras {
        color: #a1a1a1;
        text-decoration: none;
        margin: 0 1em 1em 1em;
        height: 3em !important;
    }
    .extras li {
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .extras li a.descarga {
        background: url(http://abaco.mx/wp-content/uploads/2017/05/pdf.png) no-repeat left center;
        padding: .2em 0 .2em 2em;
        color: #a1a1a1;
        text-transform: uppercase;
    }
    .extras li a.descarga:hover {
        color: #00b6de;
    }
    .extras li a.marker {
        background: url(http://abaco.mx/wp-content/uploads/2017/05/marker-academy.png) no-repeat left center;
        padding: .2em 0 .2em 1.8em;
        color: #a1a1a1;
        text-transform: uppercase;
        cursor: crosshair;
    }
    .lugar {
        float: right;
        margin-right: 1em !important;
    }
    .extras li a.marker:hover {
        color: #00b6de;
    }
    .bg-testimoniales {
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        height: auto;
        margin: 2em 0 2em 0;
    }

.bg-porcentajes {
    box-shadow: 0px 0px 8px #dedede;
    background: #fff;
    padding: 0 0 1.5em 0;
    height: auto;
    margin: 2em 0 2em 0;
}
.porcentajes {
    margin: 1em 1.8em 0;
    color: #717174;
    font-size: 18px;
    text-transform: uppercase;
}
.porcentajes h1 {
    margin: 0;
    padding: .2em 0em 1em 0em;
    color: #717174;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
}
.porcentajes span {
    margin: 0;
    color: #00b6de;
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
}
.porcentajes ul {
    text-align: center;
}
.porcentajes li {
    list-style: none;
    margin: .5em 0em 0 0em;
    text-align: center;
    float: left;
    width: 25%;
}
    .testimoniales {
        margin: 1em 1.8em 0;
    }
    .testimoniales h1 {
        margin: 0;
        padding: .2em 0em;
        color: #717174;
        font-size: 18px;
        text-transform: uppercase;
    }
    .testimoniales h2 {
        margin: 0;
        color: #717174;
        font-size: 14px;
        text-transform: uppercase;
    }
    .testimoniales img {
        width: 100px;
        height: auto;
    }
    .testimoniales ul {
        text-align: center;
    }
    .testimoniales li {
        list-style: none;
        margin: .5em 0em 0 0em;
        text-align: center;
        float: left;
        width: 30%
    }
    .testimoniales li.quote {
        list-style: none;
        margin: .5em 0 0 0;
        padding: 1.5em 0 0 0;
        text-align: center;
        float: left;
        width: 65%;
        font-size: 16px;
        line-height: 30px;
    }
    .formasPago{
        margin: 0;
        padding: 0;
    }
    .formasPago ul{
        text-align: left;
        margin:0;
        padding: 0;
        display: block;
        width: auto;
    }
    .formasPago ul li{
        list-style: none !important;
        padding: 0 0 0 1em !important;
        margin: 0 !important;
        display: inline-block !important;
        width: 90px !important;
    }
    .formasPago img{
        height: 40px;
        padding: 0;
        margin: 0;
    }
    .perfiles {
        width: 47%;
        display: inline-block;
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        margin: 1em .8em;
        vertical-align: top;
        height: auto;
    }
    .perfiles p {
        padding: 0 1em;
        font-size: 16px;
    }
    .perfiles h1 {
        text-align: center;
        padding: .8em 0 0 0;
    }
    .perfiles ul li {
        color: #717174;
        font-size: 16px;
        line-height: 22px;
        list-style: disc;
        margin-left: 2em;
    }
    .tit_perfil {
    	background: #00b6de;
    	border-top-left-radius: 5px;
    	border-top-right-radius: 5px;
    	padding: 1em 0;
    	color: #fff;
    	text-align: center;
    	margin-bottom: 1em;
	}
	.tit_perfil h2 {
    	font-size: 24px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
}
/*************** ////////////////////////////// *************** RESPONSIVE 768 *************** ////////////////////////////// ***************/

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    body {
        overflow-x: hidden;
    }
    header {
        height: 8em;
    }
    article {
        margin-top: 1em;
        float: left;
        width: 100%;
    }
    .top-bar {
        background: #717073;
        height: 40px;
        width: 100%;
        color: #ffffff;
        margin: 0;
    }
    ul.topContact {
        width: 66%;
        background: none;
        margin: .5em 0 0 1%;
        padding: 0 !important;
        float: left;
    }
    .topContact li {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 16px;
        font-weight: normal;
    }
    .topContact li.contact {
        float: left;
        margin-right: .3em !important;
    }
    .topContact li.contact a {
        color: #fff;
        text-decoration: none;
    }
    .topContact li.contact a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
    }
    .topContact img {
        height: 24px !important;
        width: 24px !important;
    }
    .topContact img.phone {
        height: 24px !important;
        width: 15px !important;
    }
    ul.social {
        background: none;
        margin: .5em 1% 0 0;
        padding: 0 !important;
        width: 32%;
        float: left;
    }
    .social li {
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: normal;
    }
    .social img {
        height: 28px !important;
        width: 28px !important;
    }
    .logo {
        margin: .5em .5em 1em 1em;
        width: 220px;
        height: 55px;
        float: left;
        text-indent: -99999px;
        z-index: 18293848;
        position: absolute;
        background: url("../images/logo-abaco.svg") no-repeat;
    }
    .heroeAcademy {
	    padding: 0;
	    margin: 0;
    	z-index: 0;
	    position: relative;
    	background: url('http://abaco.mx/wp-content/uploads/2017/05/hero-academy_2.jpg') no-repeat;
	    background-size: 100%;
        height: 280px !important;
	}
	 .heroeAcademy h1 .subAcademy {
   		font-size: 24px !important;
    	line-height: 26px !important;
	    margin: 0;
    	padding: 0;
	    width: 90%;
	}
    .heroe {
        padding: 0;
        margin: 0;
        z-index: 0;
        position: relative;
        background-image: url('../images/heroe-home.jpg');
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: none !important;
        background-attachment: scroll !important;
        height: 250px !important;
    }
    .heroe img,
    .heroeAcademy img {
        width: 100%;
        position: relative;
        float: left;
    }
    .heroe h1,
    .heroeAcademy h1 {
        color: #fff;
        width: 95% !important;
        z-index: 2;
        font-size: 32px;
        font-weight: normal;
        line-height: 27px;
        margin: 0 auto !important;
        padding: 2em 0 1em 0 !important;
        height: auto;
    }
    .heroe h1 .subAcademy {
        font-size: 40px !important;
        line-height: 45px !important;
        margin: 0;
        padding: 0;
        width: 75%;
    }
    .heroe .h-top,
    .heroeAcademy .h-top {
        border-top: 3px solid #00b6de;
        width: 10%;
        position: relative;
        z-index: 2;
        margin-bottom: .5em;
    }
    .heroe a,
    .heroeAcademy a {
        border-radius: 20px;
        border: 2px solid #fff;
        color: #fff;
        font-size: 22px;
        padding: .2em .8em;
        text-transform: uppercase;
        margin: 15px 0 0 0;
        float: left;
    }
    .heroe a:hover,
    .heroeAcademy a:hover {
        border: 2px solid #00b6de;
    }
    .heroe-int {
        padding: 0;
        margin: 0;
        z-index: 1;
        position: relative;
        background-size: 100%;
        height: 160px !important;
    }
    .heroe-int .h-top {
        background: #00b6de;
        height: 5px;
        width: 10% !important;
        position: relative;
        z-index: 20;
        margin-top: 1.5em !important;
        text-shadow: 1px 1px 5px #555 !important;
    }
    .heroe-int h1 {
        color: #fff;
        width: 75%;
        z-index: 2;
        font-size: 30px !important;
        margin: 0 auto;
        padding: .5em 1em 0em 0;
        line-height: 35px !important;
        text-shadow: 1px 1px 10px #717174;
    }
    .casos {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        margin: 0 1em;
        height: auto
    }
    .casos h1 {
        width: 100%;
        height: auto;
        margin: 1em 1em;
        color: #717174;
        font-size: 22px;
        text-transform: uppercase;
    }
    .casos p {
        width: 85%;
        margin: 1em 1.5em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .casos .img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        width: 100%;
    }
    .interior {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 1em 1em 1.5em 1em;
        margin: 1em 1em 0 1em;
    }
    .interior h1.caso {
        margin: 1.5em 1em;
        color: #717174;
        font-size: 40px;
        text-transform: uppercase;
        clear: both;
    }
    .interior h2 {
        width: 100%;
        height: auto;
        margin: 0 0 1em 0;
        color: #717174;
        font-size: 24px;
        text-transform: uppercase;
    }
    .homeBlog {
        height: auto;
        width: 100%;
        display: table;
    }
    .contentBlog {
        width: 70%;
        display: table-cell;
        padding: 0;
        vertical-align: top;
    }
    .blogFront {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        height: 500px !important;
        margin: 1em;
    }
    .blogFront h1 {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom: 2px solid #dedede;
        background: #717174;
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .8em;
        color: #fff;
        font-size: 30px;
    }
    .blogFront h2 {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom: 2px solid #dedede;
        background: #717174;
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .8em;
        color: #fff;
        font-size: 30px;
    }
    .blogFront h3 {
        width: 100%;
        margin: 0em 3.6em;
        color: #717174;
        font-size: 13px;
    }
    .blogFront p {
        width: 80%;
        margin: 1em 3em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .blogFront .blog-col-0 .blog-content {
        width: 91%;
        margin: 0 1em;
    }
    .blogFront .blog-col-0 .blog-content .post-content-text .blog-title {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .blogFront .blog-col-0 .blog-content .post-content-text {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .blogFront .blog-col-0 .blog-content .post-content-text .blog-content-excerpt .blog-short-content {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .topPost ul {
        width: 100%;
        margin: 0 0 1em 0;
        float: left;
    }
    .topPost ul li {
        list-style: none;
        display: inline-block;
    }
    .topPost .share {
        float: right;
        width: 100%;
        text-align: center;
    }
    .socialShare {
        border-radius: 20px;
        background: #00b6de;
        color: #fff;
        height: auto;
        width: 70% !important;
        padding: .2em .5em;
        float: left;
    }
    .bg-clientes {
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        height: auto;
        margin: 2em 0 2em 0;
    }
    .clientes {
        margin: 1em 1.8em 0;
    }
    .clientes h1 {
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .3em;
        color: #717174;
        font-size: 19px;
        text-transform: uppercase;
    }
    .clientes ul li {
        list-style: none;
        display: inline;
        margin: 0;
        padding: 0;
        text-align: center
    }
    .clientes ul li img {
        height: 40px;
        width: auto;
        margin: 2em .3em;
    }
    .resellers {
        margin: 1em;
        height: auto;
    }
    .resellers .img {
        margin: 3em 0 0 1.5em;
        text-align: center;
        width: 85%
    }
    .resellers h2 {
        width: 100%;
        height: auto;
        margin: 1em 1em;
        color: #717174;
        font-size: 30px;
        text-transform: uppercase;
    }
    .resellers p {
        width: 85%;
        margin: 1em 2em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .academy {
        margin: 1em;
        height: auto;
    }
    .academy .img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .academy h1 {
        width: 100%;
        height: auto;
        margin: 1em 1em;
        color: #717174;
        font-size: 30px;
        text-transform: uppercase;
    }
    .academy p {
        width: 85%;
        margin: 1em 2em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .socios {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0.01em 0 1.5em 0;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin: 1em 1em 0 1em;
    }
    .socios ul {
        text-align: center;
    }
    .socios li {
        list-style: none;
        display: inline;
        margin: .5em .3em .5em 0;
        text-align: center;
    }
    .socios img {
        height: 52px;
        margin-bottom: 1em;
    }
    .socios p {
        width: 85%;
        margin: 1.5em 3em 1em 2em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .contacto {
        width: 100%;
        display: block;
        height: 100%;
        padding: 0 !important;
    }
    .contactoForm {
        width: 100%;
        display: inline-block;
    }
    .contactoForm select {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 100%;
        color: #717174;
    }
    .contactoForm select:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    .contactoForm input {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 100%;
        color: #717174;
    }
    .contactoForm input:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    .contactoForm input.btn-enviar {
        border-radius: 5px;
        background: #00B6DE;
        padding: .5em 1em;
        color: #fff;
        border: 1px solid #00B6DE;
        cursor: pointer;
    }
    .contactoForm input.btn-enviar:hover {
        border-radius: 5px;
        background: #717174;
        padding: .5em 1em;
        color: #fff;
        border: 1px solid #717174;
        cursor: pointer;
    }
    .contactoUnete {
    	width: 100%;
	    display: block;
	    height: 100%;
    	padding: 0 1em;
	}
	.contactoUneteForm {
	    width: 100%;
    	display: inline-block;
	}
	.contactoUneteForm select {
	    border: 1px solid #dedede;
    	border-radius: 5px;
	    width: 95%;
    	color: #717174;
	}
	.contactoUneteForm select:focus {
    	border: 1px solid #00B6DE;
	    border-radius: 5px;
	}
	.contactoUneteForm input {
	    border: 1px solid #dedede;
    	border-radius: 5px;
	    width: 100%;
    	display: inline-block;
	    float: left;
    	margin: 0 1em 1em 0;
	    color: #717174;
	}
	.contactoUneteForm select {
    	border: 1px solid #dedede;
	    border-radius: 5px;
    	width: 100%;
	    display: inline-block;
    	float: left;
	   	margin: 0 1em 1em 0;
    	color: #717174;
	}
	.contactoUneteForm input:focus {
	    border: 1px solid #00B6DE;
    	border-radius: 5px;
	}
	.contactoUneteForm input.btn-enviar {
	    border-radius: 20px;
    	background: #00B6DE;
	    padding: .5em 1em;
    	color: #fff;
	    border: 1px solid #00B6DE;
    	cursor: pointer;
	    width: 100%;
	}
	.contactoUneteForm input.btn-enviar:hover {
	    border-radius: 20px;
    	background: #717174;
	    padding: .5em 1em;
    	color: #fff;
	    border: 1px solid #717174;
    	cursor: pointer;
	}
    .contactoTels {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-left: 0em;
        border-radius: 5px;
        background: #00B6DE;
        padding: 1em .3em;
    }
    .contactoTels ul {
        margin: 0;
        padding: 0;
    }
    .contactoTels ul li {
        list-style: none !important;
        font-size: 13px;
    }
    .contactoTels ul li.direccion {
        background: url(http://abaco.mx/wp-content/uploads/2017/04/abaco-marker-bco.png) no-repeat left top;
        padding-left: 3.3em;
        color: #fff;
        margin-bottom: 1em
    }
    .contactoTels ul li.telefono {
        background: url(../images/chat.svg) no-repeat left center;
        padding-left: 3.3em;
        color: #fff;
        line-height: 2em
    }
    .contactoTels ul li.telefono a {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
    }
    .contactoTels ul li.telefono a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: none;
    }
    .footer-datos {
        width: 100%;
        float: left;
        background: #717075;
        height: auto;
        text-align: center;
    }
    .footer-links {
        width: 100%;
        float: left;
        background: #00b6de;
        height: auto;
    }
    .footer-mapa {
        width: 100%;
        float: left;
        background: #fff;
        height: 27.5em;
    }
    .footer-datos p {
        color: #fff;
        font-size: 14px;
        margin: 1em 0;
    }
    .footer-datos p.aviso {
        color: #fff;
        font-size: 14px;
        margin: 1em 0;
    }
    .footer-datos p a {
        color: #fff;
        text-decoration: none;
    }
    .footer-datos p a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
        padding-bottom: .2em
    }
    .footer-datos h5 {
        font-size: 18px;
        color: #fff;
    }
    .footer-datos h5 a {
        color: #fff;
        text-decoration: none;
    }
    .footer-datos h5 a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
        padding-bottom: .2em
    }
    .logo-footer {
        margin: 1em auto 0 auto;
    }
    .f-datos {
        float: right;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .newsletter {
        width: 100%;
        margin: .5em 0 .8em 0;
        border: 1px solid transparent;
    }
    .newsletter input.inputMailchimp{
        width: auto;
        margin: 0 auto;
        border: 1px solid #959595 !important;
        border-radius: 10px;
        padding: 0 10px!important;
        height: 2em;
        font-size: 14px;
        color: #959595;
        background: none;
        outline: none;
        text-align: center;
    }
    /* BOTONES */

    .boton {
        border-radius: 20px;
        background: #00b6de;
        font-size: 17px;
        color: #fff;
        text-transform: uppercase;
        padding: .5em .7em;
    }
    .boton:hover {
        background: #717174;
        color: #fff;
    }
    .boton-blanco {
        border-radius: 20px;
        background: transparent;
        border: 2px solid #fff;
        font-size: 17px;
        color: #fff;
        text-transform: uppercase;
        padding: .5em .7em;
    }
    .boton-blanco:hover {
        background: transparent;
        border: 3px solid #717075;
        color: #717075;
    }
    #respond {
        margin-top: 2.5em;
        color: #717075;
        font-size: 14px;
        border-top: 1px dotted #dedede;
        padding-top: 1em;
    }
    #respond p,
    #respond label {
        color: #717075;
        font-size: 14px;
    }
    #respond select {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 95%;
        color: #717174;
    }
    #respond select:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    #respond input,
    #respond textarea {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 95%;
        color: #717174;
        padding: .3em;
        outline: none;
    }
    #respond input:focus,
    #respond textarea:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    #respond input.btn-enviar {
        border-radius: 20px;
        background: #00B6DE;
        padding: .5em;
        color: #fff;
        border: 1px solid #00B6DE;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 17px;
    }
    #respond input.btn-enviar:hover {
        background: #717174;
        color: #fff;
        padding: .5em;
        border: 1px solid #717174;
        cursor: pointer;
    }
    .entry-content {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.sidebar{
     width: 100%;
    margin: 0 .5em 0 0em !important;
    display: inline-block;
    vertical-align: top;
}

    .categorias {
        background: #f9f9fa;
        border-radius: 20px;
        padding: .5em .8em;
        font-size: 14px;
    }
    .categorias a {
        font-size: 14px;
        color: #00b6de;
        text-decoration: underline;
    }
    .categoria {
        font-size: 12px;
        background: url(http://www.abacometrics.com/wp-content/themes/Abaco/images/ico-tags.png) no-repeat;
        padding-left: 2em;
        margin-top: .5em;
    }

      /************************* ACADEMY *************************/

	.interiorAcademy {
   		border-radius: 5px;
	    box-shadow: 0px 0px 8px #dedede;
    	background: #fff;
	    padding: 1em 1em 1.5em 1em;
    	margin: 1em 1em 0 1em;
	    display: block;
	}
	.interiorAcademy h1 {
	    margin-bottom: 0px;
    	font-size: 28px;
	    letter-spacing: 1px;
    	text-transform: uppercase;
	}
	.interiorAcademy h2 {
    	margin: 1em 0;
	    font-size: 22px;
    	letter-spacing: 1px;
	    text-transform: uppercase;
	}
	.interiorAcademy p {
    	color: #717174;
	    font-size: 16px;
    	line-height: 20px;
	}
	.interiorAcademy ul li {
    	color: #717174;
	    font-size: 16px;
    	line-height: 22px;
	    list-style: disc;
    	margin-left: 1em
	}
	ul.cursos {
    	display: block;
	    text-align: center;
    	margin: 1em 0;
	}
	ul.cursos li {
    	list-style: none;
	    display: inline-block;
	}
	.interiorAcademy select {
    	border: 1px solid #dedede;
	    border-radius: 5px;
	    width: 95%;
    	color: #717174;
	}
	.interiorAcademy select:focus {
    	border: 1px solid #00B6DE;
	    border-radius: 5px;
	}
	.interiorAcademy input {
    	border: 1px solid #dedede;
	    color: #717174;
    	margin: 0;
	    padding: 0;
	}
	.interiorAcademy textarea {
    	border: 1px solid #dedede;
	    border-radius: 5px;
    	width: 95%;
	    color: #717174;
    	margin: 0;
	}
	.interiorAcademy i.alerta {
    	color: #00B6DE;
    	font-size: 13px;
	}
	.interiorAcademy .alerta {
    	color: #00B6DE;
	}
	.interiorAcademy input:focus,
	.interiorAcademy textarea:focus {
    	border: 1px solid #00B6DE;
	    border-radius: 5px;
	}
	.interiorAcademy input.btn-enviar {
    	border-radius: 20px;
	    background: #00B6DE;
    	padding: .7em 1em;
	    color: #fff;
    	border: 1px solid #00B6DE;
	    cursor: pointer;
    	text-transform: uppercase;
	    font-size: 17px;
	}
	.interiorAcademy input.btn-enviar:hover {
    	border-radius: 20px;
	    background: #717174;
    	padding: .7em 1em;
	    color: #fff;
    	border: 1px solid #717174;
	    cursor: pointer;
	}
	.interiorAcademy label {
    	color: #717075;
	    font-size: 14px;
    	padding: 0;
	    margin: 0;
	}
	.academy-curso {
    	width: 63%;
	    display: inline-block;
    	vertical-align: top;
	}
	.academy-form {
    	width: 45%;
	    padding: 1em;
    	background: #f1f1f1;
	    border-radius: 5px;
    	margin: 0 1em 0 1em;
	    display: inline-block;
	    vertical-align: top;
	}
    .academy-form-100 {
        width: 96%;
        padding: 1em;
        background: #f1f1f1;
        border-radius: 5px;
        margin: 1em 1em 0 1em;
        display: inline-block;
        vertical-align: top;
    }
	.mapaAcademy {
    	width: 48%;
	    display: inline-block;
    	vertical-align: top;
    	margin-left:  1em;
	}
	.offTable thead,
	.offTable tbody,
	.offTable tfoot,
	.offTable td,
	.offTable tbody tr:nth-child(even) {
    	background: none !important;
    	border-color: none !important;
	}
	.academy-int {
    	width: auto;
	    display: block;
    	border-radius: 5px;
	    box-shadow: 0px 0px 8px #dedede;
    	background: #fff;
	    padding: 0 0 1.5em 0;
    	margin: 1em .5em;
	}
	.academy-int p {
    	padding: 0 1em;
	}
    .academy-int h3 {
        text-align: center;
        font-size: 30px;
        padding-top: .5em;
    }
    .A-Academy p{
        color: #717174;
        font-size: 18px !important;
        height: auto !important;
    }
    .A-Academy p i{
        font-size: 16px !important;
        color: #00B6DE !important;
    }
    ul.reqs {
        color: #a1a1a1;
        text-decoration: none;
        margin: 1em 1em 2em 1em;
        width: 80%;
        font-size: 18px !important;
        height: 7em !important;
    }
	.A-Anlytics {
    	background: #ffaa33;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Anlytics h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Fundamentos {
    	background: #3354bb;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Fundamentos h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Search {
    	background: #99bb33;
	    padding: 1em 0;
	    color: #fff;
    	font-size: 18px;
	    text-align: center;
    	margin-bottom: 1em;
	}
	.A-Search h1 {
    	font-size: 60px;
    	color: #fff;
	    text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Display {
    	background: #3399fe;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Display h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Video {
    	background: #ef4400;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Video h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Seo {
    	background: #704e97;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Seo h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
  .A-GTM {
    	background: #999;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-GTM h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.academy-int ul {
    	color: #a1a1a1;
	    text-decoration: none;
    	margin: 0 1em 1em 1em;
	}
	ul.extras {
    	color: #a1a1a1;
    	text-decoration: none;
    	margin: 0 1em 2em 1em;
	}
	.extras li {
    	display: inline-block;
    	list-style: none;
	    margin: 0;
    	padding: 0;
	}
	.extras li a.descarga {
    	background: url(http://abaco.mx/wp-content/uploads/2017/05/pdf.png) no-repeat left center;
	    padding: .2em 0 .2em 2em;
    	color: #a1a1a1;
	    text-transform: uppercase;
	}
	.extras li a.descarga:hover {
	    color: #00b6de;
	}
	.extras li a.marker {
    	background: url(http://abaco.mx/wp-content/uploads/2017/05/marker-academy.png) no-repeat left center;
    	padding: .2em 0 .2em 1.8em;
	    color: #a1a1a1;
    	text-transform: uppercase;
        cursor: crosshair;
	}
	.lugar {
    	float: right;
	    margin-right: 1em !important;
	}
	.extras li a.marker:hover {
    	color: #00b6de;
	}

.bg-porcentajes {
    box-shadow: 0px 0px 8px #dedede;
    background: #fff;
    padding: 0 0 1.5em 0;
    height: auto;
    margin: 2em 0 2em 0;
}
.porcentajes {
    margin: 1em 1.8em 0;
    color: #717174;
    font-size: 18px;
    text-transform: uppercase;
}
.porcentajes h1 {
    margin: 0;
    padding: .2em 0em 1em 0em;
    color: #717174;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
}
.porcentajes span {
    margin: 0;
    color: #00b6de;
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
}
.porcentajes ul {
    text-align: center;
}
.porcentajes li {
    list-style: none;
    margin: .5em 0em 0 0em;
    text-align: center;
    float: left;
    width: 25%;
}
	.bg-testimoniales {
    	box-shadow: 0px 0px 8px #dedede;
	    background: #fff;
    	padding: 0 0 1.5em 0;
	    height: auto;
    	margin: 2em 0 2em 0;
	}
	.testimoniales {
    	margin: 1em 1.8em 0;
	}
	.testimoniales h1 {
   		margin: 0;
	    padding: .2em 0em;
    	color: #717174;
	    font-size: 18px;
    	text-transform: uppercase;
	}
	.testimoniales h1 span {
	    margin: 0;
    	color: #717174;
	    font-size: 14px;
    	text-transform: uppercase;
	    font-weight: normal !important
	}
	.testimoniales img {
    	width: 100px;
	    height: auto;
	}
	.testimoniales ul {
    	text-align: center;
	}
	.testimoniales li {
    	list-style: none;
	    margin: .5em 0em 0 0em;
    	text-align: center;
	    float: left;
    	width: 30%
	}
	.testimoniales li.quote {
    	list-style: none;
	    margin: .5em 0 0 0;
    	padding: 1.5em 0 0 0;
	    text-align: center;
	    float: left;
    	width: 65%;
	    font-size: 16px;
    	line-height: 30px;
	}
    .formasPago{
        margin: 0;
        padding: 0;
    }
    .formasPago ul{
        text-align: left;
        margin:0;
        padding: 0;
        display: block;
        width: auto;
    }
    .formasPago ul li{
        list-style: none !important;
        padding: 0 0 0 1em !important;
        margin: 0 !important;
        display: inline-block !important;
        width: 90px !important;
    }
    .formasPago img{
        height: 40px;
        padding: 0;
        margin: 0;
    }
    .perfiles {
        width: auto;
        display: inline-block;
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        margin: 1em .8em;
        vertical-align: top;
    }
    .perfiles p {
        padding: 0 1em;
        font-size: 16px;
    }
    .perfiles h1 {
        text-align: center;
        padding: .8em 0 0 0;
    }
    .perfiles ul li {
        color: #717174;
        font-size: 16px;
        line-height: 22px;
        list-style: disc;
        margin-left: 2em;
    }
    .tit_perfil {
    	background: #00b6de;
    	border-top-left-radius: 5px;
    	border-top-right-radius: 5px;
    	padding: 1em 0;
    	color: #fff;
    	text-align: center;
    	margin-bottom: 1em;
	}
	.tit_perfil h2 {
    	font-size: 24px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
    .teaserEquipo{
        display: inline-block;
        width: 100%;
        margin: 0 .8em;
        text-align: center;
         vertical-align: top
    }
    .teaserQuienes{
        display: inline-block;
        width: 100%;
        margin: 0 .8em;
        text-align: center;
        vertical-align: top
    }
    .teaserQuienes h2, .teaserEquipo h2{
        font-size: 18px;
    }
    .teaserQuienes img, .teaserEquipo img{
        text-align: center;
        margin: 0 auto;
    }
}

/*************** ////////////////////////////// *************** RESPONSIVE 568 *************** ////////////////////////////// ***************/

@media only screen and (min-width: 568px) and (max-width: 767px) {

    body {
        overflow-x: hidden;
    }
    header {
        height: 8em;
    }
    article {
        margin-top: 1em;
        float: left;
        width: 100%;
    }
    .top-bar {
        background: #717073;
        height: 40px;
        width: 100%;
        color: #ffffff;
        margin: 0;
    }
    ul.topContact {
        width: 66%;
        background: none;
        margin: .5em 0 0 1%;
        padding: 0 !important;
        float: left;
    }
    .topContact li {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 13px;
        font-weight: normal;
    }
    .topContact li.contact {
        float: left;
        margin-right: .3em !important;
    }
    .topContact li.contact a {
        color: #fff;
        text-decoration: none;
    }
    .topContact li.contact a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
    }
    .topContact img {
        height: 20px !important;
        width: 20px !important;
    }
    .topContact img.phone {
        height: 20px !important;
        width: 12px !important;
    }
    ul.social {
        background: none;
        margin: .5em 1% 0 0;
        padding: 0 !important;
        width: 32%;
        float: left;
    }
    .social li {
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: normal;
    }
    .social img {
        height: 24px !important;
        width: 24px !important;
    }
    .logo {
        margin: .5em .5em 1em .2em;
        width: 220px;
        height: 55px;
        float: left;
        text-indent: -99999px;
        z-index: 18293848;
        position: absolute;
        background: url("../images/logo-abaco.svg") no-repeat;
    }
    .heroe {
        padding: 0;
        margin: 0;
        z-index: 0;
        position: relative;
        background-image: url('../images/heroe-home.jpg');
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: none !important;
        background-attachment: scroll !important;
        height: 280px !important;
    }
    .heroeAcademy {
	    padding: 0;
	    margin: 0;
    	z-index: 0;
	    position: relative;
    	background: url('http://abaco.mx/wp-content/uploads/2017/05/hero-academy_2.jpg') no-repeat;
	    background-size: 100%;
        height: 280px !important;
	}
	 .heroeAcademy h1 .subAcademy {
   		font-size: 24px !important;
    	line-height: 26px !important;
	    margin: 0;
    	padding: 0;
	    width: 90%;
	}
    .heroe img,
    .heroeAcademy img {
        width: 100%;
        position: relative;
        float: left;
    }
    .heroe h1,
    .heroeAcademy h1   {
        color: #fff;
        width: 91% !important;
        z-index: 2;
        font-size: 32px;
        font-weight: normal;
        line-height: 34px;
        margin: 0 auto !important;
        padding: 2.6em 0 1em 0 !important;
        height: auto;
    }
    .heroe .h-top,
    .heroeAcademy .h-top {
        border-top: 3px solid #00b6de;
        width: 10%;
        position: relative;
        z-index: 2;
        margin-bottom: .3em !important;
    }
    .heroe a,
    .heroeAcademy a {
        border-radius: 20px;
        border: 2px solid #fff;
        color: #fff;
        font-size: 17px;
        padding: .1em .5em;
        text-transform: uppercase;
        margin: 15px 0 0 0;
        float: left;
    }
    .heroe a:hover,
    .heroeAcademy a:hover {
        border: 2px solid #00b6de;
    }
    .heroe-int {
        padding: 0;
        margin: 0;
        z-index: 1;
        position: relative;
        background-size: 100%;
        height: 160px !important;
    }
    .heroe-int .h-top {
        background: #00b6de;
        height: 5px;
        width: 10% !important;
        position: relative;
        z-index: 20;
        margin-top: 1.5em !important;
        text-shadow: 1px 1px 5px #555 !important;
    }
    .heroe-int h1 {
        color: #fff;
        width: 75%;
        z-index: 2;
        font-size: 30px !important;
        margin: 0 auto;
        padding: .5em 1em 0em 0;
        line-height: 35px !important;
        text-shadow: 1px 1px 10px #717174;
    }
    .casos {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        margin: 0 1em;
        height: auto
    }
    .casos h1 {
        width: 100%;
        height: auto;
        margin: 1em 1em;
        color: #717174;
        font-size: 22px;
        text-transform: uppercase;
    }
    .casos p {
        width: 85%;
        margin: 1em 1.5em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .interior {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 1em 1em 1.5em 1em;
        margin: 1em 1em 0 1em;
    }
    .interior h1.caso {
        margin: 1.5em 1em;
        color: #717174;
        font-size: 40px;
        text-transform: uppercase;
        clear: both;
    }
    .interior h2 {
        width: 100%;
        height: auto;
        margin: 0 0 1em 0;
        color: #717174;
        font-size: 24px;
        text-transform: uppercase;
    }
    .homeBlog {
        height: auto;
        width: 100%;
        display: table;
    }
    .contentBlog {
        width: 70%;
        display: table-cell;
        padding: 0;
        vertical-align: top;
    }
    .blogFront {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        height: 520px !important;
        margin: 1em;
    }
    .blogFront h1 {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom: 2px solid #dedede;
        background: #717174;
        color: #fff;
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .8em;
        color: #fff;
        font-size: 30px;
    }
    .blogFront h2 {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom: 2px solid #dedede;
        background: #717174;
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .8em;
        color: #fff;
        font-size: 30px;
    }
    .blogFront h3 {
        width: 100%;
        margin: 0em 3.6em;
        color: #717174;
        font-size: 13px;
    }
    .blogFront p {
        width: 80%;
        margin: 1em 3em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .blogFront .blog-col-0 .blog-content {
        width: 91%;
        margin: 0 1em;
    }
    .blogFront .blog-col-0 .blog-content .post-content-text .blog-title {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .blogFront .blog-col-0 .blog-content .post-content-text {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .blogFront .blog-col-0 .blog-content .post-content-text .blog-content-excerpt .blog-short-content {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .topPost ul {
        width: 100%;
        margin: 0 0 1em 0;
        float: left;
    }
    .topPost ul li {
        list-style: none;
        display: inline-block;
    }
    .topPost .share {
        float: right;
        width: 100%;
        text-align: center;
    }
    .socialShare {
        border-radius: 20px;
        background: #00b6de;
        color: #fff;
        height: auto;
        width: 70% !important;
        padding: .2em .5em;
        float: left;
    }
    .bg-clientes {
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        height: auto;
        margin: 2em 0 2em 0;
    }
    .clientes {
        margin: 1em 1.8em 0;
    }
    .clientes h1 {
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .3em;
        color: #717174;
        font-size: 19px;
        text-transform: uppercase;
    }
    .clientes ul li {
        list-style: none;
        display: inline;
        margin: 0;
        padding: 0;
        text-align: center
    }
    .clientes ul li img {
        height: 24px;
        width: auto;
        margin: 2em .3em;
    }
    .resellers {
        margin: 1em;
        height: auto;
    }
    .resellers .img {
        margin: 3em 0 0 1.5em;
        text-align: center;
        width: 85%
    }
    .resellers h2 {
        width: 100%;
        height: auto;
        margin: 1em 1em;
        color: #717174;
        font-size: 28px;
        text-transform: uppercase;
    }
    .resellers p {
        width: 85%;
        margin: 1em 2em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .academy {
        margin: 1em;
        height: auto;
    }
    .academy .img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .academy h1 {
        width: 100%;
        height: auto;
        margin: 1em 1em;
        color: #717174;
        font-size: 30px;
        text-transform: uppercase;
    }
    .academy p {
        width: 85%;
        margin: 1em 2em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .socios {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0.01em 0 1.5em 0;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin: 1em 1em 0 1em;
    }
    .socios ul {
        text-align: center;
    }
    .socios li {
        list-style: none;
        display: inline;
        margin: .5em .3em .5em 0;
        text-align: center;
    }
    .socios img {
        height: 44px;
        margin-bottom: 1em;
    }
    .socios p {
        width: 85%;
        margin: 1.5em 3em 1em 2em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .contacto {
        width: 100%;
        display: block;
        height: 100%;
        padding: 0 !important;
    }
    .contactoForm {
        width: 100%;
        display: inline-block;
    }
    .contactoForm select {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 100%;
        color: #717174;
    }
    .contactoForm select:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    .contactoForm input {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 100%;
        color: #717174;
    }
    .contactoForm input:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    .contactoForm input.btn-enviar {
        border-radius: 5px;
        background: #00B6DE;
        padding: .5em 1em;
        color: #fff;
        border: 1px solid #00B6DE;
        cursor: pointer;
    }
    .contactoForm input.btn-enviar:hover {
        border-radius: 5px;
        background: #717174;
        padding: .5em 1em;
        color: #fff;
        border: 1px solid #717174;
        cursor: pointer;
    }
    .contactoUnete {
    	width: 90%;
	    display: block;
	    height: 100%;
    	padding: 0 1em;
	}
	.contactoUneteForm {
	    width: 100%;
    	display: inline-block;
	}
	.contactoUneteForm select {
	    border: 1px solid #dedede;
    	border-radius: 5px;
	    width: 95%;
    	color: #717174;
	}
	.contactoUneteForm select:focus {
    	border: 1px solid #00B6DE;
	    border-radius: 5px;
	}
	.contactoUneteForm input {
	    border: 1px solid #dedede;
    	border-radius: 5px;
	    width: 100%;
    	display: inline-block;
	    float: left;
    	margin: 0 1em 1em 0;
	    color: #717174;
	}
	.contactoUneteForm select {
    	border: 1px solid #dedede;
	    border-radius: 5px;
    	width: 100%;
	    display: inline-block;
    	float: left;
	   	margin: 0 1em 1em 0;
    	color: #717174;
	}
	.contactoUneteForm input:focus {
	    border: 1px solid #00B6DE;
    	border-radius: 5px;
	}
	.contactoUneteForm input.btn-enviar {
	    border-radius: 20px;
    	background: #00B6DE;
	    padding: .5em 1em;
    	color: #fff;
	    border: 1px solid #00B6DE;
    	cursor: pointer;
	    width: 100%;
	}
	.contactoUneteForm input.btn-enviar:hover {
	    border-radius: 20px;
    	background: #717174;
	    padding: .5em 1em;
    	color: #fff;
	    border: 1px solid #717174;
    	cursor: pointer;
	}
    .contactoTels {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-left: 0em;
        border-radius: 5px;
        background: #00B6DE;
        padding: 1em .3em;
    }
    .contactoTels ul {
        margin: 0;
        padding: 0;
    }
    .contactoTels ul li {
        list-style: none !important;
        font-size: 16px;
    }
    .contactoTels ul li.direccion {
        background: url(http://abaco.mx/wp-content/uploads/2017/04/abaco-marker-bco.png) no-repeat left top;
        padding-left: 4.3em;
        color: #fff;
        margin-bottom: 1em
    }
    .contactoTels ul li.telefono {
        background: url(../images/chat.svg) no-repeat left center;
        padding-left: 4.3em;
        color: #fff;
        line-height: 2em
    }
    .contactoTels ul li.telefono a {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
    }
    .contactoTels ul li.telefono a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: none;
    }
    .footer-datos {
        width: 100%;
        float: left;
        background: #717075;
        height: auto;
        text-align: center;
    }
    .footer-links {
        width: 100%;
        float: left;
        background: #00b6de;
        height: auto;
    }
    .footer-mapa {
        width: 100%;
        float: left;
        background: #fff;
        height: 27.5em;
    }
    .footer-datos p {
        color: #fff;
        font-size: 14px;
        margin: 1em 0;
    }
    .footer-datos p.aviso {
        color: #fff;
        font-size: 14px;
        margin: 1em 0;
    }
    .footer-datos p a {
        color: #fff;
        text-decoration: none;
    }
    .footer-datos p a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
        padding-bottom: .2em
    }
    .footer-datos h5 {
        font-size: 18px;
        color: #fff;
    }
    .footer-datos h5 a {
        color: #fff;
        text-decoration: none;
    }
    .footer-datos h5 a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
        padding-bottom: .2em
    }
    .logo-footer {
        margin: 1em auto 0 auto;
    }
    .f-datos {
        float: right;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .newsletter {
        width: 100%;
        margin: .5em 0 .8em 0;
        border: 1px solid transparent;
    }
    .newsletter input.inputMailchimp{
        width: 80%;
        margin: 0 auto;
        border: 1px solid #959595 !important;
        border-radius: 10px;
        padding: 0 10px!important;
        height: 2em;
        font-size: 14px;
        color: #959595;
        background: none;
        outline: none;
        text-align: center;
    }
    /* BOTONES */

    .boton {
        border-radius: 20px;
        background: #00b6de;
        font-size: 17px;
        color: #fff;
        text-transform: uppercase;
        padding: .5em .7em;
    }
    .boton:hover {
        background: #717174;
        color: #fff;
    }
    .boton-blanco {
        border-radius: 20px;
        background: transparent;
        border: 2px solid #fff;
        font-size: 17px;
        color: #fff;
        text-transform: uppercase;
        padding: .5em .7em;
    }
    .boton-blanco:hover {
        background: transparent;
        border: 3px solid #717075;
        color: #717075;
    }
    #respond {
        margin-top: 2.5em;
        color: #717075;
        font-size: 14px;
        border-top: 1px dotted #dedede;
        padding-top: 1em;
    }
    #respond p,
    #respond label {
        color: #717075;
        font-size: 14px;
    }
    #respond select {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 95%;
        color: #717174;
    }
    #respond select:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    #respond input,
    #respond textarea {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 95%;
        color: #717174;
        padding: .3em;
        outline: none;
    }
    #respond input:focus,
    #respond textarea:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    #respond input.btn-enviar {
        border-radius: 20px;
        background: #00B6DE;
        padding: .5em;
        color: #fff;
        border: 1px solid #00B6DE;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 17px;
    }
    #respond input.btn-enviar:hover {
        background: #717174;
        color: #fff;
        padding: .5em;
        border: 1px solid #717174;
        cursor: pointer;
    }
    .entry-content {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.sidebar{
     width: 100%;
    margin: 0 .5em 0 0em !important;
    display: inline-block;
    vertical-align: top;
}

    .categorias {
        background: #f9f9fa;
        border-radius: 20px;
        padding: .5em .8em;
        font-size: 14px;
    }
    .categorias a {
        font-size: 14px;
        color: #00b6de;
        text-decoration: underline;
    }
    .categoria {
        font-size: 12px;
        background: url(http://www.abacometrics.com/wp-content/themes/Abaco/images/ico-tags.png) no-repeat;
        padding-left: 2em;
        margin-top: .5em;
    }


 /************************* ACADEMY *************************/

	.interiorAcademy {
  		border-radius: 5px;
	    box-shadow: 0px 0px 8px #dedede;
    	background: #fff;
	    padding: 1em 1em 1.5em 1em;
    	margin: 1em 1em 0 1em;
	    display: block;
	}
	.interiorAcademy h1 {
	    margin-bottom: 0px;
    	font-size: 28px;
	    letter-spacing: 1px;
    	text-transform: uppercase;
	}
	.interiorAcademy h2 {
    	margin: 1em 0;
	    font-size: 22px;
    	letter-spacing: 1px;
	    text-transform: uppercase;
	}
	.interiorAcademy p {
    	color: #717174;
	    font-size: 16px;
    	line-height: 20px;
	}
	.interiorAcademy ul li {
    	color: #717174;
	    font-size: 16px;
    	line-height: 22px;
	    list-style: disc;
    	margin-left: 1em
	}
	ul.cursos {
    	display: block;
	    text-align: center;
    	margin: 1em 0;
	}
	ul.cursos li {
    	list-style: none;
	    display: inline-block;
	}
	.interiorAcademy select {
    	border: 1px solid #dedede;
	    border-radius: 5px;
	    width: 95%;
    	color: #717174;
	}
	.interiorAcademy select:focus {
    	border: 1px solid #00B6DE;
	    border-radius: 5px;
	}
	.interiorAcademy input {
    	border: 1px solid #dedede;
	    color: #717174;
    	margin: 0;
	    padding: 0;
	}
	.interiorAcademy textarea {
    	border: 1px solid #dedede;
	    border-radius: 5px;
    	width: 95%;
	    color: #717174;
    	margin: 0;
	}
	.interiorAcademy i.alerta {
    	color: #00B6DE;
    	font-size: 13px;
	}
	.interiorAcademy .alerta {
    	color: #00B6DE;
	}
	.interiorAcademy input:focus,
	.interiorAcademy textarea:focus {
    	border: 1px solid #00B6DE;
	    border-radius: 5px;
	}
	.interiorAcademy input.btn-enviar {
    	border-radius: 20px;
	    background: #00B6DE;
    	padding: .7em 1em;
	    color: #fff;
    	border: 1px solid #00B6DE;
	    cursor: pointer;
    	text-transform: uppercase;
	    font-size: 17px;
	}
	.interiorAcademy input.btn-enviar:hover {
    	border-radius: 20px;
	    background: #717174;
    	padding: .7em 1em;
	    color: #fff;
    	border: 1px solid #717174;
	    cursor: pointer;
	}
	.interiorAcademy label {
    	color: #717075;
	    font-size: 14px;
    	padding: 0;
	    margin: 0;
	}
	.academy-curso {
    	width: 63%;
	    display: inline-block;
    	vertical-align: top;
	}
	.academy-form {
    	width: auto;
	    padding: 1em;
    	background: #f1f1f1;
	    border-radius: 5px;
    	margin: 0 1em 0 1em;
	    display: inline-block;
	    vertical-align: top;
	}
    .academy-form-100 {
        width: 96%;
        padding: 1em;
        background: #f1f1f1;
        border-radius: 5px;
        margin: 1em 1em 0 1em;
        display: inline-block;
        vertical-align: top;
    }
	.mapaAcademy {
    	width: auto;
	    display: block;
    	vertical-align: top;
	    margin: 2em 1em;
	}
	.offTable thead,
	.offTable tbody,
	.offTable tfoot,
	.offTable td,
	.offTable tbody tr:nth-child(even) {
    	background: none !important;
    	border-color: none !important;
	}
	.academy-int {
    	width: auto;
	    display: block;
    	border-radius: 5px;
	    box-shadow: 0px 0px 8px #dedede;
    	background: #fff;
	    padding: 0 0 1.5em 0;
    	margin: 1em .5em;
	}
	.academy-int p {
    	padding: 0 1em;
	}
    .academy-int h3 {
        text-align: center;
        font-size: 18px;
        padding: 1em 0 .3em 0;
        line-height: 21px;
    }
    .A-Academy p{
        color: #717174;
        font-size: 18px !important;
        height: auto !important;
        text-align: justify;
    }
    .A-Academy p i{
        font-size: 16px !important;
        color: #00B6DE !important;
    }
    ul.reqs {
        color: #a1a1a1;
        text-decoration: none;
        margin: 1em 1em .5em 1em;
        width: 80%;
        font-size: 18px !important;
        height: 7em !important;
    }
    .A-Anlytics {
    	background: #ffaa33;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Anlytics h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Fundamentos {
    	background: #3354bb;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Fundamentos h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Search {
    	background: #99bb33;
	    padding: 1em 0;
	    color: #fff;
    	font-size: 18px;
	    text-align: center;
    	margin-bottom: 1em;
	}
	.A-Search h1 {
    	font-size: 60px;
    	color: #fff;
	    text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Display {
    	background: #3399fe;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Display h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Video {
    	background: #ef4400;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Video h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Seo {
    	background: #704e97;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Seo h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
  .A-GTM {
    	background: #999;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-GTM h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.academy-int ul {
    	color: #a1a1a1;
	    text-decoration: none;
    	margin: 0 1em .5em 1em !important;
	}
	ul.extras {
    	color: #a1a1a1;
    	text-decoration: none;
    	margin: 0 1em 2em 1em;
	}
	.extras li {
    	display: inline-block;
    	list-style: none;
	    margin: 0;
    	padding: 0;
	}
	.extras li a.descarga {
    	background: url(http://abaco.mx/wp-content/uploads/2017/05/pdf.png) no-repeat left center;
	    padding: .2em 0 .2em 2em;
    	color: #a1a1a1;
	    text-transform: uppercase;
	}
	.extras li a.descarga:hover {
	    color: #00b6de;
	}
	.extras li a.marker {
    	background: url(http://abaco.mx/wp-content/uploads/2017/05/marker-academy.png) no-repeat left center;
    	padding: .2em 0 .2em 1.8em;
	    color: #a1a1a1;
    	text-transform: uppercase;
        cursor: crosshair;
	}
	.lugar {
    	float: right;
	    margin-right: 1em !important;
	}
	.extras li a.marker:hover {
    	color: #00b6de;
	}

.bg-porcentajes {
    box-shadow: 0px 0px 8px #dedede;
    background: #fff;
    padding: 0 0 1.5em 0;
    height: auto;
    margin: 2em 0 2em 0;
}
.porcentajes {
    margin: 1em 1.8em 0;
    color: #717174;
    font-size: 18px;
    text-transform: uppercase;
}
.porcentajes h1 {
    margin: 0;
    padding: .2em 0em 1em 0em;
    color: #717174;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
}
.porcentajes span {
    margin: 0;
    color: #00b6de;
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
}
.porcentajes ul {
    text-align: center;
}
.porcentajes li {
    list-style: none;
    margin: .5em 0em 0 0em;
    text-align: center;
    float: left;
    width: 50%;
}
	.bg-testimoniales {
    	box-shadow: 0px 0px 8px #dedede;
	    background: #fff;
    	padding: 0 0 1.5em 0;
	    height: auto;
    	margin: 2em 0 2em 0;
	}
	.testimoniales {
    	margin: 1em 1.8em 0;
	}
	.testimoniales h1 {
    	margin: 0;
	    padding: .2em 0em;
    	color: #717174;
	    font-size: 22px;
    	text-transform: uppercase;
	}
	.testimoniales h1 span {
    	margin: 0;
	    color: #717174;
    	font-size: 16px;
	    text-transform: uppercase;
	    font-weight: normal !important
	}
	.testimoniales img {
    	width: 100px;
	    height: auto;
	}
	.testimoniales ul {
    	text-align: center;
	}
	.testimoniales li {
    	list-style: none;
	    margin: .5em 0em 0 0em;
	    text-align: center;
	    float: left;
	    width: 100%
	}
	.testimoniales li.quote {
	    list-style: none;
    	margin: .5em 0 0 0;
	    padding: 1.5em 0 0 0;
    	text-align: center;
	    float: left;
    	width: 100%;
	    font-size: 18px;
    	line-height: 30px;
	}
    .formasPago{
        margin: 0;
        padding: 0;
    }
    .formasPago ul{
        text-align: left;
        margin:0;
        padding: 0;
        display: block;
        width: auto;
    }
    .formasPago ul li{
        list-style: none !important;
        padding: 0 0 0 1em !important;
        margin: 0 !important;
        display: inline-block !important;
        width: 90px !important;
    }
    .formasPago img{
        height: 40px;
        padding: 0;
        margin: 0;
    }
    .perfiles {
        width: auto;
        display: inline-block;
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        margin: 1em .8em;
        vertical-align: top;
    }
    .perfiles p {
        padding: 0 1em;
        font-size: 16px;
    }
    .perfiles h1 {
        text-align: center;
        padding: .8em .5em 0 .5em;
    }
    .perfiles ul li {
        color: #717174;
        font-size: 16px;
        line-height: 22px;
        list-style: disc;
        margin-left: 2em;
    }
    .tit_perfil {
    	background: #00b6de;
    	border-top-left-radius: 5px;
    	border-top-right-radius: 5px;
    	padding: 1em 0;
    	color: #fff;
    	text-align: center;
    	margin-bottom: 1em;
	}
	.tit_perfil h2 {
    	font-size: 24px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
    .teaserEquipo{
        display: inline-block;
        width: 98%;
        margin: 0 .8em;
        text-align: center;
         vertical-align: top
    }
    .teaserQuienes{
        display: inline-block;
        width: 98%;
        margin: 0 .8em;
        text-align: center !important;
        vertical-align: top
    }
    .teaserQuienes h2, .teaserEquipo h2{
        font-size: 18px;
    }
    .teaserQuienes p, .teaserEquipo p{
        text-align: center !important;
    }
    .teaserQuienes img, .teaserEquipo img{
        text-align: center !important;
        margin: 0 auto;
    }

}


/*************** ////////////////////////////// /*************** RESPONSIVE 320 /*************** ////////////////////////////// /***************/

@media only screen and (min-width: 320px) and (max-width: 567px) {

    body {
        overflow-x: hidden;
    }
    header {
        height: 8em;
    }
    article {
        margin-top: 1em;
        float: left;
        width: 100%;
    }
    .top-bar {
        background: #717073;
        height: 40px;
        width: 100%;
        color: #ffffff;
        margin: 0;
    }
    ul.topContact {
        width: 66%;
        background: none;
        margin: .5em 0 0 1%;
        padding: 0 !important;
        float: left;
    }
    .topContact li {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: normal;
    }
    .topContact li.contact {
        float: left;
        margin-right: .3em !important;
    }
    .topContact li.contact a {
        color: #fff;
        text-decoration: none;
    }
    .topContact li.contact a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
    }
    .topContact img {
        height: 20px !important;
        width: 20px !important;
    }
    .topContact img.phone {
        height: 20px !important;
        width: 12px !important;
    }
    ul.social {
        background: none;
        margin: .5em 1% 0 0;
        padding: 0 !important;
        width: 32%;
        float: left;
    }
    .social li {
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-weight: normal;
    }
    .social img {
        height: 20px !important;
        width: 20px !important;
    }
    .logo {
        margin: .5em .5em 1em .2em;
        width: 220px;
        height: 55px;
        float: left;
        text-indent: -99999px;
        z-index: 18293848;
        position: absolute;
        background: url("../images/logo-abaco.svg") no-repeat;
    }
    .clear{
    	height: .5em;
    }
    .heroe {
        padding: 0;
        margin: 0;
        z-index: 0;
        position: relative;
        background-image: url('../images/heroe-home.jpg');
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: none !important;
        background-attachment: scroll !important;
        height: 200px !important;
    }
	.heroeAcademy {
    	padding: 0;
	    margin: 0;
    	z-index: 0;
	    position: relative;
    	background-image: url('http://abaco.mx/wp-content/uploads/2017/05/hero-academy_2.jpg');
       	background-size: cover !important;
        background-position: center center !important;
        background-repeat: none !important;
        background-attachment: scroll !important;
        height: 200px !important;
	}
	.heroe h1,
    .heroeAcademy h1  {
        color: #fff;
        width: 95% !important;
        z-index: 2;
        font-size: 26px;
        font-weight: normal;
        line-height: 27px;
        margin: 0 auto !important;
        padding: 1.8em .5em 1em .5em;
        height: auto;
    }
	.heroeAcademy h1 .subAcademy {
    	font-size: 17px !important;
	    line-height: 18px !important;
	    margin: 0;
	    padding: 0;
	    width: 95%;
	}
	.heroe .h-top,
	.heroeAcademy .h-top {
    	background: #00b6de;
	    height: 3px;
    	width: 15%;
	    position: relative;
	    z-index: 2;
	    text-shadow: 1px 1px 10px #717174;
	}
	.heroe a,
	.heroeAcademy a {
    	border-radius: 20px;
	    border: 2px solid #fff;
    	color: #fff;
	    font-size: 16px;
    	padding: .2em .7em;
	    text-transform: uppercase;
	}
	.heroe a:hover,
	.heroeAcademy a:hover {
	    border: 2px solid #00b6de;
	}
    .heroe img,
    .heroeAcademy img  {
        width: 100%;
        position: relative;
        float: left;
    }
    .heroe-int {
        padding: 0;
        margin: 0;
        z-index: 1;
        position: relative;
        background-size: 100%;
        height: 160px !important;
    }
    .heroe-int .h-top {
        background: #00b6de;
        height: 5px;
        width: 15% !important;
        position: relative;
        z-index: 20;
        margin-top: 1.5em !important;
        text-shadow: 1px 1px 5px #555 !important;
    }
    .heroe-int h1 {
        color: #fff;
        width: 85%;
        z-index: 2;
        font-size: 30px !important;
        margin: 0 auto;
        padding: .5em 1em 0em 0;
        line-height: 35px !important;
        text-shadow: 1px 1px 10px #717174;
    }
    .casos {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        margin: 0 .5em;
        height: auto;
    }
    .casos h1 {
        margin: 0;
        padding: .5em 1em;
        color: #717174;
        font-size: 21px;
        width: 100%;
        text-transform: uppercase;
        text-align: left;
    }
    .casos p {
        margin: 0;
        padding: .5em 1em;
        width: 100%;
        color: #717174;
        font-size: 16px;
        line-height: 18px;
        text-align: justify;
    }
    .interior {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 1em 1em 1.5em 1em;
        margin: 1em 1em 0 1em;
    }
    .interior h1.caso {
        margin: 1.5em .2em;
        color: #717174;
        font-size: 25px;
        text-transform: uppercase;
        clear: both;
        text-align: center !important;
    }
    .interior h2 {
        width: 100%;
        height: auto;
        margin: 0 0 1em 0;
        color: #717174;
        font-size: 24px;
        text-transform: uppercase;
    }
    .interior p {
        color: #717174;
        font-size: 16px;
        line-height: 18px;
        text-align: justify;
    }
    .interior ul, .interior ol {
        margin-left: .5em;
    }
    .interior .alignleft {
        float: left;
        margin: 0 1em 1em 0;
        max-height: 300px;
    }
    .interior .alignright {
        float: right;
        margin: 0 0 1em 1em;
        max-height: 300px;
    }
    .homeBlog {
        height: auto;
        width: 100%;
        display: table;
    }
    .contentBlog {
        width: 70%;
        display: table-cell;
        padding: 0;
        vertical-align: top;
    }
    .blogFront {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        height: 630px !important;
        margin: 1em .5em;
    }
    .blogFront h1 {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom: 2px solid #dedede;
        background: #717174;
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .8em;
        color: #fff;
        font-size: 30px;
    }
    .blogFront h2 {
          border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom: 2px solid #dedede;
        background: #717174;
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .8em;
        color: #fff;
        font-size: 30px;
    }
    .blogFront h3 {
        width: 100%;
        margin: 0 3.6em;
        color: #717174;
        font-size: 13px;
    }
    .blogFront p {
        width: 100%;
        margin: 0;
        padding: .5em 1em;
        text-align: justify;
        color: #717174;
        font-size: 16px;
        line-height: 18px;
    }
    .blogFront .blog-col-0 .blog-content {
        width: 100%;
        margin: 0;
        padding: .5em 1em;
        text-align: justify;
    }
    .blogFront .blog-col-0 .blog-content .post-content-text .blog-title {
        margin: 0;
        padding: 0;
        text-align: left;
    }
    .blogFront .blog-col-0 .blog-content .post-content-text {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .blogFront .blog-col-0 .blog-content .post-content-text .blog-content-excerpt .blog-short-content {
        width: 100%;
        margin: 0;
        padding: 0
    }
    .topPost ul {
        width: 100%;
        margin: 0 0 1em 0;
        float: left;
    }
    .topPost ul li {
        list-style: none;
        display: inline-block;
    }
    .topPost .share {
        float: right;
        width: 100%;
        text-align: center;
    }
    .socialShare {
        border-radius: 20px;
        background: #00b6de;
        color: #fff;
        height: auto;
        width: 70% !important;
        padding: .2em .5em;
        float: left;
    }
    .bg-clientes {
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        height: auto;
        margin: 2em 0 2em 0;
    }
    .clientes {
        margin: 1em 1.8em 0;
    }
    .clientes h1 {
        width: 100%;
        height: auto;
        margin: 0;
        padding: .2em .3em;
        color: #717174;
        font-size: 19px;
        text-transform: uppercase;
    }
    .clientes ul {
        width: 100%;
        float: left;
        margin: 0 0 1em 0;
    }
    .clientes li {
        list-style: none;
        display: inline;
        margin: 0;
        text-align: center;
    }
    .clientes img {
        height: 23px !important;
        margin-bottom: 1em !important;
    }
    .resellers {
        margin: 0 .5em;
        height: auto;
    }
    .resellers .img {
        margin: 3em 0 0 1.5em;
        text-align: center;
        width: 85%
    }
    .resellers h2 {
        width: 100%;
        height: auto;
        padding: .5em;
        margin: 0;
        color: #717174;
        font-size: 30px;
        text-transform: uppercase;
    }
    .resellers p {
        width: 100%;
        padding: .5em 1em;
        margin: 0;
        color: #717174;
        font-size: 16px;
        line-height: 18px;
        text-align: justify;
    }
    .academy {
        margin: 1em .5em;
        height: auto;
    }
    .academy img {
        border-top-left-radius: 5px !important;
        border-top-right-radius: 5px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    .academy h1 {
        width: 100%;
        height: auto;
        padding: .5em 1em;
        margin: 0;
        color: #717174;
        font-size: 30px;
        text-transform: uppercase;
    }
    .academy p {
        width: 100%;
        padding: .5em 1em;
        margin: 0;
        color: #717174;
        font-size: 16px;
        line-height: 18px;
        text-align: justify;
    }
    .socios {
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0.01em 0 1.5em 0;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        margin: 1em 1em 0 1em;
    }
    .socios ul {
        text-align: center;
    }
    .socios li {
        list-style: none;
        display: inline;
        margin: .5em .3em .5em 0;
        text-align: center;
    }
    .socios img {
        height: 44px;
        margin-bottom: 1em;
    }
    .socios p {
        width: 85%;
        margin: 1.5em 3em 1em 2em;
        color: #717174;
        font-size: 16px;
        line-height: 20px;
    }
    .contacto {
        width: 100%;
        display: block;
        height: 100%;
        padding: 0 !important;
    }
    .contactoForm {
        width: 100%;
        display: inline-block;
    }
    .contactoForm select {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 100%;
        color: #717174;
    }
    .contactoForm select:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    .contactoForm input {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 100%;
        color: #717174;
    }
    .contactoForm input:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    .contactoForm input.btn-enviar {
        border-radius: 5px;
        background: #00B6DE;
        padding: .5em 1em;
        color: #fff;
        border: 1px solid #00B6DE;
        cursor: pointer;
    }
    .contactoForm input.btn-enviar:hover {
        border-radius: 5px;
        background: #717174;
        padding: .5em 1em;
        color: #fff;
        border: 1px solid #717174;
        cursor: pointer;
    }
    .contactoUnete {
    	width: 90%;
	    display: block;
	    height: 100%;
    	padding: 0 1em;
	}
	.contactoUneteForm {
	    width: 100%;
    	display: inline-block;
	}
	.contactoUneteForm select {
	    border: 1px solid #dedede;
    	border-radius: 5px;
	    width: 95%;
    	color: #717174;
	}
	.contactoUneteForm select:focus {
    	border: 1px solid #00B6DE;
	    border-radius: 5px;
	}
	.contactoUneteForm input {
	    border: 1px solid #dedede;
    	border-radius: 5px;
	    width: 100%;
    	display: inline-block;
	    float: left;
    	margin: 0 1em 1em 0;
	    color: #717174;
	}
	.contactoUneteForm select {
    	border: 1px solid #dedede;
	    border-radius: 5px;
    	width: 100%;
	    display: inline-block;
    	float: left;
	   	margin: 0 1em 1em 0;
    	color: #717174;
	}
	.contactoUneteForm input:focus {
	    border: 1px solid #00B6DE;
    	border-radius: 5px;
	}
	.contactoUneteForm input.btn-enviar {
	    border-radius: 20px;
    	background: #00B6DE;
	    padding: .5em 1em;
    	color: #fff;
	    border: 1px solid #00B6DE;
    	cursor: pointer;
	    width: 100%;
	}
	.contactoUneteForm input.btn-enviar:hover {
	    border-radius: 20px;
    	background: #717174;
	    padding: .5em 1em;
    	color: #fff;
	    border: 1px solid #717174;
    	cursor: pointer;
	}
    .contactoTels {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin: 1.5em 0 0 0;
        border-radius: 5px;
        background: #00B6DE;
        padding: 1em .3em;
    }
    .contactoTels ul {
        margin: 0;
        padding: 0;
    }
    .contactoTels ul li {
        list-style: none !important;
        font-size: 15px;
    }
    .contactoTels ul li.direccion {
        background: url(http://abaco.mx/wp-content/uploads/2017/04/abaco-marker-bco.png) no-repeat left top;
        padding-left: 3.3em;
        color: #fff;
        margin-bottom: 1em
    }
    .contactoTels ul li.telefono {
        background: url(../images/chat.svg) no-repeat left center;
        padding-left: 3.3em;
        color: #fff;
        line-height: 2em
    }
    .contactoTels ul li.telefono a {
        color: #fff;
        text-decoration: none;
        border-bottom: 1px dotted #fff;
    }
    .contactoTels ul li.telefono a:hover {
        color: #fff;
        text-decoration: none;
        border-bottom: none;
    }
    .footer-datos {
        width: 100%;
        float: left;
        background: #717075;
        height: auto;
        text-align: center;
    }
    .f-datos {
        margin: 0 auto;
        padding: 0 1em;
        width: 100%;
    }
    .newsletter {
    width: 100%;
    margin: .5em 0 .8em 0;
    border: 1px solid transparent;
}
.newsletter input.inputMailchimp{
    width: auto;
    margin: 0 auto;
    border: 1px solid #959595 !important;
    border-radius: 10px;
    padding: 0 10px!important;
    height: 2em;
    font-size: 14px;
    color: #959595;
    background: none;
    outline: none;
    text-align: center;
}
    .footer-links {
        width: 100%;
        float: left;
        background: #00b6de;
        height: auto;
    }
    .footer-mapa {
        width: 100%;
        float: left;
        background: #fff;
        height: 27.5em;
    }
    /* BOTONES */

    .boton {
        border-radius: 20px;
        background: #00b6de;
        font-size: 17px;
        color: #fff;
        text-transform: uppercase;
        padding: .5em .7em;
    }
    .boton:hover {
        background: #717174;
        color: #fff;
    }
    .boton-blanco {
        border-radius: 20px;
        background: transparent;
        border: 2px solid #fff;
        font-size: 17px;
        color: #fff;
        text-transform: uppercase;
        padding: .5em .7em;
    }
    .boton-blanco:hover {
        background: transparent;
        border: 3px solid #717075;
        color: #717075;
    }
    .boton-academy {
    	border-radius: 20px;
	    background: #00b6de;
    	font-size: 15px;
	    color: #fff;
    	text-transform: uppercase;
	    padding: .5em;
    	cursor: pointer;
	    margin: 0 auto;
    	text-align: center;
	    display: block;
    	width: 90%
	}
	.boton-academy:hover {
	    background: #717174;
    	color: #fff;
	}
    #respond {
        margin-top: 2.5em;
        color: #717075;
        font-size: 14px;
        border-top: 1px dotted #dedede;
        padding-top: 1em;
    }
    #respond p,
    #respond label {
        color: #717075;
        font-size: 14px;
    }
    #respond select {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 95%;
        color: #717174;
    }
    #respond select:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    #respond input,
    #respond textarea {
        border: 1px solid #dedede;
        border-radius: 5px;
        width: 95%;
        color: #717174;
        padding: .3em;
        outline: none;
    }
    #respond input:focus,
    #respond textarea:focus {
        border: 1px solid #00B6DE;
        border-radius: 5px;
    }
    #respond input.btn-enviar {
        border-radius: 20px;
        background: #00B6DE;
        padding: .5em;
        color: #fff;
        border: 1px solid #00B6DE;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 17px;
    }
    #respond input.btn-enviar:hover {
        background: #717174;
        color: #fff;
        padding: .5em;
        border: 1px solid #717174;
        cursor: pointer;
    }
       .entry-content {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.sidebar{
     width: 100%;
    margin: 0 .5em 0 0em !important;
    display: inline-block;
    vertical-align: top;
}
    .categoria {
        font-size: 12px;
        background: url(http://www.abacometrics.com/wp-content/themes/Abaco/images/ico-tags.png) no-repeat;
        padding-left: 2em;
        margin-top: .5em;
    }
    .blog-col-0 .blog-thumb {
        float: right;
        width: 100% !important;
    }

    /************************* ACADEMY *************************/


   .ico-cursos {
        position: absolute;
        width: 40px;
        height: 40px;
        margin: -50px 0 0 20px !important;
        padding: 0;
    }

	.interiorAcademy {
    	border-radius: 5px;
    	box-shadow: 0px 0px 8px #dedede;
    	background: #fff;
    	padding: 1em 1em 1.5em 1em;
    	margin: 1em 1em 0 1em;
    	display: block;

	}
	.interiorAcademy h1 {
	    margin-bottom: 0px;
    	font-size: 21px !important;
	    letter-spacing: 1px;
    	text-transform: uppercase;
	}
	.interiorAcademy h2 {
    	margin: 1em 0;
	    font-size: 22px;
    	letter-spacing: 1px;
	    text-transform: uppercase;
	}
	.interiorAcademy p {
    	color: #717174;
	    font-size: 16px;
    	line-height: 20px;
	}
	.interiorAcademy ul {
	    width: 100% !important;
	}
	.interiorAcademy ul li {
    	color: #717174;
	    font-size: 16px;
    	line-height: 22px;
	    list-style: disc;
    	margin-left: 1em
	}
	ul.cursos {
    	display: block;
	    text-align: center;
    	margin: 1em 0;
	}
	ul.cursos li {
    	list-style: none;
	    display: inline-block;
	}
	.interiorAcademy select {
    	border: 1px solid #dedede;
	    border-radius: 5px;
	    width: 95%;
    	color: #717174;
	}
	.interiorAcademy select:focus {
    	border: 1px solid #00B6DE;
	    border-radius: 5px;
	}
	.interiorAcademy input {
    	border: 1px solid #dedede;
	    color: #717174;
    	margin: 0;
	    padding: 0;
	}
	.interiorAcademy textarea {
    	border: 1px solid #dedede;
	    border-radius: 5px;
    	width: 95%;
	    color: #717174;
    	margin: 0;
	}
	.interiorAcademy i.alerta {
    	color: #00B6DE;
    	font-size: 13px;
	}
	.interiorAcademy .alerta {
    	color: #00B6DE;
	}
	.interiorAcademy input:focus,
	.interiorAcademy textarea:focus {
    	border: 1px solid #00B6DE;
	    border-radius: 5px;
	}
	.interiorAcademy input.btn-enviar {
    	border-radius: 20px;
	    background: #00B6DE;
    	padding: .7em 1em;
	    color: #fff;
    	border: 1px solid #00B6DE;
	    cursor: pointer;
    	text-transform: uppercase;
	    font-size: 17px;
	}
	.interiorAcademy input.btn-enviar:hover {
    	border-radius: 20px;
	    background: #717174;
    	padding: .7em 1em;
	    color: #fff;
    	border: 1px solid #717174;
	    cursor: pointer;
	}
	.interiorAcademy label {
    	color: #717075;
	    font-size: 13px;
    	padding: 0;
	    margin: 0;
	}
	.academy-curso {
    	width: 63%;
	    display: inline-block;
    	vertical-align: top;
	}
	.academy-form {
    	width: auto;
	    padding: 1em;
    	background: #f1f1f1;
	    border-radius: 5px;
    	margin: 0 .5em;
	    display: block;
	    vertical-align: top;
	}
    .academy-form-100 {
        width: 96%;
        padding: 1em;
        background: #f1f1f1;
        border-radius: 5px;
        margin: 1em 1em 0 1em;
        display: inline-block;
        vertical-align: top;
    }
    .mapaAcademy {
    	width: auto;
	    display: block;
    	vertical-align: top;
    	margin: 1em .5em;
	}
	.offTable thead,
	.offTable tbody,
	.offTable tfoot,
	.offTable td,
	.offTable tbody tr:nth-child(even) {
    	background: none !important;
    	border-color: none !important;
    	padding: 0 !important;
	}
	.academy-int {
    	width: auto;
	    display: block;
    	border-radius: 5px;
	    box-shadow: 0px 0px 8px #dedede;
    	background: #fff;
	    padding: 0 0 1.5em 0;
    	margin: 1em .5em;
	}
	.academy-int p {
    	padding: 0 1em;
	}
    .academy-int h3 {
        text-align: center;
        font-size: 18px;
        padding: 1em 0 .3em 0;
        line-height: 21px;
    }
    .A-Academy p{
        color: #717174;
        font-size: 16px !important;
        height: auto !important;
        text-align: justify;
    }
    .A-Academy p i{
        font-size: 14px !important;
        color: #00B6DE !important;
    }
    ul.reqs {
        color: #a1a1a1;
        text-decoration: none;
        margin: 1em 1em 1.5em 1em !important;
        width: 80%;
        font-size: 15px !important;
        height: auto !important;
    }
    .A-Anlytics {
    	background: #ffaa33;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Anlytics h1 {
    	font-size: 40px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Fundamentos {
    	background: #3354bb;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Fundamentos h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Search {
    	background: #99bb33;
	    padding: 1em 0;
	    color: #fff;
    	font-size: 18px;
	    text-align: center;
    	margin-bottom: 1em;
	}
	.A-Search h1 {
    	font-size: 60px;
    	color: #fff;
	    text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Display {
    	background: #3399fe;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Display h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Video {
    	background: #ef4400;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Video h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.A-Seo {
    	background: #704e97;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-Seo h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
  .A-GTM {
    	background: #999;
	    padding: 1em 0;
    	color: #fff;
	    font-size: 18px;
    	text-align: center;
	    margin-bottom: 1em;
	}
	.A-GTM h1 {
    	font-size: 60px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
	.academy-int ul {
    	color: #a1a1a1;
	    text-decoration: none;
    	margin: 0 1em .5em 1em !important;
	}
	ul.extras {
    	color: #a1a1a1;
    	text-decoration: none;
    	margin: 0 0 2em 0 !important;
    	padding: .5em 0;
	}
	.extras li {
    	display: block;
    	list-style: none;
	    margin: 0 !important;
    	padding: 0 0 1.2em 1em !important;
    	width: 100%;
	}
	.extras li a.descarga {
    	background: url(http://abaco.mx/wp-content/uploads/2017/05/pdf.png) no-repeat left center;
	    padding: .2em 0 .2em 2em;
    	color: #a1a1a1;
	    text-transform: uppercase;
	}
	.extras li a.descarga:hover {
	    color: #00b6de;
	}
	.extras li a.marker {
    	background: url(http://abaco.mx/wp-content/uploads/2017/05/marker-academy.png) no-repeat left center;
    	padding: .2em 0 .2em 1.8em;
	    color: #a1a1a1;
    	text-transform: uppercase;
        cursor: crosshair;
	}
	.lugar {
	    margin-right: 1em !important;
	}
	.extras li a.marker:hover {
    	color: #00b6de;
	}

.bg-porcentajes {
    box-shadow: 0px 0px 8px #dedede;
    background: #fff;
    padding: 0 0 1.5em 0;
    height: auto;
    margin: 2em 0 2em 0;
}
.porcentajes {
    margin: 1em 1.8em 0;
    color: #717174;
    font-size: 18px;
    text-transform: uppercase;
}
.porcentajes h1 {
    margin: 0;
    padding: .2em 0em 1em 0em;
    color: #717174;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
}
.porcentajes span {
    margin: 0;
    color: #00b6de;
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
}
.porcentajes ul {
    text-align: center;
}
.porcentajes li {
    list-style: none;
    margin: .5em 0em 0 0em;
    text-align: center;
    float: left;
    width: 50%;
}
	.bg-testimoniales {
    	box-shadow: 0px 0px 8px #dedede;
	    background: #fff;
    	padding: 0 0 1.5em 0;
	    height: auto;
    	margin: 2em 0 2em 0;
	}
	.testimoniales {
    	margin: 1em 1.8em 0;
	}
	.testimoniales h1 {
    	margin: 0;
	    padding: .2em 0em;
    	color: #717174;
	    font-size: 22px;
    	text-transform: uppercase;
	}
	.testimoniales h1 span {
    	margin: 0;
	    color: #717174;
    	font-size: 16px;
	    text-transform: uppercase;
	    font-weight: normal !important
	}
	.testimoniales img {
    	width: 100px;
	    height: auto;
	}
	.testimoniales ul {
    	text-align: center;
	}
	.testimoniales li {
    	list-style: none;
	    margin: .5em 0em 0 0em;
	    text-align: center;
	    float: left;
	    width: 100%
	}
	.testimoniales li.quote {
	    list-style: none;
    	margin: .5em 0 0 0;
	    padding: 1.5em 0 0 0;
    	text-align: center;
	    float: left;
    	width: 100%;
	    font-size: 18px;
    	line-height: 30px;
	}
    .formasPago{
        margin: 0;
        padding: 0;
    }
    .formasPago ul{
        text-align: left;
        margin:0;
        padding: 0;
        display: block;
        width: auto;
    }
    .formasPago ul li{
        list-style: none !important;
        padding: 0 0 0 .5em !important;
        margin: 0 !important;
        display: inline-block !important;
        width: auto !important;
    }
    .formasPago img{
        height: 30px;
        padding: 0;
        margin: 0;
    }
    .perfiles {
        width: auto;
        display: inline-block;
        border-radius: 5px;
        box-shadow: 0px 0px 8px #dedede;
        background: #fff;
        padding: 0 0 1.5em 0;
        margin: 1em .8em;
        vertical-align: top;
    }
    .perfiles p {
        padding: 0 1em;
        font-size: 16px;
    }
    .perfiles h1 {
        text-align: center;
        padding: .8em 0 0 0;
    }
    .perfiles ul li {
        color: #717174;
        font-size: 16px;
        line-height: 22px;
        list-style: disc;
        margin-left: 2em;
        width: 90%;
    }
    .tit_perfil {
    	background: #00b6de;
    	border-top-left-radius: 5px;
    	border-top-right-radius: 5px;
    	padding: 1em 0;
    	color: #fff;
    	text-align: center;
    	margin-bottom: 1em;
	}
	.tit_perfil h2 {
    	font-size: 24px;
	    color: #fff;
    	text-align: center;
	    margin: 0;
    	padding: 0;
	}
    .teaserEquipo{
        display: inline-block;
        width: 98%;
        margin: 0 .8em;
        text-align: center;
         vertical-align: top
    }
    .teaserQuienes{
        display: inline-block;
        width: 98%;
        margin: 0 .8em;
        text-align: center !important;
        vertical-align: top
    }
    .teaserQuienes h2, .teaserEquipo h2{
        font-size: 18px;
    }
    .teaserQuienes p, .teaserEquipo p{
        text-align: center !important;
    }
    .teaserQuienes img, .teaserEquipo img{
        text-align: center !important;
        margin: 0 auto;
    }
}