@font-face {
    font-family: "gotham";
    src: url("../fonts/Gotham-Light.otf");
    src: url("../fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Gotham-Light.woff") format("woff"),
        url("../fonts/Gotham-Light.ttf") format("truetype"),
        url("../fonts/Gotham-Light.svg#gotham") format("svg");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "gotham";
    src: url("../fonts/Gotham-Book.otf");
    src: url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Gotham-Book.woff") format("woff"),
        url("../fonts/Gotham-Book.ttf") format("truetype"),
        url("../fonts/Gotham-Book.svg#gotham") format("svg");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "gotham";
    src: url("../fonts/Gotham-Medium.otf");
    src: url("../fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Gotham-Medium.woff") format("woff"),
        url("../fonts/Gotham-Medium.ttf") format("truetype"),
        url("../fonts/Gotham-Medium.svg#gotham") format("svg");
    font-weight: bolder;
    font-style: normal;
}
@font-face {
    font-family: "gothamThin";
    src: url("../fonts/Gotham-Thin.otf");
    src: url("../fonts/Gotham-Thin.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Gotham-Thin.woff") format("woff"),
        url("../fonts/Gotham-Thin.ttf") format("truetype"),
        url("../fonts/Gotham-Thin.svg#nexaB") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "misterKweb";
    src: url("../fonts/MisterKWeb W03 SplendidLight.otf");
    src: url("../fonts/MisterKWeb W03 SplendidLight.eot?#iefix") format("embedded-opentype"),
        url("../fonts/MisterKWeb W03 SplendidLight.woff") format("woff"),
        url("../fonts/MisterKWeb W03 SplendidLight.ttf") format("truetype"),
        url("../fonts/MisterKWeb W03 SplendidLight.svg#nexaB") format("svg");
    font-weight: normal;
    font-style: normal;
}
button:focus, button:active{
    outline: 0;
}
img{
    max-width: 100%;
}
:focus {
    outline: none !important;
}
a{
    color: #008991;
    font-weight: 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;
    color: #00386a;
}
p{
    font-weight: 100;
}
input, textarea{
    /*font-family: sans-serif;*/
}
h1, .h1 {
    font-size: 50pt;
}
h2, .h2 {
    font-size: 30pt;
}
h3, .h3 {
    font-size: 24pt;
}
h4, .h4 {
    font-size: 16pt;
}
h5, .h5 {
    font-size: 13pt;
}
h6, .h6 {
    font-size: 11pt;
}
h7, .h7 {
    font-size: 9px;
}
h5, h6, h7{
    font-weight: normal;
}
.texto-gotham{
    font-family: "gotham";
}
.texto-misterKweb{
    font-family: "misterKweb"
}
.position-relative{
    position: relative;
    z-index: 1;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
    outline: none !important;
    outline-offset: 0 !important;
}
.form-control::-webkit-input-placeholder {
    color: #ccc;
}
.form-control:-moz-placeholder {
   color: #ccc;
   opacity: 1;
}
.form-control::-moz-placeholder {
   color: #ccc;
   opacity:  1;
}
.form-control:-ms-input-placeholder {
   color: #ccc;
}

.btn:focus, button:focus{
    outline: 0 transparent !important;
}
.sin-padding{
    padding: 0 !important;
}
.owl-carousel .owl-stage {
    margin: 0 auto;
}
.text-danger {
    color: #ff0500;
}
.text-warning {
    color: #ef0000;
}
.texto-plomo {
    font-size: 9pt;
    color: #898c8f;
}
.alert-success {
    color: #000000;
    background-color: #a2e83e;
    border-color: #a2e83e;
}
.alert-info {
    color: #000000;
    background-color: #8ad8ff;
    border-color: #8ad8ff;
}
.alert-danger {
    color: #000000;
    background-color: #f75a5a;
    border-color: #f75a5a;
}
.label-success {
    background-color: #92e82e;
    color: #000;
    padding: 4px 10px;
}
.label-danger {
    background-color: #ff0800;
    padding: 4px 10px;
    color: #fff;
}
.btnModalDetalleCompra {
    background-color: #FF9800;
    color: #000;
    border: none;
    border-radius: 0.5rem;
    font-weight: bold;
    font-size: 10pt;
    white-space: nowrap;
    padding: 10px 10px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btnModalDetalleCompra:hover, .btnModalDetalleCompra:focus {
    background-color: #545454;
    color: #fff;
}
body{
    font-family: "gotham";
    font-size: 15px;
    color: #000;
    padding: 0 !important;
    font-weight: 100;
    /*letter-spacing: 0.4px;*/
}
label {
    font-weight: inherit;
    margin-bottom: 0;
}
.mb-0, .my-0 {
    margin-bottom: 0!important;
}
.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}
.mt-2, .my-2 {
    margin-top: .5rem!important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.margen-arriba{
    margin-top: 3% !important;
}
.margen-abajo{
    margin-bottom: 3% !important;
}
.marg-arriba{
    margin-top: 2% !important;
}
.marg-abajo{
    margin-bottom: 2% !important;
}
.margen-encima{
    margin-top: 5% !important;
}
.margen-debajo{
    margin-bottom: 5% !important;
}
.mini-margen-arriba{
    margin-top: 2% !important;
}
.mini-margen-abajo{
    margin-bottom: 2% !important;
}
.sin-margin-top{
    margin-top: 0 !important;
}
.modal{
    z-index: 9999;
}
audio, canvas, video {
    max-width: 100%;
    height: auto;
}
.vertical-top{
    vertical-align: top !important;
}
.vertical-middle{
    vertical-align: middle !important;
}
/*----- CABECERA -----*/
.top-cab{
    background: #001C42;
    /*overflow: hidden;*/
    width: 100%;
    padding: 0 2%;
    /* margin: 0 0 2%; */
    text-align: center;
    z-index: 991;
    position: absolute;
    top: 0;
    /* border-bottom: 1px solid white; */
}
.top-cab:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    height: 1px;
    background: white;
    z-index: 1;
    margin: 0 auto;
    display: none;
}


.div-left{
    float: left;
}
.div-right{

    float: right;

}
.div-right span.icono-llamada:before{
    background: transparent !important;
}
.top-cab a{
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 10pt;
    padding: 0 10px;
    /*letter-spacing: 1px;*/
    padding: 12px 8px;
    /*font-family: 'calibri';*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.top-cab a img{
    height: 25px;
}
.top-cab span{
    padding-right: 0px;
}
.top-cab span:before {
    font-size: 13pt;
    background: transparent;
    padding: 6px;
    border-radius: 50%;
    color: #c0da3d;
}
.top-cab a:hover{
    background: transparent;
    color: #0090d9;
    /*border-radius: 10px;*/
}
.top-cab .div-right a{
    position: relative;
}
.top-cab .div-right a:before{
    content: "";
    background: #0090d9;
    height: 1px;
    width: 1px;
    position: absolute;
    top: 35%;
    left: 0;
    /* transform: rotate(50deg); */
    height: 35%;
    /* display: none; */
}
.top-cab .div-right a:first-child:before{
    display: none;
}
.top-cab .div-right i {
    font-style: normal;
}
.top-cab .div-right span.iconop-sobre:before {
    background: transparent;
    padding: 6px;
    border-radius: 50%;
    color: #fff;
}
.top-cab .div-right span:before {
    /*background: #ffffff;*/
    padding: 6px;
    border-radius: 50%;
    color: #fff;
}

.top-cab a:hover span:before{
    color: #e10a23;
}
.btn-webmail{
    display: inline-block;
    font-size: 12pt;
    color: #fff;
    background: transparent;
    border: 1px solid #0090d9;
    padding: 4px 15px !important;
    border-radius: 10px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    /*margin: 8px 0;*/
}
.btn-webmail:hover, .btn-webmail:focus{
    background: #0090d9 !important;
    color: #fff !important;
}
.btn-webmail:before{
    display: none;
}
a.btn-top{
    background: #f5f5f5;
    color: #1da4de;
    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;
}
a.btn-top:hover, a.btn-top:focus{
    background: #3751a0;
    color: #00ff2e;
    border-radius: 0;
}
input[type='text'].form-control, input[type='number'].form-control, input[type='email'].form-control, input[type='password'].form-control, input[type='date'].form-control, input[type='tel'].form-control, select.form-control, textarea.form-control, select.select {
    height: 50px;
    line-height: 1.5 !important;
    -webkit-appearance: none;
    border-radius: 4px;
    padding: 0 0.75rem;
    background-color: #fff;
    position: relative;
    z-index: 2;
    width: 100%;
    border-color: #bbb;
    color: #252525;
    font-size: 12pt !important;
}
textarea.form-control {
    height: auto !important;
}
.text-liston textarea {
    margin-top: 10px;
}
.form-control:focus{
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 152, 23, 0.14);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 152, 23, 0.12);
}
.display-flex{
    display: flex;
}
.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%;



}*/
.fond-cab:before{
   content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 160px;
    background-image: linear-gradient(to bottom, hsl(0, 0%, 0%), rgba(255, 255, 255, 0));
}


.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-top{

    padding-top: 7%;

}
.contenedor-top{

    padding-top: 12% !important;

}
/*-- FINAL DE CABECERA --*/


/*-- MENU --*/
.header_box{
    display: flex;
    width: 100%;
}

.link-menu .icono-menu{
    height: 30px;
    display: inline-block;
    vertical-align: bottom;
}
.div-logo{
    display: table-cell;
}
.div-logo img{
    max-height: 100px;
    will-change: transform;
}
.box-search a:after{
    display: none !important;
}
.menu{
    /*background: rgba(0, 0, 0, 0.6);*/
    /*padding: 8px 0;*/
    /*padding-top: 50px;*/
    /*position: absolute;*/
    /*top: 0px;*/
    position: relative;
    z-index: 99;
    width: 100%;
    /*border-bottom: 8px solid #636362;*/
    /*background: rgb(255 255 255 / 12%);*/
    /*background-image: linear-gradient(to bottom, hsl(0, 0%, 100%), rgba(255, 255, 255, 0.92));*/
    /*padding-bottom: 5%;*/
    background: #f5f5f5;
    /*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: #000;
    font-size: 11pt;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    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;
    letter-spacing: 0px;
    display: block;
}
.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 > .active > div > a, .navbar-inverse .navbar-nav > .active > div > a:hover, .navbar-inverse .navbar-nav > .active > div  > a:focus {
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > div > a:hover, .navbar-inverse .navbar-nav > li > div > a:focus{
    color: #e70068;
}
.navbar-inverse .navbar-nav > li > div > a > span{
    font-size: 10px;
    font-weight: 100;
}
.menu .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 17px 9px -10px rgba(114, 137, 151, 0.23);*/
    font-size: 0.9em;
    background-color: #ffffff;
}
.menu .dropdown-menu > li > a {
    /*-webkit-transform: scaleY(0.97);*/
    padding: 2% 5px;
    white-space: normal;
    font-size: 13px;
    /*text-transform: uppercase;*/
}



.menu .dropdown-menu > li > a:hover, .menu .dropdown-menu > li > a:focus {
    color: #000;

    text-decoration: none;

    background-color: transparent;
}



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



    color: #000;

    text-decoration: none;

    background-color: transparent;



    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){

    .link-menu{
        position: relative;
        display: block;
    }
    li.dropdown > div > a:after{
        position: absolute;
        top: 39%;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        content: "\e114";
        font-size: 7pt;
        right: -12px;
        width: 10px;
        display: none;
    }
    .header_box ul > li.box-search:after {
        height: 0;
    }
    .header_box ul > li.active > .link-menu:after{
        width: 100%;
    }
    .header_box ul > li > .link-menu:hover:after{
        width: 100%;
    }
    .header_box ul > li.header__logo .link-menu:hover:after{
        width: 0;
    }

    .header_box ul > li > ul > li > .link-menu:hover:after{
        width: 0;
    }

    .header_box ul > li > .link-menu:after {
        content: '';
        /*display: block;*/
        width: 0px;
        height: 2px;
        background: #f8e400;
        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;
        display: none;
    }


    .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;

        display: none;*/

    }



    .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: right;
        /*width: 100%;*/
        padding: 0;
    }



    .navbar-nav {
        margin: 0;
        /*float: right;*/
        padding-right: 0%;
        /*left: 50%;*/
        /*list-style-type: none;*/
        /*margin: 0 auto;*/
        /*padding: 0;*/
        /*position: relative;*/
        position: static;
        float: none;
        /*border-bottom: 2px solid rgba(255, 255, 255, 0.49019607843137253);*/
        /*margin-left: 4%;*/

        display: flex!important;
        flex-flow: row nowrap;
        /*justify-content: space-around;*/
        align-content: center;
        align-items: center;
        margin: 0 auto;
        /*padding-left: 6%;*/



    }



    .navbar-nav > li {



        position: relative;



        /*right: 50%;*/



        /*margin: 0px 10px;*/
        padding: 0px 14px;

        z-index: 9999;

        /*max-width: 175px;*/

        text-align: center;

        flex: 0 1 auto;
        align-self: auto;
        min-width: 0;
        /*flex-grow: 1;*/

    }



    .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: transparent;

        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;
        /*padding-left: 4%;*/
        /*position: static;*/
        /*width: 60%;*/
        width: 85%;
        margin: 0 0 0 auto;
    }

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

        color: #DA8F1B;

        /*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;

}


.bar-right{
    display: table-cell !important;
    vertical-align: middle;
    /*float: none !important;*/
    /*text-align: right;*/
    width: 25%;
    padding-left: 0;
}
.bar-right .redes a{
    /*font-size: initial !important;*/
}
.bar-right .redes a span:before{
    color: #000;
    border-radius: 50%;
}
.bar-right .nav > li{
    position: relative !important;
    display: inline-block;
}
.bar-right .nav > li > a{
    padding: 0px 4px;
    color: #636362;
    font-size: 13pt;
}
.bar-right .nav > li > a:hover, .bar-right .nav > li > a:focus{
    background-color: transparent;
    color: #f07d00;
}
.border-right:after{
    position: absolute;
    top: 9px;
    right: -3px;
    content: '';
    height: 40%;
    width: 1px;
    background: #636362;
}
.rut {
    width: 55px;
    z-index: 2;
    text-align: center;
    background: #b8b8b800;
    border: 0;
    padding: 5px 25px;
    display: table-cell;
    vertical-align: middle;
}


@media(max-width: 767px){



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



        margin-right: 0px;



    }

    .menu {

        background: #000 !important;

        position: relative;

    }



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

    .menu .dropdown-menu{
        /*min-width: 200px;*/
        /*white-space: nowrap;*/
    }

    .menu .dropdown-menu > li > a{
        /*font-size: 18px;*/
        padding: 7px 20px;

    }
}
@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;*/



    }
    .redes-menu a {
        display: inline-block;
        padding: 0 22px;
    }
    .redes-menu span:before {
        font-size: 22px;
        color: #fff;
    }
}







@media(max-width: 1024px){



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



        font-size: 12px;



    }



    .menu .dropdown-menu > li > a {



        font-size: 17px;



    }







}



@media(max-width: 991px){



    .nav > li > a {
        /*padding: 4px 4px 4px 4px;*/
    }



    .menu .dropdown-menu{



        /*font-size: 0.8em;*/



    }



    .menu .dropdown-menu > li > a{



        white-space: normal;



        font-size: 10pt;



    }



    .menu .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;*/ 



.fondo-pie{
    /*padding: 1% 4%;*/
    padding: 1% 0%;
    position: relative;
    z-index: 2;
    /*background: #008991;*/
    background-position: center;
    background-size: cover;
    color: #00386a;
}
.fondo-pie:before{
    content: '';
    /*background: #5f4343b5;*/
    position: absolute;
    top: 0;
    right: 0;
    left: 0;;
    bottom: 0;
    mix-blend-mode: multiply;
}
.fondo-pie h4{
    color: #00386a;
}
.fondo-pie a{
    display: block;
    vertical-align: middle;
    /*width: 100%;*/
    color: #fff;
    padding-right: 4px;
    padding-bottom: 8px;
    font-size: 12pt;
    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;
}
.fondo-pie a:hover{
    color: #000;
}
.fondo-pie a img{
    width: auto;
    height: 45px;
}
.fondo-pie a span{
    display: table-cell;
    vertical-align: top;
    /*width: 35px;*/
}
.fondo-pie a p{
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    /*word-break: break-all;*/
}
.fondo-pie a span:before{
    background: transparent;
    border-radius: 50%;
    padding: 4px;
    font-size: 15px;
    color: #fff;
    width: 34px;
    display: block;
    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;
}
.fondo-pie a span img{
    width: 65%;
}
.fondo-pie a i{
    display: table-cell;
    vertical-align: top;
    width: 0;
    opacity: 0;
    color: #000;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.fondo-pie a:hover span:before {
    color: #000 !important;
}
.fondo-pie a:hover i{
    opacity: 1;
}


.fondo-pie2{
    background: #000;
    padding: 1% 0%;
    text-align: center;
    color: #fff;
    overflow: hidden;
    /*text-transform: uppercase;*/
}
.fondo-pie2 .redes{
    float: left;
}
.img-block{
    display: block;
    margin: 0 auto;
    height: auto !important;
    max-height: 80px;
    width: 70px !important;
}
.display-block{
    display: block !important;
}
.link-subrayado{
    text-align: center;
}
.link-subrayado p{
    display: inline-block !important;
    border-bottom: 1px solid #d6d6d6;
}
.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: #636362;



    text-align: left;



    transition: all 0.2s ease;



}



.color-fondo-pie a:hover {



    color: #f07d00;



    text-decoration: none;



}



.color-fondo-pie p{



    margin-bottom: 10px;



}



.titulos-pie{
    font-size: 12pt;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    /*margin-bottom: 20px;*/
    /*border-bottom: 1px solid #f6ab00;*/
    padding-bottom: 8px;
}



/*.titulos-pie:after {



    content: '';



    background-color: #3890d6;



    width: 45%;



    height: 1px;



    display: block;



    position: relative;



    margin-top: 8px;



}*/



.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;



}
.file-caption.form-control.kv-fileinput-caption{
    margin-top: 3px;
    height: 40px;
}
.text-pie .icono-nextweb:before{
    font-size: 11px;
}
/*.file-caption.form-control.kv-fileinput-caption > input{
    height: 40px;
}*/
.btn-file, .file-caption, .file-input, .file-loading:before, .file-preview, .file-zoom-dialog .modal-dialog, .krajee-default .file-thumbnail-footer, .krajee-default.file-preview-frame{
    margin-top: 2%;
}
.btn-primary {
    color: #fff;
    background-color: #0081e8;
    border-color: #0081e8;
    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: 0px;
    /*overflow: hidden;*/
}
.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: #e1e5e8;
    padding: 4% 0;
}
.fondo-plomo h3, .fondo-plomo h1, .fondo-plomo h2{
    color: #585858;
}
.fondo-plomo p{
    color: #585858;
    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: #000;
    color: #fff;
    padding: 10px 30px;

    /*height: 30px;*/

    margin: 0;

    border: 0;

    outline: 0;

    font-size: 16px;

    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}



.btn-contacto:hover{
    background: #e70068;
    color: #fff;
    /*box-shadow: 0px 6px 6px #bdbdbd;*/
}

.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: 1.2;



    margin-top: 12px;

    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: 450px;



    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 .form-control{
    height: 50px;
    color: #108dbb;
    border: 0;
    border-bottom: 1px solid #108dbb;
    margin-top: 15px; 
    padding: 6px 12px;
    font-size: 12pt;
    box-shadow: none;
    border-radius: 0 !important;
    background: transparent;
}
.form-horizontal .form-control::placeholder:{

    color: #000;

}
.form-horizontal .form-control:-ms-input-placeholder : { color: #000; }

.form-horizontal .form-control::-webkit-input-placeholder { color: #000; }

.form-horizontal .form-control::-moz-placeholder { color: #000; }
.form-horizontal textarea.form-control{
    height: auto !important;
}
.form-horizontal .input.checkbox{
    font-size: .75rem;
    display: block;
    box-sizing: border-box;
    padding-bottom: 12px;
    padding-top: 12px;
}
.form-horizontal .pretty .state label{
    font-size: 13px;
    cursor: pointer;
    display: block;
    height: 1em;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 0;
}
.form-horizontal .pretty .state label:before, .pretty .state label:after{
    border: 1px solid #24b9ff;
    top: calc((0% - (100% - 18px)) - 0%);
}
.form-horizontal .pretty .state label a{
    text-decoration: underline;
    color: #24b9ff;
}
.form-horizontal .pretty.p-svg .state .svg{
    width: 15px;
    height: 15px;
    top: calc((0% - (88% - 16px)) - 0%);
}
.form-horizontal .control-label {



    font-weight: 600;



    text-align: left;



}
.checkbox span{
    font-size: 10pt;
    line-height: 1.6;
}
.checkbox span label{
    font-size: 10pt;
}
.checkbox span a{
    color: #1580ca;
    font-weight: 600;
    text-decoration: underline;
}
/*::-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: transparent url('../img/navegacion-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: center;*/
}
.redes a{
    display: inline-block;
    position: relative;
    padding: 5px;
    cursor: pointer;
    z-index: 2;
    font-size: 30px;
    /* color: #047245 !important; */
    /* width: 36px; */
    /* height: 36px; */
    /* text-align: center; */
    /* line-height: 20px; */
    margin-right: 0px;
    background: transparent;
    /* padding: 4px; */
    /* border-radius: 50%; */
    width: auto;
}



.redes a:before{
    content: '';
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 100%;
    border-radius: 50%;
    background: transparent;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    opacity: 0.8;
    transition: 0.5s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
}

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

.redes a:hover:before {

    opacity: 1;

    transform: scale(1);



    -webkit-transform: scale(1);



    -moz-transform: scale(1);



    -ms-transform: scale(1);



}



.redes a span{
    display: inline-block !important;
    width: auto;
    /*transform: translate(0, 0);*/
}
.redes a span:before{
    font-size: 26px !important;
    /* padding: 10px !important; */
    /* color: #008991; */
    /* background: #00386a; */
    width: auto;
    display: initial;
}
.redes a:hover span:before {
    color: #e70068;
    /*background: transparent !important;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
}
/*.redes a.red-facebook span:before{
    background: #375297;
}
.redes a.red-linkedin span:before{
    background: #0078b7;
}
.redes a.red-instagram span:before{
    background: #c62994;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f3c341 0%,#f35f66 25%,#d62b84 50%,#c02799 75%,#b7299a 100%);
    background: linear-gradient(45deg, #f3c341 0%,#f35f66 25%,#d62b84 50%,#c02799 75%,#9f2e9b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.redes a.red-twitter span:before{
    background: #50b9ff;
}
.redes a.red-youtube span:before{
    background: #f51c0d;
}
.redes a.red-whatsapp span:before{
    background: #33ba49;
}
*/
.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{
    color: #e11519;
    font-size: 23px;
    margin-bottom: 2%;
    display: block;

}



.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;
    /*font-family: "taileb";*/
}
.cont-prod a{
    color: #000;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.cont-prod h5{
    text-align: justify;
}
.precio{
    color: #b8b8b8;
    /*text-align: center;*/
}
.btn-agregar{
    background: transparent;
    color: #f07d00 !important;
    border: 1px solid #f07d00;
    padding: 10px;
    text-align: center;
    display: inline-block;
    font-family: calibri;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}
.btn-agregar:hover, .btn-agregar:focus{
    background: #f07d00;
    color: white !important;
}
.rating{
    display: block;
    text-align: left;
    color: #b8b8b8;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.rating .active{
    color: #f07d00;
}
.cont-prod:hover .rating{
    opacity: 1;
}
.cont-prod:hover .btn-agregar{
    opacity: 1;
}
.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: auto;
    height: 245px;
    margin: 0 auto;
    display: block;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cont-prod:hover a{
    color: #f07d00;
}
.cont-prod:hover img{
    -webkit-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -o-transform: scale(0.94);
    -ms-transform: scale(0.94);
    transform: scale(0.94);
}
.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;
}
.btn-cotizacion{
    background: transparent;
    color: #f07d00 !important;
    border: 1px solid #f07d00;
    padding: 4% 12%;
    display: inline-block;
    font-family: 'calibri';
    font-size: 12pt;
    opacity: 0;
    text-align: 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;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.btn-cotizacion:hover, .btn-cotizacion:focus{
    background: #f07d00;
    color: #ffffff !important;
}
.cont-prod:hover .btn-cotizacion{
    opacity: 1;
}

/*.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: #ff4337 !important;
    font-family: "gothamM";
    background: #fff;
    border-radius: 0.5rem;
    padding: 10px 15px;
    margin: 0;
}



/*Servicios*/
.grup-serv{
    display: table;
    width: 100%;
}
/*.div-serv{
    display: table-cell;
    width: 25%;
}*/
.cont-clientes {
    /*border: 1px solid white;*/
    overflow: hidden;
    position: relative;
    will-change: transform;
}
.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;
    transition: transform .5s ease-in-out;
    will-change: transform;
}
.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;
}
.mascara span {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0%;
    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;
    padding: 0px 20px;
    font-size: 14pt;
    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%, 800%);
    -ms-transform: translate(0%, 800%);
    -o-transform: translate(0%, 800%);
    transform: translate(0%, 800%);
    -webkit-transition: all 0.25s 0.1s;
    -o-transition: all 0.25s 0.1s;
    transition: all 0.25s 0.1s;
}
.div-serv:hover .div-clientes {
    transform: scale(1.11);
}
.div-serv:hover .mascara{
    /*background-color: transparent;*/
    background-color: rgb(0 0 0 / 55%);
}
.cont-grupo:hover .mascara span {
    -webkit-transform: translate(15%, 50%);
    -moz-transform: translate(15%, 50%);
    -ms-transform: translate(15%, 50%);
    -o-transform: translate(15%, 50%);
    transform: translate(0, 50%);
    opacity: 1;
}
.cont-grupo:hover .div-clientes {
    transform: scale(1.11);
}
.cont-grupo:hover .logo-cli {
    transform: scale(1, 1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.div-serv:hover .logo-cli {
    transform: scale(1,1);
    /*-webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
}
.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;*/
    position: absolute !important;
    top: 0;
    left: 0;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    max-width: 100%;
    width: 100%;
    height: 100%;
    z-index: 4;
    color: #fff;
    display: table;
}
.logo-cli h3{
    font-size: 22pt;
    /*text-align: center;*/
    text-transform: uppercase;
    /* text-shadow: 1px 1px 1px #c1c1c1; */
}
.logo-cli .text-cli {
    display: table-cell;
    vertical-align: middle;
    /*background: url(../img/pattern-1.png) repeat-x bottom;*/
    /*padding: 0 15px;*/
    padding: 0 8%;
    font-size: 2.4em;
    text-align: left;
    text-transform: uppercase;
}
.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);*/



}
.text-serv{
    background: transparent;
    color: #fff;
    /*padding: 10px 15px;*/
    display: table;
    text-align: center;
    height: 10vh;
    width: 100%;
    border-top: 1px solid white;
    border-left: 0;
    border-right: 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-serv:first-child{
    /*border: 0;*/
}
.text-serv a{
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
}
.text-serv:hover, .text-serv:focus{
    box-shadow: inset 0px 0px 4px 4px rgba(0, 0, 0, 0.3);
}
.fondo-degradado{
    background: -webkit-linear-gradient(top, #ff5200 0%, #ff8600 100%);
}

.seccion-banner {
    width: 100%;
    position: relative;
    /*height: 350px;*/
    /*overflow: hidden;*/
}

.banner-pag {



    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: #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: 23px;*/
    /*color: #e11519;*/
    /*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: #ff4337;



    width: 50%;



    height: 2px;



    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);



}
.sin-float{
    float: none !important;
}
.ancho-completo{
    width: 100% !important;
}
.titulos{
    position: relative;
    display: inline-block;
}
.titulos h1{
    color: #000000;
    line-height: 0.9;
    /*width: 55%;
    float: right;*/
    text-align: left;
    margin-block-end: -10px;
}
.titulos.titulo-span span{
    width: 40px !important;
    background: #6ac6e2 !important;
    display: block;
    margin: 0 auto;
}
.titulos h2{
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    color: #000;
    padding: 10px 0;
    margin: 0;
    line-height: 1.5;
}
.titulos h2 a{
    color: #000;
}
.titulos h2 a:hover, .titulos h2 a:focus{
    color: #585858;
}
.titulos h4{
    /*color: #000;*/
    /*font-size: medium;*/
    /*font-weight: 500;*/
    /*margin: 0 0 10px;*/
    padding-left: 30px;
}
.titulos span{
    /*width: 52%;
    float: right;
    text-align: left;*/
    color: #e70068;
}
/*.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: #008991;
    color: #fff;
    padding: 3% 0;
    /*text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.6);*/
}
.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 .seccionimg{
    height: 100%;
    max-height: 100%;
}
#demo3 .efecto-zoom .imgsec {

    background-size: cover;

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

    background-repeat: no-repeat;

}





/*.tp-caption{



    font-family: "gothamL" !important;



}*//*quienes somos ultra*/



.cont-eq{   
    padding: 5% 2%;
    cursor: pointer;
    width:100%;
    text-align: center;
}



/*.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{
    height: 150px;
    width: auto;
    margin: 0 auto;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -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{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);



}
.cont-eq:hover h3{
    color: #763388 !important;
}


.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: #78b70b;



}



.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: 180px;*/
    height: 400px;
    /*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: contain;



    -moz-background-size: contain;



    -o-background-size: contain;



    background-size: contain;



    /*-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 1s ease-in-out;



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



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



    transition: all 1s 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: 9;



    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: rgb(245 245 245);
}



.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;

}
.borde-plomo{
    border: 10px solid whitesmoke;
}
.borde-rosa {
    border: 10px solid #ffeff6;
    border-radius: 10px;
}


/*==================   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%;



    -webkit-transform: translate3d(-50%,-50%,0) scale(1) rotate(0);
    -moz-transform: translate3d(-50%,-50%,0) scale(1) rotate(0);
    -ms-transform: translate3d(-50%,-50%,0) scale(1) rotate(0);
    -o-transform: translate3d(-50%,-50%,0) scale(1) rotate(0);
    transform: translate3d(-50%,-50%,0) scale(1) rotate(0);



    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    -ms-transition: 1s ease;
    transition: 1s ease;

    background-repeat: no-repeat;

    outline: 0;



    box-shadow: none;



}



.mascaranegra2 {



    top: 0;



    width: 100%;



    position: absolute;



    z-index: 9;



    height: 100%;



    text-align: center;



    color: #000;



    -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;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0%;
    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: 2.5rem;*/
    /*border: 1px solid #ffffff;*/
    /*white-space: nowrap;*/
    padding: 0px 20px;
    font-size: 14pt;
    width: 80%;

    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%, 800%);
    -ms-transform: translate(0%, 800%);
    -o-transform: translate(0%, 800%);
    transform: translate(0%, 800%);
    -webkit-transition: all 0.25s 0.1s;
    -o-transition: all 0.25s 0.1s;
    transition: all 0.25s 0.1s;
}
.mascaranegra2 span i{
    padding-left: 5px;
}
.mascaranegra2 span b{
    font-weight: 100;
    width: auto;
    display: inline-block;
    margin: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    transition: all 0.4s ease;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}


.efecto-zoom:hover .mascaranegra2 {
    /*background-image: linear-gradient(rgba(234, 30, 90, 0) 0%, rgba(253, 68, 57, 0.56) 30%);*/
    background: rgba(255, 239, 246, 1);
}

.efecto-zoom:hover .mascaranegra2 span {
    -webkit-transform: translate(15%, 50%);
    -moz-transform: translate(15%, 50%);
    -ms-transform: translate(15%, 50%);
    -o-transform: translate(15%, 50%);
    transform: translate(15%, 50%);
    opacity: 1;
}
.mascaranegra2 span i:before {
    font-size: 11px;
    /*padding-left: 3px;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.mascaranegra2 span:hover i:before {
    /*padding-left: 7px;*/
}
.carrusel-alto .seccionimg{

    height: 345px;
}

.btn-guinda{
    background: rgba(128,8,22,1);
    background: -moz-linear-gradient(45deg, rgba(128,8,22,1) 0%, rgba(128,8,22,1) 47%, rgba(225,11,36,1) 85%, rgba(225,11,36,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(128,8,22,1)), color-stop(47%, rgba(128,8,22,1)), color-stop(85%, rgba(225,11,36,1)), color-stop(100%, rgba(225,11,36,1)));
    background: -webkit-linear-gradient(45deg, rgba(128,8,22,1) 0%, rgba(128,8,22,1) 47%, rgba(225,11,36,1) 85%, rgba(225,11,36,1) 100%);
    background: -o-linear-gradient(45deg, rgba(128,8,22,1) 0%, rgba(128,8,22,1) 47%, rgba(225,11,36,1) 85%, rgba(225,11,36,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(128,8,22,1) 0%, rgba(128,8,22,1) 47%, rgba(225,11,36,1) 85%, rgba(225,11,36,1) 100%);
    background: linear-gradient(45deg, rgba(128,8,22,1) 0%, rgba(128,8,22,1) 47%, rgba(225,11,36,1) 85%, rgba(225,11,36,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800816', endColorstr='#e10b24', GradientType=1 );
    border: 0;
    color: #fff;
    padding: 8px 15px;
    border-radius: 1rem;
    /* box-shadow: inset 0px 0px 3px 2px #44050c; */
    border: 3px solid #950617;
    font-weight: bold;
    font-size: 12pt;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-guinda:hover, .btn-guinda:focus{
    box-shadow: inset 0px 0px 3px 2px #950617;
}
.borde-plomizo{
    border: 3px solid #656565;
}
.padding-carru{
    padding: 0 4%;
}
.padding-carru .item{
    padding: 0 15px;
}
.padding-carru2{
    padding: 0;
}
.padding-carru2 .item{
    padding: 0 6px 0 2px;
}

/*------------ 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{
   position: relative;
}
.contenido-carru{
    /*position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
    color: #fff;
    text-align: center;
    display: flex!important;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    margin: 0 auto;*/
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    padding: 4% 8%;
    color: #000;
    text-align: center;
    width: 85%;
    margin: 0 auto;
    text-transform: capitalize;
    font-weight: 400;
    background: rgba(245, 245, 245, 0.87);
}
.contenido-carru aside{
    margin: 0;
    display: inline-block;
    position: relative;
    font-weight: bold;
    text-align: center;
    width: 100%;
    height: 100%;
    display: table;
}
.contenido-carru aside h4{
    display: table-cell;
    vertical-align: middle;
}
.contenido-carru aside h5{
    display: table-cell;
    vertical-align: middle;
}

.contenido-carru2{
    -webkit-transform: translate(0%, -40%);
    -moz-transform: translate(0%, -40%);
    -o-transform: translate(0%, -40%);
    -ms-transform: translate(0%, -40%);
    transform: translate(0%, 40%);
    background: rgba(255, 239, 246, 0.85);
}
.proyectoimg:hover .imgsec2{
    /*background: whitesmoke !important;*/
    /*background-image: url(../img/img-fondo-amarillo.jpg) !important;*/
}
.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: 767px){



    .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: #000;



    }











}



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







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



.div-curso{



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



    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 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;



    /*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.9);



    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.9);

    /* 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;*/



}
.img-ancho{
    height: auto !important;
    width: 100%;
}
.img-ancho-medio{
    /*height: auto !important;*/
    /*width: 74%;*/
    height: 75vh!important;
    margin: 0 auto;
    display: block;
}











/*----- 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;
    /*height: 557px;*/


}


.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% 5%;



}



.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: #efefef !important;



}



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



















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



.fondo-blanco{
    background: white;
    padding: 4% 0;
}
.fondo-blanco p{
    color: #000;
    margin-top: 2%;
    margin: 2% auto 0;
}
.fondo-blanco .div-doble div{
    font-size: 15pt;
    color: #4e4e4e;
}
.fondo-blanco .div-doble div h1{
    color: #108dbb;
    text-align: left;
}
.fondo-blanco .div-doble aside {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.fondo-blanco .btn-vermas{
    border: 1px solid #1e93bf;
    color: #108dbb;
    font-size: 12pt;
    font-family: 'barlow';
}

.fondo-blanco label {
    /*text-align: left;
    margin-bottom: 0;
    color: #636362;*/
}



.fondo-blanco .input-group-addon{
    /*border: 1px solid #f7f7f7;*/
}

.fondo-blanco .form-control {
   /* color: #000;
    background-color: rgba(236, 236, 236, 0.54);
    border: 1px solid #f7f7f7;
    border-radius: 3rem;*/
}



.fondo-blanco .form-control:focus{
    /*border: 1px solid rgba(255, 136, 0, 0.45);*/
}



.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 > thead > tr > td{
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
}
table th {
    padding: 1px 8px;
    border-top: 1px dotted #d0d0d0;
    border-bottom: 1px dotted #d0d0d0;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding: 2px 8px;
    font-weight: 100;
    line-height: 1.2;
    transition: all 0.3s ease;
}
table tr {
    text-align: left;
    padding-left: 20px;
}
table td {
    padding: 1px 8px;
    border-top: 1px dotted #d0d0d0;
    border-bottom: 1px dotted #d0d0d0;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background: transparent;
    color: #000;
    line-height: 1.2;
    transition: all 0.3s ease;
}
table tr td:first-child{
    background-color: #F5F5F5;
    width: 35%;
}
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: #ececec;
    color: #000;
}

.tabla-md{
    width: 65%;
    margin: 0 auto;
    font-family: 'calibri';
}





/*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{
    position: relative;
    z-index: 1;
}
.raya-abajo:before {
    content: '';
    height: 1px;
    width: 97%;
    background: #e3e9ec;
    position: absolute;
    left: 15px;
    bottom: -5px;
    z-index: 0;
}











.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: #fff;
    font-size: 25pt;
    background: #00417b;
    padding: 6px 20px;
}

.fondo-contacto{

    height: 100vh;
    padding-top: 100px;
    position: relative;

}

.form-azul{

    /*padding: 5% 4%;*/
    border: 1px solid #045292;
    padding: 6%;
    background: #fff;
    border-radius: 4px;
    box-shadow: 4px 4px 10px #828282;
}

.form-azul label{

    color: #24b9ff;

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

}

.form-azul .form-control{
    background: transparent;
    /* border: 0; */
    border-radius: 1rem !important;
    margin-bottom: 0;
    color: #00386a !important;
    /* height: 50px !important; */
    /*letter-spacing: 1px;*/
    border-bottom: 1px solid #00386a !important;
    border-radius: 0 !important;
}

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

    vertical-align: top;

}
.form-azul .form-control::placeholder:{
    color: #00386a;
}
.form-azul .form-control:-ms-input-placeholder : { color: #00386a; }
.form-azul .form-control::-webkit-input-placeholder { color: #00386a; }
.form-azul .form-control::-moz-placeholder { color: #00386a; }

.btn-azul2{
    display: inline-block;
    background: #f07d00;
    color: #fff;
    border: 1px solid #f07d00;
    /*width: 100%;*/
    /*padding: 15px 25px;*/
    padding: 8px 10%;
    border-radius: 0;
    font-size: 17pt;
    letter-spacing: 1px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-azul2 span:before{
    font-size: 15px;
    padding-left: 5px;
}
.btn-azul2:hover, .btn-azul2:focus{
    background: #ffffff;
    color: #f07d00;
}
.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;
    z-index: 4;
    position: relative;
    float: right;
}

.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: 500px;

    /*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;*/

    /*height: 100vh;*/
    padding-top: 100px;
    position: relative;

}

.texto-n{

    width: 80%;

}
.titulos2{
    background: #656565;
    color: white;
    padding: 15px;
    text-align: center;
}
.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%;
    height: 100%;

}

.pag-contact figure{

    width: 50%;

    display: table-cell;

    vertical-align: middle;

    position: relative;
    height: 100%;

}

.pag-contact aside{

    width: 50%;
    padding: 0 6%;
    display: table-cell;
    vertical-align: middle;
    position: relative;

}
.pag-contact figure .seccion-banner{
    height: 100%;
}

.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-dialog.modal-xl {
    margin-top: 8%;
}
.modal-header .close {
    margin-top: -2px;
    position: absolute;
    top: -60px;
    right: 0;
    font-size: 40pt;
    font-weight: 100;
    text-shadow: none;
    color: #fff;
    font-family: initial;
    opacity: 1;
}

.modal-header {
    margin: 0;
    padding: 0;
    background: #fff;
    border-bottom: 0px solid #e5e5e5;
    border-radius: 8px 8px 0 0;
    color: #000;
    text-align: center;
    min-height: 0;
}



.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: 100%;
    margin: 4px auto;
    /* margin-top: 25%; */
    /* display: block; */
}
.img-pie2{
    width:auto;
    max-height: 30px;
}
.btn-ver{
       background: black;
    padding: 6px 6%;
    width: 30%;
    border-radius: 2rem;
    /* border: 1px solid #000000; */
    font-size: 12pt;
    color: #ffffff;
    display: inline-block;
    text-align: 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;
}

.btn-ver:hover, .btn-ver:focus{
    background: #e70068;
    /*border: 1px solid #f07d00;*/
    color: #fff;
}

.btn-ver2{
    background: #f07d00;
    padding: 8px 10%;
    border-radius: 0px;
    border: 1px solid #f07d00;
    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;
}
.btn-ver2:hover, .btn-ver2:focus{
    background: transparent;
    border: 1px solid #f07d00;
    color: #f07d00;
}
#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;*/
    padding-bottom: 0;

}

.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;
}
.fondo-plomo2 ul{
    padding-left: 15px;
}
/*.fondo-plomo2 img{

    max-height: 800px;

}*/

.fondo-white{
    padding: 10% 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: 122.4rem;

    min-width: 320px;

    min-width: 32rem;

    margin: 0 auto;

}

.img-prin{

    display: block;

    width: 100%;

    max-width: 58.2rem;

    /*margin: 150px auto 0px;*/

    margin: 8rem auto 8rem;

}

.spanleft{

    display: none;

}

.txtTAcontainer {
    position: absolute;
    float: right;
    text-align: center;
    font-size: 14px;
    line-height: 1.5rem;
    -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;
}
.txtTAcontainer article {
    display: flex!important;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
}
.txtTAcontainer a{
    color: #fff;
}
.txtTAcontainer aside {
    width: 60%;
    position: relative;
}
.txtTAcontainer figure {
    width: 40%;
    position: relative;
    padding: 10px;
}
.txtTAcontainer:hover a{
    color: #f1960f;
}
.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;

}
#txtTA06 {
    width: 26%;
    left: 74%;
    bottom: 5%;
}
#txtTA05 {
    width: 26%;
    left: 0;
    bottom: 5%;
}
#txtTA04 {
    width: 26%;
    left: 74%;
    bottom: 37%;
}
#txtTA03 {
    width: 26%;
    left: 0;
    bottom: 37%;
}
#txtTA02 {
    width: 26%;
    left: 74%;
    bottom: 69%;
}
#txtTA01 {
    width: 26%;
    left: 0;
    bottom: 69%;
}
.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;*/
    background: #f07d00;
}
#correosus{
    background: transparent;
    height: 50px;
    border-radius: 0px;
    font-style: normal;
    color: #ffffff;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    z-index: 1;
    font-size: 16pt;
}

#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: 0px;

}

.owl-carousel .icono-next{

    margin-right: 0px;

}

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

    margin-left: 30px;

}

.owl-carousel:hover .icono-next{

    margin-right: 30px;

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

    color: #fff;

    /*background: rgba(121, 121, 121, 0.5);*/

    padding: 5px;
    opacity: 1;

}

.owl-carousel .icono-next{

    color: #fff;

    /*background: rgba(121, 121, 121, 0.5);*/

    padding: 5px;
    opacity: 1;

}
.owl-carousel .icono-next:before, .owl-carousel .icono-prev:before{
    font-size: 25px;
    font-weight: 100;
}
.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 **************/
@-webkit-keyframes cs_tittles {
    2.0833333333333335%{ opacity: 0; -webkit-transform: translateX(-100%);}
    25.41666666666667%  { opacity: 1; -webkit-transition: .2s opacity .0s ease, .2s -webkit-transform .2s ease; -webkit-transform: translateY(0);}
    95%,100%    {  -webkit-transform: translateY(0);opacity: 1; }
}
@-moz-keyframes cs_tittles {
    2.0833333333333335%{ opacity: 0; -moz-transform: translateX(-100%);}
    25.41666666666667%  { opacity: 1; -moz-transition: .2s opacity .0s ease, .2s -moz-transform .2s ease; -moz-transform: translateY(0);}
    95%,100%    {  -moz-transform: translateY(0);opacity: 1; }
}
@-o-keyframes cs_tittles {
    2.0833333333333335%{ opacity: 0; -o-transform: translateX(-100%);}
    25.41666666666667%  { opacity: 1; -o-transition: .2s opacity .0s ease, .2s -o-transform .2s ease; -o-transform: translateY(0);}
    95%,100%    {  -o-transform: translateY(0);opacity: 1; }
}
@keyframes cs_tittles {
    2.0833333333333335%{ opacity: 0; transform: translateX(-100%);}
    25.41666666666667%  { opacity: 1; transition: .2s opacity .0s ease, .2s transform .2s ease; transform: translateY(0);}
    95%,100%    {  transform: translateY(0);opacity: 1; }
}
.div-flotante{
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 9;
    color: #000;
    /*overflow: hidden;*/
}
.icono-flotante{
    display: block;
    background: #64b161;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 1px 2px 5px rgba(100, 99, 99, 0.45);
}
.icono-flotante img{
    width: 35px;
}
.texto-flotante{
    /*display: none;*/
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-animation: cs_tittles 15000ms infinite -1400ms ease;
    -moz-animation: cs_tittles 15000ms infinite -1400ms ease;
    animation: cs_tittles 15000ms infinite -1400ms ease;
}

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

.tab_bg{

  /*  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;*/
    background: #fff;
    padding: 3% 1%;
    border-bottom: 1px solid #4f7a2d;

}

.tab_bg 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;

}

.tab_bg article.transform{

    transform: translateY(0%);

}

.tab_bg article.of-transform{

    transform: translateY(100%);

}

.tabs{

/*    display: table;

    width: 17%;

    margin-top: 1%;

    float: left;*/
    margin: 0;
    padding: 0;
    padding-top: 20px;
    height: 60px;
    max-height: 60px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: stretch;
    align-content: center;
    justify-content: space-between;

}

.tabs li{

/*    display: block;

    margin: 8px 0;

    text-align: center;

    float: left;

    width: 100%;

    text-decoration: none;

    position: relative;*/
    width: 50%;
    height: 100%;
    outline: none;
    display: block;
    font-size: 1.4rem;
    border-width: 1px;
    max-height: 100%;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    color: #606060;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: #4f7a2d;
    background-color: transparent;
    -webkit-transition: ease-in-out 250ms border-color, ease-in-out 250ms color;
    -moz-transition: ease-in-out 250ms border-color, ease-in-out 250ms color;
    -ms-transition: ease-in-out 250ms border-color, ease-in-out 250ms color;
    -o-transition: ease-in-out 250ms border-color, ease-in-out 250ms color;
    transition: ease-in-out 250ms border-color, ease-in-out 250ms color;

}

/*.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 {
    color: #606060;
    font-weight: 100;
    /*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.active{
    border-top-color: #4f7a2d;
    border-left-color: #4f7a2d;
    border-right-color: #4f7a2d;
    border-bottom-color: transparent;
}
.tabs li.active a{
    color: #4f7a2d;
    font-weight: 500;
}
.tabs li:first-child {
    border-top-left-radius: 0;
    border-left-color: transparent !important;
}
.tabs li:last-child {
    border-top-right-radius: 0;
    border-right-color: transparent !important;
}
/*.tabs li.active a{

    background: #971628;

    color: #fff;

}*/

/*.tabs li.active 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{
    padding-bottom: 56.25%;
    padding-top: 30px;
}
.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: #814582;
    font-family: 'gothamB';
    text-align: right;
}

.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;
}
.contenedor-grupo {
    display: table;
    width: 100%;
    text-align: center;
}
/*.grupo {
    width: 25%;
    display: inline-block;
}*/
.grupo {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding: 0px 12px;
}
.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: #001c42;
    font-size: 11pt;
    margin: 4% 0;
    padding-left: 20px;
}
.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: top;
    width: 20px;
}
.div-iconos span:before {
    font-size: 14pt;
    /* border-radius: 50%;
     border: 1px solid #fff; */
    color: #0090d2;
    display: block;
    width: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.div-iconos aside {
    display: table-cell;
    vertical-align: middle;
    padding-left: 6px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.div-iconos.active{
    color: #4bc7e9;
    font-weight: bold;
}
.div-iconos:hover{
    color: #0090d2;
}
.div-iconos img {
    height: 35px;
}
.div-icono-peque{
    border-bottom: 1px solid #4bc7e9;
    padding-bottom: 5px;
    color: #00417b;
}
.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{
    font-style: italic;
    background-color: #e8e8e8;
}
.form-home label{
    color: #464646;
}
.btn-form{
    background-color: transparent;
    border-radius: 6px;
    font-size: 18px;
    padding: 10px 30px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    margin: 0 auto;
    display: block;
    color: #fff;
    
}
.btn-form:hover, .btn-form:focus{
    background-color: rgba(0, 0, 0, 0.46)
}
.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{
    border: 1px solid #e70068;
    padding: 15px;
    text-transform: uppercase;
}
.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;
}
.titulo-duo{
    /*text-align: center;*/
    /*font-family: 'nexaBlack';*/
}
.titulo-duo h2{
    color: #f07d00;
}
.titulo-duo h2 span{
    color: #8e8e8e;
}
.titulo-duo h3{
    color: #f07d00;
}
.titulo-duo h3 span{
    color: #8e8e8e;
}
.titulo-duo h4{
    color: #000;
}
.titulo-duo h4 span{
    color: #8e8e8e;
}
.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: 12pt;
    color: #047245;
    float: right;
    line-height: 35px;
    text-align: center;
}
.titulo-duo2{
    /*text-align: center;*/
    padding: 0% 0 1%;
}
.titulo-duo2 h2{
    color: #f07d00;
    font-size: 5rem;
}
.titulo-duo2 h2 span{
    color: #8e8e8e;
}
.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{
    background: #e70068;
    padding: 5px 20px;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    border-radius: 2rem;
    font-size: 11pt;
    /* font-family: 'barlowL'; */
    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;
}
.btn-vermas:hover, .btn-vermas:focus{
    background: #000;
    color: #fff;
}
.btn-vermas i{
    background: #fff;
    padding: 10px 20px;
    font-size: 21px;
    /*font-family: "euroStyle";*/
    font-style: normal;
    color: #000;
    letter-spacing: 2px;
}
.btn-vermas2{
    background: transparent;
    border: 1px solid #353535;
    padding: 5px 40px;
    vertical-align: middle;
    display: inline-block !important;
    color: #353535;
    font-size: 12pt;
    /*font-family: 'barlowL';*/
    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;
}
.btn-vermas2:hover, .btn-vermas2:focus{
    background: #138fbc;
    border: 1px solid #138fbc;
    color: #fff;
}
.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: #e70068 !important;
}

.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-content{
    border-radius: 10px;
}
.mod-text{
    color: #676769;
}
.modal-transparente .modal-content {
    border-radius: 0;
    border: 0;
    background: transparent;
}
.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: 0%;
    margin-bottom: 0%;
}
.form-cuadrado .form-control{
    color: #000;
    height: 70px;
    margin-bottom: 0;
    border-radius: 0 !important;
    border: 1px solid #000 !important;
    padding: 6px 12px !important;
}
.form-cuadrado textarea.form-control {
    height: auto !important;
}
.form-cuadrado .form-control::placeholder:{
    color: #616161;
}
.form-cuadrado .form-control:-ms-input-placeholder : { color: #616161; }
.form-cuadrado .form-control::-webkit-input-placeholder { color: #616161; }
.form-cuadrado .form-control::-moz-placeholder { color: #616161; }
.btn-enviar{
    background: #fff;
    border: 0;
    font-size: 14pt;
    margin: 0 auto;
    display: block;
    padding: 15px 10%;
    border-radius: 0px;
    border: 1px solid #fff;
    color: #555;
    margin-top: 3%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-enviar:hover, .btn-enviar:focus{
    border: 1px solid #0072bc;
    background: #0072bc;
    color: #fff;
}
.rombo{
    position: relative;
    display: block;
    /*text-align: center;*/
    padding: 0;
    margin: 0;
    /*font-size: 10pt;*/
    font-weight: 100;
    overflow: hidden;
}
.rombo li{
    padding: 0px 1%;
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 11pt;
}
.rombo li:first-child:before{
    display: none;
}
.rombo li a{
    color: #fff;
    padding-bottom: 0;
}
.rombo li:before {
    content: "";
    background: #8e8e8e;
    /*height: 5px;
    width: 1px;
    position: absolute;
    top: 0;
    left: 0;*/
    height: 1px;
    width: 6px;
    position: absolute;
    top: 50%;
    left: -4px;
    /* transform: rotate(50deg); */
    /*height: 100%;*/
    /*display: none;*/
}
.rombo li a:hover, .rombo li a:focus{
    color: #e10b25;
}
.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: 8% !important;
}
.margen-bottom {
    margin-bottom: 8% !important;
}
.padding-arriba{
    padding-top: 3% !important;
}
.padding-abajo{
    padding-bottom: 3% !important;
}
.padding-encima{
    padding-top: 2% !important;
}
.padding-debajo{
    padding-bottom: 2% !important;
}
.margen-top-form {
    margin-top: 4%;
}
.super-margen-top{
    margin-top: 15% !important;
}
.super-margen-bottom {
    margin-bottom: 15% !important;
}
.titulo-esp{
    margin-top: -45px;
    position: relative;
    z-index: 2;    
    display: block;
    /*text-align: center;*/
}
.titulo-esp h1{
    color: #000000;
    line-height: 1.2;
    /* width: 55%; */
    text-align: left;
    margin-block-end: -10px;
}
.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{
    float: left;
    text-align: left;
    color: #e70068;
    margin-left: 30px;
}
/*.titulo-esp span:before{
    color: #d6a70e;
}*/
.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{
    position: relative;
    line-height: 1;
    padding-left: 5px;
}
.titulo-linea:before{
    content: '';
    background: #f07d00;
    height: 100%;
    width: 1px;
    position: absolute;
    left: -2px;
    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;
    height: 100%;
}
.table-row2 {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
}
.table-col{
    display: table-cell;
    vertical-align: middle;
    float: none;
    height: 100%;
}
.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: #333333;
    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.2rem;
    text-align: center;
}
.fondo-rojo a span{
    vertical-align: middle;
    display: inline-block;
}
.fondo-rojo a span:before{
    font-size: 30px;
}
.titulo-blanco{
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    opacity: 0.7;
    display: block;
    text-align: center;
    line-height: 1em;
    letter-spacing: 0.4px;
}
.border-right{
    border-right: 1px solid #fff;
}
.border-bottom{
    border-bottom: 1px solid #d0d0d0;
}
.form-sus{
    width: 60%;
}
.texto-rojo{
    color: #e11519;
}

.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;
    margin-top: 4px;
    /*position: absolute;*/
    /*right: 0;*/
}
.telefono a{
    color: #fff;
    padding: 0 4px;
}
.telefono span:before{
    font-size: 18px;
}
.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: -30px;
}
#demo .owl-carousel .icono-prev {
    margin-left: -30px;
}
.contenedor-img{
    display: table;
    width: 100%;
}
.section-img{
    display: inline-block;
    width: 46%;
    vertical-align: top;
    margin: 16px 8px 16px 16px;
    border: 1px solid #f1ecf0;
    border-radius: 5px;
    padding-bottom: 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;
}
.section-img:hover{
    box-shadow: 0px 0px 13px 0px #c1c1c1;
}
.activecat{
    color: #e11519;
}
.franja-roja{
    background: #e31913;
    padding: 20px;
    color: #fff;
    font-family: 'nexaBlack';
}
.sin-margen{
    margin: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.sin-margen-arriba{
    margin-top: 0 !important;
}
.sin-margen-abajo{
    margin-bottom: 0 !important;
}
.panel-heading {
    padding: 15px 0px;
    color: #000;
}
.panel-title {
    font-size: 18px;
    text-transform: uppercase;
    font-size: 1.189em;
    font-weight: bold;
}
.btn-venta{
    background: #e31913;
    padding: 10px 10%;
    border-radius: 0;
    font-family: 'nexaB';
    font-size: 18px;
    color: #fff;
    border: 0;
    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-venta:hover, .btn-venta:focus{
    background: #000000;
}
.redes-flotantes{
    position: fixed;
    top: 25%;
    right: 0px;
    z-index: 99999;
}
.redes-flotantes a{
    display: block;
    background: #000;
    padding: 5px 10px;
    color: #fff;
    border: 1px solid #fff;
}
.redes-flotantes a:hover, .redes-flotantes a:focus{
    background: #e11519;
}
#home{
    position: relative;
}
.form-banner{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 35%;
    color: #fff;
}
.form-banner article{
    position: relative;
    background: rgba(0, 0, 0, 0.6);
    max-width: 80%;
    margin: 0 0 0 auto;
    top: 55%;
    /*top: 9%;*/
    transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    padding: 20px 30px;
    border-radius: 15px;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}
.form-banner article:hover{
    background: rgba(0, 0, 0, 0.75);
}
.form-banner .form-control{
    color: #fff;
    background-color: transparent;
    background-image: none;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 39px;
    padding: 8px 12px;
}

.form-banner textarea.form-control{
    height: auto;
}
.form-group.row .div-form:first-child{
    padding-right: 4px;
}
.form-group.row .div-form:last-child{
    padding-left: 4px;
}
.div-form .form-control{
    margin-bottom: 15px;
}
.form-banner select:hover, .form-banner select:focus{
    background: #fff;
    color: #000;
    outline: none;
}
.form-banner option{
    /*background: #000000;*/
    background: #fff;
    color: #000;
}
.form-banner option:hover{
    background-color: #666666;
}
.form-banner h4{
    text-align: center;
    font-weight: 700;
    margin-bottom: 22px;
}
.form-banner .form-control::placeholder{
    color: #fff;
}
.form-banner .form-control:-ms-input-placeholder : { color: #fff; }

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

.form-banner .form-control::-moz-placeholder { color: #fff; }
.tabla-grupal{
    display: table;
    width: 100%;
}
.col-grupal{
    display: inline-table;
    width: 33.3%;
    vertical-align: middle;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 3%;
}
.col-grupal figure{
    display: inline-block;
    width: 40px;
}
.col-grupal figure img{
    width: 32px;
}
.col-grupal aside{
    text-align: left;
    color: #4f7a2d;
    letter-spacing: 0.4px;
    line-height: 1.15em;
    text-shadow: 0.5px 0 0 #4f7a2d;
    display: inline-block;
    width: 65%;
    vertical-align: middle;
    font-size: 12px;
}
.lado-izq{
    padding: 0 3% 0 5%;
}
.lado-der{
    padding: 0 0% 0 5%;
}
.seccion-der .lado-izq{
    float: right;
    padding: 0 5% 0 3%;
}
.seccion-der .cuadro-verde{
    left: -15px;
    right: auto;
}
.divisiones{
    overflow: hidden;
    font-size: 13px;
}
.divisiones p:first-child{
    float: left;
    width: 66%;
    margin: 0;
}
.divisiones p:last-child{
    float: right;
    width: 34%;
    text-align: right;
    margin: 0;
}
.div-texto{
    margin-top: 15px;
    text-align: justify;
    padding-left: 6%;
}
.div-texto p{
    margin: 0;
}
.link-verde{
    display: inline-block;
    color: #4f7a2d;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    transform: none;
    margin-right: 15px;
}
.link-verde:after {
    bottom: 0;
    left: -100%;
    height: 2px;
    width: 100%;
    content: "";
    display: block;
    background-color: #4f7a2d;
    position: absolute;
    -webkit-transition: ease-in-out left 250ms;
    -moz-transition: ease-in-out left 250ms;
    -ms-transition: ease-in-out left 250ms;
    -o-transition: ease-in-out left 250ms;
    transition: ease-in-out left 250ms;
}
.link-verde:hover, .link-verde:focus{
    color: #4f7a2d;
}
.link-verde:hover:after{
    left: 0;
}
.link-verde:active:after, .link-verde.active:after {
    left: 0;
}
.grupo-de-botones{
    display: block;
    position: relative;
    /*overflow: hidden;*/
    margin: 25px 0 10px;
    text-align: center;
}
.btn-verde{
    font-size: 12pt;
    /*border: 1px solid #008991;*/
    border: 0;
    margin-right: 10px;
    border-radius: 6px;
    padding: 6px 5px;
    font-weight: 500;
    color: #fff;
    background: #008991;
    width: 50%;
    display: inline-block;
    text-align: center;
    -webkit-transition: ease-in-out 250ms background-color, ease-in-out 250ms color, ease-in-out 250ms transform, ease-in-out 250ms box-shadow;
    -moz-transition: ease-in-out 250ms background-color, ease-in-out 250ms color, ease-in-out 250ms transform, ease-in-out 250ms box-shadow;
    -ms-transition: ease-in-out 250ms background-color, ease-in-out 250ms color, ease-in-out 250ms transform, ease-in-out 250ms box-shadow;
    -o-transition: ease-in-out 250ms background-color, ease-in-out 250ms color, ease-in-out 250ms transform, ease-in-out 250ms box-shadow;
    transition: ease-in-out 250ms background-color, ease-in-out 250ms color, ease-in-out 250ms transform, ease-in-out 250ms box-shadow;
}
.btn-verde:hover{
    /*transform: translateY(-0.25em);*/
    /*box-shadow: 0 0.5em 0.5em -0.4em rgba(0, 0, 0, 0.45);*/
    background: #00386a;
    color: #fff;
}
.btn-verde:focus{
    color: #fff;
}
.btn-verde:active, .btn-verde.active {
    background-color: transparent;
    color: #4f7a2d;
}
.container-flex{
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    height: 100vh;
    /*padding: 0;*/
}
.tabla-flex{
    /*display: flex;*/
    display: flow-root;
    flex-wrap: wrap;
    align-items: stretch;
    height: 100%;
    flex-direction: row;
    align-content: center;
    justify-content: space-around;
}
.tabla-colflex{
    height: 100%;
}
content.detalles{
    width: 100%;
    height: 100%;
    max-height: 100%;
    box-sizing: border-box;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*padding-left: 90px;
    padding-right: 90px;*/
}
.div-detalles{
    height: 100%;
    width: 100%;
    padding-top: 50%;
    transform: translate(0%,-40%);
    -ms-transform: translate(0%,-40%);
    -moz-transform: translate(0%,-40%);
    -webkit-transform: translate(0%,-40%);
    -o-transform: translate(0%,-40%);
}
.project-section {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
}
.project-section .project-section-content-wrapper {
    content: "";
    width: 100%;
    height: 100%;
    position: relative;
}
.project-section .project-section-content {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: #fff;
    -webkit-transition: ease-in-out 250ms visibility, ease-in-out 250ms opacity;
    -moz-transition: ease-in-out 250ms visibility, ease-in-out 250ms opacity;
    -ms-transition: ease-in-out 250ms visibility, ease-in-out 250ms opacity;
    -o-transition: ease-in-out 250ms visibility, ease-in-out 250ms opacity;
    transition: ease-in-out 250ms visibility, ease-in-out 250ms opacity;
}
.project-section .project-section-content.hide {
    opacity: 0;
    visibility: hidden;
}
.project-section .project-section-content.shown {
    display: block;
    opacity: 1;
    visibility: visible;
}
.grid-wrapper {
    height: 100%;
    display: grid;
    grid-gap: 15px;
    grid-auto-rows: 180px;
    grid-template-columns: repeat(12, minmax(calc(100% / 12 - 180px), 1fr));
    grid-template-rows: repeat(12, 1fr);
    grid-auto-flow: dense;
    box-sizing: border-box;
}
.project-photos .photo-wrapper:nth-child(1), .project-photos .photo-wrapper:nth-child(2), .project-photos .photo-wrapper:nth-child(n + 5) {
    grid-column: span 6;
}
.project-photos .photo-wrapper:nth-child(n):not(:nth-child(5)) {
    grid-row: span 3;
}
.project-photos .photo-wrapper:nth-child(3) {
    grid-column: span 8;
}
.project-photos .photo-wrapper:nth-child(4) {
    grid-column: span 4;
}
.project-photos .photo-wrapper:nth-child(5) {
    grid-row: span 6;
}
.project-photos .photo {
    content: "";
    font-size: 0;
    width: 100%;
    height: 100%;
    cursor: zoom-in;
    display: block;
    background-color: #DEDEDE;
    position: relative;
}
.project-photos .photo > a > img {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    position: relative;
    z-index: 1;
}
.project-photos .photo > a > .placeholder {
    top: 0;
    left: 0;
    z-index: 2;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}
.project-photos .photo > a > .placeholder > div {
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
.project-photos .photo > a > .placeholder > div > .overlay {
    top: 0;
    left: 0;
    z-index: 3;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    background-color: #5ca633;
    position: absolute;
    visibility: hidden;
    transition: ease-in-out opacity 250ms 350ms, ease-in-out visibility 250ms 350ms;
}
.project-photos .photo > a > .placeholder > div > .desc {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
}
.project-photos .photo > a > .placeholder > div > .desc > div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.project-photos .photo > a > .placeholder > div > .desc > div > .text {
    display: block;
    text-align: center;
    font-size: 1.2rem;
    color: #FFFFFF;
    font-weight: 500;
    box-sizing: border-box;
    position: relative;
    bottom: -100%;
    visibility: hidden;
    transition: ease-in-out bottom 250ms, visibility 0ms 250ms;
}
.project-photos .photo > a > .placeholder > div > .desc > div > .icon {
    padding-top: 10px;
    width: 26px;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    box-sizing: border-box;
    fill: #FFFFFF;
    position: relative;
    bottom: -100%;
    visibility: hidden;
    transition: ease-in-out bottom 250ms, visibility 0ms 250ms;
}
/*hovers */
.project-photos .photo:hover > a > .placeholder > div > .overlay {
    opacity: 0.8;
    visibility: visible;
    -webkit-transition: ease-in-out opacity 250ms, ease-in-out visibility 250ms;
    -moz-transition: ease-in-out opacity 250ms, ease-in-out visibility 250ms;
    -ms-transition: ease-in-out opacity 250ms, ease-in-out visibility 250ms;
    -o-transition: ease-in-out opacity 250ms, ease-in-out visibility 250ms;
    transition: ease-in-out opacity 250ms, ease-in-out visibility 250ms;
}
.project-photos .photo:hover > a > .placeholder > div > .desc > div > .text {
    bottom: 0;
    visibility: visible;
    transition: ease-in-out bottom 250ms, visibility 0ms;
}
.project-photos .photo:hover > a > .placeholder > div > .desc > div > .icon {
    bottom: 0;
    visibility: visible;
    transition: ease-in-out bottom 350ms, visibility 0ms;
}
/* fin hover*/
.project-models .models-wrapper{
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
    padding-left: 57px;
    padding-right: 57px;
    box-sizing: border-box;
}
.project-models .swiper-container {
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.project-models .swiper-container .swiper-slide {
    /*height: 50%;*/
    display: block;
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 150px;
    box-sizing: border-box;
}
.project-models .model {
    content: "";
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: zoom-in;
    background-color: #EFF0F0;
}
.project-models .model .image-container {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}
.project-models .model .image-container:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.project-models .model .image-container img {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}
.project-phases .phases-container, .project-phases .map-container, .project-map .phases-container, .project-map .map-container {
    content: "";
    width: 100%;
    height: 100%;
    position: relative;
}
.project-phases .phases-container .phases,
.project-phases .phases-container .map, 
.project-phases .map-container .phases, 
.project-phases .map-container .map, 
.project-map .phases-container .phases, 
.project-map .phases-container .map, 
.project-map .map-container .phases, 
.project-map .map-container .map {
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
/*mas info*/
.project-more-information .more-info {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.project-more-information .more-info .bg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.project-more-information .more-info .bg .overlay-container {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
.project-more-information .more-info .overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    opacity: 0.85;
    background-color: #5ca633;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.project-more-information .more-info .form-container {
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: relative;
}
.project-more-information .more-info .form-container .title {
    color: #FFFFFF;
    display: block;
    text-align: center;
    max-width: 100%;
}
.project-more-information .more-info .form-container .title h2 {
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 30px;
}
.project-more-information .more-info .form-container .title p {
    font-size: 2.5rem;
    line-height: 1em;
    margin-bottom: 15px;
}
.project-more-information .more-info .form-container .\--form {
    width: 360px;
    max-width: 100%;
}
.\--form .\--input {
    display: block;
    margin-bottom: 10px;
}
.\--form .\--input.\--inline-inputs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.\--form .\--input.\--checkbox {
    font-size: 0.75rem;
    display: block;
    box-sizing: border-box;
    padding-bottom: 12px;
}
.pretty {
    position: relative;
    display: inline-block;
    margin-right: 1em;
    white-space: nowrap;
    line-height: 1;
}
.pretty input {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 1em;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.pretty.p-svg .state .svg {
    position: absolute;
    font-size: 1em;
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    left: 0;
    z-index: 1;
    text-align: center;
    line-height: normal;
    top: calc((0% - (88% - 1.1em)) - 1%);
    border: 1px solid transparent;
    opacity: 0;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    margin: 0;
}

.pretty.p-curve .state label:before, .pretty.p-curve .state label:after {
    border-radius: 20%;
}
.pretty .state label:before {
    border-color: #bdc3c7;
}
.pretty .state label:before, .pretty .state label:after {
    content: '';
    width: calc(1em + 2px);
    height: calc(1em + 2px);
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    border: 1px solid transparent;
    z-index: 0;
    position: absolute;
    left: 0;
    top: calc((0% - (100% - 1em)) - 8%);
    background-color: transparent;
}
.pretty.p-svg input:checked ~ .state .svg {
    opacity: 1;
}
.pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg {
    color: #fff;
    stroke: #fff;
}
.pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img {
    animation: zoom 0.2s ease;
}
.pretty .state label {
    position: initial;
    display: inline-block;
    font-weight: normal;
    margin: 0;
    text-indent: 1.5em;
    min-width: calc(1em + 2px);
}
.cuadro-verde{
    height: 100%;
    width: 100%;
    background: #a6ce3f;
    content: '';
    display: block;
    border-top: 0;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: -1;
}



.contenedor{
    /*height: 100%;*/
    /*position: relative;*/
}
.fp-section,.fp-slidesContainer{
    display: block !important;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}
.tabla-flex{
    padding-top: 85px !important;
}
/*.fondo-white{
    padding-top: 80px !important;
}*/
/*.fondo-white .horizontal-scrolling{
    padding-top: 80px !important;
}*/
#footer{
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#footer .fp-tableCell{
    height: auto !important;
}
.svg-icon {
    display: inline-block;
    vertical-align: middle;
}
.svg-icon > svg {
    width: 17px;
    height: 17px;
    fill: #4f7a2d;
}
/*.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}*/
/*.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}*/

#moveDown{
    top: 80px;
    right: 4px;
    position:fixed;
    z-index:4;
    background: white;
    border: 0px solid #b1dd65;
    color: #b1dd65;
}
#moveUp{
    top: 80px;
    left: 4px;
    position:fixed;
    z-index:4;
    background: white;
    border: 0px solid #b1dd65;
    color: #b1dd65;
}
.fp-viewing--0 #moveUp{
    display: none;
}
.fp-viewing--0 #moveDown{
    display: none;
}
.link-img{
    height: 100%;
    display: block;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important;
}


.pag-internas .menu{
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.075);
}
.pag-internas .logo1{
    display: none;
}
.pag-internas .logo2{
    display: inline-block;
    padding: 15px;
}
.pag-internas .telefono a {
    color: #4f7a2d;
}
.pag-internas .navbar-inverse .navbar-nav > li > div > a{
    color: #4f7a2d;
}
.pag-internas .header_box ul > li.active:after{
    width: 100%;
}
.pag-internas .navbar-inverse .navbar-nav > li:hover > div > a{
    color: #b1dd65;
}
.pag-internas .dropdown-menu > li > div > a{
    background: #fff;
}
.pag-internas .img-menu{
    background: #fff;
}
.pag-internas .menu-of .logo2 {
    display: inline-block;
}

.cont-alto{
    position: relative;
    display: table;

    width: 100%;
    height: 100%;
    height: 90vh;
}

.cont-alto figure{

    width: 50%;

    display: table-cell;

    vertical-align: middle;

    position: relative;
    height: 100%;

}

.cont-alto aside{
    width: 50%;
    padding: 0 6%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 17px;

}
.cont-alto figure .seccion-banner{
    height: 100%;
}
.celda{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.parallax-absoluto{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.imagen-parallax{
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.cont-absoluto.cont-alto{
    padding-top: 0;
}
.cont-absoluto.cont-alto aside{
    background: rgba(0, 0, 0, 0.52);
    background: -webkit-gradient(linear, 1 -19, 0% 100%, from(rgba(16, 16, 16, 0.08)), to(rgba(0, 0, 0, 0.8901960784313725)));
    background: rgba(58, 44, 73, 0.63);
    background: -webkit-gradient(linear, 1 -19, 0% 100%, from(rgba(16, 16, 16, 0.08)), to(rgb(58, 43, 72)));
}
.cont-absoluto.cont-alto .titulo-duo h1{
    color: #b1dd65;
}
.cont-absoluto.cont-alto p{
    color: #fff;
}

.grupo-imagenes .img-pie {
    max-width: 90%;
    height: auto;
    max-height: 60px;
    width: auto;
}
.grupo-imagenes p {
    display: inline-block;
    width: 49%;
    margin: 0 auto;
}
.grupo-imagenes-ancho .img-pie {
    max-width: 90%;
    height: auto;
    max-height: 60px;
    width: auto;
}
.grupo-imagenes-ancho p{
    display: block;
    width: 88%;
    margin: 0 auto;
}
.texto{
    font-size: 16pt;
}
.texto2{
    font-size: 18pt;
}
.div-doble{
    display: table;
    width: 100%;
}
.div-doble figure{
    display: table-cell;
    vertical-align: middle;

}
.div-doble aside{
    display: table-cell;
    vertical-align: middle;
    width: 45%;
}
.div-doble div{
    font-size: 15pt;
    color: #ffffff;
    /* border-bottom: 2px solid #f4e44b; */
    display: inline-block;
    text-align: justify;
    padding-right: 15%;
}
.div-doble div h1{
    font-family: 'gothamB';
    font-size: 34pt;
    margin-bottom: 6%;
}
.div-doble div p{
    margin-bottom: 2px;
}
.form-transparente .form-control{
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    box-shadow: none;
    color: #108dbb;
    font-size: 15pt;
    height: 55px;
    margin-bottom: 15px;
}
.form-transparente .form-control:focus{
    border-color: #108dbb;
    outline: 0;
}
.form-transparente textarea.form-control{
    height: auto;
}
.form-transparente .form-control::placeholder{
    color: #fff;
}
.form-transparente .form-control::-webkit-input-placeholder{
    color: #fff;
}
.form-transparente .form-control::-moz-input-placeholder{
    color: #fff;
}
.form-transparente .form-control:-ms-input-placeholder{
    color: #fff;
}
.form-transparente .form-control::-ms-input-placeholder {
    color: #fff;
}
input:-internal-autofill-selected {
    background-color: rgb(86, 132, 94) !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
}
#owl-demo3 .owl-item img{
    height: auto;
    width: 100%;
    margin: 0 auto;
}
.logo {
    display: inline-block;
    vertical-align: middle;
    padding-right: ;
}
.logo a{
    padding: 0 !important;
}
.logo a img {
    width: 190px;
}
.video-carrusel .seccionimg {
    height: auto;
    max-height: 100%;
}
.carruser h4{
    /*color: #585858;*/
    /*font-size: 17pt;*/
    /*font-family: 'calibriM';*/
    margin: 0;
    padding: 15px 0px 0;
}
.textos{
    /*font-size: 13pt;*/
    color: #001C42;
    text-align: justify;
}
.textos iframe{
    width: 100% !important;
}
.textos2{
    color: #2f2f2f;
}
.textos2 iframe{
    width: 100% !important;
}
.textos2 a{
    color: #30a79b;
}
.secciontexto{
    /*background: #e4e4e4;*/
    padding: 15px 15px;
    min-height: 100px;
    text-align: left;
}
.sin-flecha .owl-nav{
    /*display: none;*/
}
.carrusel-blanco .owl-dots .owl-dot span{
    background: transparent;
    border: 1px solid #fff;
}
.carrusel-blanco .owl-dots .owl-dot.active span, .carrusel-blanco .owl-dots .owl-dot:hover span{
    background: #fff;
}
/*portafolios*/
.portfolio .portfolio-set{
    position: relative;
    /* margin-bottom: 20px; */
    padding: 0;
    z-index: 1;
    float: none;
}
.portfolio-item {
    text-align: center;
    margin-top: 0;
    border: 1px solid #ffffff;
}
.portfolio .fullwidth-block .portfolio-item {
    float: left;
}
.portfolio .fullwidth-block .portfolio-set .portfolio-item {
    width: 25%;
    position: relative;
    overflow: hidden;
}
.portfolio-item .wrap {
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    height: 50vh;
}
.portfolio.hover-title .portfolio-item .wrap {
    border: 0;
    padding-bottom: 0;
    background: none;
}
.portfolio-item .image {
    display: inline-block;
    /* position: relative; */
    max-width: 100%;
    padding: 0;
    vertical-align: top;
    overflow: hidden;
}
.portfolio-item .image .image-inner {
    /* position: relative; */
    z-index: 2;
    overflow: hidden;
}
.overlay-gris{
    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%;
    opacity: 1;
    padding: 15px;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.img-proy {
    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;
}
.portfolio-item .image .overlay {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    overflow: hidden;
}
.hover-circular .portfolio-item .image .overlay, .hover-circular .portfolio-item:hover .image .overlay, .hover-circular .gallery-item .overlay-wrap .overlay, .hover-circular .gallery-item:hover .overlay-wrap .overlay {
    display: block;
    -webkit-transition: background 0.5s 0.2s;
    transition: background 0.5s 0.2s;
}
.hover-circular .portfolio-item .image .overlay .overlay-circle, .hover-circular .gallery-item .overlay-wrap .overlay .overlay-circle {
    content: '';
    position: absolute;
    z-index: -2;
    opacity: 0;
    -webkit-transition: opacity 0.5s 0.2s;
    transition: opacity 0.5s 0.2s;
    background: -moz-linear-gradient(to bottom right, rgba(0, 188, 212,0.75) 0%, rgba(53, 64, 147,0.75) 100%) !important;
    background: -webkit-linear-gradient(to bottom right, rgba(0, 188, 212,0.75) 0%,rgba(53, 64, 147,0.75) 100%) !important;
    background: linear-gradient(to bottom right, rgba(0, 188, 212,0.75) 0%,rgba(53, 64, 147,0.75) 100%) !important;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    padding: 15%;
    left: 50%;
    top: 50%;
    transform: scale(0);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s, opacity 0.4s ease 0s;
    box-sizing: content-box;
    width: 337px;
    margin-left: -219.05px;
    margin-top: -219.05px;
}
.portfolio.hover-circular .portfolio-item .image .overlay .overlay-circle {
    display: block;
}
.portfolio-item .image .overlay .links-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}
.portfolio-item .image .overlay .links {
    display: table-cell;
    width: 100%;
    /* height: 100%; */
    text-align: center;
    vertical-align: middle;
}
.portfolio.hover-circular .portfolio-item .image .overlay .links {
    /*vertical-align: bottom;*/
   /* padding: 0;
    text-align: left;*/
}
.portfolio.hover-circular .portfolio-item .image .overlay .links .portfolio-icons {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 48px 42px;
}
.hover-circular .portfolio-item .image .overlay .links i.icon, .hover-circular .gallery-item .overlay .overlay-content-inner i.icon {
    opacity: 0;
    color: #fff;
    /* font-size: 2.1em; */
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-transform: translate(0, 200px);
    transform: translate(0, 200px);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
    transition: opacity 0.2s, transform 0.3s;
}
.portfolio:not(.hover-default) .portfolio-item .image .overlay .links i.icon {
    margin-right: 16px;
}
.portfolio:not(.hover-default):not(.hover-zooming-blur):not(.hover-gradient) .portfolio-item .image .overlay .links i.icon:before {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 2.1em;
}
.portfolio .portfolio-item .overlay-line {
    height: 2px;
    font-size: 0;
    line-height: 1;
}
.portfolio.hover-circular .overlay .overlay-line {
    margin: 16px 0;
}
.hover-circular .portfolio-item .image .links .overlay-line {
    overflow: hidden;
    position: relative;
    background: transparent;
}
.hover-circular .portfolio-item .image .links .overlay-line:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.portfolio-item .overlay .caption {
    background-color: transparent;
}
.portfolio.hover-circular .portfolio-item .image .overlay .links .caption {
    padding: 0 30px 25px;
    width: 100%;
    /*text-align: left;*/
}
.portfolio .overlay .links .caption .title, .portfolio .overlay .links .caption .subtitle, .portfolio .overlay .links .caption .subtitle p, .portfolio .overlay .links .caption .info {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}
.hover-circular .portfolio-item .image .links .caption .title {
    opacity: 0;
    top: 200px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
    transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
    color: #fff;
    /* font-size: 2.1em; */
    font-size: 20pt;
}
.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .title {
    margin-bottom: 0;
}
.hover-circular .portfolio-item:hover .image .overlay .overlay-circle, .hover-circular .gallery-item:hover .overlay-wrap .overlay .overlay-circle {
    opacity: 1;
    opacity: 1;
    transform: scale(1.3);
}
.hover-circular .portfolio-item:hover .image .overlay .links i.icon, .hover-circular .gallery-item:hover .overlay .overlay-content-inner i.icon {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.hover-circular .portfolio-item:hover .image .overlay .links i.icon:nth-child(1) {
    -webkit-transition: opacity 0.5s 0.0s, -webkit-transform 0.35s 0.0s, font-size 0.3s;
    transition: opacity 0.5s 0s, transform 0.35s 0.00s, font-size 0.3s;
}
.hover-circular .portfolio-item:hover .image .links .caption .title {
    opacity: 1;
    top: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
    transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.hover-circular .portfolio-item:hover .image .links .overlay-line:after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.portfolio-item:hover .overlay-gris{
    opacity: 1;
}
.portfolio-item:hover .img-proy {
    -webkit-transition: transform 4s;
    -o-transition: transform 4s;
    transition: transform 4s;
    -webkit-transform: translate3d(-50%,-50%,0) scale(1.2) rotate(0);
    -ms-transform: translate3d(-50%,-50%,0) scale(1.2) rotate(0);
    -o-transform: translate3d(-50%,-50%,0) scale(1.2) rotate(0);
    transform: translate3d(-50%,-50%,0) scale(1.2) rotate(0);
}
/*#menu-container.container{
    margin-top: 45px;
}*/
.alineado-carrusel .owl-stage{
    display: table;
}
.alineado-carrusel .owl-item{
    display: inline-block;
    vertical-align: middle;
    float: none !important;
}
.img-centrado{
    height: auto;
    max-height: 55px;
    width: auto;
    margin: 0 auto;
    display: block;
}
.ul-estrella{
    list-style: none;
    
}
.ul-estrella li{
    position: relative;
}
.ul-estrella li:before{
    content: "\f100";
    font-family: "icont";
    position: absolute;
    left: -32px;
    top: 0;
    bottom: 0;
}
.video-mp4{
    padding-right: 0 !important;
}
.video-mp4 video {
    max-width: 100%;
    /* width: 100% !important; */
    height: auto !important;
}
.cont-solucion{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cont-solucion aside h2{
    margin: 0;
    color: #505050;
    font-size: 22pt;
    font-family: 'gothamB';
    padding-bottom: 20px;
    /*text-align: center;*/
}
.cont-solucion aside{
    text-align: justify;
    font-size: 12pt;
    padding: 5% 6% 15px;
    border: 1px solid #eaeaea;
    border-top: 0;
    color: #505050;
    height: 250px;
}
.cont-solucion figure{
    overflow: hidden;
}
.cont-solucion figure img{
    width: 100%;
    object-fit: cover;
    height: 180px;
    transform: scale(1);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.cont-solucion:hover{
    box-shadow: 0 2px 6px 6px rgba(80, 80, 80, 0.1);
}
.cont-solucion:hover img{
    transform: scale(1.1);
}
.titulo{
    /*text-align: center;*/
    position: relative;
    display: inline-block;
    padding-bottom: 0px;
    margin: 0% 8% 15px;
    color: #021641;
}
.titulo h1{
    color: #000000;
    line-height: 1.2;
    /*width: 55%;*/
    /*float: cen;*/
    text-align: left;
    margin-block-end: -10px;
}
.titulo span {
    /*width: 47%;
    float: right;*/
    text-align: left;
    color: #e70068;
    /*padding-left: 85px;*/
}
.titulo span h4{
    padding-left: 58%;
    white-space: pre;
}
.titulo em {
    /*width: 55%;
    float: left;*/
    text-align: left;
    color: #e70068;
    font-style: normal;
}
.titulo em h4{
    margin-left: -20% !important;
    white-space: pre;
}
.titulo h2{
    color: #000;
    display: inline-block;
    /*font-size: 3em;*/
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    padding: 15px 0px;
    line-height: 0.5;
}
.titulo span:before{
    color: #0090d2;
    font-size: 22pt;
    padding-right: 12px;
}
.texto-imagen:hover .img-center{
    transform: scale(1);
}
.sin-hover.texto-imagen:hover .img-center {
    transform: scale(0.9);
}
.img-center{
    width: 100%;
    /*max-height: 250px;*/
    margin: 0 auto;
    display: block;
    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;
    /*transform: scale(0.9);*/
}
.btn-transparente{
    background: transparent;
    color: #fff;
    font-size: 12pt;
    font-weight: normal;
    text-transform: initial;
    display: block;
    padding: 0.2rem 3rem;
    /*width: 60%;*/
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 1.2rem;
    border: 1px solid #fff;
    margin: 0 auto;
    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;
}
.btn-transparente:hover, .btn-transparente:focus{
    background: #ffffff;
    color: #003869;
    border: 1px solid #ffffff;
}
.btn-flechita{
    color: #505050;
    font-weight: 700;
    display: inline-block;
    padding: 10px 0;
    font-family: 'gothamB';
    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;
}
.btn-flechita span{
    vertical-align: middle;
    display: inline-block;
}
.btn-flechita i{
    vertical-align: middle;
    display: inline-block;
    padding-left: 11px;
    transition: padding-left 0.5s ease;
    -webkit-transition: padding-left 0.5s ease;
    -moz-transition: padding-left 0.5s ease;
    -o-transition: padding-left 0.5s ease;
    -ms-transition: padding-left 0.5s ease;
}
.btn-flechita:hover{
    color: #2fa3c9;
}
.btn-flechita:hover i{
    padding-left: 30px;
}
.div-img-texto img{
    height: 110px;
    transform: scale(0.9);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.div-img-texto:hover img{
    transform: scale(1);
}
.sin-hover.div-img-texto:hover img{
    transform: scale(0.9);
}
.btn-revslider{
    background: #108dbb;
    color: #fff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-revslider a{
    color: #fff;
}
.btn-revslider:hover a{
    color: #108dbb;
}
.div-textos{
    padding: 10%;
}
.tit-modulo{
    height: 565px;
    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: 50vh;
    min-height: 384px;
    border: 1px solid white;
    border-bottom: none;
    border-right: none;
    -webkit-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
    /*margin-bottom: 30px;*/
}
.tit-modulo .overlay {
    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%;
    opacity: 1;
    padding: 15px;
    position: relative;
}
.overlay-img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background-position: center;
    background-size: auto 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 19;
    -webkit-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
}
.overlay-img:before {
    content: '';
    background-color: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    -webkit-transition: background 0.25s;
    -o-transition: background 0.25s;
    transition: background 0.25s;
}
.titulo-mod {
    position: absolute;
    bottom: 10%;
    left: 20px;
    width: 100%;
    max-width: 93%;
    z-index: 30;
}
.subtit-m {
    font-family: "barlowSB";
    color: #fff;
    font-size: 16pt;
}
.tit-m {
    /*text-align: left;*/
    color: white;
    font-size: 12pt;
    /*letter-spacing: 1px;*/
    font-family: "barlow";
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 50px;
    padding: 0;
    margin: 0;
}
.tit-modulo:hover .overlay-img {
    -webkit-transition: transform 4s;
    -o-transition: transform 4s;
    transition: transform 4s;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.content-block {
    max-width: 700px;
    padding: 4rem 3rem;
    display: table;
    height: 100%;
}

.mbr-section-title {
    font-style: normal;
    line-height: 1.2;
    color: #333333;
    /*font-family: 'gothamB';*/
    font-size: 26pt;
    display: table-cell;
    vertical-align: middle;
}
.display-7 {
    font-family: 'Barlow', sans-serif;
    font-size: 1.1rem;
    line-height: 1.4;
}
.col {
    padding: 0;
    display: flex;
    position: relative;
    min-height: 400px;
    justify-content: flex-end;
}
.overlay-wrapper {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 50%;
    transition-delay: 0.3s;
    top: 0;
    z-index: 4;
}
.overlay-wrapper .overlay {
    position: absolute;
    transition: all 0.3s;
    transition-delay: 0.3s;
    width: 0%;
    height: 100%;
    top: 0;
    right: 0%;
    background: #eaeaea;
    z-index: 2;
    opacity: 1;
}
.img-content {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: all 0.3s;
    transition-delay: 0s;
    
    background-position: center;
    background-size: cover;
    z-index: 3;
}
.box-content {
    width: 50%;
    height: 100%;
    transition: all 0.3s;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    background: #eaeaea;
}
.content1 {
    z-index: 5;
    max-width: 450px;
    position: relative;
    transition: all 0.3s;
    transition-delay: 0.3s;
    padding: 4rem 3rem;
}
.box-title2 {
    font-size: 22pt;
    color: #333333;
}
.box-text2{
    font-size: 15pt;
    opacity: 0;
}
.box-title2, .box-text2 {
    transition: all 0.3s;
    transition-delay: 0s;
}
.col:hover .overlay-wrapper {
    width: 100%;
    right: 0;
    transition-delay: 0s;
}
.col:hover .overlay {
    width: 100%;
    transition-delay: 0s;
}
.col:hover .img-content {
    opacity: 1;
    width: 100%;
    transition-delay: 0.3s;
}
.col:hover .box-title2, .col:hover .box-text2 {
    color: #ffffff;
    opacity: 1;
    transition-delay: 0.3s;
}
.block1-over {
    position: absolute;
    transition: all 0.6s;
    width: 100%;
    background-color: #108dbb;
    opacity: 1;
    height: 100%;
    top: 0;
    left: 0;
}
.block1 .content-block {
    max-width: 350px;
    padding: 4rem 3rem;
    z-index: 5;
    position: relative;
}
.block1:hover .block1-over {
    opacity: 0;
}
.block1:hover .box-title2, .block1:hover .box-text2{
    color: #fff;
    opacity: 1;
}
.btn-explorar{
    border: 1px solid #000;
    padding: 2% 10%;
    color: #505050;
    display: inline-block;
    font-family: 'gothamB';
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-explorar:hover{
    border: 1px solid #2fa3c9;
    color: #2fa3c9;
}
.btn-cotizar{
    display: inline-block;
    font-size: 16pt;
    color: #000;
    background: transparent;
    padding: 10px 5%;
    border-radius: 1.5rem;
    border: 1px solid #000000;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-left: 10%;
    margin-top: 3%;
    font-family: "gotham";
}
.btn-cotizar:hover, .btn-cotizar:focus{
    color: #ffffff;
    background: #000;
}
.div-medio{
    display: table;
    height: 100%;
}
.div-medio aside{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    font-size: 15pt;
}
.div-medio aside h3{
    font-size: 28pt;
    font-family: 'gothamB';
    color: #545454;
    text-align: center;
}
.video-content .fullcoveredvideo video{
    object-fit: contain !important;
    background-size: contain !important;
    background: black;
}
.sin-flecha .tp-leftarrow, .sin-flecha .tp-rightarrow{
    display: none;
}
.ancho-medio{
    width: 70%;
    margin: 0 auto;
}
.ancho-chico{
    width: 50%;
    margin: 0 auto;
}
.img-centro{
    height: 250px;
    margin: 0 auto;
    display: block;
}
.container-mediano{
    width: 90%;
    margin: 0 auto;
}
.container-grande{
    width: 95%;
    margin: 0 auto;
}
.div-logos{
    display: table;
    width: 100%;
    text-align: center;
}
.div-logos figure {
    display: inline-block;
    vertical-align: middle;
    width: 22%;
    margin: 10px;
}
.titulo-span {
    /*text-align: center;
    color: #814582;
    font-family: 'gothamM';*/
}
.titulo-span span{
    display: inline-block;
    /*width: 90px;*/
    width: 40%;
    height: 2px;
    background: #24b9ff;
}
.titulo-span span:last-child{
    background: #e10b25;
}
/*.titulo-span h1{
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    width: 60%;
}*/
.span-inverso span{
    background: #ea5055;
}
.span-inverso span:last-child{
    background: #24b9ff;
}
.con-padding{
    padding: 5%;
    height: 100%;
    display: table;
}
.con-padding aside{
    display: table-cell;
    vertical-align: middle;
}
.cont-pagina{
    font-size: 16pt;
}
.titulos-span {
    text-align: center;
}
.titulos-span span{
    display: inline-block;
    width: 37.1%;
 /*   height: 1px;
    background: #ff4337;*/
}
.titulos-span span img{
    width: 100%;
}
.titulos-span h1{
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    color: #24b9ff;
    width: 25%;
    margin: 0;
}

.div-producto img{
    height: 200px;
    margin: 0 auto;
    display: block;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
    margin-left: 0px;
}
.background-contain.tit-modulo{
    background-color: #ffffff;
}
.background-contain .overlay-img{
    background-size: contain;
    background-repeat: no-repeat;
}
.div-tabla{
    display: table;
    width: 100%;
    height: 100%;
}
.div-col{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.div-color{
    background: #e2e2e2;
    color: #585858;
    padding: 30px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    height: 270px;
}
.div-color .img-color2{
    display: none;
}
.div-color:hover{
    background: #ff4337;
    color: #fff;
}
.div-color:hover .img-color1{
    display: none;
}
.div-color:hover .img-color2{
    display: inline-block;
}
.input-sus{
    background: white;
    border: 0;
    /* border-bottom: 1px solid #ffffff; */
    height: 40px;
    font-size: 10pt;
    display: block;
    width: 100%;
    /*margin-bottom: 10%;*/
    border-radius: 1rem;
    color: #636362;
    box-shadow: none;
}
.input-sus:hover, .input-sus:focus{
    outline: 0;
    border-color: #f07d00;
    box-shadow: inset 0 0px 0px rgba(255, 152, 0, 0.63), 0 0 8px #ff980042;
}
.input-sus::placeholder:{ color: #8e8e8e;}
.input-sus:-ms-input-placeholder : { color: #8e8e8e; }
.input-sus::-webkit-input-placeholder { color: #8e8e8e; }
.input-sus::-moz-placeholder { color: #8e8e8e; }
.form-horizontal textarea.form-control{
    height: auto;
}
.btn-sus{
    background: #f6ab00;
    border: 0;
    color: #ffffff;
    border: 1px solid #f6ab00;
    padding: 5px 4%;
    height: 40px;
    border-radius: 1.2rem;
    font-size: 11pt;
    line-height: 1;
    width: 50%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-sus:hover, .btn-sus:focus{
    background: transparent;
    color: #f6ab00;
}
.btn-sus span{
    padding-left: 10px;
}
/*.btn-sus:hover span{
    padding-left: 15px;
}*/
.row-flex{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.row-flex2{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.align-items-center{
    -ms-flex-align: center!important;
    align-items: center!important;
}
.border-left{
    border-left: 1px solid #e1e5e8;
}
.border-left2 {
    border-left: 1px solid #f6ab00;
    padding-left: 15px;
}
.border-top{
    border-top: 1px solid #d8d9dd;
}
.border-bottom{
    border-bottom: 1px solid #d8d9dd;
}
.fondo-blanco .img-prod{
    border: 1px solid #eaeaea;
}
.fondo-blanco .tit-prod{
    background: #eaeaea;
}
.img-izq{
    position: absolute;
   /* width: 150px;
    left: 0;
    top: 30%;*/
    width: 116px;
    left: 0;
    top: 36%;
    right: auto !important;
}
.img-der{
    position: absolute;
    right: 0;
    /*top: 30%;
    width: 150px;*/
    top: 36%;
    width: 34% !important;;
    left: auto !important;
}
.img-izq2{
    width: 14%;
}
.img-der2{
    width: 14%;
}
.div-absolute{
    position: relative;
}
.img-absolute{
    position: absolute;
    top: 0;
    left: 0;
    /*right: 0;*/
    bottom: 0;
}
.img-absolute.right{
    right: 0;
    left: auto;
}
.div-absolute .row-flex{
    height: 100%;
}
.img-sobresalido{
    margin-bottom: -60px;
    z-index: 4;
    position: relative;
}
.linea-azul{
    border-top: 1px solid #0072bc;
}
/* nueva mascara azul */
.slide-azul figure {
    margin: 0;
    position: relative;
    /*box-shadow: 0px 10px 8px #0000007a;*/
}
.slide-azul figure img{
    width: 100%;
    object-fit: cover;
    height: 200px;
    -webkit-transition: transform 0.4s ease;
    -moz-transition: transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    -ms-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
}
.mascaraazul{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 114, 188, 0.8);
    z-index: 1;
}
.mascaraazul span{
    display: table;
    height: 100%;
    width: 100%;
    margin: 0;
    color: #fff;
    z-index: 2;
}
.mascaraazul span font{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 15%;
}
.mascaraazul span font p{
    position: relative;
    display: inline-block;
    font-size: 14pt;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 30px;
}
.mascaraazul span font p:before{
    content: '';
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 4px;
    background: #fff;
}

.swiper-slide.slide-azul .cont-carru{
    position: relative;
}
.swiper-slide.slide-azul.swiper-slide-active{
    opacity: 1;
    margin-top: 6%;
    transform: scale(1.1);
    z-index: 1;
}
.swiper-slide.slide-azul.swiper-slide-active figure img{
    height: 300px;
}
.swiper-slide.slide-azul.swiper-slide-duplicate-active{
    opacity: 1;
}
.swiper-slide.slide-azul.swiper-slide-duplicate-active figure img{
    height: 300px;
}
#swiper1{
    margin-top: 8%;
}
#swiper1 .swiper-button-next, #swiper1 .swiper-button-prev{
    margin-top: -40px;
}
#swiper1 .swiper-button-prev{
    background-image: none !important;
    left: 27%;
    width: 120px;
    height: 120px;
    text-align: center;
}
#swiper1 .swiper-button-next{
    background-image: none !important;
    right: 27%;
    width: 120px;
    height: 120px;
    text-align: center;
}
#swiper1 .swiper-button-prev span, #swiper1 .swiper-button-next span{
    position: relative;
    display: block;
    opacity: 1;
}
#swiper1 .swiper-button-prev span:before, #swiper1 .swiper-button-next span:before{
    font-size: 30px;
    color: #000000;
    background: white;
    padding: 10px;
}
.link-interes{
    width: 28% !important;
    margin: 5px;
}
.column-izq a {
    color: #4e4e4e;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.column-izq a:hover, .column a:focus {
    color: #0072bc;
}
.carruser-1{
   height: 80vh;
    width: 50%; 
    float: left;
}
.carruser-2{
   height: 40vh;
    width: 50%;
    float: left; 
}
.alto-div{
    height: 357px;
}
/* banner slick */
.banner-home {
    overflow: hidden;
}
.titulo-banner {
    font-family: 'gothamThin';
    position: absolute;
    top: 50%;
    /*left: 6%;*/
    right: 80px;
    color: #000;
    /*text-transform: uppercase;*/
    /*font-weight: 900;*/
    /*font-size: 50pt;*/
    font-size: 16pt;
    width: 50%;
    text-align: center;
    line-height: 1.5;
    
}
.banner-home .slick-active .titulo-banner {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.titulo-banner article {
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.titulo-banner article div{
    background: transparent;
    padding: 4% 0;
    margin-left: 10%;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 1s;
    overflow: hidden;
}
.titulo-banner article h1{
    font-size: 40pt;
}
.titulo-banner article h2{
    color: #000;
    /*border-bottom: 1px solid #eaeaea;*/
    /*display: inline-block;*/
    /*font-weight: normal;*/
}
.titulo-banner article h3{
    display: block;
    margin: 0;
}
.titulo-banner article p{
    display: block;
}
.banner-home .slick-active .titulo-banner article div{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.titulo-banner article .btn-cotizar{
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 2s;
}
.banner-home .slick-active .titulo-banner article .btn-cotizar{
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.titulo-banner.titulo-banner-left{
    left: 6%;
    right: auto;
    color: #000;
}
.titulo-banner.titulo-banner-left article div{
    margin-right: 10%;
    margin-left: 0;
}
.titulo-banner.titulo-banner-center{
    left: 50%;
    right: auto;
    color: #fff;
    text-align: center;
    transform: translate(-50%, 0%);
}
.titulo-banner.titulo-banner-center article div{
    margin-left: 0;
}
/* fin banner slick */

.div-cuadro{
    position: relative;
}
.div-cuadro h3{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #fff;
    font-size: 35pt;
    -webkit-transform: translate(0%, 50%);
    -moz-transform: translate(0%, 50%);
    -ms-transform: translate(0%, 50%);
    -o-transform: translate(0%, 50%);
    transform: translate(0%, 50%);
}
.linkeables {
    padding: 0;
    margin: 0;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
}
.linkeables li {
    list-style: none;
    display: inline-block;
    padding: 0;
    color: #f6ab00;
}
.linkeables li a {
    color: #001c42;
    /*text-transform: uppercase;*/
    font-size: 12pt;
    padding: 10px 0px 0;
    font-weight: bold;
    /*border-bottom: 1px solid #7b4281;*/
}
.linkeables li.active a {
    font-weight: 100;
    border-bottom: 1px solid #008fd0;
}
.texto-celeste{
    color: #1da4de;
    text-align: center;
}
.cuadro-celeste{
    background: #1da4de;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.cuadro-celeste p{
    margin: 0;
}
.cont-left{
    float: left;
    /*width: 10%;*/
}
.cont-right{
    float: left;
    width: 90%;
    padding-left: 3%;

}
.banner-nav .item{
    text-align: center;
}
.banner-nav .slick-prev:before,.banner-nav .slick-next:before,
.banner-nav .slick-prev:after, .banner-nav .slick-next:after{
    background: #1da4de;
    height: 2px;
    width: 10px;
    top: 50%;
    left: 5px;
}
.banner-nav  .slick-prev, .banner-nav .slick-next{
    margin-top: -3px;
    width: 30px;
    height: 20px;
    top: 20%;
}
.banner-nav .slick-prev:before,.banner-nav .slick-next:before{
    margin-top: -5px;
}
.banner-nav .slick-prev:after,.banner-nav .slick-next:after{
    margin-top: 0.2rem;
}
.banner-nav .slick-prev{
    left: -2.1rem;
}
.banner-nav .slick-next{
    right: -2.7rem;
}
.banner-nav .slick-prev:hover:before,.banner-nav .slick-next:hover:before{
    margin-top: -5px!important;
}
.banner-nav .slick-prev:hover:after,.banner-nav .slick-next:hover:after{
    margin-top: 0.2rem!important;
}
.titulo-nav{
    color: black;
    text-transform: capitalize;
    text-align: center;
    cursor: pointer;
}
.titulo-nav:hover{
    text-decoration: underline;
}
.cuadro-noticia{
    padding: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    /*height: 374px;*/
    /*margin: 10px;*/
    position: relative;
    width: auto;
    min-width: auto;
    overflow: visible;
    /*grid-column: span 2;*/
}
/*.cuadro-noticia:before{
    content: "";
    position: absolute;
    pointer-events: none;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 1px solid #e8e8e8;
}*/
.cuadro-flotante{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 20px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.cuadro-flotante h3{
    display: inline-block;
    color: #fff; 
}
.cuadro-flotante h3 a{
    color: #fff;
}
.cuadro-flotante h3:before{
    content: "";
    border-bottom: 1px solid #fff;
    display: block;
    height: 1px;
    left: 0;
    overflow: hidden;
    position: relative;
    width: 25px;
    top: -5px;
}
.cuadro-flotante h3:after{
    border-bottom: 1px solid #fff;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    overflow: hidden;
    position: relative;
    width: 25px;
    bottom: -5px;
}
.cuadro-flotante h2{
    max-width: 50%;
}
.cuadro-flotante h2 a{
    color: #fff;
}
.cuadro-flotante address a{
    color: #fff;
}
.link-noticia{
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
}
.link-noticia picture{
    /*position: relative;*/
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.link-noticia picture:before{
    content: "";
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 306px;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(68,68,68,0)),to(#444));
    background: linear-gradient(180deg,rgba(68,68,68,0) 20%,#444);
}
.link-noticia img{
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-height: 500px;
}
.cuadro-noticia a:hover, .cuadro-noticia a:focus{
    text-decoration: underline;
}
.div-imagen{
    overflow: hidden;
    position: relative;
    /*height: 100%;*/
}
.div-imagen img{
    width: 100%;
    max-height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
    /*height: 100%;*/
    height: 430px;
    width: 100%;
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cont-grande {
    /*height: 100%;*/
}
.cont-grande:hover .div-imagen img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.div-imagen2 img{
    height: 350px;
}
.cont-grande .mascaranegra{
    background: rgba(0, 0, 0, 0.62);
    opacity: 0;
}
.cont-grande .mascaranegra button{
    /*border: 1px solid #e70068;*/
    border: 0;
    background: #e70068;
    color: #fff;
    padding: 6px 4%;
    width: 40%;
    border-radius: 1.2rem;
    top: 50%;
    left: 50%;
    font-size: 12pt;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: absolute;
}
.cont-grande:hover .mascaranegra{
    opacity: 1;
}
.cont-grande .mascaranegra button:hover{
    background: #fff;
    color: #e70068;
}
.cont-grande h4{
    display: block;
    font-weight: bold;
}
.cont-grande aside{
    color: #000;
    width: 90%;
    display: inline-block;
    vertical-align: middle;
}
.cont-grande aside span{
    display: inline-block;
    /*vertical-align: middle;*/
}
.cont-grande article{
    width: 12%;
    display: inline-block;
    vertical-align: top;
}
.cont-grande article span{
    font-size: 20px;
    color: #e70068;
}
.cont-grande span.iconose-lupa:before{
    font-size: 14px;
}
.contenido-noticia{
    border: 1px solid #e8e8e8;
    padding: 10px;
}
.contenido-noticia aside h3{
    display: inline-block;
    color: #000;
}
.contenido-noticia aside h3 a{
    color: #000;
}
.contenido-noticia aside h3:before{
    content: "";
    border-bottom: 1px solid #000;
    display: block;
    height: 1px;
    left: 0;
    overflow: hidden;
    position: relative;
    width: 25px;
    top: -5px;
}
.contenido-noticia aside h3:after{
    border-bottom: 1px solid #000;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    overflow: hidden;
    position: relative;
    width: 25px;
    bottom: -5px;
}
.contenido-noticia aside h2 a{
    color: #000;
}
.subtitulo a{
    color: #777;
    font-size: 12pt;
}
.contenido-noticia a:hover, .contenido-noticia a:focus{
    text-decoration: underline;
}
.contenido-noticia.mas-chico h2{
    font-size: 16pt;
}
.contenido-noticia.mas-chico h3{
    font-size: 14pt;
}
.fondo-alquiler{
    background: #dee8e9;
    padding: 4% 0;
}
.btn-alquiler{
    display: block;
    background: #8bbbc0;
    padding: 5%;
    color: #fff;
    font-size: 16pt;
    text-align: center;
}
.link-alquiler{
    display: table;
    font-size: 16pt;
    width: 100%;
}
.link-alquiler img{
    height: 70px;
}
.link-alquiler span:first-child{
    display: inline-block;
    padding: 10px 15px;
    border-top: 3px solid #00acee;
    border-right: 3px solid #00adee;
    border-radius: 0 3rem 0 0;
    background: white;
    width: 35%;
    text-align: center;
}
.link-alquiler span:last-child{
    display: inline-block;
    vertical-align: top;
    width: 65%;
    height: 94px;
    /* background: #00a9ec; */
    /* margin-top: -3px; */
    border-bottom: 3px solid #00acee;
    /* border-left: 3px solid #00abed; */
    /* border-radius: 0 3rem 0; */
    margin-left: -3px;
     /*background: red;*/
}
.img-icono{
    height: 70px;
}
.story-meta {
    margin-bottom: 43px;
    border-top: 0;
}

}
.story-meta [class*="story-"] {
    float: left;
    border-right: 1px solid #e5e5e5;
    padding: 5px 15px;
}
.story-meta [class*="story-"] {
    float: left;
    border-right: 1px solid #e5e5e5;
    padding: 5px 15px;
}
.btn-links{
    background: #c0da3d;
    padding: 4px 8px;
    border-radius: 6px;
    display: inline-block;
    margin: 2px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-links span:before{
    font-size: 16px;
    color: #fff;
}
.btn-links:hover, .btn-links:focus{
    background: #814582;
}
.cont-plomo{
    /*border: 2px solid #c0da3d;
    border-radius: 6px;*/
    padding: 0;
    color: #000;
    background: #fbf7f6;
    position: relative;
    overflow: hidden;
    z-index: 2;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.div-plomo{
    background: #d8d9dd;
    color: #0c224a;
    /*padding: 10px 10px 0;
    height: 55px;*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.div-plomo h4{
    /*font-family: 'gothamM';*/
    /*font-size: 16px;*/
}
.cont-plomo article{
    padding: 5%;
}
.cont-plomo figure{
    overflow: hidden;
    text-align: center;
}
.cont-plomo figure img{
    padding: 5%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    height: 200px;
    width: auto;
    margin: 0 auto;
    object-fit: contain;
}
.cont-plomo:hover{
    box-shadow: 0px 0px 6px #ffffff;
}
.cont-plomo:hover .div-plomo{
    color: #5d5d5d;
}
.cont-plomo:hover figure img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.cont-plomo2{
    /*border: 2px solid #c0da3d;
    border-radius: 6px;*/
    padding: 0;
    color: #989898;
    background: #e3e9ec;
    position: relative;
    overflow: hidden;
    z-index: 2;
    width: 100%;
    /*font-family: 'taileb';*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.cont-plomo2 article{
    padding: 5%;
}
.cont-plomo2 figure{
    overflow: hidden;
    text-align: center;
    /*position: absolute;
    bottom: 0;
    left: 0;
    right: 0;*/
}
.cont-plomo2 figure img{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    /*width: 100%;*/
    display: block;
    margin: 0 auto;
    object-fit: contain;
}
.cont-plomo2:hover{
    box-shadow: 0px 0px 6px #ffffff;
}
.cont-plomo2:hover figure img{
    transform: scale(1.1);
}
#slick1{
    /*padding: 0 2.5%;*/
}
#slick1 .item {
    /*padding: 0.5rem;*/
}
.div-figure{
    position: relative;
    width: 100%;
    height: 400px;
    display: table;
}
/*.div-figure:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../img/circulo1.png');
    background-size: contain;
    background-repeat: no-repeat;
}*/
.div-figure img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.div-figure h4{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.span-morado.titulo-span span:last-child {
    background: #814582;
}
#slick2 .item{
    /*padding: 40px;*/
}
#slick2 {
    /*padding: 0 4%;*/
}
#slick3 .item{
    /*padding: 10px;*/
}
/*#slick3 .slick-slide img{
    width: auto;
    max-height: 80px;
    margin: 0 auto;
}*/
.cuadro-categoria{
  /*  border: 1px solid #c0da3d;
    font-family: 'gothamB';
    border-radius: 1rem;
    background: #fff;*/
}
.cuadro-categoria h4{
    margin: 0;
    padding: 10px 0px;
    background: transparent;
    color: #020202;
    text-align: left;
    /* border-radius: 1rem 1rem 0 0; */
    /*font-family: 'calibriM';*/
    border-bottom: 1px solid #f07d00;
}
.cuadro-categoria a{
    padding: 10px 0px;
    display: block;
    color: #555;
    font-size: 10pt;
    /*text-transform: uppercase;*/
    font-family: 'calibri';
}

.cuadro-categoria.verde a:hover, .cuadro-categoria.verde a:focus, .cuadro-categoria.verde a.active{
    color: #aabf3e;
}
.grupo-cate {
    /*margin-top: 4%;*/
}
.cuadro-categoria a.tit-subcate{
    color: #000000;
    font-size: 12pt;
    /*text-transform: uppercase;*/
    /*font-family: 'calibriM';*/
}
.cuadro-categoria a:hover, .cuadro-categoria a:focus, .cuadro-categoria a.active{
    color: #f07d00;
}
.grupo-cate aside{
    border-bottom: 1px solid #e6e6e6;
}
.fondo-morado{
    background: #673885;
    color: #fff;
    padding: 3% 0;
    position: relative;
}
.img-arriba{
    position: absolute;
    top: 0;
    left: 0;
    width: 6%;
}
.img-abajo{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 6%;
}
.container-chico{
    width: 74%;
    margin: 0 auto;
}
.img-transition{
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -ms-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
.img-transition:hover{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.circulos span{
    display: block;
    font-size: 5rem;
}
.timer{
    font-family: 'gothamB';
}
.img-marca{
    margin: 0 auto;
}
.img-semitop{
	top: 5%;
	width: 9%;
}
.img-semibottom{
	bottom: 5%;
	width: 9%;
}
.slider-testimonio img{
    display: inline-block !important;
    width: auto !important;
}
.mensaje-correo{
    background: #66ec00;
    color: #000 !important;
    padding: 1rem 1.2rem;
    border-radius: 0;
    margin: 0 !important;
    text-align: justify;
}
/*Magic Zoom nueva version*/
.imagen-grande{
    border: 1px solid #c0da3d;
    border-radius: 1rem;
    padding: 4px;
}
.img-top{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.iconos-home img{
    height: 80px;
    width: auto;
    margin: 0 auto;
    display: block;
   /* -webkit-filter: grayscale(100%);
    filter: grayscale(100%);*/
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}
.iconos-home:hover img{
    /*-webkit-filter: grayscale(0%);
    filter: grayscale(0%);*/
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.iconos-home a{
    color: #fff;
}

/*fin nuevo Magic Zoom*/
.div-informacion{
    border: 1px solid #8e8e8e;
    padding: 2%;
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    -ms-transition: 0.6s ease-out;
    -o-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
}
.div-informacion a{
    color: #636362;
}
.div-informacion span:before{
    font-size: 60pt;
    color: #636362;
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    -ms-transition: 0.6s ease-out;
    -o-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
}
.div-informacion:hover{
    background: #8e8e8e;
    color: #fff;
}
.div-informacion:hover a{
    color: #fff;
}
.div-informacion:hover span:before{
    color: #ffffff;
}
.div-informacion .img2{
    display: none;
}
.div-informacion img{
    height: 68px;
    width: auto;
}
.div-informacion:hover .img1{
    display: none;
}
.div-informacion:hover .img2{
    display: inline-block;
}
.cont-claro{
    background: #f5f5f5;
    color: #636362;
    /*font-family: 'calibriM';*/
    /*font-size: 14pt;*/
    padding: 3%;
}
.controles .nav{
    float: left;
}
/* menu usuario */
.menu-sesion.dropdown {
    display: inline-block;
    position: initial;
}
.div-user{
    display: inline-block;
    padding-right: 2px;
    position: relative;
    font-size: 9pt;
    float: right;
}
.div-user a {
    color: #636362;
    padding-left: 6px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.div-user i:before {
    font-size: 19px;
    line-height: 1.5;
}
.div-user a.btn-toggle:hover, .div-user a.btn-toggle:focus{
    color: #f07d00;
}
.div-cerrar {
    position: relative;
    display: block;
    text-align: left !important;
    padding: 4px;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.div-cerrar:hover{
    background: #eaeaea;
}
.div-cerrar a {
    color: #656565;
    text-decoration: none;
    font-weight: 100;
    font-size: 14px;
    /* padding-left: 6px; */
    padding: 10px;
    display: block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.div-cerrar i:before {
    font-size: 12pt;
    padding-right: 4px;
}
.menu-sesion .dropdown-menu {
    border: 1px solid #eaeaea;
    top: 90% !important;
    padding: 0px;
    right: 0;
    left: auto;
    background: #fff;
    min-width: 9rem;
    width: 140px;
    margin: 0;
    border-radius: 0;
    box-shadow: 2px 2px 6px rgba(115, 115, 115, 0.2);
}
.menu-sesion.dropdown-submenu>a:after, .menu-sesion.dropdown>a:after{
    display: none;
}
/* fin menu usuario */
/* carrito de compra */
.div-carrito {
    display: inline-block;
    padding-right: 2px;
    position: relative;
    font-size: 9pt;
    float: right;
}
#carrito-item{
    color: #636362;
}
.iconos-carro {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}
.item-carro {
    position: relative;
    font-weight: 100;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}
.item-carro:before{
    font-size: 22pt;
}
.item-carro em {
    position: absolute;
    top: -20px;
    right: -9px;
    font-size: 12px;
    background: #ff0000;
    border-radius: 50%;
    width: 18px;
    color: #fff;
    height: 18px;
    text-align: center;
    padding: 1px;
    font-style: normal;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.item-carro:hover, .item-carro:focus{
    color: #FF9800;
}
#contenido-carrito {
    position: absolute;
    display: none;
    width: auto;
    width: 350px;
    height: auto;
    margin-left: 0;
    z-index: 99999;
    right: 0;
    top: 149%;
}
.contenedor-carrito {
    width: 100%;
    height: 100%;
    padding: 16px 15px 36px 15px;
    background: #fff;
    border: 1px solid #eaeaea;
    overflow-x: hidden;
    max-height: 75vh;
}
.div-carrito .text-muted {
    font-size: 12pt;
}
.item-carrito {
    display: table;
    vertical-align: middle;
    border-color: inherit;
    width: 100%;
}
.item-carrito section {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.item-carrito figure {
    display: table-cell;
    border-spacing: 0;
    border-collapse: collapse;
    vertical-align: middle;
    width: 20%;
    text-align: center;
}
.item-carrito img {
    height: 45px;
    width: auto;
    /* max-width: 100%; */
}
.item-carrito a {
    color: #000;
    text-transform: capitalize;
    display: table-cell;
    border-spacing: 0;
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 9pt;
    padding: 5px;
    text-align: right;
    width: 40%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.item-carrito span {
    display: table-cell;
    border-spacing: 0;
    border-collapse: collapse;
    vertical-align: middle;
    padding: 14px 0;
    font-size: 8pt;
    width: 10%;
}
.item-carrito strong {
    display: table-cell;
    border-spacing: 0;
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 8pt;
    width: 66px;
    padding: 5px;
    width: 20%;
}
.cerrar-carrito i:before {
    font-size: 6px;
    padding: 7px;
    background: #f07d23;
    color: #fff;
    border-radius: 50%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.item-carrito:hover a{
    color: #f07d00;
}
.cerrar-carrito i:hover:before{
    background: #fec500;
}
.btn-dark{
    color: #ffffff;
    font-size: 11pt;
    background: #6d6d6d;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-dark:hover{
    color: #fff;
    background: #f07d23;
}
.boton-carrito{
    margin-right: 10px;
    text-decoration: none;
    color: #f07d00;
     background: transparent; 
    border: 1px solid #f07d00;
    display: inline-block;
    padding: 5px 10px;
    font-size: 11pt;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.boton-carrito:hover, .boton-carrito:focus{
    background: #f07d00; 
    color: white;
}
.boton-pagar{
    margin-right: 0px;
    text-decoration: none;
    color: white;
    background: #f07d00;
    display: inline-block;
    padding: 5px 10px;
    font-size: 11pt;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.boton-pagar:hover, .boton-pagar:focus{
    background: #636362;
    color: white;
}
.div-carrito.active #carrito-item{
    color: #f07d00;
}
/* fin carrito de compra */
/* bucador */
#div-buscar{
    display: inline-block;
    padding-right: 2px;
    position: relative;
    float: right;
}
.buscar-boton{
    z-index: 2;
    position: relative;
    cursor: pointer;
}
.buscar-boton:before{
    font-size: 21pt;
    color: #636362;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.buscar-boton:hover:before{
    color: #FF9800;
}
.buscar-boton.active:before{
    content: "\f109";
    font-family: iconi;
    /*font-size: 20pt;*/
    color: #FF9800;
}
.buscar-toggle{
    position: absolute;
    /*top: 0px;*/
    bottom: 0;
    /*right: 0px;*/
    right: 34px;
}
.buscar-toggle input{
    background: #ffff;
    color: #000;
    height: 38px;
    padding: 10px;
    border: 1px solid #FF9800;
    width: 280px;
    font-size: 10pt;
}
input:focus, input:active{
    outline: 0 !important;
}
#container-search-product {
    position: absolute;
    top: 100%;
    right: 34px;
    z-index: 91;
    width: 280px;
    background: #fff;
    border: 1px solid #FF9800;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    overflow-x: auto;
    max-height: 82vh;
}
.div-busq {
    display: flex;
    /* width: 100%; */
    padding: 0 10px;
    margin-left: -15px;
    margin-right: -15px;
    cursor: pointer;
}
.div-busq figure {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    padding: 6px;
    text-align: center;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.div-busq figure .img-fluid {
    max-width: 100%;
    height: auto;
    max-height: 50px;
}
.div-busq aside {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
}
.div-busq aside h3 {
    font-size: 11pt;
    color: #382b1f;
    margin: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.div-busq aside span {
    font-size: 10pt;
    color: #7b7b7b;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.div-busq:hover aside h3{
    color: #f07d23;
}
.div-busq:hover aside span{
    color: #f07d23;
}
.um_spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
  /*display:none;*/
}

.um_spinner > div {
  width: 8px;
  height: 8px;
  background-color: #f07d23;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.um_spinner .um_bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.sum_pinner .um_bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.5) }
  40% { -webkit-transform: scale(0.8) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/* fin bucador */
.lista ul{
    list-style-type: none;
    line-height: 1.7;
}
.lista li{
    position: relative;
}
.lista li:before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/check.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 25%;
    left: -34px;
}
.color-plomo{
    color: #797979;
}
.color-plomo p{
    color: #797979 !important;
}
.color-plomo a{
    color: #797979 !important;
}
.sniper{
    padding: 5px 0;
    height: 50px;
}
.sniper span{
    background: #f07d00;
    padding: 0 10px;
    color: #fff;
    margin-left: 10px;
}
.texto-50{
    height: 50px;
}
.img-encima{
    height: 35px;
    width: auto;
    margin: 0 auto 10%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.img1{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.img2{
    display: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.imagenes-hover:hover .img2{
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.imagenes-hover:hover .img1{
    display: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.spinner {
    width: 100px;
}
.input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}
.input-group-btn-vertical i{
    position: absolute;
    top: 20%;
    left: 30%;
}
.spinner .form-control{
    border: 1px solid #dadada;
    border-radius: 0;
    box-shadow: none;
    height: 50px;
    text-align: center;
}
.input-group-btn-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 12px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
    color: #000;
    font-size: 9px;
    font-weight: 100;
    background: whitesmoke;
    border: 1px solid #dadada;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.input-group-btn-vertical > .btn:first-child {
    /*border-top-right-radius: 4px;*/
}
.input-group-btn-vertical > .btn:last-child {
    margin-top: -2px;
    /*border-bottom-right-radius: 4px;*/
}
.input-group-btn-vertical > .btn:hover, .input-group-btn-vertical > .btn:focus {
    color: #000;
    background: #dadada;
}
.iconos-pagos{
    width: 50%;
    margin: 0 auto;
    text-align: center;
    color: #000;
    position: relative;
}
.iconos-pagos aside {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}
.iconos-pagos aside img {
     height: 80px; 
    /*width: 70px;*/
}
.iconos-pagos:before{
    content: ' ';
    position: absolute;
    /*width: 400px;*/
    height: 2px;
    background: #cccccc;
    left: 50%;
    /*top: 37%;*/
    /*margin-left: -200px;*/
    z-index: -1;
    width: 45%;
    top: 42%;
    margin-left: -23%;
}
.tabla-transparente{
    color: #000;
}
.tabla-transparente figure{
    height: 100px;
    width: 100px;
}
.inline-block{
    display: inline-block;
}
.tabla-transparente figure img{
    max-height: 100px;
    padding: 4px;
    width: auto;
}
.tabla-transparente > table{
    border-bottom: 1px solid #bbb;
}
.tabla-transparente h5{
    display: inline-block;
}
.tabla-transparente .table > thead > tr > th{
    border: 0;
    border-bottom: 2px solid #bbb;
    border-top: 0;
    font-size: 0.96em;
    text-transform: uppercase;
    font-weight: bold;
}
.tabla-transparente .table > tbody > tr > td{
    border: 0;
    vertical-align: middle;
    line-height: 1.5em;
    font-size: 1em;
    border-top: 1px solid #bbb;
}
.tabla-transparente > table.review{
    border: 0 !important;
}
.tabla-transparente > table.review tr:first-child td{
    border-top: 0 !important;
}
.tabla-transparente > table.review figure{
    height: 40px;
    width: 50px;
}
.tabla-transparente > table.review figure img {
    max-height: 40px;
}
.tabla-transparente > table tr td:first-child{
    background-color: transparent;
    width: auto;
}
.tabla-transparente > table tr:hover td, .tabla-transparente > table tr:hover th {
    background: transparent;
    color: #000;
}
.font-weight-bold{
    font-weight: bold;
}
.btn-naranja {
    background: #f07d00;
    border: 0;
    color: #fff;
    padding: 15px 10px;
    margin: 5px auto;
    transition: all 0.5s ease;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    border-radius: 4px;
}
.btn-naranja:hover, .btn-naranja:focus, .btn-naranja:active {
    background: #000000;
    color: #fff;
}
.btn-plomo {
    background: #999999;
    border: 0;
    color: #fff;
    padding: 15px 10px;
    margin: 5px auto;
    transition: all 0.5s ease;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 12pt;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    border-radius: 4px;
}
.btn-plomo:hover, .btn-plomo:focus, .btn-plomo:active {
    background: #000000;
    color: #fff;
}
.text-liston{
    color: #000;

    font-size: 12pt;

    margin: 10px 0;

    position: relative;
}
.text-liston label{
    padding-right: 4%;
}
.text-liston select{
    margin-top: 10px;
}
.text-liston input{
    margin-top: 10px;
}
.text-liston aside.custom-select{
    position: relative;
    width: 100%;
}
.text-liston aside.custom-select i {
    position: absolute;
    top: 20%;
    right: 10px;
    color: #252525;
    line-height: 1.7;
    z-index: 2;
    pointer-events: none;
}
.text-liston aside.custom-select i:before {
    font-size: 12px;
}
.btn-absolute {
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto;
}
.text-liston .bootstrap-select{
    margin-top: 10px;
}
.bootstrap-select .dropdown-menu{
    background: #fff;
    color: #000;
    border-radius: 0;
    padding: 0px 0;
    margin: 0px 0 0;
}
.bootstrap-select .dropdown-menu > li > a {
    font-size: 12pt;
    padding: 6px 12px;
}
.bootstrap-select .dropdown-menu li a span.text {
    color: #646363;
    padding: 2px 0;
}
.bootstrap-select .dropdown-menu > li > a:hover, .bootstrap-select .dropdown-menu > li > a:focus, .bootstrap-select .dropdown-menu > li.active > a {
    color: #fff;
    text-decoration: none;
    background-color: #0090d1;
}
.bootstrap-select .dropdown-menu > li > a:hover > span, .bootstrap-select .dropdown-menu > li > a:focus > span, .bootstrap-select .dropdown-menu > li.active > a > span{
    color: #fff;
}
.bootstrap-select .dropdown-menu li a:hover span.text, .bootstrap-select .dropdown-menu li a:focus span.text{
    color: #ffffff;
}
.bootstrap-select .dropdown-item:focus,.bootstrap-select .dropdown-item:hover {
    color: #000;
    text-decoration: none;
    background-color: #f8f9fa;
}
.bootstrap-select .btn-default:active:hover, .bootstrap-select .btn-default.active:hover, .bootstrap-select .open > .dropdown-toggle.btn-default:hover, 
.bootstrap-select .btn-default:active:focus, .bootstrap-select .btn-default.active:focus, .bootstrap-select .open > .dropdown-toggle.btn-default:focus, 
.bootstrap-select .btn-default:active.focus, .bootstrap-select .btn-default.active.focus, .bootstrap-select .open > .dropdown-toggle.btn-default.focus {
    color: #333 !important;
    background-color: #ffffff;
    border-color: #bbbbbb;
}
.bootstrap-select .btn-default:focus, .bootstrap-select .btn-default:hover, .bootstrap-select .btn-default:active {
    color: #646363 !important;
    background-color: #f7f7f7;
    border-color: #bbbbbb;
    /*border: 0;*/
    outline: 0px auto -webkit-focus-ring-color!important;
    outline-offset: 0;
    outline: 0 !important;
}
.bootstrap-select .dropdown-toggle {
    padding: 1.5rem 1rem;
    height: 50px;
    font-size: 13pt;
    line-height: 1;
}
.bootstrap-select .dropdown-toggle .filter-option{
    overflow: visible;
}
:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) {
    height: 100%;
}
.btn-azul{
    background: #00386a;
    border: 0;
    color: #fff;
    padding: 5px 15px;
    margin: 5px auto;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 12pt;
    /*font-weight: bold;*/
    text-decoration: none;
    /*text-transform: uppercase;*/
    /*width: 100%;*/
    text-align: center;
    border-radius: 0.4rem;
    width: 22%;
    float: right;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn-azul:hover, .btn-azul:focus{
    background: #e70068;
    color: #fff;
}
.btn-rojo{
    background: #e70068;
    border: 0;
    color: #fff;
    padding: 8px 10px;
    margin: 10px auto;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    width: 30%;
    text-align: center;
    border-radius: 2rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn-rojo:hover, .btn-rojo:focus{
    background: #f9edef;
    color: #e91675;
    /*border: 1px solid #ec448f;*/
}
.cards{
    border-radius: 1.25rem;
}
.cards-body{
    min-height: 0;
    padding: 2.25rem;
}
.desplegable-mas i:before{
    font-size: 12px;
    color: #000;
}
.textos-desc{
    color: #000;
}
.textos-desc ul, .textos-desc ol{
    padding-left: 18px;
}
.pagination > li {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.pagination > li > a, .pagination > li > span{
    color: #000000;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    color: #fff;
    background-color: #636362;
    border-color: #636362;
}
.layerslider-wrapper{
    max-width: 100% !important;
}
.img-carro{
    width: auto !important;
    min-height: 40px;
    max-height: 60px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.btn-sin-ancho{
    width: 25%;
}
.caja-ambar {
    display: table;
    padding-left: 0;
    width: 100%;
    height: 100%;
    min-height: 6.5rem;
    /*border: 2px solid #fddc5d;*/
    border: 2px solid #bbbbbb;
    border-radius: 1.5rem;
    margin-bottom: 2%;
    position: relative;
}
.caja-ambar .custom-control-label {
    display: table-cell;
    vertical-align: middle;
    padding-left: 4.2rem;
    cursor: pointer;
    font-size: 12pt;
    text-align: left;
}
.caja-ambar .custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.caja-ambar .custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}
.caja-ambar .custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.caja-ambar.custom-radio .custom-control-label::before {
    border-radius: 50%;
    /*border: 2px solid #000;*/
    background: #fff;
    border: 1px solid #000;
    box-shadow: inset 0px 0px 0px 2px white;
}
.caja-ambar .custom-control-label::before {
    top: 2.9rem;
    left: 12px;
}
.caja-ambar.custom-radio .custom-control-input:checked~.custom-control-label::before {
    /*background-color: #ffe88e;*/
    background-color: #0075ff;
    border-color: #0075ff;
}
.caja-ambar.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
}
.caja-ambar.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
}
.btn-plomo {
    background: #9E9E9E;
    border: 0;
    color: #fff;
    padding: 8px 4%;
    margin: 5px auto;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 15pt;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn-plomo:hover, .btn-plomo:focus {
    background: #000;
    color: #fff;
}
.slick-center .slick-track{
    display: flex;
    align-content: center;
    align-items: center;
}
.navbar-cabecera .navbar-nav > li{
    padding: 0px 0px;
}
.navbar-cabecera.navbar{
    min-height: 0;
    display: inline-block;
    vertical-align: middle;
    float: none !important;
    border: 0;
    margin-right: 0;
}
.menu .navbar-cabecera .navbar-collapse.collapse{
    float: none;
    width: auto;
    display: block !important;
}
.navbar-cabecera ul{
    position: relative;
    display: block !important;
}
.navbar-cabecera .navbar-nav > li{
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
}
.navbar-cabecera .navbar-nav > li.dropdown > div > a:after{
    display: none !important;
}
.navbar-cabecera .navbar-nav > li > a{
    padding: 10px 0;
}
.navbar-cabecera .dropdown-menu{
    padding-top: 0;
    padding-bottom: 0;
    min-width: 50px;
}
.navbar-cabecera .dropdown-menu a{
    color: #001c42;
    display: block;
    padding: 10px;
}
.navbar-cabecera a span:before {
    font-size: 6pt;
}
.navbar-cabecera .nav > li > a:hover, .navbar-cabecera .nav > li > a:focus{
    background-color: transparent;
    color: #0090d9;
}
.navbar-cabecera a:hover span:before {
    color: #2f90d1;
}
.div-blanco{
    background: #fff;
    padding: 15px;
    margin: 15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.seccion-img div{
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.seccion-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.seccion-texto{
    padding-left: 15px;
    padding-right: 15px;
    color: #001540;
    font-size: 11pt;
    vertical-align: top;
    position: relative;
}
.seccion-texto em{
    color: #04a7e1;
    font-size: 11pt;
}
.seccion-texto h2{
    color: #001540;
}
.seccion-texto p{
    color: #001540;
}
.div-blanco:hover {
    box-shadow: 0 2px 6px 6px rgba(80, 80, 80, 0.1);
}
.div-blanco:hover .seccion-img img{
    transform: scale(1.1);
}
.btn-flecha{
    background: transparent;
    border: 0;
    padding: 0;
  /*  float: right;
    margin-right: 10px;*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: absolute;
    position: absolute;
    right: 16px;
    bottom: 0;
}
.btn-flecha svg{
    margin-right: 0px;
}
.btn-flecha svg g{
    stroke: #05a7e1;
}
.btn-flecha:hover{
    /*margin-right: 0px;*/
    right: 0px;
}
.btn-celeste{
    background: #0090d1;
    border: 1px solid transparent;
    color: #fff;
    padding: 10px;
    width: 49%;
    display: inline-block;
    font-size: 12pt;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-celeste:hover, .btn-celeste:focus{
    border: 1px solid #9a9a9a;
    color: #ffffff;
    background: #9a9a9a;
}
.btn-sky{
    background: #199ac1;
    border: 1px solid transparent;
    color: #fff;
    padding: 8px 25px;
    /*width: 49%;*/
    border-radius: 2rem;
    display: inline-block;
    font-size: 12pt;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-sky:hover, .btn-sky:focus{
    border: 1px solid #9a9a9a;
    color: #ffffff;
    background: #9a9a9a;
}
.btn-transparente2{
    background: transparent;
    border: 1px solid #0090d1;
    color: #004277;
    padding: 10px;
    width: 49%;
    display: inline-block;
    font-size: 12pt;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-transparente2:hover, .btn-transparente2:focus{
    border: 1px solid #004277;
    background: #004277;
    color: #fff;
}
.select-azul.bootstrap-select> .dropdown-toggle{
    background: #004277 !important;
    border-color: #004277;
    color: #fff;
    border-radius: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.select-azul.bootstrap-select>.dropdown-toggle:active, .select-azul.bootstrap-select>.dropdown-toggle:focus, .select-azul.bootstrap-select>.dropdown-toggle:hover{
    color: #fff !important;
    box-shadow: 1px 1px 5px 2px rgb(0 66 119 / 0.3);
}
.select-azul.bootstrap-select.open > .dropdown-toggle.btn-default{
    border-color: #004277;
}
.select-azul.bootstrap-select> .dropdown-menu{
    padding: 0px 0;
    margin: 0px 0 0;
}
.select-azul.bootstrap-select .dropdown-menu > li > a{
    white-space: normal;
}
.seccion-blanca{
    background: white;
    padding: 4% 4%;
    margin-top: -100px;
    position: relative;
    color: #001C42;
}
/* linea de tiempo */
.timeline__scale {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.timeline__scale__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    margin-left: 29px;
}
.timeline__scale__item__year {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 165px;
    text-align: right;
}
.timeline__scale__item__year-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*align-items: center;*/
    align-items: start;
    cursor: pointer;
    color: #001c42;
    font-size: 22pt;
    font-weight: 500;
    line-height: 25px;
    width: 100%;
}
.timeline__scale__item__year-inner h2{
    padding-top: 40px;
    margin: 0;
    width: 100%;
}
.timeline__scale__item__year__circle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 16px;
    height: 16px;
    /*margin-left: 17.5px;*/
    -webkit-transition: all ease .15s;
    transition: all ease .15s;
    vertical-align: middle;
    border: 2px solid #E1A800;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 155px;
    position: absolute;
}
.timeline__scale__item__year__circle span {
   /* width: 6px;
    height: 6px;*/
    height: 100%;
    width: 100%;
    -webkit-transition: all ease .15s;
    transition: all ease .15s;
    color: #E1A800;
    /*border-radius: 50%;*/
    background-color: #E1A800;
}
.timeline__scale__item__txt {
    display: block;
    width: 100%;
    /*max-width: 420px;*/
    margin-left: 40px;
    color: #001c42;
    font-size: 13pt;
    font-weight: 400;
    line-height: 25px;
    position: relative;
    padding-bottom: 5%;
}
.timeline__scale__item__txt aside{
    padding-top: 40px;
}
.timeline__scale__item__txt sidebar{
    color: #9E9E9E;
    font-size: 20pt;
    font-weight: bold;
    font-family: 'exo2';
    /* line-height: 0; */
    position: absolute;
    top: -4px;
}
/*.invisible {
    visibility: hidden!important;
    opacity: 0!important;
}*/
.timeline__line {
    position: absolute;
    left: 192px;
    width: 1px;
    height: 100%;
    border-right: 1px solid #E1A800;
}
/* final linea de tiempo*/
.sin-listar{
        list-style: none;
    padding: 0;
}
.padding-encima{
    padding-top: 3%;
}
.padding-debajo{
    padding-bottom: 3%;
}
.div-icono-grande{
    background: whitesmoke;
    border-radius: 1.2rem;
    padding: 15px;
}
.div-icono-grande img{
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.div-icono-grande p{
    color:#000;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.div-icono-grande:hover img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.div-icono-grande:hover p{
    color:#e70068;
}
.contenido-blog .contenido-carru{
    padding: 15px 10%;
}
.contenido-blog .contenido-carru img{
    width: auto;
    max-height: 80px;
    margin: 0 auto;
}
.contenido-blog .imgsec{
    background-size: cover;
}
.contenido-blog .contenido-carru p{
    color: #fff;
    margin: 0;
}
.contenido-blog:hover .contenido-carru{
    color: #f08f00;
}
.contenido-blog:hover .contenido-carru p{
    color: #f08f00;
}
.contenido-blog:hover .img1{
    display: none;
}
.contenido-blog:hover .img2{
    display: block;
}
.contenido-servicio{
    position: relative;
    overflow: hidden;
}
.contenido-servicio .contenido-carru{
    padding: 15px 15%;
}
.contenido-servicio .contenido-carru img{
    width: auto;
    max-height: 80px;
    margin: 0 auto;
}
.contenido-servicio .imgsec{
    background-size: cover;
}
.contenido-servicio .contenido-carru p{
    color: #fff;
    margin: 0;
}
.contenido-servicio .proyectoimg:hover .imgsec2 {
    background-image: url(../img/img-transparencia.png) !important;
    z-index: 1;
}
.contenido-servicio .efecto-zoom:hover .imgsec{
    transform: none;
}
.externalSourcesBoxed .socialShares {
    float: left;
}
.shareButton {
    /* height: 28px; */
    display: inline-block;
    max-width: 100px;
    overflow: visible;
    margin: 0;
}
.btn-redes {
    border-radius: 4px;
    padding: 4px 8px;
    color: #fff;
    font-size: 12px;
    background: #9e9e9e;
    display: inline-block;
    border-radius: 50%;
}
.btn-facebook {
    background: #0c65b1;
    color: #fff;
}
.btn-twitter {
    background: #1493ff;
    color: #fff;
}
.btn-linkedin {
    background: #105592;
    color: #fff;
}
.btn-pinterest {
    background: #e11519;
    color: #fff;
}
.btn-redes:hover, .btn-redes:focus {
    background: #676767;
    color: #fff;
}
.poster-container{
    /*margin-top: -112px;*/
    text-align: center;
    margin: 0 0 1rem;
    position: absolute;
    top: 0;
}
.poster-container img{
    height: auto;
     vertical-align: top; 
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 0 0 8px 0 #3d3d3d;
    -moz-box-shadow: 0 0 8px 0 #3d3d3d;
    box-shadow: 0 0 8px 0 #3d3d3d;
}
.film-title{
    /*position: absolute;*/
    margin: 0;
    z-index: 4;
    top: 0;
    color: #e6e6e6;
    padding-left: 2%;
    text-shadow: 2px 2px 4px rgba(0,0,0,.45);
    -webkit-transition: all .2s cubic-bezier(.21,1,.84,1.01);
    -moz-transition: all .2s cubic-bezier(.21,1,.84,1.01);
    transition: all .2s cubic-bezier(.21,1,.84,1.01);
}
.film-name-alternate{
    color: #999;
}
.datos{
    margin-top: 10px;
    padding-left: 2%;
}
.list-group-item.py-1{
    margin-bottom: 0;
    border: 0px solid #ddd;
    border-bottom: 1px solid #cecece;
    border-radius: 0; 
}
.datos a{
    color: #008991;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.datos a:hover, .datos a:focus{
    color: #00386a;
}
.users-ratings {
    position: relative;
    width: 45px;
    min-width: 45px;
    height: 60px;
    display: table;
    color: #2eb8b8
}
.users-ratings .users-star {
    position: absolute;
    font-size: 3.5em;
    left: -1px;
    top: 0;
    z-index: 1;
}
.users-ratings .users-votes-values {
    z-index: 2;
    color: #fff;
    text-align: center;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    padding-top: 5px;
    font-size: 80%;
}
.user-rating {
    display: inline-block;
    margin: auto;
    margin-left: 5%;
}
.flex-sm-row{
    -ms-flex-direction: row!important;
    flex-direction: row!important;
}
.justify-content-start {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}
.flex-column {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important;
}
.img-circular{
    margin: auto;
    width: 100px;
    height: 100px;
}
.img-circular picture{
    display: block;
    padding-bottom: 100%;
    background-position: 50% 50%;
    background-size: 100%;
    border-radius: 50%;
}
.ver-mas-accion{
    position: relative;
}
.ver-mas-acciones{
    padding: 20px 0;
}
.ver-mas-acciones span{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}
.ver-mas-acciones i{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 10px 30px;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
    z-index: 2;
    color: #717376;
    border-color: #e8e8e8;
    background: #fff;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    text-decoration: none;
    font-style: normal;
}
.ver-mas-acciones span:before{
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #e8e8e8;
}
.sinopsis{
    background-color: #f8f9fa;
    padding: 5%;
}
.seccionimg3{
    height: 200px;
}
.a-favor{
    margin: 0 20px 0 0;
}
.en-contra{
    margin: 0 20px 0 0;
    color: #d22e42;
}
.a-favor:hover, .en-contra:hover{
    text-decoration: underline;
    color: #000;
}
.bg-light {
    background-color: #f8f9fa!important;
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 85px;
    z-index: 1;
    transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.menos-margen-arriba{
    margin-top: -20px;
}
.flecha-atras{
    position: relative;
    /*right: 9%;
    top: 0;*/
}
.flecha-atras .icono-prev {
    color: #ffffff;
    opacity: 0.8;
    font-weight: bolder;
    transition: all 0.5s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    cursor: pointer;
    /*background: #008991;*/
    /*padding: 10px;*/
    position: relative;
    margin-left: 0;
    top: 0;
    /*border-radius: 5px;*/
}
.flecha-atras span:before {
    font-size: 25px;
    background: #008991;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
.fondo-mora{
    background: #ebe0e8;
}
.modal-open .modal{
    padding-left: 0 !important;
}
button.close{
    position: absolute;
    top: -73px;
    right: 0;
    opacity: 1;
    font-size: 40px;
    color: #fff;
    text-shadow: none;
    font-weight: 100;
    border: 1px solid #fff !important;
    border-radius: 50%;
    padding: 0 8px !important;
}
button.close:hover, button.close:focus{
    background: #fff;
    color: black;
    opacity: 1;
}

/* MEDIA QUERYS */
@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: 1300px){
    .img-abajo{
        width: 5%;
    }
    .img-arriba{
        width: 5%;
    }
    .img-izq2 {
        width: 10%;
    }
    .img-der2 {
        width: 10%;
    }
    .cont-imgprin{
        max-width: 116.4rem;
    }
}

@media(max-width: 1250px){
    .divisiones p{
        font-size: 8pt;
    }
}
@media(max-width: 1200px){
    .titulo-banner {
        font-size: 12pt;
    }
    .div-qs {
        width: 28%;
    }
    .seccionimg {
        width: initial;
        height: 200px;
    }
    .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%;
    }
    .form-banner{
        width: 40%;
    }
    .carrusel h4{
        font-size: 12pt;
    }
    .titulos-pie{
        font-size: 12pt;
    }
    .div-doble div h1{
        font-size: 28pt;
    }
    .text-solo{
        font-size: 18px;
    }
    .textos{
        font-size: 12pt;
    }
    .div-color{
        height: 280px;
    }
    .navbar-inverse .navbar-nav > li > div > a{
        font-size: 1.5rem;
    }
    .fondo-pie a{
        font-size: 10pt;
    }
    .fondo-pie a p{
        font-size: 10pt;
    }
    .btn-sus{
        font-size: 12pt;
    }
    .input-sus{
        font-size: 10pt;
    }
    .btn-azul{
        font-size: 14pt;
    }
    .form-horizontal .form-control{
        font-size: 11pt;
    }
    .carruser h4{
        font-size: 14pt;
    }
    .circulos span {
        font-size: 4rem;
    }
    .titulo-banner article h1{
        font-size: 28pt;
    }
    .cont-imgprin{
        max-width: 106.4rem;
    }
}
/*fin 1200*/
@media(max-width: 1050px){
    .navbar-inverse .navbar-nav > li > div > a {
        font-size: 14px;
    }
    .menu-drop1 > div >li > .link-menu > a > h5{
        font-size: 14px;
        margin: 0;
    }
    .menu .dropdown-menu.menu-drop2 > li > a{
        font-size: 14px;
    }
    .telefono{
        font-size: 20px;
    }
    .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: 80px;
        padding: 6px;
    }
    .div-cate{
        margin: 25px 29px;
    }
    .div-cate .btn-ver {
        position: relative;
        bottom: 0;
        margin-top: 8px;
    }
    .form-sus {
        width: 80%;
    }
    h1, .h1 {
        font-size: 30pt;
    }
    h2, .h2 {
        font-size: 20pt;
    }
    h3, .h3 {
        font-size: 15pt;
    }
    h4, .h4 {
        font-size: 12pt;
    }
    h5, .h5 {
        font-size: 10pt;
    }
    h6, .h6 {
        font-size: 9pt;
    }
    p {
        font-size: 10pt;
    }
    .cuadro-categoria a.tit-subcate{
        font-size: 12pt;
    }
    #slick1 {
        padding: 0 0;
    }
    .cont-prod img{
       height: 165px;
    }
    .titulo-banner article h1 {
        font-size: 28pt;
    }
    .btn-cotizar{
        font-size: 10pt;
    }
    .bootstrap-select .dropdown-toggle{
        font-size: 10pt;
    }
    .bootstrap-select .dropdown-menu > li > a{
        font-size: 10pt;
    }
    .btn-transparente2{
        font-size: 10pt;
    }
    .btn-celeste{
        font-size: 10pt;
    }
    .btn-transparente{
        font-size: 10pt;
    }
    .logo-cli h3{
        font-size: 15pt;
    }
    .seccion-blanca{
        margin-top: -50px;
    }
    .div-iconos{
        font-size: 0.8em;
    }
    .linkeables li a{
        font-size: 10pt;
    }
    .cont-imgprin{
        max-width: 99.4rem;
    }
    .menos-margen-arriba {
        margin-top: -12px;
    }
}
/*fin 1050px*/

@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 {
        padding: 6px 6px;
    }
    .tit-prod{
        margin-top: 4%;
    }
    .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;

    }

    .menu {

        background: #fff !important;
        /*background: transparent!important;*/
        position: relative;
        padding: 0px 0;
        /*position: fixed;*/
        top: 0;
        box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.075);

    }
    .menu-on{
        position: fixed;
    }
    .menu-on .div-logo img {
        max-height: 70px;
        padding: 4px;
    }
    .div-logo img.logo2{
        display: inline-block;
        max-height: 60px;
        padding: 4px;
        display: none;
    }
    .fp-viewing--0 .menu-on .div-logo img.logo2 {
        display: inline-block;
        max-height: 64px;
        padding: 4px;
    }
    .menu-on .div-logo img.logo1{
        display: none;
    }
    .menu-on .div-logo img.logo2{
        display: inline-block;
    }
    .menu-of .div-logo img.logo2{
        display: none;
    }
    .menu-of .div-logo img.logo1{
        display: inline-block;
    }
    .menu-on .header_box .navbar-header{
        background: #fff;
        border-right: 1px solid #eaeaea;

    }
    .menu-on .div-logo{
        background: #fff;
    }
    .menu-on .header_box .icon-bar + .icon-bar {
        background: #000;
    }
    .menu-on .header_box .navbar-toggle .icon-bar{
        background: #000;
    }
    .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: #fff;
        border-right: 1px solid #eaeaea;
        width: 100px;
    }

    .header_box .navbar-toggle {

        z-index: 9999;

        margin: 0;

        float: none;

    }

    .header_box .navbar-toggle .icon-bar {

        background: #000;

    }

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

        background: #000;

    }
    .header_box .navbar-toggle.active .icon-bar {

        background: #fff;

    }

    .header_box .navbar-toggle.active .icon-bar + .icon-bar {

        background: #fff;

    }
    .div-logo {

        display: table-cell;

        vertical-align: middle;

        background: #fff;

        text-align: center;

    }

    .menu-circular {

        position: relative;

        z-index: 99999;

    }

    .navbar-inverse {

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

        border-color: #000000;


        min-height: 0;

        border: 0;

        display: block;

        vertical-align: middle;

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

    }

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

        color: #fff;

    }

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

        border-color: #121a1d;

    }
    .active a.scroll-link {
        color: #000 !important;
    }
    .navbar-nav > li {

        padding-bottom: 0;

        margin-left: 0;

    }

    .navbar-nav > li {

        float: none;

        margin: 0px;
        text-align: left;

    }
    .top-cab a img {
        height: 18px;
    }
    .img-line{

        display: none;

    }

    .navbar-nav {

        float: none;

    }

    .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: #fff;

        margin-top: 6px;

        margin-right: 15px;

    }

    .dropdown.open > .link-menu > button.dropdown-toggle:after{
        border-left-color: #182e4b;
    }
    .dropdown.active > .link-menu > button.dropdown-toggle:after{
        border-left-color: #182e4b;
    }
    .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;

        /*font-weight: 700;*/

        background-color: #fff;

        border-radius: 4px;

        border-radius: 0;



    }

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

        background: #fff;

        /*padding: 30px;*/



    }



    .menu .dropdown-menu span:before {

        font-size: 25px;

        margin-right: 15px;

    }

    .img-menu {

        height: 85px;

        margin-right: 15px;

    }

    .menu .navbar-nav .open .dropdown-menu {

        /*position: static;*/
        position: relative;
        float: none;

        width: auto;

        margin-top: 0;

        background-color: transparent;

        border: 0;

        -webkit-box-shadow: none;

        box-shadow: none;

    }

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

        background-color: #fff;

        border-color: #fff;

    }

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

        padding: 15px 40px !important;

    }

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

        line-height: 20px;

    }

    .menu .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;

    }
    .menu .dropdown.active > .link-menu{

        background: #fff;

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

        background: #fff;

    }



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

        color: #182e4b;

    }

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

        background: #f3f3f3;

    }

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

        background-color: #f3f3f3;

    }

    .menu .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #182e4b!important;
        background: #dedede;
        font-weight: 100;
    }
    .menu .dropdown-submenu>.menu-drop2 {
        left: 0;
    }
    .menu .dropdown-menu > li:hover > div > a, .menu .dropdown-menu > li:focus > div > a {
        color: #7b7b7b !important;
        background-color: transparent;
    }
    .menu .dropdown-menu > li.active > div > a{
        color: #7b7b7b !important;
        /*background-color: #000;*/
    }
    .div-right {
        float: none;
    }
    .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: #00386a;

        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: 15px;
        padding-right: 15px;
        opacity: 1;

    }
    .txtTAcontainer figure{
        /*padding-left: 0;*/
    }

    .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: -10px;

        /*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: 12pt;
        letter-spacing: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #fff;
    }
    .titulo-duo2 h2 {
        font-size: 3rem;
    }
    .div-text {
        font-size: 1.2em;
    }
    .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;
    }
    .section-img {
        width: 100%;
        margin: 0 0 15px;
    }
    .texto-rojo{
        text-align: justify;
    }
    .form-sus {
        width: 100%;
    }
    /*body {
        font-size: 16px;
    }*/
    .fondo-rojo a{
        font-size: 1.6rem;
    }
    .titulo-linea h1 {
        font-size: 3rem;
    }
    .texto-blanco {
        font-size: 1.6rem;
    }
    .titulo-duo h2{
        font-size: 2rem;
    }
    .fp-viewing--0 .menu-on .div-logo img.logo1 {
        max-height: 70px;
    }
    #fp-nav.left {
        left: -70px !important;
    }
    .div-detalles {
        padding-top: 0;
        transform: none;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -o-transform: none;
    }
    .divisiones p:first-child{
        width: 50%;
    }
    .divisiones p:last-child{
        width: 50%;
    }
    
    .cuadro-verde{
        display: none;
    }
    .tabs li.active a {
        color: #ffffff;
        font-weight: 500;
        background: #4f7a2d;
        height: 100%;
        width: 100%;
    }
    #tabs li{
        margin: 0;
        width: 50%;
        border-radius: 0;
        border: 1px solid #4f7a2d !important;
    }
    .tabla-grupal {
        width: 100%;
        margin: 0 auto 15px;
    }
    .col-grupal {
        width: 50%;
    }

    .sin-padding-sm{
        padding: 0 !important;
    }
    .sin-margen-sm{
        margin: 0 !important;
    }
    .width-acho-sm{
        width: 100% !important;
    }
    .lado-izq {
        padding: 0 1% 0 5%;
    }
    .col-der {
        padding: 0;
    }
    .lado-der {
        padding: 0 0% 0 35px;
    }
    .seccion-der .lado-izq {
        padding: 0 1% 0 1%;
    }
    .project-logo{
        width: 100%;
    }
    .navbar-nav .open .dropdown-menu li{
        text-align: left;
    }
    .menu-drop1 li  a{
        font-size: 15px;
        /*font-weight: 700;*/
        color: #fff !important;
        padding-left: 25px !important;
        text-transform: uppercase;
    }
    .menu-drop1 li  a img{
        display: none;
    }
    .dropdown-submenu.open > .link-menu > a{
        color:#182e4b !important;
    }
    .dropdown-submenu.open > .link-menu > button.dropdown-toggle:after{
        border-left-color: #182e4b;
    }
    .dropdown-submenu.open .dropdown-menu{
        background-color: #475569 !important;
        border-radius: 0 !important;
    }
    .dropdown-submenu.open .dropdown-menu > li > a{
        padding-left: 30px !important;
    }
    .modal-absoluto .modal-dialog{
        height: 100%;
        width: 100%;
        /* position: absolute; */
        margin: 0;
    }
    .modal-absoluto.modal-marca .modal-content{
        border: 0px solid rgba(0, 0, 0, .2);
        margin-top: 0;
        /* padding: 15px; */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .modal-absoluto .modal-header{
        min-height: 0;
        border-radius: 0;
        margin: 0;
        padding: 0;
    }
    .modal-absoluto .row{
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        top: 0;
        left: 0;
    }
   /* .modal-backdrop{
        background-color: #19a0da;
    }*/
    .modal-absoluto.modal-marca .close{
        color: #ffffff;
        top: 0;
    }
    .modal-absoluto .mod-text{
        padding: 0;
        height: 100%;
    }
    .modal-absoluto .project-section-content{
        height: 100%;
    }
    .modal-absoluto .more-info{
        padding: 15px;
    }
    .modal-absoluto .project-more-information .more-info .overlay{
        background-color: #65b328;
    }
    .fondo-contacto{
        padding-top: 61px;
        height: auto;
        min-height: 100vh;
    }
    .pag-contact aside{
        padding: 0 30px;
    }
    .fondo-pie2{
        padding: 1% 0;
    }
    .contenido-pagina{
        padding-top: 60px;
    }
    .cont-alto {
        padding-top: 0;
    }
    .padding-left {
        padding-left: 30px;
    }
    .padding-right {
        padding-right: 30px;
    }
    .cont-alto aside{
        padding: 0 3%;
    }
    .portfolio .fullwidth-block .portfolio-set .portfolio-item {
        width: 50%;
        position: relative;
    }
    #demo3 .owl-nav {
        display: none;
    }
    .fondo-pie{
        background-size: cover;
        overflow: hidden;
    }
    .fondo-pie .tabla-row{
        overflow: hidden;
    }
    .cont-solucion aside{
        height: auto;
    }
    .div-color img{
        height: 100px;
        padding: 5px;
    }
   /* .form-azul {
        padding: 1% 0%;
    }*/
    .div-color{
        height: auto;
    }
    .carruser h4{
        font-size: 12pt;
    }
    .btn-sus{
        width: 100%;
    }

    .tabla-md{
        width: 100%;
    }

    #owl-demo3 .items a {
        display: block;
        text-align: center;
    }
    .div-doble div{
        padding-right: 0;
        font-size: 12pt;
    }
    .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: #4e4e4e;*/
        padding: 0px 0%;
    }
    .top-cab a {
        color: #fff;
        font-size: 8pt;
        padding: 4px 5px;
    }
    .circulo-qs {
        /* height: 26vh;
         width: 26vh;*/
    }
    .div-logo img{
        position: relative;
        max-height: 60px;
    }

    /*menu ancho*/
    .header_box .collapse{
        position: fixed;
        top: 0;
        left: -100%;
        height: 100% !important;
        width: 100%;
        background: #000;
        transition: all 0.4s ease; 
    }
    .header_box .collapse.in {
        left: 0;
    }
    .header_box .navbar-inverse {
        background: transparent;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 9999;
    }
    .header_box .navbar-nav {
        float: none;
        height: 100%;
        padding-top: 30%;
    }
    #nav-toggle i{
        display: none;
    }
    #nav-toggle.active{
        position: absolute;
        right: 5px;
        top: 20px;
        color: #fff;
        z-index: 99991;
        background: #000;
    }
    #nav-toggle.active .icon-bar{
        transform: rotate(45deg);
    } 
    #nav-toggle.active .icon-bar + .icon-bar{
        transform: rotate(-45deg);
        margin-top: -2px;
    }
    #nav-toggle.active .icon-bar + .icon-bar + .icon-bar{
       display: none;
    }
    #nav-toggle.active i{
        display: block;
    }
    .container-chico {
        width: 90%;
    }
    .div-figure h4{
        font-size: 10pt;
    }
    .MagicThumb > img {
        width: auto;
        height: 300px;
    }
    .circulos span{
        font-size: 3.5rem;
    }
    .bar-right{
        width: 30%;
        padding-right: 12px;
        display: none !important;
    }
    .titulo-banner{
        font-size: 12pt;
        width: 52%;
    }
    .btn-cotizar{
        font-size: 11pt;
    }
    .div-logo a{
        padding-bottom: 0;
    }
    #contenido-carrito{
        top: 100%;
    }
    .menu-sesion .dropdown-menu{
        top: 100% !important;
    }
    .btn-webmail{
        padding: 2px 10px !important;
    }
    .navbar-collapse{
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        padding-right: 5px;
        padding-left: 5px;
    }
    .top-cab .div-right a:before{
        left: -2px;
    }
    .navbar-cabecera ul{
        margin: 0;
    }
    .navbar-cabecera .navbar-nav > li > a {
        padding: 5px 0;
    }
    .navbar-cabecera .nav .open > a, .navbar-cabecera .nav .open > a:hover, .navbar-cabecera .nav .open > a:focus {
        background-color: #001c42;
        border-color: #001c42;
    }
    .navbar-cabecera .dropdown-menu a {
        color: #fff;
        display: block;
        padding: 5px 5px;
        background: #0090d1;
    }
    .navbar-cabecera .nav .open > a, .navbar-cabecera .nav .open > a:hover, .navbar-cabecera .nav .open > a:focus{
        color: #0090d1;
        background-color: #001c42;
        border-color: #001c42;
    }
    .navbar-cabecera .nav .open > a span:before, .navbar-cabecera .nav .open > a:hover span:before, .navbar-cabecera .nav .open > a:focus span:before{
        color: #0090d1;
    }
    .navbar-cabecera .navbar-nav .open .dropdown-menu{
        position: absolute;
    }
    .navbar-cabecera .div-right {
        float: none;
    }
    .titulo-banner article h1 {
        font-size: 16pt;
    }
    .header_box {
        /*display: block;*/
        width: 100%;
    }
    .parallax-color{
        background: #008991 !important;
    }
    .btn-rojo{
        width: 60%;
    }
    .btn-ver{
        width: 60%;
    }
}
/*fin 991px*/
@media(max-width: 767px){
    .slick-dots li{
        margin: 0 2px !important;
    }
    .div-plomo{
        height: auto;
    }
    .top-cab .div-right span.icont-mails:before{
        background: #fff;
        color: #000;
    }
    .top-cab .div-right i{
        display: none;
    }
    .portfolio .fullwidth-block .portfolio-set .portfolio-item {
        width: 100%;
        position: relative;
    }
    .project-logo img{
        max-height: 42px;
    }
    .tabla-colflex.lado-izq.shown{
        height: 92%;
    }
    #fp-nav {
        display: none;
    }
    .lado-izq {
        padding: 0 3% 0 3% !important;
        float: none!important;
    }
    .col-der {
        padding: 0 !important;
    }
    .tabla-colflex.lado-izq {
        height: auto;
        /*position: static;*/
        position: unset;
        position: inherit;
    }
    .project-more-information .more-info .form-container{
        flex-wrap: nowrap;
    }
    .grupo-de-botones{
        text-align: center;
        position: absolute;
        /*bottom: 0;*/
            bottom: 56px;
        left: 0;
        z-index: 9999;
        margin: 0;
        display: flex;
        width: 100%;


        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        align-content: center;
        justify-content: center;
    }
    .btn-verde{
        /*flex-wrap: nowrap;
        flex-direction: column;
        align-items: stretch;
        align-content: center;
        justify-content: space-between;
        font-size: 5.5pt;
        border: 1px solid #f3f3f3;
        margin-right: 0;
        border-radius: 0;
        background: #ffffff;
        width: 20%;
        color: #606060;
        padding: 0px 5px;*/
    }
    .btn-verde:hover {
        transform: translateY(0em);
        box-shadow: none;
        color: #5ca633;
    }
    .btn-verde:active, .btn-verde.active {
        background-color: white;
        color: #5ca633;
    }
    .btn-verde i{
        display: block;
    }
    .btn-verde em{
        font-style: normal;
    }
    /*.fp-section{
        display: none !important;
    }
    .fp-section.active{
        display: block !important;
    }*/
    .tabulador.hide{
        display: none;
    }
    .tabulador.shown{
        display: block;
        height: 64%;
    }
    .tabulador.shown .tab_bg{
        height: 78%;
    }
    .tabla-flex{
        padding-top: 70px !important;
    }
    .link-verde{
        background: #b1dd65;
        padding: 3px 8px;
        border-radius: 4px;
        font-size: 9pt;
        width: 70%;
        text-align: center;
        margin: 0;
    }
    .svg-icon > svg {
        width: 12px;
        height: 12px;
    }
    .tabulador .tabla-grupal {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 12px;
    }
    .tabla-colflex {
        height: 74%;
    }
    .project-more-information .more-info .form-container .title h2 {
        font-size: 2rem;
        margin-bottom: 15px;
    }
    .project-more-information .more-info .form-container .title p {
        font-size: 1.6rem;
    }
    .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 !important;
    }
    .menu-on .div-logo img {
        max-height: 60px;
        padding: 6px;
    }
    .logo-fot{
        height: 45px;
    }
    #demo .owl-nav {
        position: absolute;
        /*top: -70px;*/
        top: 50%;
        left: 8px;
        right: 8px;
    }
    #owl-demo .icono-next {
        right: -40px;
        padding: 5px;
    }
    #owl-demo .icono-prev {
        left: -40px;
        padding: 5px;
    }

    /*.seccionimg {
        height: 245px;
    }*/
    .menu {
        padding: 0px 0;
    }
    .padding-cel{
        padding: 0;
    }
    
    .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: #182e4b !important;
        background-color: #dedede;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {

        color: #ffffff;

        background: #636362;

        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: #121a1d;



    }



    .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: 13px;
        text-align: center;
    }
    .color-fondo-pie {
        font-size: 10px;
    }
    .cont-pag .form-horizontal .control-label {
        font-size: 12px;
        text-align: left;
        padding: 1px 3px 1px 8px;
    }
    h1{
        font-size: 26px;
    }
    h2{
        font-size: 23px;
    }
    h3{
        font-size: 20px;
    }
    h4{
        font-size: 18px;
    }
    h5{
        font-size: 13px;
    }
    h6{
        font-size: 11px;
    }
    p{
        font-size: 14px;
    }
   .btn-vermas{
        padding: 10px 10px;
        font-size: 12pt;
        width: 80% !important;
   }
    .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;



    }







    /*/*/



    

    .div-logo {



        /*display: block;*/



        text-align: center;



    }



    .fondo-plomo p {



        font-size: 12pt;



        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: 8% 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: 4% 15px;



        width: 100%;



    }



    .titulos {



        /*margin: 2% 0 2%;*/



    }
    .margen-bottom {
        margin-bottom: 25px;
    }
    .margen-top {
        margin-top: 25px;
    }
    .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;
        width: 100%;

    }

    .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;

    }

    

    #form{

        margin-bottom: 25px;

    }

    .tabla-row2{

        display: block;

        width: auto;

        position: relative;

    }

    .proydiv {

        padding: 0;

        float: left;

        /* width: 100%; */

        display: block;

        vertical-align: middle;

    }
    .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%;
        padding-top: 0;
        height: 40px;
        max-height: 40px;

    }

    #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-carousel .icono-prev {

        margin-left: 0;
        top: 25%;
    }

    .owl-carousel .icono-next {

        margin-right: 0;
        top: 25%;
    }

    .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 {
        margin: 2% 0;
    }
    .titulo{
        margin: 0% 4% 15px;
    }
    .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: 12pt;
    }
    .menu-on{
        position: fixed;
        top: 0;
        box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.075);
    }
    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 {
        width: auto;
        float: none;
        line-height: 1.3;
        text-align: center;
        margin-block-end: 0;
        font-size: 36pt;
    }
    .titulos h4{
        padding-left: 0;
    }
    .titulos span{
        width: auto;
        float: none;
        text-align: center
    }
    .titulo-linea h1 {
        font-size: 3rem;
        padding-top: 8px;
    }
    .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%;
        background: #1d1d1b;
    }
    .margin-cel{
        margin: 0;
    }
    .fondo-pie{
        padding: 1% 15px;
        background-size: cover;
        overflow: hidden;
    }
    .fondo-pie a{
        padding: 5px 0;
        display: block;
        text-align: center;
    }
    .redes a{
        font-size: 29px;
        display: inline-block;
    }
    .titulos h2{
        font-size: 1.3em;
    }
    .img-pie {
        width: 50%;
        margin: 0 auto;
        display: inline-block;
    }
    .fondo-pagina li{
        font-size: 18px;
    }
    .rombo li{
        display: block;
        font-size: 10px;
    }
    .rombo li:before{
        display: none;
    }
    .redes{
        margin-bottom: 0;
        text-align: center;
        margin-top: 0;
        display: block !important;
    }
    .img-block{
        width: 40px !important;
    }
    .texto-negro{
        text-align: justify;
    }
    #demo {
        padding: 0 0;
    }
    .franja-roja h1{
        font-size: 14px;
    }
    .textcarr{
        font-size: 20px;
    }
    .tabla-grupal {
        width: 80%;
        margin: 0 auto 6px;
    }
    .divisiones{
        width: 80%;
        margin: 0 auto 4px;
        /* padding-bottom: 3px; */
        height: 70px;
        overflow: hidden;
        overflow-y: auto;
    }
    .tabulador.tabla-grupal {
        width: 100%;
    }
    .project-models .models-wrapper{
        padding-left: 0;
        padding-right: 0;
    }
    .project-models .swiper-container{
        padding-left: 0;
        padding-right: 0;
    }
    .project-models .swiper-container .swiper-slide{
        height: 100%;
    }
    .btn-verde:focus {
        color: #646464;
    }
    .grid-wrapper {
        height: 100%;
        display: block;
        grid-gap: initial;
        grid-auto-rows: initial;
        grid-template-columns: none;
        grid-template-rows: none;
        grid-auto-flow: initial;
        box-sizing: border-box;
    }
    .grid-wrapper .swiper-container{
        height: 100%;
    }
    .photo-wrapper{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .project-photos .photo-wrapper:nth-child(n):not(:nth-child(5)){
        grid-row: none;
    }
    .project-photos .photo-wrapper:nth-child(1), .project-photos .photo-wrapper:nth-child(2), .project-photos .photo-wrapper:nth-child(n + 5){
        grid-column: none;
    }
    .project-photos .swiper-slide a: {
        height: 100%;
        display: block;
    }
    .project-photos .swiper-slide a img{
        height: 100%;
    }
    .movil-foto{
        height: 100%;
    }
    .movil-foto .swiper-container{
        height: 100%;
    }
    .swiper-button-next, .swiper-button-prev{
        width: 40px !important;
        height: 56px !important;
        /*border: 1px solid #6a6a6a;*/
    }
    .padding-celu{
        padding-left: 15px;
        padding-right: 15px;
    }
    .pag-contact aside {

        width: 100%;

        /*display: block;*/

    }

    .pag-contact figure {

        width: 100%;

        display: block;

    }
    .cont-absoluto.cont-alto aside{    
        width: 100%;

    }
    .div-doble figure {
        display: block;
        vertical-align: middle;
        width: 100%;
    }
    .div-doble aside {
        display: block;
        width: auto;
        margin-bottom: 4%;
    }
    .owl-dots{
        margin-top: 13px !important;
        position: relative !important;
        text-align: center !important;
    }
    .owl-dots .owl-dot {
        display: inline-block !important;
    }
    .div-cafe .textos{
        font-size: 14pt;
    }
    .texto {
        font-size: 14pt;
    }
    .texto2 {
        font-size: 14pt;
    }
    .fondo-blanco .div-doble aside{
        display: block;
        width: auto;
    }
    .texto-solo{
        text-align: justify;
    }
    .div-doble div h1{
        font-size: 2em;
    }
    .conten {
        padding: 2% 0% !important;
    }
    .portfolio.hover-circular{
        padding: 0 15px;
    }
    .titulo h2{
        /*font-size: 2em;*/
    }
    .box-content{
        width: 100%;
        align-items: initial;
    }
    .col .overlay-wrapper {
        width: 100%;
        right: 0;
        transition-delay: 0s;
    }
    .col .img-content {
        opacity: 1;
        width: 100%;
        transition-delay: 0.3s;
    }
    .col .overlay {
        width: 100%;
        transition-delay: 0s;
    }
    .box-title2, .box-text2 {
        color: #fff;
        opacity: 1;
    }
    .block1 .content-block {
        max-width: 100%;
        padding: 4rem 1rem;
    }
    .fondo-plomo{
        padding: 4% 4%;
    }
    .div-logos figure{
        width: 33%;
    }
    .container-mediano {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .container-grande {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .ancho-medio {
        width: 100%;
    }
    .ancho-chico {
        width: 100%;
    }
    .table-row{
        display: block;
        overflow: hidden;
    }
    .table-col{
        display: block;
        float: left;
        height: 100%;
    }
    .text-center-celu{
        text-align: center;
    }
    .img-absolute {
        position: relative;
    }
    .slide-azul figure img{
        height: 140px;
    }
    #swiper1{
        margin-top: 4%;
    }
    #swiper1 .swiper-button-prev span:before, #swiper1 .swiper-button-next span:before{
        color: #000;
        font-size: 30px;
    }
    #swiper1 .swiper-button-next{
        right: 4%;
        top: 50%;
    }
    #swiper1 .swiper-button-prev{
        left: 4%;
        top: 50%;
    }
    .tp-bullets.uranus{
        top: 92% !important;
        -webkit-transform: translate(0%, -50%) !important;
        -moz-transform: translate(0%, -50%) !important;
        -ms-transform: translate(0%, -50%) !important;
        -o-transform: translate(0%, -50%) !important;
        transform: translate(0%, -50%) !important;
    }
    .mascaranegra2{
        /*background: rgba(0, 0, 0, 0.5);*/
    }
    .imgsec2 {
        /*transform: translate3d(-50%,-50%,0) scale(1.1);*/
    }
    /*.mascaranegra2 span {
        -webkit-transform: translate(15%, 50%);
        -moz-transform: translate(15%, 50%);
        -o-transform: translate(15%, 50%);
        -ms-transform: translate(15%, 50%);
        transform: translate(15%, 50%);
        opacity: 1;
    }*/
    .form-azul .form-control{
        margin-bottom: 5px;     
    }
    .link-interes{
        display: inline-block !important;
    }
    .alto-div{
        height: auto;
    }
    .titulos-span h1{
        width: 38%;
    }
    .titulos-span span{
        width: 30%;
    }
    .div-cuadro h3{
        font-size: 20pt;
    }
    .sin-float-celu{
        float: none !important;
    }
    .link-alquiler span:first-child{
        width: 90%;
    }
    .link-alquiler span:last-child{
        width: 10%;
    }
    .swiper-slide.slide-azul.swiper-slide-active{
        margin-top: 0;
        transform: scale(1);
    }
    .titulo-prod{
        text-align: center;
    }
    .container-chico{
        width: 90%;
    }
    .linkeables li a{
        font-size: 9pt;
    }
    .cont-plomo figure img{
        height: auto;
        max-height: 250px;
    }
    .cuadro-categoria a.tit-subcate{
        font-size: 12pt;
    }
    .cuadro-categoria h3{
        font-size: 12pt;
    }
    #slick1 {
        padding: 0 0%;
    }
    #slick2 {
        padding: 0;
    }
    .div-figure h4{
        font-size: 10pt;
    }
    .mensaje-correo{
        margin-bottom: 1% !important;
        text-align: left;
    }
    .img-ancho-medio{
        /*width: 100%;*/
        height: auto !important
    }
    .img-transition{
        -webkit-transform: scale(0.97);
        -moz-transform: scale(0.97);
        -o-transform: scale(0.97);
        -ms-transform: scale(0.97);
        transform: scale(0.97);
    }
    .titulo-banner{
        font-size: 10pt;
        width: 50%;
        right: 15px;
    }
    .titulo-banner h3{
        font-size: 10pt;
    }
    .titulo-banner p{
        font-size: 8pt;
    }
    .btn-cotizar{
        font-size: 8pt;
    }
    #div-buscar{
        position: static;
    }
    .buscar-toggle{
        bottom: -76%;
        right: 0px;
    }
    #container-search-product{
        right: 0px;
        top: 176%;
    }
    .cont-plomo2 figure{
        position: relative;
    }
    .cont-prod .rating{
        opacity: 1;
    }
    .cont-prod .btn-agregar{
        opacity: 1;
        font-size: 10pt;
        width: 100%;
    }
    .cont-prod .btn-cotizacion {
        opacity: 1;
        width: 100%;
    }
    .fondo-pie a {
        font-size: 10pt;
    }
    .fondo-pie a p {
        font-size: 10pt;
        display: block;
    }
    .margen-abajo-xs{
        margin-bottom: 4% !important;
    }
    .img-encima{
        display: none !important;
    }
    
    .cont-plomo figure{
        height: 250px;
        display: flex;
    }
    .iconos-pagos {
        width: 80%;
    }
    .iconos-pagos aside {
        width: 30%;
    }
    #slick1 .item {
        padding: 0.5rem 0;
    }
    .cont-prod img{
        min-height: 60px;
        max-height: 100px;
        height: auto;
        width: auto;
    }
    .raya-abajo{
        width: auto;
    }
    .raya-abajo:before{
        left: 0;
        right: 0;
        width: 100%;
    }
    .buscar-toggle input{
        border-bottom: 2px solid #FF9800;
        box-shadow: 0px 3px 5px rgba(111, 111, 111, 0.6);
    }
    /*tabla dinámica*/
    /* Force table to not be like tables anymore */
    .tabla-transparente table, .tabla-transparente thead, .tabla-transparente tbody, .tabla-transparente th, .tabla-transparente td, .tabla-transparente tr {
        display: block;
        border: 0;
    }
    .table-responsive{
        border: 0;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .tabla-transparente thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .tabla-transparente tr {
      margin: 0 0 1rem 0;
      padding-left: 0 !important;
    }
    .tabla-transparente tr:nth-child(odd) {
      background: #ccc;
    }
    .tabla-transparente td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
    }
    .tabla-transparente .table > tbody > tr > td{
        text-align: left;
    }
    .tabla-transparente td:before {
        /* Now like a table header */
        position: absolute;
        top: 0;
        left: 0;
        width: 45%;
        padding-top: 5px;
        padding-right: 10px;
        white-space: nowrap;
        height: 100%;
        padding-left: 6px;
        background: #f7f7f7;
        font-weight: bold;
        color: #000;
    }
    .tabla-transparente tr:nth-child(odd) {
        background: #fff;
    }
    .tabla-transparente > table tr td:first-child{
        white-space: normal;
    }
    .tabla-transparente h5{
        margin: 0;
    }
    .tabla-transparente td.eliminar{
        padding-left: 0 !important;
        text-align: center !important;
        background: #cccccc !important;
    }
    /*.tabla-transparente td:nth-of-type(1):before { content: "PRODUCTO"; }
    .tabla-transparente td:nth-of-type(2):before { content: "CANTIDAD"; }
    .tabla-transparente td:nth-of-type(3):before { content: "PRECIO UNITARIO"; }
    .tabla-transparente td:nth-of-type(4):before { content: "TOTAL PARCIAL"; }*/
    .tabla-transparente > table > tbody > tr > td:before {
        content: attr(data-content);
    }
    .tabla-transparente > table > tbody > tr > td.eliminar:before {
        display: none;
    }
    .btn-absolute{
        font-size: 10pt;
    }
    #tituloFormulario{
        font-size: 9pt;
    }
    .tabla-transparente tr.tr-normal td:before{
        content: '' !important;
        width: 0 !important;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }
    .tabla-transparente tr.tr-normal td{
        padding-left: 0% !important;
    }
    .tabla-transparente tr.tr-normal th, .tabla-transparente tr.tr-normal{
        display: block;
        border-top: 1px solid #e0e0e0;
        margin-bottom: 0 !important;
    }
    .tabla-transparente tr.tr-normal td{
        display: inline-block;
        width: 49.4% !important;
        border: 0 !important;
    }
    .tabla-transparente tr.tr-normal td.hidden-xs{
        display: none !important;
        padding: 0 !important;
    }
    .custom-control-label{
        display: contents;
    }
    .btn-sin-ancho{
        width: 80%;
    }
    .logo-carru img{
        max-height: 60PX;
        width: auto !important;
        margin: 0 auto;
    }
    .slick-ancho-xs .item{
        width: 100% !important;
    }
    .div-blanco{
        margin: 0;
    }
    .padding-carru2 {
        padding: 0;
    }
    .div-tabla {
        display: block;
        width: 100%;
        height: auto;
    }
    .div-col {
        display: block;
        vertical-align: middle;
        width: 100%;
    }
    .seccion-texto {
        padding-left: 0;
        padding-right: 0;
    }
    .slick-dots{
        text-align: center;
    }
    .circulos span {
        font-size: 3rem;
    }
    .btn-azul{
        font-size: 10pt;
        width: 100%;
        border-radius: 1rem;
        height: 50px;
    }
    .seccion-blanca{
        margin-top: 0px;
        padding: 4% 0;
    }
    .img-sobresalido{
        margin-bottom: 0;
    }
    .timeline__scale__item__year{
        /*width: 100%;*/
    }
    .timeline__scale__item{
        margin-left: 0px;
    }
    .timeline__scale__item__year__circle{
        margin-left: 112px;
    }
    .timeline__scale__item__txt{
        /*margin-left: 20px;*/
        font-size: 10pt;
    }
    .timeline__line{
        left: 120px;
    }
    .timeline__scale__item__txt sidebar{
        font-size: 16pt;
    }
    .modal-dialog.modal-xl {
        margin-top: 60px;
    }
    .textos {
        font-size: 10pt;
    }
    .seccionimg{
        height: 300px;
    }
    .titulo-banner article div{
        margin-left: 0;
    }
    .parallax-color{
        background: #008991 !important;
    }
    .poster-container{
        position: relative;
    }
    .poster-container img{
        margin: 0 auto;
    }
    .film-title{
        position: relative;
        text-align: center;
        top: -22px;
        color: #000000;
        text-shadow: none;
    }
    .menos-margen-arriba{
        margin-top: 0;
    }
    .margen-arriba-cel{
        margin-top: 6% !important;
    }
    .margen-abajo-cel{
        margin-bottom: 6% !important;
    }
    body{
        font-size: 14px;
    }
    .fondo-rosa-cel{
        background: #f9edef;
    }
    .titulo h1{
        line-height: 1.3;
        margin-block-end: 0;
        font-size: 36pt;
        text-align: center;
    }
    .titulo span{
        width: 100%;
        float: none;
        text-align: center;
    }
    .titulo em{
        width: 100%;
        float: none;
        text-align: center;
    }
    .titulo span h4 {
        padding-left: 0;
        white-space: normal;
    }
    .titulo-esp h1{
        line-height: 1.3;
        margin-block-end: 0;
        font-size: 36pt;
        text-align: center;
    }
    .titulo-esp span {
        width: 100%;
        float: none;
        text-align: center;
        margin: 0;
    }
    .modal-dialog{
        margin-top: 87px;
    }
    .div-imagen{
        height: auto;
    }
}
/*fin 767px*/

@media(max-width:722px){
    .div-prod{
        width: 100%;
        margin: 0;
    }
}

@media(max-width: 602px){
    .div-qs {
        width: 100%;
        margin: 15px 0;
    }
    .div-noti{
        max-height: 70vh;
        height: 432px;
        width: 100%;
    }
    .contenedor-grupo {
        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;
    }
    .tabla-colflex {
        height: 54vh;
    }
    .divisiones p:first-child {
        width: 68%;
    }
    .divisiones p:last-child {
        width: 32%;
    }
}
@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: 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: 3rem;
    }
    .titulo-duo2 h2 {
        font-size: 2rem;
    }
}

@media(max-width: 321px){
    .seccionimg {
        height: 227px;
    }
    h1 {
        font-size: 23px;
    }
    h2 {
        font-size: 19px;
    }
    h3 {
        font-size: 17px;
    }
    h4 {
        font-size: 15px;
    }
    .titulos h1{
        font-size: 29pt;
    }
}
@media(max-width: 240px){
    .circulo-qs{
        width: 230px;
        height: 230px;
    }
}






/**** medias MIN ****/
@media(min-width: 767px){
    .altodiv{
        position: absolute;
        top: 50%;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background: #f9edef;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
    /* Tabla absoluta*/
    .tabla-container {
        width: 100%;
        height: 100%;
        position: relative;
        /* overflow-x: scroll; */
        /* overflow-y: hidden; */
        height: calc(100% - 0.5px);
        /* overflow: scroll; */
        height: 400px;
    }
    .tabla-in-container {
        min-width: 100px;
        width: 100%;
        height: 100%;
        display: block;
        border: 0;
    }
    .tabla-absoluta{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        /* right: 300px; */
        bottom: 0;
        overflow: hidden;
    }
    .tabla-absoluta > table{
        width: 100%;
        height: 100%;
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
        display: block;
        border-spacing: 2px;
        /* border-collapse: inherit; */
        background: #efefef;
    }
    .tabla-absoluta > table > thead{
        background: #efefef;
    }
    .tabla-absoluta > table > tbody{
        float: left;
        left: 0;
        right: 0;
        width: 1073px;
        height: 100%;
        /* width: inherit; */
        overflow-y: scroll;
        overflow-x: scroll;
        /*display: contents;*/
    }
    .tabla-absoluta > table > tbody > tr{
        display: inline-flex;
        padding-left: 0px;
    }
    .tabla-absoluta > table > tbody > tr:last-child td{
        padding-bottom: 40px;
    }
    /*.tabla-absoluta > table > tbody > tr > td:before {
        content: attr(data-content);
    }*/
    /* Escroll */
    .tabla-absoluta .table::-webkit-scrollbar, .tabla-absoluta .table > tbody::-webkit-scrollbar {
        width: 11px;
        height: 11px;
    }
    .tabla-absoluta .table::-webkit-scrollbar-thumb, .tabla-absoluta .table > tbody::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
        cursor: pointer !important;
    }
    .tabla-absoluta .table::-webkit-scrollbar-thumb:active, .tabla-absoluta .table > tbody::-webkit-scrollbar-thumb:active {
        background-color: #999999;
        cursor: pointer !important;
    }
    .tabla-absoluta .table::-webkit-scrollbar-thumb:hover, .tabla-absoluta .table > tbody::-webkit-scrollbar-thumb:hover {
        background: #b3b3b3;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
        cursor: pointer !important;
    }
    .tabla-absoluta .table::-webkit-scrollbar-track, .tabla-absoluta .table > tbody::-webkit-scrollbar-track {
        border:  0px solid grey;
        border-radius: 4px;
    }
    .tabla-absoluta .table::-webkit-scrollbar-scroll, .tabla-absoluta .table > tbody::-webkit-scrollbar-scroll{
        background: blue;
    }
    .tabla-absoluta .table::-webkit-scrollbar-track:hover, 
    .tabla-absoluta .table::-webkit-scrollbar-track:active,
    .tabla-absoluta .table > tbody::-webkit-scrollbar-track:hover, 
    .tabla-absoluta .table > tbody::-webkit-scrollbar-track:active {
        border:  0px solid grey;
    }
    .tabla-absoluta .table::-moz-scrollbar, .tabla-absoluta .table > tbody::-moz-scrollbar {
        width: 11px;
        height: 11px;
    }
    .tabla-absoluta .table::-moz-scrollbar-thumb:active, .tabla-absoluta .table > tbody::-moz-scrollbar-thumb:active {
        background-color: #999999;
        cursor: pointer !important;
    }
    .tabla-absoluta .table::-moz-scrollbar-thumb:hover, .tabla-absoluta .table > tbody::-moz-scrollbar-thumb:hover {
        background: #b3b3b3;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
        cursor: pointer !important;
    }
    .tabla-absoluta .table::-moz-scrollbar-track, .tabla-absoluta .table > tbody::-moz-scrollbar-track {
        border:  0px solid grey;
        border-radius: 4px;
    }
    .tabla-absoluta .table::-moz-scrollbar-scroll, .tabla-absoluta .table > tbody::-moz-scrollbar-scroll{
        background: blue;
    }
    .tabla-absoluta .table::-moz-scrollbar-track:hover, 
    .tabla-absoluta .table::-moz-scrollbar-track:active,
    .tabla-absoluta .table > tbody::-moz-scrollbar-track:hover, 
    .tabla-absoluta .table > tbody::-moz-scrollbar-track:active {
        border:  1px solid grey;
    }
    .tabla-absoluta .table::-ms-scrollbar, .tabla-absoluta .table > tbody::-ms-scrollbar {
        width: 11px;
        height: 11px;
    }
    .tabla-absoluta .table::-ms-scrollbar-thumb:active, .tabla-absoluta .table > tbody::-ms-scrollbar-thumb:active {
        background-color: #999999;
        cursor: pointer !important;
    }
    .tabla-absoluta .table::-ms-scrollbar-thumb:hover, .tabla-absoluta .table > tbody::-ms-scrollbar-thumb:hover {
        background: #b3b3b3;
        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
        cursor: pointer !important;
    }
    .tabla-absoluta .table::-ms-scrollbar-track, .tabla-absoluta .table > tbody::-ms-scrollbar-track {
        border:  0px solid grey;
        border-radius: 4px;
    }
    .tabla-absoluta .table::-ms-scrollbar-scroll, .tabla-absoluta .table > tbody::-ms-scrollbar-scroll{
        background: blue;
    }
    .tabla-absoluta .table::-ms-scrollbar-track:hover, 
    .tabla-absoluta .table::-ms-scrollbar-track:active,
    .tabla-absoluta .table > tbody::-ms-scrollbar-track:hover, 
    .tabla-absoluta .table > tbody::-ms-scrollbar-track:active {
        border:  0px solid grey;
    }
    /*fin tabla absoluta*/
    .sin-padd-right{
        padding-right: 0;
    }
    .sin-padd-left{
        padding-left: 0;
    }
    .col-lg-09 {
        width: 16.9%;
    }
    .padd-left{
        padding-left: 5%;
    }
    .padd-right{
        padding-right: 5%;
    }
    .super-padd-left{
        padding-left: 10%;
    }
    .super-padd-right{
        padding-right: 10%;
    }
    .super-padd-bottom{
        padding-bottom: 5%;
    }
    .borde-arriba{
        border-top: 1px solid #f07d00;
    }
    .col-sm-2-5{

        width: 20%;

        float: left;

    }
    .div-logo {
        display: initial;
    }
    .modal-lg{
        margin: 20px auto;
        padding-top: 8%;
    }
    .modal-md{
        margin: 20px auto;
        padding-top: 8%;
    }

    /*.container-fluid{

        padding: 0 3%;

    }*/

    .padding-top{

        padding-top: 7%;

    }
    .swiper-wrapper.slider-azul{
        /*display: flex!important;
        flex-flow: row nowrap;
        justify-content: space-around;
        align-content: center;
        align-items: center*/
    }
    .swiper-slide.slide-azul{
        /*display: table-cell;
        vertical-align: middle;*/
        /*padding-right: 10px;
        opacity: 0.4;*/
    }
    .padd-izq{
        padding-left: 9%;
    }
}
@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;
    }
    .detcurso.col-md-4 {
        width: 33%;
    }
    .pad-col {
        padding: 30px 8% 20px 8%;
    }
    /* efecto cabecera*/
    .login{
        display: none !important;
    }
    .logo2{
        display: none;
    }
    .menu-one {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .menu-on{
        background: #f5f5f5;
        padding-bottom: 0%;
        box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.075);
        position: fixed;
        top: 0;
        padding-top: 0;
        right: 0;
        left: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        z-index: 999;
        width: 100%;
       /* background: #0c0c0c;
        color: #131419;*/
        transition: transform 0.3s ease-out, opacity 0s 0.3s;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        transition: transform 0.3s ease-out, opacity 0s 0s;
    }
    img.logo-banner {
        width: 100% !important;
        height: auto !important;
    }
    /*.menu-on .logo1{
        display: none;
    }*/
    .menu-on .div-logo img.logo1{
        display: none;
    }
    .menu-on .logo2{
        display: inline-block;
        /*width: 75px;*/
        /*width: 90px;*/
    }
    .menu-on .logo1{
        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%;*/
        /*position: relative;*/
        /*background-image: none;*/
        background: #f5f5f5;
        top: 0px;
    }
    .menu-of .logo2{
        display: 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 .iconolast span{

        color: #ffffff;

    }

    .menu-of .div-logo img {

        /*max-height: 130px;*/
        transition: max-height 0.4s ease;
        padding: 5px;
        /*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 .navbar-inverse .navbar-nav > li > div > a:hover, .navbar-inverse .navbar-nav > li > div > a:focus{
        color: #e70068;
    }
    .menu-on .header_box ul > li > .link-menu:hover:after{
        background: #e70068;
    }
    .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: 65px;
        padding: 10px;
        /*padding-left: 40px;*/
        /*max-height: 80%;
        padding: 9px;*/
        transition: max-height 0.4s ease;

    }
    .menu-on .div-logo a{
        padding-bottom: 0;
    }
    .menu-on .nav > li{
        padding-top: 0;
        padding-bottom: 0;
    }
    .menu-on .navbar-inverse .navbar-nav > li > div > a {
        color: #000;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .menu-on .dropdown:hover >.link-menu >a{
        color: #e70068;
    }
    .menu-on .navbar-inverse .navbar-nav > li.active > div > a{
        color: #e70068 !important;
    }
    .menu-on .nav > li.dropdown > .link-menu:before{
        bottom: 0px;
    }
    .menu-on #mainNav > li:after{
        background: #e2172f;
    }
    .menu-on #mainNav > li.active > .link-menu:after{
        width: 100%;
        background: #0090D1;
    }
    .menu-on .navbar-nav{
        border-bottom: 0;
    }

    .menu-on .navbar-inverse .navbar-nav > li > .dropdown-menu {
        background: #f5f5f5;
    }


    .pad-nav{

        padding: 22px 17px !important;

    }

    .pad-navof{

        padding: 40px 15px 17px !important;

    }

    /*fin efecto cabecera*/
    .menu .dropdown-menu{
        background-color: #f5f5f5;
    }
    .menu .dropdown-menu > li > div > a {

        color: #545454;

        cursor: pointer;

        display: block;

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

        /*text-transform: uppercase;*/

    }

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

        color: #e70068;

        background-color: transparent;

    }

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

        color: #e70068;

        /*background-color: #000;*/

    }

    .menu .dropdown-menu li.active span{

        color: #770000;

    }
    .menu .dropdown-menu.menu-drop2  > li  > a{
        padding: 0px 10px;
        white-space: normal;
        font-size: 11pt;
        color: #fff;
        line-height: 1;
    }

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

        color: #001c42;
        background: transparent;
    }

    .menu .dropdown-menu.menu-drop2 > li.active > a{
        color: #001c42;
        background: transparent;
    }
    .dropdown:hover >.link-menu >a{
        color: #e70068;
    }
    /*.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;
    }
    .border-pie:before{
        content: '';
        position: absolute;
        top: 27%;
        right: 7px;
        width: 2px;
        height: 73%;
        background: rgba(255, 255, 255, 0.08);
    }
    .sin-margen-pc{
        margin: 0;
    }
    .border-left-absoluta{
        position: relative;
    }
    .border-left-absoluta:before{
        content: '';
        position: absolute;
        width: 1px;
        height: 60%;
        left: -5px;
        top: 35%;
        bottom: 0;
        background: #e1e5e8;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-nav > li {
        margin-left: 0;
    }
}
@media(min-width: 991px){
    .cont-cab{
        display: table-cell;
        vertical-align: middle;
        width: 15%;
        text-align: left;
    }
    .div-logo img {
        /*max-height: 140px;  */
        /*padding-top: 10px;*/
        /*padding-bottom: 10px;*/
        /*margin-top: -26px;*/
        /*position: absolute;*/
        top: 0;
        left: 0;
        max-height: 75px;
        transition: max-height 0.4s ease;
        padding: 5px;
        /*padding-left: 40px;*/
    }
/*
    #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;
        content: ' ';
        width: 1px;
        left: 100%;
        top: 18%;
        height: 52%;
        background: #ffffff;
    }  



    /* SOMBRA DEL BANNER */



    .sombra-banner{



        z-index:1090;



        margin-top: -17px;



        width: 100%;



    }

    /* Menu con imagen*/
    .logo {
        width: 14%;
        z-index: 99991 !important;
        padding: 0 !important;
    }
    .logo > div > a{
        position: absolute;
        top: -42px;
        left: 0;
        right: 0;
    }
    .nav > li {
        /*position: static !important;*/
        padding-top: 0;
        padding-bottom: 0;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        float: none;
    }
    .nav > li.dropdown > .link-menu:before{
        content: '';
        bottom: 0px;
        left: 50%;
        position: absolute;
        border-left: 12px solid rgba(29, 147, 152, 0);
        border-right: 12px solid rgba(29, 147, 152, 0);
        border-bottom: 12px solid #f5f5f5;
        z-index: 9999;
        font-size: 0px;
        opacity: 0;
    }
    .nav > li.dropdown:hover > .link-menu:before{
        opacity: 1;
    }
    .menu-drop1 {
        /*text-align: center;*/
        background-color: #fdfdfd;
        /*box-shadow: inset 0 20px 20px -20px #dadada;*/
        border-bottom: 0px solid #ededed !important;
        box-shadow: 0 11px 11px rgba(0, 0, 0, 0.1);
    }

    .menu .dropdown-menu {
        width: 100%;
        border-radius: 0px;
        /* top: 87%; */
        top: 100%;
        padding-top: 0%;
        padding-bottom: 0%;
        text-transform: uppercase;
    }

    .menu .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;
        vertical-align: top;
    }

    .menu .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;
        position: relative;
        display: block;
        padding: 0 20px 3% !important;
        border: 0;
        box-shadow: none;

    }

    .menu-drop2 > li {

        display: inline-block;
        margin-bottom: 15px;

        /*position: initial;*/

        /*position: static;*/

        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;



        /*min-width: 200px;*/

    }
    .menu-drop1 > div >li {
        position: initial;
        width: 49.7%;
        transition: all 0.5s ease;
    }
    .menu-drop1 > div > li > .link-menu > a {
        padding: 12px 20px 2%;
        white-space: normal;
        /*font-size: 13px;*/
        display: block;
        /*font-family: "myriadPro";*/
        /* text-transform: uppercase; */
    }
    .menu-drop1 > div > li a {
        color: #636362;
    }
    .menu-drop1 > div >li > .link-menu > a > h5 {
        margin: 0;
        border-bottom: 1px solid #00abdf;
        padding: 0px 10px 5px;
        font-weight: 700;
        text-align: left;
        color: #001c42;
        font-size: 11pt;
    }
    .menu-drop1 > div >li.active > .link-menu > a > h5{
        color: #646363;
    }
    .menu .dropdown-menu > li > div > a {
        padding: 8px 15px;
        white-space: normal;
        font-size: 11pt;
        font-weight: 700;
        text-transform: uppercase;
        display: block;
        position: relative;
        height: auto;
        /*margin-top: 4%;*/
    }

    .img-menu {

        display: block;

        margin: 0 auto;

        /*height: 85px;*/
        height: 55px;
        width: auto;
        max-width: 100%;
        position: absolute;
        top: 0;
        left: 0;

        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;



    }

    .menu .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;

    }

    .menu .dropdown-menu span:before {

        font-size: 50px;

    }

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

        color: #e4ba3a;

    }

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

        font-size: 11px;

        color: #fff;

        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;

    }

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

        color: #004e9c;

        background-color: transparent;

    }

    .menu .dropdown-menu.menu-drop3 > li > a:hover img, .menu .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);

    }

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

        color: #004e9c;

        background-color: transparent;

    }

    .menu .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);

    }

    .menu .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);

    }

    .menu .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);

    }

    .menu .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: left;

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

    .menu-drop3 > li {

        display: inline-block;

    }

    .link-tot{

        display: none !important;

    }
    .project-section .project-section-content.project-models{
        padding-top: 30px;
        padding-bottom: 20px;
        padding-right: 15px;
    }
    .project-models .swiper-container .swiper-slide {
        height: 50%;
    }
    .project-logo{
        padding-left: 0
    }
    .project-logo img {
        max-height: 80px;
    }
    .project-photos{
        /*padding-bottom: 100px;*/
        padding-bottom: 15px;
    }
    .sin-padding-pc{
        padding: 0;
    }
    .col-lg-09{
        width: 10.9%;
    }
    .col-lg-08{
        width: 12.4%;
    }
    .contenedor-sobresalido{
        /*margin-top: -11%;*/
    }
}
/*fin min-width:991px*/

@media(min-width: 1200px){
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-2-5{

        width: 20%;

        float: left;    

    }
    .col-lg-1-5 {
        width: 13.666667%;
    }
    .col-lg-8-5 {
        width: 69.666667%;
    }
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .menu-drop1 {
        display: block;
        /* -webkit-animation: fadeInUp 400ms; */
        /* animation: fadeInUp 400ms; */
        -webkit-animation: fadeInDown 400ms;
        animation: fadeInDown 400ms;
    }
    .nav-item.dropdown:hover .dropdown-menu{
        display: block;
        /* -webkit-animation: fadeInUp 400ms; */
        /* animation: fadeInUp 400ms; */
        -webkit-animation: fadeInDown 400ms;
        animation: fadeInDown 400ms;
    }
    .dropdown:hover .menu-drop1 {
        display: block;
        /*-webkit-animation: fadeInUp 400ms;*/
        /*      animation: fadeInUp 400ms;*/
        -webkit-animation: fadeInDown 400ms;
        animation: fadeInDown 400ms;
    }

    /*.fadeInLeft MENU  Hijo 2*/
    /*.dropdown-submenu:hover .menu-drop2 {
        display: block;
        -webkit-animation: fadeInDown 400ms;
        animation: fadeInDown 400ms;
    }*/

    /*.fadeInLeft MENU  Hijo 3*/
    /*.dropdown-threemenu:hover .menu-drop3 {
        display: block;
        -webkit-animation: fadeInDown 400ms;
        animation: fadeInDown 400ms;
    }*/

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

    /* Make Navigation Toggle on Desktop Hover */
    /*.dropdown:hover .menu .dropdown-menu  {*/
    .dropdown:hover .menu-drop1 {
        display: block;
        -webkit-animation: fadeInUp 400ms;
        animation: fadeInUp 400ms;
    }
    /*.fadeInLeft MENU  Hijo 2*/
    /*.dropdown-submenu:hover .menu-drop2 {
        display: block;
        -webkit-animation: fadeInDown 400ms;
        animation: fadeInDown 400ms;
    }*/

    /*.fadeInLeft MENU  Hijo 3*/
    /*.dropdown-threemenu:hover .menu-drop3 {
        display: block;
        -webkit-animation: fadeInDown 400ms;
        animation: fadeInDown 400ms;
    }*/
    /*  .navbar-nav > li {
        margin-left: 10px;
      }*/
    .navStyle ul li a {
        font-size: 12px;
    }
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

}
@media(min-width: 1400px){

    .text-logo {

        position: absolute;

        right: -100%;

        left: 80%;

        bottom: 5px;

    }
    .container-chico{
        width: 64%;
        margin: 0 auto;
    }
    .cont-plomo .seccionimg{
        height: 330px;
    }
}
@media(min-width: 1600px){
    .circulo-qs {
        /*height: 10vh;
        width: 10vh;*/
        /*width: 250px;
        height: 250px;*/
    }
    .container {
        width: 80%;
        margin: 0 auto;
    }
    .titulo-banner article h1{
        font-size: 36pt;
    }
    .cont-imgprin{
        max-width: 155.4rem;
    }
    .img-prin{
        max-width: 74.2rem;
    }
}

@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;*/
    }

}