@font-face {
    font-family: "arial";
    src: url("../fonts/arial.otf");
    src: url("../fonts/arial.otf?#iefix") format("embedded-opentype"),
        url("../fonts/arial.woff") format("woff"),
        url("../fonts/arial.ttf") format("truetype"),
        url("../fonts/arial.svg#arial") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "opensansL";
    src: url("../fonts/OpenSans-Light.otf");
    src: url("../fonts/OpenSans-Light.otf?#iefix") format("embedded-opentype"),
        /*url("../fonts/OpenSans-Light.woff") format("woff"),*/
        url("../fonts/OpenSans-Light.ttf") format("truetype"),
        url("../fonts/OpenSans-Light.svg#nexa") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "opensans";
    src: url("../fonts/OpenSans-Regular.otf");
    src: url("../fonts/OpenSans-Regular.otf?#iefix") format("embedded-opentype"),
        /*url("../fonts/OpenSans-Regular.woff") format("woff"),*/
        url("../fonts/OpenSans-Regular.ttf") format("truetype"),
        url("../fonts/OpenSans-Regular.svg#nexa") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "opensansB";
    src: url("../fonts/OpenSans-Bold.otf");
    src: url("../fonts/OpenSans-Bold.otf?#iefix") format("embeddevd-opentype"),
        /*url("../fonts/OpenSans-Bold.woff") format("woff"),*/
        url("../fonts/OpenSans-Bold.ttf") format("truetype"),
        url("../fonts/OpenSans-Bold.svg#nexaR") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "opensansEB";
    src: url("../fonts/OpenSans-ExtraBold.otf");
    src: url("../fonts/OpenSans-ExtraBold.otf?#iefix") format("embedded-opentype"),
        /*url("../fonts/OpenSans-ExtraBold.woff") format("woff"),*/
        url("../fonts/OpenSans-ExtraBold.ttf") format("truetype"),
        url("../fonts/OpenSans-ExtraBold.svg#nexaB") format("svg");
    font-weight: normal;
    font-style: normal;
}

.owl-carousel .icono-next:before {
    content: "\f101";
    font-family: 'iconon';
}
.owl-carousel .icono-prev:before {
    content: "\f100";
    font-family: 'iconon';
}

img{
    max-width: 100%;
}
a:focus, a:hover, a:active{
    outline: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    text-decoration: none;
}

.btn:focus, button:focus{
    outline: 0 transparent !important;
}
.sin-padding{
    padding: 0;
}
.owl-carousel .owl-stage {
    margin: 0 auto;
}
body{
    font-family: 'opensans';
    font-size: 17px;
    color: #101010;
    padding: 0 !important;
}
.margen-arriba{
    margin-top: 3%;
}
.margen-abajo{
    margin-bottom: 4%;
}
.modal{
    z-index: 9999;
}
h6, .h6 {

    font-size: 11px;

}









/*----- CABECERA -----*/



.top-cab{

    background: #ffb200;
    overflow: hidden;
    position: relative;
    padding: 0 2%;
    text-align: center;

}



.div-left{



    float: left;



}



.div-right{

    float: right;

}

.div-right span.icono-llamada:before{

    background: transparent !important;

}



.top-cab a{

    color: #fff;
    font-family: DINM;
    font-size: 15px;
    padding: 0 10px;
    letter-spacing: 1px;
    padding: 15px 8px;
    transition: all 0.4s ease;
}

.top-cab a img{

    /*height: 25px;*/

}



.top-cab span{
    padding-right: 10px;
}



.top-cab span:before {

    font-size: 14px;

    /*background: #bfbfbf;*/

    padding: 6px;

    border-radius: 50%;

    color: #fff;



}
.top-cab a:hover{
    background: white;
    color: #6f6f6f;
    border-radius: 10px;
}

.tab#tabs{
    display: block;
    width: initial;
    margin: 0;
    float: none;
}
.tab#tabs ul{
    display: table;
    width: 100%;
    position: relative;
}
.tab#tabs li {
    display: table-cell;
    margin: 0px 4px;
    width: 24%;
}
.tab#tabs li a{
    box-shadow: 0px 0px 6px transparent;
    font-size: 2em;
    font-weight: 100;
    color: #432e73;
}
.tab#tabs li#current a {
    background: transparent;
    color: #432e73;
    font-weight: 700;
}
.tab#tabs ul:before {
    opacity: 1;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: -22px;
    right: 50%;
    border: 4px solid transparent;
    border-right: 20px solid #432e73;
    border-bottom: 20px solid #337ab700;
    border-left: 20px solid #337ab700;
    border-top: 20px solid #432e73;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 9;
}
.tab#tabs li a:before{
    top: -22px;
    right: 50%;
    border: 4px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    border-top: 20px solid transparent;
}
.tabulador#content {
    margin: 20px auto;
    float: none;
    box-shadow: 0px 0px 6px transparent;
}
.tabulador#content article{
    transform: translateX(100%);
}



/*.fond-cab{



    background: url('../img/fc.png');



    background-size: 100%;



}*/



.linea-cabecera{



    background: #107CDC;



    background: linear-gradient( 338deg, #003769, #0BB5FF );



    height: 7px;



    width: 100%;



}



.mrg-header{



    padding-top: 10px;



    padding-bottom: 10px;



}



.mrg-header a{



    text-decoration: none;



}








.padding-bottom {
    padding-bottom: 4%;
}


.padding-top{



    padding-top: 4%;



}



/*-- FINAL DE CABECERA --*/











/*-- MENU --*/







.header_box{



    display: table;



    width: 100%;



}







.div-logo{



    display: table-cell;



}



.div-logo img{



    max-height: 100px;



    will-change: transform;



}



.box-search a:after{



    display: none !important;



}













.menu{
    background: #000;

        /*padding: 8px 0;*/

    position: absolute;

    /*position: relative;*/

    z-index: 999;

    width: 100%;

    background: rgba(255, 255, 255, 0.88);

    /*background-image: linear-gradient(to bottom, hsl(0, 0%, 100%), rgba(255, 255, 255, 0.92));*/

    /*padding-bottom: 5%;*/
    /*background: transparent;*/
    /*background-image: none;*/
}



.fondo-menu{



    /*background: #1b6d85;*/



    background-image: url('../img/fondo-menu.png');



    background-repeat: no-repeat;



    /*background-size: 100%;*/



    background-size: 100% 100%;



    position: absolute;



    height: 132px;



    width: 100%;



    z-index: 99;



}



.navbar {



    margin-bottom: 0px;



}



.navbar-inverse .navbar-nav > li > div > a {

    color: #040532;

    font-size: 2rem;
    text-transform: uppercase;



    border-radius: 0px;



    padding-bottom: 17px;



    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    /*font-family: 'nexa';*/

    letter-spacing: 0px;
}



.nav > li  > div > a {



    padding: 15px 0;



}



.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{



    color: #770000;



    /*background-color: #ededed;*/



    font-weight: 600;



}








.navbar-inverse .navbar-nav > li > div > a:hover, .navbar-inverse .navbar-nav > li > div > a:focus{
    color: #1377d0;
}



.dropdown-menu{



    /* margin: 0px 0 0; */



    padding: 0;



    border: 0px solid rgba(205, 220, 57, 0.46);



    border-radius: 4px;



    -webkit-box-shadow: 0 6px 12px rgba(114, 137, 151, 0.23);



    box-shadow: 0 6px 12px rgba(114, 137, 151, 0.23);



    font-size: 0.9em;



    background-color: #ffffff;



}



.dropdown-menu > li > a {



    /*-webkit-transform: scaleY(0.97);*/



    color: #ffffff;



    padding: 5px 20px;



    text-transform: uppercase;



}



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {



    color: #ffffff;

    text-decoration: none;

    background-color: #7e919d;



}



.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {



    color: #ffffff;

    text-decoration: none;

    background-color: #7e919d;



    outline: 0;



}



.box-search .input-group-search {



    position: relative;



    background: white;



    padding: 15px;



    text-align: center;



}



#search {



    margin-bottom: 10px;



    padding-top: 2%;



}



.box-search .button-search {



    margin-top: 15px;



    width: 100%;



    height: 40px;



    font-size: 13px;



    font-weight: 400;



    background-color: #f5f5f5;



    border-color: #86a5d1;



    color: #71a2db;



    -webkit-transition: all 0.3s ease;



    -o-transition: all 0.3s ease;



    transition: all 0.3s ease;



}



.box-search .button-search:hover {



    background-color: #6b91c7;



    border-color: #86a5d1;



    color: #fff;



    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);



}





















@media(min-width: 991px){



    .header_box ul > li.box-search:after {



        height: 0;



    }
    .header_box ul > li:hover:after{

    }



    .header_box ul > li:after {



        content: '';



        display: block;



        width: 0px;



        height: 1px;



        background: #090839;



        margin-top: 0px;



        -webkit-transition-duration: 0.3s;



        -moz-transition-duration: 0.3s;



        -ms-transition-duration: 0.3s;



        -o-transition-duration: 0.3s;



        position: absolute;



        bottom: 0px;
        left: 0;
        right: 0;
        margin: 0 auto;



    }


    .header_box ul:first-child > li:hover:after {



        transition-delay: .2s;



        -webkit-transition-delay: .2s;



        -moz-transition-delay: .2s;



        -ms-transition-delay: .2s;



        -o-transition-delay: .2s;



        /*width: 100%;*/
        width: 60px;



        -webkit-transition-duration: 0.3s;



        -moz-transition-duration: 0.3s;



        -ms-transition-duration: 0.3s;



        -o-transition-duration: 0.3s;



    }



    .header_box ul:first-child > li.active:after {



        transition-delay: .2s;



        -webkit-transition-delay: .2s;



        -moz-transition-delay: .2s;



        -ms-transition-delay: .2s;



        -o-transition-delay: .2s;



        width: 100%;



        -webkit-transition-duration: 0.3s;



        -moz-transition-duration: 0.3s;



        -ms-transition-duration: 0.3s;



        -o-transition-duration: 0.3s;



    }

    .active a.scroll-link span{
        position: relative;
    }

    .navbar-collapse.collapse {



        float: left;



        width: 100%;
        padding: 0;



    }



    .navbar-nav {



        margin: 0;



        float: right;





        padding-right: 3%;

        /*left: 50%;*/



        /*list-style-type: none;*/



        /*margin: 0 auto;*/



        /*padding: 0;*/



        /*position: relative;*/

        /*float: none;*/
        /*border-bottom: 2px solid rgba(255, 255, 255, 0.49019607843137253);*/
        /*margin-left: 4%;*/




    }



    .navbar-nav > li {



        position: relative;



        /*right: 50%;*/



        margin: 0px 10px;

        z-index: 9999;

        /*max-width: 175px;*/

        text-align: center;



    }



    .iconolast {

        position: absolute;

        right: 2%;

        top: 0;

    }



    /*    .navbar-inverse {

    

            background-color: rgba(34, 34, 34, 0);

    

            border-color: rgba(8, 8, 8, 0);

    

            display: table-cell;

    

            vertical-align: middle;

    

        }*/

    .navbar-inverse{

        background-color: rgba(34, 34, 34, 0);

        border-color: rgba(8, 8, 8, 0);

        /*  display: table-cell;

          vertical-align: top;

          width: 59%;

          height: 100%;*/

        border: 0;

        display: table-cell;

        vertical-align: middle;



        position: static;

    }

    .navbar-inverse .navbar-nav > li.active > div > a{

        color: #ffb200;

        font-weight: 100;

        background-color: transparent;

        border-radius: 4px;

    }





    /*    #demo1 .owl-item {



            padding: 58px 8px 0px 5px !important;



        }*/



}







/*Menu tercer nivel*/



.dropdown-submenu {



    position: relative;



}







.dropdown-submenu>.menu-drop2 {



    top: 0;



    left: 100%;



    margin-top: 0px;



    margin-left: 0px;



    -webkit-border-radius: 0 0px 6px 6px;



    -moz-border-radius: 0 0px 6px 6px;



    border-radius: 0 0px 6px 6px;



}



/*.dropdown-submenu>a:after,.dropdown>a:after {



    display: block;



    content: " ";



    float: right;



    width: 0;



    height: 0;



    border-color: transparent;



    border-style: solid;



    border-width: 5px 0 5px 5px;



    border-left-color: #0e1b63;



    margin-top: 5px;



    margin-right: -10px;



}*/



.dropdown-submenu>a:hover:after, .dropdown>a:hover:after,



.dropdown-submenu>a:focus:after, .dropdown>a:focus:after,



.dropdown-submenu>a:active:after, .dropdown>a:active:after{



    /*border-left-color: #ffffff;*/



}











/*.navbar-inverse .navbar-nav > .active > a:focus:after



{



    border-left-color: #006396;



}*/











.dropdown-submenu.pull-left {



    float: none;



}







.dropdown-submenu.pull-left>.dropdown-menu {



    left: -100%;



    margin-left: 10px;



    -webkit-border-radius: 6px 0 6px 6px;



    -moz-border-radius: 6px 0 6px 6px;



    border-radius: 6px 0 6px 6px;



}











.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {



    color: #3890d6;



    background-color: #fff;



    font-weight: 600;



}



.pad-nav:hover{

    color: #000;

}



.dropdown-submenu>a.pad-nav:hover:after, {

    border-left-color: #0e1b63;

}







@media(max-width: 767px){



    .dropdown-submenu>a:after,.dropdown>a:after {



        margin-right: 0px;



    }

    .menu {

        background: #000 !important;

        position: relative;

    }



}



@media(min-width:1200px){



    .dropdown-menu{



        /*min-width: 200px;*/



        white-space: nowrap;



    }



    .dropdown-menu > li > a{



        /*font-size: 18px;*/



        padding: 7px 20px;



        font-family: 'FrankD';





    }



}







@media(min-width: 991px){



    nav ul:first-child li.separador-linea:before {



        /* position: absolute;

 

         content: " ";

 

         top: 26%;

         bottom: 0;

 

         width: 1px;

 

         background: rgba(245, 246, 249, 0.1);

 

         height: 22px;

 

         margin-left: -3px;*/



    }



}







@media(max-width: 1024px){



    .navbar-inverse .navbar-nav > li > a {



        font-size: 12px;



    }



    .dropdown-menu > li > a {



        font-size: 17px;



    }







}



@media(max-width: 991px){



    .nav > li > a {



        padding: 4px 4px 4px 4px;



    }



    .dropdown-menu{



        /*font-size: 0.8em;*/



    }



    .dropdown-menu > li > a{



        white-space: normal;



        font-size: 11px;



    }



    .dropdown-menu{



        min-width: 117px;



        /*max-width: 117px;*/



    }







}



/*-- FIN MENU --*/















@font-face {



    font-family: "icono";



    src: url("../fonts/icono.eot");



    src: url("../fonts/icono.eot?#iefix") format("embedded-opentype"),



        url("../fonts/icono.woff") format("woff"),



        url("../fonts/icono.ttf") format("truetype"),



        url("../fonts/icono.svg#icono") format("svg");



    font-weight: normal;



    font-style: normal;



}







/*@media screen and (-webkit-min-device-pixel-ratio:0) {



    @font-face {



        font-family: "icono";



        src: url("../fonts/icono.svg#icono") format("svg");



    }



}*/



/*-- BANNER --*/



/* slidelayer */



.layerslider-wrapper {

    max-width: 100% !important;

    overflow: hidden;

}



.layerslider-wrapper:hover .tp-rightarrow {



    right: 66px !important;



}







.layerslider-wrapper:hover .tp-leftarrow {



    left: 90px !important;



}







.tparrows:before {



    content: "\f10d";



}



.tparrows.tp-leftarrow:before {



    content: "\f10c";



}



.tp-leftarrow.round, .tp-rightarrow.round{



    background: none;



    -webkit-transition: all 0.3s ease-in-out 0s;



    -o-transition: all 0.3s ease-in-out 0s;



    transition: all 0.3s ease-in-out 0s;



}



.tparrows {



    position: absolute !important;



    top: 50% !important;



    z-index: 9999;



    cursor: pointer;



    display: block;



    width: 45px;



    height: 45px;



    -webkit-transition: all 0.3s ease-in-out 0s;



    -o-transition: all 0.3s ease-in-out 0s;



    transition: all 0.3s ease-in-out 0s;



    /*font-size: 0;*/



}







.tparrows:before {

    text-shadow: 2px 2px 4px #424242;

    color: #ffffff;



    display: inline-block;



    font-size: 41px;



    font-family: icono;



    position: absolute;



    right: 0;



    text-align: center;



    top: 0;



    width: 59px;



    height: 59px;



    z-index: 12;



    background-color: none;



    line-height: 59px;



    border-radius: 6px;



    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

}



.tparrows:hover:before {



    background-color: #c5c5c5;



    color: #ffffff;



}

#rev_slider_8_1 .uranus.tparrows:before{

    border-radius: 0;

    font-size: 30px;

}





/*.tp-leftarrow {



    left: -50px !important;



}







.tp-rightarrow {



    right: -60px !important;



}



*/























/*- PIE DE PAGINA -*/







/*.color-fondo-pie{



    color: #fff;



    font-size: 14px;



    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(220, 220, 220)), color-stop(4%,rgb(255, 255, 255))); */



/*padding: 20px 4%;









 background-position: center;*/ 

.btn-azul{
    background: #2893e6;
    color: #fff;
    border: 0;
    width: 100%;
    font-size: 18px;
    padding: 10px;
    border-radius: 4px;
}

.fondo-pie{

    padding: 1% 0 1%;

    position: relative;

    z-index: 2;
    background: rgba(0, 37, 84, 1);

    background: url('../img/fondo-pie.jpg');

    background-position: center;

    background-size: cover;

    /*font-family: 'geometric';*/

}
.fondo-pie:before{
    content: '';
    /*background: #5f4343b5;*/
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply;
}
.fondo-pie h4{

    color: #fff;

}

.fondo-pie a{
    color: #fff;
    font-family: 'opensansL';
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;

}
.fondo-pie a:hover{
    color: #3890d6;
}


.fondo-pie2{

    background: #000;

    padding: 1% 0;

    text-align: center;

    color: #fff;


    /*text-transform: uppercase;*/

}

.tabla-row{

    display: table;

    position: relative;

    width: 100%;

}

.tabla-col{

    display: table-cell;

    vertical-align: middle;

    float: none;

}





.color-fondo-pie .form-control{



    /*background-color: #F6F5F6;*/



    background-image: none;



    border: 1px solid rgba(204, 204, 204, 0.36);



    border-radius: 2px;





}



.color-fondo-pie a{



    color: #fff;



    text-align: left;



    transition: all 0.2s ease;



}



.color-fondo-pie a:hover {



    color: #3890d6;



    text-decoration: none;



}



.color-fondo-pie p{



    margin-bottom: 10px;



}



.titulos-pie{
    text-transform: uppercase;
    font-family: 'opensansB';
    color: #fff;
    text-align: left;
    margin-bottom: 7%;
}



.titulos-pie:after {
    content: '';
    background-color: #fff;
    width: 26%;
    height: 1px;
    display: block;
    position: relative;
    margin-top: 2px;
}

.titulos-pie span{
    display: inline-block;
    font-size: 16px;
}



.titulos-pie a{



    color: #000;



}



.text-pie{



    display: inline-block;



    width: 100%;



    margin-bottom: 5px;



}



.text-pie span{



    display: table-cell;



    vertical-align: middle;



}



.text-pie p{



    display: table-cell;



    vertical-align: middle;

    text-align: left;

    margin-bottom: 0;
    font-size: 15px;


    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;



}



.text-pie span:before{

    font-size: 16px;

    padding-right: 8px;



}



.text-pie:hover p{



    padding-left: 13px;



}







.text-pie .icono-nextweb:before{



    font-size: 11px;



}



.btn-primary {



    color: #fff;



    background-color: #388fd5;



    border-color: #388fd5;



    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    border: 0;



    padding: 10px 30px;



}



.btn-primary:hover, .btn-primary:focus {



    color: #fff;



    background-color: #010101;



    border-color: #010101;



}



.btn-primary:focus, .btn-primary.focus {



    color: #a7de68;



    background-color: #010101;



    border-color: #010101;



}



label {



    font-weight: 500;



    font-size: 17px;



}











.form-group {



    margin-bottom: 8px;



}



.posicion-p p{



    /*text-align: center;*/



    font-size: 12px;



    line-height: 17px;



}



.texto-left{



    text-align: left;



}



.texto-right{



    text-align: right;



}



.contenido-pie {



    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,rgb(0, 68, 117)), color-stop(102%,rgb(0, 154, 220)));*/



    /*background: #036058;*/



    /*color: #fff;*/



    /*font-size: 12px;*/



    display: inline-block;


}



.btn-dezain a:hover{



    text-decoration: none;



}



.div-dezain{



    font-size: 12px;



}



.btn-dezain{



    color:#00588C;



    background: #fff;



    border-radius:10px;



    padding: 1px 5px;



    font-size: 10px;



    float: initial;



    margin: 3px;



    border:0;



    font-weight:bold;



    outline:0;



    transition: all 0.3s ease;



    -webkit-transition: all 0.3s ease;



    -o-transition: all 0.3s ease;



    -moz-transition: all 0.3s ease;







}



.dezain-enlace{


    margin: 0;



    display: block;



    color: #fff;



    font-size: 14px;



}



.dezain-enlace:hover{



    color: #fff;



    text-decoration: none;



}



/*- FIN DE PIE -*/



















/* PAGINA */



.servicio-tit{



    background-image: url('../img/img-servicios.png');



    background-repeat: no-repeat;



    background-size: 100.4% 100%;



    /* position: absolute; */



    height: 64px;



    width: 100%;



    /* z-index: 99; */



    text-align: center;



    display: table;







    position: relative;



    margin-bottom: 2%;



    margin-top: 2%;



}



.servicio-tit h2{



    margin: 0;



    color: #ca1439;



    font-weight: bold;



    font-size: 30px;



    display: table-cell;



    vertical-align: middle;



    font-family: "FrankD";



}



.servicio-tit h2:before{



    content: url('../img/lad-izq.png');



    position: relative;



    height: 100%;



    vertical-align: super;



    padding-right: 15px;



}



.servicio-tit h2:after{



    content: url('../img/lad-der.png');



    position: relative;



    height: 100%;



    vertical-align: super;



    padding-left: 15px;



}



.servicio-tit .icono-engranaje:before {



    font-size: 19px;



    padding-right: 3px;



    display: table-cell;



    vertical-align: middle;



}



.noticia-tit{



    height: 54px;



    width: 100%;



    text-align: center;



    display: table;



    /*    background: linear-gradient( 180deg, #003769, #0BB5FF );*/



    background: #1C8C82;



}



.noticia-tit h2{



    margin: 0;



    color: #fff;



    font-size: 23px;



    display: table-cell;



    vertical-align: middle;



}



.noticia-tit .icono-engranaje:before {



    font-size: 19px;



    padding-right: 3px;



    display: table-cell;



    vertical-align: middle;



}











.fondo-plomo{



    background: #e8e8e8;



    padding: 4% 0;



    text-align: center;



}



.fondo-plomo h2{



    /*color: #146bb4;*/







}



.fondo-plomo h3, .fondo-plomo h1, .fondo-plomo h2{



    color: #fff;

    /*font-family: 'itfranklindemi';*/

    margin: 0;

}



.fondo-plomo p{



    font-size: 1.7rem;



    /*color: #fff;



    margin-top: 2%;



    width: 80%;



    margin: 2% auto 0;

*/

}







.fondo-negro{
    background: black;
    color: #fff;
    /*padding: 4% 4%;*/
    /*font-size: 14px;*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(220, 220, 220)), color-stop(4%,rgb(255, 255, 255))); */

    /*background: url(../img/fp.png), url(../img/fondoplomo.jpg); */
    /*background-position: center; */
    /*background-size: cover; */
}



/*-- CARUSEL --*/



.img-carrusel1{



    height: 200px;



}



.div-carru1{



    text-align: center;



}



.texto-carru{



    margin-top: 12px;



}



.texto-carru a{ 



    color: #010101;



    font-size: 13px;



    text-transform: uppercase;



}



.fondo-carru2{



    background: linear-gradient( 180deg, #8E8E8E, #F5F5F5 );



}







@media(min-width: 767px){



    /*#demo1 .owl-nav .owl-prev{



        opacity: 0;



        z-index: -1;



        transform: translate(5%, -49px);



        -webkit-transition: all 0.25s 0.1s;



        -o-transition: all 0.25s 0.1s;



        transition: all 0.25s 0.1s;



    }



    #demo1 .owl-nav .owl-next{



        opacity: 0;



        z-index: -1;



        transform: translate(-5%, -49px);



        -webkit-transition: all 0.25s 0.1s;



        -o-transition: all 0.25s 0.1s;



        transition: all 0.25s 0.1s;



    }



    #demo1:hover .owl-nav .owl-prev,



    #demo1:hover .owl-nav .owl-next{



        opacity: 1;



        transform: translate(0%, -49px);



    }*/



}











#demo1 .icono-prev, #demo1 .icono-next {

    top: 50%;





}

#demo1 .icono-prev{

    left: -25px;

}

#demo1 .icono-next {

    right: -25px;

}

/*#demo1 .icono-prev:before{

    font-family: 'iconos';

    content: "\f106";

    font-size: 60px;

}



#demo1 .icono-next:before{

    font-family: 'iconos';

    content: "\f105";

    font-size: 60px;

}*/



.owl-carousel.owl-drag .owl-item{



    text-align: center;



}







#demo1 .owl-carousel .owl-item img{



    /*height: 70px;*/



    width: auto;



    display: inline-block;



    /*-webkit-filter: grayscale(100%);



    filter: grayscale(100%);*/



    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;



    will-change: transition;



    cursor: pointer;

    transform: scale(0.8);

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -o-transform: scale(0.8);

    -ms-transform: scale(0.8);

}



#demo1 .owl-carousel .owl-item:hover img{

    transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    /*

        -webkit-filter: grayscale(0%);

    

        filter: grayscale(0%);*/



}















#demo3{



    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(220, 220, 220)), color-stop(11%,rgb(255, 255, 255)));*/



    padding: 2% 0% 0;



}



/*#demo3 .icono-prev:before,



#demo3 .icono-next:before{



    background: #ffffff;



    padding: 12px;



    border-radius: 22px;



    color: #3890d6;



    font-size: 13px;



}*/



/*#demo3 img{



    padding: 5px;



    border-right: 2px solid #DCDCDC;



        height: 45px;



}*/







.texto-p2-c{



    color: #238493;



    font-size: 14px;



    margin: 12px;



}



.texto-p2-c a{



    color: #238493;



}



.div-carru3{



    padding: 5px;



    border-right: 2px solid #DCDCDC;



    height: 90px;







    display: table-cell;



    vertical-align: middle;



}



.img-carr2{



    height: 243px;



}













.tp-caption.text3 h1{

    font-family: 'QuicksandBold';

}

.tp-caption.text3 h1 span{

    font-family: 'QuicksandBold';

}

.tp-caption.text3 h1 i{

    font-style: normal;

    font-family: 'QuicksandBold';

}







/*------------------------ Efecto lineas ---------------------*/



.projectItem:hover .piHover {



    background: rgba(0,0,0,0.5);



}



.piHover {



    position: absolute;



    top: 0;



    left: 0;



    z-index: 1;



    width: 100%;



    height: 100%;



    padding: 8px;



    background: rgba(0,0,0,0);



    -webkit-transition: all 0.5s ease-in-out;



    -moz-transition: all 0.5s ease-in-out;



    -ms-transition: all 0.5s ease-in-out;



    -o-transition: all 0.5s ease-in-out;



    transition: all 0.5s ease-in-out;



}



.piHover div {



    position: relative;



    width: 100%;



    height: 100%;



}



.piVer:before {



    top: 0;



    left: 0;



    width: 2px;



    height: 0%;



}



.piVer:after {



    bottom: 0;



    right: 0;



    width: 2px;



    height: 0%;



}



.piHover aside:after, .piHover aside:before {



    content: "";



    display: block;



    position: absolute;



    background: #FFF;



}



.piHor:before {



    top: 0;



    left: 0;



    width: 0%;



    height: 2px;



}



.piHor:after {



    bottom: 0;



    right: 0;



    width: 0%;



    height: 2px;



}







.div-carru1:hover .piVer:after, .div-carru1:hover .piVer:before {



    height: 100%;



    -webkit-transition: all 0.5s ease-in-out;



    -moz-transition: all 0.5s ease-in-out;



    -ms-transition: all 0.5s ease-in-out;



    -o-transition: all 0.5s ease-in-out;



    transition: all 0.5s ease-in-out;



}



.div-carru1:hover .piHor:after, .div-carru1:hover .piHor:before {



    width: 100%;



    -webkit-transition: all 0.5s ease-in-out;



    -moz-transition: all 0.5s ease-in-out;



    -ms-transition: all 0.5s ease-in-out;



    -o-transition: all 0.5s ease-in-out;



    transition: all 0.5s ease-in-out;



}























/************* mascara imagen grande *********/



.contenido{



    width: 100%;



    height: 100%;



    /*float: left;*/



    overflow: hidden;



    position: relative;



    text-align: center;



    cursor: default;



    /*background: #00539F;*/



}











.contenido img {



    display: block;



    position: relative;



    /****transicion ****/



    transition: all 0.2s linear;



}



.contenido .mascara {



    width: 100%;



    height: 100%;



    position: absolute;



    overflow: hidden;



    top: 0;



    left: 0;    



    /*border-radius: 170px;*/



    /***transicion***/    



    opacity: 0;



    background-color: rgba(28, 140, 140, 0.56);



    transition: all 0.3s ease-in-out;



}







.contenido p {



    font-size: 26px;



    font-weight: 700;



    /*position: relative;*/



    color: #fff;



    /*padding: 28% 46%;*/



    text-align: center;



    position: absolute;



    top: 40%;



    left: 25%;



    z-index: 99;







    /*******transicion *******/



    transform: translateX(200px);/*Desplazamos a la derecha*/



    opacity: 0;



    transition: all 0.4s linear;



}







.div-carru1:hover img {



    /*transform: scale(1.5);*/



    /*Damos un ligero zoom a la imagen*/



}



.div-carru1:hover .mascara {



    opacity: 1;



}







.div-carru1:hover p{



    opacity: 1;



    transform: translateX(0px);/*Regresamos a las posiciones originales*/



    transition-delay: 0.1s;



}







/************* fin mascara imagen grande *********/







/************* mascara2 imagen grande *********/



.wrap-carru .contenido2{



    width: 208px;



    height: 100%;



    /*float: left;*/



    overflow: hidden;



    position: relative;



    /*text-align: center;*/



    cursor: default;



    /*background: #00539F;*/



    margin: 0 auto;



}











.wrap-carru .contenido2 img {



    display: block;



    position: relative;



    /****transicion ****/



    transition: all 0.6s linear;



}



.wrap-carru .contenido2 .mascara {



    width: 208px;



    height: 100%;



    position: absolute;



    overflow: hidden;



    top: 0;



    left: 0;    







    /***transicion***/    



    opacity: 0;



    background-color: rgba(6, 140, 127, 0.66);



    transition: all 0.3s ease-in-out;



}







.wrap-carru .contenido2 p {



    font-size: 26px;



    /*position: relative;*/



    color: #fff !important;



    /*padding: 28% 46%;*/



    text-align: center;



    position: absolute;



    top: 40%;



    /*left: 40%;*/



    left: 23%;



    z-index: 99;







    /*******transicion *******/



    transform: translateY(300px);/*Desplazamos a la derecha*/



    opacity: 0;



    transition: all 0.4s linear;



}







.div-carru2:hover .img-carr2 {



    transform: scale(1.5);



    /*Damos un ligero zoom a la imagen*/



}



.div-carru2:hover .mascara {



    opacity: 1;



}







.div-carru2:hover p{



    opacity: 1;



    transform: translateX(0px);/*Regresamos a las posiciones originales*/



    transition-delay: 0.1s;



}







/************* fin mascara imagen grande *********/







.img-banner{



    width: 100%;



    box-shadow: 1px 6px 16px #4C4C4C;



}



.texto-pag{



    color: #3980bf;



    font-family: "dinprob";



    /*font-size: 23px;*/



    font-weight: 600;



}



.texto-pag .icono-engranaje:before{



    background: linear-gradient( 291deg, #003769, #0BB5FF );



    -webkit-background-clip: text;



    -webkit-text-fill-color: transparent;



    font-weight: bold;



    margin-right: 6px;



}



.cont-pag{



    margin: 3% 0;



    font-size: 1.13em;



}



.cont-pag p{



    /*font-size: 1.13em;*/



    color: #353535;



    text-align: justify;



}



.cont-pag img{



    border: 10px solid #DEDEDE;



    text-align: center;



    display: table;



    margin: 0 auto;



    margin-top: 6%;



}



.cont-pag li{



    display: list-item;



}



.cont-pag ul, ol {



    margin-top: 0;



    margin-bottom: 10px;



}



.btn-contacto{

    width: 100%;

    background: #4e5a32;

    padding: 10px 30px;

    /*height: 30px;*/

    margin: 0;

    border: 0;

    outline: 0;

    font-size: 16px;

    transition: 0.6s ease;

}



.btn-contacto:hover{



    background: #000;



}







.sombra_fija:after{



    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#77ff0000', gradientType='1')";



    position: absolute;



    content: ' ';



    width: 2%;



    left: 100%;



    top: 0;



    height: 100%;



    opacity: 1;



    background: -webkit-radial-gradient(center, ellipse, rgba(187, 187, 187, 0.35)0%, rgba(121, 121, 121, 0) 80%);



    background: -moz-radial-gradient(center, ellipse, rgba(187, 187, 187, 0.35)0%, rgba(121, 121, 121, 0) 80%);



    background: -ms-radial-gradient(center, ellipse, rgba(187, 187, 187, 0.35)0%, rgba(121, 121, 121, 0) 80%);



}



.div-servicio{



    display: block;



    text-align: center;



}



.div-servicio h3{



    color: white;



    padding: 12px;



    /*font-family: "abel";*/



    font-size: 18px;



    /*background: linear-gradient( 180deg, #018477, #018477 );*/



    background: #018477;



}



.cont-carru{



    /*margin: 3% 0;*/



}



.cont-cli{



    margin-top: 6%;



}



.img-cli{



    width: 200px;



    float: left;



    margin: 10px;



    height: 100px;



}



.img-cli img{



    width: 300px;



    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    cursor: pointer;



    opacity: 0.8;



    transform: scale(0.8);

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -o-transform: scale(0.8);

    -ms-transform: scale(0.8);

}



.img-cli:hover img{



    opacity: 1;



    transform: scale(1);



}











.contacto-pag{



    position: relative;



    display: block;



}



.input{



    margin-bottom: 10px;



}



.pag-cont{



    margin-top: 5%;



    margin-bottom: 2%;



}



.triangulo{



    position: absolute;



    bottom: 0;



}



.marg-cont{



    margin-top: 3%;



    margin-bottom: 2%;



    /*font-family: "abel";*/



}



.marg-cont p{



    font-size: 1.2em;



    margin-bottom: 5px;



}



.marg-cont strong{



    font-size: 0.9em;



}



.marg-cont .form-control{



    font-size: 16px;



    height: 32px;



}



.marg-cont textarea.form-control{



    height: 100px;



}







/*---------------------- Carrusel Vertical ------------------------------*/



.wrap .owl-prev{



    bottom: 0;



    position: absolute;



    z-index: 999999999;



    background: rgb(255, 255, 255);



    width: 100%;



    height: 7%;



}



.wrap .owl-next{



    top: 0;



    position: absolute;



    z-index: 99999999;



    background: rgba(255, 0, 0, 0);



    width: 100%;



    height: 7%;



}



.wrap .icono-next{



    right: 45%;



    margin:0;



    color: #fff;



    top: 0px;



    transform: rotate(-90deg);







    background: #5897BB;



    padding: 1px 5px;



    border-radius: 14px;



}



.wrap .icono-prev{



    left: 45%;



    margin:0;



    color: #fff;



    top: 0px;



    transform: rotate(-90deg);







    background: #5897BB;



    padding: 1px 5px;



    border-radius: 14px;



}











.wrap, .owl-carousel{



    /*width:320px;*/



    height:auto;



    /*overflow: hidden;*/



    /*padding: 10% 0;*/



    /*padding: 40px 0;*/







}



.wrap .owl-carousel{



    overflow: hidden;



    /*height:550px;*/



    height: 650px;



    padding: 40px 0 90px 0;



}



.wrap img{



    height: 208px;



    width: 208px !important;



    display: inline-block !important;



    transition: all 3s;



    transition-timing: ease-in-out;



}



.wrap-carru:hover img{



    /*                -ms-transform: rotate(360deg); 



                    -webkit-transform: rotate(360deg); */



    /*transform: rotate(720deg);*/



}























.wrap-carru{



    display: block;



    border-bottom: 1px solid #DEDEDE;



    text-align: center;



}



.wrap-carru:hover p, .wrap-carru:hover p:focus, .wrap-carru:hover p:active {



    -webkit-transform: translateY(-5px);



    transform: translateY(-5px);



}







.wrap-carru p {



    /*                display: inline-block;



                    vertical-align: middle;*/



    -webkit-transform: translateZ(0);



    transform: translateZ(0);



    box-shadow: 0 0 1px rgba(0, 0, 0, 0);



    -webkit-backface-visibility: hidden;



    backface-visibility: hidden;



    -moz-osx-font-smoothing: grayscale;



    position: relative;



    -webkit-transition-duration: 0.3s;



    transition-duration: 0.3s;



    -webkit-transition-property: transform;



    transition-property: transform;



}







.wrap-carru p:before {



    pointer-events: none;



    position: absolute;



    z-index: -1;



    content: '';



    top: 100%;



    left: 5%;



    height: 10px;



    width: 90%;



    opacity: 0;



    /*background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);*/



    background: radial-gradient(ellipse at center, rgba(1, 132, 119, 0.48) 0%, rgba(0, 0, 0, 0) 80%);



    -webkit-transition-duration: 0.3s;



    transition-duration: 0.3s;



    -webkit-transition-property: transform, opacity;



    transition-property: transform, opacity;



}







.wrap-carru:hover p:before, .wrap-carru:hover p:before, .wrap-carru:hover p:before {



    opacity: 1;



    -webkit-transform: translateY(5px);



    transform: translateY(5px);



}















.wrap .owl-item{



    float: inherit !important;



}







.wrap p, .wrap a{



    line-height: 15px;



    margin-top: 12px;



    text-transform: uppercase;



    color: #5A5A5A;



    font-size: 13px;



}



.wrap-carru:hover p,.wrap-carru:hover a{



    color: #008D7F;    font-weight: 700;



}



















.wrap-carru:hover .img-carr2 {



    transform: scale(1.5);



    /*Damos un ligero zoom a la imagen*/



}



.wrap-carru:hover .mascara {



    opacity: 1;



}







.wrap-carru:hover .mascara p{



    opacity: 1;



    transform: translateX(0px);/*Regresamos a las posiciones originales*/



    transition-delay: 0.1s;



}



.wrap-carru .icono-lupa-herramienta{



    display: block;



}











/*--------------------- Final de Carrusel Vertical ----------------------*/











/****** mapa ******/



.mapa-contacto iframe{







    position:absolute;



    height:100%;



    width:100%;



    top:0px;



    left:0px;



    border: 0px transparent;







}



.linea-roja{



    position: absolute;



    left: 0;



    top: 0;



    z-index: 99;



}



.mapa-contacto {



    float: right;



    margin-right: 0;



    height: 100%;



    /*width: 57%;*/



    position: relative;







}



.mapa-contacto #contact-us-map {



    height: 610px;



}



.mapa-contacto .section-map{



    height: 600px;



}







.section-map{



    padding:0;



    height:290px;



    display: table;



    width: 100%;



    padding: 8px;



    background: #e1e1e1;



}



.borde-mapa{



    border-bottom: 4px solid #971628;



}



#contact-us-map {



    height: 550px;



    margin:0;



    /*margin-top: -10px;*/



}



/*final mapa*/











/*----- formulario ------*/



.div-f{



    margin: 12px 0;



}



.div-conten{



    /*display: table;*/



    width: 100%;



    height: 200px;



    /*float: left;*/



    overflow: hidden;



}



.div-conten img{



    height: 200px;



    margin: 0;



    border: 0;



    padding: 0;



    width: 100%;



}



.divco{



    padding-top: 10px;



    height: 200px;



    background: #00a5bc;



    overflow-x: hidden;



    color: #fff;



    font-size: 13px;



}



.divco p {



    color: #fff;



    font-size: 13px;



}



.form-div{



    padding: 15px 10px;



    background: #d0d0d0;



}



.form-horizontal .control-label {



    font-weight: 600;



    text-align: left;



}



/*::-webkit-scrollbar {



    width: 2px;



    background-color: #F5F5F5;



}







::-webkit-scrollbar-thumb {



    border-radius: 50px;



    background-color: #000000;



}*/











/*=========== flecha hacia arriba ============*/



.scrollup{



    width:40px;



    height:40px;



    opacity:0.4;



    position:fixed;



    bottom:20px;



    right: 10px;



    display:none;



    text-indent:-9999px;



    background:#fff url('../img/icon_top.svg') no-repeat;



    transition: all 0.4s ease-in-out;



    cursor: pointer;



    background-size: cover;



    fill: #000;



    z-index: 999;



}



.scrollup:hover{



    opacity:1;



}



/*=========== final flecha hacia arriba ============*/











































/**/



.det-col2{



    padding: 15px;



    border: 1px solid #cecece;



}



.div-detic{



    display: table;



    margin: 0 auto;



    text-align: center;



}



.det-ic{



    display: table-cell;



    padding: 0 6%;



    font-size: 15px;



}



.redes{

    /*text-align: left;*/

}

.redes a{

    display: inline-block;
    position: relative;
    padding: 5px;
    cursor: pointer;
    z-index: 2;
    font-size: 30px;
    color: #fff !important;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 36px;
    margin-right: 10px;
    background: transparent;
    padding: 3px;
    border-radius: 50%;

}



.redes a:before{



    content: '';



    position: absolute;



    width: 100%;
    z-index: -1;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;


    transition: 0.5s;



    transform: scale(0);



    -webkit-transform: scale(0);



    -moz-transform: scale(0);



    -ms-transform: scale(0);



}

.redes a:hover{
    color: #000 !important;
}

.redes a:hover:before {



    transform: scale(1);



    -webkit-transform: scale(1);



    -moz-transform: scale(1);



    -ms-transform: scale(1);



}



.redes span{



    display: inline-block;



    /*transform: translate(0, 0);*/



}
.redes span:before{
    font-size: 32px;
}



.det-col2 .icono-facebook:before,



.det-col2 .t-twitter:before {



    color: #fff;



    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    background: #9d9d9d;



    padding: 10px;



}



.det-col2 .icono-facebook:hover:before,



.det-col2 .t-twitter:hover:before {



    color: #fff;



    /*transition: all 0.5s ease;*/

    /*-webkit-transition: all 0.5s ease;
    
        -moz-transition: all 0.5s ease;
    
        -o-transition: all 0.5s ease;
    
        -ms-transition: all 0.5s ease;*/

    background: #000;



    /*padding: 10px;*/



}







.cont-pag3{







}



.precioo{



    font-size: 30px !important;



    color: #018477 !important;



    text-align: center !important;



}



.carru-detalle .icono-prev{



    background: #018477;



    padding: 12px 3px;



}



.carru-detalle .icono-next{



    background: #018477;



    padding: 12px 3px;



}











/*inmuebles*/



.cont-prod{



    margin: 0 auto;



    text-align: center;



    padding-top: 12px;







}



.div-prod{



    display: inline-block;



    /*    width: 31%;



        margin: 5px 10px;*/



    /*width: 280px;*/



    /*height: 250px;*/







    /*    margin: 3px 8px;*/



    /*margin: 3% 0;*/



    width: 30%;



    margin: 10px 10px 15px 10px;







}







.cont-prod img{



    width: 100%;



    height: 245px;



}







.carru-prec{



    position: absolute;



    /* top: 0; */



    /* z-index: 1; */



    bottom: 0;



    background: #00a3ba;



    right: 0;



    color: #fff;



    padding: 10px 13px;



    font-size: 1.4em;



    border-radius: 20px 0 0 0;



}



/*.arrowBottom {



  position:relative;



}



.carru-prec:before {



   content: " ";



   position: absolute;



   z-index: 2;



   left: 0;



   width: 22px;



   height: 22px;



   bottom: -11px;



   -webkit-transform: rotate(45deg);



           transform: rotate(45deg);



 



    box-shadow: inset -1px -1px 1px red;



    background: #fff;



}



*/











/************* mascara1 imagen grande *********/



.div-prod .contenido{



    width: 100%;



    height: 100%;



    /*float: left;*/



    overflow: hidden;



    position: relative;



    /*text-align: center;*/



    cursor: default;



    /*background: #00539F;*/



    margin: 0 auto;







    /*        -webkit-box-shadow: 0 14px 7px -6px #191919;



        -moz-box-shadow: 0 14px 6px -6px #4e4e4e;



        box-shadow: 0 14px 7px -6px #4e4e4e;*/



}











.div-prod .contenido img {



    display: block;



    position: relative;



    /****transicion ****/



    transition: all 0.6s linear;



}



.div-prod .contenido .mascara {



    width: 100%;



    height: 100%;



    position: absolute;



    overflow: hidden;



    top: 0;



    left: 0;    







    /***transicion***/    



    opacity: 0;



    background-color: rgba(6, 140, 127, 0.66);



    transition: all 0.3s ease-in-out;



}







.div-prod .contenido p {



    font-size: 26px;



    /*position: relative;*/



    color: #fff !important;



    /*padding: 28% 46%;*/



    text-align: center;



    position: absolute;



    top: 40%;



    /*left: 40%;*/



    left: 35%;



    z-index: 99;







    /*******transicion *******/



    transform: translateY(300px);/*Desplazamos a la derecha*/



    opacity: 0;



    transition: all 0.4s linear;



}







.div-prod:hover .img-carrusel1 {



    transform: scale(1.5);



    /*Damos un ligero zoom a la imagen*/



}



.div-prod:hover .mascara {



    opacity: 1;



}







.div-prod:hover p{



    opacity: 1;



    transform: translateX(0px);/*Regresamos a las posiciones originales*/



    transition-delay: 0.1s;



}











/************* fin mascara imagen grande *********/



.div-prod .texto-carru {



    margin-top: 1px;



    height: 40px;



    overflow-x: hidden;



}



.div-prod .texto-carru a {



    font-size: 17px;



    color: #00a4bb;



    text-transform: uppercase;



    /*font-family: "abel";*/ 



    font-weight: 600;



}







.div-prod:hover .piVer:after, .div-prod:hover .piVer:before {



    height: 100%;



    -webkit-transition: all 0.5s ease-in-out;



    -moz-transition: all 0.5s ease-in-out;



    -ms-transition: all 0.5s ease-in-out;



    -o-transition: all 0.5s ease-in-out;



    transition: all 0.5s ease-in-out;



}



.div-prod:hover .piHor:after, .div-prod:hover .piHor:before {



    width: 100%;



    -webkit-transition: all 0.5s ease-in-out;



    -moz-transition: all 0.5s ease-in-out;



    -ms-transition: all 0.5s ease-in-out;



    -o-transition: all 0.5s ease-in-out;



    transition: all 0.5s ease-in-out;



}







.tit-prod{



    color: #00756A;



    /*font-family: "abel";*/



    font-size: 30px;



    font-weight: 600;



    text-align: center;



    text-transform: uppercase;



}















/*Servicios*/



.grup-serv{



    display: table;



    width: 100%;



}



.div-serv{



    display: table-cell;



    width: 25%;



}



.div-clientes {



    height: 665px;



    background-size: auto 100%;



    -webkit-background-size: cover;



    -moz-background-size: cover;



    -o-background-size: cover;



    background-size: cover;



    padding: 0;



    overflow: hidden;



    background-color: #1a6ba3;



    position: relative;



    background-position: center;



    max-height: 74vh;



    min-height: 384px;



    border: 2px solid white;



    border-bottom: none;



    border-right: none;







}



.mascara {



    padding: 0px;



    -webkit-transition: all 0.25s;



    -o-transition: all 0.25s;



    transition: all 0.25s;



    background-color: rgba(0,0,0,0.4);



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    z-index: 2;



    position: absolute;



}



.azul .mascara{



    background: rgba(63, 81, 181, 0.4);



}



.azul .text-serv{



    background: #2a3a95;



}



.naranja .mascara{



    background-color: rgba(255, 87, 34, 0.4);



}



.naranja .text-serv{



    background: #FF5722;



}



.amarillo .mascara {



    background-color: rgba(205, 220, 57, 0.4);



}



.amarillo .text-serv{



    background: #e6d013;



}



.verde .mascara{



    background-color: rgba(109, 219, 60, 0.4)



}



.verde .text-serv{



    background: #6eb61a;



}



.mascara .border {



    display: block;



    content: '';



    width: 100%;



    height: 100%;



    border: 2px solid white;



    -webkit-transition: all 0.25s;



    -o-transition: all 0.25s;



    transition: all 0.25s;



    opacity: 0;



}



.texto-top {



    color: white;



    text-align: center;



    display: block;



    top: 21%;



    position: absolute;



    left: 50%;



}



.btn-clientes, .texto-top {



    opacity: 0;



    -webkit-transition: all 0.25s 0.1s;



    -o-transition: all 0.25s 0.1s;



    transition: all 0.25s 0.1s;



}



.texto-top, .btn-clientes {



    -webkit-transform: translate(-50%, -100%);



    -ms-transform: translate(-50%, -100%);



    -o-transform: translate(-50%, -100%);



    transform: translate(-50%, -100%);



}



.btn-clientes {



    position: absolute;



    bottom: 21%;



    left: 50%;



    padding: 6px 35px;



    font-size: 14px;



    line-height: 1.5;



    border-radius: 3px;



    color: #fff;



    /* background-color: #fff; */



    /* border-color: #ccc; */



    background-color: transparent;



    text-transform: uppercase;



    display: inline-block;



    margin-bottom: 0;



    font-weight: normal;



    text-align: center;



    vertical-align: middle;



    touch-action: manipulation;



    cursor: pointer;



    background-image: none;



    border: 1px solid #ccc;



    white-space: nowrap;



    padding: 6px 12px;



    font-size: 18px;



    line-height: 1.5;



    border-radius: 4px;



    -webkit-user-select: none;



    -moz-user-select: none;



    -ms-user-select: none;



    user-select: none;



    -webkit-transform: translate(-50%, 100%);



    -ms-transform: translate(-50%, 100%);



    -o-transform: translate(-50%, 100%);



    transform: translate(-50%, 100%);



}



.logo-cli {



    position: absolute !important;



    top: 5%;



    left: 0;



    /*    -webkit-transform: translate3d(0%, 0%, 0) scale(1);



        transform: translate3d(0%, 0%, 0) scale(1);*/



    -webkit-transition: all 0.25s;



    -o-transition: all 0.25s;



    transition: all 0.25s;



    max-width: 100%;



    max-height: 130px;



    width: 100%;



    z-index: 4;



    color: #fff;



    padding: 0 15px;



}



.logo-cli h3{



    font-size: 1.4em;



    text-align: center;



    text-transform: uppercase;



    text-shadow: 1px 1px 1px #c1c1c1;



}







.div-clientes:hover .mascara {



    padding: 15px;



    /* background-color: rgba(0,0,0,0.85); */



}



.div-clientes:hover .border {



    opacity: 1;



}



.div-clientes:hover .texto-top {



    -webkit-transform: translate(-50%, 0%);



    -ms-transform: translate(-50%, 0%);



    -o-transform: translate(-50%, 0%);



    transform: translate(-50%, 0%);



    opacity: 1;



}



.div-clientes:hover .btn-clientes {



    -webkit-transform: translate(-50%, 0%);



    -ms-transform: translate(-50%, 0%);



    -o-transform: translate(-50%, 0%);



    transform: translate(-50%, 0%);



    opacity: 1;



}



.div-clientes:hover .logo-cli {



    /*font-size: 1.2em;*/



    /*    -webkit-transform: translate3d(0%, 0%, 0) scale(1.05);



        transform: translate3d(0%, 0%, 0) scale(1.05);*/



}



.div-clientes:hover {







}



.text-serv{



    background: #3F51B5;



    color: #fff;



    /*padding: 10px 15px;*/



    display: table;



    text-align: center;



    height: 10vh;



    width: 100%;



    border: 2px solid white;



    border-bottom: none;



    border-right: none;



    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

}



.text-serv a{



    color: #fff;



    display: table-cell;



    vertical-align: middle;



    padding: 10px 15px;



}







.naranja .text-serv:hover {



    background: rgb(180, 54, 45);



    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);



}



.azul .text-serv:hover {



    background: rgb(0, 20, 129);



    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);



}



.amarillo .text-serv:hover{



    background: #a29100;



    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);



}



.verde .text-serv:hover{



    background: #44740b;



    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);



}











.seccion-banner {



    width: 100%;



    position: relative;



    /*height: 350px;*/



    overflow: hidden;



}



.banner-pag {



    width: 100%;



    height: 100%;



    background-position: top;



    background-size: auto 100%;



    -webkit-background-size: cover;



    -moz-background-size: cover;



    -o-background-size: cover;



    background-size: cover;



    background-color: #333333;

    /*background-size: auto 150%!important;*/

    transition: all 0.6s ease;

}















/*---- SECCION DE DOS ---*/



.seccion-cont{



    position: relative;



    padding: 60px 0;



    text-align: center;



}



.seccion-cont .container{



    z-index: 5;



    position: relative;



}



.c-blanco{



    color: #2f2f2f;



    text-align: left;



    text-shadow: 0px 0px 1px #ababab;



}



.c-blanco p{



    font-size: 1.1em;



}



.c-blanco .titulos{



    color: #ffffff;



    text-align: left;



}



.c-blanco .titulos:after {



    background-color: #ffffff;



    left: 0;



    transform: none;



}



.img-izquierda{



    clip-path: polygon(0 0%, 30% 0, 100% 0, 100% 0%, 70% 100%, 0 100%);



    -webkit-clip-path: polygon(0 0%, 30% 0, 100% 0, 100% 0%, 70% 100%, 0 100%);



    width: 40%;



    float: left;



    position: absolute;



    top: 0;



    z-index: 2;



    height: 100%;



    background-size: auto 100%;



    -webkit-background-size: cover;



    -moz-background-size: cover;



    -o-background-size: cover;



    background-size: cover;



    background-position: center;



}



.img-derecha{



    position: absolute;



    top: 0;



    width: 100%;



    height: 100%;



    right: 0;



    overflow: hidden;



    background-size: auto 100%;



    -webkit-background-size: cover;



    -moz-background-size: cover;



    -o-background-size: cover;



    background-size: cover;



    background-position: center;



}



.img-derecha:before{



    content: '';



    /*background-color: rgba(18,106,165,0.85);*/



    width: 100%;



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



    display: block;



    z-index: 1;



}



.titulos-d{



    letter-spacing: 11px;



    color: #43444c;



    font-family: "canada-type-gibson";



    text-transform: uppercase;



    font-size: 30px;



    padding-bottom: 45px;



    margin-bottom: 60px;



    position: relative;



    text-align: center



}



.tit-d{



    font-family: "canada-type-gibson";



    color: #666;



    z-index: 100;



    text-align: center;



    font-size: 60px;



    font-weight: 100;



    text-transform: none;



    letter-spacing: 1px;



    pointer-events: none;



    font-size: 50px !important;



    min-width: 90%; 



}



.tit-d h2{



    font-size: inherit;



    font-weight: inherit;



}



.tit-azul{



    font-family: 'dinprob';



    color: #3980bf;



    text-transform: uppercase;



    font-size: 30px;



    padding-bottom: 25px;



    margin: 25px auto;



    width: 50%;



    position: relative;



    text-align: center;



}



.tit-azul:after {



    content: '';



    background-color: #d6d6d6;



    width: 100%;



    height: 1px;



    display: block;



    position: absolute;



    bottom: 0;



    left: 50%;



    -webkit-transform: translate(-50%, 0);



    -ms-transform: translate(-50%, 0);



    -o-transform: translate(-50%, 0);



    transform: translate(-50%, 0);



}



.tit-azul:before{



    content: '';



    background-color: #d6d6d6;



    width: 100%;



    height: 1px;



    display: block;



    position: absolute;



    bottom: 3px;



    left: 50%;



    -webkit-transform: translate(-50%, 0);



    -ms-transform: translate(-50%, 0);



    -o-transform: translate(-50%, 0);



    transform: translate(-50%, 0);



}







.fondo-plomodeg{



    background: linear-gradient( 180deg, #ebebeb, #FEFEFE);



    padding: 3% 0;



    text-align: center;



}



.fondo-plomodeg h2{



    font-family: 'dinprob';



}



.cont-qs{



    display: inline-block;



}



.div-qs{



    display: inline-table;



    width: 29%;



    vertical-align: top;



    margin: 15px 20px;



}



.div-qs span{



    border-radius: 50%;



    height: 44vh;



    width: 44vh;



    display: block;



    position: relative;



    overflow: hidden;



    text-align: center;



    display: inline-block;



}



.div-qs .img-qs{



    width: 100%;



    height: 100%;



    background-position: center;



    background-size: auto 100%;



    -webkit-background-size: cover;



    -moz-background-size: cover;



    -o-background-size: cover;



    background-size: cover;



    background-color: #43444c;



}



.tit-qs{



    font-family: 'dinprob';



    text-transform: uppercase;



}



.div-text{



    font-size: 18px;

    color: #010229;

    /*text-shadow: 0px 0px 1px #bbbbbb;*/
    width: 70%;
    margin: 0 auto;


}



.div-text p{



    /*text-align: justify;*/



}

/* cuadrado*/

.cont-link{

    width: 85%;

    display: inline-block;

}

.divi-link{

    position: relative;

    background: #fff;

    overflow: hidden;

    padding-bottom: 0px;

    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);

    border-radius: 0 0 8px 8px;

}

.divi-link:before{

    content: '';

    background: #6a8ab3;

    /* background-position: center; */

    background-size: cover;

    position: absolute;

    top: 0;

    height: 100%;

    width: 100%;

    left: 0;

    z-index: 1;

    opacity: 0.6;

    /* mix-blend-mode: multiply; */

}

.div-img{

    text-align: center;

    display: block;

    padding: 4px;

    border-radius: 13px 13px 0 0;

    background: #fff;

}

.div-img figure{

    text-align: center;

    background: #fff;

    padding: 15px 0;

    border: 1px solid #2e77b1;

    margin: 4px;

    border-radius: 8px 8px 0 0;

}

.div-img img{

    height: 80px;

}

.divi-link img{

    margin-top: 0px;

    will-change: transform;

}





.centrado{

    position: absolute;

    top: 71%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

}

.centrado2{

    position: absolute;

    top: 30%;

    left: 50%;

    transform: translate(-50%, -50%);

    color: #002a61;

    /*font-family: 'itfranklindemi';*/

    font-size: 20px;

    z-index: 2;

}

.boton{

    color: #FFFFFF; 

}

.centrado3{

    position: absolute;

    top: 38%;

    left: 0%;

    transform: translate(-50%, -50%);

    color: #FFF;

    margin-left: 54px;

    font-size: -webkit-xxx-large;



    text-shadow: 3px 3px 14px #000;

    font-weight: bold;

    text-align: center;

    /*font-family: 'itfranklindemi';*/

}

.fondoo{

    background-image: url(../img/fondo-nosotros.png);

    background-size: cover;

    height: 113vh;



    position: relative;

}

.arriba{

    font-size: 14px;

    /*    margin-left: 956px;*/

    margin-top: 8px;

    display: table;

    width: 100%;

    text-align: right;

}

.arriba h2{

    display: inline-block;

    vertical-align: middle;

    color: #2c1f59;

}

.orden{

    text-align: center;

}

.colorr{

    color: #fff;

    display: inline-block;

    padding-left: 15px;

}

.colorr a{

    color: #fff;

    padding: 2px 15px;

    background: #0e1b63;

    border-radius: 10px;

    vertical-align: middle;

    display: inline-block;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

}

.colorr a:hover{

    background: #000000;

}



.fondor{

    /*  background-image: url(../img/fondo-azul.jpg);

      background-size: cover;*/

    /*height: 65vh;*/

    position: relative;

    padding: 3% 0;

    border-bottom: 6px solid #213558;

}



















.img-ban {



    position: absolute;



    top: 40%;



    left: 0;



    width: 100%;



    padding: 0 15px;



    background: rgba(1, 62, 111, 0.34);



    text-align: center;



    /* -webkit-transform: translate(-50%, -50%); */



    /*    -ms-transform: translate(-50%, -50%);



        -o-transform: translate(-50%, -50%);*/



    /* transform: translate(-50%, -50%); */



    font-family: "dinprob";



    color: white;



    z-index: 100;



    text-align: center;



    text-shadow: 0px 0px 6px #5f5f5f;



    font-size: 45px;



    font-weight: 100;



    text-transform: none;



    letter-spacing: 1px;



    pointer-events: none;



}



.img-ban h1 {



    font-size: inherit;



    font-weight: inherit;



}



.img-ban h1 strong {



    text-transform: uppercase;



}







.fondo-pag{



    /*background: linear-gradient( 180deg, #f5f5f5, #FEFEFE);*/



    position: relative;



    overflow: hidden;



}



.hojablanca{



    word-wrap: break-word;



    background: #fff;



    /*box-shadow: 5px 4px 9px #c1c1c1;*/



    padding: 20px 25px;



    color: rgb(109, 109, 109);



    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;



}







.tit-raya{



    font-family: 'dinprob';



    color: #3980bf;



    text-transform: uppercase;



    font-size: 30px;



    padding-bottom: 25px;



    margin: 15px auto;



    width: 100%;



    position: relative;



    text-align: center;



}



.tit-raya:after {



    content: '';



    background-color: #d6d6d6;



    width: 100%;



    height: 1px;



    display: block;



    position: absolute;



    bottom: 0;



    left: 50%;



    -webkit-transform: translate(-50%, 0);



    -ms-transform: translate(-50%, 0);



    -o-transform: translate(-50%, 0);



    transform: translate(-50%, 0);



}



.tit-raya:before{



    content: '';



    background-color: #d6d6d6;



    width: 100%;



    height: 1px;



    display: block;



    position: absolute;



    bottom: 3px;



    left: 50%;



    -webkit-transform: translate(-50%, 0);



    -ms-transform: translate(-50%, 0);



    -o-transform: translate(-50%, 0);



    transform: translate(-50%, 0);



}















.titulos{
    text-align: center;
    position: relative;
    padding-bottom: 0;
   margin: 0% 0 15px;
}
.titulos h1{
    font-family: 'opensansB';
    font-size: 3em;
    color: #0c5186;
}
.titulos h3{
    font-family: 'opensansB';
    /*font-size: 3em;*/
    color: #010229;
}

.titulos h4{



    color: #3890d6;



    font-size: medium;



    font-weight: 500;



    margin: 0 0 10px;



    /*font-family: "poppins";*/



}

.titulos h2{
    text-transform: uppercase;
    margin: 0;
    color: #010229;
    font-family: 'opensansB';
    font-size: 3em;
    padding: 15px 0;
}

.titulos h2 a{

    color: #889c34;

}

.titulos h2 a:hover, .titulos h2 a:focus{

    color: #4e5a32;

}





/*.titulos:after{



    content: '';

    background-color: #000000;

    width: 10%;
    height: 1px;

    display: block;

    position: absolute;

    bottom: 0;
    left: 50%;
    

     -webkit-transform: translate(-50%, 0); 

    -ms-transform: translate(-50%, 0);

    -o-transform: translate(-50%, 0);

     transform: translate(-50%, 0); 



}
*/
.titulos:before{



   /* content: '';

    background-color: #FFC107;

    width: 35%;

    height: 3px;

    display: block;

    position: absolute;*/

    /*top: 0;*/
    /*top: 50%;*/
    /*left: 0;*/

    /* -webkit-transform: translate(-50%, 0); */

    /*-ms-transform: translate(-50%, 0);*/

    /*-o-transform: translate(-50%, 0);*/

    /* transform: translate(-50%, 0); */



}





.textop{



    /*font-size: 1.1em;*/



    color: #737373;



    margin-top: 2%;



    width: 70%;



    margin: 2% auto 0;



    text-align: center;



}



.fondo-verde{



    background: #3890d6;



    color: #fff;



    padding: 3% 0;



}



.cont-conoce{



    display: inline-block;



    padding: 10px 0;



    font-family: "poppins";



}



.cont-conoce span{



    display: inline-table;



    vertical-align: middle;



    color: #43bff7;



}



.cont-conoce i:before{



    font-size: 13px;



    font-weight: bold;



}



.cont-conoce p{



    display: inline-table;



    vertical-align: middle;



    margin: 0;



    color: #fff;



    font-size: 1.2em;







}



.btn-portaf{



    display: block;



    background: #fff;



    text-align: center;



    color: #000;



    padding: 10px 8px;



    text-transform: uppercase;



    font-weight: bold;



    font-family: "poppins";



}



.btn-portaf span{



    word-wrap: break-word;



}



.texto-p1{



    text-align: center;



    color: #fff;



    width: 80%;



    margin: 0 auto;



}



blockquote{



    -webkit-border-radius: 4px;



    -moz-border-radius: 4px;



    border-radius: 4px;



    margin: 6px 0 15px 0;



    padding: 20px 40px;



    position: relative;



    display: inline-block;



    border-left: 0;



}



blockquote p:last-child {



    padding: 0;



}



blockquote p {



    /*font-family: 'PT Serif',sans-serif;*/



    font-weight: normal !important;



    /*font-size: 16px;*/



    /*font-style: italic;*/



    line-height: 170%;



    text-align: justify;



}



blockquote p:first-child:before {



    content: "\f10d";



    font-family: fontello;



    font-size: 20px;



    /*position: absolute;*/



    color: #8BC34A;



    left: 8px;



    top: 6px;



}



blockquote p:last-child:after {



    content: "\f10e";



    font-family: fontello;



    font-size: 22px;



    /*position: absolute;*/



    color: #8BC34A;



    bottom: 2px;



    right: 10px;



}







.fondo-parallax{



    color: #fff;



    font-size: 15px;



    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(220, 220, 220)), color-stop(4%,rgb(255, 255, 255)));



    padding: 5% 4%;



    background: url(../img/parallax.jpg);



    background-position: center;



    background-size: cover;



}



.logo-fot img{



    /*max-height: 113px;

    margin-bottom: -26%;*/

    will-change: transform;

    /*margin-top: -50px;

    margin-left: 435px;*/



}







.textcarr{

    margin-top: 25px;

    padding: 0 10px;



    /*min-height: 11vh;*/

    font-family: 'nexaBlack';

    color: #e11519;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;



}

.carruser p{

    font-size: 20px; 

    color: #e11519;

    margin-top: 10px;

    width: 100%;

    /*text-shadow: 2px 2px 3px #000;*/

    /* margin: 2% auto 0; */

    font-family: 'nexa';
    text-align: justify;

    /*padding: 20px;*/

    margin-bottom: 15px;

    display: table-cell;

    vertical-align: middle;

    transition: all 0.4s ease;

    -webkit-transform: translate(0%, 0%);

    -ms-transform: translate(0%, 0%);

    -o-transform: translate(0%, 0%);

    transform: translate(0%, 0%);

}

.carruser .tit-arriba{
    color: #000;
    background: #fff;
    /* font-weight: 700; */
    padding: 20px 15px;
    margin: 8px 0 0;
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.4s ease;
}



.carruser:hover .textcarr{



    color: #000;



}



#demo2{

    /*padding: 0;*/

}



#demo2 .icono-next, #demo2 .icono-prev {

    color: #002a61;

    opacity: 1;

    top: 50%;

}

#demo2 .icono-prev{

    left: -15px;

}

#demo2 .icono-next {

    right: -15px;

}

#demo2 .icono-next:before, #demo2 .icono-prev:before {

    color: #fff;

}







#demo3 .efecto-zoom:hover .tit-arriba{

    background: rgba(0, 0, 0, 0.70);

    margin: 0;

    color: #fff;

}

#demo3 .efecto-zoom .imgsec {

    /*background-size: contain;*/

    /* background-color: #43444c; */

    background-repeat: no-repeat;

}





/*.tp-caption{



    font-family: "gothamL" !important;



}*/
.textcarr-blanco{

    margin-top: 25px;

    padding: 0 10px;

    font-family: 'opensansB';

    color: #fff;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;



}














/*quienes somos ultra*/



.cont-eq{   



    padding: 5% 2%;



    cursor: pointer;



    width:100%;/*marcelo*/



}



/*.cont-eq h3{
    font-family: 'FrankD';
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 2px;
    font-size: 22px;
}*/



/*.cont-eq span{
    display: block;
    text-align: center;
    color: #03A9F4;
    margin-bottom: 5%;
    font-family: 'poppins';
    font-size: 14px;
}
*/


.cont-eq img{



    transform: scale(1);



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-transition: all 0.4s ease-in-out;



    -moz-transition: all 0.4s ease-in-out;



    -o-transition: all 0.4s ease-in-out;



    transition: all 0.4s ease-in-out;



    will-change: transform;



}



.cont-eq:hover img{



    transform: scale(1.08);



}



.text-inicio p{


    font-size: 18px;
    font-family: museoSans;



}















/*Contacto*/



.fondo-contacto .lado-plomo{



    background: #f3f3f3;



    padding: 3% 6% 13%;



}



.fondo-contacto .lado-blanco{



    padding: 3% 6%;



}



.titulos-left{



    text-align: left;



    position: relative;



    padding-bottom: 8px;



    margin: 4% 0 2%;



}



.titulos-left h2 {



    text-transform: uppercase;



    margin: 0;



    font-family: "poppins";



}



.titulos-left:after {



    content: '';



    background-color: #388fd5;



    width: 41%;



    height: 1px;



    display: block;



    position: absolute;



    bottom: 0;



    left: 0;



    -webkit-transform: translate(-50%, 0);



    -ms-transform: translate(-50%, 0);



    -o-transform: translate(-50%, 0);



    transform: translate(0%, 0);



}



.divdir b{



    color: #388fd5;



}



.divdir p{



    color:#909090;



}



.divdir a{



    color:#909090;



    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;



}



.divdir a:hover{



    color:#9abf10;



    text-decoration: underline;



}















.seccionimg{



    width: 100%;



    height: 332px;



    max-height: 61vh;



    overflow: hidden;



    /*min-height: 70vh; */



    /*border-radius: 50%;*/



    position: relative;







    will-change: transform;



    /*will-change: initial;*/

    /*padding: 15%;*/

}



.imgsec{


    width: 100%;



    height: 100%;



    background-position: center;



    background-position: center center;



    background-size: auto 100%;



    -webkit-background-size: cover;



    -moz-background-size: cover;



    -o-background-size: cover;



    background-size: cover;



    /*-webkit-filter: invert(1);
        -moz-filter: invert(1);
        -ms-filter: invert(1);
        -o-filter: invert(1);
        filter: invert(1);*/
    /*background-size: contain;*/
    background-repeat: no-repeat;


}







.efecto-zoom .imgsec{



    -webkit-transition: all 0.3s ease-in-out;



    -moz-transition: all 0.3s ease-in-out;



    -o-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}



.efecto-zoom:hover .imgsec{



    transform: scale(1.1, 1.1);



    /*-webkit-filter: grayscale(100%);



    filter: grayscale(100%);*/



}











.mascaranegra{

    top: 0;
    right: 0;
    bottom: 0;
    width: 101%;



    position: absolute;



    z-index: 9999;



    height: 100%;



    text-align: center;



    color: #fff;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    display: table;



    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    left: 0;
    /*background: rgba(0, 0, 0, 0.34);*/
}







.mascaranegra span{
    opacity: 0;
    position: absolute;
    bottom: 40%;
    /*left: 50%;*/
    left: 30%;
    background-color: transparent;
    /* text-transform: uppercase; */
    margin-bottom: 0;
    font-weight: normal;
    text-align: left;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
     border-radius: 0;
    background: rgba(0, 0, 0, 0.6784313725490196);
     /*border: 1px dashed #ccc; */
    /* white-space: nowrap; */
    /*padding: 10px 25px;*/
        padding: 18px 35px;
    font-size: 25px;
    /* line-height: 1.5; */
    display: table-cell;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translate(0%, 100%);
    -ms-transform: translate(0%, 100%);
    -o-transform: translate(0%, 100%);
    transform: translate(0%, 100%);
    -webkit-transition: all 0.25s 0.1s;
    -o-transition: all 0.25s 0.1s;
    transition: all 0.25s 0.1s;
    /*right: 0;
    left: 0;
    top: 0;
    bottom: 0;*/
}

.mascaranegra span.glyphicon:before{
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.mascaranegra span i:before{

    font-size: 13px;

    padding-left: 3px;

    transition: all 0.3s ease;

}



.mascaranegra span:hover{

    /*background: #000;*/

    /*border: 0;*/

}



.mascaranegra span:hover i:before{



    padding-left: 7px;



}
.mascaranegra span h2{
    border-bottom: 1px solid #fff;
    display: inline-block;
}


.efecto-zoom a{
    display:block;
    position: relative;
}


.efecto-zoom:hover{
    /*background: rgba(0, 0, 0, 0.70);*/
}
.efecto-zoom:hover .mascaranegra{



    background: rgba(0, 0, 0, 0.70);



}



.efecto-zoom:hover .mascaranegra span{

    transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    /*transform: translate(0%, 0%);*/

    opacity: 1;

}



.efecto-zoom:hover .mascaranegra p{
    /*
        transform: translate(0%, -10%);
    -ms-transform: translate(0%, -10%);
        -webkit-transform: translate(0%, -10%);
        -moz-transform: translate(0%, -10%);
        -o-transform: translate(0%, -10%);*/
}







.efecto-zoom:hover .piVer:after, .efecto-zoom:hover .piVer:before {

    height: 40%;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}

.efecto-zoom:hover .piHor:after, .efecto-zoom:hover .piHor:before {

    width: 40%;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}













/*==================   Parallax    ======================*/



.parallax-container {



    position: relative;



    z-index: 0;



}



.parallax-container .parallax_left, .parallax-container .parallax_right {



    position: absolute;



    top: 0;



    bottom: 0;



    width: 1050px;



    overflow: hidden;



    z-index: -1;



}



.parallax-container .parallax_left .parallax, .parallax-container .parallax_right .parallax {



    position: absolute;



    left: 0;



    right: 0;



    bottom: 0;



    top: 0;



}



.parallax-container .parallax_left .parallax_heading, .parallax-container .parallax_right .parallax_heading {



    position: absolute;



    width: 270px;



    text-align: center;



    padding: 24px 0;



    bottom: 19px;



    background: rgba(255, 255, 255, 0.7);



}



.lt-ie9 .parallax-container .parallax_left .parallax_heading, .lt-ie9 .parallax-container .parallax_right .parallax_heading {



    background: none;


    /*
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3FFFFFF', endColorstr='#B3FFFFFF')";
    
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3FFFFFF', endColorstr='#B3FFFFFF');
    */
    /* background:-moz-linear-gradient(center top , #FAD59F, #FA9907) repeat scroll 0 0 transparent;
     background:-webkit-gradient(linear, left top, left bottom, from(#fad59f), to(#fa9907));
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fad59f, endColorstr=#fa9907);    
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fad59f, endColorstr=#fa9907)";*/

    zoom: 1;



}



.parallax-container .parallax_left {



    right: 100%;



    margin-right: 15px;



}



.parallax-container .parallax_left .parallax {



    background-position: left 0;



}



.parallax-container .parallax_left .parallax_heading {



    right: 0;



}



.parallax-container .parallax_right {



    left: 100%;



    margin-left: 15px;



}



.parallax-container .parallax_right .parallax {



    background-position: right 0;



}



.parallax-container .parallax_right .parallax_heading {



    left: 0;



}







.parallax {



    /*background-position: 50% 0%;*/



    /*background-repeat: no-repeat;*/



    background-size: cover;

    /*background-position: center !important;*/



    /*background-position-x: 50% !important;*/



}



.parallax__left {



    background-position: left 0;



}



.parallax__right {



    background-position: right 0;



}



.mobile .parallax, .tablet .parallax {



    background-position: 50% 0 !important;



    background-size: cover;



}







.parallax1 {



    background-image: url(../img/home2.jpg);



}







.parallax2 {



    background-image: url(../img/home3.jpg);



}







.parallax3 {



    background-image: url(../img/home1.jpg);



}



.parallax3, .parallax3 h1, .parallax3 h2, .parallax3 h3, .parallax3 h4, .parallax3 h5, .parallax3 h6 {



    color: #ffffff;



}







.well6 {



    padding-top: 99px;



    padding-bottom: 36px;



}



@media (min-width: 980px) and (max-width: 1199px) {



    .parallax-container .parallax_left .parallax {



        left: 170px;



    }



    .parallax-container .parallax_right .parallax {



        right: 170px;



    }



    .parallax-container .box + .box {



        margin-top: 30px;



    }



}



@media (max-width: 979px) {



    .parallax-container {



        padding-top: 0 !important;



    }



    .parallax-container .parallax_left, .parallax-container .parallax_right {



        position: relative;



        top: auto;



        right: auto;



        bottom: auto;



        left: auto;



        margin-right: 0;



        margin-left: 0;



        margin-bottom: 66px;



        overflow: visible;



        width: 100%;



        height: 300px;



    }



    .parallax-container .parallax_left .parallax, .parallax-container .parallax_right .parallax {



        left: -180px;



        right: -180px;



    }



    .parallax-container .parallax_left .parallax_heading, .parallax-container .parallax_right .parallax_heading{



        padding: 15px 0;



    }



}



@media (max-width: 767px) {



    .parallax-container .parallax_left .parallax_heading {



        left: 0;



        right: 0;



        text-align: center;



    }







    .parallax {



        background-position: 50% 0 !important;



        background-size: cover;



    }



}







/*------------------ Final parallax ---------------------*/























/*--- Blog ---*/



.overflow{



    overflow: hidden;



}



.div-noti{



    /*padding: 4px 4px 4px 4px;*/



    position: relative;



    width: 25%;



    margin: 0;



    display: inline-table;



    padding: 4px;



    float: left;



    max-height: 50vh;



    height: 300px;



    transition: all 160ms linear;



    -webkit-transition: all 160ms linear;



}



.div-noti img{



    max-width: 100%;



    width: 100%;



    transition: all 0.8s ease;



    /*height: 220px;*/



    height: 300px;



}



.text-mask{



    /*opacity: 0;*/



    transition: all 0.8s ease;



    display: table;



    width: 100%;



    height: 100%;



    position: relative;



}



.text-mask p{



    display: table-cell;



    vertical-align: middle;



    padding: 15px;



}







.div-noti .mascara{



    width: 100%;



    height: 100%;



    position: relative;



    overflow: hidden;



}



.div-noti .mascara a{



    color: #fff;



    text-decoration: none;



}



.div-noti .mascara:hover img{



    -webkit-transform: scale(1.2);



    -ms-transform: scale(1.2);



    transform: scale(1.2);



}



.div-noti .mascara a:hover{



    color: #fff !important;



}



.div-noti .mascara p{



    color: #fff !important;



}







.div-noti .mascara:hover .mask{



    background: rgba(255, 255, 255, 0);



    -webkit-transform: initial;



    -webkit-transition-timing-function: ease-out;



    -webkit-transition-duration: 250ms;







    transform: initial;



    transition-timing-function: ease-out;



    transition-duration: 250ms;



}



.div-noti .mask {



    background: -webkit-gradient(linear, 1 -19, 0% 100%, from(rgba(16, 16, 16, 0.08)), to(#15140D));



    background: rgba(0, 0, 0, 0.46);



    position: absolute;



    z-index: 5;



    width: 100%;



    height: 100%;



    text-align: center;



    -webkit-transition-timing-function: ease-out;



    -webkit-transition-duration: 300ms;



    left: 0;



    /*padding-top: 195px;*/



    /*** moddd ***/



    text-transform: uppercase;



    font-weight: 500;



    overflow: hidden;



    cursor: pointer;font-size: 13px;











    transition-timing-function: ease-out;



    transition-duration: 300ms;



}



/*------ fin blog -----*/



















/*---------- NUEVA MASCAR PARA IMAGENES CIRCULARE --------------*/



.seccionimg2{



    /*max-height: 61vh;*/



    will-change: transform;



    width: 100%;



    transition: 1s ease;



    margin-bottom: 10px;



    overflow: hidden;



    display: block;



    position: relative;



        border-radius: 50%;



}



.seccionimg2:before {



    display: block;



    content: "";



    width: 100%;



    /*padding-top: 50%;*/
    padding-top: 104.333333%;
}



.efecto-zoom .imgsec2 {



    -webkit-transition: all 0.3s ease-in-out;



    -moz-transition: all 0.3s ease-in-out;



    -o-transition: all 0.3s ease-in-out;



    transition: all 0.3s ease-in-out;



}



.efecto-zoom:hover .imgsec2 {



    filter: url(desaturate.svg#greyscale);



    filter: gray;



    -webkit-filter: grayscale(100%); 



    -moz-filter: grayscale(100%);



    -ms-filter: grayscale(100%);



    -o-filter: grayscale(100%);



    filter: grayscale(100%); 



    transform: translate3d(-50%,-50%,0) scale(1.1);







}



.imgsec2 {



    width: 100%;



    height: 100%;



    -webkit-background-size: cover;



    -moz-background-size: cover;



    -o-background-size: cover;



    background-size: cover;



    background-position: 50% 50%;



    min-width: 100%;



    min-height: 100%;



    display: block;



    position: absolute;



    top: 50%;



    left: 50%;



    transform: translate3d(-50%,-50%,0) scale(1) rotate(0);



    transition: 1s ease;



    outline: 0;



    box-shadow: none;



}



.mascaranegra2 {



    top: 0;



    width: 100%;



    position: absolute;



    z-index: 9;



    height: 100%;



    text-align: center;



    color: #fff;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;



}



.mascaranegra2 span {



    opacity: 0;



    position: absolute;



    /*bottom: 17%;*/

    bottom: 38%;

    left: 50%;



    z-index: 12;



    background-color: transparent;



    text-transform: uppercase;



    margin-bottom: 0;



    font-weight: normal;



    text-align: center;



    touch-action: manipulation;



    cursor: pointer;



    background-image: none;



    border-radius: 4px;



    border: 1px solid #afafaf;



    white-space: nowrap;



    padding: 6px 12px;



    font-size: 15px;



    line-height: 1.5;



    display: table-cell;



    vertical-align: middle;



    -webkit-user-select: none;



    -moz-user-select: none;



    -ms-user-select: none;



    user-select: none;



    -webkit-transform: translate(-50%, 800%);



    -ms-transform: translate(-50%, 100%);



    -o-transform: translate(-50%, 100%);



    transform: translate(-50%, 800%);



    -webkit-transition: all 0.25s 0.1s;



    -o-transition: all 0.25s 0.1s;



    transition: all 0.25s 0.1s;



}



.efecto-zoom:hover .mascaranegra2 {



    background: rgba(0, 0, 0, 0.45);



}



.efecto-zoom:hover .mascaranegra2 span {



    transform: translate(-50%, 0%);



    opacity: 1;



}



.mascaranegra2 span i:before {



    font-size: 11px;



    /*padding-left: 3px;*/



    transition: all 0.3s ease;



}



.mascaranegra2 span:hover i:before {



    /*padding-left: 7px;*/



}











/*------------ Detalle blog -----------------*/



.grupo-botones button{



    font-size: 11px;



    width: 100%;



    border: 0;



    margin: 2px;



    outline: 0;



    padding: 10px 0;



    text-align: justify;



    transition: all 0.2s ease;



    -webkit-transition: all 0.2s ease;



    -o-transition: all 0.2s ease;



    -moz-transition: all 0.2s ease;



    overflow: hidden;



    position: relative;



}



.grupo-botones button:hover{



    /* font-weight: 700; */



    background: #636363;



    /* border-radius: 5px; */



}



.grupo-botones button span:before{



    font-size: 15px !important;



    text-align: center;



    color: #FFF;



    padding: 19px 8px;



    background: rgba(0,0,0,.1);



    margin-right: 10px;



    margin-left: 0;



}



.btn-facebook{



    color: #fff;



    background: #3b5997;



}



.btn-google{



    color: #fff;



    background: #de4b39;



}



.btn-twitter{



    color: #fff;



    background: #55acef;



}



.btn-msj{



    color: #fff;



    background: #0b88ff;



}



.btn-whatsapp {



    color: #fff;



    background: #27732a;



}



















.texto-p p {



    margin: 0px 0 0px;



    font-weight: 700;



    text-align: center;



    font-size: 13px;



}



.linea{



    border: 1px solid #e8e8e8;



    height: 2px;



    width: 100%;



    position: relative;



}



hr.linea:before {



    position: absolute;



    height: 16px;



    color: #000;



    background: #fff;



    content: ' ';



    width: 14px;



    left: -13px;



    /* bottom: 0; */



    top: -5px;



}



hr.linea:after {



    position: absolute;



    height: 16px;



    color: #000;



    background: #fff;



    content: ' ';



    width: 14px;



    right: -13px;



    /* bottom: 0; */



    top: -5px;



}



















/*---- Blog -----*/



/*---------------------*/



.seccionimgnot{



    /*max-height: 61vh;*/



    max-height: 20vh;



    will-change: transform;



    width: 100%;



    transition: 1s ease;



    margin-bottom: 10px;



    overflow: hidden;



    display: block;



    position: relative;



    border-radius: 0%;



}



.seccionimgnot:before {



    display: block;



    content: "";



    width: 100%;



    padding-top: 104.333333%;



}



.img-blog2{



    width: 100%;



    height: 100%;



    -webkit-background-size: cover;



    -moz-background-size: cover;



    -o-background-size: cover;



    background-size: cover;



    background-position: 50% 50%;



    min-width: 100%;



    min-height: 100%;



    display: block;



    position: absolute;



    top: 50%;



    left: 50%;



    transform: translate3d(-50%,-50%,0) scale(1) rotate(0);



    transition: 1s ease;



    outline: 0;



    box-shadow: none;



}



.div-detnot:hover .img-blog2{



    transform: translate3d(-50%,-50%,0) scale(1.1);







}



.div-detnot a{



    width: 100%;



    overflow: hidden;



    /*display: table;*/



}



/****************** MASCARA 2*******************/







.div-detnot{



    margin-bottom: 15px;



    position: relative;



    overflow: hidden;



    transition: all 0.5s ease-in-out;



    padding: 10px 8px;







}























.div-detnot:hover .mascara2{



    opacity: 1;



}







.div-detnot:hover img{



    -webkit-transform: scale(1.2);



    -ms-transform: scale(1.2);



    transform: scale(1.2);



}







.div-detnot a:hover{



    /*color: red !important;*/



}







.div-detnot:hover .mascara2{



    /*background: rgba(0, 0, 0, 0.47);*/



    -webkit-transform: initial;



    -webkit-transition-timing-function: ease-out;



    -webkit-transition-duration: 250ms;



    transform: initial;



    transition-timing-function: ease-out;



    transition-duration: 250ms;



}







.det-img{



    overflow: hidden;



    width: 100%;



    display: block;



    vertical-align: middle;



}







.det-img img{



    transition: all 0.2s ease-in-out;



    will-change: transform;



}







.det-text{



    width: 100%;



    display: block;



    vertical-align: middle;



    padding: 0 15px;



    color: #000;



}



.fechacur{



    color: #1c6cab;



    font-size: 12px;



}























/*---- fin mascara 2 ----*/



.redes2{



    float: left;



}







.redes2 span:before {



    padding: 6px 5px;



    color: #fff;



    border-radius: 0 6px 6px 0;



    display: block;



    margin-bottom: 1px;



}







.redes2 .icono-facebook:before{



    background: #0b6dbb;



}







.redes2 .icono-twitter:before{



    background: #008CCA;



}







.redes2 .icono-google:before{



    background: #f11201;



}







.redes2 .icono-whatsapp:before{



    background: #319835;



}







.redes2 a{



    display: block;



}







.sin-after:after {



    content: initial !important;



}



















.proyectoimg{



    margin-top: 8%;



}



.proyectoimg .seccionimg2{



    /*border-radius: 10px;*/

    /*margin-bottom: 2px;

    margin-top: 2px;*/

}







.margnc .titulos h3{



    font-size: 21px;



}







.hr-pie{



    border-top: 1px solid #388fd5;



}















































/*-------------------- Cambio de menu ------------------*/



@media(max-width: 991px){



    .cont-cab{



        display: table;



        width: 100%;



    }



    .div-logo {



        display: table-cell;



        vertical-align: middle;



        background: #e8e8e8;



    }



    .header_box .navbar-header{



        display: table-cell;



        vertical-align: middle;



        text-align: center;



    }



    .header_box .navbar-toggle{



        z-index: 9999;



        margin: 0;



        float: none;



    }



    .header_box .navbar-toggle .icon-bar {



        background: #fff;



    }



    .header_box .icon-bar + .icon-bar {



        background: #fff;



    }



    .header_box .navbar {



        min-height: 0;



    }



    .header_box .navbar-inverse{



        background: #fafafa;



    }











}



/*----------- Fin cambio menu ----------*/







/*----------- Mascara curso -------------*/



.div-curso{



    /*padding: 4px 4px 4px 4px;*/

    border: 1px solid #000;

    position: relative;



    width: 100%;



    margin: 0;



    /*display: inline-table;*/



    /*padding: 4px;*/



    /*float: left;*/



    display: block;



    overflow: hidden;



    max-height: 50vh;



    height: 300px;



    transition: all 160ms linear;



    -webkit-transition: all 160ms linear;



}

.div-curso.efecto-zoom a {
    display: initial;
    position: initial;
}

.div-curso img{



    max-width: 100%;



    width: 100%;



    transition: all 0.8s ease;



    /*height: 220px;*/



    height: 300px;



}



.text-mask{



    /*opacity: 0;*/



    transition: all 0.8s ease;



    display: table;



    width: 100%;



    height: 100%;



    position: relative;



}



.text-mask p{



    display: table-cell;



    vertical-align: middle;



    padding: 15px;



}







.div-curso .mascara{



    width: 100%;



    height: 100%;



    position: relative;



    overflow: hidden;



}



.div-curso .mascara a{



    color: #fff;



    text-decoration: none;



}



.div-curso .mascara:hover img{



    -webkit-transform: scale(1.2);



    -ms-transform: scale(1.2);



    transform: scale(1.2);



}



.div-curso .mascara a:hover{



    color: #fff !important;



}



.div-curso .mascara p{



    color: #fff !important;



}







.div-curso:hover .mask{



    background: rgba(255, 255, 255, 0);



    -webkit-transform: initial;



    -webkit-transition-timing-function: ease-out;



    -webkit-transition-duration: 250ms;







    transform: initial;



    transition-timing-function: ease-out;



    transition-duration: 250ms;



}



.div-curso .mask {



    /*background: -webkit-gradient(linear, 1 -19, 0% 100%, from(rgba(16, 16, 16, 0.08)), to(#15140D));*/



    /*background: rgba(0, 0, 0, 0.46);*/



    position: absolute;



    z-index: 5;



    width: 100%;



    height: 100%;



    text-align: center;



    -webkit-transition-timing-function: ease-out;



    -webkit-transition-duration: 300ms;



    left: 0;



    /*padding-top: 195px;*/



    /*** moddd ***/



    text-transform: uppercase;



    font-weight: 500;



    overflow: hidden;



    cursor: pointer;font-size: 13px;











    transition-timing-function: ease-out;



    transition-duration: 300ms;



}







.div-curso.efecto-zoom:hover .imgsec2 {



    /*top: 65px;*/



}



.div-curso.efecto-zoom:hover .imgsec2 {



    filter: url(desaturate.svg#greyscale);



    filter: gray;



    -webkit-filter: grayscale(0%);



    -moz-filter: grayscale(0%);



    -ms-filter: grayscale(0%);



    -o-filter: grayscale(0%);



    filter: grayscale(0%);



}



/*------- fin mascara curso ---------*/



.fondo-celeste{



    background: #3890d6;



    padding: 3% 0;



    text-align: center;



}



.fondo-celeste .titulos h4{



    color: #52c9ff;



}



.fondo-celeste .titulos h2{



    color: #fff;



}



.fondo-celeste .titulos:after {



    background-color: #52c9ff;



}



.cont-curso{



    padding:0 4%;



}











.div-link{



    position: absolute;



    /*height: 70px;*/
    height: 0;



    /*width: 97.9%;*/



    bottom: 0;



    z-index: 2;



    /*margin: 4px 0;*/



    width: 100%;



    /*height: 60px;*/



    position: absolute;



    left: 0;



    /*bottom: -70px;*/

    bottom: 0;

    background: rgba(0, 0, 0, 0);



    z-index: 4;



    overflow: hidden;



    -webkit-transition: all .3s ease-in-out;



    transition: all .3s ease-in-out;



}



.div-curso:hover .div-link{



    bottom: 0;

    background: rgba(0, 0, 0, 0);

    /* background: #fff; */

    height: 100%;



}



.div-link a{



    text-decoration: none;



    outline: 0;



    width: 50%;



    display: block;



    float: left;



    color: #fff;



    display: block;



    font-size: 25px;



    line-height: 70px;



    width: 100%;



    text-align: center;



    -webkit-transition: all .1s ease-in-out;



    transition: all .1s ease-in-out;



    display: table;

    height: 100%;



}



.div-link a:hover{



    /*background: #0d5690;*/



    color: #fff;



}

.div-link a span{

    display: table-cell;

    vertical-align: middle;

}



.div-link a aside{

    opacity: 0;

    position: absolute;

    bottom: 40%;

    left: 50%;

    background-color: transparent;

    /* text-transform: uppercase; */

    display: table-cell;

    margin-bottom: 0;

    font-weight: normal;

    text-align: center;

    vertical-align: middle;

    touch-action: manipulation;

    cursor: pointer;

    background-image: none;

    border-radius: 10px;

    border: 1px dashed #ccc;

    white-space: nowrap;

    padding: 6px 12px;

    font-size: 25px;

    line-height: 1.5;

    display: table-cell;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-transform: translate(-50%, 100%);

    -ms-transform: translate(-50%, 100%);

    -o-transform: translate(-50%, 100%);

    transform: translate(-50%, 100%);

    -webkit-transition: all 0.25s 0.1s;

    -o-transition: all 0.25s 0.1s;

    transition: all 0.25s 0.1s;

    font-family: 'FrankM';

}

.div-link a:hover aside{

    opacity: 1;

}



.text-curso{



    margin-top: 4%;



    color: #fff



}



.text-curso p{



    color: #79d5ff;



}



.text-curso a{



    color: #fff;



    /*text-align: left;*/



}



.text-curso a h3{



    font-size: 22px;



}



/*---------------*/































































































































































.centrar-equipo{



    float: none;



    display: inline-block;



    vertical-align: top;



}



.img-certi{



    max-height: 80px;



    /*will-change: transform;*/



}

.img-acred{



    max-height: 50px;

    padding-right: 2px;

    /*will-change: transform;*/



}













/*----- politica -----*/



.centrar-politica{



    float: none;



    vertical-align: top;



}



.centrar-politica .cont-eq {



    padding: 0;



    /*padding: 0% 2%;*/



    cursor: pointer;



    display: table;



    /*height: 100%;*/

    height: 100vh;



}



.centrar-politica .text-eq {



    color: #696969;



    text-align: justify;



    display: table-cell;



    width: 50%;

    background: #fff;

    vertical-align: middle;



    /*padding: 0 3%;*/

    height: 100%;

    padding: 5% 3%;



}



.div-imgpol{



    height: 100%;



    width: 50%;



    display: table-cell;



    vertical-align: top;

    position: relative;

}


.div-imgpol:before {
    content: '';
    width: 100%;
    position: absolute;
    z-index: 1;
    background: rgba(0, 37, 84, 0.3215686274509804);
    mix-blend-mode: multiply;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}
.img-pol{



    width: 100%;



    height: 100%;



    background-position: top !important;



    background-size: auto 100% !important;



    -webkit-background-size: cover !important;



    -moz-background-size: cover !important;



    -o-background-size: cover !important;



    background-size: cover !important;



    background-color: #43444c !important;



}



/*------------- final curso ------------*/



















/*-------- Buscar empresas -----------*/



.fondo-blanco{



    background: white;



    padding: 6% 4%;



    border-radius: 8px;



    width: 60%;



    margin: 40px auto;



}



.fondo-blanco label {



    text-align: left;



    font-size: 15px;



}



.fondo-blanco .input-group-addon{



    border: 1px solid #f7f7f7;



}



.fondo-blanco .form-control {



    color: #607D8B;



    background-color: rgba(236, 236, 236, 0.54);



    border: 1px solid #f7f7f7;



}



.fondo-blanco .form-control:focus{



    border: 1px solid rgba(33, 150, 243, 0.32);



}



.fondo-blanco .btn-primary {



    color: #fff;



    background-color: #000000;



    border-color: #000000;



}



.fondo-blanco .btn-primary:hover, .btn-primary:focus {



    color: #fff;



    background-color: #7b8288;



    border-color: #7b8288;



}







.cont-titres{



    background: #2273b3;



    overflow: hidden;



    color: #fff;



    border-radius: 6px 6px 0 0;



}



.cont-titres .titulos:after {



    background-color: #ffffff;



}



.cont-resul{



    display: table;



    width: 100%;



}



.titres{



    display: table-cell;



    border-right: 0 !important;



    border: 1px solid #f1f1f1;



    color: #fff;







}



.titres h4{



    padding: 16px 12px;



    background: #2273b3;



    margin: 0;



}



.titres-plomo{



    background: #ececec;



    color: #000;



    padding: 16px 12px;



}



.cont-resul .titres:first-child{



    border-left: 0;



}



.cont-resul .titres:last-child{



    border-right: 0;



}











/*table {



    margin: 0;



    color: #666;



    font-size: 0.9em;



    background: #eaebec;



    -moz-border-radius: 3px;



    -webkit-border-radius: 3px;



    border-radius: 3px;



    -moz-box-shadow: 0 1px 2px #d1d1d1;



    -webkit-box-shadow: 0 1px 2px #d1d1d1;



    box-shadow: 0 1px 2px #d1d1d1;



    margin-bottom: 0 !important;



}*/



.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{



    padding: 1% 2%;



}



.table > thead > tr > th {



    vertical-align: middle;



}



table th {



    padding: 1% 2%;



    border-top: 1px solid #fafafa;



    border-bottom: 1px solid #e0e0e0;



    /*background: #efefef;*/



    color: #000;



    font-weight: 100;



    transition: all 0.3s ease;



}



table tr {



    text-align: justify;



    padding-left: 20px;



}



table td {



    padding: 6px;



    border-top: 1px solid #ffffff;



    border-bottom: 1px solid #e0e0e0;



    border-left: 1px solid #e0e0e0;

    border-right: 1px solid #e0e0e0;



    background: #f5f5f5;



    color: #000;



    transition: all 0.3s ease;



}



table tr.even td {



    background: #f6f6f6;



    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));



    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);



}



table tr:hover td,



table tr:hover th{



    background: #888888;



    color: #fff;



}







/*fin estilos visuales de la tabla*/







.table-container



{



    width: 100%;



    overflow-y: auto;



    _overflow: auto;



    margin: 0 0 1em;



}



/* a�«�adimos las barras para dispositivos IOS */







.table-container::-webkit-scrollbar



{



    -webkit-appearance: none;



    width: 14px;



    height: 14px;



}



.table-container::-webkit-scrollbar-thumb



{



    border-radius: 8px;



    border: 3px solid #fff;



    background-color: rgba(0, 0, 0, .3);



}



.tabla-general .thead-default tr{



    border-top: 1px solid #e0e0e0;



}



.tabla-general .thead-default tr th{



    background: #2273b3;



    color: #fff;



    padding: 1% 2% !important;



    border: 1px solid #e0e0e0;



}



.tabla-general .thead-default tr th:first-child{



    border-left: 0px;



}



.tabla-general .thead-default tr th:last-child{



    border-right: 0px;



}



.tabla-izq th{



    background: #2273b3;



    color: #fff;



}



















.detcurso{



    margin-top: 3%;



}



.detcurso .text-curso p {



    color: #3890d6;



}



.detcurso .text-curso a {



    color: #444;



    overflow: hidden;



    display: block;



}



.detcurso .text-curso a h3 {



    margin: 4px 0;



}



.detcurso .div-curso .mask {



    /*background: -webkit-gradient(linear, 1 -19, 0% 100%, from(rgba(16, 16, 16, 0.08)), to(#ffffff));*/



}



.detcurso.col-md-1, .detcurso.col-md-2,.detcurso.col-md-3, .detcurso.col-md-4, .detcurso.col-md-5, .detcurso.col-md-6, .detcurso.col-md-7, .detcurso.col-md-8, .detcurso.col-md-9, .detcurso.col-md-10, .detcurso.col-md-11, .detcurso.col-md-12{



    float: none;



    display: inline-block;



    vertical-align: top;



    padding: 0 12px;



}











.titnegro{



    background: #000000;



    color: #ffffff;



    margin: 0 !important;



    padding: 4% 2%;



}



.titnegro.titulos:after {



    background-color: #000000;



}



.fondo-ult{



    background: #f5f5f5;



    padding: 1%;



}



.textoser{



    width: 100%;



    margin: 0;



    text-align: justify;



    color: #000;



}







.divproc.detcurso .div-curso .mask {

    background: transparent;

}

.divproc .div-curso:hover .div-link {

    /*background: #000;*/

}

.divproc .div-link a{

    color: #ffffff;

}

.divproc .div-link{

    text-align: center;

    color: #fff;







    text-decoration: none;

    outline: 0;

    width: 50%;

    display: block;

    float: left;

    color: #3890d6;

    font-size: 25px;

    line-height: 70px;

    width: 100%;

    text-align: center;

    -webkit-transition: all .1s ease-in-out;

    transition: all .1s ease-in-out;

}

.divproc .div-link a h3{

    margin: 0;

    vertical-align: middle;

    display: inline-block;

}

.divproc .div-link h3{

    margin: 0;

    vertical-align: middle;

    display: inline-block;

    color: #fff;

}

.divproc .div-link a h3 p{

    font-size: 0.6em;

}

.divproc .div-link h3 p{

    font-size: 0.6em;

}

.divproc .div-curso img {

    width: 0;

    height: 0;

}







.btn-descargar{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-border-radius: 8px;

    border-radius: 8px;

    border: 0;

    background: inherit;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    color: #fff;

    font-size: 16px;

    display: inline-block;

    background-color: #034087;

    vertical-align: middle;

    padding: 12px 30px; 

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

}



.btn-descargar:hover {

    -webkit-animation:  pulse 1400ms linear;

    -moz-animation: pulse 1400ms linear;

    -o-animation: pulse 1400ms linear;

    -ms-animation: pulse 1400ms linear;

    animation: pulse 1400ms linear;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -o-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    background-color: #000;

    color: #fff;

}

.btn-descargar:focus {

    background-color: #000;

    color: #fff;

}

.btn-descargar i {

    padding: 0 0 0 7px;

}





/**/

.iconos-nav{

    float: right;

    position: relative;

    height: 100%;

    top: 54px;

}

.iconos-nav span{

    color: #fff;

    /*font-family: 'itfranklindemi';*/

    padding: 0 16px;

}

.iconolast span{

    color: #fff;

    /*font-family: 'itfranklindemi';*/

    font-size: 22px;

}

.fondo-divs{

    background: #ccc;

    padding-bottom: 5%;

}

.fondo-divs .container{

    margin-top: -8%;

    z-index: 99;

    position: relative;

}

.btn-divs{

    background-color: #3890d6cf;

    color: #fff;

    padding: 6px 25px;

    border-radius: 18px;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

}

.btn-divs:hover{

    background: #002a61;

    color: #fff;

}

.tit-rayadob{

    text-align: center;

    position: relative;

}

.tit-rayadob:before{

    content: '';

    height: 1px;

    width: 41%;

    background: #fff;

    position: absolute;

    left: 0;

    top: 10px;

}

.tit-rayadob h3{

    color: #fff;

    margin: 0;

}

.tit-rayadob:after{

    content: '';

    height: 200%;

    width: 1px;

    background: #fff;

    position: absolute;

    left: 0;

    top: 10px;

}

.poste{

    position: relative;

    margin-top: 54px;

}

.tit-rayadob-libre{

    position: absolute;

    width: 100%;

    right: 0;

    bottom: 0;

}

.tit-rayadob-libre span{

    display: inline-block;

    margin: 0;

}

.tit-rayadob-libre:after{

    content: '';

    height: 200%;

    width: 1px;

    background: #fff;

    position: absolute;

    right: 15px;

    top: -31px;

}

.tit-rayadob-libre:before{

    content: '';

    height: 1px;

    width: 41%;

    background: #fff;

    position: absolute;

    right: 15px;

    top: 10px;

}







.titulo-img section{

    display: inline-block;

    position: relative;

    padding: 20px;

}

.titulo-img h1{

    font-family: "ptsans";

    z-index: 2;

    position: relative;

    color: #fff;

    padding: 0 10px 20px;

}

.titulo-img{

    position: relative;

}

.titulo-img span:before{

    content: '';

    width: 100%;

    height: 100%;

    /* border: 2px solid #555; */

    background: #002a61;

    -moz-border-radius: 100px 100px 0 0;

    -webkit-border-radius: 0 0 100px 100px;

    border-radius: 0 0 100px 100px;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;



}



.raya-der{

    position: absolute;

    width: 100%;

    right: 0;

    height: 100%;

    top: 0;

}

.raya-der:before {

    content: '';

    height: 1px;

    width: 30%;

    background: #fff;

    position: absolute;

    right: 15px;

    top: 15px;

}

.raya-der:after {

    content: '';

    height: 90%;

    width: 1px;

    background: #fff;

    position: absolute;

    right: 15px;

    top: 15px;

    z-index: 9999;

}

.raya-izq{

    position: absolute;

    width: 100%;

    left: 0;

    height: 100%;

    top: 0;

}

.raya-izq:before{

    content: '';

    height: 90%;

    width: 1px;

    background: #fff;

    position: absolute;

    left: 15px;

    bottom: 15px;

    z-index: 1;

}

.raya-izq:after{

    content: '';

    height: 1px;

    width: 30%;

    background: #fff;

    position: absolute;

    left: 15px;

    bottom: 15px;

    z-index: 1;

}

.raya-abajo{

    position: absolute;

    width: 100%;

    left: 0;

    height: 100%;

    bottom: 0;

    z-index: -1;

}

.raya-abajo:before {

    content: '';

    height: 6px;

    width: 100%;

    background: #c3ced4;

    position: absolute;

    left: 15px;

    bottom: 15px;

}











.fondo-contac{

    /*background-image: url(../img/fondo-contacto.png);*/

    background-size: cover;

    height: 100%;

    padding: 3% 0;

    position: relative;

}

.fondo-contacto h3 b{

    /*font-family: 'itfranklindemi';*/

}

.titulo-azul{

    color:#003769;

    /*font-family: 'itfranklindemi';*/

}

.fondo-contacto{

    background-image: url(../img/fondo-azul.jpg);

    background-size: cover;

    height: 100%;

    padding: 3% 0;

    position: relative;    

}

.form-azul{

    padding: 5% 4%;

}

.form-azul label{

    color: #000000;

    /*font-family: "DINM";*/

}

.form-azul .form-control{

    background: #e8e8e8;

    border: 0;

    border-radius: 0;

    margin-bottom: 2px;

    color: #728997;

    /*height: 30px;*/

    border: 0px solid #f1f1f1;

}

.form-azul .input-group-addon,.form-azul .input-group-btn{

    vertical-align: top;

}

.btn-for{

    background: transparent;

    height: 50px;

    border-radius: 0 8px 8px 0;

    padding: 0 6px;
    border: 0;
    width: 20%;
    margin-left: -20%;
    vertical-align: middle;
    display: inline-block;

}

.btn-for span:before{

    font-size: 35px !important;

    text-align: center;

    color: #fff;

    padding: 0px 8px;

    margin-left: 0;

}

.btn-for:hover, .btn-for:focus, .btn-for:active{

    color: #fff;

    background-color: #000;

    border-color: #000;

}

.mapa {

    width: 100%;

    /*height: 100%;*/

    height: 400px;

    /*position: absolute;*/

    /* top: 0;

     z-index: -1;*/

}

.img-line{

    width: 100%;

    max-width: 100%;

    display: block;

    padding-top: 30px

}

.menu-circular{

    position: fixed;

    bottom: 0px;

    z-index: 999;

    width: 100%;

}



.contenedor-absoluta{

    position: absolute;

    top: 21%;

    /* left: 25%; */

    z-index: 999;

    /* height: 100%; */

    text-align: center;

    /* right: 0; */

    width: 100%;

}

.contenedor-absoluta article{

    width: 50%;

    color: #4c4c4c;

}

.contenedor-absoluta section{

    /*width: 30%;*/

    float: right;

}

.btn-galeria{
    border: 2px solid transparent;
    display: inline-block;
    background: #6a0d94;
    padding: 15px 20px;
    color: #fff;
    font-size: 22px;
    margin-top: 12%;
}
.btn-galeria:hover, .btn-galeria:focus{
    border: 2px solid #8800c4;
    background: transparent;
    color: #8800c4;
}
.btn-galeria i{

    display: block;

    margin-bottom: 14%;

}

.btn-galeria i:before{

    background: transparent;

    padding: 16px 36px;

    border-radius: 15px;

    font-size: 48px;

    color: #0071bc;

    border: 8px solid #0071bc;

}

.contenido-pagina{

    /*position: absolute;

    top: 150px;

    left: 0;

    right: 0;*/

    /*bottom: 0;*/

    /*width: 100%;*/

    /*height: 100%;*/

    /*z-index: 9;*/

    /*height: 43vh;*/

    /*overflow-x: hidden;*/

}

.texto-n{

    width: 80%;

}

.titulos2 h4{

    color: #000;

    /*font-family: Humnst777CnBT;*/

    /*font-weight:700;    */

    font-family: FrankD;

    text-align: center;

    /*font-size: 15px;*/

    margin-top: 2px;

}

.titulos2 span{

    color: #00ade5;

    font-weight: 100;

    display: block;

}

.titulos3{

    position: absolute;

    top: 42px;

    left: 40px;

    color: #728997;

    /*font-family: impact;*/

    font-size: 30px;

    text-align: left;

    line-height: 40px;

}

.titulos3 span{

    display: block;

    color: #18b3da;

    font-family: 'Hum777Lt';

    font-size: 26px;

}

.titulos3 i{

    font-family: Humnst777CnBT;

    color: #0672b6;

    font-style: normal;

    font-size: 30px;

    font-weight: 600;

}

.titulos3 font{

    color: #01acef;

}

.titulos3.titnos{

    top: 6%;

    right: 36%;

    font-size: 45px;

    text-align: right;

    line-height: 49px;

}

.titcontt {

    line-height: 28px;

}

.titulo-serv{

    color: #0072c7;

    font-family: Humnst777CnBT;

    font-size: 15px;

    margin: 0;

    line-height: 20px;

}

.titulo-serv span{

    color: #38cdfd;

}

.divic figure{

    margin-bottom: 8px;

}

.proydiv{

    padding: 0 30px;

}



.pag-contact{

    display: table;

    width: 100%;

}

.pag-contact aside{

    width: 50%;

    display: table-cell;

    vertical-align: middle;

    position: relative;

}

.pag-contact article{

    width: 50%;

    display: table-cell;

    vertical-align: middle;

}

.direcc{

    text-align: center;

    margin-top: 2%;

    font-family: "DINM";

    font-size: 17px;

    color: #888888;

}

.direcc img{

    height: 45px;

}

.direcc a{

    display: inline-block;

    vertical-align: top;

    color: #4e4e4e;

    padding: 2px 15px 0;

    /*font-size: 14px;*/

    /*line-height: 15px;*/

}

.direcc a span:before{

    background: #a7a7a7;

    padding: 8px;

    border-radius: 50%;

    color: #fff;

    font-size: 13px;

    transition: all 0.4s;

}

.direcc a:hover span:before{

    background: #e4ba3a;

    padding: 8px;

    border-radius: 50%;

    color: #fff;

    font-size: 13px;

}





.modal-marca .close {

    z-index: 999;

    position: absolute;

    /*right: 24px;

    top: 0;*/


    right: -25px;
    top: -75px;
    background: transparent;
    font-size: 65px;
    opacity: 1;
    color: #FFC107;
    text-shadow: 0px 0px 5px #797979;
    font-weight: 100;
    font-family: 'Swis721WGL4BT';
    width: 45px;
    height: 45px;
}

.modal-header {

    /*text-align: center;*/

    border-bottom: 0px solid #e5e5e5;

    padding: 0px;

}



.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img{

    /*background-position: top center !important;*/

}



.titcontt{

    top: 15px;

}

.tit-form {

    display: inline-block;

    width: 100%;

    border-bottom: 1px solid #0771b8;

    position: relative;

    margin-bottom: 15px;

    font-family: Humnst777CnBT;

}

.tit-form h4 {

    display: inline;

    vertical-align: top;

    width: 50%;

    border-radius: 4px;

    border: 1px solid #0771b8;

    border-bottom: 2px solid transparent;

    padding: 4px 12px 2px 12px;

    margin-right: 6px;

    color: #00ade5;

    line-height: 1.5;

    cursor: pointer;

}

.color {

    background: #0771b8;

    color: #fff !important;

}

.modal-backdrop.in {

    filter: alpha(opacity=90);

    opacity: .9;

}

.rev_slider{

    height: 100% !important;

}

.linea-amaplo{

    width: 100%;

    position: relative;

    display: table;

    display: flex;

    height: 8px;

    overflow: hidden;

}

.linea-amaplo span:first-child{

    background: #fff;

    width: 30%;

    display: table-cell;

    display: -ms-flexbox;

}

.linea-amaplo span:last-child{

    background: #e11519;

    width: 70%;

    display: table-cell;

    display: -ms-flexbox;

}
.linea-amaplo i:first-child{

    background: #e11519;

    width: 70%;

    display: table-cell;

    display: -ms-flexbox;

}

.linea-amaplo i:last-child{

    background: #fff;

    width: 30%;

    display: table-cell;

    display: -ms-flexbox;

}

.img-pie{

    width: 240px

}

.btn-ver{

    background: #fff;

    padding: 10px 4%;
    border-radius: 10px;
    font-family: 'nexaB';
    font-size: 22px;

    color: #000;

    display: inline-block;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

}

.btn-ver:hover, .btn-ver:focus{

    background: #770101;

    color: #ffffff;

}

.btn-ver2{

    background: #728a98;

    padding: 8px 35px;

    border-radius: 10px;

    color: #fff;

    display: inline-block;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

}

#demo1 .owl-carousel .owl-item:hover .btn-ver,.btn-ver:focus{

    /*    background: #e4ba3a;
    
        color: #728997;
    
        font-weight: 700;*/

}

#demo1 .owl-carousel .owl-item:hover .btn-ver2, .btn-ver2:focus{

    /*    background: #e4ba3a;
    
        color: #728997;
    
        font-weight: 700;*/

}

.tit-gama-ambar{

    background: #e4ba3a;

    padding: 20px;

    display: block;

    color: #fff;

    font-size: 28px;

    font-weight: 700;

    font-family: "DINB";

}

.tit-gama-acero{

    background: #728a98;

    padding: 20px;

    display: block;

    color: #fff;

    font-size: 28px;

    font-weight: 700;

    font-family: "DINB";

}

.fondo-inicio article{

    width: 50%;

    margin: 0 auto;

    text-align: center;

    padding: 3% 0;

    color: #000;

    /*text-shadow: 1px 1px 4px #d0d0d0;*/

}

.line{

    /*border: 1px dashed #000;*/

    border-image: url(../img/line.png);

    border-image-slice: 3;

    border-image-repeat: round;

}

.tit-car{

    font-family: "DINM";

    font-size: 16px;

}

/*.rev_slider .tp-caption h1{

    font-family: "QuicksandBold";

}*/

.grupo-buscar {

    width: 240px;

    /*position: absolute;*/
    font-family: 'nexa';
    top: 0;

    right: 0;

    margin-right: 5%;
    float: right;
}

.grupo-buscar .form-control {

    border-color: #fff;

    /*border-bottom: 1px solid #8c8c98;*/
    border-radius: 12px !important;
    font-size: 22px;

    border-radius: 0;

    box-shadow: none;

    -webkit-box-shadow: none;

    background: transparent;
    text-align: center;
    color: #8c8c98;
    margin-left: -46px;
    padding-left: 44px;
    height: 46px;
}

.input-group-btn {

    position: relative;

    font-size: 0;

    white-space: nowrap;

}

.grupo-buscar .btn-default {

    border-radius: 0;

    background-color: transparent;

    border-color: transparent;

    color: #8c8c98;

    padding: 2px 8px;

    /*margin-left: -40px;*/

    z-index: 9;

}
.grupo-buscar .btn-default:before{
    font-size: 30px;
}

#resultado {

    display: none;

    border: solid 1px #dadada;

    position: absolute;

    z-index: 9000;

    width: 100%;

    right: 0;

    background: #fff;

    top: 100%;

    box-shadow: 0px 0px 4px #000000;

    max-height: 400px;

    overflow-y: scroll;

    /*  transform-origin: 0% 100%;
  
      transform-origin: 100% 0%;
  
      transition: 0.5s;*/

}

.cont_buscador{

    position: relative;

    display: block;

    padding: 10px;

}

.cont_buscador a{

    display: table;

    width: 100%;

    color: #000;
    font-size: 15px;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

}

.cont_buscador .img_buscador{

    display: table-cell;

    vertical-align: middle;

    width: 40%;

    text-align: center;

}

.cont_buscador .img_buscador img{

    width: auto;

    max-height: 60px;

    margin: 0 auto;

}

.cont_buscador .text_buscador{

    display: table-cell;

    vertical-align: middle;

    width: 60%;

}

span.text_buscador_vacio{

    padding: 15px 10px;

    display: block;

    color: #728997;

}

.cont_buscador:hover a{

    color: #e11519;

}

#resultado::-webkit-scrollbar {

    width: 8px;

    background-color: #000;

}

#resultado::-webkit-scrollbar-track {

    background-color: #fff;

    border-radius: 10px;

}

#resultado::-webkit-scrollbar-thumb {

    border-radius: 0px;

    background-color: #FFF;

    background: #000;

    /*background-image: -webkit-linear-gradient(top, rgb(7, 110, 183) 0%, rgb(56, 139, 222) 50%, rgb(14, 133, 228) 51%, #217ec1 100%);*/

}

.div-logo a{

    display: block;
    text-align: center;
    /*position: relative;*/

}

.text-logo{

    position: absolute;

    right: -85%;

    /*left: 100%;*/

    bottom: 5px;

    color: #004e9c;

    font-weight: 700;

}



/* producto */

.banner-int {

    position: relative;

    height: 115px;

}

.banner-int img{

    width: 100%;

}

.indicator {

    font-family: 'QuicksandBold';

    font-weight: 400;

    font-size: 1.4rem;

    line-height: 1.4rem;

    /*display: inline-table;*/

    display: inline-block;

    position: absolute;

    top: -35px;

    background-color: #0181be;

    width: 50%;

    text-align: center;

    color: #fff;

    z-index: 2;

    min-height: 70px;

    vertical-align: middle;

    padding: 17px 25px 12px;

}

.indicator span{

    font-family: 'Quicksand';

}

.indicator b{

    padding: 5px 10px;

    background: #004e9c;

    font-style: normal;

}

.indicator h3 {

    margin: 0;

    vertical-align: middle;

    /*display: table-cell;*/

    text-align: right;

    font-size: 30px;

}

.c-prod {

    /*text-align: center;*/

    margin-top: 15px;

    margin-bottom: 8%;

}

.div-cate {

    display: inline-table;

    width: 43.2%;

    text-align: left;

    /* margin: 25px 10px 5px 5px; */

    margin: 25px 35px;

    background: #fff;

    padding: 20px 25px;

    border-radius: 8px;

}

.c-prod a {

    text-decoration: none;

    display: block;

}

.prod-img {

    display: table-cell;

    /* vertical-align: middle; */

    padding-right: 15px;

    text-align: center;

    position: relative;

}

.prod-img img {

    max-height: 190px;

    width: 100%;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

}

.prod-img span{

    position: absolute;

    right: 20%;

    top: 0;

    z-index: 3;

    background: #066eb7;

    padding: 5px 10px;

    color: #fff;

}

.prod-text {

    display: table-cell;

    vertical-align: top;

    padding-left: 5px;

    width: 70%;

    position: relative;

}

.prod-text aside{

    color: #737373;

    line-height: 15px;

    /*min-height: 170px;*/

}

.prod-text aside li {

    list-style: none;

    padding-left: 15px;

    position: relative;

}

.prod-text aside li:before {

    content: '';

    background: #737373;

    width: 5px;

    height: 5px;

    position: absolute;

    border-radius: 50%;

    left: 0;

    top: 5px;

}

.prod-text aside li span{

    /* padding-left: 16px;
 
     position: relative;
 
     display: block;
 
     margin-top: -16px;*/

}

.div-cate h3 {

    margin: 0 0 8px 0;

    font-size: 20px;

    color: #000000;

    display: block;

    /*top: 0;*/

    /*position: absolute;*/

}

.div-cate p {

    text-align: justify;

    height: 45px;

    line-height: 15px;

    overflow: hidden;

    color: #646464;

}



.div-cate:hover img{

    transform: scale(1.1);

}

.div-cate .btn-ver {

    /* position: absolute;
 
     bottom: 0;*/

    margin-top: 10%;

}

.div-cate:hover .btn-ver {

    background: #728997;

    color: #ffffff;

}

.div-cate .btn-ver span:before {

    padding-left: 15px;

    font-size: 15px;

    color: #1393ce;

}





.fondo-pagina li{

    list-style: none;

}

.fondo-pagina li:before {

    font-family: icono;

    content: "\f101";

    padding-right: 8px;

    font-size: 9px;

}

.tab-prod, .tab-prod th, .tab-prod tr, .tab-prod td {

    text-align: center;

    vertical-align: middle !important;

    border-color: #c3c3c3 !important;

    font-size: 1em;

}

.table-responsive {

    min-height: .01%;

    overflow-x: auto;

}

.table-bordered {

    border: 1px solid #ddd;

}



.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    padding: 10px;

    line-height: 1.42857143;

    vertical-align: top;

    border: 1px solid #ddd;

    border-top: 0;

}

.table-striped thead th{

    color: #fff;

}

.table-striped thead{

    background: #e4ba3a;

}

.tabla-mitad{

    width: 50%;

    display: table-cell;

}





.desliz{

    background: #e4ba3a;

    padding: 15px 15px;

    color: #fff;

    display: table;

    width: 100%;

    font-family: 'Quicksand';

    cursor: pointer;

}

.desliz h3{

    display: table-cell;

    vertical-align: middle;

    font-size: 17px;

}

.desliz span{

    display: table-cell;

    vertical-align: middle;

}

.cat-deslizado{

    margin-bottom: 2%;

}



.fondo-azul {
    background: #002554;
    color: #fff;
    padding: 15px;
    text-align: center;
    padding: 4% 0 6%;
}

.tit-qui{

    font-family: 'QuicksandBold';

}

.div-ben {

    display: inline-table;

    width: 29%;

    color: white;

    margin: 10px 25px;

}

.div-ben span.iconi-ubicacion {

    text-align: center;

    display: block;

    color: #e4ba3a;

}

.div-ben span:before {

    font-size: 44px;

    margin-bottom: 15px;

    margin-top: 15px;

}

.div-ben h4{

    text-transform: uppercase;

    color: #e4ba3a;

    text-align: center;

}

.div-ben p{

    text-align: justify;

}

.fondo-plomo2{

    background: #f5f5f5;

    overflow: hidden;

    text-align: center;

}

.fondo-plomo2 img{

    max-height: 800px;

}

.fondo-white{
    padding: 0% 0;
    /*text-align: center;*/

}

.icono-producto{

    display: block;

    position: absolute;

    top: -35px;

    right: 5%;

}

.icono-producto:before{

    font-size: 90px !important;

    color: #ececec;

}



.categ-urology .indicator{

    background: #7cb71c;

}

.categ-weight .indicator{

    background: #1076bb;

}

.categ-gastro .indicator{

    background: #895c36;

}

.categ-dermatology .indicator{

    background: #a467ab;

}

.categ-kidney .indicator{

    background: #00a4b1;

}

.categ-joint .indicator{

    background:#e8840c;

}



.cat-perro .table-striped thead {

    background: #acaaab;

}







.fondo-white .div-ben h4 {

    color: #728997;

}

.fondo-white .div-ben p {

    color: #757575;

}



.fondo-categ{

    background: #ececec;

}

.categ-slide{

    margin-bottom: 15px;

}

.categ-slide section{

    padding: 15px;

    background: transparent;

    color: #6f6f6f;

    font-size: 25px;

    text-align: left;

    text-transform: capitalize;

    cursor: pointer;

}

.categ-slide section h3{

    margin: 0;

}

.categ-slide section h3 span:before{

    color: #770000;

}

.categ-slide.categ-urology .cat-deliz{

    background: #7cb129;

}

.categ-slide.categ-weight .cat-deliz{

    background: #1277bd;

}

.categ-slide.categ-joint .cat-deliz{

    background: #e27f09;

}

.categ-slide.categ-kidney .cat-deliz{

    background: #5c9eae;

}

.categ-slide.categ-dermatology .cat-deliz{

    background: #90639c;

}

.categ-slide.categ-gastro .cat-deliz{

    background: #7c5d2f;

}

.clase-felina.indicator{

    background-color: #e4ba3a;

}

.clase-canina.indicator{

    background-color: #a7a7a7;

}



.fondo-categoria{

    background: #ececec;

}



.tit-rosa{

    background-color: #b3456f;

    color: #FFF;

    position: relative;

    display: inline-block;

    padding: 10px 20px 10px 15px;

    overflow: hidden;

    font-weight: 700;

    font-size: 14px;

    text-transform: uppercase;

    margin: 13px 0 22px;

    -webkit-transform: rotate(360deg);

}

.tit-rosa:before{

    content: "";

    right: 0;

    left: auto;

    top: 50%;

    margin-top: -33px;

    border-left: 10px solid #b3456f;

    border-top: 33px solid #FFF;

    border-bottom: 33px solid #FFF;

    height: 0;

    width: 0;

    position: absolute;

    -webkit-transform: rotate(360deg);

}

.tit-rosa.cplomo{

    background-color: #728997;

}

.tit-rosa.cplomo:before{



    border-left: 10px solid #728997;

    border-top: 33px solid #FFF;

    border-bottom: 33px solid #FFF;

}

.contenedor-listas article{

    margin: 0 10% 15px 0;

    width: 45%;

    display: inline-block;

    vertical-align: middle;

    position: relative;

}



.contenedor-listas .listas0 section{

    color: #000;

    text-align: center;

    padding: 15px;

    cursor: pointer;

}

.contenedor-listas .listas0 section h4{

    margin: 0;

}

.listas0{

    text-align: center;

    margin: 0 0 1px;

    padding-bottom: 15px;

}

.contenedor-listas article:before{

    content: "";

    display: block;

    width: 28px;

    height: 28px;

    background: url(../img/flechas.png) no-repeat #b3456f;

    position: absolute;

    top: 50%;

    left: auto;

    right: -15%;

    margin-top: -14px;

}

.contenedor-listas .listas0:nth-child(1) {

    background-color: #b74e76;

}

.contenedor-listas .listas0:nth-child(2) {

    background-color: #bb587d;

}

.contenedor-listas .listas0:nth-child(3) {

    background-color: #be6185;

}

.contenedor-listas .listas0:nth-child(4) {

    background-color: #c26a8c;

}

.contenedor-listas .listas0:nth-child(5) {

    background-color: #c67493;

}

.contenedor-listas .listas0:nth-child(6) {

    background-color: #ca7d9a;

}

.contenedor-listas .listas0:nth-child(7) {

    background-color: #ce86a1;

}

.contenedor-listas .listas0:nth-child(8) {

    background-color: #d18fa9;

}

.contenedor-listas .listas0:nth-child(9) {

    background-color: #d599b0;

}

.contenedor-listas .listas0:nth-child(10) {

    background-color: #d9a2b7;

}



.cont-imgprin:before, .cont-imgprin:after,.div-teprinc:before, .div-teprinc:after{

    content: '\0020';

    display: block;

    clear: both;

    width: 0;

    height: 0;

    visibility: hidden;

    overflow: hidden;

}

.cont-imgprin{

    max-width: 75rem;

    position: relative;

    width: 100%;

    max-width: 1024px;

    max-width: 102.4rem;

    min-width: 320px;

    min-width: 32rem;

    margin: 0 auto;

}





.img-prin{

    display: block;

    width: 100%;

    max-width: 512px;

    max-width: 51.2rem;

    margin: 150px auto 0px;

    margin: 15rem auto 0rem;

}

.spanleft{

    display: none;

}

.txtTAcontainer {

    position: absolute;

    float: right;

    text-align: center;

    /*font-family: "Helvetica";*/

    font-size: 14px;

    font-size: 1.4rem;

    line-height: 15px;

    line-height: 1.5rem;

    color: #000;

    -webkit-transform: translate(0,-50%);

    -moz-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    transform: translate(0,-50%);

    opacity: 0;

    -webkit-transition: opacity 0.6s linear;

    -moz-transform: translate(0,-50%);

    -o-transform: translate(0,-50%);

    -ms-transform: translate(0,-50%);

    transition: opacity 0.6s linear;

}



.lineTA {

    position: absolute;

    width: 0px;

    height: 0px;

    -webkit-transition: width 0.8s linear,height 0.8s linear;

    -moz-transition: width 0.8s linear,height 0.8s linear;

    -o-transition: width 0.8s linear,height 0.8s linear;

    -ms-transition: width 0.8s linear,height 0.8s linear;

    transition: width 0.8s linear,height 0.8s linear;

}

.txtTAcontainer.show {

    opacity: 1;

}

#txtTA05 {

    width: 224px;

    left: 88px;

    /*top: 128px;*/

    bottom: 460px;

    text-align: right;

}

#lineTA05 {

    right: 700px;

    bottom: 470px;

    background: url(http://www.dezain.com.pe/virbac/cms/images/images/linea-izq1.png) no-repeat right bottom;

}

#lineTA05.show {

    width: 224px;

    height: 120px;

}





#txtTA04 {

    width: 224px;

    left: 55px;

    /*top: 628px;*/

    bottom: -35px;

    text-align: right;

}

#lineTA04 {

    right: 730px;

    bottom: -28px;

    background: url(http://www.dezain.com.pe/virbac/cms/images/images/linea-izq1.png) no-repeat right bottom;

}

#lineTA04.show {

    width: 224px;

    height: 120px;

}





#txtTA03 {

    width: 224px;

    left: 685px;

    /*top: 105px;*/

    bottom: 515px;

    text-align: left;

}

#lineTA03 {

    left: 670px;

    bottom: 480px;

    background: url(http://www.dezain.com.pe/virbac/cms/images/images/linea-der2.png) no-repeat left bottom;

}

#lineTA03.show {

    width: 224px;

    height: 120px;

}





#txtTA02 {

    width: 224px;

    left: 750px;

    /*top: 640px;*/

    bottom: -95px;

    text-align: left;

}

#lineTA02 {

    left: 730px;

    bottom: -20px;

    background: url(http://www.dezain.com.pe/virbac/cms/images/images/linea-der2.png) no-repeat left bottom;

}

#lineTA02.show {

    width: 224px;

    height: 120px;

}

.ancho-tabla {

    width: 49%;

    display: inline-block;

    vertical-align: top;

}



.desliz-azul{

    background: #e4ba3a;

    display: block;

    color: #fff;

    padding: 10px;

    cursor: pointer;

    transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

}

.desliz-azul:hover{

    background: #7e919d;

}

.desliz-azul h3{

    margin: 0;

}



.fondo-susc{

    background: url('../img/fondo-sus.jpg');

    background-size: cover;

    color: #fff;

    padding: 2% 0;

    background-attachment: fixed;

}



#correosus{

    background: transparent;

    height: 50px;

    border-radius: 8px;
    font-style: normal;
    color: #ffffff;
    width: 80%;
    display: inline-block;
    vertical-align: middle;

}

#correosus:focus{

    border-color: #020303;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(103, 13, 13, 0.35), 0 0 8px rgba(148, 23, 23, 0.65);
    box-shadow: inset 0 1px 1px rgba(90, 15, 15, 0.56), 0 0 8px rgba(123, 73, 73, 0.6);

}

#correosus::placeholder:{

    color: #fff;

}

#correosus:-ms-input-placeholder : { color: #fff; }

#correosus::-webkit-input-placeholder { color: #fff; }

#correosus::-moz-placeholder { color: #fff; }



#demo{

    padding: 0;

}

.fondo-cursocar{

    background: #404040;

    padding: 5% 0;

}



.fondo-cursocar .efecto-zoom:hover .mascaranegra span {

    transform: translate(-50%, 90%); 

}

.owl-carousel .icono-prev{

    margin-left: -50px;

}

.owl-carousel .icono-next{

    margin-right: -50px;

}

/*.owl-carousel:hover .icono-prev{

    margin-left: 30px;

}

.owl-carousel:hover .icono-next{

    margin-right: 30px;

}
*/
.owl-carousel .icono-prev{

    color: #FFFFFF;

    background: rgba(121, 121, 121, 0.5098039215686274);

    padding: 5px;

}

.owl-carousel .icono-next{

    color: #FFFFFF;

    background: rgba(121, 121, 121, 0.5098039215686274);

    padding: 5px;

}
.owl-carousel .icono-next:before, .owl-carousel .icono-prev:before{
    font-size: 36px;
}
.rayas-largas{

    background-image: url('../img/rayas.png');

    background-size: contain;

    background-origin: content-box;

    position: relative;

    width: 90%;

    height: 6px;

    margin: 15px auto;

}

.fondo-inicio{

    position: relative;

}

.imghome{

    position: absolute;

    bottom: -163px;

    left: 0;

    z-index: 2;

}

.texto-solo{

    font-family: 'FrankD';

    font-style: italic;

    text-align: center;

    font-size: 20px;

}



/************ div flotante **************/

#div-flotante {

    top:25%;

    position: fixed;

    width: 350px;

    visibility: hidden;

    z-index: 999999;

    right: -317px;

    visibility: visible;

}

.popup-header {

    background-color: #971628;

    border-color: #971628;

    width: 35px;

    margin-top: 27%;

    float: left;

    height: 176px;

    border-radius: 4px 0 0 4px;

    padding: 0px;

    padding: 10px 5px 5px 10px;

    border: 1px solid #971628;

    cursor: pointer;

}

.popup-title {

    color: #fff;

    writing-mode: tb-rl;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    white-space: nowrap;

    display: block;

    padding: 5px;

    writing-mode: horizontal-tb !important;

}



.popup-content {

    width: auto;

    padding: 5px 15px 15px;

    width: 90%;

    max-width: 100%;

    overflow-x: hidden;

    overflow-y: hidden;

    height: auto;

    background-color: #fefefe;

    border: 1px solid hsl(0, 0%, 92%);

}

#div-flotante p{

    color: #fff;

    line-height: normal;

    font-weight: 700;

    font-size: 10px;

    margin-bottom: 0;

}

#div-flotante h3,#div-flotante h4,#div-flotante h5{

    color: #971628;

    text-align: center;

}

/************ div flotante **************/



/************** pesta�«�as curso **************/

#content{

    position: relative;

    width: 80%;

    box-shadow: 0px 0px 6px #B5B5B5;

    border-radius: 4px;

    float: left;

    background: #fff;

    padding: 3% 5%;

    margin-left: 20px;

    overflow: hidden;

}

#content article{

    /*overflow-y: auto;*/

    /*overflow: scroll;*/

    transform: translateY(100%);

    /*    transition-delay: 25ms,0s;

        transition-duration: .3s,0s;*/

    transition-delay: 0ms,0s;

    transition-duration: .8s,0s;

    transition-property: transform,visibility;

    transition-timing-function: ease-in-out;

    visibility: visible;

    display: none;

}

#content article.transform{

    transform: translateY(0%);

}

#content article.of-transform{

    transform: translateY(100%);

}

#tabs{

    display: table;

    width: 17%;

    margin-top: 1%;

    float: left;

}

#tabs li{

    display: block;

    margin: 8px 0;

    text-align: center;

    float: left;

    width: 100%;

    text-decoration: none;

    position: relative;

}

#tabs li a:before{

    position: absolute;

    content: '';

    width: 0;

    height: 0;

    top: 38%;

    right: -6px;

    border: 4px solid transparent;

    border-right: 8px solid #971628;

    border-bottom: 8px solid #971628;

    opacity: 0;

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

    z-index: 9;

}

#tabs li a {

    font-weight: 700;

    display: block;

    width: 100%;

    padding: 10px 0;

    background: #fff;

    color: #737373;

    box-shadow: 0px 0px 6px #949494;

    border-radius: 6px;

}

#tabs li#current a{

    background: #971628;

    color: #fff;

}

#tabs li#current a:before{

    opacity: 1;

}

.btn-brochure{

    background: #770000;

    display: block;

    padding: 15px 10px;

    color: #fff;

    border-radius: 6px 6px;

    text-align: center;

    text-transform: uppercase;

    font-family: 'FrankM';

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

}

.btn-brochure:hover, .btn-brochure:focus{

    background: #000000;

    color: #fff;

}

.video-responsive{

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}

.video-responsive iframe, .video-responsive object, .video-responsive embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.red{

    display: block;

    position: relative;

    text-align: center;

    margin-bottom: 6%;

}

.red a{

    display: inline-block;

    cursor: pointer;

}

.red a .icono-facebook:before{

    color: #fff;

    border: 1px solid #1F5EAD;

    padding: 12px 14px;

    background: #1F5EAD;

    font-size: 16px;

    margin: 0px 4px 10px;

    transition: all 0.4s ease;

}

.red a .icono-twitter:before{

    color: #fff;

    border: 1px solid #3E94FF;

    padding: 12px;

    background: #3E94FF;

    font-size: 16px;

    margin: 0px 4px 10px;

    transition: all 0.4s ease;

}

.red a .icono-twitter:hover:before{

    background: #fff;

    color: #3E94FF;

}

.red a .icono-facebook:hover:before{

    background: #fff;

    color: #1F5EAD;

}

/************** fin pesta�«�as curso **************/



.datcorreo{

    /*text-align: center;*/

    /*font-size: 1.7em;*/

    margin-bottom: 3%;

}

.datcorreo span:before{

    font-size: 2em;

    color: #770000;

}

.titulo-prod{

    color: #6d6d6d;

}

.titulo-prod span:before{

    color: #770000;

}

.c-prod .efecto-zoom .imgsec{

    background-size: contain;

    background-repeat: no-repeat;

}

.mass-bottom{

    border: 1px dashed #000;

    border-image: url(../img/linee.png);

    border-image-slice: 2;

    border-image-repeat: round;

}

.height-30{

       background: #6a0d94;
    height: 20px;
    width: 100%;

}

.linea-tit{

    border: 1px dashed #ababab;

    border-image: url(../img/linee.png);

    border-image-slice: 2;

    border-image-repeat: round;

    display: block;

    padding: 10px;

    color: #fff;


}

.modal-inicio .modal-dialog {

    width: auto !important;
    /* margin-top: 5%; */
    padding-top: 1%;

}

.modal-inicio .modal-content {

    -webkit-box-shadow: 0 0 0;

    box-shadow: 0 0 0;

    background-color: transparent;

    border: 0px solid #999;

}

.modal-inicio .close {

    z-index: 999;

    position: absolute;

    right: 24px;

    top: -30px;

    background: transparent;

    font-size: 60px;

    opacity: 1;

    color: #fff;

    text-shadow: none;

    font-weight: 100;

    font-family: 'Swis721WGL4BT';

    transition: all 0.4s ease;

}
.modal-inicio .close:hover {
    color: #d6a70e;
    outline: 0 !important;
}

.img-pop {

    display: inline-block;

    text-align: center;

}

.img-pop img{

    display: block;

    margin: 0 auto;

    height: auto;

}
#modal-home #demo3{
    padding: 2% 5%;
}

.link-admin{
    padding-right: 2%;
    position: absolute;
    right: 0;
    text-transform: none;
}
.logo-top{
    max-height: 80px;
    padding-right: 2%;
}
.div-redes a{
    display: inline-block;
    position: relative;
}
.div-redes a img{
    height: 70px;
    padding: 5px;
}
.div-redes a span:before {
    padding: 5px;
    color: #000;
    font-size: 30px;
    transition: all 0.4s ease;
}
.div-redes a .icono-whatsapp:before{
    color: #08d60a !important;
}
.div-redes a .icono-facebook:before{
    color: #0860bf !important;
}
.div-redes a .icono-youtube:before{
    color: #e20000 !important;
}
.div-redes a .icono-twitter:before{
    color: #03a9f4 !important;
}
.div-redes a:hover span:before{
    text-shadow: 0px 0px 1px #000000;
}
.cont-fortaleza {
    display: table;
    width: 100%;
}
.grupo {
    width: 25%;
    display: inline-block;
}
.grupo {
    display: inline-block;
    vertical-align: middle;
    width: 33.3%;
    padding: 24px;
}
.circulo-qs {
    border: 0px solid #002969;
    /*border-radius: 50%;*/
    /*height: 40vh;
    width: 40vh;*/
    width: 100%;
    height: 418px;
    text-align: center;
    position: relative;
    display: table;
    overflow: hidden;
    transition: all 0.4s ease;
    /*background: rgba(27, 3, 84, 0.77);*/
    font-family: "bebasNeue";

}

.circulo-qs section {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    z-index: 1;
    position: relative;
}
.circulo-qs span {
    display: block;
}
.circulo-qs img {
    padding: 10px 5px;
    transition: all 0.5s ease;
    height: 200px;
    will-change: transform;
    transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -moz-transform: scale(0.8);
}

.circulo-qs h3 {
    position: relative;
    bottom: 0;
    display: inline-block;
    font-size: 32px;
    padding: 0 15px;
}
.circulo-qs h3 dd{
    font-size: 50px;
    font-weight: 700;
    display: inline-block;
    line-height: 0;
}
.circulo-qs h3 aside{
    font-size: 25px;
    font-weight: 700;
}
.circulo-qs section a{
    color: #fff;
    display: block;
    /*text-shadow: 1px 1px 8px #000;*/
    transition: all 0.4s ease;
    -o-transform: all 0.4s ease;
    -webkit-transform: all 0.4s ease;
    -ms-transform: all 0.4s ease;
    -moz-transform: all 0.4s ease;
}
.circulo-qs:before {
    content: '';
    display:block;
    background: rgb(95, 171, 95);
    /*mix-blend-mode: multiply;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.circulo-qs:hover img{
    transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    will-change: transform;
}
.circulo-qs:hover section a{   
    text-shadow: 1px 1px 4px #9c9c9c;
}
.circulo-qs:hover{
    box-shadow: 0px 0px 11px #000000;
}
.grupo-qs .circulo-qs h3 {
    position: relative;
    bottom: 20px;
}
.titulos-ic{
    display: table;
}
.titulos-ic span{
    display: inline-block;
    vertical-align: middle;
}
.titulos-ic span:before{
    font-size: 76px;
    color: #432e6d;
}
.titulos-ic h2{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    color: #271844;
    text-shadow: 2px 2px 8px #8a77af;
    font-size: 2em;
    font-weight: 700;
}
.tabla-iconos {
    display: table;
    width: 100%;
    margin: 0;
}
.tabla-iconos .lado-iqz {
    float: none;
    display: table-cell;
    vertical-align: middle;
    /*padding-left: 10%;*/
}
.tabla-iconos .lado-der {
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.tabla-iconos .lado-der a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}
.div-iconos {
    display: table;
    width: 100%;
    color: #fff;
    font-size: 1.3em;
    margin: 4% 0;
}
.efecto-raya {
    position: relative;
}
.efecto-raya:after {
    content: " ";
    position: absolute;
    bottom: 13%;
    left: 40px;
    z-index: 1;
    display: block;
    height: 4px;
    width: 0;
    background-color: #ffffff;
    transition: width .5s;
}
.div-iconos span {
    display: table-cell;
    vertical-align: middle;
}
.div-iconos span:before {
    font-size: 1em;
    /* border-radius: 50%; */
    /* border: 1px solid #fff; */
    padding: 15px;
    transition: all 0.5s ease;
}
.div-iconos p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}
.div-iconos img {
    height: 35px;
}
.efecto-raya:hover:after {
    width: 90%;
}
.efecto-raya:hover img{
    height: 40px;
}
.efecto-raya:hover{
    font-size: 22px;
}
.parallax-contain{
    background-size: contain;   
}
.titulo-ambar{
    font-size: 4em;
    color: #ffab00;
    font-weight: 700;
    text-align: center;
}
.titulo-ambar2{
    font-size: 1.6em;
    color: #ffbe00;
    font-weight: 700;
    text-align: center;
}
.form-home .form-control{
    background-color: rgba(255, 255, 255, 0.7);
    color: #000;
    border-radius: 0;
    border: 1px solid #b1b1b1;
}
.form-home .form-control::placeholder:{
    color: #616163;
}
.form-home .form-control:-ms-input-placeholder : { color: #616163; }
.form-home .form-control::-webkit-input-placeholder { color: #616163; }
.form-home .form-control::-moz-placeholder { color: #616163; }
.form-home label{
    color: #464646;
}
.btn-form{
    background-color: #ffab00;
    border-radius: 6px;
    font-size: 28px;
    padding: 3px 30px;
}
.aling-img{
    text-align: right;
}
.flecha-baja{
    padding: 0;
    border: none;
    text-align: center;
    margin: 0;
    top: -1px;
    position: relative;
    line-height: 100%;
    overflow: visible;
    margin-bottom: 60px;
    position: relative;
    z-index: -1;
}
.flecha-baja:after {
    color: #dd3d87;
    content: "&";
    display: inline-block;
    font-family: "fontello";
    font-size: 25em;
    padding: 0 40px;
    position: relative;
    text-shadow: 0 6px 0 rgba(0, 0, 0, 0.02);
}
.linea-negra{
    display: block;
    height: 4px;
    width: 100%;
    background: #000;
    margin:4% 2%;
}
.ic-cursos .efecto-zoom:hover .tit-arriba {
    background: rgba(0, 0, 0, 0.70);
    margin: 0;
    /*color: #fff;*/
}
.tit-mod h4{
    font-size: 2em;
    text-align: center;
    color: #696969;
    font-weight: 700;
    margin-bottom: 3%;
}
.a-logo{
    background: transparent !important;
}
.fondo-amarillo{
    background: #ffb200;
    padding: 8% 0;
}
.flecha-baja.am:after{
    color: #ffb200;
    background: #dadada;
    width: 100%;
    padding-bottom: 16%;
}
.flecha-baja.pl:after{
    color: #dadada;
}
.width-80{
    font-size: 1.3em;
    color: #fff;
    width: 80%;
    margin: 0 auto;
}
.flecha-baja.ros:after {
    color: #be2a5d;
}
.ic-cursos .categ-slide section h3 {
    color: #e60f5a;
    text-transform: uppercase;
    font-weight: 700;
}
.ic-cursos .categ-slide section h3 span:before{
    color: #e72463;
}
.img-zigzag{
    display: block;
    height: 30px;
}
.img-circulos{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0px;
    height: 30px;
}
.img-cepea{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 5px;
    height: 40px;
}
.titulo-duo{
    text-align: center;
    font-family: 'opensansB';
}
.titulo-duo h2{
    color: #e11519;
    font-size: 5rem;
}
.titulo-duo h2 span{
    color: #fff;
}
.listas{
    display: flex!important;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}
.listas li{
    flex: 0 1 auto;
    align-self: auto;
    min-width: 0;
    flex-grow: 1;
    color: #fff;
    list-style: none;
    font-size: 2.7rem;
    font-weight: 100;
    letter-spacing: 1px;
    position: relative;
}
.listas li:after{
    content: " ";
    display: block;
    position: absolute;
    width: 1px;
    background: #c5c8d6;
    top: 50%;
    margin-top: -13.5px;
    height: 27px;
    right: 38px;
}
.listas li:last-child:after{
    display: none;
}
.derechos{
    margin: 0;
    font-size: 26px;
    color: #dadada;
    text-align: center;
}
.titulo-duo2{
    /*text-align: center;*/
    font-family: 'nexaBlack';
    padding: 0% 0 1%;
}
.titulo-duo2 h2{
    color: rgba(133, 119, 78, 1);
    font-size: 5rem;
}
.titulo-duo2 h2 span{
    color: rgba(103, 103, 105, 1);
}
.btn-leer{
    border: 5px solid #ffed53;
    padding: 15px 5%;
    font-size: 38px;
    font-weight: 700;
    color: #ffed53;
    display: inline-block;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    letter-spacing: 3px;
}
.btn-leer:hover{
    /*border: 0;*/
    background: #ffed53;
    color: #333;
}

.card img{
    width: 100%;
}
.btn-vermas i{
    background: #fff;
    padding: 10px 20px;
    font-size: 21px;
    font-family: "euroStyle";
    font-style: normal;
    color: #000;
    letter-spacing: 2px;
}
.btn-vermas2 i{
    /*background: #fff;*/
    padding: 10px 20px;
    font-size: 21px;
    font-family: "euroStyle";
    font-style: normal;
    color: #fff;
    letter-spacing: 2px;
    border: 1px solid #fff;
}
.btn-vermas2 i b{
    vertical-align: middle;
    font-size: 14px;
}
.padd-col{
    padding: 4px;
}
.active a.scroll-link {
    color: #0d0c34 !important;
}
.active:after{
    width: 100%;
}

.fondo-fortaleza{
    padding: 5% 0;
    background-color: #333333;
}

.sin-efecto .imgsec{
    background-size: contain;
}
.sin-efecto.efecto-zoom:hover .mascaranegra {
    background: transparent;
}


img.logo-banner{
    /*width: 400px !important;
    height: auto !important;*/
}
.div-icono img{
    width: 30%;
    display: block;
    margin: 0 auto;
}
.div-icono a{
    display: block;
    color: #fff;
    text-align: center;
}
.modal-header{
    margin: 0;
    padding: 25px 15px;
    background: rgba(133, 119, 78, 1);
    border-radius: 8px 8px 0 0;
    color: #fff;
    text-align: center;
}
.modal-content{
    border-radius: 10px;
}
.sin-margen{
    margin: 0;
}
.mod-text{
    color: #676769;
}
.line1,.line2,.line3{
    width: 45px;
    height: 3px;
    background: #FFC107;
    display: block;
    /*position: absolute;*/
    top: 50%;
    left: 50%;
    margin-left: -0.5px;
    margin-top: -1.5px;
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;
}
.line1{
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
}
.line3{
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg);
}
.close:hover .line1{
    -webkit-transform: translate3d(0, 0, 0) rotate(38deg);
    transform: translate3d(0, 0, 0) rotate(38deg);
}
.close:hover .line3{
    -webkit-transform: translate3d(0, 0, 0) rotate(-38deg);
    transform: translate3d(0, 0, 0) rotate(-38deg);
}
.form-cuadrado{
    margin-top: 10%;
    margin-bottom: 20%;
}
.form-cuadrado .form-control{
    color: #002554;
    height: 40px;
    margin-bottom: 5%;
    border-radius: 0;
}
.form-cuadrado textarea.form-control {
    height: auto;
}
.form-cuadrado .form-control::placeholder:{
    color: #002554;
}
.form-cuadrado .form-control:-ms-input-placeholder : { color: #002554; }
.form-cuadrado .form-control::-webkit-input-placeholder { color: #002554; }
.form-cuadrado .form-control::-moz-placeholder { color: #002554; }
.btn-enviar{
    background: #85774e;
    border: 0;
    font-size: 25px;
    margin: 0 auto;
    display: block;
    padding: 15px 10%;
}

.rombo{
    position: relative;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 15px;
    /*font-family: 'nexa';*/
}
.rombo li{
    padding: 0px 1%;
    display: inline-block;
    position: relative;
}
.rombo li:first-child:before{
    display: none;
}
.rombo li a{
    color: #fff;
}
.rombo li:before {
    content: "";
    background: #fff;
    height: 5px;
    width: 1px;
    position: absolute;
    top: 0;
    left: 0;
    /* transform: rotate(50deg); */
    height: 100%;
}
.cuadro-fuera{
    float: right;
    z-index: 9;
    background: rgba(133, 119, 78, 0.88);
    margin-right: -42%;
    color: #fff;
    padding: 8% 10%;
    text-transform: uppercase;
    font-family: museoSans;
}
.sin-overflow{
    overflow: visible;
}
.cuadrodorado .seccionimg {
    width: 80%;
    height: 230px;
     background: #85774e; 
}
.cuadrodorado.efecto-zoom:hover .imgsec {
    transform: scale(0.94, 0.9);
}
.cuadrodorado.efecto-zoom:hover .cuadro-dorado{
    background: #85774e;
}
.cuadro-dorado{
    position: absolute;
    top: 17%;
    /* bottom: 0; */
    /* left: 0; */
    right: 0;
    background: rgba(133, 119, 78, 0.91);
    color: #fff;
    width: 50%;
    height: 150px;
    text-transform: uppercase;
    /*padding: 10% 6%;*/
    font-family: 'museoSans';
    text-align: center;
    font-size: 24px;
    margin: 0;
    vertical-align: middle;
    display: table;
}
.cuadro-dorado span{
    vertical-align: middle;
    display: table-cell;
}
/*paginas*/
.margen-top{
    margin-top: 7%;
}
.margen-bottom {
    margin-bottom: 7%;
}
.padding-arriba{
    padding-top: 5% !important;
}
.padding-abajo{
    padding-bottom: 5% !important;
}
.margen-top-form {
    margin-top: 7%;
}
.titulo-esp{
    margin-top: -45px;
    position: relative;
    z-index: 2;    
    display: block;
    text-align: center;
}
.titulo-esp h2{
    display: inline-block;
    border-bottom: 7px solid #d6a70e;
    background: #002554;
    color: #fff;
    font-size: 27px;
    padding: 30px 7%;
    margin: 0 0 13%;
}
.titulo-esp span:before{
    color: #d6a70e;
}
#trabaja{
    font-family: museoSans;
}
#trabaja .form-control{
    font-size: 16px;
    height: 45px;
    border: 0;
    background: #6d6d6d;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 0;
}
.margen-new{
    margin-bottom: 20px;
}
#trabaja textarea.form-control{
    height: auto;
}
#trabaja .form-control::placeholder:{
    color: #fff;
}

#trabaja .form-control:-ms-input-placeholder : { color: #fff; }

#trabaja .form-control::-webkit-input-placeholder { color: #fff; }

#trabaja .form-control::-moz-placeholder { color: #fff; }
#trabaja .form-control:focus{
    box-shadow: none;
}
#trabaja .carga-archivo-input{
    color: #fff;
    height: 45px;
    vertical-align: middle;
    background: #6d6d6d;
    font-size: 20px;
    border: 0;
}
#trabaja .carga-archivo-filename{
    border-radius: 8px 0px 0px 8px;
}
#trabaja .grupo{
    width: 100%;
    display: block;
    padding: 0;
}
#trabaja .inpp{
    display: block;
    width: 100%;
}
#trabaja .btn-file{
    padding: 0;
    padding-right: 12px;
    background-color: #6d6d6d;
    border-color: #6d6d6d;
    border-radius: 8px 0px 0px 8px;
}

.btn-postular{
    background: #85774e;
    padding: 10px 30px;
    font-size: 24px;
    color: #fff;
    border: 0;
    margin-top: 5%;
}
.btn-postular:hover, .btn-postular:focus{
    background: #000;
    color: #fff;
}


.texto-left{
    display: block !important;
}
.texto-left.img-pop img{
    float: left;
}
.texto-right{
    display: block !important;
}
.texto-right.img-pop img{
    float: right;
}
/*#owl-demo3 .items a{
    display: flex;
}*/
.titulo-linea{
    font-family: 'nexaBlack';
    position: relative;
}
.titulo-linea h1{
    font-size: 7rem;
    padding-top: 14px;
    line-height: 1;
    padding-left: 8px;

}
.titulo-linea:before{
    content: '';
    background: #fff;
    height: 100%;
    width: 2px;
    position: absolute;
    left: 0;
    top: 0;
}
.titulo-linea.linea-dere{
    text-align: right;
    padding-right: 8px;
}
.titulo-linea.linea-dere:before{
    right: 0;
    left: auto;
}
.table-row {
    display: table;
    position: relative;
    width: auto;
}
.padd-left{
    padding-left: 5%;
}
.padd-right{
    padding-right: 5%;
}
.img-left{
    left: -15px;
    position: relative;
}
.img-right{
    right: -15px;
    position: relative;
}
.texto-blanco{
    font-size: 2rem;
}
.cont-certificado{
    display: table;
    width: 100%;
    text-align: center;
}
.cont-certificado a{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}
.cont-certificado a img{
    max-height: 120px;
}
.fondo-rojo{
    background: #fb0029;
    color: #fff;
    padding: 15px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-content: center;
    align-items: center;
}
.fondo-rojo a{
    color: #fff;
    flex: 0 1 auto;
    align-self: auto;
    min-width: 0;
    flex-grow: 1;
    font-size: 2.4rem;
    text-align: center;
}
.fondo-rojo a span{
    vertical-align: middle;
    display: inline-block;
}
.fondo-rojo a span:before{
    font-size: 30px;
}
.titulo-blanco{
    font-family: 'opensansB';
    color: #fff;
}
.border-right{
    border-right: 1px solid #fff;
}
.form-sus{
    width: 60%;
}
.texto-rojo{
    color: #e11519;
}
.titulos-plomo{
    color: #5f5f5f;
    font-family: 'opensansB';
}
.text-dp ul{
    padding:0;
}
hr {
    margin-top: 10px;
    border-top: 1px solid #b3b3b3;
}
.telefono{
    color: #fff;
    float: right;
    margin-right: 5%;
    font-size: 24px;
}
.telefono span:before{
    font-size: 25px;
}
.tit-linea{
    color: #737373;
    font-size: 20px;
    border-bottom: 1px solid #737373;
}
.texto-linea{
    color: #7b7773;
    font-size: 15px;
    display: block;
    padding: 8px 0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}
.texto-linea:hover, .texto-linea:focus{
    color: #e11519;
}
/*#demo .owl-carousel .icono-next {
    margin-right: 0;
}
#demo .owl-carousel .icono-prev {
    margin-left: 0;
}*/
.owl-carousel .img-logos {

}
.owl-carousel .img-logos img{
    height: 60px;
    width: auto !important;
    display: initial !important;
   /* -webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
    transition: all 0.4s ease;
    will-change: transition;
    cursor: pointer;
    max-width: 90%;
}

/* MEDIA QUERYS */

@media(min-width: 1200px){

    .col-lg-2-5{

        width: 20%;

        float: left;    

    }

}

@media(min-width: 992px){

    .col-md-2-5{

        width: 20%;

        float: left;    

    }



    .margnc .col-md-1, .margnc .col-md-2, .margnc .col-md-3, .margnc .col-md-4, .margnc .col-md-5, .margnc .col-md-6, .margnc .col-md-7, .margnc .col-md-8, .margnc .col-md-9, .margnc .col-md-10, .margnc .col-md-11, .margnc .col-md-12 {



        float: none;



        display: inline-block;



        vertical-align: top;



    }



    .overflow.text-center {



        /*text-align: left;*/



        overflow: visible;



    }



    .detcurso.col-md-4 {



        width: 33%;



    }

    .pad-col {

        padding: 30px 8% 20px 8%;

    }







    .dropdown-menu{

        background-color: #f5f5f5;

    }

    .dropdown-menu > li > div > a {

        color: #545454;

        cursor: pointer;

        display: block;

        font-family: 'FrankD';

        text-transform: uppercase;

    }

    .dropdown-menu > li:hover > div > a, .dropdown-menu > li:focus > div > a {

        color: #ffffff;

        background-color: #889c34;

    }

    .dropdown-menu > li.active > div > a{

        color: #ffffff;

        background-color: #889c34;

    }

    .dropdown-menu li.active span{

        color: #770000;

    }







    .dropdown-menu.menu-drop2  > li  > a{

        padding: 12px 10px;

        white-space: normal;

        font-size: 15px;

        color: #545454;

    }

    .dropdown-menu.menu-drop2  > li:hover  > a, .dropdown-menu.menu-drop2  > li:focus  > a{

        color: #fff;

        background: #770000 !important;

    }



    .dropdown-menu.menu-drop2 > li.active > a{

        color: #fff;

        background: #7e919d;

    }

    /*.navbar-inverse .navbar-nav > li > a{

        height: 100%;

        display: table;

        width: 100%;

        text-align: center;

    }*/

    /*.navbar-inverse .navbar-nav > li > a span{

        display: table-cell;

        vertical-align: middle;

    }*/

    /*menu cirrcular*/
    .logo-fot{
        height: 50px;
    }

}



@media(min-width: 767px){

    .col-sm-2-5{

        width: 20%;

        float: left;

    }

    .cont-cab{

        display: table-cell;

        vertical-align: middle;

        /*width: 25%;*/
        width: 30%;

        text-align: left;

    }

    .div-logo img {

        /*max-height: 140px;  */

        max-height: 80; 

        /*padding-top: 10px;*/

        /*padding-bottom: 10px;*/

        /*margin-top: -26px;*/

        /*position: absolute;*/

        top: 0;

        left: 0;
        max-height: 100px;
        transition: max-height 0.4s ease;
        padding: 20px;
        margin-left: 6%;
    }





    .div-logo {

        display: initial;

    }

    .modal-lg{

        margin: 20px auto;
        padding-top: 8%;

    }



    /* efecto cabecera*/
    .login{
        display: none !important;
    }
    .menu-on{

        background: #fff;

        padding-bottom: 0%;

        box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.49);
        position: fixed;
        top: 0;
    }

    .menu-on .icc{
        display:none;
    }
    .menu-on .login{
        display:block !important;
    }
    .menu-of{

        /*background-image: linear-gradient(to bottom, hsl(0, 0%, 100%), rgba(255, 255, 255, 0.92));*/

        /*padding-bottom: 5%;*/
        background: rgba(255, 255, 255, 0.88);
        position: absolute;
        background-image: none;

    }

    .menu-of .navbar-inverse .navbar-nav > li > a{

        color: #ffffff;

    }

    .menu-of .dropdown-submenu>a:after, .dropdown>a:after{

        border-left-color: #fff ;

    }

    .menu-of .iconos-nav span{

        color: #ffffff;

    }

    .menu-of .iconos-nav span{

        color: #ffffff;

    }

    .menu-of .iconolast span{

        color: #ffffff;

    }

    .menu-of .div-logo img {

        max-height: 100px;
        transition: max-height 0.4s ease;
        padding: 21px;
        padding-left: 40px;

    }
    .menu-off .icc{
        display: inline-block;
    }
    .menu-off .login{
        display: none !important;
    }

    .menu-on .navbar-inverse .navbar-nav > li > a{

        color: #0e1b63;

    }

    .menu-on .dropdown-submenu>a:after, .dropdown>a:after{

        border-left-color: #0e1b63;

    }

    .menu-on .navbar-inverse .navbar-nav > li.active > a {

        background: #2276b9;

        color: #fff;

    }

    .menu-on .iconos-nav span{

        color: #0e1b63;

    }

    .menu-on .iconos-nav span{

        color: #0e1b63;

    }

    .menu-on .iconolast span{

        color: #0e1b63;

    }

    .menu-on .div-logo img {
        /*max-height: 70px;
        padding: 10px;
        padding-left: 40px;*/
        transition: max-height 0.4s ease;

    }
    .menu-on .navbar-inverse .navbar-nav > li > div > a {
        color: #01032a;
    }
    .menu-on .navbar-inverse .navbar-nav > li.active > div > a{
        color: #1383dc;
    }
    .menu-on #mainNav li:after{
        background: #85774e;
    }
    .menu-on .navbar-nav{
        border-bottom: 0;
    }
    .pad-nav{

        padding: 22px 17px !important;

    }

    .pad-navof{

        padding: 40px 15px 17px !important;

    }

    /*fin efecto cabecera*/



    /*.container-fluid{

        padding: 0 3%;

    }*/

    .paddin-top{

        padding-top: 7%;

    }







}



/*@media(min-width: 767px) and (max-width:991px){

    .navbar-nav > li {

        height: 95px;

        width: 95px;

        margin: 0px 25px !important;

    }

    .navbar-nav > li a:after{

        top: -7px;

        left: -7px;

    }

    .navbar-inverse .navbar-nav > li.active:before{

        top: -14px;

        left: -14px;

    }

    .navbar-inverse .navbar-nav > li:hover:before{

        top: -14px;

        left: -14px;

    }

}*/



@media(max-width: 1310px){

    .navbar-nav > li{

        /*margin: 0px 50px;*/

        /*margin: 0px 2em;*/

    }

    .text-logo {

        right: -100%;

        left: 96%;

        bottom: -2px;

    }

    .div-logo img {

        padding-left: 40px;

    }

    .circulo-qs{
        /*height: 30vh;
        width: 30vh;*/
        /*width: 250px;
        height: 250px;*/
    }

}

@media(max-width: 1200px){



    .div-qs {



        width: 28%;



    }



    .seccionimg {



        width: initial;



        height: 300px;



    }



    .div-noti {



        width: 33%;



    }



    .hojablanca img{



        width: auto !important;



        height: auto !important;



        max-width: 100%;



    }

    .ancho-tabla {

        width: 100%;

        display: inline-block;

        vertical-align: top;

    }
    .grupo {
        width: 33%;
    }


}



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



    .nav > li > a {



        padding: 13px 13px 10px 13px;



    }



}

@media(max-width: 1050px){

    .navbar-nav > li {

        /*margin: 0px 0px;*/

    }
    .navbar-inverse .navbar-nav > li > div > a{
        font-size: 15px;
    }
    .padd-col {
        padding: 10px;
    }
    .cuadro-dorado{
        font-size: 15px;
    }

    .text-logo {

        right: -100%;

        left: 82%;

        bottom: -8px;

        font-size: 11px;

    }

    .div-logo img {

        padding-left: 10px;

        max-height: 78px;

    }

    #txtTA05 {

        left: auto;

        right: 625px;

    }

    #lineTA05 {

        right: 610px;

    }

    #txtTA04 {

        left: auto;

        right: 692px;

        /*top: 648px;*/

        bottom: -59px;

    }

    #lineTA04 {

        right: 675px;

        bottom: -52px;

    }

    #txtTA03{

        left: 645px;

    }

    #lineTA03 {

        left: 630px;

    }

    #txtTA02{

        left: 720px;

        /*top: 708px;*/

        bottom: -116px;

    }

    #lineTA02{

        left: 700px;

        bottom: -38px;

    }

    .div-cate{

        margin: 25px 29px;

    }

    .div-cate .btn-ver {

        position: relative;

        bottom: 0;

        margin-top: 8px;

    }

}

@media(max-width: 991px){


    .servicio-tit h2 {



        font-size: 1.5em;



        padding-bottom: 12px;



    }

    .servicio-tit .icono-engranaje:before,



    .noticia-tit .icono-engranaje:before {



        font-size: 15px;



    }



    .marg-cont strong {



        font-size: 0.85em;



    }



    .texto-pag {



        font-size: 21px;



    }



    .divco{



        padding: 10px;



        height: 170px;



        font-size: 12px;



    }



    .div-conten img {



        height: 170px;



    }



    .div-conten {



        height: 170px;



    }



    .form-horizontal .control-label {



        font-weight: 600;



        font-size: 13px;



    }



    .form-control {



        height: 30px;



        padding: 6px 6px;



    }



    .tit-prod{



        font-size: 24px;



    }



    .div-qs {



        width: 29%;



        margin: 15px 13px;



    }



    .div-noti {



        width: 50%;



    }

    .divic{

        margin-top: 5%;

    }

    .tabla-row2{

        display: table;

        width: 100%;

        position: relative;

    }

    .proydiv {

        /*padding: 0;*/

        float: none;

        /* width: 100%; */

        display: inline-block;

        vertical-align: middle;

    }

    .pag-contact aside {

        width: 100%;

        display: block;

    }

    .pag-contact article {

        width: 100%;

        display: block;

    }



    .menu {

        background: #fafafa !important;

        position: relative;

        padding: 0px 0;

    }
    .menu-on .div-logo img {
        max-height: 80px;
    }

    .top-cab {



        position: relative;

        /*background: black;*/

    }

    .cont-cab {

        display: table;

        width: 100%;

    }

    .header_box .navbar-header {

        display: table-cell;

        vertical-align: middle;

        text-align: center;

        float: none;
        background: #fafafa;
        border-right: 1px solid rgba(241, 241, 241, 0.49);
    }

    .header_box .navbar-toggle {

        z-index: 9999;

        margin: 0;

        float: none;

    }

    .header_box .navbar-toggle .icon-bar {

        background: #03032d;

    }

    .header_box .icon-bar + .icon-bar {

        background: #03032d;

    }

    .div-logo {

        display: table-cell;

        vertical-align: middle;

        background: #fafafa;

        text-align: center;

    }

    .menu-circular {

        position: relative;

        z-index: 99999;

    }

    .navbar-inverse {

        /*background-color: rgba(34, 34, 34, 0);*/

        border-color: #002554;


        min-height: 0;

        border: 0;

        display: block;

        vertical-align: middle;

        width: 100%;
        background: #002554;
        min-height: 0;

    }

    .navbar-inverse .navbar-nav > li > div > a:hover, .navbar-inverse .navbar-nav > li > div > a:focus {

        color: #1b8add;

    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

        border-color: #121a1d;

    }

    .navbar-nav > li {

        padding-bottom: 0;

        margin-left: 0;

    }

    .navbar-nav > li {

        float: none;

        margin: 0px;

    }

    .img-line{

        display: none;

    }

    .navbar-nav {

        float: none;
        margin: 0 -15px;

    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {

        color: #000000;

        font-weight: 700;

        background-color: #ffffff;

    }

    .navbar-inverse .navbar-nav > li > a {

        border-radius: 0;

        padding: 15px 10px !important;

        color: #f0f0f0;

    }

    .titcontt {

        top: 5px;

        line-height: 40px !important;

    }



    .divicol {

        margin-top: 5%;

    }

    .grupo-buscar {

        width: 100%;

        position: relative;

        margin-right: 0;

    }

    .div-ben{

        width: 43%;

    }



    .link-menu {

        display: inline-flex;

        width: 100%;

    }

    .link-menu a:first-child {

        display: table-cell !important;

        width: 100%;

        /*padding-left: 10px;*/

        /*color: #f1f1f1 !important;*/

        background: transparent;

        padding: 18px;

    }

    .link-menu button {

        display: table-cell !important;

        /*width: 60px;*/

        background: transparent;

        border: 0;

        outline: 0;

        vertical-align: middle;

        padding: 15px 25px;

        /*height: 100%;*/

        position: relative;

    }

    .link-menu button.dropdown-toggle:after {

        display: block;

        content: " ";

        float: right;

        width: 0;

        height: 0;

        border-color: transparent;

        border-style: solid;

        border-width: 4px 0 4px 4px;

        border-left-color: white;

        margin-top: 6px;

        margin-right: 15px;

    }

    .link-menu.open{

        background: #004e9c;

    }

    .navbar-inverse .navbar-nav > .active > div > a, .navbar-inverse .navbar-nav > .active > div > a:hover, .navbar-inverse .navbar-nav > .active > div  > a:focus {

        color: #fff !important;
        font-weight: 100;
        background-color: #b7b7b7;

        border-radius: 4px;

        border-radius: 0;



    }

    .navbar-inverse .navbar-nav > .active > div.link-menu > button{

        background: #b7b7b7;

        padding: 30px;



    }



    .dropdown-menu span:before {

        font-size: 25px;

        margin-right: 15px;

    }

    .img-menu {

        height: 85px;

        margin-right: 15px;

    }

    .navbar-nav .open .dropdown-menu {

        position: static;

        float: none;

        width: auto;

        margin-top: 0;

        background-color: transparent;

        border: 0;

        -webkit-box-shadow: none;

        box-shadow: none;

    }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

        background-color: #263340;

        border-color: #263340;

    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {

        padding: 15px 40px !important;

    }

    .navbar-nav .open .dropdown-menu > li > a {

        line-height: 20px;

    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {

        color: #3890d6;

        background: #ffffff;

        font-weight: bold;

    }

    .dropdown.open > .link-menu{

        background: #263340;

    }



    .dropdown.open .link-menu > a{

        color: #fff;

    }

    .dropdown-submenu.open > .link-menu{

        background: #263340;

    }

    .dropdown-submenu.open > .link-menu >a{

        background-color: #263340;

    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {

        color: #ffffff;

        background: #263340;

        font-weight: bold;

    }

    .banner-int {

        height: auto;

    }

    .indicator {

        width: 100%;

        margin-top: -5%;

        top: 0;

        position: relative;

    }

    .indicator h3{

        text-align: left;

        font-size: 24px;

    }

    .div-teprinc {

        position: relative;

        margin-bottom: 5px;

    }

    .div-imgprin {

        position: relative;

        width: 100%;

        /* width: 50%; */

        float: left;

    }

    .img-prin {

        margin: 0rem auto 3rem;

    }

    .spanleft{

        background: #c4ae49;

        color: #fff;

        padding: 10px;

        display: table-cell;

        vertical-align: middle;

        display: block;

    }

    .txtTAcontainer{

        position: relative;

        left: auto!important;

        top: auto!important;

        bottom: auto !important;

        padding: 0;

        padding: 1rem 0;

        right: auto!important;

        text-align: left !important;

        width: auto !important;

        float: none;

        transform: translate(0,0);

        -webkit-transform: translate(0,0);

        -moz-transform: translate(0,0);

        -o-transform: translate(0,0);

        -ms-transform: translate(0,0);

        display: table-cell !important;

        padding-left: 8px;

        opacity: 1;

    }

    .lineTA {

        display: none !important;

    }

    .text-logo {

        right: 0;

        left: 0;

        bottom: 0;

        font-size: 11px;

        position: relative;

    }

    .tabla-col {

        display: block;

        vertical-align: middle;

        float: left;

    }

    .tabla-row {

        display: block;

        position: relative;

        width: auto;

    }

    .raya-abajo:before {

        bottom: 0;

        left: 0;

    }

    .icono-producto {

        bottom: 50%;

        right: 3%;

        top: auto;

        z-index: 99;

    }

    .icono-producto:before {

        font-size: 35px !important;

    }

    .tabla-scroll{

        overflow: auto !important;

        overflow-x: scroll !important;

    }

    .grupo-buscar .form-control{

        border-bottom: 1px solid #ffffff;

        background: white;

    }

    .prod-img img {

        max-height: inherit;

        width: 100%;

    }

    .div-cate {

        margin: 25px 8px;

        width: 100%;

    }
    .grupo {
        width: 50%;
    }

    .menu2 li:first-child{
        border-bottom: 1px solid #c7c7c7;
        padding: 20px;
        color: #c7c7c7;
    }
    .menu2 li a{
        padding: 15px 20px !important;
        color: #ffffff;
        font-size: 14px;
        font-family: DINR;
    }
    .menu2 a{
        display: inline-block;
        padding: 8px 20px;
    }
    .menu2 span:before {
        font-size: 28px;
        color: #fff;
    }
    .redes-menu li:first-child{
        border-bottom: 1px solid #7b5cc1;
        padding: 11px;
        color: #8262ca;
    }
    .redes-menu a{
        display: inline-block;
        padding: 10px;
        color: #fff;
    }
    .redes-menu a .icono-facebook:before{
        color: #0078d0;
    }
    .redes-menu a .icono-youtube:before{
        color: #ff2121;
    }
    .redes-menu a .icono-twitter:before{
        color: #0997ff;
    }
    .redes-menu a .icono-whatsapp:before{
        color: #7cb342;
    }
    .navbar-inverse .navbar-nav > li > div > a{
        font-size: 16px;
        letter-spacing: 0px;
    }
    .titulo-duo2 h2 {
        font-size: 3rem;
    }
    .div-text {
        font-size: 1.5em;
    }
    .logo-fot{
        height: 55px;
    }
    .titulo-esp {
        margin-top: 0;
        margin: 0 -15px;
    }
    .titulo-esp h2{
        font-size: 20px;
        display: block;
    }
    .tabla-iconos {
        display: block;
    }
    .tabla-iconos .lado-iqz {
        display: block;
        float: left;
    }
    .tabla-iconos .lado-der {
        float: left;
        display: block;
    }
    .centrar-politica .cont-eq {
        display: block;
        padding: 0% 0%;
        height: auto;
    }
    .div-imgpol {
        height: 55vh;
        width: 100%;
        display: block;
        float: none !important;
    }
    .centrar-politica .text-eq {
        display: block;
        width: 100%;
        float: none !important;
    }
    /* menu */
    .navbar {



        border: 0px solid transparent;



    }



    .navbar-inverse {



        background-color: rgba(34, 34, 34, 0);



        border-color: rgba(8, 8, 8, 0);



        background: #013d6e;

        min-height: 0;

    }



    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {



        background-color: #3980bf;



    }



    .navbar-inverse .navbar-toggle {



        border-color: #4f8fc8;



    }



    .navbar-inverse .navbar-toggle .icon-bar {



        background-color: #fff;



    }



    .navbar-inverse .navbar-nav > li > a{



        border-radius: 0;



        padding: 15px 20px !important;

        font-size: 16px;

        color: #f0f0f0;



    }



    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {



        color: #02A3BA;



        background-color: #FFFFFF;







    }



    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {

        color: #ffffff;

        background: #263340;

        font-weight: bold;

    }



    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {



        color: #000000;



        font-weight: 700;



        background-color: #f0f0f0;



    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {

        color: #000000;

        font-weight: 700;

        background-color: #ffffff;

    }



    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {

        color: #000000;

        background-color: #f0f0f0;

    }





    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {



        padding: 15px 20px !important;



    }



    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {



        color: #FFFFFF;



    }



    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {



        border-color: #f5f5f5;



    }
    /* fin menu */

}
/*fin 991px*/






@media(max-width: 767px){
    .fancybox-title.fancybox-title-inside-wrap{
        background: #002554;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        padding: 10px 10px;
        font-size: 17px;
    }
    .fancybox-skin{
        background: transparent;
    }
    #iframe{
        margin-top: 9%;
    }
    #contacto {
        margin-bottom: 0;
    }
    .sin-padding-cel{
        padding: 0;
    }
    .menu-on .div-logo img {
        max-height: 80px;
    }
    .div-logo img {
        max-height: 65px;
        padding: 10px 0;
        max-width: 280px;
    }
    .logo-fot{
        height: 45px;
    }
    #demo .owl-nav {
        position: absolute;
        /*top: -70px;*/
        top: 50%;
        left: 8px;
        right: 8px;
    }
    #owl-demo .icono-next {
        right: 6px;
        padding: 0px;
    }
    #owl-demo .icono-prev {
        left: 6px;
        padding: 0px;
    }

    /*.seccionimg {
        height: 245px;
    }*/



    .menu {



        padding: 0px 0;



    }



    .padding-cel{



        padding: 0;



    }



    h2, h1, h3{



        font-size: 20px;



    }



    



    .servicio-tit{



        /*background: linear-gradient( 180deg, #003769, #0BB5FF );*/



        padding: 1.5% 0;



        height: auto;



    }



    .div-serv {



        display: block;



        width: 100%;



    }



    .noticia-tit{



        padding: 2% 0;



        height: auto;



    }



    .servicio-tit h2,



    .noticia-tit h2{



        font-size: 1.3em;



        padding-bottom: 0px;



    }



    .servicio-tit .icono-engranaje:before,



    .noticia-tit .icono-engranaje:before{



        font-size: 12px;



    }



    #demo3{



        padding: 1% 0% 0px;



    }



    .centro{



        text-align: center;



    }











    .titulos-pie{



        text-align: center;



    }



    .texto-left{
        text-align: center;
        display: inline-block !important;

    }
    .texto-left.img-pop img{
        float: none;
    }


    .texto-right{
        text-align: center;
        display: inline-block !important;
    }
    .texto-right.img-pop img{
        float: none;
    }



    label{



        text-align: right;



    }



    .marg-cont{



        padding: 0 5%;



    }



    .mapa-contacto #contact-us-map {



        height: 300px;



    }



    .mapa-contacto .section-map {



        height: 300px;



    }



    .titulos-pie {



        font-size: 17px;



        text-align: left;



    }



    .color-fondo-pie {



        font-size: 10px;



    }



    .cont-pag .form-horizontal .control-label {



        font-size: 12px;



        text-align: left;



        padding: 1px 3px 1px 8px;



    }



    p{



        /*font-size: 14px;*/



    }



    .wrap p, .wrap a {



        font-size: 12px;



    }



    .img-cli img{



        transition: all 0.5s ease;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        cursor: pointer;



        opacity: 1;



        transform: scale(1);

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -o-transform: scale(1);

        -ms-transform: scale(1);





    }



    .wrap-carru:hover img{



        transform: initial;



    }



    .img-cli {



        width: 200px;



        float: initial; 



        margin: 0 auto;



    }



    .color-fondo-pie p {



        text-align: lef;



    }







    .cont-pag p {



        font-size: 13px;



    }



    .texto-pag {



        font-size: 18px;



    }







    .div-conten {



        height: auto;



        overflow: visible;



    }



    .div-conten img {



        height: auto;



    }



    .divco{



        height: auto;



    }







    /*/*/



    .header_box {



        display: block;



    }



    .div-logo {



        /*display: block;*/



        text-align: center;



    }



    .fondo-plomo p {



        font-size: 1em;



        width: 100%;



        margin: 0;



    }



    .textop {



        font-size: 1em;



        width: 100%;



        margin: 6% auto 6%;



        text-align: justify;



    }



    blockquote{



        padding: 0;



    }



    .titulos:after {



        width: 20%;



    }



    .fondo-negro{



        padding: 4% 0;



    }



    .fondo-negro p {



        font-size: 1.04em;



        width: 97%;



        margin: 4% auto 2%;



    }



    .cont-conoce p {



        font-size: small;



    }



    .texto-p1 {



        width: 100%;



    }



    .centrar-politica .cont-eq {



        display: block;



        padding: 0% 0%;
        height: auto;


    }



    .div-imgpol {



        height: 55vh;



        width: 100%;



        display: block;



        float: none !important;



    }



    .centrar-politica .text-eq {



        display: block;



        width: 100%;



        float: none !important;



    }



    .fondo-blanco {



        background: white;



        padding: 12% 0%;



        width: 100%;



    }



    .titulos {



        margin: 2% 0 2%;



    }

    .fondo-divs{

        padding-top: 5%;

    }

    .fondo-divs .container {

        margin-top: 0;

    }

    .cont-link {

        width: 100%;

        margin-bottom: 5%;

    }

    .tit-rayadob:before{

        width: 26%;

    }

    .tit-rayadob-libre:before{

        top: 10px;

        width: 26%;

    }

    .tit-rayadob-libre:after{

        height: 200%;

        top: -37px;

    }

    .tabla-row {

        display: block;

    }

    .tabla-col {

        display: block;

        float: left;

    }

    .raya-der:after{

        right: 4px;

        top: 4px;

    }

    .raya-der:before{

        right: 4px;

        top: 4px;

    }

    .raya-izq:before{

        left: 4px;

        bottom: 4px;

    }

    .raya-izq:after{

        left: 4px;

        bottom: 4px;

    }

    .fondo-contac{

        text-align: center;

    }

    .centrado3{

        top: 30%;

        margin-left: 0;

        font-size: 39px;

        width: 100%;

    }

    .img img{

        float: none!important;

        height: auto !important;

        width: 100% !important;

        margin: 0!important;

    }

    .img-line{

        display: none;

    }

    .contenedor-absoluta {

        position: relative;

    }

    .contenedor-absoluta section {

        width: 100%;

        float: none;

    }

    .texto-n {

        width: 100%;

    }

    .contenido-pagina {

        position: relative;

        top: 0;

    }

    .seccion-banner{

        /*height: 40vh !important; */

    }

    .menu-circular {

        position: relative;

    }

    .titulos3{

        left: 15px;

        right: auto;

    }

    .pag-contact aside {

        width: 100%;

        display: block;

    }

    .pag-contact article {

        width: 100%;

        display: block;

    }

    #form{

        margin-bottom: 25px;

    }

    .tabla-row2{

        display: block;

        width: auto;

        position: relative;

    }

    .proydiv {

        padding: 0;

        float: left;

        /* width: 100%; */

        display: block;

        vertical-align: middle;

    }

    .top-cab{

        /*display: none;*/

    }

    .tit-form h4{

        font-size: 13px;

    }



    .div-ben {

        display: block;

        width: 100%;

        margin: 10px 0;

    }

    .div-cate{

        width: 100%;

        margin: 5px 0px;

    }

    .div-cate h3{

        font-size: 15px;

    }

    .prod-text aside{

        min-height: auto;

    }

    .contenedor-listas article {

        width: 100%;

    }

    .fondo-inicio article {

        width: 100%;

    }

    #tabs{

        width: 100%;

        margin-bottom: 4%;

    }

    #content {

        width: 100%;

        margin-left: 0;

    }

    #tabs li#current a:before {

        opacity: 0;

    }

    #tabs li {

        margin: 5px 6px;

        width: 47%;

    }

    .imghome {

        position: relative;

        bottom: 0;

    }
    #owl-demo3{
        padding: 0 8%;
    }
    .owl-carousel .icono-prev {

        /*margin-left: 0;
        top: 25%;*/
        /*margin-left: -15px;*/
        top: 0;
    }

    .owl-carousel .icono-next {

        /*margin-right: 0;
        top: 25%;*/
        /*margin-right: -15px;*/
        top: 0;
    }

    .modal-inicio .close {

        top: 0;

    }

    .img-pop{

        padding: 20% 0%;

    }
    .modal-inicio .owl-carousel .icono-next {
        margin-right: -50px;
        top: 40%;
    }
    .modal-inicio .owl-carousel .icono-prev {
        margin-left: -50px;
        top: 40%;
    }

    .img-pop img{
        width: 100% !important;
        height: auto !important;

    }
    .tabla-iconos {
        display: block;
        width: auto;
    }
    .tabla-iconos .lado-iqz {
        float: left;
        display: block;
        padding-left: 0;
        text-align: center;
    }
    .tabla-iconos .lado-der {
        float: left;
        display: block;
        background: #dd3d87;
    }
    .tabla-iconos .lado-der a {
        display: table;
        width: 100%;
        padding: 12px 3%;
        margin: 0 0 4px;
    }
    .div-iconos {
        display: table;
        width: auto;
        color: #fff;
        font-size: 1.3em;
        margin: 2% 0;
    }
    .aling-img {
        text-align: center;
    }
    .titulo-ambar {
        font-size: 2em;
    }
    .titulo-ambar2 {
        font-size: 1.1em;
    }
    .tab#tabs li {
        width: 21.5%;
        margin: 0px 6px;
    }
    .tab#tabs li a {
        font-size: 1em;
    }
    .tab#tabs li a img {
        height: auto !important;
    }
    .tab#tabs ul {
        padding: 0;
    }
    .tab#tabs ul:before{
        left: 48%;
    }
    .modal-marca .modal-content{
        margin-top: 15%;
        /*padding: 15px;*/
    }
    .pad-col {
        padding: 20px 10%;
    }
    .modal-marca .close {
        right: 0;
        top: -60px;
    }
    .titulo-duo2 h2 {
        font-size: 2rem;
        line-height: 32px;
        word-break: break-all;
        margin: 0;
    }
    .div-text {
        font-size: 1em;
        width: auto;
        text-align: justify;
    }
    .btn-leer {
        font-size: 24px;
    }
    .titulo-duo h2 {
        font-size: 3rem;
    }
    .menu-on{
        position: fixed;
        top: 0;
    }
    img.logo-banner {
        width: 100% !important;
        height: auto !important;
    }
    .rev_column_inner, .rev_slider .tp-caption.rev_row{
        padding: 0 !important;
    }
    .cuadrodorado .seccionimg {
        width: 100%;
    }
    .cuadro-dorado{
        font-size: 18px;
    }
    .margen-top-form {
        margin-top: 0px;
    }
    .titulos h1 {
        font-size: 24px;
    }
    .titulo-linea h1 {
        font-size: 3rem;
        padding-top: 8px;
    }
    .titulos h3{
        margin-top: 0;
        font-size: 18px;
    }
    .img-right {
        right: 0;
        margin: 10px 0;
    }
    .img-left {
        left: 0;
        margin: 10px 0;
    }
    .fondo-negro p {
        font-size: 1em;
        width: auto;
        text-align: justify;
    }
    .fondo-rojo{
        text-align: center;
        display: block;
    }
    .fondo-rojo a{
        font-size: 1em;
        margin: 7px;
        display: block;
    }
    .fondo-rojo a span:before {
        font-size: 24px;
    }
    .form-sus {
        width: 100%;
    }
    #demo2 {
        padding: 0;
    }
    .cont-certificado a img {
        max-height: 100px;
    }
    #correosus{
        width: 100%;
    }
    .margin-cel{
        margin: 0;
    }
    .fondo-pie{
        padding: 1% 15px;
    }
    .fondo-pie a{
        padding: 5px 0;
        display: block;
    }
    .redes a{
        display: inline-block;
    }
    .titulos h2{
        font-size: 2rem;
    }
    .img-pie {
        width: 100px;
    }
    .fondo-pagina li{
        font-size: 18px;
    }
    .rombo li{
        display: block;
    }
    .rombo li:before{
        display: none;
    }
    .redes{
        margin-bottom: 6%;
    }
    .texto-negro{
        text-align: justify;
    }
    #demo {
        padding: 0 8%;
    }
    #owl-demo3.owl-carousel .icono-prev {
        margin-left: -15px;
    }
    #owl-demo3.owl-carousel .icono-next {
        margin-right: -15px;
    }
    #demo1 .icono-prev:before{
        font-size: 25px;
    }
    #demo1 .icono-next:before{
        font-size: 25px;
    }
    #demo1 .icono-prev {
        left: 19px;
    }
    #demo1 .icono-next {
        right: 19px;
    }
}
/*fin 767px*/






@media(max-width: 602px){



    .div-qs {



        width: 100%;



        margin: 15px 0;



    }



    .seccionimg{



        max-height: 100%;



        /*height: 170px;*/



    }



    .div-noti{



        max-height: 70vh;



        height: 432px;



        width: 100%;



    }
    .cont-fortaleza {
        display: block;
        width: auto;
    }
    .grupo {
        width: 100%;
        padding: 0;
    }

}



@media (max-width: 500px) {



    .contenido{



        padding: 0;



        width: 210px;



        margin: 0 auto;



    }



    .servicio-tit h2:before, .servicio-tit h2:after{



        display: none;



    }


    /*
        .seccionimg {
    
    
    
            height: 170px;
    
    
    
        }*/







}









@media(max-width:767px) and (min-width: 500px){



    .img-carrusel1 {



        /*border-radius: 170px;*/



        height: 200px;



        width: 210px !important;



        margin: 0 auto;



    }



    .contenido {



        width: 210px;



        margin: 0 auto;



    }







}



@media(max-width: 991px){

	#owl-demo3 .items a {
	    display: block;
	}

    .fondo-menu{



        height: 95px;



    }



    .cont-prod img {



        height: 195px;



    }



    .div-prod .texto-carru a {



        font-size: 15px;



    }



    .carru-prec{



        font-size: 1.1em;



    }

    .in > .dropdown-menu{

        display: block;

    }
    .link-admin{
        display: block;
        position: relative;
    }

    .div-redes{
        text-align: center;
    }
    .logo-top {
        display: none;
    }
    .top-cab {
        background: #26144e;
        padding: 0px 0%;
    }
    .top-cab a {
        color: #c4c6d6;
        font-size: 15px;
        padding: 10px 5px;
        display: inline-block;
    }
    .circulo-qs {
        /* height: 26vh;
         width: 26vh;*/
    }
    .div-logo img{
        position: relative;
    }

}



@media(max-width: 991px) and (min-width: 767px){



    .div-prod .contenido p {



        /*left: 23%;*/



        font-size: 17px;



    }



}

@media(max-width:722px){



    .cont-prod img {



        height: auto;



        width: 100% !important;



    }



    .div-prod{



        width: 100%;



        margin: 0;



    }



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

    .prod-img{

        display: block;

        padding-right: 0;

    }

    .prod-img img {

        max-height: 150px;

        width: auto;

    }

    .prod-text{

        width: 100%; 

    }

    #tabs li {

        margin: 5px 0px;

        width: 100%;

    }
    .login img{
        height: 50px;
    }
    .titulo-duo h2 {
        font-size: 2rem;
    }
    .titulo-duo2 h2 {
        font-size: 2rem;
    }
    #demo .owl-nav{
        top: 40%;
    }
}

@media(max-width: 321px){



    .seccionimg {



        height: 227px;



    }



}
@media(max-width: 240px){
    .circulo-qs{
        width: 230px;
        height: 230px;
    }
}






/**** medias MIN ****/

@media(min-width: 991px){


    #mainNav li:after{
        /*content: " ";
        display: block;
        position: absolute;
        width: 1px;
        background: #c5c8d6;
        top: 50%;
        margin-top: -13.5px;
        height: 27px;
        right: -11px;*/
    }
    #mainNav li:last-child:after{
        /*height: 0px;*/
    }
    .linea-pie::after{



        /*content: url(../img/linea-pie.png);*/



        height: 50%;



        top: 0;



        left: 95%;



        position: absolute;



    }  



    /* SOMBRA DEL BANNER */



    .sombra-banner{



        z-index:1090;



        margin-top: -17px;



        width: 100%;



    }

    /* Menu con imagen*/

    .nav > li {

        /*position: static !important;*/

        padding-top: 2%;

        padding-bottom: 0;



        display: table-cell;

        vertical-align: top;

        height: 100%;

        /*float: none;*/

    }

    .menu-drop1 {

        text-align: center;

        /*border-bottom: 1px solid #c9c9c9 !important;*/

    }

    .dropdown-menu {

        /*width: 100%;*/

        border-radius: 0px;

        /* top: 87%; */

        top: 100%;

    }

    .menu-drop1 > li {

        /*position: static;

        width: 23%;*/

        position: relative;

        width: 100%;

        transition: all 0.5s ease;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        display: block;

        /*text-align: left;*/

        min-width: 200px;

    }

    .dropdown-submenu {

        display: inline-block;

    }

    .dropdown-submenu>.menu-drop2 {

        /*top: 100.5% !important;

        width: 100% !important;

        left: 0 !important;*/

        /* min-width: 100%; */

        margin-top: 0px;

        margin-left: 0px;

        -webkit-border-radius: 0 !important;

        -moz-border-radius: 0px !important;

        border-radius: 0 !important;

        text-align: center;

        border-bottom: 1px solid #c9c9c9 !important;

    }

    .menu-drop2 > li {

        /*display: inline-block;*/

        /*position: initial;*/

        /*position: static;*/

        /*width: 15%;*/

        transition: all 0.5s ease;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;



        min-width: 200px;

    }

    .dropdown-menu > li > div > a {

        padding: 8px 10px;

        white-space: normal;

        font-size: 15px;

        /* text-transform: uppercase; */

    }

    .img-menu {

        display: block;

        margin: 0 auto;

        height: 85px;

        transform: translateY(-5px);

        -webkit-transform: translateY(-5px);

        -moz-transform: translateY(-5px);

        -o-transform: translateY(-5px);

        -ms-transform: translateY(-5px);

        transition: all 0.4s;

        -webkit-transition: all 0.4s ease;

        -moz-transition: all 0.4s ease;

        -o-transition: all 0.4s ease;

        -ms-transition: all 0.4s ease;



    }

    .dropdown-menu span {

        display: block;

        text-align: center;

        padding-bottom: 10px;

        padding-top: 10px;

        color: #c9c9c9;

        transition: all 0.5s ease;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

    }

    .dropdown-menu span:before {

        font-size: 50px;

    }

    .dropdown-menu li:hover span, .dropdown-menu li:focus span {

        color: #e4ba3a;

    }

    .dropdown-menu.menu-drop3 >li >a{

        font-size: 11px;

        color: #004e9c;

        transition: all 0.4s;

        -webkit-transition: all 0.4s ease;

        -moz-transition: all 0.4s ease;

        -o-transition: all 0.4s ease;

        -ms-transition: all 0.4s ease;

    }

    .dropdown-menu.menu-drop3 >li:hover >a{

        color: #004e9c;

        background-color: transparent;

    }

    .dropdown-menu.menu-drop3 > li > a:hover img, .dropdown-menu.menu-drop3 > li > a:focus img{

        transform: translateY(0px);

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);

        -o-transform: translateY(0px);

        -ms-transform: translateY(0px);

    }

    .dropdown-menu.menu-drop3 >li.active >a {

        color: #004e9c;

        background-color: transparent;

    }

    .dropdown-menu.menu-drop3 >li.active >a > font {

        transform: translateY(-3px);

        -webkit-transform: translateY(-3px);

        -moz-transform: translateY(-3px);

        -o-transform: translateY(-3px);

        -ms-transform: translateY(-3px);

    }

    .dropdown-menu.menu-drop3 > li.active > a img{

        transform: translateY(0px);

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);

        -o-transform: translateY(0px);

        -ms-transform: translateY(0px);

    }

    .dropdown-menu.menu-drop3 >li >a > font{

        margin-top: 10px;

        display: block;

        transition: all 0.4s;

        -webkit-transition: all 0.4s ease;

        -moz-transition: all 0.4s ease;

        -o-transition: all 0.4s ease;

        -ms-transition: all 0.4s ease;

        transform: translateY(0px);

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);

        -o-transform: translateY(0px);

        -ms-transform: translateY(0px);

    }

    .dropdown-menu.menu-drop3 >li:hover >a > font{

        transform: translateY(-3px);

        -webkit-transform: translateY(-3px);

        -moz-transform: translateY(-3px);

        -o-transform: translateY(-3px);

        -ms-transform: translateY(-3px);

    }

    /*Cuarto nivel del menu*/



    .dropdown-threemenu>.menu-drop3 {

        top: 100.5% !important;

        width: 100% !important;

        left: 0 !important;

        /* min-width: 100%; */

        margin-top: 0px;

        margin-left: 0px;

        -webkit-border-radius: 0 !important;

        -moz-border-radius: 0px !important;

        border-radius: 0 !important;

        text-align: center;

        border-bottom: 1px solid #c9c9c9 !important;

    }

    .menu-drop3 > li {

        display: inline-block;

    }

    .link-tot{

        display: none !important;

    }




}

@media(min-width: 1400px){

    .text-logo {

        position: absolute;

        right: -100%;

        left: 80%;

        bottom: 5px;

    }

}
@media(min-width: 1600px){
    .circulo-qs {
        /*height: 10vh;
        width: 10vh;*/
        /*width: 250px;
        height: 250px;*/
    }
}

@media(min-width: 2500px){

    .text-logo {

        position: absolute;

        right: -93%;

        left: 50%;

        bottom: -2px;

        color: #004e9c;

        font-weight: 700;

    }
    .circulo-qs{
        /*height: 16vh;
        width: 16vh;*/
        /*width: 250px;
        height: 250px;*/
    }

}