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


/**********menu************************************/
    .navbar .redes 
    {
       width: 70% !important;
    }
    /******************************correos******************************/



    .ad .table #form1 {

        text-align: justify !important;
        padding-top: 25px !important;
        margin: 0 -5% !important;
        font-size: 15.6px !important;
        width: 100% !important;
    }

    .ad .table #form1 input {

        width: 90% !important;
        margin: 0 -3% !important;
        font-size: 11px !important;
    }

    .ad .table #form1 textarea {
        width: 100% !important;
        margin: 0 -8% !important;
        min-width: 80% !important;

    }

    .ad .table #form1 label {

        width: 50% !important;
        margin: 0 0% !important;
        font-size: 14px !important;

    }

    .ad .table #form1 button {
        width: 50% !important;
        margin: 0 30% !important;
        font-size: 15px !important;
    }

    /******************************fin correos******************************/
    /******************gallery******************/

    .gallery-block li {
        text-decoration: none;
        -moz-text-decoration: none;
    }

    .lightbox {
        max-width: 100% !important;

        -moz-transition: all 0.5s !important;
        -webkit-transition: all 0.5s !important;
        transition: all 0.5s !important;
        /*transition: transform .3s; /* Animation */

    }


    .lightbox :hover {
        -moz-transform: scale(1.1) !important;
        -webkit-transform: scale(1.1) !important;
        transform: scale(1.1) !important;
        /* transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    }

    .gallery-block .heading1 {
        margin-bottom: 50px !important;
        text-align: center !important;
        -moz-margin-bottom: 50px !important;
        -moz-text-align: center !important;


    }



    .gallery-block .heading1 h2 {
        /*
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-family: 'klav'; 
    -moz-font-weight: bold;
    -moz--moz--moz-font-size: 1.4rem;
    -moz--moz-text-transform: uppercase;
   -moz-font-family: 'klav';
    
    margin: 5px 290px 15px !important;
    width: 45% !important;
         background: #00237f;
  background-image: -webkit-linear-gradient(top, #00237f, #2980b9);
  background-image: -moz-linear-gradient(top, #00237f, #2980b9);
  background-image: -ms-linear-gradient(top, #00237f, #2980b9);
  background-image: -o-linear-gradient(top, #00237f, #2980b9);
  background-image: linear-gradient(to bottom, #00237f, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 1px 1px 3px #3a3a3a;
  -webkit-box-shadow: 6px 4px 16px #3a3a3a;
  -moz-box-shadow: 6px 4px 16px #3a3a3a;
  box-shadow: 6px 4px 16px #3a3a3a;
  font-family: "Klav";
  color: #ffffff;
  font-size: 17px;
  padding: 8px;
  text-decoration: none;
    */
        margin: 5px auto 0px 15px !important;
        padding: 0 10px;
        position: relative;
        width: 95% !important;

        font-size: 19px !important;
        text-align: center;
        font-family: 'klav';
        letter-spacing: 1px;

        background: #00237f;
        background-image: -webkit-linear-gradient(top, #00237f, #2980b9);
        background-image: -moz-linear-gradient(top, #00237f, #2980b9);
        background-image: -ms-linear-gradient(top, #00237f, #2980b9);
        background-image: -o-linear-gradient(top, #00237f, #2980b9);
        background-image: linear-gradient(to bottom, #00237f, #2980b9);
        -webkit-border-radius: 28;
        -moz-border-radius: 28;
        border-radius: 28px;
        text-shadow: 1px 1px 3px #3a3a3a;
        -webkit-box-shadow: 6px 4px 16px #3a3a3a;
        -moz-box-shadow: 6px 4px 16px #3a3a3a;
        box-shadow: 6px 4px 16px #3a3a3a;
        font-family: "Klav";
        color: #ffffff;
        font-size: 17px;
        padding: 8px;
        text-decoration: none;

    }

    .gallery-block.cards-gallery h6 {
        font-size: 20px;
        font-weight: bold;
        font-family: 'klav';
        color: #3a3a3a;
        -moz-font-size: 20px;
        -moz-font-weight: bold;
        -moz-font-family: 'klav';
        -moz-color: #3a3a3a;




    }

    /*********botones de mas**/

    /***************************/
    .more {
        display: none;
        border-top: 1px solid #666;
        border-bottom: 1px solid #666;

    }

    .showLink {

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 35 !important;
        ;
        -moz-border-radius: 35 !important;
        ;
        border-radius: 35px !important;
        ;
        font-family: 'Klav' !important;
        color: #ffffff !important;
        font-size: 18px !important;
        padding: 7px 15px 10px 15px !important;
        ;
        border: solid #1f628d 2px !important;
        ;
        text-decoration: none !important;

    }

    .showLink:hover {
        background: #00237f;
        background-image: -webkit-linear-gradient(top, #00237f, #355299);
        background-image: -moz-linear-gradient(top, #00237f, #355299);
        background-image: -ms-linear-gradient(top, #00237f, #355299);
        background-image: -o-linear-gradient(top, #00237f, #355299);
        background-image: linear-gradient(to bottom, #00237f, #355299);
        text-decoration: none;
    }

    .hideLink {

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: 'Klav' !important;
        color: #ffffff;
        font-size: 18px !important;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .hideLink:hover {
        background: #00237f;
        background-image: -webkit-linear-gradient(top, #00237f, #355299);
        background-image: -moz-linear-gradient(top, #00237f, #355299);
        background-image: -ms-linear-gradient(top, #00237f, #355299);
        background-image: -o-linear-gradient(top, #00237f, #355299);
        background-image: linear-gradient(to bottom, #00237f, #355299);
        text-decoration: none;
    }

    .hideLink {

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    /************************************************/
    .video1 {
        position: relative;


        height: 0;
        width: 100% !important;
        overflow: hidden;
        margin-bottom: 10px;
        margin-top: 10px;
    }


    .video1 video,
    .video1 object,
    .video1 embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .mejs-inner .mejs-overlay-button {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -99px !important;
        background: url(../img/play.png) no-repeat;
    }

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


    .dropdown1 {
        width: 50% !important;
        position: relative;
        display: block;
        margin-top: 0.5em;
        margin: 0px 30% !important;





    }

    .dropdown1 select {
        width: 98% !important;
        margin: 0 8px 0px !important;
        background: none;
        border: 3px solid transparent;
        outline: none;

        box-sizing: border-box;


        font-size: 18px !important;
        color: #3a3a3a !important;
        padding: 1px -10.9px .5px 50% !important;
        /* padding: 1px 1.9px .5px 40%;*/

        line-height: 1.3 !important;
        text-align: center;


    }




    .dropdown1:hover {
        border: 1px solid #888;


    }

    .button {

        border: 2px solid #bbb;
        border-radius: .9em;
        box-shadow: 0 3px 0 1px rgba(0, 0, 0, .04);
        background: #f3f3f3;
        width: 95% !important;
        margin: 0 1% 0px !important;
    }

    .output {
        width: 100%;
        /*margin: 0 auto;*/
        padding: 1em;
        background: #3a3a3a;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #3a3a3a, #00237f);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #00237f, #0872b5);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-family: 'klav';
        height: 100% !important;
        margin-top: 13px;
    }

    .wrap img {
        float: none;
        display: block;
        margin: 0 auto;
        height: 30%;
        padding-top: 10px;
        width: 100% !important;
    }

    .wrap iframe {
        float: none;
        display: block;
        margin: 0 auto;
        height: 100% !importan;
        padding-top: 10px;
        width: 100% !important;
    }

    .suc {
        width: 100% !important;
        padding: 3em;
        color: #fff;
        display: none;
    }

    .mapa {
        font-family: 'klav';

        padding: 0;
        position: relative;
        text-align: center;
        width: 100% !important;
        margin: 0 !important;
        position: static;
        height: 100% !important;
    }

    a {
        color: #c04;
        text-decoration: none;
    }

    a:hover {
        color: #903;
        text-decoration: underline;

    }

    .wrap {
        font-family: 'klav';

        padding: 0;
        position: relative;
        text-align: center;
        width: auto !important;
        margin: 0 !important;
        position: static;
    }

    .ad {

        /*background: #3a3a3a;
        /* fallback for old browsers */
        /*background: -webkit-linear-gradient(to right, #00237f, #0872b5);
        /* Chrome 10-25, Safari 5.1-6 */
        /*background: linear-gradient(to right, #00237f, #0872b5);*/
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-family: 'klav';
        color: white;
        font-size: 19px;
        width: auto !important;
        height: auto !important;
    }


    .direcciones {

        font-family: 'klav';
        border-radius: 3px !important;
        box-shadow: 0px 0px 4px 2px rgb(255, 255, 255);
        padding: 0 10px;
        position: relative;
        text-align: center;
        width: auto !important;
        margin: 0 -35px 15px !important;
    }

    .direcciones .ad .table {

        text-align: justify !important;
        width: auto !important;
        margin: 0 -3% !important;
        font-size: 14px !important;
    }


    .direcciones h2 {

        font-family: 'klav';
        font-size: 12px !important;
        letter-spacing: 3;
    }

    .direcciones h3 {
        margin: -20px 0;
        font-family: 'klav';
        font-size: 8px !important;
        letter-spacing: 3;
    }

    .direcciones p {
        letter-spacing: 2;
        font-family: "klav";
        font-size: 2px !important;

    }


    /******************************************/
    footer {
        width: 100% !important;
        background-color: #ffff;
        min-height: 250px;
        padding: 10px 0px 25px 0px;
        font-family: Klav;
        font-size: 10px !important;

    }

    .pt2 {
        padding-top: 40px;
        margin-bottom: 25px;

    }

    /************************************/
    .footer_ul2_amrc .social-icons li {
        text-align: center;
        display: table;
        margin: 15px auto 0 auto;
        list-style-type: none;


    }

    .footer_ul2_amrc .social-icons {
        display: table;
        margin: 15px auto 0 auto;
        list-style-type: none;


    }

    /**********datos de informacion de footer**********/

    footer p {

        color: #fff;
        text-align: center;
        padding-bottom: 1px;
        margin-bottom: 10px;
        font-family: 'Klav';
        font-size: 16.8px !important;

    }

    .mb10 {

        margin: 10px !important;
        padding: 0px 1px 10px !important;
        padding-bottom: 15px;
        font-family: 'klav';
        text-align: justify !important;
        width: 100% !important;
        letter-spacing: normal !important;

        display: inline-block;

        text-align: center;

    }

    .mb10 img {
        position: absolute !important;
        margin: 0 -40px 35px !important;


    }

    /*******************************/
    .mb101 {

        margin: 10px !important;
        padding: 0px 20px 10px !important;
        padding-bottom: 15px;
        font-family: 'klav';
        text-align: justify !important;
        width: 100% !important;
        letter-spacing: normal !important;
        font-size: 20px !important;

        display: inline-block;

        text-align: center;

        background: none;
        color: #ececec;

        -webkit-transform: scale(0.9);
        /* Browser Variations: */

        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;





    }

    .mb101 img {
        position: absolute !important;
        margin: 0 -40px 35px !important;

    }

    .mb101:hover {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }

    /*****/
    .col-sm-4 > .mb10,
    .footer_ul_amrc {

        width: 96% !important;
        padding: 0px 10px 15px 30px !important;
    }

    .col-sm-4 > .mb101,
    .footer_ul_amrc {

        width: 100% !important;
        padding: 0px 10px 15px 30px !important;
    }

    .footer_ul_amrc {
        text-align: center !important;

        width: 91% !important;
        margin: 18px !important;
        list-style-type: none;
        font-size: 19px;
        padding: 0px 10px 15px 30px;
        font-family: 'Klav' !important;


    }

    .footer_ul_amrc ul {

        color: white;
        font-family: 'Klav';

    }

    .footer_ul_amrc li {
        width: 100% !important;
        color: white;
        margin: auto;
        font-family: 'Klav';
        text-align: center !important;


    }

    .footer_ul_amrc a {
        color: white;
        font-family: 'Klav';


    }

    .footer_ul_amrc li {
        padding: 0px 0px 10px 0px !important;
    }

    .footer_ul_amrc .fab {
        z-index: 1000000;

    }

    .footer_ul_amrc li a:hover {
        color: #fff;
        text-decoration: none;
        font-family: 'Klav';
        font-size: 19px;
    }

    .fleft {
        float: left;
    }

    .padding-right {
        padding-right: 10px;
    }

    .footer_ul2_amrc {
        font-family: 'klav';
        font-size: 19px;
        margin: 0px;
        list-style-type: none;
        margin-top: 30px;


    }

    .bottom_border {
        border-bottom: 1px solid #ffff;
        padding-bottom: 30px;

    }


    .foote_bottom_ul_amrc {
        list-style-type: none;
        padding: 0px;
        display: table;
        margin-top: 10px;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;
    }

    .foote_bottom_ul_amrc li {
        display: inline;
    }

    .foote_bottom_ul_amrc li a {
        color: #fff;
        margin: 0 7px;
    }

    /***************texto info***************/
    .texto .text-justify {
        font-family: 'klav';
        letter-spacing: 1px;
        font-size: 17px;
        width: 100% !important;
    }

    .media .media-body .mt-0 {
        font-family: 'klav';
        font-size: 16px !important;
    }

    /*****************nuestras marcas**********************/
    .jumbotron {
        background: #3a3a3a;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #00237f, #00237f);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #00237f, #3a3a3a);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-family: 'klav';
        color: white;
    }

    .marcas h1 {
        font-family: 'klav';
        text-align: center;
    }

    .marcas .le {
        font-family: 'klav';
        text-align: center;
        font-size: 20px;
    }

    .display-4 {
        font-family: 'klav';
        text-align: center;
        font-size: 45px;
    }

    /****************SOMOS*************/


    .somos {

        text-align: center;
        border-radius: 6px !important;

    }

    .somos h3 {
        font-family: 'klav';
        padding: 1px;
        text-align: center;

    }

    .container-fluid .imgr {
        height: 0%;
        width: 40%;
        position: relative;

    }

    .contendor1 {

        font-family: 'klav';
        font-size: 19px !important;
        text-align: justify !important;
        ;
        width: 100% !important;
        ;
    }

    .contendor1 p {

        width: 100% !important;
        ;
        border: 1px solid transparent !important;
        border-radius: 12px !important;
        position: relative !important;



    }

    .contendor1 > .textos {

        width: 100% !important;
        margin: 0px -2px !important;
        padding: 1px 0px 15px !important;
        position: relative !important;
        margin: 15px justify 15px !important;
    }

    .contendor1 > .texto12 {
        width: 100% !important;
        margin: 0px -2px !important;
        padding: 1px 0px 15px !important;
        position: relative !important;
        margin: 15px justify 15px !important;
    }

    .texto12 {
        width: 43% !important;
        margin: 0px -10px !important;
        padding: 1px 0px 15px !important;
        position: relative !important;
        margin: 55px justify 15px !important;
        margin-left: 56.2% !important;
    }

    .contendor1 h2 {
        font-family: 'klav';
        text-align: center;
    }

    .imagenlog img {
        border:1px solid transparent !important;
        border-radius: 12px !important;
        position: relative !important;
        margin: auto !important;

    }


    /*****************Banner Productos********************/


    /*************************Productos*******************/


    h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

    .Show {


        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;
        margin-top: 15px !important;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide {

        display: none;
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;

        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }



    #target {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

    /**************************************/
    .Show1 {
        display: none;
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show1:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide1 {
        display: none;
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Hide1:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    #target1 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target1 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

    /*******************************/
    /*******************************/
    .Show2 {
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show2:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide2 {
        display: none;

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Hide2:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }




    #target2 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target2 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

    /****************************************************************/
    .Show3 {
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show3:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide3 {
        display: none;

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Hide3:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    #target3 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target3 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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

    .Show4 {
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show4:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide4 {
        display: none;
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Hide4:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    #target4 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target4 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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

    .Show5 {
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show5:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide5 {
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        display: none;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Hide5:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }


    #target5 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target5 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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

    /************REPITIENDO DATOS 2*****************************/

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

    .Show01 {

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 15% !important;
        margin-bottom: 1% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;

        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show01:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide01 {

        display: none;

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;

        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide01:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    #target011 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target5 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

    /****************001***************/


    .Show001 {

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show001:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide001 {

        display: none;

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide001:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }


    #target001 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target001 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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

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

    .Show002 {

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show002:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }


    .Hide002 {

        display: none;

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide002:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    #target002 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target002 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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

    .Show003 {

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show003:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide003 {

        display: none;
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide002:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    #target003 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target003 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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

    .Show004 {
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;


        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show004:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide004 {

        display: none;

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide004:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }


    #target004 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target004 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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

    .Show005 {
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;


        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show005:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide005 {

        display: none;
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide005:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    #target005 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target005 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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

    /************REPITIENDO DATOS 3*****************************/

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


    .Show0001 {
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        margin-top: 20px !important;
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 18.4px;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;

        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show0001:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide0001 {

        display: none;

        margin-top: 15px !important;
        display: none;
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 18.4px;
        background: #0872b5;



        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: "Klav";
        color: #ffffff;

        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide0001:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide0001 {
        display: none;
    }

    #target0001 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target0001 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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


    .Show0022 {


        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show0022:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide0022 {

        display: none;
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide0022:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    #target0022 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target0022 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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


    .Show0033 {


        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show0033:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide0033 {

        display: none;
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide0033:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    #target0033 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target0033 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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


    .Show0044 {

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;

        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show0044:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide0044 {
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        display: none;


        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide0044:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }


    #target0044 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target0044 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }

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


    .Show0055 {
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;


        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show0055:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }

    .Hide0055 {

        display: none;

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide0055:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }


    #target0055 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target0055 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }


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

    .Show0066 {
        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;


        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;
    }

    .Show0066:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }


    .Hide0066 {

        display: none;

        margin: 0 2% 0px;
        width: 100% !important;
        font-size: 16.4px !important;
        margin-top: 10% !important;
        margin-bottom: 10% !important;
        background: #0872b5;
        background-image: -webkit-linear-gradient(top, #0872b5, #00237f);
        background-image: -moz-linear-gradient(top, #0872b5, #00237f);
        background-image: -ms-linear-gradient(top, #0872b5, #00237f);
        background-image: -o-linear-gradient(top, #0872b5, #00237f);
        background-image: linear-gradient(to bottom, #0872b5, #00237f);
        -webkit-border-radius: 34;
        -moz-border-radius: 34;
        border-radius: 34px;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 7px 15px 11px 15px;
        border: solid #1f628d 2px;
        text-decoration: none;

    }

    .Hide0066:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        text-decoration: none;
    }



    #target0066 {
        width: 100% !important;
        position: static;
        display: none;
    }

    #target0066 > h3 {
        width: 100% !important;
        font-size: 20px !important;
        font-family: "Klav"
    }



    /****************************************************/
    /* Default banner */
    .banner {

        margin-top: 1px !important;
        position: relative;
        width: 100% !important;
        height: 9rem !important;
        padding: 0 5% !important;
        overflow: hidden;
        backface-visibility: hidden;
    }

    /* Default image container */
    .banner .background {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        left: 0px !important;
        top: 0px !important;
        z-index: -1;

        transform: translate3d(0, 0, 0) scale(1.25);
        background: url(../images/logo/icos/banner-contact2.png) no-repeat center center;
        background-size: contain !important;
    }





    /* Loaded image container */
    .loaded .banner .background {
        transform: scale(1);
        transition: 6.5s transform;
    }

    /* Other stuff */




    .headline {
        padding-top: 30px;
    }

    .headline h2 {
        font-size: 50px;
        padding-top: 60px;
    }

    div#banner.smaller {
        opacity: 0;
    }

    /******************************/
    .text-center {
        font-size: 17px !important;
    }


    /*****************Banner contatenos********************/


    /* Default banner */
    .banner {
        position: relative;
        width: 100%;
        height: 17rem;
        padding: 0 5%;
        overflow: hidden;
        backface-visibility: hidden;
    }

    /* Default image container */
    .banner .background {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: -12.8px !important;
        z-index: -1;

        transform: translate3d(0, 0, 0) scale(1.25);
        background: url(../images/logo/icos/contact2.png) no-repeat center center;
        background-size: cover;
    }


    /* Loaded image container */
    .loaded .banner .background {
        transform: scale(1);
        transition: 6.5s transform;
    }



    /*****************Banner acerca de nosotros********************/

    /* Default banner */
    .banner1 {
        position: relative;
        width: 100%;
        height: 17rem;
        padding: 0 5%;
        overflow: hidden;
        backface-visibility: hidden;

    }

    /* Default image container */
    .banner1 .background1 {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;

        transform: translate3d(0, 0, 0) scale(1.25);
        background: url(../images/logo/icos/banner-quienesosmos.png) no-repeat center center;
        background-size: cover;
    }

    /* Loaded image container */
    .loaded .banner1 .background1 {
        transform: scale(1);
        transition: 6.5s transform;
    }



    /* Other stuff */




    .headline {
        padding-top: 30px;
    }

    .headline h2 {
        font-size: 50px;
        padding-top: 60px;
    }

    div#banner.smaller {
        opacity: 0;
    }






}

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

/*******************/
@media only screen and (min-device-width : 751px) and (max-device-width : 800px) {

    @import 'https://fonts.googleapis.com/css?family=Lato:300';


    @font-face {
        font-family: 'klav';
        src: url('../fuentes/klavika-light-webfont.woff2') format('woff2'),
            url('../fuentes/klavika-light-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

    }

    .navbar {
        width: 100% !important;
        position: fixed;
        z-index: 999;
        background: #3a3a3a;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #3a3a3a, #00237f);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #00237f, #0872b5);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-family: 'klav';
        font-size: 22px;

    }

    .nav-item1::after {
        content: '' !important;
        display: block !important;
        width: 0 !important;
        height: 2px !important;
        background: #ffff;
        transition: width .3s !important;
    }

    .nav-item1:hover::after {
        width: 100% !important;
        transition: width 3.s;
    }

    .dropdown-item::after {
        content: '' !important;
        display: block !important;
        width: 0 !important;
        height: 2px !important;
        background: #ffff;
        transition: width .3s !important;
    }

    .dropdown-item:hover::after {
        width: 100% !important;
        transition: width 3.s;
    }


    .dropdown-menu {
        background: #3a3a3a;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #00237f, #0872b5);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #00237f, #0872b5);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-family: 'klav';
        border-radius: 6px;
        box-shadow: 0px 0px 4px 2px rgba(255, 255, 255, 255);
        font-size: 22px;
    }

    .dropdown-menu :hover {
        background: linear-gradient(to right, #3a3a3a, #00237f);
    }

    .dropdown:hover > .dropdown-menu {
        display: block !important;
    }

    @font-face {
        font-family: 'klav';
        src: url('../fuentes/klavika-light-webfont.woff2') format('woff2'),
            url('../fuentes/klavika-light-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    /********************banner***********************/
    /****************************************************/
    /* Default banner */
    .banner {

        margin-top: 1px !important;
        position: relative;
        max-width: 100% !important;
        width: 100% !important;
        height: 15em !important;
        padding: 0 5% !important;
        overflow: hidden;
        backface-visibility: hidden;
    }

    /* Default image container *
    .banner background {
        width: 100% !important;
        max-width: 1005 !important;
        height: 100% !important;
        position: absolute;
        left: 0px !important;
        top: 12px !important;
        z-index: -1;

        transform: translate3d(0, 0, 0) scale(1.25);
        background: url(../images/logo/icos/banner-contact2.png) no-repeat center center;
        background-size: contain !important;
    }





    /* Loaded image container */
    .loaded .banner .background {
        transform: scale(1);
        transition: 6.5s transform;
    }

    /* Other stuff */




    .headline {
        padding-top: 30px;
    }

    .headline h2 {
        font-size: 50px;
        padding-top: 60px;
    }

    div#banner.smaller {
        opacity: 0;
    }

    /******************************/
    .text-center {
        font-size: 25px !important;
    }

    /**********************************/
    /***************nuestros*********************/
    .contenido .datotext1 {
        width: 60% !important;
        font-size: 25px !important;
    }

    /******************************************/
    /*********************************************/
    div.button {
        width: 50% !important;
        max-width: 50% !important;
    }

    div.button #selector {
        width: 100% !important;
        font-size: 21px !important;
    }

    /*********************************************/
    /******************************correos******************************/



    .ad .table #form1 {

        text-align: justify !important;
        padding-top: 25px !important;
        margin: 0 -5% !important;
        font-size: 12px !important;
        width: 100% !important;
    }

    .ad .table #form1 input {

        width: 90% !important;
        margin: 0 -3% !important;
    }

    .ad .table #form1 textarea {
        width: 100% !important;
        margin: 0 -8% !important;
        min-width: 80% !important;
    }

    .ad .table #form1 label {

        width: 50% !important;
        margin: 0 0% !important;
        font-size: 14px !important;

    }

    .ad .table #form1 button {
        width: 50% !important;
        margin: 0 30% !important;
        font-size: 15px !important;
    }

    /******************************fin correos******************************/

    .output {
        width: 100% !important;
        font-size: 10px !important;
    }

    div.output #oficina .direcciones {
        width: 88% !important;
        margin: 5px 50px !important;
        position: relative !important;

    }
    
    div.output #sucvene .table
    {
        width: 100% !important;
        font-size: 21px !important;
    }
/****************table venezuela*********************/
      div.output #sucvene .direcciones {
        width: 88% !important;
        margin: 5px 50px !important;
        position: relative !important;

    }
    
    div.output #oficina .table
    {
        width: 100% !important;
        font-size: 21px !important;
    }

    /************************************/
    /*********************************/
    .card-text {
        font-size: 19px !important;
        font-family: 'klav';
        font-weight: bold;
        text-align: justify !important;
    }

    .card-deck {
        font-family: 'klav';
        font-weight: bold;
    }

    /*---------------------------------------
       PRE LOADER              
  -----------------------------------------*/

    .preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        background: none repeat scroll 0 0 #ffffff;
    }

    .spinner {
        border: 1px solid transparent;
        border-radius: 3px;
        position: relative;
    }

    .spinner:before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 45px;
        height: 45px;
        margin-top: -10px;
        margin-left: -10px;
        border-radius: 50%;
        border: 1px solid #575757;
        border-top-color: #ffffff;
        animation: spinner .9s linear infinite;
    }

    @-webkit-@keyframes spinner {
        to {
            transform: rotate(360deg);
        }
    }

    @keyframes spinner {
        to {
            transform: rotate(360deg);
        }
    }

    /*******************diagonal div************************/
    /*******/


    /*******************Nuestras marcas************************/
    .jumbotron {
        background: #3a3a3a;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #00237f, #00237f);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #00237f, #0872b5);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-family: 'klav';
        color: white;
    }

    .marcas h1 {
        font-family: 'klav';
        text-align: center;
    }

    .marcas .le {
        font-family: 'klav';
        text-align: center;
        font-size: 28px;
    }

    .customer-logos {

       
    /*background-image: url(../images/metal.jpg);*/
    background-color: white !important;
    }

    .direcciones {

        font-family: 'klav';
        border-radius: 7px;
        box-shadow: 0px 0px 4px 2px rgb(255, 255, 255);
        padding: 0 10px;
        position: relative;
        text-align: center;
        width: 64%;
        margin: 0 18%;
    }

    .direcciones .ad .table {

        text-align: justify;
        width: 100%;
        margin: 0 0%;
    }

    .direcciones h2 {

        font-family: 'klav';
        font-size: 28px !important;
        letter-spacing: 3;
    }

    .direcciones h3 {
        margin: -20px 0;
        font-family: 'klav';
        font-size: 28px;
        letter-spacing: 3;
    }

    .direcciones p {
        letter-spacing: 2;
        font-family: "klav";
        font-size: 20px;

    }


    /********************card ********************/
    .card-deck {
        font-family: 'klav';
    }

    .numeros li {
        list-style: none !important;

        font-family: 'klav' !important;
        text-align: justify !important;

    }

    /*---------------------------------------
     FOOTER              
  -----------------------------------------*/

    footer {
        background: #000000;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #00237f, #0872b5);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #00237f, #0872b5);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        position: relative;
        padding-top: 80px;
        padding-bottom: 60px;
    }

    footer h2 {
        color: #ffffff;
    }

    footer a {
        color: #9c9c9c;
    }

    footer a:hover {
        color: #9c9c9c;
    }

    .footer-link {
        margin: 0;
        padding: 0;
    }

    .footer-link li {
        display: block;
        list-style: none;
        margin: 5px 10px 5px 0;

    }

    footer p,
    footer span,
    .footer-link li a {
        color: #d9d9d9;

    }

    .copyright-text p,
    .footer-bottom .phone-contact p {
        font-size: 14px;
    }

    .footer-info p {
        margin-right: 4em;

    }

    .footer-bottom {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin-top: 5em;
        padding-top: 3em;
    }

    .footer-bottom .phone-contact,
    .footer-bottom .social-icon {
        display: inline-block;
        vertical-align: top;
    }

    .footer-bottom .phone-contact {
        margin-right: 40px;
    }

    .footer-bottom .phone-contact span {
        font-weight: 500;
        display: inline-block;
        margin-left: 10px;
    }




    /***********************************************************************************************************/
    .datos {
        width: 100%;
    }

    .datos h2 {
        font-family: Klav;
        text-align: center;
        padding: 20px;
    }

    /* Slider */

    .slick-slide {
        margin: 0px 20px;

    }

    .slick-slide img {
        width: 100%;
    }

    .slick-slider {
        font-family: Klav;
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

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




    /**********************************************footer************************************************/
    .col_white_amrc {
        text-align: center;
        font-family: 'klav';
        color: #ffff;
    }



    footer {
        width: 100%;
        background-color: #ffff;
        min-height: 250px;
        padding: 10px 0px 25px 0px;
        font-family: 'Klav';
        font-size: 19px;

    }

    .pt2 {
        padding-top: 40px;
        margin-bottom: 25px;

    }

    /**********datos de informacion de footer**********/
    footer p {
        text-align: justify !important;
        font-size: 20px !important;
        color: #fff;
        padding-bottom: 0px;
        margin-bottom: 8px;
        font-family: 'Klav';
        font-size: 19px;
    }

    .mb10 {

        margin: 20px !important;
        padding: 1.2px !important;
        padding-bottom: 15px;
        font-family: 'klav';
        text-align: justify !important;
        width: 100% !important;
        letter-spacing: normal !important;
    }

    .mb10 img {
        position: absolute !important;
        margin: 0 -38px 35px !important;

    }

    /*******************************/
    /*****/
    .col-sm-4 > .mb10,
    .footer_ul_amrc {

        width: 96% !important;
        padding: 0px 10px 15px 30px !important;
    }

    .col-sm-4 > .mb101,
    .footer_ul_amrc {

        width: 100% !important;
        padding: 0px 10px 15px 30px !important;
    }
    .col-sm-4 >.soluciones
    { 
        margin: 0px !important;
        padding: 0px 5px 4px !important;
        font-family: 'klav';
         text-align: center !important;
        max-width: 100% !important;
        width: 100% !important;
        margin-left:  160px !important;
       
        
    }
    .col-sm-4 >.soluciones p
    { 
       
        padding: 5px 5px 11px !important;
        font-family: 'klav';
         text-align: justify;
       
        margin-left:  80px !important;
       
        
    }
    .mb101 {

        margin: 1px !important;
        padding: 0px 100px 10px !important;
        padding-bottom: 15px;
        font-family: 'klav';
        text-align: justify!important;
        max-width: 100% !important;
        width: 100% !important;
        letter-spacing: normal !important;

        display: inline-block;

        text-align: center;

        background: none;
        color: #ececec;
         font-size: 22px !important;

        -webkit-transform: scale(0.9);
        /* Browser Variations: */

        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;





    }

    .mb101 img {
        position: absolute !important;
        margin: 0 -32px 32px !important;
       
        

    }

    .mb101:hover {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }


    /********************************************/
    .footer_ul_amrc {
        text-align: center;

        width: 100% !important;
        margin: 10px;
        list-style-type: none;
        font-size: 19px;
        padding: 0px 0px 15px 0px;
        font-family: 'Klav';

    }

    .footer_ul_amrc ul {

        color: white;
        font-family: 'Klav';

    }

    .footer_ul_amrc li {
        width: 100%;
        color: white;
        font-family: 'Klav';
        padding: 2px !important;

    }

    .footer_ul_amrc a {
        color: white;
        font-family: 'Klav';


    }

    .footer_ul_amrc li {
        padding: 0px 0px 10px 0px;
    }

    .footer_ul_amrc .fab {
        z-index: 1000000;

    }

    .footer_ul_amrc li a:hover {
        color: #fff;
        text-decoration: none;
        font-family: 'Klav';
        font-size: 19px;
    }

    .fleft {
        float: left;
    }

    .padding-right {
        padding-right: 10px;
    }

    .footer_ul2_amrc {
        font-family: 'klav';
        font-size: 19px;
        margin: 0px;
        list-style-type: none;
        margin-top: 30px;


    }

    .bottom_border {
        border-bottom: 1px solid #ffff;
        padding-bottom: 30px;

    }


    .foote_bottom_ul_amrc {
        list-style-type: none;
        padding: 0px;
        display: table;
        margin-top: 10px;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;
    }

    .foote_bottom_ul_amrc li {
        display: inline;
    }

    .foote_bottom_ul_amrc li a {
        color: #fff;
        margin: 0 7px;
    }


    /********************************************redes*******************************/

    .social_footer_ul {
        display: table;
        margin: 15px auto 0 auto;
        list-style-type: none;
    }

    .social_footer_ul .fb:hover {
        -webkit-transform: scale(0.9);
        transform: scale(1.1);
    }

    .social_footer_ul .tw:hover {
        -webkit-transform: scale(0.9);
        transform: scale(1.1);
    }

    .social_footer_ul li {
        padding-left: 20px;
        padding-top: 10px;
        float: left;
    }

    .social_footer_ul li .fb {
        color: #00237f;
        border: 1px solid #3a3a3a;
        padding: 8px;
        border-radius: 50%;
    }

    .social_footer_ul li i {
        width: 20px;
        height: 20px;
        text-align: center;
    }

    .text-center {
        margin-top: 10px;
        font-family: 'klav';
        font-size: 19px;
    }


    /***********************************header*******************/
    .redes {
        margin: 0px 50px;
        font-size: 1.8em;
    }

    /*
ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}*/

    ul.social-network li {
        display: inline;
        margin: 0 5px;
        border-radius: 50%;
    }


    /**************************************** social icons ************************/
    .social-network a.icoFacebook {
        background-color: #3B5998;

    }

    .social-network a.icoTwitter {
        background-color: #33ccff;

    }

    .social-network a.icoFacebook:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .social-network a.icoTwitter:hover {
        background-color: #33ccff;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);

    }

    .social-network a.icoFacebook:hover,
    .social-network .icon-zoom .fa:active {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    a.socialIcon:hover,
    .socialHoverClass {
        color: #44BCDD;
    }

    .social-circle li a {
        display: inline-block;
        position: relative;
        margin: 0 auto 0 auto;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .social-circle li i {
        margin: 0;
        line-height: 50px;
        text-align: center;
    }



    .social-circle i {
        color: #fff;

    }


    /************Banner para todos************/

    /*****************************/
    .row .d-block,
    h3 {
        text-align: center;
        padding: 15px;
    }

    .row .d-block {
        background: none !important;
        padding: 15px;
    }

    .col-lg-4 .img-fluid {
        background: none !important;
        padding: 15px;
    }

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

    /*****************************/
    .row .d-block,
    h3 {
        text-align: center;
        padding: 15px;
    }

    .row .d-block {
        background: none !important;
        padding: 15px;
    }

    .col-lg-4 .img-fluid {

        background: none !important;
        padding: 15px;
    }

    /*****************footer icos**************



    .social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: *
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }
    
/********************************************/



}

/***********************/
@media only screen and (min-device-width : 801px) and (max-device-width:992px) {

    @import 'https://fonts.googleapis.com/css?family=Lato:300';


    @font-face {
        font-family: 'klav';
        src: url('../fuentes/klavika-light-webfont.woff2') format('woff2'),
            url('../fuentes/klavika-light-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;

    }

    /******************************correos******************************/



    .ad .table #form1 {

        text-align: justify !important;
        padding-top: 25px !important;
        margin: 0 -5% !important;
        font-size: 12px !important;
        width: 100% !important;
    }

    .ad .table #form1 input {

        width: 90% !important;
        margin: 0 -3% !important;
    }

    .ad .table #form1 textarea {
        width: 100% !important;
        margin: 0 -8% !important;
        min-width: 80% !important;
    }

    .ad .table #form1 label {

        width: 50% !important;
        margin: 0 0% !important;
        font-size: 14px !important;

    }

    .ad .table #form1 button {
        width: 50% !important;
        margin: 0 30% !important;
        font-size: 15px !important;
    }

    /******************************fin correos******************************/


    /*********************************/
    .card-text {
        font-size: 19px !important;
        font-family: 'klav';
        font-weight: bold;
        text-align: justify !important;
    }

    .card-deck {
        font-family: 'klav';
        font-weight: bold;
    }

    /*---------------------------------------
       PRE LOADER              
  -----------------------------------------*/

    .preloader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        background: none repeat scroll 0 0 #ffffff;
    }

    .spinner {
        border: 1px solid transparent;
        border-radius: 3px;
        position: relative;
    }

    .spinner:before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 45px;
        height: 45px;
        margin-top: -10px;
        margin-left: -10px;
        border-radius: 50%;
        border: 1px solid #575757;
        border-top-color: #ffffff;
        animation: spinner .9s linear infinite;
    }

    @-webkit-@keyframes spinner {
        to {
            transform: rotate(360deg);
        }
    }

    @keyframes spinner {
        to {
            transform: rotate(360deg);
        }
    }

    /*******************diagonal div************************/
    /*******/


    /*******************Nuestras marcas************************/
    .jumbotron {
        background: #3a3a3a;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #00237f, #00237f);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #00237f, #0872b5);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-family: 'klav';
        color: white;
    }

    .marcas h1 {
        font-family: 'klav';
        text-align: center;
    }

    .marcas .le {
        font-family: 'klav';
        text-align: center;
        font-size: 28px;
    }

    .customer-logos {

           /*background-image: url(../images/metal.jpg);*/
  background: white !important;
    }

    .direcciones {

        font-family: 'klav';
        border-radius: 7px;
        box-shadow: 0px 0px 4px 2px rgb(255, 255, 255);
        padding: 0 10px;
        position: relative;
        text-align: center;
        width: 64%;
        margin: 0 18%;
    }

    .direcciones .ad .table {

        text-align: justify;
        width: 100%;
        margin: 0 0%;
    }

    .direcciones h2 {

        font-family: 'klav';
        font-size: 28px !important;
        letter-spacing: 3;
    }

    .direcciones h3 {
        margin: -20px 0;
        font-family: 'klav';
        font-size: 28px;
        letter-spacing: 3;
    }

    .direcciones p {
        letter-spacing: 2;
        font-family: "klav";
        font-size: 20px;

    }


    /********************card ********************/
    .card-deck {
        font-family: 'klav';
    }

    .numeros li {
        list-style: none !important;

        font-family: 'klav' !important;
        text-align: justify !important;

    }

    /*---------------------------------------
     FOOTER              
  -----------------------------------------*/

    footer {
        background: #000000;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #00237f, #0872b5);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #00237f, #0872b5);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        position: relative;
        padding-top: 80px;
        padding-bottom: 60px;
    }

    footer h2 {
        color: #ffffff;
    }

    footer a {
        color: #9c9c9c;
    }

    footer a:hover {
        color: #9c9c9c;
    }

    .footer-link {
        margin: 0;
        padding: 0;
    }

    .footer-link li {
        display: block;
        list-style: none;
        margin: 5px 10px 5px 0;

    }

    footer p,
    footer span,
    .footer-link li a {
        color: #d9d9d9;

    }

    .copyright-text p,
    .footer-bottom .phone-contact p {
        font-size: 14px;
    }

    .footer-info p {
        margin-right: 4em;

    }

    .footer-bottom {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin-top: 5em;
        padding-top: 3em;
    }

    .footer-bottom .phone-contact,
    .footer-bottom .social-icon {
        display: inline-block;
        vertical-align: top;
    }

    .footer-bottom .phone-contact {
        margin-right: 40px;
    }

    .footer-bottom .phone-contact span {
        font-weight: 500;
        display: inline-block;
        margin-left: 10px;
    }




    /***********************************************************************************************************/
    .datos {
        width: 100%;
    }

    .datos h2 {
        font-family: Klav;
        text-align: center;
        padding: 20px;
    }

    /* Slider */

    .slick-slide {
        margin: 0px 20px;

    }

    .slick-slide img {
        width: 100%;
    }

    .slick-slider {
        font-family: Klav;
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

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




    /**********************************************footer************************************************/
    .col_white_amrc {
        text-align: center;
        font-family: 'klav';
        color: #ffff;
    }



    footer {
        width: 100%;
        background-color: #ffff;
        min-height: 250px;
        padding: 10px 0px 25px 0px;
        font-family: 'Klav';
        font-size: 19px;

    }

    .pt2 {
        padding-top: 40px;
        margin-bottom: 25px;

    }

    /**********datos de informacion de footer**********/
    footer p {
        text-align: justify !important;
        font-size: 20px !important;
        color: #fff;
        padding-bottom: 0px;
        margin-bottom: 8px;
        font-family: 'Klav';
        font-size: 19px;
    }

    .mb10 {

        margin: 20px !important;
        padding: 1.2px !important;
        padding-bottom: 15px;
        font-family: 'klav';
        text-align: justify !important;
        width: 100% !important;
        letter-spacing: normal !important;
    }

    .mb10 img {
        position: absolute !important;
        margin: 0 -38px 35px !important;

    }

    /*******************************/
    .mb101 {

        margin: 10px !important;
        padding: 0px 91px 10px !important;
        padding-bottom: 15px;
        font-family: 'klav';
        text-align: center !important;
        width: 100% !important;
        letter-spacing: normal !important;

        display: inline-block;

        text-align: center;

        background: none;
        color: #ececec;

        -webkit-transform: scale(0.9);
        /* Browser Variations: */

        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;





    }

    .mb101 img {
        position: absolute !important;
        margin: 0 -38px 35px !important;

    }

    .mb101:hover {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }


    /********************************************/
    .footer_ul_amrc {
        text-align: center;

        width: 100% !important;
        margin: 10px;
        list-style-type: none;
        font-size: 19px;
        padding: 0px 0px 15px 0px;
        font-family: 'Klav';

    }

    .footer_ul_amrc ul {

        color: white;
        font-family: 'Klav';

    }

    .footer_ul_amrc li {
        width: 100%;
        color: white;
        font-family: 'Klav';
        padding: 2px !important;

    }

    .footer_ul_amrc a {
        color: white;
        font-family: 'Klav';


    }

    .footer_ul_amrc li {
        padding: 0px 0px 10px 0px;
    }

    .footer_ul_amrc .fab {
        z-index: 1000000;

    }

    .footer_ul_amrc li a:hover {
        color: #fff;
        text-decoration: none;
        font-family: 'Klav';
        font-size: 19px;
    }

    .fleft {
        float: left;
    }

    .padding-right {
        padding-right: 10px;
    }

    .footer_ul2_amrc {
        font-family: 'klav';
        font-size: 19px;
        margin: 0px;
        list-style-type: none;
        margin-top: 30px;


    }

    .bottom_border {
        border-bottom: 1px solid #ffff;
        padding-bottom: 30px;

    }


    .foote_bottom_ul_amrc {
        list-style-type: none;
        padding: 0px;
        display: table;
        margin-top: 10px;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;
    }

    .foote_bottom_ul_amrc li {
        display: inline;
    }

    .foote_bottom_ul_amrc li a {
        color: #fff;
        margin: 0 7px;
    }


    /********************************************redes*******************************/

    .social_footer_ul {
        display: table;
        margin: 15px auto 0 auto;
        list-style-type: none;
    }

    .social_footer_ul .fb:hover {
        -webkit-transform: scale(0.9);
        transform: scale(1.1);
    }

    .social_footer_ul .tw:hover {
        -webkit-transform: scale(0.9);
        transform: scale(1.1);
    }

    .social_footer_ul li {
        padding-left: 20px;
        padding-top: 10px;
        float: left;
    }

    .social_footer_ul li .fb {
        color: #00237f;
        border: 1px solid #3a3a3a;
        padding: 8px;
        border-radius: 50%;
    }

    .social_footer_ul li i {
        width: 20px;
        height: 20px;
        text-align: center;
    }

    .text-center {
        margin-top: 10px;
        font-family: 'klav';
        font-size: 19px;
    }


    /***********************************header*******************/
    .redes {
        margin: 0px 50px;
        font-size: 1.8em;
    }

    /*
ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}*/

    ul.social-network li {
        display: inline;
        margin: 0 5px;
        border-radius: 50%;
    }


    /**************************************** social icons ************************/
    .social-network a.icoFacebook {
        background-color: #3B5998;

    }

    .social-network a.icoTwitter {
        background-color: #33ccff;

    }

    .social-network a.icoFacebook:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .social-network a.icoTwitter:hover {
        background-color: #33ccff;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);

    }

    .social-network a.icoFacebook:hover,
    .social-network .icon-zoom .fa:active {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    a.socialIcon:hover,
    .socialHoverClass {
        color: #44BCDD;
    }

    .social-circle li a {
        display: inline-block;
        position: relative;
        margin: 0 auto 0 auto;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .social-circle li i {
        margin: 0;
        line-height: 50px;
        text-align: center;
    }



    .social-circle i {
        color: #fff;

    }


    /************Banner para todos************/

    /*****************************/
    .row .d-block,
    h3 {
        text-align: center;
        padding: 15px;
    }

    .row .d-block {
        background: none !important;
        padding: 15px;
    }

    .col-lg-4 .img-fluid {
        background: none !important;
        padding: 15px;
    }

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

    /*****************************/
    .row .d-block,
    h3 {
        text-align: center;
        padding: 15px;
    }

    .row .d-block {
        background: none !important;
        padding: 15px;
    }

    .col-lg-4 .img-fluid {

        background: none !important;
        padding: 15px;
    }

    /*****************footer icos**************



    .social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: *
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }
    
/********************************************/



}


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

@media only screen and (min-device-width : 993px) and (max-device-width : 1024px) and (orientation : portrait) {
    @import 'https://fonts.googleapis.com/css?family=Lato:300';


    /******************************correos******************************/



    .ad .table #form1 {

        text-align: justify !important;
        padding-top: 25px !important;
        margin: 0 -5% !important;
        font-size: 12px !important;
        width: 100% !important;
    }

    .ad .table #form1 input {

        width: 90% !important;
        margin: 0 -3% !important;
    }

    .ad .table #form1 textarea {
        width: 100% !important;
        margin: 0 -8% !important;
        min-width: 80% !important;
    }

    .ad .table #form1 label {

        width: 50% !important;
        margin: 0 0% !important;
        font-size: 14px !important;

    }

    .ad .table #form1 button {
        width: 50% !important;
        margin: 0 30% !important;
        font-size: 15px !important;
    }

    /******************************fin correos******************************/
    .navbar {
        width: 100% !important;
        position: fixed;
        z-index: 999;
        background: #3a3a3a;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #3a3a3a, #00237f);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #00237f, #0872b5);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-family: 'klav';
        font-size: 16px;

    }

    .nav-item1::after {
        content: '' !important;
        display: block !important;
        width: 0 !important;
        height: 2px !important;
        background: #ffff;
        transition: width .3s !important;
    }

    .nav-item1:hover::after {
        width: 100% !important;
        transition: width 3.s;
    }

    .dropdown-item::after {
        content: '' !important;
        display: block !important;
        width: 0 !important;
        height: 2px !important;
        background: #ffff;
        transition: width .3s !important;
    }

    .dropdown-item:hover::after {
        width: 100% !important;
        transition: width 3.s;
    }


    .dropdown-menu {
        background: #3a3a3a;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #00237f, #0872b5);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #00237f, #0872b5);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-family: 'klav';
        border-radius: 6px;
        box-shadow: 0px 0px 4px 2px rgba(255, 255, 255, 255);
        font-size: 18px;
    }

    .dropdown-menu :hover {
        background: linear-gradient(to right, #3a3a3a, #00237f);
    }

    .dropdown:hover > .dropdown-menu {
        display: block !important;
    }

    @font-face {
        font-family: 'klav';
        src: url('../fuentes/klavika-light-webfont.woff2') format('woff2'),
            url('../fuentes/klavika-light-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    .somos {

        text-align: center;
        border-radius: 6px;

    }

    .somos h3 {
        font-family: 'klav';
        padding: 1px;
        text-align: center;

    }

    .container-fluid .imgr {
        height: 0%;
        width: 40%;
        position: relative;

    }

    .contendor1 {
        font-family: 'klav';
        font-size: 25px !important;
        text-align: justify;
        width: 100%;
    }

    .contendor1 p {
        width: 100%;
        border: 1px solid transparent !important;
        border-radius: 12px !important;
        position: relative !important;



    }

    .textos {
        width: 73% !important;
        margin: 0px 13% 0 !important;
        padding: 1px 0px 15px !important;
        position: relative !important;
        margin: 15px justify 15px !important;
    }

    .texto12 {
        width: 73% !important;
        margin: 0px 13% 0 !important;
        padding: 1px 0px 15px !important;
        position: relative !important;
        margin: 55px justify 15px !important;
        /*margin-left: 40.2% !important;*/

    }

    .contendor1 h2 {
        font-family: 'klav';
        text-align: center;
    }

    .imagenlog img {
        width: 100%;
        padding: 0 10% 0 !important;
        border: 1px solid transparent !important;
        border-radius: 12px !important;
        position: absolute !important;

    }


    /***********************************header*******************/
    .redes {
        margin: 0px 80px;
        margin-left: 0px !important;
        font-size: 1.5em;
        width: 40%;
        min-width: 20%;
    }

    / .redes > .ul.social-network {
        list-style: none;
        display: inline;
        margin-left: 550px !important;
        padding: 0;
    }

    */ ul.social-network li {
        display: inline;
        margin: 0 2px;
        margin-left: 20px !important;
        border-radius: 50%;
    }


    /**************************************** social icons ************************/
    .social-network a.icoFacebook {
        background-color: #3B5998;

    }

    .social-network a.icoTwitter {
        background-color: #33ccff;

    }

    .social-network a.icoFacebook:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .social-network a.icoTwitter:hover {
        background-color: #33ccff;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);

    }

    .social-network a.icoFacebook:hover,
    .social-network .icon-zoom .fa:active {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    a.socialIcon:hover,
    .socialHoverClass {
        color: #44BCDD;
    }

    .social-circle li a {
        display: inline-block;
        position: relative;
        margin: 0 auto 0 auto;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 100%;
        text-align: center;
        width: 30px;
        height: 30px;
        font-size: 20px;
    }

    .social-circle li i {
        margin: 0;
        line-height: 30px;
        text-align: center;
    }



    .social-circle i {
        color: #fff;

    }


    /**********datos de informacion de footer**********/
    footer {
        width: 9% !important;
    }

    footer p {
        text-align: justify !important;
        font-size: 20px !important;
        color: #fff;
        padding-bottom: 0px;
        margin-bottom: 8px;
        font-family: 'Klav';
        font-size: 19px;
    }

    .mb10 {

        margin: 20px !important;
        padding: 1.2px !important;
        padding-bottom: 15px;
        font-family: 'klav';
        text-align: justify !important;
        width: 100% !important;
        letter-spacing: normal !important;
    }

    .mb10 img {
        position: absolute !important;
        margin: 0 -38px 35px !important;

    }

    /*******************************/
    .mb101 {

        margin: 10px !important;
        padding: 0px 91px 10px !important;
        padding-bottom: 15px;
        font-family: 'klav';
        text-align: center !important;
        width: 100% !important;
        letter-spacing: normal !important;

        display: inline-block;

        text-align: center;

        background: none;
        color: #ececec;

        -webkit-transform: scale(0.9);
        /* Browser Variations: */

        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;





    }

    .mb101 img {
        position: absolute !important;
        margin: 0 -38px 35px !important;

    }

    .mb101:hover {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }

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

    .dropdown1 {
        width: 50% !important;
        position: relative;
        display: block;
        margin-top: 0.5em;
        margin: 0px 30% !important;





    }

    .dropdown1 select {
        width: 100% !important;
        margin: 0 10% 0px !important;
        background: none;
        border: 3px solid transparent;
        outline: none;

        box-sizing: border-box;


        font-size: 21px !important;
        color: #3a3a3a !important;
        padding: 1px -10.9px .5px 50% !important;
        /* padding: 1px 1.9px .5px 40%;*/

        line-height: 1.3 !important;
        text-align: center;


    }




    .dropdown1:hover {
        border: 1px solid #888;


    }

    .button {

        border: 2px solid #bbb;
        border-radius: .9em;
        box-shadow: 0 3px 0 1px rgba(0, 0, 0, .04);
        background: #f3f3f3;
        width: 80% !important;
        margin: 0 5% 0px !important;
        padding: 0 20% 0 !important;
        text-align: center !important;
    }

    .output {
        width: 100%;
        /*margin: 0 auto;*/
        padding: 1em;
        background: #3a3a3a;
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #3a3a3a, #00237f);
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #00237f, #0872b5);
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-family: 'klav';
        height: 100% !important;
        margin-top: 13px;
    }

    .wrap img {
        float: none;
        display: block;
        margin: 0 auto;
        height: 30%;
        padding-top: 10px;
        width: 100% !important;
    }

    .wrap iframe {
        float: none;
        display: block;
        margin: 0 auto;
        height: 100% !importan;
        padding-top: 10px;
        width: 100% !important;
    }

    .suc {
        width: 100% !important;
        padding: 3em;
        color: #fff;
        display: none;
    }

    .mapa {
        font-family: 'klav';

        padding: 0;
        position: relative;
        text-align: center;
        width: 100% !important;
        margin: 0 !important;
        position: static;
        height: 100% !important;
    }

    a {
        color: #c04;
        text-decoration: none;
    }

    a:hover {
        color: #903;
        text-decoration: underline;

    }

    .wrap {
        font-family: 'klav';

        padding: 0;
        position: relative;
        text-align: center;
        width: auto !important;
        margin: 0 !important;
        position: static;
    }

    .ad {

        /*background: #3a3a3a;
        /* fallback for old browsers */
        /*background: -webkit-linear-gradient(to right, #00237f, #0872b5);
        /* Chrome 10-25, Safari 5.1-6 */
        /*background: linear-gradient(to right, #00237f, #0872b5);*/
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        font-family: 'klav';
        color: white;
        font-size: 23px;
        width: auto !important;
        height: auto !important;
    }


    .direcciones {

        font-family: 'klav';
        border-radius: 3px !important;
        box-shadow: 0px 0px 4px 2px rgb(255, 255, 255);
        padding: 0 55px 0 !important;
        position: relative;
        text-align: center;
        width: auto !important;
        margin: 0 -35px 15px !important;
    }

    .direcciones .ad .table {

        text-align: justify !important;
        width: auto !important;
        margin: 0 -3% !important;
        font-size: 25px !important;
    }


    .direcciones h2 {

        font-family: 'klav';
        font-size: 12px !important;
        letter-spacing: 3;
    }

    .direcciones h3 {
        margin: -20px 0;
        font-family: 'klav';
        font-size: 8px !important;
        letter-spacing: 3;
    }

    .direcciones p {
        letter-spacing: 2;
        font-family: "klav";
        font-size: 2px !important;

    }


    /**************index******************/


    .card-body > .card-text {

        text-align: center !important;
        font-size: 23px !important;
    }

    .customer-logos c {

        width: 100% !important;
        height: 100% !important;

    }
}


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

@media only screen and (min-device-width: 960px){
    
        .contendor1 > .texto12 {
        width: 100% !important;
        margin: 0px -2px !important;
        padding: 1px 0px 15px !important;
        position: relative !important;
        margin: 15px justify 15px !important;
    }

    .texto12 {
        width: 43% !important;
        margin: 0px -10px !important;
        padding: 1px 0px 15px !important;
        position: relative !important;
        margin: 55px justify 15px !important;
        margin-left: 56.2% !important;
    }

    
        .contendor1 > .textos {

        width: 100% !important;
        margin: 0px -2px !important;
        padding: 1px 0px 15px !important;
        position: relative !important;
        margin: 15px justify 15px !important;
            
    }
    
    
  .textos
{
    width: 73% !important;
       margin: 0px 13% 0 !important;
        padding:  1px 0px 15px !important;
        position: relative !important;
    margin: 15px justify 15px!important;
}
   
    
    .imagenlog img
{
    width: 100%;
    padding: 0 10% 0 !important;
   border:1px solid transparent !important;
    border-radius: 12px !important;
    position: absolute !important;

}

        .imagenlog img {
        border: 1px solid transparent !important;
        border-radius: 12px !important;
        position: relative !important;
        margin: auto !important;

    }

    
.imagenlog img
{
    width: 100%;
    padding: 0 10% 0 !important;
   border:1px solid transparent !important;
    border-radius: 12px !important;
    position: relative!important;

}

    
}******/