.clearfix:after {
    content   : " ";
    visibility: hidden;
    display   : block;
    height    : 0;
    clear     : both;
}

#form_01 label {
    color    : #65a5e5;
    font-size: 13px;
}

.formula #form_01 .relativismo {
    position  : relative;
    margin-top: 0px
}

.formula #form_01 .relativismo div.error {
    background-image   : url(../img/icon.jpg);
    background-repeat  : no-repeat;
    background-position: 2px 2px;
    position           : absolute;
    z-index            : 1000;
    top                : 1px;
    right              : -1%;
    font-weight        : 400;
    background-color   : #fbfbfb;
    padding            : 4px;
    border             : 0px solid #bababa;
    z-index            : 3000;



    -webkit-box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.13);
    -moz-box-shadow   : 0px 3px 5px 1px rgba(0, 0, 0, 0.13);
    box-shadow        : 0px 3px 5px 1px rgba(0, 0, 0, 0.13);
    padding-left      : 23px;
    font-size         : 10px;
}


.niveles_3 {
    font-size: 20px
}

.niveles_3 p {
    padding-top: 40px
}

@font-face {
    font-family: Gotham-Book;
    font-style : normal;
    font-weight: normal;
    src        : url("../fonts/Gotham Book Regular.ttf");
    src        : url("../fonts/Gotham Book Regular.woff");
}

@font-face {
    font-family: Gotham-Medium;
    font-style : normal;
    font-weight: normal;
    src        : url("../fonts/Gotham Medium Regular.ttf");
    src        : url("../fonts/Gotham Medium Regular.woff");
}

@font-face {
    font-family: Gotham-Black;
    font-style : normal;
    font-weight: bolder;
    src        : url("../fonts/Gotham Black Regular.ttf");
    src        : url("../fonts/Gotham Black Regular.woff");
}

*,
*:before,
*:after,
*::before,
*::after {
    margin         : 0;
    padding        : 0;
    font-size      : 100%;
    font-family    : 'Gotham-Book';
    list-style     : none;
    text-decoration: none;
    box-sizing     : border-box;
}

html {
    height: 100%;
}

body {
    width           : 100%;
    height          : 100%;
    overflow-x      : hidden;
    background-color: #f6f6f6;
}

@media screen and (max-width:700px) {
    body {
        height          : auto;
        background-color: #fff;
    }
}

.ax-responsive {
    display: none;
}

.ax-two-columns {
    display       : table-cell;
    vertical-align: middle;
    position      : relative;
    width         : 50%;
}

.ax-header-container {
    position        : fixed;
    width           : 100%;
    background-color: transparent;
    padding         : .5% 0;
    z-index         : 10;
    top             : 0;
    transition      : all .3s ease-in-out;
    background-color: #fff;
}

.ax-header-container-active {
    background-color: rgba(255, 255, 255, .9) !important;
}

.ax-center-container {
    position : relative;
    max-width: 1280px;
    width    : 100%;
    margin   : auto;
}

.ax-header-logo-container {
    width  : 19%;
    display: inline-block;
}

.ax-legis-logo img {
    position: relative;
    width   : 100%;
}

.ax-legis-logo {
    position      : relative;
    width         : 24%;
    margin-right  : 2%;
    display       : inline-block;
    vertical-align: middle;
}

.ax-construdata-logo {
    position      : relative;
    width         : 80%;
    padding-left  : 10px;
    padding-top   : 8px;
    padding-bottom: 8px;
    display       : inherit;
    vertical-align: middle;

}

.esconder_logo {
    display: none
}

.ax-construdata-logo img {
    width   : 100%;
    position: relative;
}

.ax-nav-container {
    position      : relative;
    display       : inline-block;
    width         : 80%;
    vertical-align: middle;
    text-align    : right;
}

ul.ax-navigation {
    width   : 100%;
    position: relative;
}

ul.ax-navigation>li {
    display   : inline-block;
    padding   : 0 3%;
    text-align: center;
    position  : relative;
}

ul.ax-navigation>li>a {
    font-size     : 1em;
    color         : #676767;
    transition    : all .3s ease-in-out;
    position      : relative;
    opacity       : .8;
    width         : 100%;
    text-transform: uppercase;
}

ul.ax-navigation>li>a:hover,
.active-link {
    opacity: 1 !important;
    color  : #e40174 !important;
}

.ax-center-container>a {
    display       : block;
    position      : absolute;
    z-index       : 9;
    bottom        : 10%;
    left          : 10%;
    font-size     : 1.5em;
    text-transform: uppercase;
    color         : #fff;
}

/* header banner */
.ax-banner-header {
    height               : 100%;
    position             : relative;
    background-image     : url('../img/header-banner.jpg');
    background-size      : cover;
    background-attachment: fixed;
    background-position-x: 0;
    transition           : all .03s ease-in-out;
    background-size      : contain;
    background-repeat    : no-repeat;
}

.ax-header-banner-content {
    position      : relative;
    width         : 40% !important;
    top           : 0;
    bottom        : 0;
    margin        : auto;
    display       : table-cell;
    /* height     : auto; */
    vertical-align: middle;
}

.ax-header-banner-content>img {
    position: relative;
    width   : 70%;
    margin  : 0 auto 7% auto;
    display : block;
    top     : 30px;
}

.ax-header-banner-content>h1 {
    position     : relative;
    width        : 65%;
    text-align   : center;
    margin       : 8% auto;
    color        : #1e6ab0;
    font-weight  : bold;
    font-size    : 1.6em;
    margin-bottom: 20%;
}

.ax-banner-header>.ax-center-container {
    display: table;
    height : 100%;
}

div.ax-purple-link2 {

    position  : relative;
    margin    : auto;
    transition: all .5s ease-in-out;
}

div.ax-purple-link2>a {
    padding                                           : 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e40174+74,b6015c+99 */
    background                                        : rgb(228, 1, 116);
    /* Old browsers */
    background                                        : -moz-radial-gradient(center, ellipse cover, rgba(228, 1, 116, 1) 74%, rgba(182, 1, 92, 1) 99%);
    /* FF3.6-15 */
    background                                        : -webkit-radial-gradient(center, ellipse cover, rgba(228, 1, 116, 1) 74%, rgba(182, 1, 92, 1) 99%);
    /* Chrome10-25,Safari5.1-6 */
    background                                        : radial-gradient(ellipse at center, rgba(228, 1, 116, 1) 74%, rgba(182, 1, 92, 1) 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter                                            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#e40174', endColorstr='#b6015c', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    z-index                                           : 6;
    display                                           : table;
    margin                                            : 0 auto;
    text-align                                        : center;
    color                                             : #fff;
    font-size                                         : 1.2em;
    font-weight                                       : 600;
    padding                                           : 1% 1%;
}

div.ax-purple-link2:after {
    content: "";
    z-index: -2;
    width  : 45%;


    position  : absolute;
    height    : 21px;
    left      : 49%;
    bottom    : 14%;
    transform : rotate(5deg);
    display   : block;
    transition: all .5s ease-in-out;
}

.ax-banner-header div.ax-purple-link {
    width: 450px;
}

div.ax-purple-link:before {
    content         : "";
    z-index         : -2;
    width           : 45%;
    background-color: rgba(0, 0, 0, .3);
    box-shadow      : 15px 15px 30px rgba(0, 0, 0, 0.5);
    position        : absolute;
    height          : 21px;
    left            : 0;
    bottom          : 14%;
    transform       : rotate(-5deg);
    display         : block;
    transition      : all .5s ease-in-out;
}

.ax-purple-link2:hover {
    opacity: .9;
}

.ax-purple-link2:hover:after,
.ax-purple-link2:hover:before {
    bottom: 20%
}

.ax-purple-link2>a>span {
    display   : block;
    margin-top: 2%;
    color     : #ffff00;
}

/* header banner */
/* que es */
div#ax-que-es {
    position: relative;
}

div#ax-que-es>.ax-center-container .ax-two-columns:nth-child(1) {
    width: 25%;
}

div#ax-que-es>.ax-center-container>.ax-two-columns h1 {
    color         : #1e6ab0;
    text-transform: uppercase;
    font-size     : 1.5em;
    font-weight   : 300;
    margin-bottom : 3%;
}

.PorQue {
    color         : #1e6ab0;
    text-transform: uppercase;
    font-size     : 1.5em;
    font-weight   : 300;
    margin-bottom : 3%;
}

h1.PorQue>strong {
    display    : block;
    font-size  : 1.5em;
    font-weight: bold;
    font-family: 'Gotham-Medium';
}

div#ax-que-es>.ax-center-container h1>strong {
    display    : block;
    font-size  : 1.5em;
    font-weight: bold;
    font-family: 'Gotham-Medium';
}

div#ax-que-es>.ax-center-container h1:after {
    display      : block;
    content      : "";
    border-bottom: 3px solid;
    width        : 81px;
}

p.ax-gray {
    color: #676767;
}

div#ax-que-es>.ax-center-container img {

    position: relative;
}

.ax-niveles {
    position        : relative;
    width           : 100%;
    padding         : 3% 0;
    background-image: url('../img/blue-texture.jpg');
}

div#ax-que-es>.ax-center-container {
    padding: 4% 0;
}

.ax-header-niveles {
    width        : 100%;
    position     : relative;
    padding      : 0 15%;
    margin-bottom: 4%;
}

p.ax-white {
    color: #fff;
}

h1.ax-three-levels {
    color         : #fff;
    position      : relative;
    text-transform: uppercase;
}

strong.ax-level-1 {
    display       : inline-block;
    vertical-align: middle;
    width         : auto;
    opacity       : .7;
    font-size     : 80px;
    font-family   : 'Gotham-Black';
    padding-right : 3%;
}

h1.ax-three-levels>span {
    font-size     : 20px;
    display       : inline-block;
    vertical-align: middle;
    font-weight   : 300;
}

strong.ax-level-2 {
    display    : block;
    font-weight: bold;
    font-family: 'Gotham-Medium';
    font-size  : 1.3em;
}

.ax-level {
    background-color: #fff;
    position        : relative;
    width           : 85%;
    margin          : auto;
    box-shadow      : 12px 12px 0 rgba(0, 0, 0, .15);
    display         : table;
    height          : 425px;
    cursor          : pointer;
    transition      : all .5s ease-in-out;
    overflow        : hidden;
}

.ax-levels-info {
    position  : relative;
    text-align: center;
}

.ax-level-content {
    position      : absolute;
    max-height    : 2000px;
    display       : table;
    vertical-align: middle;
    top           : 0;
    bottom        : 0;
    margin        : auto;
    transition    : all 1s ease;
}

.ax-level-image {
    position        : relative;
    width           : 100%;
    max-height      : 2000px;
    transition      : all .5s ease-in-out;
    overflow        : hidden;
    opacity         : 1;
    transition-delay: .5s;
}

.ax-level-image>img {
    width   : 55%;
    margin  : 0 auto;
    position: relative;
}

.ax-level-info {
    position  : relative;
    width     : 100%;
    transition: all .5s ease-in-out;
}

.ax-level-info>h2 {
    color    : #1e6ab0;
    font-size: 1.3em;
    padding  : 7% 0;
}

.ax-level-info>h2>strong {
    display    : block;
    font-weight: bold;
    font-size  : 1.5em;
    font-family: 'Gotham-Medium';
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXX*/

.peque .ax-level {
    min-height: 330px;
}

.peque .ax-level-image>h2 {
    color    : #1e6ab0;
    font-size: 1.3em;
    padding  : 7% 0;


}

.peque .ax-level-image>h2>strong {

    font-weight: bold;
    font-size  : 1.5em;
    font-family: 'Gotham-Medium';
}

.peque .ax-levels-collapse>h3 {
    margin-bottom: 5%;
    margin-top   : 0;
    font-size    : 18px;
    text-align   : left;
    font-weight  : bold;
}

.peque .ax-levels-collapse>p {
    font-size  : 14px;
    text-align : left;
    font-family: Arial;
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXX*/


.ax-level-info>span {
    color           : #7a95ca;
    /*max-height    : 200px;*/
    transition      : all .3s ease-in-out;
    overflow        : hidden;
    display         : block;
    transition-delay: .2s
}

.ax-levels-collapse {
    color           : #fff;
    max-height      : 0;
    overflow        : hidden;
    transition      : all .5s ease-in-out;
    padding         : 0 5%;
    transition-delay: .2s
}

.ax-level-content-active {
    animation: leftoToRight 1s reverse;
}



.ax-level-active {
    background-color: #7a95ca;
}

.ax-level-image-hide {
    max-height      : 0;
    opacity         : 0;
    transition-delay: .2s !important;
}

.span-levels-hide {
    max-height      : 0;
    opacity         : 0;
    transition-delay: .2s !important;
}

.ax-levels-collapse-active {
    max-height      : 2000px;
    opacity         : 1;
    transition-delay: .5s !important;
}
.ax-levels-collapse-active h3{
    font-size: 24px;
}
.ax-levels-collapse-active p{
    font-size: 12px;
}

.ax-levels-collapse>h3 {
    margin-bottom: 7%;
}

@keyframes leftoToRight {
    from {
        left: 0;
    }

    40% {
        left: 200%;
    }

    60% {
        left: 200%;
    }

    to {
        left: 0;
    }
}

/* que es */
/* materias */
.ax-materias-content .ax-purple-link {
    width: 250px;
}

.ax-materias-content .ax-purple-link>a {
    padding: 7% 0;
    display: block;
}

h1.ax-title-materias {
    color      : #7a95ca;
    text-align : center;
    font-size  : 1.8em;
    font-weight: 300;
}

h1.ax-title-materias>strong {
    font-size: 1.7em;
}

h1.ax-title-materias>strong:nth-child(2) {
    display  : block;
    font-size: 1.2em;
}

p.ax-blue {
    color     : #7a95ca;
    margin    : 6% 0 10% 0;
    text-align: center;
}

@media screen and (max-width:700px) {
    p.ax-blue {
        font-size  : 32px;
        line-height: 32px;
    }
}

.ax-materias-content {
    position: relative;
    padding : 5% 0;
}

.ax-materias-content>.ax-two-columns:nth-child(1) {
    width: 30%;
}

.ax-accordion-container {
    width   : 100%;
    position: relative;
}

.accordion-item {
    width        : 100%;
    display      : block;
    margin-bottom: 2%;
}

.accordion-item>h3 {
    color         : #676767;
    text-transform: uppercase;
    padding-bottom: 2%;
    border-bottom : 2px solid #ccd4eb;
    font-size     : 1em;
    cursor        : pointer;

    top   : 0;
    bottom: 0;
    margin: auto;
}

.accordion-content {
    color   : #676767;
    position: relative;
    margin  : 2% 0;

    overflow  : hidden;
    max-height: 0;
    margin    : 0;
}

.accordion-content>ul {
    position: relative;
    width   : 100%;
}

.accordion-content>ul>li {
    padding-left: 20px;
    position    : relative;
}

.accordion-content>ul>li:before {
    position        : absolute;
    content         : "";
    width           : 7px;
    height          : 7px;
    background-color: #ccd4eb;
    left            : 0;
    bottom          : 0;
    top             : 0;
    margin          : auto;
    border-radius   : 50%;
}

.accordion-item>h3:after {
    content   : "+";
    position  : absolute;
    left      : 96%;
    color     : #e31476;
    transition: all .3s ease-in-out;
}

.accordion-item>h3:hover,
.accordion-title-active {
    color: #7a95ca !important;
}

.accordion-title-active:after {
    content: "-" !important;
}

.accordion-content-active {
    max-height: 2000px !important;
    margin    : 2% 0 !important;
}

/* materias */
/* beneficios */
div#ax-beneficios {
    position: relative;
    width   : 100%;
}

.ax-beneficios-image-container {
    position: relative;
    width   : 59%;
    margin  : auto;
    z-index : 1;
}

.ax-beneficios-image-container>img {
    width     : 100%;
    position  : relative;
    box-shadow: 12px 12px 0 rgba(0, 0, 0, .15);
}

.ax-beneficios-title-container {
    position: absolute;
    bottom  : -1.5%;
    right   : 6%;
    width   : 24%;
}

.ax-beneficios-title-container>h1 {
    color         : #fff;
    font-size     : 5em;
    margin-bottom : 30%;
    text-align    : center;
    padding-bottom: 5%;
}

.ax-beneficios-title-container>h1:after {
    display   : block;
    content   : "";
    border    : 2px solid #fff;
    width     : 30%;
    margin    : auto;
    position  : relative;
    margin-top: 5%;
}

.ax-beneficios-title-container>.ax-purple-link {
    width: 250px;
}

.ax-beneficios-title-container>.ax-purple-link>a {
    padding: 7% 0;
}

.ax-beneficios-slide {
    position        : relative;
    padding-top     : 20%;
    background-image: url('../img/beneficios-fondo.jpg');
    margin-top      : -15%;
    padding-bottom  : 4%;
}

.ax-beneficios-slider-container {
    position: relative;
    width   : 100%;
    padding : 0 10%;
}

ul.ax-beneficios-items {
    width   : 100%;
    position: relative;
}

ul.ax-beneficios-items li {
    display       : inline-block;
    width         : 49%;
    vertical-align: top;
    padding-left  : 50px;
    padding-right : 50px;
}

ul.ax-beneficios-items li>h3 {
    position      : relative;
    font-size     : 1.2em;
    color         : #1e6ab0;
    text-transform: uppercase;
    font-weight   : bold;
    font-family   : 'Gotham-Medium';
    margin-bottom : 4%;
}

ul.ax-beneficios-items li>h3:before {
    content          : "";
    width            : 23px;
    height           : 17px;
    background-image : url('../img/checked.svg');
    position         : absolute;
    background-repeat: no-repeat;
    background-size  : cover;
    left             : -40px;
    top              : 5px;
}

img.ax-arrow-beneficios {
    position: absolute;
    top     : 45%;
    width   : 50px;
    cursor  : pointer;
}

.ax-arrow-beneficios-left {
    transform: rotate(90deg);
    left     : 0;
}

.ax-arrow-beneficios-right {
    right    : 0;
    transform: rotate(-90deg);
}

.ax-beneficios-two-cols {
    position: relative;
    width   : 100%;
}

.ax-beneficios-items-container {
    position: relative;
    padding : 5% 0;
}

.ax-beneficios-two-cols>.ax-two-columns:nth-child(2) {
    padding         : 3%;
    width           : 40%;
    background-color: #1e6ab0;
    color           : #fff;
}

ul.beneficios-list {
    position: relative;
    width   : 100%;
}

ul.beneficios-list>li {
    margin-bottom: 7%;
    position     : relative;
    padding-left : 70px;
}

.ax-beneficios-two-cols>.ax-two-columns:nth-child(1) {
    background-image   : url('../img/facil-y-practico.jpg');
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center center;
}

ul.beneficios-list>li:before {
    width              : 42px;
    height             : 50px;
    content            : "";
    position           : absolute;
    left               : 0;
    bottom             : 0;
    top                : 0;
    margin             : auto;
    background-repeat  : no-repeat;
    background-size    : 90%;
    background-position: center center;
}

ul.beneficios-list>li:nth-child(1):before {
    background-image: url('../img/ax-list.png');
}

ul.beneficios-list>li:nth-child(2):before {
    background-image: url('../img/ax-houses.png');
}

ul.beneficios-list>li:nth-child(3):before {
    background-image: url('../img/ax-document.png');
}

ul.beneficios-list>li:nth-child(4):before {
    background-image: url('../img/ax-connect.png');
}

ul.beneficios-list>li:nth-child(5):before {
    background-image: url('../img/ax-law.png');
}

ul.beneficios-list>li:nth-child(6):before {
    background-image: url('../img/ax-phone.png');
}

/* beneficios */
/* clientes */
div#ax-clientes {
    position  : relative;
    width     : 100%;
    text-align: center;
}

div#ax-clientes h1 {
    color         : #517ebc;
    font-size     : 2em;
    text-transform: uppercase;
    font-family   : 'Gotham-medium';
    font-weight   : bold;
    padding-bottom: 2%;
}

div#ax-clientes h1:after {
    content      : "";
    border-bottom: 3px solid;
    display      : block;
    width        : 5%;
    margin       : auto;
    margin-top   : 1%;
}

div#ax-clientes .ax-gray {
    width : 70%;
    margin: auto;
}

.ax-clientes-container {
    position     : relative;
    width        : 90%;
    margin       : auto;
    margin-bottom: 5%;
}

ul.ax-clientes-list {
    position  : relative;
    width     : 85%;
    margin    : auto;
    text-align: center;
    margin-top: 5%;
}

ul.ax-clientes-list li {
    position: relative;
    display : inline-block;
    width   : 24%;
}

ul.ax-clientes-list li>a {
    width  : 70%;
    margin : auto;
    display: block;
}

ul.ax-clientes-list li>a>img {
    width     : 100%;
    position  : relative;
    text-align: center;
}

.arrow-clients {
    position: absolute;
    top     : 45%;
    width   : 50px;
    cursor  : pointer;
}

img.arrow-clients.arrow-clients-left {
    left     : 0;
    transform: rotate(90deg);
}

img.arrow-clients.arrow-clients-right {
    right    : 0;
    transform: rotate(-90deg);
}

.ax-video-container>iframe {
    width   : 80%;
    margin  : auto;
    height  : 589px;
    position: relative;
}

.ax-video-container>.ax-purple-link {
    position  : relative;
    width     : 250px;
    z-index   : 1;
    margin-top: -2.5%;
}

.ax-video-container>.ax-purple-link>a {
    padding: 7% 0;
}

.ax-video-container {
    position     : relative;
    width        : 100%;
    margin-bottom: 5%;
}

/* clientes */
/* seccion contacto */
div#ax-contacto {
    position           : relative;
    width              : 100%;
    background-image   : url('../img/background-form.jpg');
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center center;
}

.form-container {
    position        : relative;
    width           : 60%;
    background-color: #fff;
    margin          : auto;
    padding-top     : 4%;
    padding-bottom  : 2%;
}

div#ax-contacto>.ax-center-container {
    padding: 4% 0;
}

.form-container>.ax-main-title {
    text-align: center;
    font-size : 2em;
}

label.ax-label {
    text-align    : center;
    text-transform: uppercase;
    display       : block;
    margin-top    : 4%;
    color         : #e40174;
}

.ax-three-columns-container {
    position  : relative;
    width     : 80%;
    margin    : auto;
    text-align: center;
    margin-top: 2%;
}

.ax-three-columns {
    display       : inline-block;
    vertical-align: middle;
    width         : 32%;
    vertical-align: top;
    text-align    : center;
}

.ax-three-columns>label {
    text-transform: uppercase;
    padding-left  : 4%;
    vertical-align: middle;
    display       : inline-block;
    color         : #7d7d7d;
}

.ax-three-columns-container input {
    display       : inline-block;
    vertical-align: middle;
}

.ax-input-container {
    position: relative;
    width   : 50%;
    margin  : 2% auto;
}

input.ax-input,
select.ax-input,
textarea.ax-input {
    width        : 100%;
    margin-bottom: 2%;
    padding      : 2%;
    border       : 1px solid #cdcdcd;
    border-radius: 5px;
    box-shadow   : 0px 0px 5px rgba(0, 0, 0, .1);
}

.ax-check-container>input[type="checkbox"] {
    display       : inline-block;
    vertical-align: middle;
    padding-left  : 2%;
    position      : relative;
    width         : 5%;
    text-align    : left;
}

label.ax-check-label {
    display       : inline-block;
    color         : #7d7d7d;
    font-size     : 1.2em;
    width         : 94%;
    vertical-align: top;
    padding-left  : 2%;
}

.ax-check-container {
    position     : relative;
    width        : 100%;
    margin-bottom: 3%;
}

.ax-check-container a {
    color: #7d7d7d;
}

input.ax-submit-button {
    width           : 45%;
    border-radius   : 7px;
    border          : none;
    color           : #fff;
    text-transform  : uppercase;
    margin          : 3% auto;
    display         : block;
    background-color: #e40174;
    padding         : 3% 0;
    cursor          : pointer;
    opacity         : 1;
    font-size       : 1.2em;
    transition      : all .3s ease-in-out;
}

input.ax-submit-button:hover {
    opacity: .7;
}

select.ax-input {
    -webkit-appearance   : none;
    -moz-appearance      : none;
    appearance           : none;
    background-image     : url('../img/select-arrow.png');
    background-repeat    : no-repeat;
    background-size      : 4%;
    background-position-x: 98%;
    background-position-y: center;
}

select.ax-input::-ms-expand {
    display: none;
}

.form-container>h2 {
    color         : #7a95ca;
    text-transform: uppercase;
}

/* seccion contacto */
/* footer */
.ax-footer-container {
    position        : relative;
    width           : 100%;
    background-color: #2a292a;
    padding         : 4% 0;
    text-align      : center;
}

.three-colums-container {
    color    : #fff;
    display  : table;
    max-width: 1280px;
    width    : 100%;
    position : relative;
    margin   : auto;
}

.ax-footer-container .three-columns {
    display       : table-cell;
    width         : 33.33%;
    vertical-align: middle;
}

.three-colums-container a {
    color: #fff;
}

.logo-legis-footer {
    display : inline-block;
    width   : 20%;
    position: relative;
}

.logo-construdata-footer {
    display     : inline-block;
    position    : relative;
    width       : 60%;
    padding-left: 10%;
}

.logo-legis-footer>img {
    width   : 100%;
    position: relative;
}

.logo-construdata-footer>img {
    width   : 33%;
    position: relative;
}

.logo-social-footer {
    position: relative;
    width   : 100%;
}

ul.ax-social-items {
    position    : relative;
    width       : 100%;
    text-align  : center;
    padding-left: 20%;
}

ul.ax-social-items>li {
    width         : 15%;
    vertical-align: middle;
    display       : inline-block;
    text-align    : center;
}

ul.ax-social-items>li>a {
    display   : block;
    text-align: center;
}

ul.ax-social-items>li img {
    display   : block;
    text-align: center;
    width     : 80%;
    transition: all .2s ease-in-out;
    margin    : auto;
}

ul.ax-social-items>li>a:hover>img {
    opacity: .7;
}

/* footer */


/******************************************************************************/

.ax-header-banner-content>img {
    position: relative;
    width   : 51%;
    margin  : 0 auto 7% auto;
    display : block;
    top     : 30px;
}


.sin-margin {
    margin: 0
}

.sin-padding {
    padding: 0
}

.col-centrar {
    margin: 0 auto;
    float : none;
}


.formula .logo-multilegis-banner {
    width: 30%
}

.formula .ax-header-banner-content {
    display: inline;
}

.formula .panel-body {
    padding: 4px;
}

.formula #form_01 .cliente {
    background-color: #f5f5f5;
    margin-top      : 12px;
    padding-top     : 6px
}

.formula #form_01 .panel-default>.panel-heading {}

.formula #form_01 .cliente label {
    font-size     : 24px;
    font-weight   : bold;
    text-transform: uppercase;
}

.formula #form_01 .cliente label input {
    width      : 24px;
    height     : 24px;
    margin-top : -1px;
    margin-left: -30px
}

.formula #form_01 .cliente .checkbox {
    text-align: center;
}

.formula #form_01 .relativismo {
    margin-bottom: 5px
}


.formula #form_01 .cliente label {
    font-size     : 16px;
    font-weight   : bold;
    text-transform: uppercase;
}

.formula .panel-default>.panel-heading {
    background-color: #337ab7;
    color           : #fff;
    text-transform  : uppercase;
    font-weight     : 900;
    font-size       : 18px
}

.formula .mostrar {
    display: none;
}

.ax-banner-header.formula {
    height               : 100%;
    width                : 100%;
    position             : relative;
    background-image     : url(../img/Cover-Post-Oficina-abierta-1024x679.jpg);
    background-size      : contain;
    background-attachment: fixed;
    background-position-x: 0;
    transition           : all .03s ease-in-out;
    background-size      : contain;
    background-repeat    : no-repeat;
}

/******************************************************************************/
/******************************************************************************/


@media screen and (max-width:700px) {
    .esconder_logo {
        display: none;
    }

    .ax-responsive {
        display: block;
    }

    .ax-header-text-container {
        left       : 0;
        margin     : auto;
        border     : 0;
        display    : block;
        width      : 100%;
        text-align : center;
        position   : relative;
        top        : 0;
        padding-top: 35%;
    }

    .ax-center-container {
        width: 100%;
    }

    .ax-gestion-humana-banner {
        padding: 0;
    }

    .ax-gestion-humana-banner>.ax-center-container {
        padding         : 40% 0 15% 0;
        background-color: rgba(0, 0, 0, .5);
        width           : 100%;
    }

    p.ax-normal-paragraph {
        width: 100%;
    }

    .middle-container {
        display: none;
    }

    div#ax-contacto {
        background-image: none;
        background-color: #f1f1f1;
    }

    .form-container {
        background-color: transparent;
        width           : 100%;
    }

    .ax-three-columns-container {
        width: 100%;
    }

    .ax-three-columns {
        display   : block;
        width     : 100%;
        text-align: left;
    }

    .ax-input-container {
        width: 100%;
    }

    input.ax-submit-button {
        width: 70%;
    }

    .three-colums-container {
        width: 90%;
    }

    .ax-footer-container .three-columns {
        display      : block;
        width        : 100%;
        text-align   : center;
        margin-bottom: 4%;
    }

    ul.ax-social-items {
        padding: 0;
    }

    /* responsive navigation*/
    .ax-nav-container {
        display         : block;
        width           : 100%;
        height          : 100%;
        position        : fixed;
        background-color: #fff;
        left            : -100%;
        transition      : all .4s ease-in-out;
        padding-top     : 10%;
    }

    .ax-header-container>.ax-center-container {
        width  : 100%;
        padding: 0 5%;
    }

    ul.ax-navigation {
        padding           : 2%;
        text-align        : left;
        -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.27);
        -moz-box-shadow   : 0px 5px 4px 0px rgba(0, 0, 0, 0.27);
        box-shadow        : 0px 5px 4px 0px rgba(0, 0, 0, 0.27);
    }

    ul.ax-navigation>li {
        display         : block;
        width           : 100%;
        padding         : 0;
        text-align      : left;
        margin-bottom   : 15px;
        left            : -100%;
        opacity         : 0;
        transition      : all .5s ease-in-out;
        transition-delay: .5s;
        border-bottom   : 1px solid #1f8dd6;
        padding-bottom  : 15px;
    }

    ul.ax-navigation-active>li {
        left   : 0 !important;
        opacity: 1 !important;
    }

    .ax-header-logo-container {
        width  : 70%;
        padding: 1% 0;
    }

    .ax-responsive.ax-menu-button-container {
        display       : inline-block;
        width         : 28%;
        vertical-align: middle;
        padding-left  : 20%;
        height        : 100%;
        position      : relative;
    }

    .ax-bar {
        background-color: #676767;
        height          : 0;
        width           : 100%;
        margin-bottom   : 15%;
        padding-bottom  : 15%;
        transition      : all .5s ease-in-out;
    }

    .ax-bar-2 {
        transition: all .2s ease-in-out;
    }

    .ax-menu-button {
        width     : 100%;
        position  : relative;
        display   : block;
        transition: all .3s ease-in-out;
    }

    .ax-menu-button-container-active .ax-menu-button {
        transform: rotate(180deg);
    }

    .ax-menu-button-container-active .ax-bar-1 {
        position : absolute !important;
        transform: rotate(45deg) !important;
    }

    .ax-menu-button-container-active .ax-bar-3 {
        transform: rotate(-45deg) !important;
        position : relative !important;
    }

    .ax-menu-button-container-active .ax-bar-2 {
        padding: 0 !important;
        width  : 0 !important;
    }

    .ax-menu-active {
        left: 0 !important;
    }

    /* responsive menu*/
    .ax-banner-header {
        background-image   : url('../img/header-banner-responsive2.jpg');
        background-position: center top;

    }

    .ax-two-columns {
        display: block;
        width  : 100% !important;
    }

    .ax-header-banner-content.ax-two-columns {
        width      : 100% !important;
        padding-top: 61%;
    }

    .ax-header-banner-content.ax-two-columns>img {
        width: 65%;
    }

    .ax-header-container {
        background-color: #fff;
    }

    .ax-banner-header div.ax-purple-link {
        width: 100%;
    }

    .ax-banner-header {
        height: auto;
    }

    .ax-header-banner-content>p {
        margin-bottom: 5%;

    }

    div#ax-que-es>.ax-center-container>.ax-two-columns h1 {
        text-align: center;
    }

    div#ax-que-es>.ax-center-container h1:after {
        margin: auto;
    }

    div#ax-que-es>.ax-center-container>.ax-two-columns p {
        padding: 0 5%;
    }

    div#ax-que-es>.ax-center-container img {
        width  : 90%;
        margin : 3% auto;
        display: block;
    }

    h1.ax-three-levels {
        /* text-align: center; */
    }

    .ax-materias-content .ax-purple-link {
        width        : 90%;
        margin-bottom: 10%;
    }

    .ax-accordion-container {
        width : 90%;
        margin: auto;
    }

    .ax-beneficios-title-container {
        text-align: center;
        margin    : auto;
        left      : 0;
        right     : 0;
        bottom    : -2%;
    }

    img.ax-arrow-beneficios {
        position  : relative;
        text-align: center;
        display   : inline-block !important;
        margin-top: 7%;
    }

    .ax-beneficios-slider-container {
        text-align: center;
        widows    : 100%;
        padding   : 0;
        padding-bottom: 32px;
    }

    .ax-beneficios-two-cols>.ax-two-columns:nth-child(1) {
        padding-bottom: 70%;
    }

    .ax-beneficios-items-container {
        padding: 0;
    }

    div#ax-clientes h1 {
        margin-top: 5%;
    }

    .ax-video-container>iframe {
        width : 100%;
        height: 400px;
    }

    .ax-video-container>.ax-purple-link {
        width     : 90%;
        margin-top: -4.5%;
    }

    .ax-beneficios-slider-container>.ax-purple-link {
        width     : 90%;
        margin-top: 5%;
    }

    .ax-beneficios-slider-container>.ax-purple-link>a {
        padding: 7% 0;
    }

    ul.ax-beneficios-items {
        width : 90%;
        margin: auto;
    }

    .ax-level {
        position  : relative;
        width     : 85%;
        display   : table;
        height    : auto;
        padding   : 10% 0;
        text-align: center;
    }

    .ax-level-content {
        position: relative;
        display : block;
        margin  : auto;
    }

    .ax-level-image>img {
        margin: auto;
    }

    .form-container>form {
        width : 90%;
        margin: auto;
    }

    .ax-arrow-niveles-container.ax-responsive {
        position  : relative;
        width     : 100%;
        text-align: center;
        padding   : 3% 0;
    }

    .ax-arrow-niveles {
        display: inline-block;
        width  : 50px;
        cursor : pointer;
    }

    .ax-arrow-niveles-left {
        transform: rotate(90deg);

    }

    .ax-arrow-niveles-right {
        transform: rotate(-90deg);
    }

    ul.ax-navigation>li:nth-child(1) {
        transition-delay: .3s;
    }

    ul.ax-navigation>li:nth-child(2) {
        transition-delay: .4s;
    }

    ul.ax-navigation>li:nth-child(3) {
        transition-delay: .5s;
    }

    ul.ax-navigation>li:nth-child(4) {
        transition-delay: .6s;
    }

    ul.ax-navigation>li:nth-child(5) {
        transition-delay: .7s;
    }

    ul.ax-navigation-active>li {
        left      : 0 !important;
        opacity   : 1 !important;
        text-align: center;
    }

    .ax-nav-container {
        height: auto;
    }

    .ax-beneficios-slide{
        padding-top: 40%;
    }
}


/******************************************************************************/



@media (min-width: 1200px) and (max-width: 1366px) {}

@media (max-width: 1224px) {}

@media (min-width: 768px) and (max-width: 979px) {}


@media (max-width: 979px) {

    .ax-header-banner-content {
        vertical-align: inherit;
        top           : 62px;
    }

    .ax-header-banner-content>img.logoSSS {
        width : 50%;
        margin: 0 10% 7% auto;
    }

    .ax-header-banner-content>p {
        margin: 0 10% 7% auto;
    }

    .ax-banner-header {
        height               : 100%;
        position             : relative;
        background-image     : url(../img/header-banner3.jpg);
        background-size      : cover;
        background-attachment: fixed;
        background-position-x: 0;
        transition           : all .03s ease-in-out;
        background-size      : contain;
        background-repeat    : no-repeat;
    }

    #ax-que-es {
        margin-top: -600px
    }

    div#ax-que-es>.ax-center-container {
        padding: 38% 17px;
    }

    .ax-beneficios-title-container>h1 {
        font-size: 54px
    }

    .form-container {
        width: 80%
    }

    .ax-input-container {
        width: 80%;
    }
}

@media (max-width: 640px) {}

@media (max-width: 600px) {}

.lgo_responsive_legis,
.lgo_responsive_multi {
    display: none
}


@media (max-width: 480px) {

    .form-container {
        width: 100%;
    }

    .ax-input-container {
        width: 100%;
    }

    .ax-header-banner-content.ax-two-columns {
        width      : 100% !important;
        padding-top: 40%;
    }

    .ax-header-banner-content>p {
        margin: 41px auto 7% auto;
    }

    #ax-que-es {
        margin-top: 0
    }

    .lgo_responsive_multi {
        display: none
    }

    .lgo_responsive_legis {
        display: block
    }

    .ax-header-niveles {
        padding: 0 5%;
    }

    .niveles_3 strong.ax-level-1 {
        font-size: 40px;
        float    : left;
        width    : auto;
        display  : block
    }

    .niveles_3 h1.ax-three-levels>span {
        float  : left;
        display: block
    }

    .niveles_3 p {
        font-size: 14px
    }

    .ax-beneficios-image-container {
        width: 80%
    }

    .ax-beneficios-title-container>h1 {
        color      : #fff;
        font-weight: bold;
        font-size  : 2em;
    }

    .ax-beneficios-image-container>img {
        -webkit-filter: brightness(0.5);
        filter        : brightness(0.5);
    }

    ul.ax-beneficios-items li p {
        text-align: left;
    }

    ul.ax-beneficios-items li {
        padding-left : 10px;
        padding-right: 10px;
    }

    ul.ax-beneficios-items li>h3 {
        padding: 0 25px
    }

    .ax-beneficios-slider-container>.ax-purple-link {

        margin-top: 12%;
    }

    .ax-header-banner-content.ax-two-columns>img {
        width     : 80%;
        margin-top: 82px;
    }

    .ax-banner-header {
        background-size  : contain;
        background-repeat: no-repeat;

    }

    .ax-banner-header {

        background-image: url(../img/header-banner-responsive2.jpg);


    }

    .ax-banner-header.formula {
        height  : 100%;
        width   : 100%;
        position: relative;

        background-size      : contain;
        background-attachment: fixed;
        background-position-x: -30px;
        transition           : all .03s ease-in-out;
        background-size      : contain;
        background-repeat    : no-repeat;
        padding-top          : 0;

    }

    .formula .contene {
        margin-bottom: 100px
    }

    .formula .logo-multilegis-banner {
        position: relative;
        top     : -36px;
        width   : 36%;
        left    : 102px
    }

    .ax-header-banner-content>h1 {
        position     : relative;
        width        : 90%;
        text-align   : center;
        margin       : 15% auto;
        color        : #1e6ab0;
        font-weight  : bold;
        font-size    : 1.6em;
        margin-bottom: 20%;
    }

}

@media (max-width: 320px) {}



.asesor {
    position  : fixed;
    width     : 100px;
    z-index   : 9000;
    top       : 15%;
    right     : -100px;
    display   : table;
    text-align: left;
    margin    : 0;
    padding   : 0
}

.asesor .checkbox {

    margin-top: 0;

}

.exis:before {
    content: "X";

}

.asesor label {
    text-align: left;
}

.asesor>a {
    background-color  : #df1683;
    margin-left       : -120px;
    position          : relative;
    width             : 130%;
    height            : 95px;
    text-align        : left;
    padding-left      : 70px;
    -webkit-box-shadow: 0px 10px 26px -8px rgba(0, 0, 0, 0.37);
    -moz-box-shadow   : 0px 10px 26px -8px rgba(0, 0, 0, 0.37);
    box-shadow        : 0px 10px 26px -8px rgba(0, 0, 0, 0.37);
}

.asesor>a:hover,
.asesor>a:active,
.asesor>a:focus {
    background-color: #df1683;
}

.asesor>a span {
    font-size: 80px;
    position : absolute;
    top      : -15px;
    left     : 12px
}

.asesor>a div {
    position : absolute;
    left     : 12px;
    top      : 70px;
    font-size: 14px
}

.detalle_form {
    display           : table;
    -webkit-box-shadow: 0px 10px 26px -8px rgba(0, 0, 0, 0.37);
    -moz-box-shadow   : 0px 10px 26px -8px rgba(0, 0, 0, 0.37);
    box-shadow        : 0px 10px 26px -8px rgba(0, 0, 0, 0.37);
    background-color  : #ffffff;


}

.asesor h2.ax-main-title {
    font-size   : 30px;
    color       : #ffffff;
    padding-left: 60px
}

.modal-backdrop.in {
    filter : alpha(opacity=50);
    opacity: .5;
}

.modal-backdrop.fade {
    filter : alpha(opacity=0);
    opacity: 0;
}

.fade.in {
    opacity: 0.5;
}

.modal-backdrop {
    position        : fixed;
    top             : 0;
    right           : 0;
    bottom          : 0;
    left            : 0;
    z-index         : 4040;
    background-color: #000;
}

.fade {
    opacity           : 0;
    -webkit-transition: opacity .15s linear;
    -o-transition     : opacity .15s linear;
    transition        : opacity .15s linear;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////*/
.asesor2 {
    position: fixed;
    z-index : 9000;
    top     : 90%;
    right   : -220px;
}

.asesor2 a {
    padding-right     : 40px;
    padding-left      : 58px;
    background-color  : #df1683;
    -webkit-box-shadow: 0px 10px 26px -8px rgba(0, 0, 0, 0.37);
    -moz-box-shadow   : 0px 10px 26px -8px rgba(0, 0, 0, 0.37);
    box-shadow        : 0px 10px 26px -8px rgba(0, 0, 0, 0.37);
}

.asesor2>a:hover,
.asesor2>a:active,
.asesor2>a:focus {
    background-color: #df1683;
}

.asesor2 a span {
    font-size: 40px;
    position : absolute;
    top      : -2px;
    left     : 12px
}

/*//////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////*/

.resetImg {
    display: block !important;
}

.resetImg img {
    width: 100%;
}
@media screen and (max-width:700px) {
    .resetBTN{
        width: 310px;
        top: 32px;
        position: absolute;
    }

}

@media screen and (max-width:700px) {
    .rset{
        margin: 0;
    }

}